@taiga-ui/addon-commerce 2.22.0 → 2.26.0

package/esm5/index.js

@@ -2,7 +2,7 @@ export * from '@taiga-ui/addon-commerce/components';
 export * from '@taiga-ui/addon-commerce/constants';
 export * from '@taiga-ui/addon-commerce/enums';
 export * from '@taiga-ui/addon-commerce/pipes';
-export * from '@taiga-ui/addon-commerce/utils';
 export * from '@taiga-ui/addon-commerce/tokens';
+export * from '@taiga-ui/addon-commerce/utils';
 export * from '@taiga-ui/addon-commerce/validators';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUVoRCxjQUFjLHFDQUFxQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2NvbnN0YW50cyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvZW51bXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2ludGVyZmFjZXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3BpcGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS91dGlscyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdG9rZW5zJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS90eXBlcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdmFsaWRhdG9ycyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsaUNBQWlDLENBQUM7QUFFaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHFDQUFxQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2NvbnN0YW50cyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvZW51bXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL2ludGVyZmFjZXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3BpcGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS90b2tlbnMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3R5cGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS91dGlscyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdmFsaWRhdG9ycyc7XG4iXX0=

package/esm5/pipes/currency.module.js

@@ -13,4 +13,4 @@ var TuiCurrencyPipeModule = /** @class */ (function () {
     return TuiCurrencyPipeModule;
 }());
 export { TuiCurrencyPipeModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VycmVuY3kubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3BpcGVzLyIsInNvdXJjZXMiOlsiY3VycmVuY3kubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQU1oRDtJQUFBO0lBQW9DLENBQUM7SUFBeEIscUJBQXFCO1FBSmpDLFFBQVEsQ0FBQztZQUNOLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztZQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7U0FDN0IsQ0FBQztPQUNXLHFCQUFxQixDQUFHO0lBQUQsNEJBQUM7Q0FBQSxBQUFyQyxJQUFxQztTQUF4QixxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpQ3VycmVuY3lQaXBlfSBmcm9tICcuL2N1cnJlbmN5LnBpcGUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1R1aUN1cnJlbmN5UGlwZV0sXG4gICAgZXhwb3J0czogW1R1aUN1cnJlbmN5UGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUN1cnJlbmN5UGlwZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VycmVuY3kubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3BpcGVzLyIsInNvdXJjZXMiOlsiY3VycmVuY3kubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQU1oRDtJQUFBO0lBQW9DLENBQUM7SUFBeEIscUJBQXFCO1FBSmpDLFFBQVEsQ0FBQztZQUNOLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztZQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7U0FDN0IsQ0FBQztPQUNXLHFCQUFxQixDQUFHO0lBQUQsNEJBQUM7Q0FBQSxBQUFyQyxJQUFxQztTQUF4QixxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlDdXJyZW5jeVBpcGV9IGZyb20gJy4vY3VycmVuY3kucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQ3VycmVuY3lQaXBlXSxcbiAgICBleHBvcnRzOiBbVHVpQ3VycmVuY3lQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQ3VycmVuY3lQaXBlTW9kdWxlIHt9XG4iXX0=

package/esm5/types/index.js

@@ -1 +1 @@
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdHlwZXMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jdXJyZW5jeS12YXJpYW50cyc7XG5leHBvcnQgKiBmcm9tICcuL21vbmV5LXNpZ24nO1xuZXhwb3J0ICogZnJvbSAnLi9jb2RlLWxlbmd0aCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdHlwZXMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb2RlLWxlbmd0aCc7XG5leHBvcnQgKiBmcm9tICcuL2N1cnJlbmN5LXZhcmlhbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9uZXktc2lnbic7XG4iXX0=

package/esm5/utils/format-currency.js

@@ -9,4 +9,4 @@ function stringifyCurrency(currency) {
         ? currency || ''
         : padStart(String(currency), 3, '0');
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LWN1cnJlbmN5LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3V0aWxzLyIsInNvdXJjZXMiOlsiZm9ybWF0LWN1cnJlbmN5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFeEQsTUFBTSxVQUFVLGNBQWMsQ0FBQyxRQUE2QjtJQUN4RCxJQUFNLG1CQUFtQixHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRXhELE9BQU8saUJBQWlCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxtQkFBbUIsQ0FBQztBQUN6RSxDQUFDO0FBRUQsU0FBUyxpQkFBaUIsQ0FBQyxRQUE2QjtJQUNwRCxPQUFPLFFBQVEsS0FBSyxJQUFJLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUTtRQUNwRCxDQUFDLENBQUMsUUFBUSxJQUFJLEVBQUU7UUFDaEIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBQzdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1R1aUN1cnJlbmN5VmFyaWFudHN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS90eXBlcyc7XG5pbXBvcnQge3BhZFN0YXJ0fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7Z2V0Q3VycmVuY3lTeW1ib2x9IGZyb20gJy4vZ2V0LWN1cnJlbmN5LXN5bWJvbCc7XG5cbmV4cG9ydCBmdW5jdGlvbiBmb3JtYXRDdXJyZW5jeShjdXJyZW5jeTogVHVpQ3VycmVuY3lWYXJpYW50cyk6IHN0cmluZyB7XG4gICAgY29uc3Qgc3RyaW5naWZpZWRDdXJyZW5jeSA9IHN0cmluZ2lmeUN1cnJlbmN5KGN1cnJlbmN5KTtcblxuICAgIHJldHVybiBnZXRDdXJyZW5jeVN5bWJvbChzdHJpbmdpZmllZEN1cnJlbmN5KSB8fCBzdHJpbmdpZmllZEN1cnJlbmN5O1xufVxuXG5mdW5jdGlvbiBzdHJpbmdpZnlDdXJyZW5jeShjdXJyZW5jeTogVHVpQ3VycmVuY3lWYXJpYW50cyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGN1cnJlbmN5ID09PSBudWxsIHx8IHR5cGVvZiBjdXJyZW5jeSA9PT0gJ3N0cmluZydcbiAgICAgICAgPyBjdXJyZW5jeSB8fCAnJ1xuICAgICAgICA6IHBhZFN0YXJ0KFN0cmluZyhjdXJyZW5jeSksIDMsICcwJyk7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LWN1cnJlbmN5LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlL3V0aWxzLyIsInNvdXJjZXMiOlsiZm9ybWF0LWN1cnJlbmN5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFeEQsTUFBTSxVQUFVLGNBQWMsQ0FBQyxRQUE2QjtJQUN4RCxJQUFNLG1CQUFtQixHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRXhELE9BQU8saUJBQWlCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxtQkFBbUIsQ0FBQztBQUN6RSxDQUFDO0FBRUQsU0FBUyxpQkFBaUIsQ0FBQyxRQUE2QjtJQUNwRCxPQUFPLFFBQVEsS0FBSyxJQUFJLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUTtRQUNwRCxDQUFDLENBQUMsUUFBUSxJQUFJLEVBQUU7UUFDaEIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBQzdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1R1aUN1cnJlbmN5VmFyaWFudHN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS90eXBlcyc7XG5pbXBvcnQge3BhZFN0YXJ0fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtnZXRDdXJyZW5jeVN5bWJvbH0gZnJvbSAnLi9nZXQtY3VycmVuY3ktc3ltYm9sJztcblxuZXhwb3J0IGZ1bmN0aW9uIGZvcm1hdEN1cnJlbmN5KGN1cnJlbmN5OiBUdWlDdXJyZW5jeVZhcmlhbnRzKTogc3RyaW5nIHtcbiAgICBjb25zdCBzdHJpbmdpZmllZEN1cnJlbmN5ID0gc3RyaW5naWZ5Q3VycmVuY3koY3VycmVuY3kpO1xuXG4gICAgcmV0dXJuIGdldEN1cnJlbmN5U3ltYm9sKHN0cmluZ2lmaWVkQ3VycmVuY3kpIHx8IHN0cmluZ2lmaWVkQ3VycmVuY3k7XG59XG5cbmZ1bmN0aW9uIHN0cmluZ2lmeUN1cnJlbmN5KGN1cnJlbmN5OiBUdWlDdXJyZW5jeVZhcmlhbnRzKTogc3RyaW5nIHtcbiAgICByZXR1cm4gY3VycmVuY3kgPT09IG51bGwgfHwgdHlwZW9mIGN1cnJlbmN5ID09PSAnc3RyaW5nJ1xuICAgICAgICA/IGN1cnJlbmN5IHx8ICcnXG4gICAgICAgIDogcGFkU3RhcnQoU3RyaW5nKGN1cnJlbmN5KSwgMywgJzAnKTtcbn1cbiJdfQ==

package/esm5/validators/index.js

@@ -1,4 +1,4 @@
-export * from './luhn.validator';
 export * from './card-expire.validator';
 export * from './card-number.validator';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdmFsaWRhdG9ycy8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9sdWhuLnZhbGlkYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQtZXhwaXJlLnZhbGlkYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQtbnVtYmVyLnZhbGlkYXRvcic7XG4iXX0=
+export * from './luhn.validator';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY29tbWVyY2UvdmFsaWRhdG9ycy8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jYXJkLWV4cGlyZS52YWxpZGF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLW51bWJlci52YWxpZGF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9sdWhuLnZhbGlkYXRvcic7XG4iXX0=

package/fesm2015/taiga-ui-addon-commerce-components-card.js

@@ -4,8 +4,8 @@ import { tuiDefaultProp } from '@taiga-ui/cdk';
 import { CommonModule } from '@angular/common';
 import { TuiSvgModule } from '@taiga-ui/core';
 
-function cardNumberAssertion(cardNumber) {
-    return cardNumber === '' || cardNumber.length === 4;
+function cardNumberAssertion({ length }) {
+    return !length || length === 4;
 }
 const cardNumberAssertionMessage = 'cardNumber should contain 4 symbols';
 const icons = {
@@ -55,9 +55,9 @@ __decorate([
 TuiCardComponent = __decorate([
     Component({
         selector: 'tui-card',
-        template: "<div class=\"t-front\">\n    <ng-container *ngIf=\"hasBrandLogo\">\n        <div class=\"t-box t-box_brand\"></div>\n        <tui-svg class=\"t-brand-logo\" [src]=\"brandLogo\"></tui-svg>\n    </ng-container>\n\n    <ng-container *ngIf=\"!!cardNumber\">\n        <div class=\"t-box t-box_number\"></div>\n        <span class=\"t-number\"> {{cardNumber}} </span>\n    </ng-container>\n\n    <ng-container *ngIf=\"!!paymentSystem\">\n        <div class=\"t-box t-box_system\">\n            <tui-svg\n                class=\"t-secret-payment-system-logo\"\n                [src]=\"paymentSystemLogo\"\n            ></tui-svg>\n        </div>\n        <tui-svg\n            class=\"t-payment-system-logo\"\n            [src]=\"paymentSystemLogo\"\n        ></tui-svg>\n    </ng-container>\n</div>\n<div class=\"t-back\"></div>\n",
+        template: "<div class=\"t-front\">\n    <tui-svg\n        *ngIf=\"hasBrandLogo\"\n        class=\"t-brand-logo\"\n        [src]=\"brandLogo\"\n    ></tui-svg>\n    <span class=\"t-number\">{{ cardNumber }}</span>\n    <tui-svg\n        *ngIf=\"!!paymentSystem\"\n        class=\"t-payment-system-logo\"\n        [src]=\"paymentSystemLogo\"\n    ></tui-svg>\n</div>\n<div class=\"t-back\"></div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{position:relative;display:block;color:var(--tui-base-01);transform-style:preserve-3d;cursor:default;border-radius:.25rem;background-size:100%}:host[data-tui-host-size='s']{width:2rem;height:1.5rem}:host[data-tui-host-size='m']{width:3rem;height:2rem}:host._active{box-shadow:0 0 0 1px var(--tui-base-01)}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:inherit;border-radius:var(--tui-radius-m)}.t-box{position:absolute;background-color:inherit;opacity:.8;border-radius:.125rem}.t-box_brand{top:.1875rem;left:.125rem;width:.875rem;height:.875rem}.t-box_number{right:.125rem}:host[data-tui-host-size='s'] .t-box_number{top:.125rem;height:.625rem;width:1.4375rem}:host[data-tui-host-size='m'] .t-box_number{top:.1875rem;height:.875rem;width:1.75rem}.t-box_system{bottom:.125rem;right:.125rem;height:.625rem}.t-brand-logo{position:absolute;top:.1875rem;left:.125rem;height:.875rem;width:.875rem}.t-number{position:absolute;right:.25rem;display:flex;justify-content:center;align-items:center}:host[data-tui-host-size='s'] .t-number{top:.125rem;height:.625rem;width:1.1875rem;font-size:.5rem}:host[data-tui-host-size='m'] .t-number{top:.1875rem;height:.875rem;width:1.5rem;font-size:.625rem}.t-secret-payment-system-logo{height:.625rem;padding:0 .125rem;visibility:hidden}.t-payment-system-logo{position:absolute;right:-.25rem;bottom:-.5rem;width:2rem;height:2rem;transform:scale(.5)}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translate3d(0,0,.00625rem);border-radius:.1875rem;background-color:var(--tui-base-05)}.t-back:after{content:'';position:absolute;top:20%;left:0;right:0;height:20%;background-color:var(--tui-base-06)}"]
+        styles: [":host{position:relative;display:block;color:var(--tui-base-01);transform-style:preserve-3d;cursor:default;border-radius:var(--tui-radius-xs);background-size:100%}:host[data-tui-host-size='s']{width:2rem;height:1.5rem}:host[data-tui-host-size='m']{width:3rem;height:2rem}:host._active{box-shadow:0 0 0 1px var(--tui-base-01)}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.t-brand-logo{position:absolute;top:.1875rem;left:.125rem;height:.875rem;width:.875rem}.t-number{position:absolute;right:.25rem;display:flex;justify-content:center;align-items:center}:host[data-tui-host-size='s'] .t-number{top:.125rem;height:.625rem;width:1.1875rem;font-size:.5rem}:host[data-tui-host-size='m'] .t-number{top:.1875rem;height:.875rem;width:1.5rem;font-size:.625rem}.t-payment-system-logo{position:absolute;right:.25rem;bottom:-.5rem;width:2rem;height:2rem;transform:scale(.5);transform-origin:right}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translate3d(0,0,1px);background-color:var(--tui-base-05);border-radius:var(--tui-radius-xs)}.t-back:after{content:'';position:absolute;top:20%;left:0;right:0;height:20%;background-color:var(--tui-base-06)}"]
     })
 ], TuiCardComponent);
 

package/fesm2015/taiga-ui-addon-commerce-components-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-card.js","sources":["ng://@taiga-ui/addon-commerce/components/card/card.component.ts","ng://@taiga-ui/addon-commerce/components/card/card.module.ts","ng://@taiga-ui/addon-commerce/components/card/taiga-ui-addon-commerce-components-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function cardNumberAssertion(cardNumber: string): boolean {\n    return cardNumber === '' || cardNumber.length === 4;\n}\n\nexport const cardNumberAssertionMessage = 'cardNumber should contain 4 symbols';\n\nconst icons = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMirMono',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisaMono',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectronMono',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\n@Component({\n    selector: 'tui-card',\n    templateUrl: 'card.template.html',\n    styleUrls: ['./card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiCardComponent {\n    @Input()\n    @HostBinding('class._active')\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    brandLogo = '';\n\n    @Input()\n    @tuiDefaultProp(cardNumberAssertion, cardNumberAssertionMessage)\n    cardNumber = '';\n\n    @Input()\n    @tuiDefaultProp()\n    paymentSystem: TuiPaymentSystem | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n\n    get hasBrandLogo(): boolean {\n        return !!this.brandLogo && this.size === 'm';\n    }\n\n    get paymentSystemLogo(): string {\n        return this.paymentSystem ? icons[this.paymentSystem] : '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiCardComponent} from './card.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiCardComponent],\n    exports: [TuiCardComponent],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;SAKgB,mBAAmB,CAAC,UAAkB;IAClD,OAAO,UAAU,KAAK,EAAE,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;AACxD,CAAC;MAEY,0BAA0B,GAAG,sCAAsC;AAEhF,MAAM,KAAK,GAAG;IACV,mBAAwB,gBAAgB;IACxC,qBAAyB,iBAAiB;IAC1C,6BAA6B,qBAAqB;IAClD,iCAA+B,mBAAmB;IAClD,2BAA4B,gBAAgB;CAC/C,CAAC;IAQW,gBAAgB,GAA7B,MAAa,gBAAgB;IAA7B;QAII,WAAM,GAAG,KAAK,CAAC;QAIf,cAAS,GAAG,EAAE,CAAC;QAIf,eAAU,GAAG,EAAE,CAAC;QAIhB,kBAAa,GAA4B,IAAI,CAAC;QAK9C,SAAI,GAAa,GAAG,CAAC;KASxB;IAPG,IAAI,YAAY;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAChD;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;KAC9D;EACJ;AA1BG;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,eAAe,CAAC;IAC5B,cAAc,EAAE;gDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,CAAC,mBAAmB,EAAE,0BAA0B,CAAC;oDAChD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;uDAC6B;AAK9C;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;8CACI;AArBZ,gBAAgB;IAN5B,SAAS,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,o0BAAiC;QAEjC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,gBAAgB,CA8B5B;;IC7CY,aAAa,GAA1B,MAAa,aAAa;EAAG;AAAhB,aAAa;IALzB,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,gBAAgB,CAAC;QAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;KAC9B,CAAC;GACW,aAAa,CAAG;;ACV7B;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-commerce-components-card.js","sources":["ng://@taiga-ui/addon-commerce/components/card/card.component.ts","ng://@taiga-ui/addon-commerce/components/card/card.module.ts","ng://@taiga-ui/addon-commerce/components/card/taiga-ui-addon-commerce-components-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function cardNumberAssertion({length}: string): boolean {\n    return !length || length === 4;\n}\n\nexport const cardNumberAssertionMessage = 'cardNumber should contain 4 symbols';\n\nconst icons = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMirMono',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisaMono',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectronMono',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\n@Component({\n    selector: 'tui-card',\n    templateUrl: 'card.template.html',\n    styleUrls: ['./card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiCardComponent {\n    @Input()\n    @HostBinding('class._active')\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    brandLogo = '';\n\n    @Input()\n    @tuiDefaultProp(cardNumberAssertion, cardNumberAssertionMessage)\n    cardNumber = '';\n\n    @Input()\n    @tuiDefaultProp()\n    paymentSystem: TuiPaymentSystem | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n\n    get hasBrandLogo(): boolean {\n        return !!this.brandLogo && this.size === 'm';\n    }\n\n    get paymentSystemLogo(): string {\n        return this.paymentSystem ? icons[this.paymentSystem] : '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiCardComponent} from './card.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiCardComponent],\n    exports: [TuiCardComponent],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;SAKgB,mBAAmB,CAAC,EAAC,MAAM,EAAS;IAChD,OAAO,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC;AACnC,CAAC;MAEY,0BAA0B,GAAG,sCAAsC;AAEhF,MAAM,KAAK,GAAG;IACV,mBAAwB,gBAAgB;IACxC,qBAAyB,iBAAiB;IAC1C,6BAA6B,qBAAqB;IAClD,iCAA+B,mBAAmB;IAClD,2BAA4B,gBAAgB;CAC/C,CAAC;IAQW,gBAAgB,GAA7B,MAAa,gBAAgB;IAA7B;QAII,WAAM,GAAG,KAAK,CAAC;QAIf,cAAS,GAAG,EAAE,CAAC;QAIf,eAAU,GAAG,EAAE,CAAC;QAIhB,kBAAa,GAA4B,IAAI,CAAC;QAK9C,SAAI,GAAa,GAAG,CAAC;KASxB;IAPG,IAAI,YAAY;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAChD;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;KAC9D;EACJ;AA1BG;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,eAAe,CAAC;IAC5B,cAAc,EAAE;gDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,CAAC,mBAAmB,EAAE,0BAA0B,CAAC;oDAChD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;uDAC6B;AAK9C;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;8CACI;AArBZ,gBAAgB;IAN5B,SAAS,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,6YAAiC;QAEjC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,gBAAgB,CA8B5B;;IC5CY,aAAa,GAA1B,MAAa,aAAa;EAAG;AAAhB,aAAa;IALzB,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,gBAAgB,CAAC;QAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;KAC9B,CAAC;GACW,aAAa,CAAG;;ACX7B;;;;;;"}

package/fesm2015/taiga-ui-addon-commerce-components-input-CVC.js

@@ -72,7 +72,7 @@ __decorate([
 TuiInputCVCComponent = TuiInputCVCComponent_1 = __decorate([
     Component({
         selector: 'tui-input-cvc',
-        template: "<tui-primitive-textfield\n    class=\"t-input\"\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    [tuiTextfieldExampleText]=\"computedExampleText\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [nativeId]=\"nativeId\"\n    [textMask]=\"textMaskOptions\"\n    [invalid]=\"computedInvalid\"\n    [focusable]=\"focusable\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (copy.prevent)=\"onCopy()\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
+        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"t-input\"\n    [tuiTextfieldExampleText]=\"computedExampleText\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [nativeId]=\"nativeId\"\n    [textMask]=\"textMaskOptions\"\n    [invalid]=\"computedInvalid\"\n    [focusable]=\"focusable\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (copy.prevent)=\"onCopy()\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -80,7 +80,7 @@ TuiInputCVCComponent = TuiInputCVCComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiInputCVCComponent_1),
             },
         ],
-        styles: [":host{display:block;max-width:11rem;border-radius:var(--tui-radius-m)}.t-input{border-radius:inherit}"]
+        styles: [":host{display:block;max-width:11rem;border-radius:var(--tui-radius-m);text-align:left}.t-input{border-radius:inherit;text-align:inherit}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-addon-commerce-components-input-CVC.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-input-CVC.js","sources":["ng://@taiga-ui/addon-commerce/components/input-CVC/input-CVC.component.ts","ng://@taiga-ui/addon-commerce/components/input-CVC/input-CVC.module.ts","ng://@taiga-ui/addon-commerce/components/input-CVC/taiga-ui-addon-commerce-components-input-CVC.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TuiCodeCVCLength} from '@taiga-ui/addon-commerce/types';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DIGIT_REGEXP,\n    TUI_TEXTFIELD_LABEL_OUTSIDE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldLabelOutsideDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-input-cvc',\n    templateUrl: './input-CVC.template.html',\n    styleUrls: ['./input-CVC.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCVCComponent),\n        },\n    ],\n})\nexport class TuiInputCVCComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Input()\n    @tuiRequiredSetter()\n    set length(length: TuiCodeCVCLength) {\n        this.exampleText = '0'.repeat(length);\n        this.textMaskOptions = {\n            mask: new Array(length).fill(TUI_DIGIT_REGEXP),\n            guide: false,\n        };\n    }\n\n    exampleText = '000';\n\n    textMaskOptions: TuiTextMaskOptions = {\n        mask: new Array(3).fill(TUI_DIGIT_REGEXP),\n        guide: false,\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_LABEL_OUTSIDE)\n        private readonly textfieldLabelOutside: TuiTextfieldLabelOutsideDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcCsc\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get computedExampleText(): string {\n        return this.textfieldLabelOutside.labelOutside ? '' : this.exampleText;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onCopy() {}\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {\n    TuiHintControllerModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\nimport {TuiInputCVCComponent} from './input-CVC.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHintControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputCVCComponent],\n    exports: [TuiInputCVCComponent],\n})\nexport class TuiInputCVCModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-commerce-components-input-CVC.js","sources":["ng://@taiga-ui/addon-commerce/components/input-CVC/input-CVC.component.ts","ng://@taiga-ui/addon-commerce/components/input-CVC/input-CVC.module.ts","ng://@taiga-ui/addon-commerce/components/input-CVC/taiga-ui-addon-commerce-components-input-CVC.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TuiCodeCVCLength} from '@taiga-ui/addon-commerce/types';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DIGIT_REGEXP,\n    TUI_TEXTFIELD_LABEL_OUTSIDE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldLabelOutsideDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-input-cvc',\n    templateUrl: './input-CVC.template.html',\n    styleUrls: ['./input-CVC.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCVCComponent),\n        },\n    ],\n})\nexport class TuiInputCVCComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Input()\n    @tuiRequiredSetter()\n    set length(length: TuiCodeCVCLength) {\n        this.exampleText = '0'.repeat(length);\n        this.textMaskOptions = {\n            mask: new Array(length).fill(TUI_DIGIT_REGEXP),\n            guide: false,\n        };\n    }\n\n    exampleText = '000';\n\n    textMaskOptions: TuiTextMaskOptions = {\n        mask: new Array(3).fill(TUI_DIGIT_REGEXP),\n        guide: false,\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_LABEL_OUTSIDE)\n        private readonly textfieldLabelOutside: TuiTextfieldLabelOutsideDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcCsc\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get computedExampleText(): string {\n        return this.textfieldLabelOutside.labelOutside ? '' : this.exampleText;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onCopy() {}\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {\n    TuiHintControllerModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCVCComponent} from './input-CVC.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHintControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputCVCComponent],\n    exports: [TuiInputCVCComponent],\n})\nexport class TuiInputCVCModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-commerce-components-input-card-grouped.js

@@ -3,7 +3,7 @@ import { InjectionToken, inject, EventEmitter, Optional, Self, Inject, ChangeDet
 import { NgControl, FormsModule } from '@angular/forms';
 import { tuiDefaultCardValidator, TUI_CARD_MASK } from '@taiga-ui/addon-commerce/constants';
 import { tuiCreateAutoCorrectedExpirePipe, getPaymentSystem } from '@taiga-ui/addon-commerce/utils';
-import { typedFromEvent, AbstractTuiNullableControl, isNativeFocusedIn, fallbackValue, setNativeFocused, isNativeFocused, tuiDefaultProp, tuiRequiredSetter, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule, TuiInputModeModule, TuiMapperPipeModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { typedFromEvent, AbstractTuiNullableControl, isNativeFocusedIn, setNativeFocused, isNativeFocused, tuiDefaultProp, tuiRequiredSetter, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule, TuiInputModeModule, TuiMapperPipeModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
 import { TUI_DIGIT_REGEXP, TUI_NON_DIGIT_REGEXP, TUI_MODE, TuiDataListDirective, TuiDataListComponent, MODE_PROVIDER, TUI_DATA_LIST_HOST, TuiSvgModule, TuiWrapperModule, TuiDropdownModule } from '@taiga-ui/core';
 import { combineLatest, of, Observable } from 'rxjs';
 import { WINDOW } from '@ng-web-apis/common';
@@ -107,30 +107,19 @@ let TuiInputCardGroupedComponent = TuiInputCardGroupedComponent_1 = class TuiInp
         var _a, _b;
         return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.cvc) !== null && _b !== void 0 ? _b : '';
     }
-    get hasCardExampleText() {
-        return !this.readOnly && this.focused && !this.card;
-    }
-    get hasExpireExampleText() {
-        return !this.readOnly && this.focused && !this.expire;
-    }
-    get hasCVCExampleText() {
-        return !this.readOnly && this.focused && !this.cvc;
-    }
     get hasCleaner() {
         return !!this.value && !this.readOnly && !this.computedDisabled;
     }
     get hasDropdown() {
         return !!this.dropdown;
     }
-    get isCardSmall() {
-        return this.card.length < 16;
-    }
     get defaultIcon() {
         const { paymentSystem } = this;
         return paymentSystem && ICONS[paymentSystem];
     }
     get icon() {
-        return fallbackValue(this.cardSrc, this.defaultIcon);
+        var _a;
+        return (_a = this.cardSrc) !== null && _a !== void 0 ? _a : this.defaultIcon;
     }
     get bin() {
         return !this.value || this.value.card.length < 6
@@ -384,7 +373,7 @@ __decorate([
 TuiInputCardGroupedComponent = TuiInputCardGroupedComponent_1 = __decorate([
     Component({
         selector: 'tui-input-card-grouped',
-        template: "<tui-wrapper\n    *ngIf=\"cardGroupedTexts$ | async as texts\"\n    appearance=\"textfield\"\n    class=\"t-common-wrapper\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n    [tuiDropdown]=\"open\"\n    [tuiDropdownContent]=\"dropdown || ''\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (tuiActiveZoneChange)=\"onActiveZoneChange($event)\"\n    (scroll)=\"onScroll($event.currentTarget)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"t-wrapper\">\n        <span *ngIf=\"hasCardExampleText\" class=\"t-example-text\">\n            {{exampleText}}\n        </span>\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputCard\n                type=\"text\"\n                class=\"t-input t-input_card\"\n                automation-id=\"tui-input-card-grouped__card\"\n                tuiInputMode=\"numeric\"\n                [class.t-input_inert]=\"cardPrefilled\"\n                [class.t-input_hidden]=\"isCardCollapsed\"\n                [attr.id]=\"idCard\"\n                [attr.aria-invalid]=\"!cardPrefilled && !(this.card | tuiMapper : cardValidator)\"\n                [attr.aria-placeholder]=\"exampleText\"\n                [autocomplete]=\"autocompleteCard\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly\"\n                [textMask]=\"maskCard\"\n                [tuiFocusable]=\"cardFocusable\"\n                [ngModel]=\"formattedCard\"\n                (ngModelChange)=\"onCardChange($event)\"\n                (focus)=\"0\"\n            />\n            <span\n                aria-hidden=\"true\"\n                class=\"t-collapsed\"\n                [class.t-collapsed_inactive]=\"!isCardCollapsed\"\n                [attr.data-before]=\"masked\"\n            >\n                <span class=\"t-collapsed-wrapper\">\n                    <span\n                        class=\"t-value\"\n                        [class.t-value_collapsed]=\"isCardCollapsed\"\n                        [class.t-value_small]=\"isCardSmall\"\n                    >\n                        {{formattedCard}}\n                    </span>\n                </span>\n            </span>\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{texts.cardNumberText}}\n            </span>\n        </label>\n    </div>\n    <div\n        class=\"t-wrapper t-wrapper_expire\"\n        [class.t-wrapper_active]=\"isCardCollapsed\"\n    >\n        <span *ngIf=\"hasExpireExampleText\" class=\"t-example-text\"> 00/00 </span>\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputExpire\n                type=\"text\"\n                class=\"t-input\"\n                automation-id=\"tui-input-card-grouped__expire\"\n                tuiInputMode=\"numeric\"\n                [class.t-input_inert]=\"!expireFocusable\"\n                [attr.id]=\"idExpire\"\n                [attr.name]=\"name\"\n                [autocomplete]=\"autocompleteExpire\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly\"\n                [tuiFocusable]=\"expireFocusable\"\n                [textMask]=\"maskExpire\"\n                [ngModel]=\"expire\"\n                (ngModelChange)=\"onExpireChange($event)\"\n                (focus)=\"0\"\n            />\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{texts.expiryText}}\n            </span>\n        </label>\n    </div>\n    <div\n        class=\"t-wrapper t-wrapper_cvc\"\n        [class.t-wrapper_active]=\"isCardCollapsed\"\n    >\n        <span *ngIf=\"hasCVCExampleText\" class=\"t-example-text\">\n            {{exampleTextCVC}}\n        </span>\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputCVC\n                type=\"text\"\n                class=\"t-input\"\n                automation-id=\"tui-input-card-grouped__cvc\"\n                tuiInputMode=\"numeric\"\n                [placeholder]=\"cvcPrefilled ? '\u2022\u2022\u2022' : ''\"\n                [attr.id]=\"idCVC\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly || cvcPrefilled\"\n                [autocomplete]=\"autocompleteCVC\"\n                [textMask]=\"maskCVC\"\n                [tuiFocusable]=\"cvcFocusable\"\n                [ngModel]=\"cvc\"\n                (ngModelChange)=\"onCVCChange($event)\"\n                (focus)=\"0\"\n            />\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{texts.cvcText}}\n            </span>\n        </label>\n    </div>\n    <div class=\"t-icons\">\n        <div\n            *ngIf=\"icon\"\n            class=\"t-icon-outlet\"\n            polymorpheus-outlet\n            [content]=\"icon\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    class=\"t-card\"\n                    automation-id=\"tui-input-card-grouped__icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </div>\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            class=\"t-icon\"\n            src=\"tuiIconCloseLarge\"\n            (click)=\"clear()\"\n        ></tui-svg>\n        <tui-svg\n            *ngIf=\"hasDropdown\"\n            src=\"tuiIconChevronDownLarge\"\n            class=\"t-icon\"\n            [class.t-icon_rotated]=\"open\"\n            (click)=\"toggle()\"\n        ></tui-svg>\n    </div>\n</tui-wrapper>\n",
+        template: "<tui-wrapper\n    *ngIf=\"cardGroupedTexts$ | async as texts\"\n    appearance=\"textfield\"\n    class=\"t-common-wrapper\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n    [tuiDropdown]=\"open\"\n    [tuiDropdownContent]=\"dropdown || ''\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (tuiActiveZoneChange)=\"onActiveZoneChange($event)\"\n    (scroll)=\"onScroll($event.currentTarget)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"t-wrapper\">\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputCard\n                type=\"text\"\n                automation-id=\"tui-input-card-grouped__card\"\n                tuiInputMode=\"numeric\"\n                class=\"t-input t-input_card\"\n                [class.t-input_inert]=\"cardPrefilled\"\n                [class.t-input_hidden]=\"isCardCollapsed\"\n                [attr.id]=\"idCard\"\n                [attr.aria-invalid]=\"!cardPrefilled && !(this.card | tuiMapper: cardValidator)\"\n                [placeholder]=\"cardPrefilled ? '' : exampleText\"\n                [autocomplete]=\"autocompleteCard\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly\"\n                [textMask]=\"maskCard\"\n                [tuiFocusable]=\"cardFocusable\"\n                [ngModel]=\"formattedCard\"\n                (ngModelChange)=\"onCardChange($event)\"\n                (focus)=\"(0)\"\n            />\n            <span\n                aria-hidden=\"true\"\n                class=\"t-collapsed\"\n                [class.t-collapsed_inactive]=\"!isCardCollapsed\"\n                [attr.data-before]=\"masked\"\n            >\n                <span class=\"t-collapsed-wrapper\">\n                    <span\n                        class=\"t-value\"\n                        [class.t-value_collapsed]=\"isCardCollapsed\"\n                    >\n                        {{ formattedCard }}\n                    </span>\n                </span>\n            </span>\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{ texts.cardNumberText }}\n            </span>\n        </label>\n    </div>\n    <div\n        class=\"t-wrapper t-wrapper_expire\"\n        [class.t-wrapper_active]=\"isCardCollapsed\"\n    >\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputExpire\n                type=\"text\"\n                placeholder=\"00/00\"\n                automation-id=\"tui-input-card-grouped__expire\"\n                tuiInputMode=\"numeric\"\n                class=\"t-input\"\n                [class.t-input_inert]=\"!expireFocusable\"\n                [attr.id]=\"idExpire\"\n                [attr.name]=\"name\"\n                [autocomplete]=\"autocompleteExpire\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly\"\n                [tuiFocusable]=\"expireFocusable\"\n                [textMask]=\"maskExpire\"\n                [ngModel]=\"expire\"\n                (ngModelChange)=\"onExpireChange($event)\"\n                (focus)=\"(0)\"\n            />\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{ texts.expiryText }}\n            </span>\n        </label>\n    </div>\n    <div\n        class=\"t-wrapper t-wrapper_cvc\"\n        [class.t-wrapper_active]=\"isCardCollapsed\"\n    >\n        <label tuiPreventDefault=\"click\">\n            <input\n                #inputCVC\n                type=\"text\"\n                automation-id=\"tui-input-card-grouped__cvc\"\n                tuiInputMode=\"numeric\"\n                class=\"t-input\"\n                [class.t-input_prefilled]=\"cvcPrefilled\"\n                [placeholder]=\"cvcPrefilled ? '\u2022\u2022\u2022' : exampleTextCVC\"\n                [attr.id]=\"idCVC\"\n                [disabled]=\"computedDisabled\"\n                [readOnly]=\"readOnly || cvcPrefilled\"\n                [autocomplete]=\"autocompleteCVC\"\n                [textMask]=\"maskCVC\"\n                [tuiFocusable]=\"cvcFocusable\"\n                [ngModel]=\"cvc\"\n                (ngModelChange)=\"onCVCChange($event)\"\n                (focus)=\"(0)\"\n            />\n            <span\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n            >\n                {{ texts.cvcText }}\n            </span>\n        </label>\n    </div>\n    <div class=\"t-icons\">\n        <div\n            *ngIf=\"icon\"\n            polymorpheus-outlet\n            class=\"t-icon-outlet\"\n            [content]=\"icon\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    automation-id=\"tui-input-card-grouped__icon\"\n                    class=\"t-card\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </div>\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"t-icon\"\n            (click)=\"clear()\"\n        ></tui-svg>\n        <tui-svg\n            *ngIf=\"hasDropdown\"\n            src=\"tuiIconChevronDownLarge\"\n            class=\"t-icon\"\n            [class.t-icon_rotated]=\"open\"\n            (click)=\"toggle()\"\n        ></tui-svg>\n    </div>\n</tui-wrapper>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             MODE_PROVIDER,
@@ -401,7 +390,7 @@ TuiInputCardGroupedComponent = TuiInputCardGroupedComponent_1 = __decorate([
             '($.data-mode.attr)': 'mode$',
             'data-tui-host-size': 'l',
         },
-        styles: [":host{display:block;height:var(--tui-height-l);width:29.5rem;border-radius:var(--tui-radius-m)}:host[data-mode=onDark]{--tui-autofill:var(--tui-autofill-night)}@media screen and (max-width:47.9375em){:host{width:18rem}}.t-outline{height:100%;width:100%}.t-common-wrapper{position:relative;height:100%;width:100%;overflow:hidden}.t-wrapper{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;width:100%;height:100%}.t-wrapper_cvc{margin-left:7.1875rem;transform:translate3d(100%,0,0)}.t-wrapper_expire{transform:translate3d(100%,0,0)}.t-wrapper_active{transform:translate3d(6.5625rem,0,0)}@media screen and (max-width:47.9375em){.t-wrapper_cvc{margin-left:4.0625rem}.t-wrapper_active{transform:translate3d(4.125rem,0,0)}}.t-card{width:2rem;height:2rem;margin-right:.625rem}.t-collapsed{font:var(--tui-font-text-s);color:var(--tui-text-01);border-radius:inherit;background:0 0;font-size:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 0 0 1rem;border:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;line-height:2.25rem;pointer-events:none}.t-collapsed:-webkit-autofill,.t-collapsed:-webkit-autofill:focus,.t-collapsed:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .t-collapsed:-webkit-autofill,:host[data-mode=onDark] .t-collapsed:-webkit-autofill:focus,:host[data-mode=onDark] .t-collapsed:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .t-collapsed{border-width:0 5rem 0 .75rem}:host[data-tui-host-size='l'] .t-collapsed{border-width:0 1rem}:host._disabled .t-collapsed{pointer-events:none}:host._right-aligned .t-collapsed{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .t-collapsed{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .t-collapsed:-webkit-autofill+.content .placeholder{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m']:not(._label-outside) .t-collapsed{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .t-collapsed:-webkit-autofill+.content .placeholder{width:118%;transform:translateY(-.5rem) scale(.85)}.t-collapsed:before{content:attr(data-before)}:-webkit-autofill~.t-collapsed{background:var(--tui-autofill)}.t-collapsed_inactive,:-webkit-autofill~.t-collapsed_inactive,:host._disabled .t-collapsed_inactive{color:transparent;background:0 0;-webkit-transition:color 0s var(--tui-duration),background 0s var(--tui-duration);transition:color 0s var(--tui-duration),background 0s var(--tui-duration)}.t-collapsed_inactive:before,:-webkit-autofill~.t-collapsed_inactive:before,:host._disabled .t-collapsed_inactive:before{color:transparent}.t-collapsed-wrapper{position:absolute;left:1.375rem;overflow:hidden}.t-value{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:block;text-indent:-.375rem}.t-value_collapsed{transform:translate3d(-6.5625rem,0,0)}.t-value_small.t-value_collapsed{transform:translate3d(-4.3rem,0,0)}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1rem;border:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .t-input{border-width:0 5rem 0 .75rem}:host[data-tui-host-size='l'] .t-input{border-width:0 1rem}:host._disabled .t-input{pointer-events:none}:host._right-aligned .t-input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{width:118%;transform:translateY(-.5rem) scale(.85)}.t-input_card{transition:color 0s var(--tui-duration)}:host._disabled .t-input_card{transition:color}.t-input_inert{pointer-events:none}.t-input_hidden,:host._disabled .t-input_hidden{color:transparent;transition:color}.t-input_hidden:-webkit-autofill,.t-input_hidden:-webkit-autofill:focus,.t-input_hidden:-webkit-autofill:hover,:host._disabled .t-input_hidden:-webkit-autofill,:host._disabled .t-input_hidden:-webkit-autofill:focus,:host._disabled .t-input_hidden:-webkit-autofill:hover{color:transparent!important;-webkit-text-fill-color:transparent!important}.t-icons{position:absolute;display:flex;align-items:center;height:100%;right:.75rem}.t-icon-outlet{display:inherit}.t-icon{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.t-icon:hover{color:var(--tui-text-02)}:host._disabled .t-icon,:host._readonly .t-icon{pointer-events:none}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-icon:hover{color:var(--tui-text-01-night)}.t-icon_rotated{transform:rotate(180deg)}.t-placeholder{transition-property:transform,min-width,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;height:1.25rem;font-size:.8125rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:var(--tui-text-02);transform-origin:left;letter-spacing:normal;text-transform:none;margin:1.125rem 1rem;line-height:1.25rem}.t-placeholder_raised{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m'] .t-placeholder_raised{width:118%;transform:translateY(-.5rem) scale(.85);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-tui-host-size='l']._focused._label-outside .t-placeholder,:host[data-tui-host-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .t-placeholder{font-size:.9375rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}.t-example-text{display:flex;align-items:center;height:1.25rem;margin:1.125rem 1rem;padding:.625rem 0;box-sizing:content-box;color:var(--tui-text-03);letter-spacing:normal;text-transform:none;position:absolute}:host._right-aligned .t-example-text{flex-direction:row-reverse;margin-right:-.25rem}:host[data-tui-host-size='m']._label-outside .t-example-text{margin-top:-1.1875rem}:host[data-mode=onDark] .t-example-text{color:var(--tui-text-03-night)}"]
+        styles: [":host{display:block;height:var(--tui-height-l);width:29.5rem;border-radius:var(--tui-radius-m)}:host[data-mode=onDark]{--tui-autofill:var(--tui-autofill-night)}@media screen and (max-width:47.9375em){:host{width:18rem}}.t-outline{height:100%;width:100%}.t-common-wrapper{position:relative;z-index:2;height:100%;width:100%;overflow:hidden}.t-common-wrapper .t-icons,.t-common-wrapper .t-wrapper{z-index:1}.t-wrapper{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;width:100%;height:100%}.t-wrapper_cvc{margin-left:7.1875rem;transform:translate3d(100%,0,0)}.t-wrapper_expire{transform:translate3d(100%,0,0)}.t-wrapper_active{transform:translate3d(6.5625rem,0,0)}@media screen and (max-width:47.9375em){.t-wrapper_cvc{margin-left:4.0625rem}.t-wrapper_active{transform:translate3d(4.125rem,0,0)}}.t-card{width:2rem;height:2rem;margin-right:.625rem}.t-collapsed{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0 0 0 1rem;border-radius:inherit;background:0 0;font-size:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:0;text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;line-height:2.25rem;pointer-events:none}.t-collapsed:-webkit-autofill,.t-collapsed:-webkit-autofill:focus,.t-collapsed:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .t-collapsed:-webkit-autofill,:host[data-mode=onDark] .t-collapsed:-webkit-autofill:focus,:host[data-mode=onDark] .t-collapsed:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .t-collapsed{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .t-collapsed{padding:0 var(--tui-padding-l)}:host._disabled .t-collapsed{pointer-events:none}:host._right-aligned .t-collapsed{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .t-collapsed{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .t-collapsed:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .t-collapsed{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .t-collapsed:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-collapsed:before{content:attr(data-before)}:-webkit-autofill~.t-collapsed{background:var(--tui-autofill)}.t-collapsed_inactive,:-webkit-autofill~.t-collapsed_inactive,:host._disabled .t-collapsed_inactive{color:transparent;background:0 0;-webkit-transition:color 0s var(--tui-duration),background 0s var(--tui-duration);transition:color 0s var(--tui-duration),background 0s var(--tui-duration)}.t-collapsed_inactive:before,:-webkit-autofill~.t-collapsed_inactive:before,:host._disabled .t-collapsed_inactive:before{color:transparent;-webkit-transition:color 0s var(--tui-duration);transition:color 0s var(--tui-duration)}.t-collapsed-wrapper{position:absolute;left:1.375rem;top:0;display:block;width:100%;height:100%;overflow:hidden}.t-value{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;bottom:0;right:100%;display:block;text-indent:-.375rem;transform:translate3d(100%,0,0)}.t-value_collapsed{transform:translate3d(4ch,0,0)}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0 1rem;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:0;text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .t-input{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .t-input{padding:0 var(--tui-padding-l)}:host._disabled .t-input{pointer-events:none}:host._right-aligned .t-input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input:not(.t-input_prefilled)::-moz-placeholder{color:var(--tui-text-03);visibility:hidden}.t-input:not(.t-input_prefilled):-ms-input-placeholder{color:var(--tui-text-03);visibility:hidden}.t-input:not(.t-input_prefilled)::placeholder{color:var(--tui-text-03);visibility:hidden}:host[data-mode=onDark] .t-input::-moz-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input:-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-moz-placeholder{visibility:visible}:host._focused .t-input:not(:read-only):-ms-input-placeholder{visibility:visible}:host._focused .t-input:not(:-moz-read-only)::placeholder{visibility:visible}:host._focused .t-input:not(:read-only)::placeholder{visibility:visible}.t-input_card{transition:color 0s var(--tui-duration)}.t-input_card::-webkit-textfield-decoration-container{display:none}:host._disabled .t-input_card{transition:color}.t-input_inert{pointer-events:none}.t-input_hidden,:host._disabled .t-input_hidden{color:transparent;transition:color}.t-input_hidden:-webkit-autofill,.t-input_hidden:-webkit-autofill:focus,.t-input_hidden:-webkit-autofill:hover,:host._disabled .t-input_hidden:-webkit-autofill,:host._disabled .t-input_hidden:-webkit-autofill:focus,:host._disabled .t-input_hidden:-webkit-autofill:hover{color:transparent!important;-webkit-text-fill-color:transparent!important}.t-icons{position:absolute;right:.75rem;display:flex;align-items:center;height:100%}.t-icon-outlet{display:inherit}.t-icon{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.t-icon:hover{color:var(--tui-text-02)}:host._disabled .t-icon,:host._readonly .t-icon{pointer-events:none}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-icon:hover{color:var(--tui-text-01-night)}.t-icon_rotated{transform:rotate(180deg)}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;margin:1.125rem 1rem;line-height:1.25rem}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .t-placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-tui-host-size='l']._focused._label-outside .t-placeholder,:host[data-tui-host-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .t-placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-addon-commerce-components-input-card-grouped.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-input-card-grouped.js","sources":["ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/taiga-ui-addon-commerce-components-input-card-grouped.ts"],"sourcesContent":["import {inject, InjectionToken} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {\n    TUI_CARD_CVC_TEXTS,\n    TUI_CARD_EXPIRY_TEXTS,\n    TUI_CARD_NUMBER_TEXTS,\n} from '@taiga-ui/addon-commerce/tokens';\nimport {typedFromEvent} from '@taiga-ui/cdk';\nimport {TuiMedia} from '@taiga-ui/core/interfaces';\nimport {TUI_MEDIA} from '@taiga-ui/core/tokens';\nimport {combineLatest, Observable, of} from 'rxjs';\nimport {map, startWith, switchMap} from 'rxjs/operators';\n\nexport interface TuiCardGroupedTexts {\n    readonly cardNumberText: string;\n    readonly expiryText: string;\n    readonly cvcText: string;\n}\n\nexport const TUI_INPUT_CARD_GROUPED_TEXTS = new InjectionToken<\n    Observable<TuiCardGroupedTexts>\n>('InputCardGrouped texts', {\n    factory: () =>\n        inputGroupedTextsFactory(\n            inject(WINDOW),\n            inject(TUI_CARD_NUMBER_TEXTS),\n            inject(TUI_CARD_EXPIRY_TEXTS),\n            inject(TUI_CARD_CVC_TEXTS),\n            inject(TUI_MEDIA),\n        ),\n});\n\nexport function inputGroupedTextsFactory(\n    windowRef: Window,\n    cardNumberTexts: Observable<[string, string]>,\n    expiryTexts: Observable<[string, string]>,\n    cvcTexts: Observable<[string, string]>,\n    {desktopSmall}: TuiMedia,\n): Observable<TuiCardGroupedTexts> {\n    const media = windowRef.matchMedia(\n        `screen and (min-width: ${(desktopSmall - 1) / 16}em)`,\n    );\n\n    return typedFromEvent(media, 'change').pipe(\n        startWith(null),\n        switchMap(() =>\n            combineLatest([\n                of(Number(media.matches)),\n                cardNumberTexts,\n                expiryTexts,\n                cvcTexts,\n            ]),\n        ),\n        map(([index, cardNumber, expiry, cvcTexts]) => ({\n            cardNumberText: cardNumber[index],\n            expiryText: expiry[index],\n            cvcText: cvcTexts[index],\n        })),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_CARD_MASK, tuiDefaultCardValidator} from '@taiga-ui/addon-commerce/constants';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {TuiCard} from '@taiga-ui/addon-commerce/interfaces';\nimport {TuiCodeCVCLength} from '@taiga-ui/addon-commerce/types';\nimport {\n    getPaymentSystem,\n    tuiCreateAutoCorrectedExpirePipe,\n} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiNullableControl,\n    fallbackValue,\n    isNativeFocused,\n    isNativeFocusedIn,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_DIGIT_REGEXP,\n    TUI_MODE,\n    TUI_NON_DIGIT_REGEXP,\n    TuiBrightness,\n    TuiDataListComponent,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {\n    TUI_INPUT_CARD_GROUPED_TEXTS,\n    TuiCardGroupedTexts,\n} from './input-card-grouped.providers';\n\nconst STUB: TuiCard = {\n    card: '',\n    expire: '',\n    cvc: '',\n};\nconst ICONS = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMir',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisa',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectron',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\n// @dynamic\n@Component({\n    selector: 'tui-input-card-grouped',\n    templateUrl: './input-card-grouped.template.html',\n    styleUrls: ['./input-card-grouped.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        MODE_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCardGroupedComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputCardGroupedComponent),\n        },\n    ],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        'data-tui-host-size': 'l',\n    },\n})\nexport class TuiInputCardGroupedComponent\n    extends AbstractTuiNullableControl<TuiCard>\n    implements TuiFocusableElementAccessor, TuiDataListHost<Partial<TuiCard>>\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    cardSrc: PolymorpheusContent | null = null; // TODO(splincode): will be deleted `null` in v3.0\n\n    @Input()\n    @tuiDefaultProp()\n    exampleText = '0000 0000 0000 0000';\n\n    @Input()\n    @tuiDefaultProp()\n    cardValidator: TuiBooleanHandler<string> = tuiDefaultCardValidator;\n\n    @Input()\n    @tuiRequiredSetter()\n    set codeLength(length: TuiCodeCVCLength) {\n        this.exampleTextCVC = '0'.repeat(length);\n        this.maskCVC = {\n            mask: new Array(length).fill(TUI_DIGIT_REGEXP),\n            guide: false,\n        };\n    }\n\n    @Output()\n    readonly autofilledChange = new EventEmitter<boolean>();\n\n    @Output()\n    readonly binChange = new EventEmitter<string | null>();\n\n    exampleTextCVC = '000';\n\n    maskCVC: TuiTextMaskOptions = {\n        mask: new Array(3).fill(TUI_DIGIT_REGEXP),\n        guide: false,\n    };\n\n    readonly maskCard: TuiTextMaskOptions = {\n        mask: TUI_CARD_MASK,\n        guide: false,\n        pipe: conformedValue => conformedValue.trim(),\n    };\n\n    readonly maskExpire: TuiTextMaskOptions = {\n        mask: [\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n            '/',\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n        ],\n        pipe: tuiCreateAutoCorrectedExpirePipe(),\n        guide: false,\n    };\n\n    open = false;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly dropdown: PolymorpheusContent = '';\n\n    @ContentChild(TuiDataListComponent)\n    readonly datalist?: TuiDataListComponent<TuiCard>;\n\n    @ViewChild('inputCard')\n    private readonly inputCard?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('inputExpire')\n    private readonly inputExpire?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('inputCVC')\n    private readonly inputCVC?: ElementRef<HTMLInputElement>;\n\n    private expireInert = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_INPUT_CARD_GROUPED_TEXTS)\n        readonly cardGroupedTexts$: Observable<TuiCardGroupedTexts>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.inputCard ? this.inputCard.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return this.open || isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get card(): string {\n        return this.value?.card ?? '';\n    }\n\n    get expire(): string {\n        return this.value?.expire ?? '';\n    }\n\n    get cvc(): string {\n        return this.value?.cvc ?? '';\n    }\n\n    get hasCardExampleText(): boolean {\n        return !this.readOnly && this.focused && !this.card;\n    }\n\n    get hasExpireExampleText(): boolean {\n        return !this.readOnly && this.focused && !this.expire;\n    }\n\n    get hasCVCExampleText(): boolean {\n        return !this.readOnly && this.focused && !this.cvc;\n    }\n\n    get hasCleaner(): boolean {\n        return !!this.value && !this.readOnly && !this.computedDisabled;\n    }\n\n    get hasDropdown(): boolean {\n        return !!this.dropdown;\n    }\n\n    get isCardSmall(): boolean {\n        return this.card.length < 16;\n    }\n\n    get defaultIcon(): string | null {\n        const {paymentSystem} = this;\n\n        return paymentSystem && ICONS[paymentSystem];\n    }\n\n    get icon(): PolymorpheusContent | null {\n        return fallbackValue(this.cardSrc, this.defaultIcon);\n    }\n\n    get bin(): string | null {\n        return !this.value || this.value.card.length < 6\n            ? null\n            : this.value.card.substr(0, 6);\n    }\n\n    get placeholderRaised(): boolean {\n        return (this.computedFocused && !this.readOnly) || !!this.value;\n    }\n\n    get formattedCard(): string {\n        return this.value && !this.cardPrefilled\n            ? this.value.card\n                  .split('')\n                  .map((char, index) => (index && index % 4 === 0 ? ` ${char}` : char))\n                  .join('')\n            : '';\n    }\n\n    get idCard(): string {\n        return this.id + '_card';\n    }\n\n    get idExpire(): string {\n        return this.id + '_expire';\n    }\n\n    get idCVC(): string {\n        return this.id + '_cvc';\n    }\n\n    get isCardCollapsed(): boolean {\n        return this.isFocusable(this.card) && !this.cardFocused;\n    }\n\n    get autocompleteCard(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcNumber\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get autocompleteExpire(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcExp\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get autocompleteCVC(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcCsc\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    // Safari expiration date autofill workaround\n    get name(): 'ccexpiryyear' | null {\n        return this.autocompleteEnabled ? 'ccexpiryyear' : null;\n    }\n\n    get cardPrefilled(): boolean {\n        return !!this.card.match(TUI_NON_DIGIT_REGEXP);\n    }\n\n    get cvcPrefilled(): boolean {\n        return !!this.cvc.match(TUI_NON_DIGIT_REGEXP);\n    }\n\n    get cardFocusable(): boolean {\n        return this.focusable && !this.cardPrefilled;\n    }\n\n    get expireFocusable(): boolean {\n        return this.isFocusable(this.card) && !this.expireInert;\n    }\n\n    get cvcFocusable(): boolean {\n        return this.isFocusable(this.card);\n    }\n\n    get masked(): string {\n        return this.cardPrefilled ? `*${this.card.slice(-4)}` : '*';\n    }\n\n    handleOption(option: Partial<TuiCard>) {\n        const {card = '', expire = '', cvc = ''} = option;\n        const {bin} = this;\n        const element =\n            (!expire && this.inputExpire?.nativeElement) || this.inputCVC?.nativeElement;\n\n        this.updateValue({card, expire, cvc});\n        this.updateBin(bin);\n        this.open = false;\n        this.expireInert = !!expire;\n\n        if (element) {\n            setNativeFocused(element);\n        }\n    }\n\n    onCardChange(card: string) {\n        const {value, bin} = this;\n        const parsed = card.split(' ').join('');\n\n        if (value && value.card === parsed) {\n            return;\n        }\n\n        this.updateProperty(parsed, 'card');\n        this.updateBin(bin);\n\n        if (this.cardValidator(this.card) && !this.expire && this.inputExpire) {\n            setNativeFocused(this.inputExpire.nativeElement, true, true);\n        }\n    }\n\n    onExpireChange(expire: string) {\n        // @bad TODO: Workaround until mask pipe can replace chars and keep caret position\n        // @bad TODO: Think about a solution without mask at all\n        if (!this.inputExpire) {\n            return;\n        }\n\n        if (parseInt(expire.substr(0, 2), 10) > 12) {\n            expire = '12' + expire.substr(2);\n        }\n\n        if (expire.substr(0, 2) === '00') {\n            expire = '01' + expire.substr(2);\n        }\n\n        this.inputExpire.nativeElement.value = expire;\n        this.updateProperty(expire, 'expire');\n\n        if (expire.length === 5 && this.inputCVC) {\n            setNativeFocused(this.inputCVC.nativeElement);\n        }\n    }\n\n    onCVCChange(cvc: string) {\n        this.updateProperty(cvc, 'cvc');\n    }\n\n    onActiveZoneChange(active: boolean) {\n        this.updateFocused(active);\n        this.open = active && this.open;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMouseDown(event: MouseEvent) {\n        if ((event.target as HTMLElement).matches('input')) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onScroll(element: HTMLElement) {\n        element.scrollLeft = 0;\n    }\n\n    @HostListener('keydown.esc')\n    onEsc() {\n        this.open = false;\n    }\n\n    @HostListener('keydown.arrowDown.prevent', ['$event.target', '1'])\n    @HostListener('keydown.arrowUp.prevent', ['$event.target', '-1'])\n    onArrow(element: HTMLElement, step: number) {\n        this.open = this.hasDropdown;\n        this.changeDetectorRef.detectChanges();\n        this.datalist?.onKeyDownArrow(element, step);\n    }\n\n    clear() {\n        this.updateValue(null);\n\n        if (this.inputCard) {\n            setNativeFocused(this.inputCard.nativeElement);\n        }\n    }\n\n    toggle() {\n        this.open = !this.open;\n    }\n\n    writeValue(value: TuiCard | null) {\n        const {bin} = this;\n\n        super.writeValue(value);\n        this.updateBin(bin);\n        this.expireInert = !!this.expire && this.cardPrefilled;\n    }\n\n    private get cardFocused(): boolean {\n        return !!this.inputCard && isNativeFocused(this.inputCard.nativeElement);\n    }\n\n    private get paymentSystem(): TuiPaymentSystem | null {\n        return this.value && getPaymentSystem(this.value.card);\n    }\n\n    @tuiPure\n    private isFocusable(card: string): boolean {\n        return this.focusable && (this.cardValidator(card) || this.cardPrefilled);\n    }\n\n    private updateBin(oldBin: string | null) {\n        const {bin} = this;\n\n        if (bin !== oldBin && !this.cardPrefilled) {\n            this.binChange.emit(bin);\n        }\n    }\n\n    private updateProperty(propValue: string, propName: 'card' | 'expire' | 'cvc') {\n        const {card, expire, cvc} = this.value || STUB;\n        const newValue: TuiCard = {\n            card,\n            expire,\n            cvc,\n        };\n\n        newValue[propName] = propValue;\n\n        if (!newValue.expire && !newValue.cvc && !newValue.card) {\n            this.updateValue(null);\n        } else {\n            this.updateValue(newValue);\n        }\n    }\n\n    private focusInput() {\n        const element =\n            (this.cardFocusable && this.inputCard?.nativeElement) ||\n            (this.expireFocusable && this.inputExpire?.nativeElement) ||\n            this.inputCVC?.nativeElement;\n\n        if (element) {\n            setNativeFocused(element);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {TuiDropdownModule, TuiSvgModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\nimport {TuiInputCardGroupedComponent} from './input-card-grouped.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TextMaskModule,\n        TuiFocusableModule,\n        TuiSvgModule,\n        TuiWrapperModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiInputModeModule,\n        TuiMapperPipeModule,\n        TuiDropdownModule,\n        TuiPreventDefaultModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCardGroupedComponent],\n    exports: [TuiInputCardGroupedComponent],\n})\nexport class TuiInputCardGroupedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-commerce-components-input-card-grouped.js","sources":["ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts","ng://@taiga-ui/addon-commerce/components/input-card-grouped/taiga-ui-addon-commerce-components-input-card-grouped.ts"],"sourcesContent":["import {inject, InjectionToken} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {\n    TUI_CARD_CVC_TEXTS,\n    TUI_CARD_EXPIRY_TEXTS,\n    TUI_CARD_NUMBER_TEXTS,\n} from '@taiga-ui/addon-commerce/tokens';\nimport {typedFromEvent} from '@taiga-ui/cdk';\nimport {TuiMedia} from '@taiga-ui/core/interfaces';\nimport {TUI_MEDIA} from '@taiga-ui/core/tokens';\nimport {combineLatest, Observable, of} from 'rxjs';\nimport {map, startWith, switchMap} from 'rxjs/operators';\n\nexport interface TuiCardGroupedTexts {\n    readonly cardNumberText: string;\n    readonly expiryText: string;\n    readonly cvcText: string;\n}\n\nexport const TUI_INPUT_CARD_GROUPED_TEXTS = new InjectionToken<\n    Observable<TuiCardGroupedTexts>\n>('InputCardGrouped texts', {\n    factory: () =>\n        inputGroupedTextsFactory(\n            inject(WINDOW),\n            inject(TUI_CARD_NUMBER_TEXTS),\n            inject(TUI_CARD_EXPIRY_TEXTS),\n            inject(TUI_CARD_CVC_TEXTS),\n            inject(TUI_MEDIA),\n        ),\n});\n\nexport function inputGroupedTextsFactory(\n    windowRef: Window,\n    cardNumberTexts: Observable<[string, string]>,\n    expiryTexts: Observable<[string, string]>,\n    cvcTexts: Observable<[string, string]>,\n    {desktopSmall}: TuiMedia,\n): Observable<TuiCardGroupedTexts> {\n    const media = windowRef.matchMedia(\n        `screen and (min-width: ${(desktopSmall - 1) / 16}em)`,\n    );\n\n    return typedFromEvent(media, 'change').pipe(\n        startWith(null),\n        switchMap(() =>\n            combineLatest([\n                of(Number(media.matches)),\n                cardNumberTexts,\n                expiryTexts,\n                cvcTexts,\n            ]),\n        ),\n        map(([index, cardNumber, expiry, cvcTexts]) => ({\n            cardNumberText: cardNumber[index],\n            expiryText: expiry[index],\n            cvcText: cvcTexts[index],\n        })),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_CARD_MASK, tuiDefaultCardValidator} from '@taiga-ui/addon-commerce/constants';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {TuiCard} from '@taiga-ui/addon-commerce/interfaces';\nimport {TuiCodeCVCLength} from '@taiga-ui/addon-commerce/types';\nimport {\n    getPaymentSystem,\n    tuiCreateAutoCorrectedExpirePipe,\n} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isNativeFocusedIn,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_DIGIT_REGEXP,\n    TUI_MODE,\n    TUI_NON_DIGIT_REGEXP,\n    TuiBrightness,\n    TuiDataListComponent,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {\n    TUI_INPUT_CARD_GROUPED_TEXTS,\n    TuiCardGroupedTexts,\n} from './input-card-grouped.providers';\n\nconst STUB: TuiCard = {\n    card: '',\n    expire: '',\n    cvc: '',\n};\nconst ICONS = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMir',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisa',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectron',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\n// @dynamic\n@Component({\n    selector: 'tui-input-card-grouped',\n    templateUrl: './input-card-grouped.template.html',\n    styleUrls: ['./input-card-grouped.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        MODE_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCardGroupedComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputCardGroupedComponent),\n        },\n    ],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        'data-tui-host-size': 'l',\n    },\n})\nexport class TuiInputCardGroupedComponent\n    extends AbstractTuiNullableControl<TuiCard>\n    implements TuiFocusableElementAccessor, TuiDataListHost<Partial<TuiCard>>\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    cardSrc: PolymorpheusContent | null = null; // TODO(splincode): will be deleted `null` in v3.0\n\n    @Input()\n    @tuiDefaultProp()\n    exampleText = '0000 0000 0000 0000';\n\n    @Input()\n    @tuiDefaultProp()\n    cardValidator: TuiBooleanHandler<string> = tuiDefaultCardValidator;\n\n    @Input()\n    @tuiRequiredSetter()\n    set codeLength(length: TuiCodeCVCLength) {\n        this.exampleTextCVC = '0'.repeat(length);\n        this.maskCVC = {\n            mask: new Array(length).fill(TUI_DIGIT_REGEXP),\n            guide: false,\n        };\n    }\n\n    @Output()\n    readonly autofilledChange = new EventEmitter<boolean>();\n\n    @Output()\n    readonly binChange = new EventEmitter<string | null>();\n\n    exampleTextCVC = '000';\n\n    maskCVC: TuiTextMaskOptions = {\n        mask: new Array(3).fill(TUI_DIGIT_REGEXP),\n        guide: false,\n    };\n\n    readonly maskCard: TuiTextMaskOptions = {\n        mask: TUI_CARD_MASK,\n        guide: false,\n        pipe: conformedValue => conformedValue.trim(),\n    };\n\n    readonly maskExpire: TuiTextMaskOptions = {\n        mask: [\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n            '/',\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n        ],\n        pipe: tuiCreateAutoCorrectedExpirePipe(),\n        guide: false,\n    };\n\n    open = false;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly dropdown: PolymorpheusContent = '';\n\n    @ContentChild(TuiDataListComponent)\n    readonly datalist?: TuiDataListComponent<TuiCard>;\n\n    @ViewChild('inputCard')\n    private readonly inputCard?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('inputExpire')\n    private readonly inputExpire?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('inputCVC')\n    private readonly inputCVC?: ElementRef<HTMLInputElement>;\n\n    private expireInert = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_INPUT_CARD_GROUPED_TEXTS)\n        readonly cardGroupedTexts$: Observable<TuiCardGroupedTexts>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.inputCard ? this.inputCard.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return this.open || isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get card(): string {\n        return this.value?.card ?? '';\n    }\n\n    get expire(): string {\n        return this.value?.expire ?? '';\n    }\n\n    get cvc(): string {\n        return this.value?.cvc ?? '';\n    }\n\n    get hasCleaner(): boolean {\n        return !!this.value && !this.readOnly && !this.computedDisabled;\n    }\n\n    get hasDropdown(): boolean {\n        return !!this.dropdown;\n    }\n\n    get defaultIcon(): string | null {\n        const {paymentSystem} = this;\n\n        return paymentSystem && ICONS[paymentSystem];\n    }\n\n    get icon(): PolymorpheusContent | null {\n        return this.cardSrc ?? this.defaultIcon;\n    }\n\n    get bin(): string | null {\n        return !this.value || this.value.card.length < 6\n            ? null\n            : this.value.card.substr(0, 6);\n    }\n\n    get placeholderRaised(): boolean {\n        return (this.computedFocused && !this.readOnly) || !!this.value;\n    }\n\n    get formattedCard(): string {\n        return this.value && !this.cardPrefilled\n            ? this.value.card\n                  .split('')\n                  .map((char, index) => (index && index % 4 === 0 ? ` ${char}` : char))\n                  .join('')\n            : '';\n    }\n\n    get idCard(): string {\n        return this.id + '_card';\n    }\n\n    get idExpire(): string {\n        return this.id + '_expire';\n    }\n\n    get idCVC(): string {\n        return this.id + '_cvc';\n    }\n\n    get isCardCollapsed(): boolean {\n        return this.isFocusable(this.card) && !this.cardFocused;\n    }\n\n    get autocompleteCard(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcNumber\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get autocompleteExpire(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcExp\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get autocompleteCVC(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcCsc\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    // Safari expiration date autofill workaround\n    get name(): 'ccexpiryyear' | null {\n        return this.autocompleteEnabled ? 'ccexpiryyear' : null;\n    }\n\n    get cardPrefilled(): boolean {\n        return !!this.card.match(TUI_NON_DIGIT_REGEXP);\n    }\n\n    get cvcPrefilled(): boolean {\n        return !!this.cvc.match(TUI_NON_DIGIT_REGEXP);\n    }\n\n    get cardFocusable(): boolean {\n        return this.focusable && !this.cardPrefilled;\n    }\n\n    get expireFocusable(): boolean {\n        return this.isFocusable(this.card) && !this.expireInert;\n    }\n\n    get cvcFocusable(): boolean {\n        return this.isFocusable(this.card);\n    }\n\n    get masked(): string {\n        return this.cardPrefilled ? `*${this.card.slice(-4)}` : '*';\n    }\n\n    handleOption(option: Partial<TuiCard>) {\n        const {card = '', expire = '', cvc = ''} = option;\n        const {bin} = this;\n        const element =\n            (!expire && this.inputExpire?.nativeElement) || this.inputCVC?.nativeElement;\n\n        this.updateValue({card, expire, cvc});\n        this.updateBin(bin);\n        this.open = false;\n        this.expireInert = !!expire;\n\n        if (element) {\n            setNativeFocused(element);\n        }\n    }\n\n    onCardChange(card: string) {\n        const {value, bin} = this;\n        const parsed = card.split(' ').join('');\n\n        if (value && value.card === parsed) {\n            return;\n        }\n\n        this.updateProperty(parsed, 'card');\n        this.updateBin(bin);\n\n        if (this.cardValidator(this.card) && !this.expire && this.inputExpire) {\n            setNativeFocused(this.inputExpire.nativeElement, true, true);\n        }\n    }\n\n    onExpireChange(expire: string) {\n        // @bad TODO: Workaround until mask pipe can replace chars and keep caret position\n        // @bad TODO: Think about a solution without mask at all\n        if (!this.inputExpire) {\n            return;\n        }\n\n        if (parseInt(expire.substr(0, 2), 10) > 12) {\n            expire = '12' + expire.substr(2);\n        }\n\n        if (expire.substr(0, 2) === '00') {\n            expire = '01' + expire.substr(2);\n        }\n\n        this.inputExpire.nativeElement.value = expire;\n        this.updateProperty(expire, 'expire');\n\n        if (expire.length === 5 && this.inputCVC) {\n            setNativeFocused(this.inputCVC.nativeElement);\n        }\n    }\n\n    onCVCChange(cvc: string) {\n        this.updateProperty(cvc, 'cvc');\n    }\n\n    onActiveZoneChange(active: boolean) {\n        this.updateFocused(active);\n        this.open = active && this.open;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMouseDown(event: MouseEvent) {\n        if ((event.target as HTMLElement).matches('input')) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onScroll(element: HTMLElement) {\n        element.scrollLeft = 0;\n    }\n\n    @HostListener('keydown.esc')\n    onEsc() {\n        this.open = false;\n    }\n\n    @HostListener('keydown.arrowDown.prevent', ['$event.target', '1'])\n    @HostListener('keydown.arrowUp.prevent', ['$event.target', '-1'])\n    onArrow(element: HTMLElement, step: number) {\n        this.open = this.hasDropdown;\n        this.changeDetectorRef.detectChanges();\n        this.datalist?.onKeyDownArrow(element, step);\n    }\n\n    clear() {\n        this.updateValue(null);\n\n        if (this.inputCard) {\n            setNativeFocused(this.inputCard.nativeElement);\n        }\n    }\n\n    toggle() {\n        this.open = !this.open;\n    }\n\n    writeValue(value: TuiCard | null) {\n        const {bin} = this;\n\n        super.writeValue(value);\n        this.updateBin(bin);\n        this.expireInert = !!this.expire && this.cardPrefilled;\n    }\n\n    private get cardFocused(): boolean {\n        return !!this.inputCard && isNativeFocused(this.inputCard.nativeElement);\n    }\n\n    private get paymentSystem(): TuiPaymentSystem | null {\n        return this.value && getPaymentSystem(this.value.card);\n    }\n\n    @tuiPure\n    private isFocusable(card: string): boolean {\n        return this.focusable && (this.cardValidator(card) || this.cardPrefilled);\n    }\n\n    private updateBin(oldBin: string | null) {\n        const {bin} = this;\n\n        if (bin !== oldBin && !this.cardPrefilled) {\n            this.binChange.emit(bin);\n        }\n    }\n\n    private updateProperty(propValue: string, propName: 'card' | 'expire' | 'cvc') {\n        const {card, expire, cvc} = this.value || STUB;\n        const newValue: TuiCard = {\n            card,\n            expire,\n            cvc,\n        };\n\n        newValue[propName] = propValue;\n\n        if (!newValue.expire && !newValue.cvc && !newValue.card) {\n            this.updateValue(null);\n        } else {\n            this.updateValue(newValue);\n        }\n    }\n\n    private focusInput() {\n        const element =\n            (this.cardFocusable && this.inputCard?.nativeElement) ||\n            (this.expireFocusable && this.inputExpire?.nativeElement) ||\n            this.inputCVC?.nativeElement;\n\n        if (element) {\n            setNativeFocused(element);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {TuiDropdownModule, TuiSvgModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCardGroupedComponent} from './input-card-grouped.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TextMaskModule,\n        TuiFocusableModule,\n        TuiSvgModule,\n        TuiWrapperModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiInputModeModule,\n        TuiMapperPipeModule,\n        TuiDropdownModule,\n        TuiPreventDefaultModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCardGroupedComponent],\n    exports: [TuiInputCardGroupedComponent],\n})\nexport class TuiInputCardGroupedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-commerce-components-input-card.js

@@ -112,7 +112,7 @@ __decorate([
 TuiInputCardComponent = TuiInputCardComponent_1 = __decorate([
     Component({
         selector: 'tui-input-card',
-        template: "<tui-primitive-textfield\n    class=\"t-input\"\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    [tuiTextfieldAutocomplete]=\"autocomplete\"\n    [tuiTextfieldCustomContent]=\"icon\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [invalid]=\"computedInvalid\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [textMask]=\"textMaskOptions\"\n    [value]=\"formattedCard\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
+        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"t-input\"\n    [tuiTextfieldAutocomplete]=\"autocomplete\"\n    [tuiTextfieldCustomContent]=\"icon\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [invalid]=\"computedInvalid\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [textMask]=\"textMaskOptions\"\n    [value]=\"formattedCard\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -125,7 +125,7 @@ TuiInputCardComponent = TuiInputCardComponent_1 = __decorate([
                 useFactory: cardTextfieldControllerFactory,
             },
         ],
-        styles: [":host{display:block;border-radius:var(--tui-radius-m)}.t-input{border-radius:inherit}"]
+        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.t-input{border-radius:inherit;text-align:inherit}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-addon-commerce-components-input-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-input-card.js","sources":["ng://@taiga-ui/addon-commerce/components/input-card/input-card.component.ts","ng://@taiga-ui/addon-commerce/components/input-card/input-card.module.ts","ng://@taiga-ui/addon-commerce/components/input-card/taiga-ui-addon-commerce-components-input-card.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_CARD_MASK} from '@taiga-ui/addon-commerce/constants';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {getPaymentSystem} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\nconst icons = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMir',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisa',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectron',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\nexport function cardTextfieldControllerFactory(\n    directive: TuiTextfieldExampleTextDirective | null,\n): TuiTextfieldExampleTextDirective {\n    directive = directive || new TuiTextfieldExampleTextDirective();\n    directive.exampleText = '0000 0000 0000 0000';\n\n    return directive;\n}\n\n// @dynamic\n@Component({\n    selector: 'tui-input-card',\n    templateUrl: './input-card.template.html',\n    styleUrls: ['./input-card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCardComponent),\n        },\n        {\n            provide: TUI_TEXTFIELD_EXAMPLE_TEXT,\n            deps: [[new Optional(), TuiTextfieldExampleTextDirective]],\n            useFactory: cardTextfieldControllerFactory,\n        },\n    ],\n})\nexport class TuiInputCardComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    cardSrc: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Output()\n    readonly binChange = new EventEmitter<string | null>();\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: TUI_CARD_MASK,\n        guide: false,\n        pipe: conformedValue => conformedValue.trim(),\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get icon(): string | null {\n        if (this.cardSrc !== null) {\n            return this.cardSrc;\n        }\n\n        const {paymentSystem} = this;\n\n        return paymentSystem ? icons[paymentSystem] : null;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcNumber\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get paymentSystem(): TuiPaymentSystem | null {\n        return getPaymentSystem(this.value);\n    }\n\n    get bin(): string | null {\n        return this.value.length < 6 ? null : this.value.substr(0, 6);\n    }\n\n    get formattedCard(): string {\n        return this.value\n            .split('')\n            .map((char, index) => (index && index % 4 === 0 ? ` ${char}` : char))\n            .join('');\n    }\n\n    onValueChange(value: string) {\n        const parsed = value.split(' ').join('');\n        const currentBin = this.bin;\n\n        this.updateValue(parsed);\n\n        const newBin = this.bin;\n\n        if (currentBin !== newBin) {\n            this.binChange.emit(newBin);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    writeValue(value: string | null) {\n        const currentBin = this.bin;\n\n        super.writeValue(value);\n\n        const newBin = this.bin;\n\n        if (currentBin !== newBin) {\n            this.binChange.emit(newBin);\n        }\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\nimport {TuiInputCardComponent} from './input-card.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputCardComponent],\n    exports: [TuiInputCardComponent],\n})\nexport class TuiInputCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-commerce-components-input-card.js","sources":["ng://@taiga-ui/addon-commerce/components/input-card/input-card.component.ts","ng://@taiga-ui/addon-commerce/components/input-card/input-card.module.ts","ng://@taiga-ui/addon-commerce/components/input-card/taiga-ui-addon-commerce-components-input-card.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_CARD_MASK} from '@taiga-ui/addon-commerce/constants';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce/enums';\nimport {getPaymentSystem} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\nconst icons = {\n    [TuiPaymentSystem.Mir]: 'tuiIconMir',\n    [TuiPaymentSystem.Visa]: 'tuiIconVisa',\n    [TuiPaymentSystem.Electron]: 'tuiIconElectron',\n    [TuiPaymentSystem.Mastercard]: 'tuiIconMastercard',\n    [TuiPaymentSystem.Maestro]: 'tuiIconMaestro',\n};\n\nexport function cardTextfieldControllerFactory(\n    directive: TuiTextfieldExampleTextDirective | null,\n): TuiTextfieldExampleTextDirective {\n    directive = directive || new TuiTextfieldExampleTextDirective();\n    directive.exampleText = '0000 0000 0000 0000';\n\n    return directive;\n}\n\n// @dynamic\n@Component({\n    selector: 'tui-input-card',\n    templateUrl: './input-card.template.html',\n    styleUrls: ['./input-card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCardComponent),\n        },\n        {\n            provide: TUI_TEXTFIELD_EXAMPLE_TEXT,\n            deps: [[new Optional(), TuiTextfieldExampleTextDirective]],\n            useFactory: cardTextfieldControllerFactory,\n        },\n    ],\n})\nexport class TuiInputCardComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    cardSrc: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    @Output()\n    readonly binChange = new EventEmitter<string | null>();\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: TUI_CARD_MASK,\n        guide: false,\n        pipe: conformedValue => conformedValue.trim(),\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get icon(): string | null {\n        if (this.cardSrc !== null) {\n            return this.cardSrc;\n        }\n\n        const {paymentSystem} = this;\n\n        return paymentSystem ? icons[paymentSystem] : null;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcNumber\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    get paymentSystem(): TuiPaymentSystem | null {\n        return getPaymentSystem(this.value);\n    }\n\n    get bin(): string | null {\n        return this.value.length < 6 ? null : this.value.substr(0, 6);\n    }\n\n    get formattedCard(): string {\n        return this.value\n            .split('')\n            .map((char, index) => (index && index % 4 === 0 ? ` ${char}` : char))\n            .join('');\n    }\n\n    onValueChange(value: string) {\n        const parsed = value.split(' ').join('');\n        const currentBin = this.bin;\n\n        this.updateValue(parsed);\n\n        const newBin = this.bin;\n\n        if (currentBin !== newBin) {\n            this.binChange.emit(newBin);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    writeValue(value: string | null) {\n        const currentBin = this.bin;\n\n        super.writeValue(value);\n\n        const newBin = this.bin;\n\n        if (currentBin !== newBin) {\n            this.binChange.emit(newBin);\n        }\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCardComponent} from './input-card.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputCardComponent],\n    exports: [TuiInputCardComponent],\n})\nexport class TuiInputCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-commerce-components-input-expire.js

@@ -76,7 +76,7 @@ __decorate([
 TuiInputExpireComponent = TuiInputExpireComponent_1 = __decorate([
     Component({
         selector: 'tui-input-expire',
-        template: "<tui-primitive-textfield\n    class=\"t-input\"\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    tuiTextfieldExampleText=\"00/00\"\n    [tuiTextfieldAutocomplete]=\"autocomplete\"\n    [nativeId]=\"nativeId\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [textMask]=\"textMaskOptions\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
+        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"numeric\"\n    tuiTextfieldExampleText=\"00/00\"\n    class=\"t-input\"\n    [tuiTextfieldAutocomplete]=\"autocomplete\"\n    [nativeId]=\"nativeId\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [textMask]=\"textMaskOptions\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -84,7 +84,7 @@ TuiInputExpireComponent = TuiInputExpireComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiInputExpireComponent_1),
             },
         ],
-        styles: [":host{display:block;max-width:11rem;border-radius:var(--tui-radius-m)}.t-input{border-radius:inherit}"]
+        styles: [":host{display:block;max-width:11rem;border-radius:var(--tui-radius-m);text-align:left}.t-input{border-radius:inherit;text-align:inherit}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-addon-commerce-components-input-expire.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-input-expire.js","sources":["ng://@taiga-ui/addon-commerce/components/input-expire/input-expire.component.ts","ng://@taiga-ui/addon-commerce/components/input-expire/input-expire.module.ts","ng://@taiga-ui/addon-commerce/components/input-expire/taiga-ui-addon-commerce-components-input-expire.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {tuiCreateAutoCorrectedExpirePipe} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DIGIT_REGEXP,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-input-expire',\n    templateUrl: './input-expire.template.html',\n    styleUrls: ['./input-expire.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputExpireComponent),\n        },\n    ],\n})\nexport class TuiInputExpireComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: [\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n            '/',\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n        ],\n        pipe: tuiCreateAutoCorrectedExpirePipe(),\n        guide: false,\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcExp\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    onValueChange(value: string) {\n        // @bad TODO: Workaround until mask pipe can replace chars and keep caret position\n        // @bad TODO: Think about a solution without mask at all\n        if (!this.input || !this.input.nativeFocusableElement) {\n            return;\n        }\n\n        if (parseInt(value.substr(0, 2), 10) > 12) {\n            value = '12' + value.substr(2);\n        }\n\n        if (value.substr(0, 2) === '00') {\n            value = '01' + value.substr(2);\n        }\n\n        this.input.nativeFocusableElement.value = value;\n\n        if (this.value !== value) {\n            this.updateValue(value);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\nimport {TuiInputExpireComponent} from './input-expire.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputExpireComponent],\n    exports: [TuiInputExpireComponent],\n})\nexport class TuiInputExpireModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-commerce-components-input-expire.js","sources":["ng://@taiga-ui/addon-commerce/components/input-expire/input-expire.component.ts","ng://@taiga-ui/addon-commerce/components/input-expire/input-expire.module.ts","ng://@taiga-ui/addon-commerce/components/input-expire/taiga-ui-addon-commerce-components-input-expire.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {tuiCreateAutoCorrectedExpirePipe} from '@taiga-ui/addon-commerce/utils';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DIGIT_REGEXP,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-input-expire',\n    templateUrl: './input-expire.template.html',\n    styleUrls: ['./input-expire.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputExpireComponent),\n        },\n    ],\n})\nexport class TuiInputExpireComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    autocompleteEnabled = false;\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: [\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n            '/',\n            TUI_DIGIT_REGEXP,\n            TUI_DIGIT_REGEXP,\n        ],\n        pipe: tuiCreateAutoCorrectedExpirePipe(),\n        guide: false,\n    };\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly input?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.input ? this.input.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.input && this.input.focused;\n    }\n\n    get autocomplete(): TuiCreditCardAutofillName {\n        return this.autocompleteEnabled\n            ? TuiCreditCardAutofillName.CcExp\n            : TuiCreditCardAutofillName.Off;\n    }\n\n    onValueChange(value: string) {\n        // @bad TODO: Workaround until mask pipe can replace chars and keep caret position\n        // @bad TODO: Think about a solution without mask at all\n        if (!this.input || !this.input.nativeFocusableElement) {\n            return;\n        }\n\n        if (parseInt(value.substr(0, 2), 10) > 12) {\n            value = '12' + value.substr(2);\n        }\n\n        if (value.substr(0, 2) === '00') {\n            value = '01' + value.substr(2);\n        }\n\n        this.input.nativeFocusableElement.value = value;\n\n        if (this.value !== value) {\n            this.updateValue(value);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputExpireComponent} from './input-expire.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputExpireComponent],\n    exports: [TuiInputExpireComponent],\n})\nexport class TuiInputExpireModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-commerce-components-money.js

@@ -95,8 +95,8 @@ TuiMoneyComponent = __decorate([
     Component({
         selector: 'tui-money',
         changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<span automation-id=\"tui-money__sign\">{{signSymbol}}</span>\n<span automation-id=\"tui-money__integer-part\">{{integerPart}}</span>\n<span class=\"t-lighter\">\n    <span automation-id=\"tui-money__fraction-part\">{{fractionPart}}</span>\n    <span automation-id=\"tui-money__currency\" class=\"t-currency\"\n        >{{currency | tuiCurrency}}</span\n    >\n</span>\n",
-        styles: [":host{white-space:nowrap}:host._red{color:var(--tui-negative)}:host._green{color:var(--tui-positive)}:host:not(._inherit-color) .t-lighter{opacity:var(--tui-disabled-opacity)}.t-currency:not(:empty){margin-left:.25em}"]
+        template: "<span automation-id=\"tui-money__sign\">{{ signSymbol }}</span>\n<span automation-id=\"tui-money__integer-part\">{{ integerPart }}</span>\n<span class=\"t-lighter\">\n    <span automation-id=\"tui-money__fraction-part\">{{ fractionPart }}</span>\n    <span automation-id=\"tui-money__currency\" class=\"t-currency\">\n        {{ currency | tuiCurrency }}\n    </span>\n</span>\n",
+        styles: [":host{white-space:nowrap}:host._red{color:var(--tui-negative)}:host._green{color:var(--tui-positive)}:host:not(._inherit-color) .t-lighter{opacity:var(--tui-disabled-opacity)}"]
     }),
     __param(0, Inject(TUI_NUMBER_FORMAT))
 ], TuiMoneyComponent);