@taiga-ui/addon-commerce 4.52.0-canary.e444d19 → 4.52.0-canary.eb5ffe3

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.
Files changed (23) hide show
  1. package/components/input-card/index.d.ts +0 -1
  2. package/components/input-card/input-card.component.d.ts +3 -9
  3. package/components/input-card-group/index.d.ts +1 -0
  4. package/components/input-card-group/input-card-group.component.d.ts +9 -11
  5. package/components/input-card-group/input-card-group.directive.d.ts +10 -0
  6. package/components/input-card-group/input-card-group.options.d.ts +1 -2
  7. package/components/input-card-group/input-card-group.providers.d.ts +4 -3
  8. package/components/input-cvc/input-cvc.directive.d.ts +5 -9
  9. package/components/input-expire/input-expire.directive.d.ts +1 -3
  10. package/components/thumbnail-card/thumbnail-card.component.d.ts +5 -6
  11. package/fesm2022/taiga-ui-addon-commerce-components-input-card-group.mjs +81 -83
  12. package/fesm2022/taiga-ui-addon-commerce-components-input-card-group.mjs.map +1 -1
  13. package/fesm2022/taiga-ui-addon-commerce-components-input-card.mjs +28 -59
  14. package/fesm2022/taiga-ui-addon-commerce-components-input-card.mjs.map +1 -1
  15. package/fesm2022/taiga-ui-addon-commerce-components-input-cvc.mjs +8 -21
  16. package/fesm2022/taiga-ui-addon-commerce-components-input-cvc.mjs.map +1 -1
  17. package/fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs +3 -8
  18. package/fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-addon-commerce-components-thumbnail-card.mjs +9 -17
  20. package/fesm2022/taiga-ui-addon-commerce-components-thumbnail-card.mjs.map +1 -1
  21. package/package.json +9 -9
  22. package/tokens/i18n.d.ts +2 -2
  23. package/components/input-card/input-card.options.d.ts +0 -12
@@ -1,2 +1 @@
1
1
  export * from './input-card.component';
2
- export * from './input-card.options';
@@ -4,19 +4,13 @@ import * as i1 from "@maskito/angular";
4
4
  import * as i2 from "@taiga-ui/core/components/textfield";
5
5
  export declare class TuiInputCard implements OnInit {
6
6
  private readonly icons;
7
- private readonly options;
8
- private readonly resolver;
9
7
  private readonly control;
10
8
  private readonly value;
11
- private readonly icon;
12
9
  private readonly accessor;
13
10
  protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions | null>;
14
- protected readonly image: import("@angular/core").Signal<string | null>;
15
- /** @deprecated apparently "off" doesn't disable autocomplete */
16
- autocomplete: boolean;
17
- readonly binChange: import("rxjs").Observable<string | null>;
18
- set iconValue(icon: string | null);
11
+ protected readonly image: import("@angular/core").Signal<string>;
12
+ readonly binChange: import("@angular/core").OutputRef<string | null>;
19
13
  ngOnInit(): void;
20
14
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCard, never>;
21
- 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: {}; }]>;
15
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCard, "input[tuiInputCard]", never, {}, { "binChange": "binChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
22
16
  }
@@ -1,3 +1,4 @@
1
1
  export * from './input-card-group.component';
2
+ export * from './input-card-group.directive';
2
3
  export * from './input-card-group.options';
3
4
  export * from './input-card-group.providers';
@@ -1,4 +1,4 @@
1
- import { type AfterViewInit, EventEmitter, type Signal } from '@angular/core';
1
+ import { EventEmitter, type Signal } from '@angular/core';
2
2
  import { TuiControl } from '@taiga-ui/cdk/classes';
3
3
  import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
4
4
  import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
@@ -7,16 +7,16 @@ import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
7
7
  import * as i0 from "@angular/core";
8
8
  import * as i1 from "@taiga-ui/core/directives/appearance";
9
9
  import * as i2 from "@taiga-ui/core/directives/dropdown";
10
- import * as i3 from "@taiga-ui/core/components/textfield";
10
+ import * as i3 from "./input-card-group.directive";
11
11
  export interface TuiCard {
12
12
  card: string;
13
13
  cvc: string;
14
14
  expire: string;
15
15
  }
16
- export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implements TuiDataListHost<Partial<TuiCard>>, AfterViewInit {
17
- private readonly inputCard?;
18
- private readonly inputExpire?;
19
- private readonly inputCVC?;
16
+ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implements TuiDataListHost<Partial<TuiCard>> {
17
+ private readonly inputCard;
18
+ private readonly inputExpire;
19
+ private readonly inputCVC;
20
20
  private readonly doc;
21
21
  private readonly isServer;
22
22
  private readonly focus$;
@@ -35,11 +35,12 @@ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implem
35
35
  protected readonly maskCard: import("@maskito/core").MaskitoOptions;
36
36
  protected readonly maskExpire: Required<import("@maskito/core").MaskitoOptions>;
37
37
  protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
38
+ protected readonly textfield: import("@taiga-ui/core/components/textfield").TuiTextfieldOptions;
38
39
  protected readonly texts: Signal<import("./input-card-group.providers").TuiCardGroupedTexts | undefined>;
39
40
  protected readonly open: import("@angular/core").WritableSignal<boolean>;
40
41
  protected readonly $: import("rxjs").Subscription | import("rxjs").Observable<never>;
41
42
  protected readonly m: Signal<string | readonly string[] | null>;
42
- protected readonly appearance: import("@angular/core").WritableSignal<string>;
43
+ protected readonly appearance: Signal<string>;
43
44
  protected readonly state: Signal<unknown>;
44
45
  protected readonly focus: Signal<boolean | null>;
45
46
  protected readonly labelRaised: Signal<boolean>;
@@ -53,12 +54,9 @@ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implem
53
54
  cardValidator: TuiBooleanHandler<string>;
54
55
  icon: PolymorpheusContent;
55
56
  id: string;
56
- /** @deprecated apparently "off" doesn't disable autocomplete */
57
- autocomplete: boolean;
58
57
  readonly binChange: EventEmitter<string | null>;
59
58
  set codeLength(length: 3 | 4);
60
59
  get bin(): string | null;
61
- ngAfterViewInit(): void;
62
60
  writeValue(value: TuiCard | null): void;
63
61
  /** Public API for manual focus management */
64
62
  focusCard(): void;
@@ -91,5 +89,5 @@ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implem
91
89
  private updateProperty;
92
90
  private focusInput;
93
91
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCardGroup, never>;
94
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCardGroup, "tui-input-card-group", never, { "exampleText": { "alias": "exampleText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "cardValidator": { "alias": "cardValidator"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "id": { "alias": "id"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "codeLength": { "alias": "codeLength"; "required": false; }; }, { "binChange": "binChange"; }, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
92
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCardGroup, "tui-input-card-group", never, { "exampleText": { "alias": "exampleText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "cardValidator": { "alias": "cardValidator"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "id": { "alias": "id"; "required": false; }; "codeLength": { "alias": "codeLength"; "required": false; }; }, { "binChange": "binChange"; }, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiInputCardGroupDirective; inputs: { "compact": "compact"; }; outputs: {}; }]>;
95
93
  }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TuiInputCardGroupDirective {
3
+ private readonly c$;
4
+ private readonly m$;
5
+ readonly compact$: import("rxjs").Observable<boolean>;
6
+ readonly compact: import("@angular/core").Signal<boolean>;
7
+ set compactSetter(compact: boolean);
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCardGroupDirective, never>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCardGroupDirective, never, never, { "compactSetter": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
10
+ }
@@ -1,11 +1,10 @@
1
1
  import { InjectionToken, type Provider } from '@angular/core';
2
- import { type TuiInputCardOptions } from '@taiga-ui/addon-commerce/components/input-card';
3
2
  import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
4
3
  export interface TuiCardInputs {
5
4
  cvc: boolean;
6
5
  expire: boolean;
7
6
  }
8
- export interface TuiInputCardGroupOptions extends TuiInputCardOptions {
7
+ export interface TuiInputCardGroupOptions {
9
8
  readonly cardValidator: TuiBooleanHandler<string>;
10
9
  readonly exampleText: string;
11
10
  readonly exampleTextCVC: string;
@@ -5,7 +5,8 @@ export interface TuiCardGroupedTexts {
5
5
  readonly cvcText: string;
6
6
  readonly expiryText: string;
7
7
  }
8
- /**
9
- * InputCardGroup texts
10
- */
11
8
  export declare const TUI_INPUT_CARD_GROUP_TEXTS: InjectionToken<Observable<TuiCardGroupedTexts>>;
9
+ export declare const TUI_INPUT_CARD_GROUP_TEXTS_PROVIDER: {
10
+ provide: InjectionToken<Observable<TuiCardGroupedTexts>>;
11
+ useFactory: () => Observable<TuiCardGroupedTexts>;
12
+ };
@@ -1,14 +1,10 @@
1
- import { type OnChanges } from '@angular/core';
2
1
  import * as i0 from "@angular/core";
3
2
  import * as i1 from "@maskito/angular";
4
3
  import * as i2 from "@taiga-ui/core/components/textfield";
5
- export declare class TuiInputCVC implements OnChanges {
6
- private readonly mask;
7
- /** @deprecated apparently "off" doesn't disable autocomplete */
8
- autocomplete: boolean;
9
- hidden: boolean;
10
- length: 3 | 4;
11
- ngOnChanges(): void;
4
+ export declare class TuiInputCVC {
5
+ protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
6
+ readonly hidden: import("@angular/core").InputSignal<boolean>;
7
+ readonly length: import("@angular/core").InputSignal<3 | 4>;
12
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCVC, never>;
13
- 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: {}; }]>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCVC, "input[tuiInputCVC]", never, { "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
14
10
  }
@@ -3,8 +3,6 @@ import * as i1 from "@maskito/angular";
3
3
  import * as i2 from "@taiga-ui/core/components/textfield";
4
4
  export declare class TuiInputExpire {
5
5
  protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions | null>;
6
- /** @deprecated apparently "off" doesn't disable autocomplete */
7
- autocomplete: boolean;
8
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputExpire, never>;
9
- 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: {}; }]>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputExpire, "input[tuiInputExpire]", never, {}, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
10
8
  }
@@ -1,12 +1,11 @@
1
1
  import { type TuiPaymentSystem } from '@taiga-ui/addon-commerce/types';
2
- import { type TuiSizeL, type TuiSizeXS } from '@taiga-ui/core/types';
3
2
  import * as i0 from "@angular/core";
4
3
  export declare class TuiThumbnailCard {
5
4
  protected readonly options: import("./thumbnail-card.options").TuiThumbnailCardOptions;
6
- size: TuiSizeL | TuiSizeXS;
7
- paymentSystem: TuiPaymentSystem | null;
8
- iconStart: string;
9
- iconEnd: string;
5
+ readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | "xs">;
6
+ readonly paymentSystem: import("@angular/core").InputSignal<TuiPaymentSystem | null>;
7
+ readonly iconStart: import("@angular/core").InputSignal<string>;
8
+ readonly iconEnd: import("@angular/core").InputSignal<string>;
10
9
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiThumbnailCard, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCard, "tui-thumbnail-card", never, { "size": { "alias": "size"; "required": false; }; "paymentSystem": { "alias": "paymentSystem"; "required": false; }; "iconStart": { "alias": "iconStart"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; }, {}, never, ["img", "*"], true, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCard, "tui-thumbnail-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "paymentSystem": { "alias": "paymentSystem"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; }, {}, never, ["img", "*"], true, never>;
12
11
  }