@taiga-ui/cdk
Version:
Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance
85 lines (84 loc) • 3.88 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.HTML_COMMENTS = void 0;
const inputs_1 = require("../../../../utils/templates/inputs");
exports.HTML_COMMENTS = [
{
tag: 'tui-toggle',
withAttrs: ['singleColor', 'showLoader'],
comment: 'toggle [singleColor] and [showLoader] inputs have been removed due to design changes',
},
{
tag: 'tui-table-pagination',
withAttrs: ['[(page)]', '[(size)]', '(pageChange)', '(sizeChange)'],
comment: '(pageChange) and (sizeChange) outputs have been removed. Use (paginationChange) instead',
},
{
tag: 'tui-input-inline',
withAttrs: ['(focusedChange)'],
comment: '(focusedChange) output has been removed. Use native (focusin) / (focusout) instead',
},
{
tag: 'tui-radio',
withAttrs: ['identityMatcher', 'showLoader'],
comment: 'radio [identityMatcher] and [pseudoDisabled] inputs have been removed. If you need a workaround, please start a discussion on GitHub to think together',
},
{
tag: 'tui-rating',
withAttrs: ['iconFilled', 'iconNormal'],
comment: 'rating [iconFilled] and [iconNormal] inputs have been removed. Use [icon] instead. See example https://taiga-ui.dev/components/rating#icons',
},
{
tag: 'button',
withAttrs: ['tuiAction'],
comment: 'tuiAction has been removed in favour of tuiCardLarge + tuiSurface. Change the template according to this example https://taiga-ui.dev/layout/card-large',
},
{
tag: 'a',
withAttrs: ['tuiAction'],
comment: 'tuiAction has been removed in favour of tuiCardLarge + tuiSurface. Change the template according to this example https://taiga-ui.dev/layout/card-large',
},
{
tag: 'button',
withAttrs: ['[shape]'],
comment: '[shape] input has been removed. Please use border-radius css property for rounding borders https://taiga-ui.dev/components/button',
},
{
tag: '*',
withAttrs: ['tuiMode'],
comment: 'TuiMode has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme',
},
{
tag: 'tui-theme-night',
withAttrs: [],
comment: 'TuiThemeNight has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme',
},
{
tag: 'tui-input-files',
withAttrs: [],
comment: 'Native input inside is now required and the wrapper has changed from <tui-input-files to <label tuiInputFiles, control moved to native input. See interactive example https://taiga-ui.dev/components/input-files',
},
{
pattern: /\|\s?tuiFormatNumber\s?:/g,
comment: 'tuiFormatNumber pipe API has been changed. Learn how to migrate decimalLimit, decimal, zeroPadding: https://github.com/taiga-family/taiga-ui/issues/8335#migration',
},
{
tag: 'a',
pattern: /\|\s?(tuiIconButton|tuiButton)\s?:/g,
withAttrs: ['disabled'],
comment: 'A link cannot have a "disabled" attribute. If you want a disabled appearance, use the tuiAppearanceState directive. See https://taiga-ui.dev/directives/appearance/API?tuiAppearanceState=disabled',
},
{
tag: 'tui-svg',
withAttrs: ['src'],
comment: 'For colored icons, please use <img src="\'name\' | tuiIcon" alt="icon" />',
filterFn: (element) => {
var _a;
const icon = (_a = (0, inputs_1.findAttr)(element.attrs, 'src')) === null || _a === void 0 ? void 0 : _a.value.replaceAll(/['"]/g, '');
return (!!icon &&
((icon.startsWith('tuiIconTds') &&
!!/Logo|LogoSquare|LogoSiteheader|Flags$/.exec(icon)) ||
!icon.startsWith('tuiIcon')));
},
},
];