@taiga-ui/cdk 4.0.0-rc.4 → 4.0.0-rc.6

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-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

@@ -28,14 +28,14 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         'tui-radio-labeled',
     ]);
     elements.forEach(({ sourceCodeLocation, tagName }) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         if (!sourceCodeLocation) {
             return;
         }
         (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
-        recorder.insertRight(templateOffset + ((_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 1) - 1, '<label tuiLabel>');
-        recorder.insertRight(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 1) - 1, '\n</label>');
-        recorder.remove(templateOffset + ((_f = (_e = sourceCodeLocation.endTag) === null || _e === void 0 ? void 0 : _e.startOffset) !== null && _f !== void 0 ? _f : 0), tagName === 'tui-checkbox-labeled'
+        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);
     });

package/schematics/ng-update/v4/steps/update-packages.js

@@ -25,5 +25,11 @@ function updatePackages({ tree }, _) {
         name: '@taiga-ui/editor',
         version: '^2.0.0',
     }, tree);
+    if (!(0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/event-plugins')) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/event-plugins',
+            version: '^4.0.1',
+        });
+    }
 }
 exports.updatePackages = updatePackages;

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.d.ts

@@ -1,13 +1,3 @@
 import type { TuiSchema } from '../../../../ng-add/schema';
-interface ModuleToReplace {
-    from: {
-        name: string;
-        moduleSpecifier: string;
-    };
-    to: {
-        name: string;
-        providerSpecifier: string;
-    };
-}
+import type { ModuleToReplace } from '../constants/modules-to-replace';
 export declare const replaceModulesWithProviders: (options: TuiSchema, list: ModuleToReplace[]) => void;
-export {};

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.js

@@ -16,6 +16,7 @@ const replaceModulesWithProviders = (options, list) => {
 exports.replaceModulesWithProviders = replaceModulesWithProviders;
 function replaceModule({ from, to }) {
     const references = (0, get_named_import_references_1.getNamedImportReferences)(from.name, from.moduleSpecifier);
+    const toReplace = Array.isArray(to) ? to : [to];
     references.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
@@ -23,11 +24,14 @@ function replaceModule({ from, to }) {
         const parent = ref.getParent();
         if (ng_morph_1.Node.isImportSpecifier(parent)) {
             (0, import_manipulations_1.removeImport)(parent);
-            addImport(to, parent.getSourceFile().getFilePath());
+            toReplace.forEach((provider) => addImport(provider, parent.getSourceFile().getFilePath()));
         }
         else if (ng_morph_1.Node.isArrayLiteralExpression(parent)) {
-            parent.removeElement(ref.getChildIndex());
-            addProvider(to, parent.getSourceFile().getFilePath());
+            const index = parent
+                .getElements()
+                .findIndex((el) => el.getText() === from.name);
+            parent.removeElement(index);
+            toReplace.forEach((provider) => addProvider(provider, parent.getSourceFile().getFilePath()));
         }
     });
 }
@@ -35,7 +39,7 @@ function addImport(identifier, filePath) {
     (0, add_unique_import_1.addUniqueImport)(filePath, identifier.name, identifier.providerSpecifier);
 }
 function addProvider(identifier, filePath) {
-    const provider = `${identifier.name}()`;
+    const provider = `${identifier.name}${identifier.isFunction ? '()' : ''}`;
     const componentClass = (0, ng_morph_1.getNgComponents)(filePath)[0];
     if (componentClass) {
         (0, ng_morph_1.addProviderToComponent)(componentClass, provider);

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==