@taiga-ui/cdk 3.0.0-rc.5 → 3.0.0-rc.6

package/schematics/ng-update/constants/consts.js

@@ -63,6 +63,16 @@ exports.CONSTS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        from: {
+            name: 'TuiHintControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        to: {
+            name: 'TuiHintModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
     {
         from: {
             name: 'TuiManualHintModule',
@@ -383,4 +393,44 @@ exports.CONSTS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/proprietary-banking',
         },
     },
+    {
+        from: {
+            name: 'TuiAutofillFieldNameT',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+        to: {
+            name: 'TuiAutofillFieldName',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'TuiMarkerIconModeT',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TuiMarkerIconMode',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
+    {
+        from: {
+            name: 'TuiStatusT',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TuiStatus',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
+    {
+        from: {
+            name: 'TuiAbstractTextfieldHost',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        to: {
+            name: 'AbstractTuiTextfieldHost',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
 ];

package/schematics/ng-update/constants/enums.js

@@ -100,6 +100,7 @@ exports.ENUMS_TO_REPLACE = [
             Error: 'error',
             Warning: 'warning',
         },
+        keepAsType: true,
     },
     {
         name: 'TuiMarkerIconMode',
@@ -113,6 +114,7 @@ exports.ENUMS_TO_REPLACE = [
             Error: 'error',
             OnDark: 'onDark',
         },
+        keepAsType: true,
     },
     {
         name: 'TuiDropdownPosition',
@@ -205,4 +207,74 @@ exports.ENUMS_TO_REPLACE = [
         },
         keepAsType: true,
     },
+    {
+        name: 'TuiCreditCardAutofillName',
+        replaceValues: {
+            Off: `off`,
+            CcName: `cc-name`,
+            CcNumber: `cc-number`,
+            CcCsc: `cc-csc`,
+            CcExpMonth: `cc-exp-month`,
+            CcExpYear: `cc-exp-year`,
+            CcExp: `cc-exp`,
+            CcType: `cc-type`,
+        },
+    },
+    {
+        name: 'TuiNameAutofillName',
+        replaceValues: {
+            Off: `off`,
+            Name: `name`,
+            GivenName: `given-name`,
+            AdditionalName: `additional-name`,
+            FamilyName: `family-name`,
+        },
+    },
+    {
+        name: 'TuiAccountAutofillName',
+        replaceValues: {
+            Off: `off`,
+            Username: `username`,
+            NewPassword: `new-password`,
+            CurrentPassword: `current-password`,
+        },
+    },
+    {
+        name: 'TuiEmailAutofillName',
+        replaceValues: {
+            Off: `off`,
+            Email: `email`,
+        },
+    },
+    {
+        name: 'TuiAddressAutofillName',
+        replaceValues: {
+            Off: `off`,
+            StreetAddress: `street-address`,
+            PostalCode: `postal-code`,
+            CountryName: `country-name`,
+        },
+    },
+    {
+        name: 'TuiPhoneAutofillName',
+        replaceValues: {
+            Off: `off`,
+            Tel: `tel`,
+        },
+    },
+    {
+        name: 'TuiDateAutofillName',
+        replaceValues: {
+            Off: `off`,
+            Bday: `bday`,
+        },
+    },
+    {
+        name: 'TuiTransactionAutofillName',
+        replaceValues: {
+            Off: `off`,
+            TransactionCurrency: `transaction-currency`,
+            TransactionAmount: `transaction-amount`,
+        },
+    },
 ];

package/schematics/ng-update/constants/modules.js

@@ -5,4 +5,5 @@ exports.REMOVED_MODULES = [
     { name: 'TuiResizableColumnModule', moduleSpecifier: '@taiga-ui/addon-table' },
     { name: 'ScrollIntoViewModule', moduleSpecifier: '@taiga-ui/addon-doc' },
     { name: 'TuiPreviewModule', moduleSpecifier: '@taiga-ui/proprietary-banking' },
+    { name: 'TuiDescribedByModule', moduleSpecifier: '@taiga-ui/core' },
 ];

package/schematics/ng-update/constants/templates.js

@@ -114,6 +114,33 @@ exports.ATTRS_TO_REPLACE = [
             attrName: '[pseudoFocus]',
         },
     },
+    {
+        from: {
+            attrName: '[pseudoHovered]',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: {
+            attrName: '[pseudoHover]',
+        },
+    },
+    {
+        from: {
+            attrName: '[pseudoFocused]',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: {
+            attrName: '[pseudoFocus]',
+        },
+    },
+    {
+        from: {
+            attrName: '[pseudoPressed]',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: {
+            attrName: '[pseudoActive]',
+        },
+    },
     {
         from: {
             attrName: '(rangeChange)',
@@ -349,6 +376,78 @@ exports.ATTRS_TO_REPLACE = [
             attrName: '[tuiDropdown]',
         },
     },
+    {
+        from: {
+            attrName: 'tuiTextfieldExampleText',
+            withTagNames: ['tui-input-tag', 'tui-multi-select'],
+        },
+        to: {
+            attrName: 'placeholder',
+        },
+    },
+    {
+        from: {
+            attrName: 'tuiTextfieldMaxLength',
+            withTagNames: ['tui-input-tag', 'tui-text-area'],
+        },
+        to: {
+            attrName: 'maxLength',
+        },
+    },
+    {
+        from: {
+            attrName: '[tuiTextfieldExampleText]',
+            withTagNames: ['tui-input-tag', 'tui-multi-select'],
+        },
+        to: {
+            attrName: '[placeholder]',
+        },
+    },
+    {
+        from: {
+            attrName: '[tuiTextfieldMaxLength]',
+            withTagNames: ['tui-input-tag', 'tui-text-area'],
+        },
+        to: {
+            attrName: '[maxLength]',
+        },
+    },
+    {
+        from: {
+            attrName: '[tuiHintId]',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: '[tuiHintDescribe]',
+        },
+    },
+    {
+        from: {
+            attrName: 'tuiHintId',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: 'tuiHintDescribe',
+        },
+    },
+    {
+        from: {
+            attrName: '[tuiDescribedBy]',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: '[id]',
+        },
+    },
+    {
+        from: {
+            attrName: 'tuiDescribedBy',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: 'id',
+        },
+    },
 ];
 exports.INPUTS_TO_REMOVE = [
     {
@@ -359,6 +458,10 @@ exports.INPUTS_TO_REMOVE = [
         inputName: 'tuiLabel',
         tags: ['label'],
     },
+    {
+        inputName: 'tuiExpandContent',
+        tags: ['ng-template'],
+    },
 ];
 exports.TAGS_TO_REPLACE = [
     {

package/schematics/ng-update/constants/tui-interactive-selectors.js

@@ -49,7 +49,7 @@ exports.TUI_INTERACTIVE_SELECTORS = [
     'tui-input-number',
     'tui-input-time',
     'tui-input-time',
-    'tui-multiselect',
+    'tui-multi-select',
     'tui-filter',
     'tui-input-tag',
 ];

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

@@ -16,6 +16,7 @@ const progress_1 = require("../../utils/progress");
 const migrate_polymorpheus_1 = require("./migrate-polymorpheus");
 const add_import_to_closest_module_1 = require("../../utils/add-import-to-closest-module");
 const insert_todo_1 = require("../../utils/insert-todo");
+const migrate_textfield_controller_1 = require("./migrate-textfield-controller");
 function migrateTemplates(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
@@ -30,6 +31,7 @@ function migrateTemplates(fileSystem) {
         migrateTuiHideSelectedPipe,
         removeInputs,
         migrate_polymorpheus_1.migratePolymorpheus,
+        migrate_textfield_controller_1.migrateTextfieldController,
         replaceInputValues,
         migrateBinaryAttributes,
         addWarningForFormatNumberPipe,

package/schematics/ng-update/steps/migrate-textfield-controller.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResource } from '../interfaces/template-resourse';
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function migrateTextfieldController({ resource, fileSystem, recorder, }: {
+    resource: TemplateResource;
+    recorder: UpdateRecorder;
+    fileSystem: DevkitFileSystem;
+}): void;

package/schematics/ng-update/steps/migrate-textfield-controller.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTextfieldController = void 0;
+const template_resource_1 = require("../../utils/templates/template-resource");
+const elements_1 = require("../../utils/templates/elements");
+const ng_component_input_manipulations_1 = require("../../utils/templates/ng-component-input-manipulations");
+const ng_morph_1 = require("ng-morph");
+const TEXTFIELDS = [
+    'tui-input',
+    'tui-primitive-textfield',
+    'tui-text-area',
+    'tui-combo-box',
+    'tui-input-copy',
+    'tui-input-date',
+    'tui-input-date-range',
+    'tui-input-date-time',
+    'tui-input-number',
+    'tui-input-password',
+    'tui-input-count',
+    'tui-input-number',
+    'tui-input-phone',
+    'tui-input-slider',
+    'tui-input-card',
+];
+const ATTRS_MAP = {
+    tuitextfieldautocomplete: 'autocomplete',
+    tuitextfieldinputMode: 'inputmode',
+    tuitextfieldmaxlength: 'maxlength',
+    tuitextfieldtype: 'type',
+    tuitextfieldexampletext: 'placeholder',
+    '[tuitextfieldautocomplete]': '[attr.autocomplete]',
+    '[tuitextfieldinputMode]': '[attr.inputmode]',
+    '[tuitextfieldmaxlength]': '[attr.maxlength]',
+    '[tuitextfieldtype]': '[attr.type]',
+    '[tuitextfieldexampletext]': '[attr.placeholder]',
+};
+const CONTROLLER_ITEMS = Object.keys(ATTRS_MAP).map(attr => attr.toLowerCase());
+function migrateTextfieldController({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagNames(template, TEXTFIELDS);
+    elements.forEach(element => {
+        const attrs = element.attrs.filter(attr => CONTROLLER_ITEMS.includes(attr.name) && !exclusion(element, attr.name));
+        if (!attrs.length) {
+            return;
+        }
+        const existingInput = elements_1.findElementsByFn(element.childNodes, el => (el.tagName === 'input' || el.tagName === 'textarea') &&
+            elements_1.hasElementAttribute(el, 'tuiTextfield'))[0];
+        if (existingInput) {
+            addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset });
+        }
+        else {
+            insertTuiTextfieldInput({ element, attrs, recorder, templateOffset });
+        }
+    });
+    removeOldInputs(recorder, template, templateOffset);
+}
+exports.migrateTextfieldController = migrateTextfieldController;
+function insertTuiTextfieldInput({ element, attrs, recorder, templateOffset, }) {
+    var _a, _b;
+    const newAttrs = attrs
+        .map(attr => `${ATTRS_MAP[attr.name]}="${attr.value}"`)
+        .join(`\n`);
+    const content = element.tagName === 'tui-text-area'
+        ? `<textarea tuiTextfield ${newAttrs}></textarea> `
+        : `<input tuiTextfield ${newAttrs}/> `;
+    const insertTo = (_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.endTag) === null || _b === void 0 ? void 0 : _b.startOffset;
+    if (insertTo) {
+        recorder.insertRight(insertTo + templateOffset, content);
+    }
+}
+function addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset, }) {
+    attrs.forEach(attr => {
+        var _a, _b, _c;
+        const insertTo = (_c = (_b = (_a = existingInput.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b['tuitextfield']) === null || _c === void 0 ? void 0 : _c.endOffset;
+        if (insertTo) {
+            recorder.insertLeft(insertTo + templateOffset, ` ${ATTRS_MAP[attr.name]}="${attr.value}"`);
+        }
+    });
+}
+function removeOldInputs(recorder, template, templateOffset) {
+    const offsets = ng_morph_1.arrayFlat(CONTROLLER_ITEMS.map(item => ng_component_input_manipulations_1.getInputPropertyOffsets(template, item, getTagsToRemove(item))));
+    offsets.forEach(([start, end]) => {
+        recorder.remove(start + templateOffset, end - start);
+    });
+}
+function getTagsToRemove(attrName) {
+    return ['[tuitextfieldmaxlength]', 'tuitextfieldmaxlength'].includes(attrName)
+        ? TEXTFIELDS.filter(tag => tag !== 'tui-text-area')
+        : TEXTFIELDS;
+}
+const excludedAttrs = {
+    'tui-text-area': ['[tuitextfieldmaxlength]', 'tuitextfieldmaxlength'],
+};
+function exclusion({ tagName }, attrName) {
+    var _a;
+    return (_a = excludedAttrs[tagName]) === null || _a === void 0 ? void 0 : _a.includes(attrName);
+}

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

@@ -2,6 +2,7 @@ import { ChildNode, Element } from 'parse5';
 export declare function findElementsByFn(nodes: ChildNode[], predicateFn: (el: Element) => boolean): Element[];
 export declare function findElementsInTemplateByFn(html: string, predicateFn: (el: Element) => boolean): Element[];
 export declare function findElementsByTagName(html: string, tagName: string): 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 attribute.

package/schematics/utils/templates/elements.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttribute = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
+exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttribute = exports.findElementsByTagNames = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
 const parse5_1 = require("parse5");
 const ALWAYS_TRUE_HANDLER = () => true;
 function findElementsByFn(nodes, predicateFn) {
@@ -21,6 +21,10 @@ function findElementsByFn(nodes, predicateFn) {
 }
 exports.findElementsByFn = findElementsByFn;
 function findElementsInTemplateByFn(html, predicateFn) {
+    // utf8 with BOM adds an extra character to the beginning of the string
+    if (html.charCodeAt(0) === 0xfeff) {
+        html = html.substr(1);
+    }
     const document = parse5_1.parseFragment(html, { sourceCodeLocationInfo: true });
     return findElementsByFn(document.childNodes, predicateFn);
 }
@@ -29,6 +33,10 @@ function findElementsByTagName(html, tagName) {
     return findElementsInTemplateByFn(html, el => el.tagName === tagName);
 }
 exports.findElementsByTagName = findElementsByTagName;
+function findElementsByTagNames(html, tagNames) {
+    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 attribute.

package/types/autocomplete.d.ts

@@ -0,0 +1 @@
+export declare type TuiAutofillFieldName = 'off' | 'cc-name' | 'cc-number' | 'cc-csc' | 'cc-exp-month' | 'cc-exp-year' | 'cc-exp' | 'cc-type' | 'name' | 'given-name' | 'additional-name' | 'family-name' | 'username' | 'new-password' | 'current-password' | 'email' | 'street-address' | 'postal-code' | 'country-name' | 'tel' | 'bday' | 'transaction-currency' | 'transaction-amount';

package/types/index.d.ts

@@ -1,7 +1,9 @@
+export * from './autocomplete';
 export * from './date-mode';
 export * from './dialog';
 export * from './event-with';
 export * from './handler';
+export * from './injection-token-type';
 export * from './input-mode';
 export * from './input-type';
 export * from './mapper';

package/types/injection-token-type.d.ts

@@ -0,0 +1,2 @@
+import type { InjectionToken } from '@angular/core';
+export declare type TuiInjectionTokenType<Token> = Token extends InjectionToken<infer T> ? T : never;

package/bundles/taiga-ui-cdk-directives-input-mode.umd.js

@@ -1,102 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk/tokens')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/cdk/directives/input-mode', ['exports', '@angular/core', '@taiga-ui/cdk/tokens'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].cdk = global["taiga-ui"].cdk || {}, global["taiga-ui"].cdk.directives = global["taiga-ui"].cdk.directives || {}, global["taiga-ui"].cdk.directives["input-mode"] = {}), global.ng.core, global["taiga-ui"].cdk.tokens));
-})(this, (function (exports, i0, tokens) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-
-    /**
-     * Abstraction over `inputMode` attribute
-     */
-    var TuiInputModeDirective = /** @class */ (function () {
-        function TuiInputModeDirective(pattern, isIOS) {
-            this.pattern = pattern;
-            this.isIOS = isIOS;
-            this.mode = "text";
-        }
-        Object.defineProperty(TuiInputModeDirective.prototype, "patternAttribute", {
-            get: function () {
-                return this.mode === "numeric" && this.isIOS && !this.pattern
-                    ? "[0-9]*"
-                    : this.pattern;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return TuiInputModeDirective;
-    }());
-    TuiInputModeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeDirective, deps: [{ token: "pattern", attribute: true }, { token: tokens.TUI_IS_IOS }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiInputModeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiInputModeDirective, selector: "input[tuiInputMode]", inputs: { mode: ["tuiInputMode", "mode"] }, host: { properties: { "attr.inputmode": "this.mode", "attr.x-inputmode": "this.mode", "attr.pattern": "this.patternAttribute" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: "input[tuiInputMode]",
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Attribute,
-                            args: ["pattern"]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [tokens.TUI_IS_IOS]
-                        }] }];
-        }, propDecorators: { mode: [{
-                    type: i0.Input,
-                    args: ["tuiInputMode"]
-                }, {
-                    type: i0.HostBinding,
-                    args: ["attr.inputmode"]
-                }, {
-                    type: i0.HostBinding,
-                    args: ["attr.x-inputmode"]
-                }], patternAttribute: [{
-                    type: i0.HostBinding,
-                    args: ["attr.pattern"]
-                }] } });
-
-    var TuiInputModeModule = /** @class */ (function () {
-        function TuiInputModeModule() {
-        }
-        return TuiInputModeModule;
-    }());
-    TuiInputModeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiInputModeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeModule, declarations: [TuiInputModeDirective], exports: [TuiInputModeDirective] });
-    TuiInputModeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputModeModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [TuiInputModeDirective],
-                        exports: [TuiInputModeDirective],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.TuiInputModeDirective = TuiInputModeDirective;
-    exports.TuiInputModeModule = TuiInputModeModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=taiga-ui-cdk-directives-input-mode.umd.js.map

package/bundles/taiga-ui-cdk-directives-input-mode.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-cdk-directives-input-mode.umd.js","sources":["../../../projects/cdk/directives/input-mode/input-mode.directive.ts","../../../projects/cdk/directives/input-mode/input-mode.module.ts","../../../projects/cdk/directives/input-mode/taiga-ui-cdk-directives-input-mode.ts"],"sourcesContent":["import {Attribute, Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {TUI_IS_IOS} from '@taiga-ui/cdk/tokens';\nimport {TuiInputMode} from '@taiga-ui/cdk/types';\n\n/**\n * Abstraction over `inputMode` attribute\n */\n@Directive({\n    selector: `input[tuiInputMode]`,\n})\nexport class TuiInputModeDirective {\n    @Input(`tuiInputMode`)\n    @HostBinding(`attr.inputmode`)\n    @HostBinding(`attr.x-inputmode`)\n    mode: TuiInputMode = `text`;\n\n    constructor(\n        @Attribute(`pattern`) private readonly pattern: string | null,\n        @Inject(TUI_IS_IOS) private readonly isIOS: boolean,\n    ) {}\n\n    @HostBinding(`attr.pattern`)\n    get patternAttribute(): string | null {\n        return this.mode === `numeric` && this.isIOS && !this.pattern\n            ? `[0-9]*`\n            : this.pattern;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiInputModeDirective} from './input-mode.directive';\n\n@NgModule({\n    declarations: [TuiInputModeDirective],\n    exports: [TuiInputModeDirective],\n})\nexport class TuiInputModeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TUI_IS_IOS","i0","Directive","Attribute","Inject","Input","HostBinding","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAIA;;IAEG;AAIH,QAAA,qBAAA,kBAAA,YAAA;QAMI,SAC2C,qBAAA,CAAA,OAAsB,EACxB,KAAc,EAAA;IADZ,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAe;IACxB,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAS;IAJvD,QAAA,IAAI,CAAA,IAAA,GAAiB,MAAM,CAAC;SAKxB;IAEJ,IAAA,MAAA,CAAA,cAAA,CACI,qBAAgB,CAAA,SAAA,EAAA,kBAAA,EAAA;IADpB,QAAA,GAAA,EAAA,YAAA;IAEI,YAAA,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO;IACzD,kBAAE,QAAQ;IACV,kBAAE,IAAI,CAAC,OAAO,CAAC;aACtB;;;IAAA,KAAA,CAAA,CAAA;;;6IAhBQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAOf,SAAS,EAAA,SAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EACZA,iBAAU,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHARb,qBAAqB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,cAAA,EAAA,MAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;sHAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;sBAHjCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,qBAAqB;qBAClC,CAAA;;;kCAQQC,YAAS;mCAAC,SAAS,CAAA;;kCACnBC,SAAM;mCAACJ,iBAAU,CAAA;;6BAJtB,IAAI,EAAA,CAAA;0BAHHK,QAAK;2BAAC,cAAc,CAAA;;0BACpBC,cAAW;2BAAC,gBAAgB,CAAA;;0BAC5BA,cAAW;2BAAC,kBAAkB,CAAA;oBAS3B,gBAAgB,EAAA,CAAA;0BADnBA,cAAW;2BAAC,cAAc,CAAA;;;ACb/B,QAAA,kBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,kBAAA,GAAA;;;;0IAAa,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2IAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA,CAAA;2IAEtB,kBAAkB,EAAA,CAAA,CAAA;sHAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;sBAJ9BM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;wBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;qBACnC,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}

package/directives/input-mode/index.d.ts

@@ -1,2 +0,0 @@
-export * from './input-mode.directive';
-export * from './input-mode.module';

package/directives/input-mode/input-mode.directive.d.ts

@@ -1,14 +0,0 @@
-import { TuiInputMode } from '@taiga-ui/cdk/types';
-import * as i0 from "@angular/core";
-/**
- * Abstraction over `inputMode` attribute
- */
-export declare class TuiInputModeDirective {
-    private readonly pattern;
-    private readonly isIOS;
-    mode: TuiInputMode;
-    constructor(pattern: string | null, isIOS: boolean);
-    get patternAttribute(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputModeDirective, [{ attribute: "pattern"; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputModeDirective, "input[tuiInputMode]", never, { "mode": "tuiInputMode"; }, {}, never>;
-}

package/directives/input-mode/input-mode.module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./input-mode.directive";
-export declare class TuiInputModeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputModeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputModeModule, [typeof i1.TuiInputModeDirective], never, [typeof i1.TuiInputModeDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputModeModule>;
-}

package/directives/input-mode/package.json

@@ -1,10 +0,0 @@
-{
-  "main": "../../bundles/taiga-ui-cdk-directives-input-mode.umd.js",
-  "module": "../../fesm2015/taiga-ui-cdk-directives-input-mode.js",
-  "es2015": "../../fesm2015/taiga-ui-cdk-directives-input-mode.js",
-  "esm2015": "../../esm2015/directives/input-mode/taiga-ui-cdk-directives-input-mode.js",
-  "fesm2015": "../../fesm2015/taiga-ui-cdk-directives-input-mode.js",
-  "typings": "taiga-ui-cdk-directives-input-mode.d.ts",
-  "sideEffects": false,
-  "name": "@taiga-ui/cdk/directives/input-mode"
-}

package/directives/input-mode/taiga-ui-cdk-directives-input-mode.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@taiga-ui/cdk/directives/input-mode" />
-export * from './index';