@taiga-ui/cdk
Version:
Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance
131 lines • 4.04 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ATTRS_TO_REPLACE = void 0;
const elements_1 = require("../../../../utils/templates/elements");
exports.ATTRS_TO_REPLACE = [
{
from: {
attrName: 'icon',
withAttrsNames: ['tuiBadge'],
filterFn: (element) => element.tagName === 'tui-icon',
},
to: { attrName: 'iconStart' },
},
{
from: {
attrName: '[icon]',
withAttrsNames: ['tuiBadge'],
filterFn: (element) => element.tagName === 'tui-icon',
},
to: { attrName: '[iconStart]' },
},
{
from: { attrName: '[tuiAlert]', withTagNames: ['*'] },
to: { attrName: '[tuiNotification]' },
},
{
from: { attrName: '[(tuiAlert)]', withTagNames: ['*'] },
to: { attrName: '[(tuiNotification)]' },
},
{
from: { attrName: '(tuiAlertChange)', withTagNames: ['*'] },
to: { attrName: '(tuiNotificationChange)' },
},
{
from: { attrName: '[tuiAlertOptions]', withTagNames: ['*'] },
to: { attrName: '[tuiNotificationOptions]' },
},
{
from: { attrName: 'tuiButtonClose', withTagNames: ['*'] },
to: { attrName: 'tuiButtonX' },
},
{
from: { attrName: 'tuiTag', withTagNames: ['*'] },
to: { attrName: 'tuiChip' },
},
{
from: { attrName: '*tuiTextfieldDropdown', withTagNames: ['*'] },
to: { attrName: '*tuiDropdown' },
},
{
from: { attrName: '*tuiDataList', withTagNames: ['*'] },
to: { attrName: '*tuiDropdown' },
},
{
from: { attrName: 'tuiTextfield', withTagNames: ['*'] },
to: { attrName: 'tuiInput' },
},
{
from: { attrName: 'tuiDropdownOpen', withTagNames: ['*'] },
to: { attrName: 'tuiDropdownAuto' },
},
{
from: { attrName: 'tuiDropdownMobile', withTagNames: ['*'] },
to: { attrName: 'tuiDropdownSheet' },
},
{
from: { attrName: '[tuiSheet]', withTagNames: ['*'] },
to: { attrName: '[tuiSheetDialog]' },
},
{
from: { attrName: 'tuiSheetOptions', withTagNames: ['*'] },
to: { attrName: 'tuiSheetDialogOptions' },
},
{
from: { attrName: 'showLoader', withTagNames: ['tui-loader'] },
to: { attrName: 'loading' },
},
{
from: { attrName: '[showLoader]', withTagNames: ['tui-loader'] },
to: { attrName: '[loading]' },
},
{
from: { attrName: 'tuiStepper', withTagNames: ['nav'] },
to: { attrName: '' },
},
{
from: { attrName: 'tuiTabs', withTagNames: ['nav'] },
to: { attrName: '' },
},
{
from: { attrName: 'tuiExpandContent', withTagNames: ['ng-template'] },
to: { attrName: 'tuiItem' },
},
{
from: { attrName: '*tuiExpandContent', withTagNames: ['*'] },
to: { attrName: '*tuiItem' },
},
{
from: {
attrName: '[tuiAppearance]',
withTagNames: ['*'],
filterFn: (element) => (0, elements_1.hasElementAttribute)(element, 'tuiCardLarge'),
},
to: { attrName: '[appearance]' },
},
{
from: {
attrName: 'tuiAppearance',
withTagNames: ['*'],
filterFn: (element) => (0, elements_1.hasElementAttribute)(element, 'tuiCardLarge'),
},
to: { attrName: 'appearance' },
},
{
from: { attrName: '(tuiPresentChange)', withTagNames: ['*'] },
to: { attrName: '(tuiPresent)' },
},
{
from: { attrName: 'new', withAttrsNames: ['tuiOption'] },
to: { attrName: '' },
},
{
from: { attrName: '(directionOrderChange)', withTagNames: ['table'] },
to: { attrName: '(directionChange)' },
},
{
from: { attrName: '[(directionOrder)]', withTagNames: ['table'] },
to: { attrName: '[(direction)]' },
},
];
//# sourceMappingURL=attrs-to-replace.js.map