@taiga-ui/cdk 2.48.0 → 2.49.2

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

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_resource_1 = require("./template-resource");
+const ng_component_1 = require("../angular/ng-component");
+const ng_module_1 = require("../angular/ng-module");
+const ng_morph_1 = require("ng-morph");
+const add_unique_import_1 = require("../add-unique-import");
+const elements_1 = require("./elements");
+/**
+ * Replace component input property by new value
+ * ___
+ * Example:
+ * 1. Before
+ * ```html
+ * <tui-input-slider secondary="123"></tui-input-slider>
+ * ```
+ * 2. Execute
+ * ```ts
+ * const wasModified = replaceInputProperty({
+ *      templateResource,
+ *      fileSystem,
+ *      componentSelector: 'tui-input-slider',
+ *      from: 'secondary',
+ *      to: 'tuiTextfieldCustomContent',
+ * });
+ * ```
+ * 3. After
+ * ```html
+ * <tui-input-slider tuiTextfieldCustomContent="123"></tui-input-slider>
+ * ```
+ * ___
+ * @return true if something was changed
+ */
+function replaceInputProperty({ templateResource, fileSystem, componentSelector, from, to, newValue = '', filterFn, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(templateResource, fileSystem);
+    const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(templateResource));
+    const recorder = fileSystem.edit(path);
+    const templateOffset = template_resource_1.getTemplateOffset(templateResource);
+    const selector = Array.isArray(componentSelector)
+        ? componentSelector
+        : [componentSelector];
+    const stringProperties = [
+        ...elements_1.findAttributeOnElementWithTag(template, from, selector, filterFn),
+        ...elements_1.findAttributeOnElementWithAttrs(template, from, selector, filterFn),
+    ].map(offset => templateOffset + offset);
+    const propertyBindings = [
+        ...elements_1.findAttributeOnElementWithTag(template, `[${from}]`, selector, filterFn),
+        ...elements_1.findAttributeOnElementWithAttrs(template, `[${from}]`, selector, filterFn),
+    ].map(offset => templateOffset + offset);
+    const propertyValues = newValue
+        ? getInputPropertyValueOffsets(template, from, selector).map(([start, end]) => [
+            templateOffset + start,
+            templateOffset + end,
+        ])
+        : [];
+    if (!stringProperties.length && !propertyBindings.length) {
+        return false;
+    }
+    stringProperties.forEach(offset => {
+        recorder.remove(offset, from.length);
+        recorder.insertRight(offset, to);
+    });
+    propertyBindings.forEach(offset => {
+        recorder.remove(offset, `[${from}]`.length);
+        recorder.insertRight(offset, to.startsWith('[') ? to : `[${to}]`);
+    });
+    propertyValues.forEach(([startOffset, endOffset]) => {
+        recorder.remove(startOffset, endOffset - startOffset);
+        recorder.insertRight(startOffset, newValue);
+    });
+    return true;
+}
+exports.replaceInputProperty = replaceInputProperty;
+/**
+ * @example
+ * // 10 symbols before property `size` and string `size="s"` has 8-symbols length
+ * const template = '<tui-card size="s"></tui-card>';
+ *
+ * getInputPropertyOffsets(template, 'size', ['tui-card']) // [[10, 18]]
+ */
+function getInputPropertyOffsets(html, attrName, tags, filterFn = () => true) {
+    return elements_1.findElementsWithAttribute(html, attrName)
+        .filter(element => tags.includes(element.tagName) && filterFn(element))
+        .map((element) => {
+        var _a, _b;
+        const { startOffset = 0, endOffset = 0 } = ((_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[attrName.toLowerCase()]) || {};
+        return [startOffset, endOffset];
+    });
+}
+exports.getInputPropertyOffsets = getInputPropertyOffsets;
+/**
+ * @example
+ * // `<tui-card size="` has 16-symbols length
+ * const template = '<tui-card size="xl"></tui-card>';
+ *
+ * getInputPropertyValueOffsets(template, 'size', ['tui-card']) // [ [16, 18] ]
+ */
+function getInputPropertyValueOffsets(template, attrName, tags) {
+    const stringProperties = getInputPropertyOffsets(template, attrName, tags).map(([start, end]) => [start + attrName.length + '="'.length, end - 1]);
+    const propertyBindings = getInputPropertyOffsets(template, `[${attrName}]`, tags).map(([start, end]) => [start + `[${attrName}]`.length + '="'.length, end - 1]);
+    return [...stringProperties, ...propertyBindings];
+}
+exports.getInputPropertyValueOffsets = getInputPropertyValueOffsets;
+function replaceInputPropertyByDirective({ templateResource, fileSystem, componentSelector, inputProperty, directive, directiveModule, }) {
+    const wasModified = replaceInputProperty({
+        templateResource,
+        fileSystem,
+        componentSelector,
+        from: inputProperty,
+        to: directive,
+    });
+    if (wasModified && directiveModule) {
+        const [ngComponent] = ng_component_1.getNgComponents(templateResource.componentPath);
+        const ngModule = ngComponent ? ng_module_1.findNgModule(ngComponent) : null;
+        if (ngModule) {
+            ng_morph_1.addImportToNgModule(ngModule, directiveModule.name, {
+                unique: true,
+            });
+            add_unique_import_1.addUniqueImport(ngModule.getSourceFile().getFilePath(), directiveModule.name, directiveModule.moduleSpecifier);
+        }
+    }
+}
+exports.replaceInputPropertyByDirective = replaceInputPropertyByDirective;
+/**
+ * After removing property from the tag (which uses multi lines inside template) it can leave redundant space.
+ * It is not critical because html is valid even with this extra space.
+ * TODO: Find a way to fix it
+ */
+function removeInputProperty({ templateResource, fileSystem, componentSelector, inputProperty, filterFn, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(templateResource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(templateResource);
+    const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(templateResource));
+    const recorder = fileSystem.edit(path);
+    const propertyOffsets = [
+        ...getInputPropertyOffsets(template, inputProperty, [componentSelector], filterFn),
+        ...getInputPropertyOffsets(template, `[${inputProperty}]`, [componentSelector], filterFn),
+    ].map(([start, end]) => [templateOffset + start, templateOffset + end]);
+    propertyOffsets.forEach(([start, end]) => {
+        recorder.remove(start, end - start);
+    });
+}
+exports.removeInputProperty = removeInputProperty;

package/schematics/utils/templates/template-resource.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResource } from '../../ng-update/interfaces/template-resourse';
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function getTemplateFromTemplateResource(templateRes: TemplateResource, fileSystem: DevkitFileSystem): string;
+export declare function getPathFromTemplateResource(templateRes: TemplateResource): string;
+export declare function getTemplateOffset(templateRes: TemplateResource): number;

package/schematics/utils/templates/template-resource.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function getTemplateFromTemplateResource(templateRes, fileSystem) {
+    if ('template' in templateRes) {
+        return templateRes.template;
+    }
+    const path = fileSystem.resolve(templateRes.templatePath);
+    return fileSystem.read(path);
+}
+exports.getTemplateFromTemplateResource = getTemplateFromTemplateResource;
+function getPathFromTemplateResource(templateRes) {
+    if ('templatePath' in templateRes) {
+        return templateRes.templatePath;
+    }
+    return templateRes.componentPath;
+}
+exports.getPathFromTemplateResource = getPathFromTemplateResource;
+function getTemplateOffset(templateRes) {
+    return 'offset' in templateRes ? templateRes.offset : 0;
+}
+exports.getTemplateOffset = getTemplateOffset;

package/tokens/index.d.ts

@@ -5,9 +5,12 @@ export * from './dialogs';
 export * from './focusable-item-accessor';
 export * from './is-android';
 export * from './is-apple';
+export * from './is-chromium';
 export * from './is-cypress';
+export * from './is-firefox';
 export * from './is-ios';
 export * from './is-mobile';
+export * from './is-webkit';
 export * from './removed-element';
 export * from './sanitizer';
 export * from './swipe-options';

package/tokens/is-chromium.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const TUI_IS_CHROMIUM: InjectionToken<boolean>;

package/tokens/is-firefox.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const TUI_IS_FIREFOX: InjectionToken<boolean>;

package/tokens/is-webkit.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const TUI_IS_WEBKIT: InjectionToken<boolean>;

package/tokens/taiga-ui-cdk-tokens.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TUI_ACTIVE_ELEMENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":38},"arguments":["Active element on the document for ActiveZone",{"__symbolic":"error","message":"Lambda not supported","line":25,"character":17,"module":"./active-element"}]},"TUI_ALERTS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":30},"arguments":["A stream of alerts",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":13,"module":"./alerts"}]},"TUI_DEFAULT_RENDERER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":40},"arguments":["A Renderer2 for global services",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":17,"module":"./default-renderer"}]},"TUI_DIALOGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":31},"arguments":["A stream of dialogs",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":13,"module":"./dialogs"}]},"TUI_FOCUSABLE_ITEM_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":8},"arguments":["A component that can be focused"]},"TUI_IS_ANDROID":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":34},"arguments":["Mobile browser that is not iOS (technically includes Windows Phone, Blackberry etc.)",{"__symbolic":"error","message":"Lambda not supported","line":8,"character":17,"module":"./is-android"}]},"TUI_IS_APPLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":32},"arguments":["Apple(safari/webkit) detection",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":14,"module":"./is-apple"}]},"WindowWithCypress":{"__symbolic":"interface"},"TUI_IS_CYPRESS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":34},"arguments":["Detect if app is running under Cypress",{"__symbolic":"error","message":"Lambda not supported","line":13,"character":17,"module":"./is-cypress"}]},"TUI_IS_IOS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":30},"arguments":["iOS browser detection",{"__symbolic":"error","message":"Lambda not supported","line":5,"character":13,"module":"./is-ios"}]},"TUI_IS_MOBILE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":33},"arguments":["Mobile browser detection",{"__symbolic":"error","message":"Lambda not supported","line":10,"character":13,"module":"./is-mobile"}]},"TUI_REMOVED_ELEMENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":39},"arguments":["Element currently being removed by AnimationEngine",{"__symbolic":"error","message":"Lambda not supported","line":8,"character":17,"module":"./removed-element"}]},"TUI_SANITIZER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":33},"arguments":["A custom Sanitizer to sanitize source before inlining"]},"TUI_SWIPE_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":37},"arguments":["Swipe options",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./swipe-options"}]},"TUI_TAKE_ONLY_TRUSTED_EVENTS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":8},"arguments":["This token need for override behavior the `pressedObservable` function",{"__symbolic":"error","message":"Lambda not supported","line":12,"character":21,"module":"./take-only-trusted-events"}]},"TUI_TOUCH_SUPPORTED":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":39},"arguments":["Touch support detection",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./touch-supported"}]},"TUI_WINDOW_HEIGHT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":37},"arguments":["Window height accounting for disappearing address bar",{"__symbolic":"error","message":"Lambda not supported","line":9,"character":17,"module":"./window-height"}]},"TUI_ZOOM_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":36},"arguments":["Zoom options",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./zoom-options"}]}},"origins":{"TUI_ACTIVE_ELEMENT":"./active-element","TUI_ALERTS":"./alerts","TUI_DEFAULT_RENDERER":"./default-renderer","TUI_DIALOGS":"./dialogs","TUI_FOCUSABLE_ITEM_ACCESSOR":"./focusable-item-accessor","TUI_IS_ANDROID":"./is-android","TUI_IS_APPLE":"./is-apple","WindowWithCypress":"./is-cypress","TUI_IS_CYPRESS":"./is-cypress","TUI_IS_IOS":"./is-ios","TUI_IS_MOBILE":"./is-mobile","TUI_REMOVED_ELEMENT":"./removed-element","TUI_SANITIZER":"./sanitizer","TUI_SWIPE_OPTIONS":"./swipe-options","TUI_TAKE_ONLY_TRUSTED_EVENTS":"./take-only-trusted-events","TUI_TOUCH_SUPPORTED":"./touch-supported","TUI_WINDOW_HEIGHT":"./window-height","TUI_ZOOM_OPTIONS":"./zoom-options"},"importAs":"@taiga-ui/cdk/tokens"}
+{"__symbolic":"module","version":4,"metadata":{"TUI_ACTIVE_ELEMENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":38},"arguments":["Active element on the document for ActiveZone",{"__symbolic":"error","message":"Lambda not supported","line":25,"character":17,"module":"./active-element"}]},"TUI_ALERTS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":30},"arguments":["A stream of alerts",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":13,"module":"./alerts"}]},"TUI_DEFAULT_RENDERER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":40},"arguments":["A Renderer2 for global services",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":17,"module":"./default-renderer"}]},"TUI_DIALOGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":31},"arguments":["A stream of dialogs",{"__symbolic":"error","message":"Lambda not supported","line":7,"character":13,"module":"./dialogs"}]},"TUI_FOCUSABLE_ITEM_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":8},"arguments":["A component that can be focused"]},"TUI_IS_ANDROID":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":34},"arguments":["Mobile browser that is not iOS (technically includes Windows Phone, Blackberry etc.)",{"__symbolic":"error","message":"Lambda not supported","line":8,"character":17,"module":"./is-android"}]},"TUI_IS_APPLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":32},"arguments":["Apple(safari/webkit) detection",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":14,"module":"./is-apple"}]},"TUI_IS_CHROMIUM":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":35},"arguments":["Chromium browser engine detection",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":17,"module":"./is-chromium"}]},"WindowWithCypress":{"__symbolic":"interface"},"TUI_IS_CYPRESS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":34},"arguments":["Detect if app is running under Cypress",{"__symbolic":"error","message":"Lambda not supported","line":13,"character":17,"module":"./is-cypress"}]},"TUI_IS_FIREFOX":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":34},"arguments":["Firefox browser engine detection",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":17,"module":"./is-firefox"}]},"TUI_IS_IOS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":30},"arguments":["iOS browser detection",{"__symbolic":"error","message":"Lambda not supported","line":5,"character":13,"module":"./is-ios"}]},"TUI_IS_MOBILE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":33},"arguments":["Mobile browser detection",{"__symbolic":"error","message":"Lambda not supported","line":10,"character":13,"module":"./is-mobile"}]},"TUI_IS_WEBKIT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":33},"arguments":["Webkit browser engine detection",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":17,"module":"./is-webkit"}]},"TUI_REMOVED_ELEMENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":39},"arguments":["Element currently being removed by AnimationEngine",{"__symbolic":"error","message":"Lambda not supported","line":8,"character":17,"module":"./removed-element"}]},"TUI_SANITIZER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":33},"arguments":["A custom Sanitizer to sanitize source before inlining"]},"TUI_SWIPE_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":37},"arguments":["Swipe options",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./swipe-options"}]},"TUI_TAKE_ONLY_TRUSTED_EVENTS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":8},"arguments":["This token need for override behavior the `pressedObservable` function",{"__symbolic":"error","message":"Lambda not supported","line":12,"character":21,"module":"./take-only-trusted-events"}]},"TUI_TOUCH_SUPPORTED":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":39},"arguments":["Touch support detection",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./touch-supported"}]},"TUI_WINDOW_HEIGHT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":37},"arguments":["Window height accounting for disappearing address bar",{"__symbolic":"error","message":"Lambda not supported","line":9,"character":17,"module":"./window-height"}]},"TUI_ZOOM_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":36},"arguments":["Zoom options",{"__symbolic":"error","message":"Lambda not supported","line":4,"character":13,"module":"./zoom-options"}]}},"origins":{"TUI_ACTIVE_ELEMENT":"./active-element","TUI_ALERTS":"./alerts","TUI_DEFAULT_RENDERER":"./default-renderer","TUI_DIALOGS":"./dialogs","TUI_FOCUSABLE_ITEM_ACCESSOR":"./focusable-item-accessor","TUI_IS_ANDROID":"./is-android","TUI_IS_APPLE":"./is-apple","TUI_IS_CHROMIUM":"./is-chromium","WindowWithCypress":"./is-cypress","TUI_IS_CYPRESS":"./is-cypress","TUI_IS_FIREFOX":"./is-firefox","TUI_IS_IOS":"./is-ios","TUI_IS_MOBILE":"./is-mobile","TUI_IS_WEBKIT":"./is-webkit","TUI_REMOVED_ELEMENT":"./removed-element","TUI_SANITIZER":"./sanitizer","TUI_SWIPE_OPTIONS":"./swipe-options","TUI_TAKE_ONLY_TRUSTED_EVENTS":"./take-only-trusted-events","TUI_TOUCH_SUPPORTED":"./touch-supported","TUI_WINDOW_HEIGHT":"./window-height","TUI_ZOOM_OPTIONS":"./zoom-options"},"importAs":"@taiga-ui/cdk/tokens"}