@taiga-ui/cdk 4.0.0-rc.5 → 4.0.0-rc.7

package/schematics/ng-update/v4/steps/templates/index.d.ts

@@ -1,10 +1,13 @@
 export * from './migrate-avatar';
 export * from './migrate-badge';
 export * from './migrate-badged-content';
+export * from './migrate-button-appearance';
 export * from './migrate-expandable';
 export * from './migrate-focusable';
+export * from './migrate-label';
 export * from './migrate-labeled';
 export * from './migrate-money';
+export * from './migrate-overscroll';
 export * from './migrate-prevent-default';
 export * from './migrate-progress-segmented';
 export * from './migrate-thumbnail-card';

package/schematics/ng-update/v4/steps/templates/index.js

@@ -4,10 +4,13 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./migrate-avatar"), exports);
 tslib_1.__exportStar(require("./migrate-badge"), exports);
 tslib_1.__exportStar(require("./migrate-badged-content"), exports);
+tslib_1.__exportStar(require("./migrate-button-appearance"), exports);
 tslib_1.__exportStar(require("./migrate-expandable"), exports);
 tslib_1.__exportStar(require("./migrate-focusable"), exports);
+tslib_1.__exportStar(require("./migrate-label"), exports);
 tslib_1.__exportStar(require("./migrate-labeled"), exports);
 tslib_1.__exportStar(require("./migrate-money"), exports);
+tslib_1.__exportStar(require("./migrate-overscroll"), exports);
 tslib_1.__exportStar(require("./migrate-prevent-default"), exports);
 tslib_1.__exportStar(require("./migrate-progress-segmented"), exports);
 tslib_1.__exportStar(require("./migrate-thumbnail-card"), exports);

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

@@ -3,6 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateBadge = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
 const template_resource_1 = require("../../../../utils/templates/template-resource");
+const common_1 = require("./toggles/common");
+const badgeSizeMap = {
+    xs: 's',
+    s: 'm',
+    m: 'l',
+    l: 'xl',
+};
 function migrateBadge({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
@@ -11,6 +18,7 @@ function migrateBadge({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset, badgeSizeMap);
         const valueAttr = attrs.find((attr) => attr.name === '[value]' || attr.name === 'value');
         // migration for icon-only badges
         if (!valueAttr) {

package/schematics/ng-update/v4/steps/templates/migrate-blocked.d.ts

@@ -0,0 +1,8 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { DevkitFileSystem } from 'ng-morph';
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateBlocked({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBlocked = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBlocked({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = (0, elements_1.findElementsByTagNames)(template, [
+        'tui-checkbox-block',
+        'tui-radio-block',
+    ]);
+    elements.forEach(({ sourceCodeLocation, tagName, attrs }) => {
+        var _a, _b, _c, _d;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const [, hideIconAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('hideCheckbox'.toLowerCase()) ||
+            name.includes('hideRadio'.toLowerCase())) || [];
+        const [, sizeAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('size')) || [];
+        const sizeAttr = attrs.find(({ name }) => name.includes('size'));
+        const newBlockAttr = `tuiBlock${sizeAttr ? `="${sizeAttr.value === 'xs' ? 's' : sizeAttr.value}"` : ''}`;
+        recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, `<label ${newBlockAttr}${hideIconAttrLocation ? ' appearance=""' : ''}>`);
+        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>');
+        if (hideIconAttrLocation) {
+            recorder.remove(templateOffset + hideIconAttrLocation.startOffset, hideIconAttrLocation.endOffset - hideIconAttrLocation.startOffset);
+        }
+        if (sizeAttrLocation) {
+            recorder.remove(templateOffset + sizeAttrLocation.startOffset, sizeAttrLocation.endOffset - sizeAttrLocation.startOffset);
+        }
+    });
+}
+exports.migrateBlocked = migrateBlocked;

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

@@ -0,0 +1,8 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { DevkitFileSystem } from 'ng-morph';
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateButtonAppearance({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateButtonAppearance = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+const remove_attrs_1 = require("../utils/remove-attrs");
+const tuiButtonSelectors = ['tuiButton', 'tuiIconButton'];
+const appearanceInputName = 'appearance';
+const appearanceInputNameDict = {
+    [appearanceInputName]: true,
+    [`[${appearanceInputName}]`]: true,
+};
+function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = tuiButtonSelectors.flatMap((selector) => (0, elements_1.findElementsWithDirective)(template, selector).filter(({ sourceCodeLocation, attrs }) => !!sourceCodeLocation &&
+        attrs.some(({ name }) => appearanceInputNameDict[name])));
+    if (!elements.length) {
+        return;
+    }
+    const whiteBlockValue = 'whiteblock-active';
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        const whiteBlockActiveAttr = attrs.find(({ value, name }) => appearanceInputNameDict[name] &&
+            (value === whiteBlockValue || value === `'${whiteBlockValue}'`));
+        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, ' data-mode="checked"');
+        }
+    });
+    const elementWithConditionAppearance = elements.find(({ attrs }) => attrs.some(({ name, value }) => name === `[${appearanceInputName}]` && !value.trim().startsWith("'")));
+    if (elementWithConditionAppearance) {
+        addTodo(recorder, templateOffset);
+    }
+}
+exports.migrateButtonAppearance = migrateButtonAppearance;
+function addTodo(recorder, templateOffset) {
+    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" data-mode="checked"\' -->\n');
+}

package/schematics/ng-update/v4/steps/templates/migrate-label.d.ts

@@ -0,0 +1,8 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { DevkitFileSystem } from 'ng-morph';
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateLabel({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateLabel = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateLabel({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const labelElements = (0, elements_1.findElementsByTagName)(template, 'label', ({ attrs }) => attrs.some(({ name }) => name === 'tuilabel' || name === '[tuilabel]'));
+    labelElements.forEach(({ attrs, sourceCodeLocation }) => {
+        const labelAttr = (0, inputs_1.findAttr)(attrs, 'tuilabel');
+        if (!labelAttr || !sourceCodeLocation) {
+            return;
+        }
+        migrateValue({
+            valueAttr: labelAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+        });
+    });
+}
+exports.migrateLabel = migrateLabel;
+function migrateValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
+    var _a, _b, _c;
+    const attrValue = valueAttr === null || valueAttr === void 0 ? void 0 : valueAttr.value;
+    const insertTo = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    if (!attrValue || !insertTo) {
+        return;
+    }
+    recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'tuilabel' ? attrValue : `{{ ${attrValue} }}`);
+    const attrOffset = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _c === void 0 ? void 0 : _c[valueAttr.name];
+    if (attrOffset) {
+        const { startOffset, endOffset } = attrOffset;
+        recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+        recorder.insertRight(templateOffset + startOffset, 'tuiLabel');
+    }
+}

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

@@ -34,10 +34,8 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         }
         (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 tuiLabel>');
-        recorder.insertRight(templateOffset + (((_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) || 1) - 1, '\n</label>');
-        recorder.remove(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 0), tagName === 'tui-checkbox-labeled'
-            ? '<tui-checkbox-labeled/>'.length
-            : '<tui-radio-labeled/>'.length);
+        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>');
     });
 }
 exports.migrateLabeled = migrateLabeled;

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

@@ -21,5 +21,40 @@ function migrateCheckbox({ resource, recorder, fileSystem, }) {
         (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
         (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
     });
+    (0, elements_1.findElementsByTagName)(template, 'tui-primitive-checkbox').forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-primitive-checkbox',
+            directive: 'tuiCheckbox',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
 }
 exports.migrateCheckbox = migrateCheckbox;
+function replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    const valueAttr = attrs.find((attr) => attr.name === 'value' || attr.name === '[value]');
+    if (valueAttr) {
+        const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[valueAttr.name]) || {
+            startOffset: 0,
+            endOffset: 0,
+        };
+        recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+        switch (valueAttr.value) {
+            case 'false':
+            case 'null':
+                return;
+            case 'true':
+                recorder.insertRight(templateOffset + startOffset, 'checked ');
+                return;
+            default:
+                recorder.insertRight(templateOffset + startOffset, `[checked]="${valueAttr.value}" `);
+        }
+    }
+}

package/schematics/utils/get-named-import-references.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNamedImportReferences = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../constants");
-function getNamedImportReferences(namedImport, moduleSpecifier = '**/**', files = constants_1.ALL_TS_FILES) {
+function getNamedImportReferences(namedImport, moduleSpecifier = ['**/**'], files = constants_1.ALL_TS_FILES) {
     const importDeclarations = (0, ng_morph_1.getImports)(files, {
         namedImports: [namedImport],
-        moduleSpecifier,
+        moduleSpecifier: Array.isArray(moduleSpecifier)
+            ? moduleSpecifier
+            : [moduleSpecifier, `${moduleSpecifier}/**`],
     });
     const namedImports = importDeclarations.map((declaration) => {
         var _a;

package/tokens/environment.d.ts

@@ -3,6 +3,7 @@ export declare const TUI_IS_IOS: import("@angular/core").InjectionToken<boolean>
 export declare const TUI_IS_ANDROID: import("@angular/core").InjectionToken<boolean>;
 export declare const TUI_IS_WEBKIT: import("@angular/core").InjectionToken<boolean>;
 export declare const TUI_PLATFORM: import("@angular/core").InjectionToken<"android" | "ios" | "web">;
+export declare const TUI_IS_TOUCH: import("@angular/core").InjectionToken<import("@angular/core").Signal<boolean>>;
 /**
  * Detect if app is running under Cypress
  * {@link https://docs.cypress.io/faq/questions/using-cypress-faq#Is-there-any-way-to-detect-if-my-app-is-running-under-Cypress Cypress docs}

package/classes/controller.d.ts

@@ -1,9 +0,0 @@
-import type { OnChanges } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare abstract class AbstractTuiController implements OnChanges {
-    readonly change$: Subject<void>;
-    ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTuiController, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractTuiController, never, never, {}, {}, never, never, false, never>;
-}

package/esm2022/classes/controller.mjs

@@ -1,18 +0,0 @@
-import { Directive } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-class AbstractTuiController {
-    constructor() {
-        this.change$ = new Subject();
-    }
-    ngOnChanges() {
-        this.change$.next();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractTuiController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AbstractTuiController, usesOnChanges: true, ngImport: i0 }); }
-}
-export { AbstractTuiController };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractTuiController, decorators: [{
-            type: Directive
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9jbGFzc2VzL2NvbnRyb2xsZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDOztBQUU3QixNQUNzQixxQkFBcUI7SUFEM0M7UUFFb0IsWUFBTyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7S0FLakQ7SUFIVSxXQUFXO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDOytHQUxpQixxQkFBcUI7bUdBQXJCLHFCQUFxQjs7U0FBckIscUJBQXFCOzRGQUFyQixxQkFBcUI7a0JBRDFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7T25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RGlyZWN0aXZlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0VHVpQ29udHJvbGxlciBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgcHVibGljIHJlYWRvbmx5IGNoYW5nZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoYW5nZSQubmV4dCgpO1xuICAgIH1cbn1cbiJdfQ==