@taiga-ui/experimental 3.87.0 → 3.88.0
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/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js +18 -23
- package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js.map +1 -1
- package/components/thumbnail-card/index.d.ts +1 -0
- package/components/thumbnail-card/thumbnail-card.component.d.ts +7 -6
- package/components/thumbnail-card/thumbnail-card.options.d.ts +9 -0
- package/esm2015/components/thumbnail-card/index.js +2 -1
- package/esm2015/components/thumbnail-card/thumbnail-card.component.js +9 -17
- package/esm2015/components/thumbnail-card/thumbnail-card.options.js +8 -0
- package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js +16 -17
- package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/addon-commerce'), require('@taiga-ui/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/thumbnail-card', ['exports', '@angular/core', '@taiga-ui/addon-commerce', '@taiga-ui/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components["thumbnail-card"] = {}), global.ng.core, global
|
|
5
|
-
})(this, (function (exports, i0, addonCommerce,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/experimental/tokens'), require('@taiga-ui/addon-commerce'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/components/icon'), require('@angular/common')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/thumbnail-card', ['exports', '@angular/core', '@taiga-ui/experimental/tokens', '@taiga-ui/addon-commerce', '@taiga-ui/cdk', '@taiga-ui/experimental/components/icon', '@angular/common'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components["thumbnail-card"] = {}), global.ng.core, global["taiga-ui"].experimental.tokens, global.addonCommerce, global.cdk, global["taiga-ui"].experimental.components.icon, global.ng.common));
|
|
5
|
+
})(this, (function (exports, i0, tokens, addonCommerce, cdk, i1, i2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -26,34 +26,26 @@
|
|
|
26
26
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
27
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
28
28
|
|
|
29
|
+
var TUI_THUMBNAIL_CARD_OPTIONS = cdk.tuiCreateToken({
|
|
30
|
+
icons: addonCommerce.TUI_PAYMENT_SYSTEM_ICONS,
|
|
31
|
+
size: 'm',
|
|
32
|
+
monoHandler: function (ps) { return ps === 'mir' || ps === 'visa' || ps === 'electron'; },
|
|
33
|
+
});
|
|
34
|
+
|
|
29
35
|
var TuiThumbnailCardComponent = /** @class */ (function () {
|
|
30
36
|
function TuiThumbnailCardComponent(resolver, options) {
|
|
31
37
|
this.resolver = resolver;
|
|
32
38
|
this.options = options;
|
|
33
|
-
this.size =
|
|
39
|
+
this.size = this.options.size;
|
|
34
40
|
this.paymentSystem = null;
|
|
35
41
|
this.iconLeft = '';
|
|
36
42
|
this.iconRight = '';
|
|
43
|
+
this.monoHandler = this.options.monoHandler;
|
|
37
44
|
}
|
|
38
|
-
Object.defineProperty(TuiThumbnailCardComponent.prototype, "isMono", {
|
|
39
|
-
// TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options
|
|
40
|
-
get: function () {
|
|
41
|
-
switch (this.paymentSystem) {
|
|
42
|
-
case 'mir':
|
|
43
|
-
case 'visa':
|
|
44
|
-
case 'electron':
|
|
45
|
-
return true;
|
|
46
|
-
default:
|
|
47
|
-
return false;
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
enumerable: false,
|
|
51
|
-
configurable: true
|
|
52
|
-
});
|
|
53
45
|
return TuiThumbnailCardComponent;
|
|
54
46
|
}());
|
|
55
|
-
TuiThumbnailCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiThumbnailCardComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }, { token:
|
|
56
|
-
TuiThumbnailCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0__namespace, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"
|
|
47
|
+
TuiThumbnailCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiThumbnailCardComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }, { token: TUI_THUMBNAIL_CARD_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
48
|
+
TuiThumbnailCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight", monoHandler: "monoHandler" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0__namespace, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"monoHandler(paymentSystem); else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1__namespace.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
57
49
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiThumbnailCardComponent, decorators: [{
|
|
58
50
|
type: i0.Component,
|
|
59
51
|
args: [{
|
|
@@ -68,7 +60,7 @@
|
|
|
68
60
|
args: [tokens.TUI_ICON_RESOLVER]
|
|
69
61
|
}] }, { type: undefined, decorators: [{
|
|
70
62
|
type: i0.Inject,
|
|
71
|
-
args: [
|
|
63
|
+
args: [TUI_THUMBNAIL_CARD_OPTIONS]
|
|
72
64
|
}] }];
|
|
73
65
|
}, propDecorators: { size: [{
|
|
74
66
|
type: i0.Input
|
|
@@ -81,6 +73,8 @@
|
|
|
81
73
|
type: i0.Input
|
|
82
74
|
}], iconRight: [{
|
|
83
75
|
type: i0.Input
|
|
76
|
+
}], monoHandler: [{
|
|
77
|
+
type: i0.Input
|
|
84
78
|
}] } });
|
|
85
79
|
|
|
86
80
|
var TuiThumbnailCardModule = /** @class */ (function () {
|
|
@@ -104,6 +98,7 @@
|
|
|
104
98
|
* Generated bundle index. Do not edit.
|
|
105
99
|
*/
|
|
106
100
|
|
|
101
|
+
exports.TUI_THUMBNAIL_CARD_OPTIONS = TUI_THUMBNAIL_CARD_OPTIONS;
|
|
107
102
|
exports.TuiThumbnailCardComponent = TuiThumbnailCardComponent;
|
|
108
103
|
exports.TuiThumbnailCardModule = TuiThumbnailCardModule;
|
|
109
104
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.umd.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.umd.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.options.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {TUI_PAYMENT_SYSTEM_ICONS, TuiPaymentSystem} from '@taiga-ui/addon-commerce';\nimport {TuiBooleanHandler, tuiCreateToken} from '@taiga-ui/cdk';\nimport type {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiThumbnailCardOptions {\n readonly size: TuiSizeL | TuiSizeS;\n readonly icons: Record<TuiPaymentSystem, string>;\n readonly monoHandler: TuiBooleanHandler<TuiPaymentSystem>;\n}\n\nexport const TUI_THUMBNAIL_CARD_OPTIONS = tuiCreateToken<TuiThumbnailCardOptions>({\n icons: TUI_PAYMENT_SYSTEM_ICONS,\n size: 'm',\n monoHandler: ps => ps === 'mir' || ps === 'visa' || ps === 'electron',\n});\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce';\nimport {TuiBooleanHandler, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {\n TUI_THUMBNAIL_CARD_OPTIONS,\n TuiThumbnailCardOptions,\n} from './thumbnail-card.options';\n\n@Component({\n selector: 'tui-thumbnail-card',\n templateUrl: './thumbnail-card.template.html',\n styleUrls: ['./thumbnail-card.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = this.options.size;\n\n @Input()\n paymentSystem: TuiPaymentSystem | null = null;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n @Input()\n monoHandler: TuiBooleanHandler<TuiPaymentSystem> = this.options.monoHandler;\n\n constructor(\n @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_THUMBNAIL_CARD_OPTIONS) readonly options: TuiThumbnailCardOptions,\n ) {}\n}\n","<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"monoHandler(paymentSystem); else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n imports: [CommonModule, TuiIconModule],\n declarations: [TuiThumbnailCardComponent],\n exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","TUI_PAYMENT_SYSTEM_ICONS","TUI_ICON_RESOLVER","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","HostBinding","CommonModule","TuiIconModule","NgModule"],"mappings":"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"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TuiStringHandler } from '@taiga-ui/cdk';
|
|
1
|
+
import { TuiPaymentSystem } from '@taiga-ui/addon-commerce';
|
|
2
|
+
import { TuiBooleanHandler, TuiStringHandler } from '@taiga-ui/cdk';
|
|
3
3
|
import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
|
|
4
|
+
import { TuiThumbnailCardOptions } from './thumbnail-card.options';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class TuiThumbnailCardComponent {
|
|
6
7
|
readonly resolver: TuiStringHandler<string>;
|
|
7
|
-
readonly options:
|
|
8
|
+
readonly options: TuiThumbnailCardOptions;
|
|
8
9
|
size: TuiSizeL | TuiSizeS;
|
|
9
10
|
paymentSystem: TuiPaymentSystem | null;
|
|
10
11
|
iconLeft: string;
|
|
11
12
|
iconRight: string;
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
monoHandler: TuiBooleanHandler<TuiPaymentSystem>;
|
|
14
|
+
constructor(resolver: TuiStringHandler<string>, options: TuiThumbnailCardOptions);
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiThumbnailCardComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCardComponent, "tui-thumbnail-card", never, { "size": "size"; "paymentSystem": "paymentSystem"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never, ["*"]>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCardComponent, "tui-thumbnail-card", never, { "size": "size"; "paymentSystem": "paymentSystem"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; "monoHandler": "monoHandler"; }, {}, never, ["*"]>;
|
|
16
17
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TuiPaymentSystem } from '@taiga-ui/addon-commerce';
|
|
2
|
+
import { TuiBooleanHandler } from '@taiga-ui/cdk';
|
|
3
|
+
import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
|
|
4
|
+
export interface TuiThumbnailCardOptions {
|
|
5
|
+
readonly size: TuiSizeL | TuiSizeS;
|
|
6
|
+
readonly icons: Record<TuiPaymentSystem, string>;
|
|
7
|
+
readonly monoHandler: TuiBooleanHandler<TuiPaymentSystem>;
|
|
8
|
+
}
|
|
9
|
+
export declare const TUI_THUMBNAIL_CARD_OPTIONS: import("@angular/core").InjectionToken<TuiThumbnailCardOptions>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './thumbnail-card.component';
|
|
2
2
|
export * from './thumbnail-card.module';
|
|
3
|
-
|
|
3
|
+
export * from './thumbnail-card.options';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy90aHVtYm5haWwtY2FyZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGh1bWJuYWlsLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGh1bWJuYWlsLWNhcmQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vdGh1bWJuYWlsLWNhcmQub3B0aW9ucyc7XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, } from '@angular/core';
|
|
2
|
-
import { TUI_INPUT_CARD_OPTIONS, } from '@taiga-ui/addon-commerce';
|
|
3
2
|
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
3
|
+
import { TUI_THUMBNAIL_CARD_OPTIONS, } from './thumbnail-card.options';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@taiga-ui/experimental/components/icon";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
@@ -8,25 +8,15 @@ export class TuiThumbnailCardComponent {
|
|
|
8
8
|
constructor(resolver, options) {
|
|
9
9
|
this.resolver = resolver;
|
|
10
10
|
this.options = options;
|
|
11
|
-
this.size =
|
|
11
|
+
this.size = this.options.size;
|
|
12
12
|
this.paymentSystem = null;
|
|
13
13
|
this.iconLeft = '';
|
|
14
14
|
this.iconRight = '';
|
|
15
|
-
|
|
16
|
-
// TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options
|
|
17
|
-
get isMono() {
|
|
18
|
-
switch (this.paymentSystem) {
|
|
19
|
-
case 'mir':
|
|
20
|
-
case 'visa':
|
|
21
|
-
case 'electron':
|
|
22
|
-
return true;
|
|
23
|
-
default:
|
|
24
|
-
return false;
|
|
25
|
-
}
|
|
15
|
+
this.monoHandler = this.options.monoHandler;
|
|
26
16
|
}
|
|
27
17
|
}
|
|
28
|
-
TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token:
|
|
29
|
-
TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"
|
|
18
|
+
TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_THUMBNAIL_CARD_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight", monoHandler: "monoHandler" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"monoHandler(paymentSystem); else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, decorators: [{
|
|
31
21
|
type: Component,
|
|
32
22
|
args: [{
|
|
@@ -40,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
40
30
|
args: [TUI_ICON_RESOLVER]
|
|
41
31
|
}] }, { type: undefined, decorators: [{
|
|
42
32
|
type: Inject,
|
|
43
|
-
args: [
|
|
33
|
+
args: [TUI_THUMBNAIL_CARD_OPTIONS]
|
|
44
34
|
}] }]; }, propDecorators: { size: [{
|
|
45
35
|
type: Input
|
|
46
36
|
}, {
|
|
@@ -52,5 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
52
42
|
type: Input
|
|
53
43
|
}], iconRight: [{
|
|
54
44
|
type: Input
|
|
45
|
+
}], monoHandler: [{
|
|
46
|
+
type: Input
|
|
55
47
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdGh1bWJuYWlsLWNhcmQvdGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdGh1bWJuYWlsLWNhcmQvdGh1bWJuYWlsLWNhcmQudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssR0FDUixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUVoRSxPQUFPLEVBQ0gsMEJBQTBCLEdBRTdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFRbEMsTUFBTSxPQUFPLHlCQUF5QjtJQWlCbEMsWUFDd0MsUUFBa0MsRUFDekIsT0FBZ0M7UUFEekMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFDekIsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7UUFoQmpGLFNBQUksR0FBd0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHOUMsa0JBQWEsR0FBNEIsSUFBSSxDQUFDO1FBRzlDLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFHZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBR2YsZ0JBQVcsR0FBd0MsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7SUFLekUsQ0FBQzs7dUhBcEJLLHlCQUF5QixrQkFrQnRCLGlCQUFpQixhQUNqQiwwQkFBMEI7MkdBbkI3Qix5QkFBeUIsdVBDdkJ0QyxvOUJBb0NBOzRGRGJhLHlCQUF5QjtrQkFOckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixXQUFXLEVBQUUsZ0NBQWdDO29CQUM3QyxTQUFTLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDMUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEOzswQkFtQlEsTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUN4QixNQUFNOzJCQUFDLDBCQUEwQjs0Q0FoQnRDLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSTdCLGFBQWE7c0JBRFosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aVBheW1lbnRTeXN0ZW19IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jb21tZXJjZSc7XG5pbXBvcnQge1R1aUJvb2xlYW5IYW5kbGVyLCBUdWlTdHJpbmdIYW5kbGVyfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpU2l6ZUwsIFR1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1RVSV9JQ09OX1JFU09MVkVSfSBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL3Rva2Vucyc7XG5cbmltcG9ydCB7XG4gICAgVFVJX1RIVU1CTkFJTF9DQVJEX09QVElPTlMsXG4gICAgVHVpVGh1bWJuYWlsQ2FyZE9wdGlvbnMsXG59IGZyb20gJy4vdGh1bWJuYWlsLWNhcmQub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLXRodW1ibmFpbC1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGh1bWJuYWlsLWNhcmQudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGh1bWJuYWlsLWNhcmQuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUaHVtYm5haWxDYXJkQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHNpemU6IFR1aVNpemVMIHwgVHVpU2l6ZVMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcGF5bWVudFN5c3RlbTogVHVpUGF5bWVudFN5c3RlbSB8IG51bGwgPSBudWxsO1xuXG4gICAgQElucHV0KClcbiAgICBpY29uTGVmdCA9ICcnO1xuXG4gICAgQElucHV0KClcbiAgICBpY29uUmlnaHQgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgbW9ub0hhbmRsZXI6IFR1aUJvb2xlYW5IYW5kbGVyPFR1aVBheW1lbnRTeXN0ZW0+ID0gdGhpcy5vcHRpb25zLm1vbm9IYW5kbGVyO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0lDT05fUkVTT0xWRVIpIHJlYWRvbmx5IHJlc29sdmVyOiBUdWlTdHJpbmdIYW5kbGVyPHN0cmluZz4sXG4gICAgICAgIEBJbmplY3QoVFVJX1RIVU1CTkFJTF9DQVJEX09QVElPTlMpIHJlYWRvbmx5IG9wdGlvbnM6IFR1aVRodW1ibmFpbENhcmRPcHRpb25zLFxuICAgICkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LWZyb250XCI+XG4gICAgPGRpdlxuICAgICAgICAqbmdJZj1cImljb25MZWZ0XCJcbiAgICAgICAgY2xhc3M9XCJ0LWxlZnRcIlxuICAgID5cbiAgICAgICAgPHR1aS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgICAgICAgICBbaWNvbl09XCJpY29uTGVmdFwiXG4gICAgICAgID48L3R1aS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgKm5nSWY9XCJpY29uUmlnaHRcIlxuICAgICAgICBjbGFzcz1cInQtcmlnaHRcIlxuICAgID5cbiAgICAgICAgPHR1aS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgICAgICAgICBbaWNvbl09XCJpY29uUmlnaHRcIlxuICAgICAgICA+PC90dWktaWNvbj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInBheW1lbnRTeXN0ZW1cIj5cbiAgICAgICAgPHR1aS1pY29uXG4gICAgICAgICAgICAqbmdJZj1cIm1vbm9IYW5kbGVyKHBheW1lbnRTeXN0ZW0pOyBlbHNlIGNvbG9yZWRcIlxuICAgICAgICAgICAgY2xhc3M9XCJ0LWxvZ29cIlxuICAgICAgICAgICAgW2ljb25dPVwib3B0aW9ucy5pY29uc1twYXltZW50U3lzdGVtXVwiXG4gICAgICAgID48L3R1aS1pY29uPlxuICAgICAgICA8bmctdGVtcGxhdGUgI2NvbG9yZWQ+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWxvZ29cIlxuICAgICAgICAgICAgICAgIFthbHRdPVwicGF5bWVudFN5c3RlbVwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJyZXNvbHZlcihvcHRpb25zLmljb25zW3BheW1lbnRTeXN0ZW1dKS5yZXBsYWNlKCdPdXRsaW5lJywgJycpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJ0LWJhY2tcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TUI_PAYMENT_SYSTEM_ICONS } from '@taiga-ui/addon-commerce';
|
|
2
|
+
import { tuiCreateToken } from '@taiga-ui/cdk';
|
|
3
|
+
export const TUI_THUMBNAIL_CARD_OPTIONS = tuiCreateToken({
|
|
4
|
+
icons: TUI_PAYMENT_SYSTEM_ICONS,
|
|
5
|
+
size: 'm',
|
|
6
|
+
monoHandler: ps => ps === 'mir' || ps === 'visa' || ps === 'electron',
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHdCQUF3QixFQUFtQixNQUFNLDBCQUEwQixDQUFDO0FBQ3BGLE9BQU8sRUFBb0IsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBU2hFLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLGNBQWMsQ0FBMEI7SUFDOUUsS0FBSyxFQUFFLHdCQUF3QjtJQUMvQixJQUFJLEVBQUUsR0FBRztJQUNULFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsS0FBSyxLQUFLLElBQUksRUFBRSxLQUFLLE1BQU0sSUFBSSxFQUFFLEtBQUssVUFBVTtDQUN4RSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1RVSV9QQVlNRU5UX1NZU1RFTV9JQ09OUywgVHVpUGF5bWVudFN5c3RlbX0gZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNvbW1lcmNlJztcbmltcG9ydCB7VHVpQm9vbGVhbkhhbmRsZXIsIHR1aUNyZWF0ZVRva2VufSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB0eXBlIHtUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBUdWlUaHVtYm5haWxDYXJkT3B0aW9ucyB7XG4gICAgcmVhZG9ubHkgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplUztcbiAgICByZWFkb25seSBpY29uczogUmVjb3JkPFR1aVBheW1lbnRTeXN0ZW0sIHN0cmluZz47XG4gICAgcmVhZG9ubHkgbW9ub0hhbmRsZXI6IFR1aUJvb2xlYW5IYW5kbGVyPFR1aVBheW1lbnRTeXN0ZW0+O1xufVxuXG5leHBvcnQgY29uc3QgVFVJX1RIVU1CTkFJTF9DQVJEX09QVElPTlMgPSB0dWlDcmVhdGVUb2tlbjxUdWlUaHVtYm5haWxDYXJkT3B0aW9ucz4oe1xuICAgIGljb25zOiBUVUlfUEFZTUVOVF9TWVNURU1fSUNPTlMsXG4gICAgc2l6ZTogJ20nLFxuICAgIG1vbm9IYW5kbGVyOiBwcyA9PiBwcyA9PT0gJ21pcicgfHwgcHMgPT09ICd2aXNhJyB8fCBwcyA9PT0gJ2VsZWN0cm9uJyxcbn0pO1xuIl19
|
|
@@ -1,35 +1,32 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Inject, Input, HostBinding, NgModule } from '@angular/core';
|
|
3
|
-
import { TUI_INPUT_CARD_OPTIONS } from '@taiga-ui/addon-commerce';
|
|
4
3
|
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
4
|
+
import { TUI_PAYMENT_SYSTEM_ICONS } from '@taiga-ui/addon-commerce';
|
|
5
|
+
import { tuiCreateToken } from '@taiga-ui/cdk';
|
|
5
6
|
import * as i1 from '@taiga-ui/experimental/components/icon';
|
|
6
7
|
import { TuiIconModule } from '@taiga-ui/experimental/components/icon';
|
|
7
8
|
import * as i2 from '@angular/common';
|
|
8
9
|
import { CommonModule } from '@angular/common';
|
|
9
10
|
|
|
11
|
+
const TUI_THUMBNAIL_CARD_OPTIONS = tuiCreateToken({
|
|
12
|
+
icons: TUI_PAYMENT_SYSTEM_ICONS,
|
|
13
|
+
size: 'm',
|
|
14
|
+
monoHandler: ps => ps === 'mir' || ps === 'visa' || ps === 'electron',
|
|
15
|
+
});
|
|
16
|
+
|
|
10
17
|
class TuiThumbnailCardComponent {
|
|
11
18
|
constructor(resolver, options) {
|
|
12
19
|
this.resolver = resolver;
|
|
13
20
|
this.options = options;
|
|
14
|
-
this.size =
|
|
21
|
+
this.size = this.options.size;
|
|
15
22
|
this.paymentSystem = null;
|
|
16
23
|
this.iconLeft = '';
|
|
17
24
|
this.iconRight = '';
|
|
18
|
-
|
|
19
|
-
// TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options
|
|
20
|
-
get isMono() {
|
|
21
|
-
switch (this.paymentSystem) {
|
|
22
|
-
case 'mir':
|
|
23
|
-
case 'visa':
|
|
24
|
-
case 'electron':
|
|
25
|
-
return true;
|
|
26
|
-
default:
|
|
27
|
-
return false;
|
|
28
|
-
}
|
|
25
|
+
this.monoHandler = this.options.monoHandler;
|
|
29
26
|
}
|
|
30
27
|
}
|
|
31
|
-
TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token:
|
|
32
|
-
TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"
|
|
28
|
+
TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_THUMBNAIL_CARD_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight", monoHandler: "monoHandler" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"monoHandler(paymentSystem); else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, decorators: [{
|
|
34
31
|
type: Component,
|
|
35
32
|
args: [{
|
|
@@ -43,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
43
40
|
args: [TUI_ICON_RESOLVER]
|
|
44
41
|
}] }, { type: undefined, decorators: [{
|
|
45
42
|
type: Inject,
|
|
46
|
-
args: [
|
|
43
|
+
args: [TUI_THUMBNAIL_CARD_OPTIONS]
|
|
47
44
|
}] }]; }, propDecorators: { size: [{
|
|
48
45
|
type: Input
|
|
49
46
|
}, {
|
|
@@ -55,6 +52,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
55
52
|
type: Input
|
|
56
53
|
}], iconRight: [{
|
|
57
54
|
type: Input
|
|
55
|
+
}], monoHandler: [{
|
|
56
|
+
type: Input
|
|
58
57
|
}] } });
|
|
59
58
|
|
|
60
59
|
class TuiThumbnailCardModule {
|
|
@@ -75,5 +74,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
75
74
|
* Generated bundle index. Do not edit.
|
|
76
75
|
*/
|
|
77
76
|
|
|
78
|
-
export { TuiThumbnailCardComponent, TuiThumbnailCardModule };
|
|
77
|
+
export { TUI_THUMBNAIL_CARD_OPTIONS, TuiThumbnailCardComponent, TuiThumbnailCardModule };
|
|
79
78
|
//# sourceMappingURL=taiga-ui-experimental-components-thumbnail-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.options.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {TUI_PAYMENT_SYSTEM_ICONS, TuiPaymentSystem} from '@taiga-ui/addon-commerce';\nimport {TuiBooleanHandler, tuiCreateToken} from '@taiga-ui/cdk';\nimport type {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiThumbnailCardOptions {\n readonly size: TuiSizeL | TuiSizeS;\n readonly icons: Record<TuiPaymentSystem, string>;\n readonly monoHandler: TuiBooleanHandler<TuiPaymentSystem>;\n}\n\nexport const TUI_THUMBNAIL_CARD_OPTIONS = tuiCreateToken<TuiThumbnailCardOptions>({\n icons: TUI_PAYMENT_SYSTEM_ICONS,\n size: 'm',\n monoHandler: ps => ps === 'mir' || ps === 'visa' || ps === 'electron',\n});\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {TuiPaymentSystem} from '@taiga-ui/addon-commerce';\nimport {TuiBooleanHandler, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {\n TUI_THUMBNAIL_CARD_OPTIONS,\n TuiThumbnailCardOptions,\n} from './thumbnail-card.options';\n\n@Component({\n selector: 'tui-thumbnail-card',\n templateUrl: './thumbnail-card.template.html',\n styleUrls: ['./thumbnail-card.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = this.options.size;\n\n @Input()\n paymentSystem: TuiPaymentSystem | null = null;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n @Input()\n monoHandler: TuiBooleanHandler<TuiPaymentSystem> = this.options.monoHandler;\n\n constructor(\n @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_THUMBNAIL_CARD_OPTIONS) readonly options: TuiThumbnailCardOptions,\n ) {}\n}\n","<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"monoHandler(paymentSystem); else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n imports: [CommonModule, TuiIconModule],\n declarations: [TuiThumbnailCardComponent],\n exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/experimental",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.88.0",
|
|
4
4
|
"description": "A package with Taiga UI experimental components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@angular/common": ">=12.0.0",
|
|
15
15
|
"@angular/core": ">=12.0.0",
|
|
16
|
-
"@taiga-ui/addon-commerce": "^3.
|
|
17
|
-
"@taiga-ui/cdk": "^3.
|
|
18
|
-
"@taiga-ui/core": "^3.
|
|
19
|
-
"@taiga-ui/kit": "^3.
|
|
16
|
+
"@taiga-ui/addon-commerce": "^3.88.0",
|
|
17
|
+
"@taiga-ui/cdk": "^3.88.0",
|
|
18
|
+
"@taiga-ui/core": "^3.88.0",
|
|
19
|
+
"@taiga-ui/kit": "^3.88.0",
|
|
20
20
|
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
|
21
21
|
"rxjs": ">=6.0.0"
|
|
22
22
|
},
|