@taiga-ui/cdk 4.0.0-rc.1 → 4.0.0-rc.3

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceModulesWithProviders = void 0;
+const ng_morph_1 = require("ng-morph");
+const add_unique_import_1 = require("../../../../utils/add-unique-import");
+const colored_log_1 = require("../../../../utils/colored-log");
+const get_named_import_references_1 = require("../../../../utils/get-named-import-references");
+const import_manipulations_1 = require("../../../../utils/import-manipulations");
+const replaceModulesWithProviders = (options, list) => {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing modules with providers...`);
+    list.forEach(replaceModule);
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules replaced \n`);
+};
+exports.replaceModulesWithProviders = replaceModulesWithProviders;
+function replaceModule({ from, to }) {
+    const references = (0, get_named_import_references_1.getNamedImportReferences)(from.name, from.moduleSpecifier);
+    references.forEach((ref) => {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, import_manipulations_1.removeImport)(parent);
+            addImport(to, parent.getSourceFile().getFilePath());
+        }
+        else if (ng_morph_1.Node.isArrayLiteralExpression(parent)) {
+            parent.removeElement(ref.getChildIndex());
+            addProvider(to, parent.getSourceFile().getFilePath());
+        }
+    });
+}
+function addImport(identifier, filePath) {
+    (0, add_unique_import_1.addUniqueImport)(filePath, identifier.name, identifier.providerSpecifier);
+}
+function addProvider(identifier, filePath) {
+    const provider = `${identifier.name}()`;
+    const componentClass = (0, ng_morph_1.getNgComponents)(filePath)[0];
+    if (componentClass) {
+        (0, ng_morph_1.addProviderToComponent)(componentClass, provider);
+    }
+    const moduleClass = (0, ng_morph_1.getNgModules)(filePath)[0];
+    if (moduleClass) {
+        (0, ng_morph_1.addProviderToNgModule)(moduleClass, provider);
+    }
+}

package/schematics/ng-update/v4/steps/utils/replace-substrings.js

@@ -9,7 +9,7 @@ function replaceSubstring(text, replacement) {
 function replaceSubstrings(text, replacements) {
     let transformed = text;
     let acc = 0;
-    replacements.forEach(replacement => {
+    replacements.forEach((replacement) => {
         replacement.start += acc;
         transformed = replaceSubstring(transformed, replacement);
         acc += replacement.to.length - replacement.from.length;

package/schematics/ng-update/v4/tests/migrate-destroy-service/utils.js

@@ -13,6 +13,7 @@ function runMigration(before) {
         const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
         (0, ng_morph_1.setActiveProject)((0, ng_morph_1.createProject)(host));
         (0, ng_morph_1.createSourceFile)('test/app/test.component.ts', before);
+        (0, ng_morph_1.createSourceFile)('package.json', '{}');
         (0, ng_morph_1.saveActiveProject)();
         const tree = yield runner.runSchematic('updateToV4', { 'skip-logs': process.env['TUI_CI'] === 'true' }, host);
         return tree.readContent('test/app/test.component.ts');

package/schematics/utils/add-unique-import.js

@@ -16,7 +16,7 @@ function addUniqueImport(filePath, namedImport, moduleSpecifier) {
     if (existingDeclaration.length) {
         const modules = existingDeclaration[0]
             .getNamedImports()
-            .map(namedImport => namedImport.getText());
+            .map((namedImport) => namedImport.getText());
         (0, ng_morph_1.editImports)(existingDeclaration[0], () => ({
             namedImports: [...modules, namedImport],
         }));

package/schematics/utils/angular-json-manipulations.js

@@ -10,7 +10,7 @@ const versions_1 = require("../ng-add/constants/versions");
 const get_project_target_options_1 = require("./get-project-target-options");
 const get_projects_1 = require("./get-projects");
 function hasTaigaIcons(assets) {
-    return !!(assets === null || assets === void 0 ? void 0 : assets.find(asset => {
+    return !!(assets === null || assets === void 0 ? void 0 : assets.find((asset) => {
         var _a;
         return (0, is_string_1.tuiIsString)(asset)
             ? asset.includes('taiga-ui')
@@ -33,7 +33,7 @@ function isInvalidAngularJson(tree) {
 exports.isInvalidAngularJson = isInvalidAngularJson;
 function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToReplace, tree) {
     const MANUAL_MIGRATION_TIPS = `Add styles ${taigaStyles.join(',')} to angular.json manually.`;
-    return (0, workspace_1.updateWorkspace)(workspace => {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
         const projects = (0, get_projects_1.getProjects)(options, workspace);
         if (!projects.length) {
             context.logger.warn(`[WARNING]: Target project not found. ${MANUAL_MIGRATION_TIPS}`);
@@ -59,11 +59,11 @@ function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToR
                 targetOptions.styles = taigaStyles;
             }
             if (stylesToReplace &&
-                (styles === null || styles === void 0 ? void 0 : styles.filter(style => style !== stylesToReplace.from))) {
+                (styles === null || styles === void 0 ? void 0 : styles.filter((style) => style !== stylesToReplace.from))) {
                 targetOptions.styles = Array.from(new Set([
                     ...taigaStyles,
                     ...stylesToReplace.to,
-                    ...styles.filter(style => style !== stylesToReplace.from),
+                    ...styles.filter((style) => style !== stylesToReplace.from),
                 ]));
             }
             else {

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

@@ -8,18 +8,18 @@ function getNamedImportReferences(namedImport, moduleSpecifier = '**/**', files
         namedImports: [namedImport],
         moduleSpecifier,
     });
-    const namedImports = importDeclarations.map(declaration => {
+    const namedImports = importDeclarations.map((declaration) => {
         var _a;
         return (_a = declaration
             .getNamedImports()
-            .find(specifier => specifier.getName() === namedImport)) === null || _a === void 0 ? void 0 : _a.getNameNode();
+            .find((specifier) => specifier.getName() === namedImport)) === null || _a === void 0 ? void 0 : _a.getNameNode();
     });
-    return (0, ng_morph_1.arrayFlat)(namedImports.map(specifier => (specifier === null || specifier === void 0 ? void 0 : specifier.findReferencesAsNodes().filter(
+    return (0, ng_morph_1.arrayFlat)(namedImports.map((specifier) => (specifier === null || specifier === void 0 ? void 0 : specifier.findReferencesAsNodes().filter(
     /**
      * Otherwise, each `findReferencesAsNodes` will return references across THE WHOLE project.
      * It will cause a lot of duplicates in the result and significantly slow down the process.
      */
-    ref => ref.getSourceFile().getFilePath() ===
+    (ref) => ref.getSourceFile().getFilePath() ===
         (specifier === null || specifier === void 0 ? void 0 : specifier.getSourceFile().getFilePath()))) || []));
 }
 exports.getNamedImportReferences = getNamedImportReferences;

package/schematics/utils/get-standalone-bootstrap-function.js

@@ -5,8 +5,8 @@ const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("./get-named-import-references");
 function getStandaloneBootstrapFunction(path) {
     const standaloneBootstrapIdentifier = (0, get_named_import_references_1.getNamedImportReferences)('bootstrapApplication', '@angular/platform-browser', path)
-        .map(ref => ref.getParent())
-        .find(node => ng_morph_1.Node.isCallExpression(node));
+        .map((ref) => ref.getParent())
+        .find((node) => ng_morph_1.Node.isCallExpression(node));
     const standaloneBootstrapFunction = standaloneBootstrapIdentifier;
     return standaloneBootstrapFunction || null;
 }

package/schematics/utils/import-manipulations.js

@@ -14,7 +14,7 @@ function renameImport(specifier, to, from) {
     const namedImport = specifier
         .getImportDeclaration()
         .getNamedImports()
-        .find(specifier => specifier.getName() === from);
+        .find((specifier) => specifier.getName() === from);
     namedImport === null || namedImport === void 0 ? void 0 : namedImport.replaceWithText(to);
 }
 exports.renameImport = renameImport;

package/schematics/utils/push-to-array-property.js

@@ -18,7 +18,7 @@ function pushToObjectArrayProperty(objectExpression, propertyName, initializer,
     if (unique &&
         importsInitializer
             .getElements()
-            .some(element => element.getText() === initializer)) {
+            .some((element) => element.getText() === initializer)) {
         return;
     }
     if (typeof index === 'number') {

package/schematics/utils/templates/elements.d.ts

@@ -3,6 +3,11 @@ export declare function findElementsByFn(nodes: ChildNode[], predicateFn: (el: E
 export declare function findElementsInTemplateByFn(html: string, predicateFn: (el: Element) => boolean): Element[];
 export declare function findElementsByTagName(html: string, tagName: string, filterFn?: (element: Element) => boolean): Element[];
 export declare function findElementsByTagNames(html: string, tagNames: string[]): Element[];
+/**
+ * Parses a HTML fragment and traverses all AST nodes in order find elements that
+ * include the specified directive as attribute or input.
+ */
+export declare function findElementsWithDirective(html: string, attributeName: string): Element[];
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that
  * include the specified attribute.

package/schematics/utils/templates/elements.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttributeOnTag = exports.findElementsWithAttribute = exports.findElementsByTagNames = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
+exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttributeOnTag = exports.findElementsWithAttribute = exports.findElementsWithDirective = exports.findElementsByTagNames = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
 const parse5_1 = require("parse5");
 function findElementsByFn(nodes, predicateFn) {
     const elements = [];
     const visitNodes = (nodes) => {
-        nodes.forEach(n => {
+        nodes.forEach((n) => {
             const node = n;
             if (node.childNodes) {
                 visitNodes(node.childNodes);
@@ -31,19 +31,29 @@ exports.findElementsInTemplateByFn = findElementsInTemplateByFn;
 function findElementsByTagName(html, tagName, 
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
-    return findElementsInTemplateByFn(html, el => el.tagName === tagName && filterFn(el));
+    return findElementsInTemplateByFn(html, (el) => el.tagName === tagName && filterFn(el));
 }
 exports.findElementsByTagName = findElementsByTagName;
 function findElementsByTagNames(html, tagNames) {
-    return findElementsInTemplateByFn(html, el => tagNames.includes(el.tagName));
+    return findElementsInTemplateByFn(html, (el) => tagNames.includes(el.tagName));
 }
 exports.findElementsByTagNames = findElementsByTagNames;
+/**
+ * Parses a HTML fragment and traverses all AST nodes in order find elements that
+ * include the specified directive as attribute or input.
+ */
+function findElementsWithDirective(html, attributeName) {
+    const lowercasedAttrName = attributeName.toLowerCase();
+    const inputName = `[${lowercasedAttrName}]`;
+    return findElementsInTemplateByFn(html, (el) => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(({ name }) => name === lowercasedAttrName || name === inputName); });
+}
+exports.findElementsWithDirective = findElementsWithDirective;
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that
  * include the specified attribute.
  */
 function findElementsWithAttribute(html, attributeName) {
-    return findElementsInTemplateByFn(html, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.name === attributeName.toLowerCase()); });
+    return findElementsInTemplateByFn(html, (el) => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === attributeName.toLowerCase()); });
 }
 exports.findElementsWithAttribute = findElementsWithAttribute;
 /**
@@ -54,10 +64,13 @@ exports.findElementsWithAttribute = findElementsWithAttribute;
 function findElementsWithAttributeOnTag(html, attributeNames, tagNames = [], 
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
-    return findElementsInTemplateByFn(html, el => {
+    return findElementsInTemplateByFn(html, (el) => {
         var _a;
-        return ((_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attributeNames.map(name => name.toLowerCase()).includes(attr.name))) &&
-            (tagNames.includes(el.tagName) || !tagNames.length) &&
+        return (!attributeNames.length ||
+            ((_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attributeNames.map((name) => name.toLowerCase()).includes(attr.name)))) &&
+            (tagNames.includes(el.tagName) ||
+                tagNames.includes('*') ||
+                !tagNames.length) &&
             filterFn(el);
     });
 }
@@ -70,9 +83,9 @@ function findAttributeOnElementWithTag(html, name, tagNames,
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
     return findElementsWithAttribute(html, name)
-        .filter(element => (tagNames.includes(element.tagName) || tagNames.includes('*')) &&
+        .filter((element) => (tagNames.includes(element.tagName) || tagNames.includes('*')) &&
         filterFn(element))
-        .map(element => getStartOffsetOfAttribute(element, name));
+        .map((element) => getStartOffsetOfAttribute(element, name));
 }
 exports.findAttributeOnElementWithTag = findAttributeOnElementWithTag;
 /**
@@ -83,15 +96,15 @@ function findAttributeOnElementWithAttrs(html, name, attrs,
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
     return findElementsWithAttribute(html, name)
-        .filter(element => attrs.some(attr => hasElementAttribute(element, attr)) &&
+        .filter((element) => attrs.some((attr) => hasElementAttribute(element, attr)) &&
         filterFn(element))
-        .map(element => getStartOffsetOfAttribute(element, name));
+        .map((element) => getStartOffsetOfAttribute(element, name));
 }
 exports.findAttributeOnElementWithAttrs = findAttributeOnElementWithAttrs;
 /** Shorthand function that checks if the specified element contains the given attribute. */
 function hasElementAttribute(element, attributeName) {
     var _a;
-    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.name === attributeName.toLowerCase());
+    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === attributeName.toLowerCase());
 }
 exports.hasElementAttribute = hasElementAttribute;
 /** Gets the start offset of the given attribute from a Parse5 element. */

package/schematics/utils/templates/get-component-templates.js

@@ -31,7 +31,7 @@ function getFullTemplatePath(templatePath, componentPath) {
 }
 function getComponentTemplates(pattern, query) {
     return (0, ng_morph_1.getClasses)(pattern, query)
-        .map(declaration => declaration.getDecorator('Component'))
+        .map((declaration) => declaration.getDecorator('Component'))
         .filter((decorator) => !!decorator)
         .map(decoratorToTemplateResource)
         .filter((x) => Boolean(x));

package/schematics/utils/templates/inputs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBinding = exports.findAttr = void 0;
 function findAttr(attrs, name) {
-    return attrs.find(attr => attr.name === name || attr.name === `[${name}]`);
+    return attrs.find((attr) => attr.name === name || attr.name === `[${name}]`);
 }
 exports.findAttr = findAttr;
 function isBinding(attr) {

package/schematics/utils/templates/ng-component-input-manipulations.js

@@ -39,11 +39,11 @@ function replaceInputProperty({ templateResource, fileSystem, componentSelector,
     const stringProperties = [
         ...(0, elements_1.findAttributeOnElementWithTag)(template, from, selector, filterFn),
         ...(0, elements_1.findAttributeOnElementWithAttrs)(template, from, selector, filterFn),
-    ].map(offset => templateOffset + offset);
+    ].map((offset) => templateOffset + offset);
     const propertyBindings = [
         ...(0, elements_1.findAttributeOnElementWithTag)(template, `[${from}]`, selector, filterFn),
         ...(0, elements_1.findAttributeOnElementWithAttrs)(template, `[${from}]`, selector, filterFn),
-    ].map(offset => templateOffset + offset);
+    ].map((offset) => templateOffset + offset);
     const propertyValues = newValue
         ? getInputPropertyValueOffsets(template, from, selector).map(([start, end]) => [
             templateOffset + start,
@@ -53,11 +53,11 @@ function replaceInputProperty({ templateResource, fileSystem, componentSelector,
     if (!stringProperties.length && !propertyBindings.length) {
         return false;
     }
-    stringProperties.forEach(offset => {
+    stringProperties.forEach((offset) => {
         recorder.remove(offset, from.length);
         recorder.insertRight(offset, to);
     });
-    propertyBindings.forEach(offset => {
+    propertyBindings.forEach((offset) => {
         recorder.remove(offset, `[${from}]`.length);
         recorder.insertRight(offset, to.startsWith('[') ? to : `[${to}]`);
     });
@@ -79,7 +79,7 @@ function getInputPropertyOffsets(html, attrName, tags,
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
     return (0, elements_1.findElementsWithAttribute)(html, attrName)
-        .filter(element => (tags.includes(element.tagName) || tags.includes('*')) &&
+        .filter((element) => (tags.includes(element.tagName) || tags.includes('*')) &&
         filterFn(element))
         .map((element) => {
         var _a, _b;

package/utils/color/get-gradient-data.d.ts

@@ -0,0 +1 @@
+export declare function tuiGetGradientData(gradient: string): string;

package/utils/color/index.d.ts

@@ -1,7 +1,9 @@
+export * from './get-gradient-data';
 export * from './hex-to-rgb';
 export * from './hex-to-rgba';
 export * from './hsv-to-rgb';
 export * from './parse-color';
+export * from './parse-gradient';
 export * from './rgb-to-hex';
 export * from './rgb-to-hsv';
 export * from './rgba-to-hex';

package/utils/color/parse-gradient.d.ts

@@ -0,0 +1,10 @@
+export interface TuiParsedGradient {
+    readonly side: TuiGradientDirection;
+    readonly stops: ReadonlyArray<{
+        readonly color: string;
+        readonly position: string;
+    }>;
+}
+export type TuiGradientDirection = 'to bottom left' | 'to bottom right' | 'to bottom' | 'to left' | 'to right' | 'to top left' | 'to top right' | 'to top';
+export declare function tuiParseGradient(input: string): TuiParsedGradient;
+export declare function tuiToGradient({ stops, side }: TuiParsedGradient): string;

package/utils/dom/get-element-point.d.ts

@@ -0,0 +1,2 @@
+import type { TuiPoint } from '@taiga-ui/core/types';
+export declare function tuiGetElementPoint(x: number, y: number, element: HTMLElement): TuiPoint;

package/utils/dom/index.d.ts

@@ -6,6 +6,7 @@ export * from './get-clipboard-data-text';
 export * from './get-document-or-shadow-root';
 export * from './get-element-obscurers';
 export * from './get-element-offset';
+export * from './get-element-point';
 export * from './get-selected-text';
 export * from './inject-element';
 export * from './is-current-target';