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

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

@@ -5,7 +5,7 @@ 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,11 +31,11 @@ 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;
 /**
@@ -45,7 +45,7 @@ exports.findElementsByTagNames = findElementsByTagNames;
 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); });
+    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;
 /**
@@ -53,7 +53,7 @@ exports.findElementsWithDirective = findElementsWithDirective;
  * 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;
 /**
@@ -64,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);
     });
 }
@@ -80,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;
 /**
@@ -93,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';

package/utils/focus/focused-in.d.ts

@@ -0,0 +1,2 @@
+import type { Signal } from '@angular/core';
+export declare function tuiFocusedIn(node: Node): Signal<boolean>;

package/utils/focus/index.d.ts

@@ -1,4 +1,5 @@
 export * from './blur-native-focused';
+export * from './focused-in';
 export * from './get-closest-focusable';
 export * from './get-native-focused';
 export * from './is-native-focused';