@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 +1 @@
1
- {"version":3,"file":"taiga-ui-addon-commerce-components-thumbnail-card.mjs","sources":["../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.options.ts","../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.template.html","../../../projects/addon-commerce/components/thumbnail-card/taiga-ui-addon-commerce-components-thumbnail-card.ts"],"sourcesContent":["import {inject, InjectionToken} from '@angular/core';\nimport {TUI_PAYMENT_SYSTEM_ICONS} from '@taiga-ui/addon-commerce/tokens';\nimport {type TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiThumbnailCardOptions {\n readonly size: TuiSizeL | TuiSizeXS;\n readonly icons: Record<TuiPaymentSystem, string>;\n}\n\nexport const TUI_THUMBNAIL_CARD_OPTIONS = new InjectionToken<TuiThumbnailCardOptions>(\n ngDevMode ? 'TUI_THUMBNAIL_CARD_OPTIONS' : '',\n {\n factory: () => ({\n icons: inject(TUI_PAYMENT_SYSTEM_ICONS),\n size: 'm',\n }),\n },\n);\n","import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';\nimport {type TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nimport {TUI_THUMBNAIL_CARD_OPTIONS} from './thumbnail-card.options';\n\n@Component({\n selector: 'tui-thumbnail-card',\n imports: [TuiIcon],\n templateUrl: './thumbnail-card.template.html',\n styleUrls: ['./thumbnail-card.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiThumbnailCard {\n protected readonly options = inject(TUI_THUMBNAIL_CARD_OPTIONS);\n\n @Input()\n public size: TuiSizeL | TuiSizeXS = this.options.size;\n\n @Input()\n public paymentSystem: TuiPaymentSystem | null = null;\n\n @Input()\n public iconStart = '';\n\n @Input()\n public iconEnd = '';\n}\n","<div class=\"t-left t-icon\">\n <ng-content select=\"img\">\n @if (iconStart) {\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconStart\"\n />\n }\n </ng-content>\n</div>\n\n@if (iconEnd) {\n <tui-icon\n class=\"t-right t-icon\"\n [icon]=\"iconEnd\"\n />\n}\n\n<div class=\"t-content\">\n <ng-content />\n</div>\n\n@if (paymentSystem) {\n <tui-icon\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAUa,MAAA,0BAA0B,GAAG,IAAI,cAAc,CACxD,SAAS,GAAG,4BAA4B,GAAG,EAAE,EAC7C;AACI,IAAA,OAAO,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACvC,QAAA,IAAI,EAAE,GAAG;KACZ,CAAC;AACL,CAAA;;MCAQ,gBAAgB,CAAA;AAV7B,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,0BAA0B,CAAC;AAGxD,QAAA,IAAA,CAAA,IAAI,GAAyB,IAAI,CAAC,OAAO,CAAC,IAAI;QAG9C,IAAa,CAAA,aAAA,GAA4B,IAAI;QAG7C,IAAS,CAAA,SAAA,GAAG,EAAE;QAGd,IAAO,CAAA,OAAA,GAAG,EAAE;AACtB;+GAdY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7B,ohBA4BA,EAAA,MAAA,EAAA,CAAA,i7EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnBc,OAAO,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAQR,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;+BACI,oBAAoB,EAAA,OAAA,EACrB,CAAC,OAAO,CAAC,mBAGD,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA,EAAA,QAAA,EAAA,ohBAAA,EAAA,MAAA,EAAA,CAAA,i7EAAA,CAAA,EAAA;8BAMM,IAAI,EAAA,CAAA;sBADV;gBAIM,aAAa,EAAA,CAAA;sBADnB;gBAIM,SAAS,EAAA,CAAA;sBADf;gBAIM,OAAO,EAAA,CAAA;sBADb;;;AE7BL;;AAEG;;;;"}
1
+ {"version":3,"file":"taiga-ui-addon-commerce-components-thumbnail-card.mjs","sources":["../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.options.ts","../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/addon-commerce/components/thumbnail-card/thumbnail-card.template.html","../../../projects/addon-commerce/components/thumbnail-card/taiga-ui-addon-commerce-components-thumbnail-card.ts"],"sourcesContent":["import {inject, InjectionToken} from '@angular/core';\nimport {TUI_PAYMENT_SYSTEM_ICONS} from '@taiga-ui/addon-commerce/tokens';\nimport {type TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiThumbnailCardOptions {\n readonly size: TuiSizeL | TuiSizeXS;\n readonly icons: Record<TuiPaymentSystem, string>;\n}\n\nexport const TUI_THUMBNAIL_CARD_OPTIONS = new InjectionToken<TuiThumbnailCardOptions>(\n ngDevMode ? 'TUI_THUMBNAIL_CARD_OPTIONS' : '',\n {\n factory: () => ({\n icons: inject(TUI_PAYMENT_SYSTEM_ICONS),\n size: 'm',\n }),\n },\n);\n","import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {type TuiPaymentSystem} from '@taiga-ui/addon-commerce/types';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nimport {TUI_THUMBNAIL_CARD_OPTIONS} from './thumbnail-card.options';\n\n@Component({\n selector: 'tui-thumbnail-card',\n imports: [TuiIcon],\n templateUrl: './thumbnail-card.template.html',\n styleUrl: './thumbnail-card.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiThumbnailCard {\n protected readonly options = inject(TUI_THUMBNAIL_CARD_OPTIONS);\n\n public readonly size = input<TuiSizeL | TuiSizeXS>(this.options.size);\n\n public readonly paymentSystem = input<TuiPaymentSystem | null>(null);\n\n public readonly iconStart = input<string>('');\n\n public readonly iconEnd = input<string>('');\n}\n","<div class=\"t-left t-icon\">\n <ng-content select=\"img\">\n @if (iconStart()) {\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconStart()\"\n />\n }\n </ng-content>\n</div>\n\n@if (iconEnd()) {\n <tui-icon\n class=\"t-right t-icon\"\n [icon]=\"iconEnd()\"\n />\n}\n\n<div class=\"t-content\">\n <ng-content />\n</div>\n\n@let system = paymentSystem();\n\n@if (system) {\n <tui-icon\n class=\"t-logo\"\n [icon]=\"options.icons[system]\"\n />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAUa,MAAA,0BAA0B,GAAG,IAAI,cAAc,CACxD,SAAS,GAAG,4BAA4B,GAAG,EAAE,EAC7C;AACI,IAAA,OAAO,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACvC,QAAA,IAAI,EAAE,GAAG;KACZ,CAAC;AACL,CAAA;;MCAQ,gBAAgB,CAAA;AAV7B,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,0BAA0B,CAAC;QAE/C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAuB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAErD,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,IAAI,CAAC;AAEpD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,EAAE,CAAC;AAE7B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,CAAC;AAC9C;+GAVY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7B,gjBA8BA,EAAA,MAAA,EAAA,CAAA,y8EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrBc,OAAO,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAQR,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;+BACI,oBAAoB,EAAA,OAAA,EACrB,CAAC,OAAO,CAAC,mBAGD,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,gjBAAA,EAAA,MAAA,EAAA,CAAA,y8EAAA,CAAA,EAAA;;;AEfL;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/addon-commerce",
3
- "version": "4.52.0-canary.e444d19",
3
+ "version": "4.52.0-canary.eb5ffe3",
4
4
  "description": "Extension package for Taiga UI related to commerce, payment systems, currencies etc.",
5
5
  "keywords": [
6
6
  "angular",
@@ -17,10 +17,10 @@
17
17
  "@angular/common": ">=19.0.0",
18
18
  "@angular/core": ">=19.0.0",
19
19
  "@angular/forms": ">=19.0.0",
20
- "@maskito/angular": "^3.10.3",
21
- "@maskito/core": "^3.10.3",
22
- "@maskito/kit": "^3.10.3",
23
- "@ng-web-apis/common": "^4.12.0",
20
+ "@maskito/angular": "^4.0.0",
21
+ "@maskito/core": "^4.0.0",
22
+ "@maskito/kit": "^4.0.0",
23
+ "@ng-web-apis/common": "^4.12.2",
24
24
  "@taiga-ui/cdk": "^4.52.0",
25
25
  "@taiga-ui/core": "^4.52.0",
26
26
  "@taiga-ui/i18n": "^4.52.0",
@@ -78,10 +78,6 @@
78
78
  "types": "./components/input-cvc/index.d.ts",
79
79
  "default": "./fesm2022/taiga-ui-addon-commerce-components-input-cvc.mjs"
80
80
  },
81
- "./components/input-expire": {
82
- "types": "./components/input-expire/index.d.ts",
83
- "default": "./fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs"
84
- },
85
81
  "./components/thumbnail-card": {
86
82
  "types": "./components/thumbnail-card/index.d.ts",
87
83
  "default": "./fesm2022/taiga-ui-addon-commerce-components-thumbnail-card.mjs"
@@ -94,6 +90,10 @@
94
90
  "types": "./pipes/currency/index.d.ts",
95
91
  "default": "./fesm2022/taiga-ui-addon-commerce-pipes-currency.mjs"
96
92
  },
93
+ "./components/input-expire": {
94
+ "types": "./components/input-expire/index.d.ts",
95
+ "default": "./fesm2022/taiga-ui-addon-commerce-components-input-expire.mjs"
96
+ },
97
97
  "./pipes/decimal": {
98
98
  "types": "./pipes/decimal/index.d.ts",
99
99
  "default": "./fesm2022/taiga-ui-addon-commerce-pipes-decimal.mjs"
package/tokens/i18n.d.ts CHANGED
@@ -3,11 +3,11 @@ import { type Observable } from 'rxjs';
3
3
  /**
4
4
  * Number and card number i18n
5
5
  */
6
- export declare const TUI_CARD_NUMBER_TEXTS: InjectionToken<Observable<readonly [number: string, card_number: string]>>;
6
+ export declare const TUI_CARD_NUMBER_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [number: string, card_number: string]>>;
7
7
  /**
8
8
  * Expiry and card expiry i18n
9
9
  */
10
- export declare const TUI_CARD_EXPIRY_TEXTS: InjectionToken<Observable<readonly [expiry: string, expiry_date: string]>>;
10
+ export declare const TUI_CARD_EXPIRY_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [expiry: string, expiry_date: string]>>;
11
11
  /**
12
12
  * Card CVC number text [mobile, desktop]
13
13
  */
@@ -1,12 +0,0 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
2
- import { type TuiPaymentSystem } from '@taiga-ui/addon-commerce/types';
3
- import { type TuiHandler } from '@taiga-ui/cdk/types';
4
- export interface TuiInputCardOptions {
5
- /** @deprecated apparently "off" doesn't disable autocomplete */
6
- readonly autocomplete: boolean;
7
- readonly icon: string | null;
8
- readonly paymentSystemHandler: TuiHandler<string | null | undefined, TuiPaymentSystem | null>;
9
- }
10
- export declare const TUI_INPUT_CARD_DEFAULT_OPTIONS: TuiInputCardOptions;
11
- export declare const TUI_INPUT_CARD_OPTIONS: InjectionToken<TuiInputCardOptions>;
12
- export declare function tuiInputCardOptionsProvider(options: Partial<TuiInputCardOptions>): Provider;