@taiga-ui/addon-commerce 2.31.0 → 2.32.0

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

@@ -4,7 +4,7 @@ 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, isNativeFocusedIn, setNativeFocused, isNativeFocused, tuiDefaultProp, tuiRequiredSetter, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, 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 { TUI_DIGIT_REGEXP, TUI_NON_DIGIT_REGEXP, TUI_MODE, TUI_TEXTFIELD_APPEARANCE, 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';
 import { TUI_CARD_NUMBER_TEXTS, TUI_CARD_EXPIRY_TEXTS, TUI_CARD_CVC_TEXTS } from '@taiga-ui/addon-commerce/tokens';
@@ -55,11 +55,12 @@ var ICONS = (_a = {},
 // @dynamic
 var TuiInputCardGroupedComponent = /** @class */ (function (_super) {
     __extends(TuiInputCardGroupedComponent, _super);
-    function TuiInputCardGroupedComponent(control, changeDetectorRef, elementRef, mode$, cardGroupedTexts$) {
+    function TuiInputCardGroupedComponent(control, changeDetectorRef, elementRef, mode$, cardGroupedTexts$, appearance) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.elementRef = elementRef;
         _this.mode$ = mode$;
         _this.cardGroupedTexts$ = cardGroupedTexts$;
+        _this.appearance = appearance;
         _this.expireInert = false;
         _this.autocompleteEnabled = false;
         _this.cardSrc = null; // TODO(splincode): will be deleted `null` in v3.0
@@ -444,7 +445,8 @@ var TuiInputCardGroupedComponent = /** @class */ (function (_super) {
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_INPUT_CARD_GROUPED_TEXTS,] }] }
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_INPUT_CARD_GROUPED_TEXTS,] }] },
+        { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] }
     ]; };
     __decorate([
         ViewChild('inputCard')
@@ -500,7 +502,7 @@ var TuiInputCardGroupedComponent = /** @class */ (function (_super) {
     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        <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",
+            template: "<tui-wrapper\n    *ngIf=\"cardGroupedTexts$ | async as texts\"\n    class=\"t-common-wrapper\"\n    [appearance]=\"appearance\"\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,
@@ -525,7 +527,8 @@ var TuiInputCardGroupedComponent = /** @class */ (function (_super) {
         __param(1, Inject(ChangeDetectorRef)),
         __param(2, Inject(ElementRef)),
         __param(3, Inject(TUI_MODE)),
-        __param(4, Inject(TUI_INPUT_CARD_GROUPED_TEXTS))
+        __param(4, Inject(TUI_INPUT_CARD_GROUPED_TEXTS)),
+        __param(5, Inject(TUI_TEXTFIELD_APPEARANCE))
     ], TuiInputCardGroupedComponent);
     return TuiInputCardGroupedComponent;
 }(AbstractTuiNullableControl));

package/fesm5/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    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    @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    @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    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly dropdown: PolymorpheusContent = '';\n\n    @ContentChild(TuiDataListComponent)\n    readonly datalist?: TuiDataListComponent<TuiCard>;\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    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    @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    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    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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"}
+{"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    TUI_TEXTFIELD_APPEARANCE,\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    @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    @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    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly dropdown: PolymorpheusContent = '';\n\n    @ContentChild(TuiDataListComponent)\n    readonly datalist?: TuiDataListComponent<TuiCard>;\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    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        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        readonly appearance: string,\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    @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    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    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/fesm5/taiga-ui-addon-commerce-components-money.js

@@ -118,8 +118,8 @@ var TuiMoneyComponent = /** @class */ (function () {
         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 }}\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)}"]
+            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\n        automation-id=\"tui-money__currency\"\n        class=\"t-currency\"\n        [textContent]=\"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)}.t-currency{padding-left:.2rem}"]
         }),
         __param(0, Inject(TUI_NUMBER_FORMAT))
     ], TuiMoneyComponent);

package/fesm5/taiga-ui-addon-commerce-components-money.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-commerce-components-money.js","sources":["ng://@taiga-ui/addon-commerce/components/money/money.component.ts","ng://@taiga-ui/addon-commerce/components/money/money.module.ts","ng://@taiga-ui/addon-commerce/components/money/taiga-ui-addon-commerce-components-money.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {TuiCurrency} from '@taiga-ui/addon-commerce/enums';\nimport {TuiCurrencyVariants, TuiMoneySignT} from '@taiga-ui/addon-commerce/types';\nimport {CHAR_EN_DASH, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TuiDecimalT,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-money',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './money.template.html',\n    styleUrls: ['./money.style.less'],\n})\nexport class TuiMoneyComponent {\n    @Input()\n    @tuiDefaultProp()\n    value = NaN;\n\n    @Input()\n    @tuiDefaultProp()\n    decimal: TuiDecimalT = 'not-zero';\n\n    @Input()\n    @tuiDefaultProp()\n    currency: TuiCurrencyVariants = TuiCurrency.Ruble;\n\n    @Input()\n    @tuiDefaultProp()\n    sign: TuiMoneySignT = 'negative-only';\n\n    @Input()\n    @tuiDefaultProp()\n    colored = false;\n\n    @Input()\n    @tuiDefaultProp()\n    precision = 2;\n\n    @Input()\n    @tuiDefaultProp()\n    singleColor = false;\n\n    get integerPart(): string {\n        return formatNumber(\n            Math.floor(Math.abs(this.value)),\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n\n    get fractionPart(): string {\n        const {decimal, value} = this;\n        const fraction = value.toFixed(this.precision).split('.')[1];\n\n        return decimal === 'never' ||\n            (parseInt(fraction, 10) === 0 && decimal !== 'always')\n            ? ''\n            : this.numberFormat.decimalSeparator + fraction;\n    }\n\n    get signSymbol(): '' | typeof CHAR_EN_DASH | '+' {\n        const {sign, value} = this;\n\n        if (sign === 'never' || !value || (sign === 'negative-only' && value > 0)) {\n            return '';\n        }\n\n        if (sign === 'force-negative' || (value < 0 && sign !== 'force-positive')) {\n            return CHAR_EN_DASH;\n        }\n\n        return '+';\n    }\n\n    @HostBinding('class._red')\n    get red(): boolean {\n        return (\n            this.colored &&\n            (this.signSymbol === CHAR_EN_DASH ||\n                (this.value < 0 && this.sign !== 'force-positive'))\n        );\n    }\n\n    @HostBinding('class._green')\n    get green(): boolean {\n        return (\n            this.colored &&\n            (this.signSymbol === '+' ||\n                (this.value > 0 && this.sign !== 'force-negative'))\n        );\n    }\n\n    @HostBinding('class._inherit-color')\n    get inheritColor(): boolean {\n        return this.singleColor || (this.value === 0 && this.colored);\n    }\n\n    constructor(\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiCurrencyPipeModule} from '@taiga-ui/addon-commerce/pipes';\n\nimport {TuiMoneyComponent} from './money.component';\n\n@NgModule({\n    imports: [CommonModule, TuiCurrencyPipeModule],\n    declarations: [TuiMoneyComponent],\n    exports: [TuiMoneyComponent],\n})\nexport class TuiMoneyModule {}\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-money.js","sources":["ng://@taiga-ui/addon-commerce/components/money/money.component.ts","ng://@taiga-ui/addon-commerce/components/money/money.module.ts","ng://@taiga-ui/addon-commerce/components/money/taiga-ui-addon-commerce-components-money.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {TuiCurrency} from '@taiga-ui/addon-commerce/enums';\nimport {TuiCurrencyVariants, TuiMoneySignT} from '@taiga-ui/addon-commerce/types';\nimport {CHAR_EN_DASH, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TuiDecimalT,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-money',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './money.template.html',\n    styleUrls: ['./money.style.less'],\n})\nexport class TuiMoneyComponent {\n    @Input()\n    @tuiDefaultProp()\n    value = NaN;\n\n    @Input()\n    @tuiDefaultProp()\n    decimal: TuiDecimalT = 'not-zero';\n\n    @Input()\n    @tuiDefaultProp()\n    currency: TuiCurrencyVariants = TuiCurrency.Ruble;\n\n    @Input()\n    @tuiDefaultProp()\n    sign: TuiMoneySignT = 'negative-only';\n\n    @Input()\n    @tuiDefaultProp()\n    colored = false;\n\n    @Input()\n    @tuiDefaultProp()\n    precision = 2;\n\n    @Input()\n    @tuiDefaultProp()\n    singleColor = false;\n\n    get integerPart(): string {\n        return formatNumber(\n            Math.floor(Math.abs(this.value)),\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n\n    get fractionPart(): string {\n        const {decimal, value} = this;\n        const fraction = value.toFixed(this.precision).split('.')[1];\n\n        return decimal === 'never' ||\n            (parseInt(fraction, 10) === 0 && decimal !== 'always')\n            ? ''\n            : this.numberFormat.decimalSeparator + fraction;\n    }\n\n    get signSymbol(): '' | typeof CHAR_EN_DASH | '+' {\n        const {sign, value} = this;\n\n        if (sign === 'never' || !value || (sign === 'negative-only' && value > 0)) {\n            return '';\n        }\n\n        if (sign === 'force-negative' || (value < 0 && sign !== 'force-positive')) {\n            return CHAR_EN_DASH;\n        }\n\n        return '+';\n    }\n\n    @HostBinding('class._red')\n    get red(): boolean {\n        return (\n            this.colored &&\n            (this.signSymbol === CHAR_EN_DASH ||\n                (this.value < 0 && this.sign !== 'force-positive'))\n        );\n    }\n\n    @HostBinding('class._green')\n    get green(): boolean {\n        return (\n            this.colored &&\n            (this.signSymbol === '+' ||\n                (this.value > 0 && this.sign !== 'force-negative'))\n        );\n    }\n\n    @HostBinding('class._inherit-color')\n    get inheritColor(): boolean {\n        return this.singleColor || (this.value === 0 && this.colored);\n    }\n\n    constructor(\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiCurrencyPipeModule} from '@taiga-ui/addon-commerce/pipes';\n\nimport {TuiMoneyComponent} from './money.component';\n\n@NgModule({\n    imports: [CommonModule, TuiCurrencyPipeModule],\n    declarations: [TuiMoneyComponent],\n    exports: [TuiMoneyComponent],\n})\nexport class TuiMoneyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-commerce",
-  "version": "2.31.0",
+  "version": "2.32.0",
   "description": "Extension package for Taiga UI related to commerce, payment systems, currencies etc.",
   "keywords": [
     "angular",
@@ -17,12 +17,12 @@
     "@angular/common": ">=9.0.0",
     "@angular/core": ">=9.0.0",
     "@angular/forms": ">=9.0.0",
-    "@ng-web-apis/common": "1.12.1",
-    "@tinkoff/ng-polymorpheus": "3.1.12",
-    "@taiga-ui/cdk": "2.31.0",
-    "@taiga-ui/core": "2.31.0",
-    "@taiga-ui/i18n": "2.31.0",
-    "angular2-text-mask": "9.0.0",
+    "@ng-web-apis/common": ">=1.12.1",
+    "@tinkoff/ng-polymorpheus": ">=3.1.12",
+    "@taiga-ui/cdk": "2.32.0",
+    "@taiga-ui/core": "2.32.0",
+    "@taiga-ui/i18n": "2.32.0",
+    "angular2-text-mask": ">=9.0.0",
     "rxjs": ">=6.0.0"
   },
   "main": "bundles/taiga-ui-addon-commerce.umd.js",