@taiga-ui/cdk 4.11.0 → 4.13.0

package/schematics/ng-update/v4/migrate-css-vars/palette.js

@@ -98,7 +98,7 @@ exports.DEPRECATED_NUMERIC_VARS = {
     '--tui-chart-': '--tui-chart-categorical-0',
     '--tui-support-': '--tui-chart-categorical-',
 };
-exports.NIGHT_VAR_COMMENT = 'TODO: use tuiTheme="dark" on an element to switch colors to dark theme';
+exports.NIGHT_VAR_COMMENT = 'TODO: night variables have been removed. Use tuiTheme="dark" on an element to switch colors to dark theme';
 exports.DEPRECATE_VARS_WITH_COMMENT = [
     '--tui-clear-inverse',
     '--tui-clear-inverse-hover',
@@ -113,7 +113,7 @@ exports.DEPRECATE_VARS_WITH_COMMENT = [
     '--tui-warning-bg-night',
     '--tui-warning-bg-night-hover',
     '--tui-info-fill-night',
-    'tui-info-bg-night',
+    '--tui-info-bg-night',
     '--tui-info-bg-night-hover',
     '--tui-neutral-fill-night',
     '--tui-neutral-bg-night',

package/schematics/ng-update/v4/migrate-css-vars/rename-css-vars.js

@@ -12,7 +12,7 @@ function renameCssVars(pattern = constants_1.ALL_FILES) {
         // leave comments
         if (!file.getFilePath().endsWith('html')) {
             palette_1.DEPRECATE_VARS_WITH_COMMENT.forEach((variable) => {
-                const wordRegex = new RegExp(`(^|\\n)(?=[^\\n]*\\b${variable}\\b)`, 'g');
+                const wordRegex = new RegExp(`(^|\\n)(?=[^\\n]*${variable}\\b)`, 'g');
                 text = text.replaceAll(wordRegex, `$1// ${palette_1.NIGHT_VAR_COMMENT}\n`);
             });
         }

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

@@ -34,11 +34,6 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
         newAttrName: 'tuiHintAppearance',
         valueReplacer: [{ from: 'onDark', to: 'dark' }],
     },
-    {
-        attrNames: ['appearance'],
-        newAttrName: 'appearance',
-        valueReplacer: [{ from: 'secondary-destructive', to: 'destructive' }],
-    },
     {
         attrNames: ['[pseudoActive]'],
         newAttrName: '[tuiAppearanceState]',

package/schematics/ng-update/v4/steps/constants/migration-warnings.js

@@ -178,4 +178,9 @@ exports.MIGRATION_WARNINGS = [
         moduleSpecifier: '@taiga-ui/core',
         message: 'TUI_ANIMATIONS_DURATION is deleted. Use TUI_ANIMATIONS_SPEED instead (300ms divided by your previous value of TUI_ANIMATIONS_DURATION)',
     },
+    {
+        name: 'TUI_DIALOG_CLOSES_ON_BACK',
+        moduleSpecifier: '@taiga-ui/cdk',
+        message: 'TUI_DIALOG_CLOSES_ON_BACK is deleted, you can create your own approach based on window.history property',
+    },
 ];

package/schematics/ng-update/v4/steps/templates/migrate-button-appearance.js

@@ -26,7 +26,7 @@ function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
         if (whiteBlockActiveAttr) {
             (0, remove_attrs_1.removeAttrs)([whiteBlockActiveAttr], sourceCodeLocation, recorder, templateOffset);
             const { startOffset } = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[whiteBlockActiveAttr.name]) || { startOffset: 0, endOffset: 0 };
-            recorder.insertLeft(startOffset + templateOffset, ` ${appearanceInputName}="whiteblock"`);
+            recorder.insertLeft(startOffset + templateOffset, ` ${appearanceInputName}="outline-grayscale"`);
             recorder.insertLeft(startOffset + templateOffset, ' tuiAppearanceMode="checked"');
         }
     });
@@ -37,5 +37,5 @@ function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
 }
 exports.migrateButtonAppearance = migrateButtonAppearance;
 function addTodo(recorder, templateOffset) {
-    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" tuiAppearanceMode="checked"\' -->\n');
+    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="outline-grayscale" tuiAppearanceMode="checked"\' -->\n');
 }

package/schematics/ng-update/v4/steps/templates/migrate-labeled.js

@@ -29,7 +29,7 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         'tui-radio-labeled',
     ]);
     elements.forEach(({ sourceCodeLocation, tagName, attrs }) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!sourceCodeLocation) {
             return;
         }
@@ -38,8 +38,9 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         const ngForAttr = (0, inputs_1.findAttr)(attrs, '*ngFor');
         (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
         recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, `<label${ngForAttr ? ` *ngFor="${ngForAttr.value}"` : ''} tuiLabel>`);
-        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
-        recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');
+        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), ((_e = (_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.endOffset) !== null && _e !== void 0 ? _e : 0) -
+            ((_g = (_f = sourceCodeLocation.endTag) === null || _f === void 0 ? void 0 : _f.startOffset) !== null && _g !== void 0 ? _g : 0));
+        recorder.insertRight(templateOffset + (((_h = sourceCodeLocation.endTag) === null || _h === void 0 ? void 0 : _h.startOffset) || 1), '</label>');
         const attrsToRemove = [ngForAttrLocation, contentAlignAttrLocation].filter((location) => Boolean(location));
         attrsToRemove.forEach((location) => {
             recorder.remove(templateOffset + location.startOffset, location.endOffset - location.startOffset);

package/schematics/ng-update/v4/steps/templates/migrate-number-precision.js

@@ -12,7 +12,7 @@ function migrateNumberPrecision({ resource, recorder, fileSystem, }) {
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const elements = (0, elements_1.findElementsByTagName)(template, 'tui-input-number');
     elements.forEach(({ attrs, sourceCodeLocation }) => {
-        var _a;
+        var _a, _b;
         if (!sourceCodeLocation) {
             return;
         }
@@ -20,9 +20,11 @@ function migrateNumberPrecision({ resource, recorder, fileSystem, }) {
         const precisionAttr = (0, inputs_1.findAttr)(attrs, 'precision');
         if (decimalAttr || precisionAttr) {
             (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'TuiNumberFormat', '@taiga-ui/core');
-            const format = `{${decimalAttr ? `decimalMode: ${(0, normalize_attr_value_1.normalizeAttrValue)(decimalAttr.name, decimalAttr.value)}` : ''}${decimalAttr ? ', ' : ''}${precisionAttr ? `precision: ${(0, normalize_attr_value_1.normalizeAttrValue)(precisionAttr.name, precisionAttr.value)}` : ''}`;
+            const decimalValue = (decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value) === 'never' ? '' : decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value;
+            const precisionValue = (decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value) === 'never' ? 0 : ((_a = precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value) !== null && _a !== void 0 ? _a : '');
+            const format = `{${decimalAttr && decimalValue ? `decimalMode: ${(0, normalize_attr_value_1.normalizeAttrValue)(decimalAttr.name, decimalValue)}` : ''}${decimalValue && precisionValue ? ', ' : ''}${precisionValue || (decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value) === 'never' ? `precision: ${precisionValue}` : ''}}`;
             const formatPart = `[tuiNumberFormat]="${format}"`;
-            const insertTo = (((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 0) +
+            const insertTo = (((_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _b === void 0 ? void 0 : _b.startOffset) || 0) +
                 '<tui-input-number '.length;
             recorder.insertRight(templateOffset + insertTo, formatPart);
         }

package/schematics/utils/is-ci.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated: drop in v5.0
+ */
 export declare function tuiIsCI(): boolean;

package/schematics/utils/is-ci.js

@@ -2,6 +2,9 @@
 /// <reference types="node" />
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tuiIsCI = void 0;
+/**
+ * @deprecated: drop in v5.0
+ */
 function tuiIsCI() {
     return (process.env.TUI_CI === 'true' ||
         !!process.env.CI || // Another CI

package/schematics/utils/progress.js

@@ -4,11 +4,10 @@ exports.setupProgressLogger = void 0;
 /// <reference types="node" />
 const node_readline_1 = require("node:readline");
 const ng_morph_1 = require("ng-morph");
-const is_ci_1 = require("./is-ci");
 function setupProgressLogger({ total, prefix = '', tabs = 2, }) {
     let i = 1;
     return (message, incrementIndex = true) => {
-        if ((0, is_ci_1.tuiIsCI)()) {
+        if (process.env.CI) {
             return;
         }
         const isLast = i === total;

package/services/popover.service.d.ts

@@ -17,8 +17,8 @@ export type TuiPopover<T, O> = T & TuiPopoverContext<O> & {
 export declare abstract class TuiPopoverService<T, K = void> {
     protected readonly options: T;
     private readonly component;
-    private readonly items$;
     private readonly id;
+    protected readonly items$: BehaviorSubject<ReadonlyArray<TuiPopover<T, any>>>;
     constructor(items: ProviderToken<BehaviorSubject<ReadonlyArray<TuiPopover<T, any>>>>, component: Type<any>, options?: T);
     open<G = void>(content: PolymorpheusContent<T & TuiPopoverContext<K extends void ? G : K>>, options?: Partial<T>): Observable<K extends void ? G : K>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPopoverService<any, any>, never>;