@taiga-ui/cdk 4.0.0-rc.8 → 4.0.0-rc.9

package/schematics/ng-update/v4/steps/constants/attr-with-values-to-replace.js

@@ -2,11 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ATTR_WITH_VALUES_TO_REPLACE = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const hasPseudo = [
+    'button',
+    'a',
+    'tui-checkbox',
+    'tui-checkbox-block',
+    'tui-radio',
+    'tui-radio-block',
+    'tui-radio-labeled',
+    'tui-checkbox-labeled',
+];
 exports.ATTR_WITH_VALUES_TO_REPLACE = [
     {
         attrNames: ['shape'],
         newAttrName: '[style.border-radius.%]',
-        values: [{ from: 'rounded', to: '100' }],
+        valueReplacer: [{ from: 'rounded', to: '100' }],
         withTagNames: ['button'],
         filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton') ||
             (0, elements_1.hasElementAttribute)(el, 'tuiIconButton'),
@@ -14,9 +24,39 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
     {
         attrNames: ['tuiMode'],
         newAttrName: 'tuiTheme',
-        values: [
+        valueReplacer: [
             { from: 'onDark', to: 'dark' },
             { from: 'onLight', to: 'light' },
         ],
     },
+    {
+        attrNames: ['[pseudoActive]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'active' : null`,
+    },
+    {
+        attrNames: ['[pseudoFocus]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'focus' : null`,
+    },
+    {
+        attrNames: ['[pseudoHover]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'hover' : null`,
+    },
+    {
+        attrNames: ['[pseudoInvalid]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'invalid' : null`,
+    },
+    {
+        attrNames: ['[pseudoDisabled]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: ['tui-radio-block', 'tui-radio-labeled', 'tui-radio'],
+        valueReplacer: (condition) => `${condition} ? 'disabled' : null`,
+    },
 ];

package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js

@@ -164,6 +164,14 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: 'appearance' },
     },
+    {
+        from: {
+            attrName: '[mode]',
+            withTagNames: ['tui-marker-icon'],
+            withAttrsNames: ['tuiMarkerIcon'],
+        },
+        to: { attrName: '[appearance]' },
+    },
     {
         from: {
             attrName: 'tuiAction',

package/schematics/ng-update/v4/steps/constants/html-comments.js

@@ -52,4 +52,8 @@ exports.HTML_COMMENTS = [
         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',
+    },
 ];