@taiga-ui/addon-commerce 4.18.0-canary.a9a856b → 4.18.0-canary.c12ceaa
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/input-card/input-card.component.d.ts +2 -1
- package/components/input-cvc/input-cvc.directive.d.ts +2 -1
- package/components/input-expire/input-expire.directive.d.ts +2 -1
- package/esm2022/components/input-card/input-card.component.mjs +5 -4
- package/esm2022/components/input-cvc/input-cvc.directive.mjs +5 -3
- package/esm2022/components/input-expire/input-expire.directive.mjs +5 -3
- package/fesm2022/taiga-ui-addon-commerce-components-input-card.mjs +4 -3
- package/fesm2022/taiga-ui-addon-commerce-components-input-card.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-commerce-components-input-cvc.mjs +4 -2
- package/fesm2022/taiga-ui-addon-commerce-components-input-cvc.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs +4 -2
- package/fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { OnInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@maskito/angular";
|
|
4
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
4
5
|
export declare class TuiInputCard implements OnInit {
|
|
5
6
|
private readonly icons;
|
|
6
7
|
private readonly options;
|
|
@@ -16,5 +17,5 @@ export declare class TuiInputCard implements OnInit {
|
|
|
16
17
|
set iconValue(icon: string | null);
|
|
17
18
|
ngOnInit(): void;
|
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCard, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCard, "input[tuiInputCard]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "iconValue": { "alias": "icon"; "required": false; }; }, { "binChange": "binChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCard, "input[tuiInputCard]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "iconValue": { "alias": "icon"; "required": false; }; }, { "binChange": "binChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
|
|
20
21
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { OnChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@maskito/angular";
|
|
4
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
4
5
|
export declare class TuiInputCVC implements OnChanges {
|
|
5
6
|
private readonly mask;
|
|
6
7
|
autocomplete: boolean;
|
|
@@ -8,5 +9,5 @@ export declare class TuiInputCVC implements OnChanges {
|
|
|
8
9
|
length: 3 | 4;
|
|
9
10
|
ngOnChanges(): void;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCVC, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCVC, "input[tuiInputCVC]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCVC, "input[tuiInputCVC]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
|
|
12
13
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "@maskito/angular";
|
|
3
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
3
4
|
export declare class TuiInputExpire {
|
|
4
5
|
protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions | null>;
|
|
5
6
|
autocomplete: boolean;
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputExpire, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputExpire, "input[tuiInputExpire]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputExpire, "input[tuiInputExpire]", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
|
|
8
9
|
}
|
|
@@ -5,13 +5,14 @@ import { MaskitoDirective } from '@maskito/angular';
|
|
|
5
5
|
import { TUI_MASK_CARD } from '@taiga-ui/addon-commerce/constants';
|
|
6
6
|
import { TUI_PAYMENT_SYSTEM_ICONS } from '@taiga-ui/addon-commerce/tokens';
|
|
7
7
|
import { tuiControlValue } from '@taiga-ui/cdk/observables';
|
|
8
|
-
import { TuiTextfieldContent } from '@taiga-ui/core/components/textfield';
|
|
8
|
+
import { TuiTextfieldContent, TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
9
9
|
import { tuiInjectIconResolver } from '@taiga-ui/core/tokens';
|
|
10
10
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
11
11
|
import { distinctUntilChanged, map, skip, startWith, switchMap, timer } from 'rxjs';
|
|
12
12
|
import { TUI_INPUT_CARD_OPTIONS } from './input-card.options';
|
|
13
13
|
import * as i0 from "@angular/core";
|
|
14
14
|
import * as i1 from "@maskito/angular";
|
|
15
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
15
16
|
class TuiInputCard {
|
|
16
17
|
constructor() {
|
|
17
18
|
this.icons = inject(TUI_PAYMENT_SYSTEM_ICONS);
|
|
@@ -45,7 +46,7 @@ class TuiInputCard {
|
|
|
45
46
|
this.accessor.onChange = (value) => onChanges(value.replaceAll(' ', ''));
|
|
46
47
|
}
|
|
47
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCard, isStandalone: true, selector: "input[tuiInputCard]", inputs: { autocomplete: "autocomplete", iconValue: ["icon", "iconValue"] }, outputs: { binChange: "binChange" }, host: { attributes: { "inputmode": "numeric", "placeholder": "0000 0000 0000 0000" }, properties: { "autocomplete": "autocomplete ? \"cc-number\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0, template: `
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCard, isStandalone: true, selector: "input[tuiInputCard]", inputs: { autocomplete: "autocomplete", iconValue: ["icon", "iconValue"] }, outputs: { binChange: "binChange" }, host: { attributes: { "inputmode": "numeric", "placeholder": "0000 0000 0000 0000" }, properties: { "autocomplete": "autocomplete ? \"cc-number\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: `
|
|
49
50
|
<img
|
|
50
51
|
*tuiTextfieldContent
|
|
51
52
|
alt=""
|
|
@@ -66,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
66
67
|
[hidden]="!image()"
|
|
67
68
|
[src]="image()"
|
|
68
69
|
/>
|
|
69
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [MaskitoDirective], host: {
|
|
70
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [MaskitoDirective, TuiWithTextfield], host: {
|
|
70
71
|
inputmode: 'numeric',
|
|
71
72
|
placeholder: '0000 0000 0000 0000',
|
|
72
73
|
'[autocomplete]': 'autocomplete ? "cc-number" : "off"',
|
|
@@ -79,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
79
80
|
type: Input,
|
|
80
81
|
args: ['icon']
|
|
81
82
|
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1jb21tZXJjZS9jb21wb25lbnRzL2lucHV0LWNhcmQvaW5wdXQtY2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFlBQVksRUFBRSxRQUFRLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0QsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ2pFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFFbEYsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFFNUQsTUF1QmEsWUFBWTtJQXZCekI7UUF3QnFC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Q3RCLENBQUMsbUJBQW1CLENBQUMsWUFDcEI7Ozs7Ozs7O0tBUVQsaUJBRWMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0IsQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQyxRQUM5Qzt3QkFDRixTQUFTLEVBQUUsU0FBUzt3QkFDcEIsV0FBVyxFQUFFLHFCQUFxQjt3QkFDbEMsZ0JBQWdCLEVBQUUsb0NBQW9DO3FCQUN6RDs4QkE2Qk0sWUFBWTtzQkFEbEIsS0FBSztnQkFJVSxTQUFTO3NCQUR4QixNQUFNO2dCQVNJLFNBQVM7c0JBRG5CLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgY29tcHV0ZWQsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBzaWduYWwsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0b09ic2VydmFibGUsIHRvU2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQge0RlZmF1bHRWYWx1ZUFjY2Vzc29yLCBOZ0NvbnRyb2x9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TWFza2l0b0RpcmVjdGl2ZX0gZnJvbSAnQG1hc2tpdG8vYW5ndWxhcic7XG5pbXBvcnQge1RVSV9NQVNLX0NBUkR9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS9jb25zdGFudHMnO1xuaW1wb3J0IHtUVUlfUEFZTUVOVF9TWVNURU1fSUNPTlN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS90b2tlbnMnO1xuaW1wb3J0IHt0dWlDb250cm9sVmFsdWV9IGZyb20gJ0B0YWlnYS11aS9jZGsvb2JzZXJ2YWJsZXMnO1xuaW1wb3J0IHtUdWlUZXh0ZmllbGRDb250ZW50LCBUdWlXaXRoVGV4dGZpZWxkfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZCc7XG5pbXBvcnQge3R1aUluamVjdEljb25SZXNvbHZlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdG9rZW5zJztcbmltcG9ydCB7dHVpTWFza2l0b30gZnJvbSAnQHRhaWdhLXVpL2tpdC91dGlscyc7XG5pbXBvcnQge2Rpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHNraXAsIHN0YXJ0V2l0aCwgc3dpdGNoTWFwLCB0aW1lcn0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7VFVJX0lOUFVUX0NBUkRfT1BUSU9OU30gZnJvbSAnLi9pbnB1dC1jYXJkLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnaW5wdXRbdHVpSW5wdXRDYXJkXScsXG4gICAgaW1wb3J0czogW1R1aVRleHRmaWVsZENvbnRlbnRdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpbWdcbiAgICAgICAgICAgICp0dWlUZXh0ZmllbGRDb250ZW50XG4gICAgICAgICAgICBhbHQ9XCJcIlxuICAgICAgICAgICAgY2xhc3M9XCJ0LXBheW1lbnQtc3lzdGVtXCJcbiAgICAgICAgICAgIFtoaWRkZW5dPVwiIWltYWdlKClcIlxuICAgICAgICAgICAgW3NyY109XCJpbWFnZSgpXCJcbiAgICAgICAgLz5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWycuL2lucHV0LWNhcmQuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtNYXNraXRvRGlyZWN0aXZlLCBUdWlXaXRoVGV4dGZpZWxkXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGlucHV0bW9kZTogJ251bWVyaWMnLFxuICAgICAgICBwbGFjZWhvbGRlcjogJzAwMDAgMDAwMCAwMDAwIDAwMDAnLFxuICAgICAgICAnW2F1dG9jb21wbGV0ZV0nOiAnYXV0b2NvbXBsZXRlID8gXCJjYy1udW1iZXJcIiA6IFwib2ZmXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUlucHV0Q2FyZCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBpY29ucyA9IGluamVjdChUVUlfUEFZTUVOVF9TWVNURU1fSUNPTlMpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChUVUlfSU5QVVRfQ0FSRF9PUFRJT05TKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlc29sdmVyID0gdHVpSW5qZWN0SWNvblJlc29sdmVyKCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjb250cm9sID0gaW5qZWN0KE5nQ29udHJvbCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSB2YWx1ZSA9IHRvU2lnbmFsKFxuICAgICAgICB0aW1lcigwKS5waXBlKHN3aXRjaE1hcCgoKSA9PiB0dWlDb250cm9sVmFsdWU8c3RyaW5nPih0aGlzLmNvbnRyb2wpKSksXG4gICAgICAgIHtpbml0aWFsVmFsdWU6ICcnfSxcbiAgICApO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBpY29uID0gc2lnbmFsPHN0cmluZyB8IG51bGw+KHRoaXMub3B0aW9ucy5pY29uKTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgYWNjZXNzb3IgPSBpbmplY3QoRGVmYXVsdFZhbHVlQWNjZXNzb3IsIHtcbiAgICAgICAgc2VsZjogdHJ1ZSxcbiAgICAgICAgb3B0aW9uYWw6IHRydWUsXG4gICAgfSk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbWFzayA9IHR1aU1hc2tpdG8oVFVJX01BU0tfQ0FSRCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGltYWdlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCBzeXN0ZW0gPSB0aGlzLm9wdGlvbnMucGF5bWVudFN5c3RlbUhhbmRsZXIodGhpcy52YWx1ZSgpKTtcbiAgICAgICAgY29uc3QgaWNvbiA9IHN5c3RlbSAmJiB0aGlzLmljb25zW3N5c3RlbV0gJiYgdGhpcy5yZXNvbHZlcih0aGlzLmljb25zW3N5c3RlbV0pO1xuICAgICAgICBjb25zdCB1cmwgPSB0aGlzLmljb24oKSB8fCBpY29uO1xuXG4gICAgICAgIHJldHVybiB1cmwgJiYgdGhpcy5pY29uKCkgIT09ICcnID8gdXJsIDogbnVsbDtcbiAgICB9KTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGF1dG9jb21wbGV0ZSA9IHRoaXMub3B0aW9ucy5hdXRvY29tcGxldGU7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgcmVhZG9ubHkgYmluQ2hhbmdlID0gdG9PYnNlcnZhYmxlKHRoaXMudmFsdWUpLnBpcGUoXG4gICAgICAgIG1hcCgodmFsdWUpID0+ICh2YWx1ZS5sZW5ndGggPCA2ID8gbnVsbCA6IHZhbHVlLnJlcGxhY2UoJyAnLCAnJykuc2xpY2UoMCwgNikpKSxcbiAgICAgICAgc3RhcnRXaXRoKG51bGwpLFxuICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICBza2lwKDEpLFxuICAgICk7XG5cbiAgICBASW5wdXQoJ2ljb24nKVxuICAgIHB1YmxpYyBzZXQgaWNvblZhbHVlKGljb246IHN0cmluZyB8IG51bGwpIHtcbiAgICAgICAgdGhpcy5pY29uLnNldChpY29uKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5hY2Nlc3Nvcikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3Qgb25DaGFuZ2VzID0gdGhpcy5hY2Nlc3Nvci5vbkNoYW5nZS5iaW5kKHRoaXMuYWNjZXNzb3IpO1xuXG4gICAgICAgIHRoaXMuYWNjZXNzb3Iub25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4gb25DaGFuZ2VzKHZhbHVlLnJlcGxhY2VBbGwoJyAnLCAnJykpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -2,9 +2,11 @@ import { Directive, inject, Input } from '@angular/core';
|
|
|
2
2
|
import { MaskitoDirective } from '@maskito/angular';
|
|
3
3
|
import { TUI_INPUT_CARD_OPTIONS } from '@taiga-ui/addon-commerce/components/input-card';
|
|
4
4
|
import { TUI_MASK_CVC } from '@taiga-ui/addon-commerce/constants';
|
|
5
|
+
import { TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
5
6
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "@maskito/angular";
|
|
9
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
8
10
|
class TuiInputCVC {
|
|
9
11
|
constructor() {
|
|
10
12
|
this.mask = tuiMaskito(TUI_MASK_CVC(3));
|
|
@@ -17,7 +19,7 @@ class TuiInputCVC {
|
|
|
17
19
|
this.mask.set(TUI_MASK_CVC(this.length));
|
|
18
20
|
}
|
|
19
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCVC, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCVC, isStandalone: true, selector: "input[tuiInputCVC]", inputs: { autocomplete: "autocomplete", hidden: "hidden", length: "length" }, host: { attributes: { "inputmode": "numeric" }, listeners: { "copy.prevent": "(0)" }, properties: { "autocomplete": "autocomplete ? \"cc-csc\" : \"off\"", "placeholder": "\"0\".repeat(length)", "style.-webkit-text-security": "hidden ? \"disc\" : null" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0 }); }
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCVC, isStandalone: true, selector: "input[tuiInputCVC]", inputs: { autocomplete: "autocomplete", hidden: "hidden", length: "length" }, host: { attributes: { "inputmode": "numeric" }, listeners: { "copy.prevent": "(0)" }, properties: { "autocomplete": "autocomplete ? \"cc-csc\" : \"off\"", "placeholder": "\"0\".repeat(length)", "style.-webkit-text-security": "hidden ? \"disc\" : null" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0 }); }
|
|
21
23
|
}
|
|
22
24
|
export { TuiInputCVC };
|
|
23
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCVC, decorators: [{
|
|
@@ -25,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
25
27
|
args: [{
|
|
26
28
|
standalone: true,
|
|
27
29
|
selector: 'input[tuiInputCVC]',
|
|
28
|
-
hostDirectives: [MaskitoDirective],
|
|
30
|
+
hostDirectives: [MaskitoDirective, TuiWithTextfield],
|
|
29
31
|
host: {
|
|
30
32
|
inputmode: 'numeric',
|
|
31
33
|
'[autocomplete]': 'autocomplete ? "cc-csc" : "off"',
|
|
@@ -41,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
41
43
|
}], length: [{
|
|
42
44
|
type: Input
|
|
43
45
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY3ZjLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLWNvbW1lcmNlL2NvbXBvbmVudHMvaW5wdXQtY3ZjL2lucHV0LWN2Yy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFFL0MsTUFZYSxXQUFXO0lBWnhCO1FBYXFCLFNBQUksR0FBRyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFHN0MsaUJBQVksR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFHM0QsV0FBTSxHQUFHLElBQUksQ0FBQztRQUdkLFdBQU0sR0FBVSxDQUFDLENBQUM7S0FNNUI7SUFKRyx1REFBdUQ7SUFDaEQsV0FBVztRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUM3QyxDQUFDOytHQWZRLFdBQVc7bUdBQVgsV0FBVzs7U0FBWCxXQUFXOzRGQUFYLFdBQVc7a0JBWnZCLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLGNBQWMsRUFBRSxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDO29CQUNwRCxJQUFJLEVBQUU7d0JBQ0YsU0FBUyxFQUFFLFNBQVM7d0JBQ3BCLGdCQUFnQixFQUFFLGlDQUFpQzt3QkFDbkQsZUFBZSxFQUFFLG9CQUFvQjt3QkFDckMsK0JBQStCLEVBQUUsd0JBQXdCO3dCQUN6RCxnQkFBZ0IsRUFBRSxLQUFLO3FCQUMxQjtpQkFDSjs4QkFLVSxZQUFZO3NCQURsQixLQUFLO2dCQUlDLE1BQU07c0JBRFosS0FBSztnQkFJQyxNQUFNO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7T25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RGlyZWN0aXZlLCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWFza2l0b0RpcmVjdGl2ZX0gZnJvbSAnQG1hc2tpdG8vYW5ndWxhcic7XG5pbXBvcnQge1RVSV9JTlBVVF9DQVJEX09QVElPTlN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS9jb21wb25lbnRzL2lucHV0LWNhcmQnO1xuaW1wb3J0IHtUVUlfTUFTS19DVkN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS9jb25zdGFudHMnO1xuaW1wb3J0IHtUdWlXaXRoVGV4dGZpZWxkfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZCc7XG5pbXBvcnQge3R1aU1hc2tpdG99IGZyb20gJ0B0YWlnYS11aS9raXQvdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnaW5wdXRbdHVpSW5wdXRDVkNdJyxcbiAgICBob3N0RGlyZWN0aXZlczogW01hc2tpdG9EaXJlY3RpdmUsIFR1aVdpdGhUZXh0ZmllbGRdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgaW5wdXRtb2RlOiAnbnVtZXJpYycsXG4gICAgICAgICdbYXV0b2NvbXBsZXRlXSc6ICdhdXRvY29tcGxldGUgPyBcImNjLWNzY1wiIDogXCJvZmZcIicsXG4gICAgICAgICdbcGxhY2Vob2xkZXJdJzogJ1wiMFwiLnJlcGVhdChsZW5ndGgpJyxcbiAgICAgICAgJ1tzdHlsZS4td2Via2l0LXRleHQtc2VjdXJpdHldJzogJ2hpZGRlbiA/IFwiZGlzY1wiIDogbnVsbCcsXG4gICAgICAgICcoY29weS5wcmV2ZW50KSc6ICcoMCknLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUlucHV0Q1ZDIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IG1hc2sgPSB0dWlNYXNraXRvKFRVSV9NQVNLX0NWQygzKSk7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhdXRvY29tcGxldGUgPSBpbmplY3QoVFVJX0lOUFVUX0NBUkRfT1BUSU9OUykuYXV0b2NvbXBsZXRlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaGlkZGVuID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxlbmd0aDogMyB8IDQgPSAzO1xuXG4gICAgLy8gVE9ETzogcmVmYWN0b3IgdG8gc2lnbmFsIGlucHV0cyBhZnRlciBBbmd1bGFyIHVwZGF0ZVxuICAgIHB1YmxpYyBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5tYXNrLnNldChUVUlfTUFTS19DVkModGhpcy5sZW5ndGgpKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -2,16 +2,18 @@ import { Directive, inject, Input } from '@angular/core';
|
|
|
2
2
|
import { MaskitoDirective } from '@maskito/angular';
|
|
3
3
|
import { TUI_INPUT_CARD_OPTIONS } from '@taiga-ui/addon-commerce/components/input-card';
|
|
4
4
|
import { TUI_MASK_EXPIRE } from '@taiga-ui/addon-commerce/constants';
|
|
5
|
+
import { TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
5
6
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "@maskito/angular";
|
|
9
|
+
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
8
10
|
class TuiInputExpire {
|
|
9
11
|
constructor() {
|
|
10
12
|
this.mask = tuiMaskito(TUI_MASK_EXPIRE);
|
|
11
13
|
this.autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;
|
|
12
14
|
}
|
|
13
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputExpire, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
14
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputExpire, isStandalone: true, selector: "input[tuiInputExpire]", inputs: { autocomplete: "autocomplete" }, host: { attributes: { "inputmode": "numeric", "placeholder": "00/00", "translate": "no", "maxlength": "5" }, properties: { "attr.name": "autocomplete ? \"ccexpiryyear\" : null", "autocomplete": "autocomplete ? \"cc-exp\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0 }); }
|
|
16
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputExpire, isStandalone: true, selector: "input[tuiInputExpire]", inputs: { autocomplete: "autocomplete" }, host: { attributes: { "inputmode": "numeric", "placeholder": "00/00", "translate": "no", "maxlength": "5" }, properties: { "attr.name": "autocomplete ? \"ccexpiryyear\" : null", "autocomplete": "autocomplete ? \"cc-exp\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0 }); }
|
|
15
17
|
}
|
|
16
18
|
export { TuiInputExpire };
|
|
17
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputExpire, decorators: [{
|
|
@@ -19,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
19
21
|
args: [{
|
|
20
22
|
standalone: true,
|
|
21
23
|
selector: 'input[tuiInputExpire]',
|
|
22
|
-
hostDirectives: [MaskitoDirective],
|
|
24
|
+
hostDirectives: [MaskitoDirective, TuiWithTextfield],
|
|
23
25
|
host: {
|
|
24
26
|
inputmode: 'numeric',
|
|
25
27
|
placeholder: '00/00',
|
|
@@ -32,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
32
34
|
}], propDecorators: { autocomplete: [{
|
|
33
35
|
type: Input
|
|
34
36
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZXhwaXJlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLWNvbW1lcmNlL2NvbXBvbmVudHMvaW5wdXQtZXhwaXJlL2lucHV0LWV4cGlyZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUNuRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFFL0MsTUFhYSxjQUFjO0lBYjNCO1FBY3VCLFNBQUksR0FBRyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUM7UUFHL0MsaUJBQVksR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxZQUFZLENBQUM7S0FDckU7K0dBTFksY0FBYzttR0FBZCxjQUFjOztTQUFkLGNBQWM7NEZBQWQsY0FBYztrQkFiMUIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsY0FBYyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ3BELElBQUksRUFBRTt3QkFDRixTQUFTLEVBQUUsU0FBUzt3QkFDcEIsV0FBVyxFQUFFLE9BQU87d0JBQ3BCLFNBQVMsRUFBRSxJQUFJO3dCQUNmLFNBQVMsRUFBRSxHQUFHO3dCQUNkLGFBQWEsRUFBRSxzQ0FBc0M7d0JBQ3JELGdCQUFnQixFQUFFLGlDQUFpQztxQkFDdEQ7aUJBQ0o7OEJBS1UsWUFBWTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWFza2l0b0RpcmVjdGl2ZX0gZnJvbSAnQG1hc2tpdG8vYW5ndWxhcic7XG5pbXBvcnQge1RVSV9JTlBVVF9DQVJEX09QVElPTlN9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS9jb21wb25lbnRzL2lucHV0LWNhcmQnO1xuaW1wb3J0IHtUVUlfTUFTS19FWFBJUkV9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZS9jb25zdGFudHMnO1xuaW1wb3J0IHtUdWlXaXRoVGV4dGZpZWxkfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZCc7XG5pbXBvcnQge3R1aU1hc2tpdG99IGZyb20gJ0B0YWlnYS11aS9raXQvdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnaW5wdXRbdHVpSW5wdXRFeHBpcmVdJyxcbiAgICBob3N0RGlyZWN0aXZlczogW01hc2tpdG9EaXJlY3RpdmUsIFR1aVdpdGhUZXh0ZmllbGRdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgaW5wdXRtb2RlOiAnbnVtZXJpYycsXG4gICAgICAgIHBsYWNlaG9sZGVyOiAnMDAvMDAnLFxuICAgICAgICB0cmFuc2xhdGU6ICdubycsXG4gICAgICAgIG1heGxlbmd0aDogJzUnLFxuICAgICAgICAnW2F0dHIubmFtZV0nOiAnYXV0b2NvbXBsZXRlID8gXCJjY2V4cGlyeXllYXJcIiA6IG51bGwnLFxuICAgICAgICAnW2F1dG9jb21wbGV0ZV0nOiAnYXV0b2NvbXBsZXRlID8gXCJjYy1leHBcIiA6IFwib2ZmXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUlucHV0RXhwaXJlIHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbWFzayA9IHR1aU1hc2tpdG8oVFVJX01BU0tfRVhQSVJFKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGF1dG9jb21wbGV0ZSA9IGluamVjdChUVUlfSU5QVVRfQ0FSRF9PUFRJT05TKS5hdXRvY29tcGxldGU7XG59XG4iXX0=
|
|
@@ -7,7 +7,8 @@ import { MaskitoDirective } from '@maskito/angular';
|
|
|
7
7
|
import { TUI_MASK_CARD } from '@taiga-ui/addon-commerce/constants';
|
|
8
8
|
import { TUI_PAYMENT_SYSTEM_ICONS } from '@taiga-ui/addon-commerce/tokens';
|
|
9
9
|
import { tuiControlValue } from '@taiga-ui/cdk/observables';
|
|
10
|
-
import
|
|
10
|
+
import * as i2 from '@taiga-ui/core/components/textfield';
|
|
11
|
+
import { TuiTextfieldContent, TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
11
12
|
import { tuiInjectIconResolver } from '@taiga-ui/core/tokens';
|
|
12
13
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
13
14
|
import { timer, switchMap, map, startWith, distinctUntilChanged, skip } from 'rxjs';
|
|
@@ -57,7 +58,7 @@ class TuiInputCard {
|
|
|
57
58
|
this.accessor.onChange = (value) => onChanges(value.replaceAll(' ', ''));
|
|
58
59
|
}
|
|
59
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCard, isStandalone: true, selector: "input[tuiInputCard]", inputs: { autocomplete: "autocomplete", iconValue: ["icon", "iconValue"] }, outputs: { binChange: "binChange" }, host: { attributes: { "inputmode": "numeric", "placeholder": "0000 0000 0000 0000" }, properties: { "autocomplete": "autocomplete ? \"cc-number\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0, template: `
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCard, isStandalone: true, selector: "input[tuiInputCard]", inputs: { autocomplete: "autocomplete", iconValue: ["icon", "iconValue"] }, outputs: { binChange: "binChange" }, host: { attributes: { "inputmode": "numeric", "placeholder": "0000 0000 0000 0000" }, properties: { "autocomplete": "autocomplete ? \"cc-number\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: `
|
|
61
62
|
<img
|
|
62
63
|
*tuiTextfieldContent
|
|
63
64
|
alt=""
|
|
@@ -77,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
77
78
|
[hidden]="!image()"
|
|
78
79
|
[src]="image()"
|
|
79
80
|
/>
|
|
80
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [MaskitoDirective], host: {
|
|
81
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [MaskitoDirective, TuiWithTextfield], host: {
|
|
81
82
|
inputmode: 'numeric',
|
|
82
83
|
placeholder: '0000 0000 0000 0000',
|
|
83
84
|
'[autocomplete]': 'autocomplete ? "cc-number" : "off"',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-commerce-components-input-card.mjs","sources":["../../../projects/addon-commerce/components/input-card/input-card.options.ts","../../../projects/addon-commerce/components/input-card/input-card.component.ts","../../../projects/addon-commerce/components/input-card/taiga-ui-addon-commerce-components-input-card.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport type {TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {tuiGetPaymentSystem} from '@taiga-ui/addon-commerce/utils';\nimport type {TuiHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport interface TuiInputCardOptions {\n readonly autocomplete: boolean;\n readonly icon: string | null;\n readonly paymentSystemHandler: TuiHandler<\n string | null | undefined,\n TuiPaymentSystem | null\n >;\n}\n\nexport const TUI_INPUT_CARD_DEFAULT_OPTIONS: TuiInputCardOptions = {\n icon: null,\n paymentSystemHandler: tuiGetPaymentSystem,\n autocomplete: false,\n};\n\nexport const TUI_INPUT_CARD_OPTIONS = tuiCreateToken(TUI_INPUT_CARD_DEFAULT_OPTIONS);\n\nexport function tuiInputCardOptionsProvider(\n options: Partial<TuiInputCardOptions>,\n): Provider {\n return tuiProvideOptions(\n TUI_INPUT_CARD_OPTIONS,\n options,\n TUI_INPUT_CARD_DEFAULT_OPTIONS,\n );\n}\n","import type {OnInit} from '@angular/core';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n Input,\n Output,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport {toObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {DefaultValueAccessor, NgControl} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_MASK_CARD} from '@taiga-ui/addon-commerce/constants';\nimport {TUI_PAYMENT_SYSTEM_ICONS} from '@taiga-ui/addon-commerce/tokens';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {TuiTextfieldContent} from '@taiga-ui/core/components/textfield';\nimport {tuiInjectIconResolver} from '@taiga-ui/core/tokens';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\nimport {distinctUntilChanged, map, skip, startWith, switchMap, timer} from 'rxjs';\n\nimport {TUI_INPUT_CARD_OPTIONS} from './input-card.options';\n\n@Component({\n standalone: true,\n selector: 'input[tuiInputCard]',\n imports: [TuiTextfieldContent],\n template: `\n <img\n *tuiTextfieldContent\n alt=\"\"\n class=\"t-payment-system\"\n [hidden]=\"!image()\"\n [src]=\"image()\"\n />\n `,\n styleUrls: ['./input-card.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [MaskitoDirective],\n host: {\n inputmode: 'numeric',\n placeholder: '0000 0000 0000 0000',\n '[autocomplete]': 'autocomplete ? \"cc-number\" : \"off\"',\n },\n})\nexport class TuiInputCard implements OnInit {\n private readonly icons = inject(TUI_PAYMENT_SYSTEM_ICONS);\n private readonly options = inject(TUI_INPUT_CARD_OPTIONS);\n private readonly resolver = tuiInjectIconResolver();\n private readonly control = inject(NgControl);\n private readonly value = toSignal(\n timer(0).pipe(switchMap(() => tuiControlValue<string>(this.control))),\n {initialValue: ''},\n );\n\n private readonly icon = signal<string | null>(this.options.icon);\n\n private readonly accessor = inject(DefaultValueAccessor, {\n self: true,\n optional: true,\n });\n\n protected readonly mask = tuiMaskito(TUI_MASK_CARD);\n protected readonly image = computed(() => {\n const system = this.options.paymentSystemHandler(this.value());\n const icon = system && this.icons[system] && this.resolver(this.icons[system]);\n const url = this.icon() || icon;\n\n return url && this.icon() !== '' ? url : null;\n });\n\n @Input()\n public autocomplete = this.options.autocomplete;\n\n @Output()\n public readonly binChange = toObservable(this.value).pipe(\n map((value) => (value.length < 6 ? null : value.replace(' ', '').slice(0, 6))),\n startWith(null),\n distinctUntilChanged(),\n skip(1),\n );\n\n @Input('icon')\n public set iconValue(icon: string | null) {\n this.icon.set(icon);\n }\n\n public ngOnInit(): void {\n if (!this.accessor) {\n return;\n }\n\n const onChanges = this.accessor.onChange.bind(this.accessor);\n\n this.accessor.onChange = (value: string) => onChanges(value.replaceAll(' ', ''));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-commerce-components-input-card.mjs","sources":["../../../projects/addon-commerce/components/input-card/input-card.options.ts","../../../projects/addon-commerce/components/input-card/input-card.component.ts","../../../projects/addon-commerce/components/input-card/taiga-ui-addon-commerce-components-input-card.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport type {TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {tuiGetPaymentSystem} from '@taiga-ui/addon-commerce/utils';\nimport type {TuiHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport interface TuiInputCardOptions {\n readonly autocomplete: boolean;\n readonly icon: string | null;\n readonly paymentSystemHandler: TuiHandler<\n string | null | undefined,\n TuiPaymentSystem | null\n >;\n}\n\nexport const TUI_INPUT_CARD_DEFAULT_OPTIONS: TuiInputCardOptions = {\n icon: null,\n paymentSystemHandler: tuiGetPaymentSystem,\n autocomplete: false,\n};\n\nexport const TUI_INPUT_CARD_OPTIONS = tuiCreateToken(TUI_INPUT_CARD_DEFAULT_OPTIONS);\n\nexport function tuiInputCardOptionsProvider(\n options: Partial<TuiInputCardOptions>,\n): Provider {\n return tuiProvideOptions(\n TUI_INPUT_CARD_OPTIONS,\n options,\n TUI_INPUT_CARD_DEFAULT_OPTIONS,\n );\n}\n","import type {OnInit} from '@angular/core';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n Input,\n Output,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport {toObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {DefaultValueAccessor, NgControl} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_MASK_CARD} from '@taiga-ui/addon-commerce/constants';\nimport {TUI_PAYMENT_SYSTEM_ICONS} from '@taiga-ui/addon-commerce/tokens';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {TuiTextfieldContent, TuiWithTextfield} from '@taiga-ui/core/components/textfield';\nimport {tuiInjectIconResolver} from '@taiga-ui/core/tokens';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\nimport {distinctUntilChanged, map, skip, startWith, switchMap, timer} from 'rxjs';\n\nimport {TUI_INPUT_CARD_OPTIONS} from './input-card.options';\n\n@Component({\n standalone: true,\n selector: 'input[tuiInputCard]',\n imports: [TuiTextfieldContent],\n template: `\n <img\n *tuiTextfieldContent\n alt=\"\"\n class=\"t-payment-system\"\n [hidden]=\"!image()\"\n [src]=\"image()\"\n />\n `,\n styleUrls: ['./input-card.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [MaskitoDirective, TuiWithTextfield],\n host: {\n inputmode: 'numeric',\n placeholder: '0000 0000 0000 0000',\n '[autocomplete]': 'autocomplete ? \"cc-number\" : \"off\"',\n },\n})\nexport class TuiInputCard implements OnInit {\n private readonly icons = inject(TUI_PAYMENT_SYSTEM_ICONS);\n private readonly options = inject(TUI_INPUT_CARD_OPTIONS);\n private readonly resolver = tuiInjectIconResolver();\n private readonly control = inject(NgControl);\n private readonly value = toSignal(\n timer(0).pipe(switchMap(() => tuiControlValue<string>(this.control))),\n {initialValue: ''},\n );\n\n private readonly icon = signal<string | null>(this.options.icon);\n\n private readonly accessor = inject(DefaultValueAccessor, {\n self: true,\n optional: true,\n });\n\n protected readonly mask = tuiMaskito(TUI_MASK_CARD);\n protected readonly image = computed(() => {\n const system = this.options.paymentSystemHandler(this.value());\n const icon = system && this.icons[system] && this.resolver(this.icons[system]);\n const url = this.icon() || icon;\n\n return url && this.icon() !== '' ? url : null;\n });\n\n @Input()\n public autocomplete = this.options.autocomplete;\n\n @Output()\n public readonly binChange = toObservable(this.value).pipe(\n map((value) => (value.length < 6 ? null : value.replace(' ', '').slice(0, 6))),\n startWith(null),\n distinctUntilChanged(),\n skip(1),\n );\n\n @Input('icon')\n public set iconValue(icon: string | null) {\n this.icon.set(icon);\n }\n\n public ngOnInit(): void {\n if (!this.accessor) {\n return;\n }\n\n const onChanges = this.accessor.onChange.bind(this.accessor);\n\n this.accessor.onChange = (value: string) => onChanges(value.replaceAll(' ', ''));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@ import * as i1 from '@maskito/angular';
|
|
|
4
4
|
import { MaskitoDirective } from '@maskito/angular';
|
|
5
5
|
import { TUI_INPUT_CARD_OPTIONS } from '@taiga-ui/addon-commerce/components/input-card';
|
|
6
6
|
import { TUI_MASK_CVC } from '@taiga-ui/addon-commerce/constants';
|
|
7
|
+
import * as i2 from '@taiga-ui/core/components/textfield';
|
|
8
|
+
import { TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
7
9
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
8
10
|
|
|
9
11
|
class TuiInputCVC {
|
|
@@ -18,14 +20,14 @@ class TuiInputCVC {
|
|
|
18
20
|
this.mask.set(TUI_MASK_CVC(this.length));
|
|
19
21
|
}
|
|
20
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCVC, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCVC, isStandalone: true, selector: "input[tuiInputCVC]", inputs: { autocomplete: "autocomplete", hidden: "hidden", length: "length" }, host: { attributes: { "inputmode": "numeric" }, listeners: { "copy.prevent": "(0)" }, properties: { "autocomplete": "autocomplete ? \"cc-csc\" : \"off\"", "placeholder": "\"0\".repeat(length)", "style.-webkit-text-security": "hidden ? \"disc\" : null" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0 }); }
|
|
23
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputCVC, isStandalone: true, selector: "input[tuiInputCVC]", inputs: { autocomplete: "autocomplete", hidden: "hidden", length: "length" }, host: { attributes: { "inputmode": "numeric" }, listeners: { "copy.prevent": "(0)" }, properties: { "autocomplete": "autocomplete ? \"cc-csc\" : \"off\"", "placeholder": "\"0\".repeat(length)", "style.-webkit-text-security": "hidden ? \"disc\" : null" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0 }); }
|
|
22
24
|
}
|
|
23
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputCVC, decorators: [{
|
|
24
26
|
type: Directive,
|
|
25
27
|
args: [{
|
|
26
28
|
standalone: true,
|
|
27
29
|
selector: 'input[tuiInputCVC]',
|
|
28
|
-
hostDirectives: [MaskitoDirective],
|
|
30
|
+
hostDirectives: [MaskitoDirective, TuiWithTextfield],
|
|
29
31
|
host: {
|
|
30
32
|
inputmode: 'numeric',
|
|
31
33
|
'[autocomplete]': 'autocomplete ? "cc-csc" : "off"',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-commerce-components-input-cvc.mjs","sources":["../../../projects/addon-commerce/components/input-cvc/input-cvc.directive.ts","../../../projects/addon-commerce/components/input-cvc/taiga-ui-addon-commerce-components-input-cvc.ts"],"sourcesContent":["import type {OnChanges} from '@angular/core';\nimport {Directive, inject, Input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_INPUT_CARD_OPTIONS} from '@taiga-ui/addon-commerce/components/input-card';\nimport {TUI_MASK_CVC} from '@taiga-ui/addon-commerce/constants';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputCVC]',\n hostDirectives: [MaskitoDirective],\n host: {\n inputmode: 'numeric',\n '[autocomplete]': 'autocomplete ? \"cc-csc\" : \"off\"',\n '[placeholder]': '\"0\".repeat(length)',\n '[style.-webkit-text-security]': 'hidden ? \"disc\" : null',\n '(copy.prevent)': '(0)',\n },\n})\nexport class TuiInputCVC implements OnChanges {\n private readonly mask = tuiMaskito(TUI_MASK_CVC(3));\n\n @Input()\n public autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;\n\n @Input()\n public hidden = true;\n\n @Input()\n public length: 3 | 4 = 3;\n\n // TODO: refactor to signal inputs after Angular update\n public ngOnChanges(): void {\n this.mask.set(TUI_MASK_CVC(this.length));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-commerce-components-input-cvc.mjs","sources":["../../../projects/addon-commerce/components/input-cvc/input-cvc.directive.ts","../../../projects/addon-commerce/components/input-cvc/taiga-ui-addon-commerce-components-input-cvc.ts"],"sourcesContent":["import type {OnChanges} from '@angular/core';\nimport {Directive, inject, Input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_INPUT_CARD_OPTIONS} from '@taiga-ui/addon-commerce/components/input-card';\nimport {TUI_MASK_CVC} from '@taiga-ui/addon-commerce/constants';\nimport {TuiWithTextfield} from '@taiga-ui/core/components/textfield';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputCVC]',\n hostDirectives: [MaskitoDirective, TuiWithTextfield],\n host: {\n inputmode: 'numeric',\n '[autocomplete]': 'autocomplete ? \"cc-csc\" : \"off\"',\n '[placeholder]': '\"0\".repeat(length)',\n '[style.-webkit-text-security]': 'hidden ? \"disc\" : null',\n '(copy.prevent)': '(0)',\n },\n})\nexport class TuiInputCVC implements OnChanges {\n private readonly mask = tuiMaskito(TUI_MASK_CVC(3));\n\n @Input()\n public autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;\n\n @Input()\n public hidden = true;\n\n @Input()\n public length: 3 | 4 = 3;\n\n // TODO: refactor to signal inputs after Angular update\n public ngOnChanges(): void {\n this.mask.set(TUI_MASK_CVC(this.length));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAQA,MAYa,WAAW,CAAA;AAZxB,IAAA,WAAA,GAAA;QAaqB,IAAI,CAAA,IAAA,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC,YAAY,CAAC;QAG3D,IAAM,CAAA,MAAA,GAAG,IAAI,CAAC;QAGd,IAAM,CAAA,MAAA,GAAU,CAAC,CAAC;AAM5B,KAAA;;IAHU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;KAC5C;+GAfQ,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,KAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,qCAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,6BAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAZvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,cAAc,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AACpD,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,SAAS;AACpB,wBAAA,gBAAgB,EAAE,iCAAiC;AACnD,wBAAA,eAAe,EAAE,oBAAoB;AACrC,wBAAA,+BAA+B,EAAE,wBAAwB;AACzD,wBAAA,gBAAgB,EAAE,KAAK;AAC1B,qBAAA;AACJ,iBAAA,CAAA;8BAKU,YAAY,EAAA,CAAA;sBADlB,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,KAAK;;;AC7BV;;AAEG;;;;"}
|
|
@@ -4,6 +4,8 @@ import * as i1 from '@maskito/angular';
|
|
|
4
4
|
import { MaskitoDirective } from '@maskito/angular';
|
|
5
5
|
import { TUI_INPUT_CARD_OPTIONS } from '@taiga-ui/addon-commerce/components/input-card';
|
|
6
6
|
import { TUI_MASK_EXPIRE } from '@taiga-ui/addon-commerce/constants';
|
|
7
|
+
import * as i2 from '@taiga-ui/core/components/textfield';
|
|
8
|
+
import { TuiWithTextfield } from '@taiga-ui/core/components/textfield';
|
|
7
9
|
import { tuiMaskito } from '@taiga-ui/kit/utils';
|
|
8
10
|
|
|
9
11
|
class TuiInputExpire {
|
|
@@ -12,14 +14,14 @@ class TuiInputExpire {
|
|
|
12
14
|
this.autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;
|
|
13
15
|
}
|
|
14
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputExpire, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
15
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputExpire, isStandalone: true, selector: "input[tuiInputExpire]", inputs: { autocomplete: "autocomplete" }, host: { attributes: { "inputmode": "numeric", "placeholder": "00/00", "translate": "no", "maxlength": "5" }, properties: { "attr.name": "autocomplete ? \"ccexpiryyear\" : null", "autocomplete": "autocomplete ? \"cc-exp\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0 }); }
|
|
17
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputExpire, isStandalone: true, selector: "input[tuiInputExpire]", inputs: { autocomplete: "autocomplete" }, host: { attributes: { "inputmode": "numeric", "placeholder": "00/00", "translate": "no", "maxlength": "5" }, properties: { "attr.name": "autocomplete ? \"ccexpiryyear\" : null", "autocomplete": "autocomplete ? \"cc-exp\" : \"off\"" } }, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0 }); }
|
|
16
18
|
}
|
|
17
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputExpire, decorators: [{
|
|
18
20
|
type: Directive,
|
|
19
21
|
args: [{
|
|
20
22
|
standalone: true,
|
|
21
23
|
selector: 'input[tuiInputExpire]',
|
|
22
|
-
hostDirectives: [MaskitoDirective],
|
|
24
|
+
hostDirectives: [MaskitoDirective, TuiWithTextfield],
|
|
23
25
|
host: {
|
|
24
26
|
inputmode: 'numeric',
|
|
25
27
|
placeholder: '00/00',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-commerce-components-input-expire.mjs","sources":["../../../projects/addon-commerce/components/input-expire/input-expire.directive.ts","../../../projects/addon-commerce/components/input-expire/taiga-ui-addon-commerce-components-input-expire.ts"],"sourcesContent":["import {Directive, inject, Input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_INPUT_CARD_OPTIONS} from '@taiga-ui/addon-commerce/components/input-card';\nimport {TUI_MASK_EXPIRE} from '@taiga-ui/addon-commerce/constants';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputExpire]',\n hostDirectives: [MaskitoDirective],\n host: {\n inputmode: 'numeric',\n placeholder: '00/00',\n translate: 'no',\n maxlength: '5',\n '[attr.name]': 'autocomplete ? \"ccexpiryyear\" : null',\n '[autocomplete]': 'autocomplete ? \"cc-exp\" : \"off\"',\n },\n})\nexport class TuiInputExpire {\n protected readonly mask = tuiMaskito(TUI_MASK_EXPIRE);\n\n @Input()\n public autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-commerce-components-input-expire.mjs","sources":["../../../projects/addon-commerce/components/input-expire/input-expire.directive.ts","../../../projects/addon-commerce/components/input-expire/taiga-ui-addon-commerce-components-input-expire.ts"],"sourcesContent":["import {Directive, inject, Input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {TUI_INPUT_CARD_OPTIONS} from '@taiga-ui/addon-commerce/components/input-card';\nimport {TUI_MASK_EXPIRE} from '@taiga-ui/addon-commerce/constants';\nimport {TuiWithTextfield} from '@taiga-ui/core/components/textfield';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputExpire]',\n hostDirectives: [MaskitoDirective, TuiWithTextfield],\n host: {\n inputmode: 'numeric',\n placeholder: '00/00',\n translate: 'no',\n maxlength: '5',\n '[attr.name]': 'autocomplete ? \"ccexpiryyear\" : null',\n '[autocomplete]': 'autocomplete ? \"cc-exp\" : \"off\"',\n },\n})\nexport class TuiInputExpire {\n protected readonly mask = tuiMaskito(TUI_MASK_EXPIRE);\n\n @Input()\n public autocomplete = inject(TUI_INPUT_CARD_OPTIONS).autocomplete;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAaa,cAAc,CAAA;AAb3B,IAAA,WAAA,GAAA;AAcuB,QAAA,IAAA,CAAA,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC,YAAY,CAAC;AACrE,KAAA;+GALY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAA,EAAA,GAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,wCAAA,EAAA,cAAA,EAAA,qCAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,cAAc,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AACpD,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,SAAS;AACpB,wBAAA,WAAW,EAAE,OAAO;AACpB,wBAAA,SAAS,EAAE,IAAI;AACf,wBAAA,SAAS,EAAE,GAAG;AACd,wBAAA,aAAa,EAAE,sCAAsC;AACrD,wBAAA,gBAAgB,EAAE,iCAAiC;AACtD,qBAAA;AACJ,iBAAA,CAAA;8BAKU,YAAY,EAAA,CAAA;sBADlB,KAAK;;;ACvBV;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-commerce",
|
|
3
|
-
"version": "4.18.0-canary.
|
|
3
|
+
"version": "4.18.0-canary.c12ceaa",
|
|
4
4
|
"description": "Extension package for Taiga UI related to commerce, payment systems, currencies etc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -82,18 +82,18 @@
|
|
|
82
82
|
"esm": "./esm2022/validators/taiga-ui-addon-commerce-validators.mjs",
|
|
83
83
|
"default": "./fesm2022/taiga-ui-addon-commerce-validators.mjs"
|
|
84
84
|
},
|
|
85
|
-
"./components/input-card-group": {
|
|
86
|
-
"types": "./components/input-card-group/index.d.ts",
|
|
87
|
-
"esm2022": "./esm2022/components/input-card-group/taiga-ui-addon-commerce-components-input-card-group.mjs",
|
|
88
|
-
"esm": "./esm2022/components/input-card-group/taiga-ui-addon-commerce-components-input-card-group.mjs",
|
|
89
|
-
"default": "./fesm2022/taiga-ui-addon-commerce-components-input-card-group.mjs"
|
|
90
|
-
},
|
|
91
85
|
"./components/input-card": {
|
|
92
86
|
"types": "./components/input-card/index.d.ts",
|
|
93
87
|
"esm2022": "./esm2022/components/input-card/taiga-ui-addon-commerce-components-input-card.mjs",
|
|
94
88
|
"esm": "./esm2022/components/input-card/taiga-ui-addon-commerce-components-input-card.mjs",
|
|
95
89
|
"default": "./fesm2022/taiga-ui-addon-commerce-components-input-card.mjs"
|
|
96
90
|
},
|
|
91
|
+
"./components/input-card-group": {
|
|
92
|
+
"types": "./components/input-card-group/index.d.ts",
|
|
93
|
+
"esm2022": "./esm2022/components/input-card-group/taiga-ui-addon-commerce-components-input-card-group.mjs",
|
|
94
|
+
"esm": "./esm2022/components/input-card-group/taiga-ui-addon-commerce-components-input-card-group.mjs",
|
|
95
|
+
"default": "./fesm2022/taiga-ui-addon-commerce-components-input-card-group.mjs"
|
|
96
|
+
},
|
|
97
97
|
"./components/input-cvc": {
|
|
98
98
|
"types": "./components/input-cvc/index.d.ts",
|
|
99
99
|
"esm2022": "./esm2022/components/input-cvc/taiga-ui-addon-commerce-components-input-cvc.mjs",
|