@taiga-ui/addon-commerce 4.52.0-canary.abf3e8c → 4.52.0-canary.ae38a1e

package/components/input-card/input-card.component.d.ts

@@ -7,7 +7,7 @@ export declare class TuiInputCardComponent implements OnInit {
     private readonly control;
     private readonly value;
     private readonly accessor;
-    protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions>;
     protected readonly image: import("@angular/core").Signal<string>;
     readonly binChange: import("@angular/core").OutputRef<string | null>;
     ngOnInit(): void;

package/components/input-card/input-card.d.ts

@@ -1,6 +1,6 @@
 import { TuiLabel } from '@taiga-ui/core/components/label';
 import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
-import { TuiDropdownContent } from '@taiga-ui/core/portals';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputCardComponent } from './input-card.component';
 import { TuiInputCVCDirective } from './input-cvc.directive';
 import { TuiInputExpireDirective } from './input-expire.directive';

package/components/input-card/input-cvc.directive.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
 import * as i2 from "@taiga-ui/core/components/input";
 export declare class TuiInputCVCDirective {
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
     readonly hidden: import("@angular/core").InputSignal<boolean>;
     readonly length: import("@angular/core").InputSignal<3 | 4>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCVCDirective, never>;

package/components/input-card/input-expire.directive.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
 import * as i2 from "@taiga-ui/core/components/input";
 export declare class TuiInputExpireDirective {
-    protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").WritableSignal<import("@maskito/core").MaskitoOptions>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputExpireDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputExpireDirective, "input[tuiInputExpire]", never, {}, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/input-card-group/input-card-group.component.d.ts

@@ -1,6 +1,5 @@
 import { type Signal } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
@@ -20,15 +19,19 @@ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implem
     private readonly doc;
     private readonly isServer;
     private readonly focus$;
-    private expirePrefilled;
+    private readonly expirePrefilled;
     private readonly paymentSystems;
     private readonly options;
     private readonly el;
     private readonly hover;
     private readonly focusedIn;
-    protected readonly exampleTextCVC: Signal<string>;
-    protected readonly maskCVC: Signal<import("@maskito/core").MaskitoOptions>;
-    protected cvcHidden: boolean;
+    protected readonly cvcMask: Signal<import("@maskito/core").MaskitoOptions>;
+    protected readonly cvcHidden: boolean;
+    protected readonly cvcPlaceholder: Signal<string>;
+    protected readonly cvcPrefilled: Signal<boolean>;
+    protected readonly cardPrefilled: Signal<boolean>;
+    protected readonly focusable: Signal<boolean>;
+    protected readonly expireFocusable: Signal<boolean>;
     protected readonly isMobile: boolean;
     protected readonly isWebkit: boolean;
     protected readonly dropdown: TuiDropdownDirective;
@@ -36,58 +39,44 @@ export declare class TuiInputCardGroup extends TuiControl<TuiCard | null> implem
     protected readonly maskExpire: Required<import("@maskito/core").MaskitoOptions>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly textfield: import("@taiga-ui/core/components/textfield").TuiTextfieldOptions;
-    protected readonly texts: Signal<import("./input-card-group.providers").TuiCardGroupedTexts | undefined>;
+    protected readonly texts: Signal<import("./input-card-group.providers").TuiCardGroupedTexts>;
     protected readonly open: import("@angular/core").ModelSignal<boolean>;
     protected readonly $: import("rxjs").Subscription | import("rxjs").Observable<never>;
+    protected readonly card: Signal<string>;
+    protected readonly expire: Signal<string>;
+    protected readonly cvc: Signal<string>;
     protected readonly m: Signal<string | readonly string[] | null>;
     protected readonly appearance: Signal<string>;
     protected readonly state: Signal<unknown>;
     protected readonly focus: Signal<boolean | null>;
     protected readonly labelRaised: Signal<boolean>;
-    protected readonly hasCleaner: Signal<boolean>;
-    /**
-     * @deprecated use 'placeholder' instead
-     */
-    readonly exampleText: import("@angular/core").InputSignal<string>;
+    protected readonly hasCleaner: Signal<boolean | "">;
+    protected readonly bin: Signal<string | null>;
+    protected readonly content: Signal<PolymorpheusContent>;
     readonly placeholder: import("@angular/core").InputSignal<string>;
     readonly inputs: import("@angular/core").InputSignal<import("./input-card-group.options").TuiCardInputs>;
-    readonly cardValidator: import("@angular/core").InputSignal<TuiBooleanHandler<string>>;
+    readonly cardValidator: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiBooleanHandler<string>>;
     readonly icon: import("@angular/core").InputSignal<PolymorpheusContent>;
     readonly id: import("@angular/core").InputSignal<string>;
-    readonly codeLength: import("@angular/core").InputSignal<4 | 3 | undefined>;
+    readonly codeLength: import("@angular/core").InputSignal<3 | 4 | undefined>;
     readonly binChange: import("@angular/core").OutputEmitterRef<string | null>;
-    get bin(): string | null;
     writeValue(value: TuiCard | null): void;
-    /** Public API for manual focus management */
     focusCard(): void;
     focusExpire(): void;
     focusCVC(): void;
     handleOption(option: Partial<TuiCard> | null): void;
     clear(): void;
-    onResize(): void;
-    protected get content(): PolymorpheusContent;
-    protected get card(): string;
-    protected get expire(): string;
-    protected get cvc(): string;
     protected get cardCollapsed(): boolean;
-    protected get tailLength(): number;
-    protected get cardPrefilled(): boolean;
-    protected get cvcPrefilled(): boolean;
-    protected get cardFocusable(): boolean;
-    protected get expireFocusable(): boolean;
-    protected get cvcFocusable(): boolean;
-    protected get masked(): string;
+    protected onResize(): void;
     protected onCardChange(card: string): void;
     protected onExpireChange(expire: string): void;
     protected onCVCChange(cvc: string): void;
     protected getStyle({ offsetWidth }: HTMLSpanElement): string;
     protected onPointerDown(event: MouseEvent): void;
     protected toggle(): void;
-    private isFocusable;
-    private getPaymentSystem;
     private updateBin;
     private updateProperty;
     private focusInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCardGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCardGroup, "tui-input-card-group", never, { "exampleText": { "alias": "exampleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputs": { "alias": "inputs"; "required": false; "isSignal": true; }; "cardValidator": { "alias": "cardValidator"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "codeLength": { "alias": "codeLength"; "required": false; "isSignal": true; }; }, { "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: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputCardGroup, "tui-input-card-group", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputs": { "alias": "inputs"; "required": false; "isSignal": true; }; "cardValidator": { "alias": "cardValidator"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "codeLength": { "alias": "codeLength"; "required": false; "isSignal": true; }; }, { "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: {}; }]>;
 }

package/components/input-card-group/input-card-group.directive.d.ts

@@ -1,10 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiInputCardGroupDirective {
-    private readonly c$;
-    private readonly m$;
-    readonly compact$: import("rxjs").Observable<boolean>;
-    readonly compact: import("@angular/core").Signal<boolean>;
-    set compactSetter(compact: boolean);
+    protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile">;
+    readonly compact: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCardGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCardGroupDirective, never, never, { "compactSetter": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputCardGroupDirective, never, never, { "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/input-card-group/input-card-group.options.d.ts

@@ -5,8 +5,8 @@ export interface TuiCardInputs {
 }
 export interface TuiInputCardGroupOptions {
     readonly cardValidator: TuiBooleanHandler<string>;
-    readonly exampleText: string;
-    readonly exampleTextCVC: string;
+    readonly placeholder: string;
+    readonly cvcPlaceholder: string;
     readonly cvcHidden: boolean;
     readonly inputs: TuiCardInputs;
 }

package/components/input-card-group/input-card-group.providers.d.ts

@@ -1,12 +1,11 @@
-import { InjectionToken } from '@angular/core';
-import { type Observable } from 'rxjs';
+import { InjectionToken, type Signal } from '@angular/core';
 export interface TuiCardGroupedTexts {
     readonly cardNumberText: string;
     readonly cvcText: string;
     readonly expiryText: string;
 }
-export declare const TUI_INPUT_CARD_GROUP_TEXTS: InjectionToken<Observable<TuiCardGroupedTexts>>;
+export declare const TUI_INPUT_CARD_GROUP_TEXTS: InjectionToken<Signal<TuiCardGroupedTexts>>;
 export declare const TUI_INPUT_CARD_GROUP_TEXTS_PROVIDER: {
-    provide: InjectionToken<Observable<TuiCardGroupedTexts>>;
-    useFactory: () => Observable<TuiCardGroupedTexts>;
+    provide: InjectionToken<Signal<TuiCardGroupedTexts>>;
+    useFactory: () => Signal<TuiCardGroupedTexts>;
 };