@taiga-ui/experimental 3.86.0 → 3.87.0-canary.0bb7b5b
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-badge.umd.js +2 -7
- package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-status.umd.js +101 -0
- package/bundles/taiga-ui-experimental-components-status.umd.js.map +1 -0
- 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/bundles/taiga-ui-experimental-components.umd.js +10 -4
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-button-group.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-button-group.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-cell.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-cell.umd.js.map +1 -1
- package/components/badge/badge.directive.d.ts +1 -2
- package/components/badge/badge.options.d.ts +0 -1
- package/components/index.d.ts +1 -0
- package/components/status/index.d.ts +3 -0
- package/components/status/package.json +10 -0
- package/components/status/status.component.d.ts +5 -0
- package/components/status/status.directive.d.ts +8 -0
- package/components/status/status.module.d.ts +8 -0
- package/components/status/taiga-ui-experimental-components-status.d.ts +5 -0
- 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/badge/badge.component.js +1 -1
- package/esm2015/components/badge/badge.directive.js +2 -6
- package/esm2015/components/badge/badge.options.js +1 -2
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/status/index.js +4 -0
- package/esm2015/components/status/status.component.js +19 -0
- package/esm2015/components/status/status.directive.js +28 -0
- package/esm2015/components/status/status.module.js +17 -0
- package/esm2015/components/status/taiga-ui-experimental-components-status.js +5 -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/esm2015/directives/button-group/button-group.component.js +1 -1
- package/esm2015/directives/cell/cell.component.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge.js +2 -7
- package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-status.js +64 -0
- package/fesm2015/taiga-ui-experimental-components-status.js.map +1 -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/fesm2015/taiga-ui-experimental-components.js +1 -0
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-button-group.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-button-group.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-cell.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-cell.js.map +1 -1
- package/package.json +31 -31
|
@@ -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>;
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class TuiBadgeComponent {
|
|
4
4
|
}
|
|
5
5
|
TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-
|
|
6
|
+
TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));border-radius:6rem;background:#959595;color:var(--tui-base-01);padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font:var(--tui-font-text-s)}[tuiBadgeNew]>img,[tuiBadgeNew]>tui-svg,[tuiBadgeNew]>tui-icon,[tuiBadgeNew]>tui-avatar,[tuiBadgeNew]>tui-badge,[tuiBadgeNew]>[tuiBadge],[tuiBadgeNew]>[tuiRadio],[tuiBadgeNew]>[tuiToggle],[tuiBadgeNew]>[tuiCheckbox],[tuiBadgeNew]._icon-left:before,[tuiBadgeNew]._icon-right:after{margin:var(--t-margin)}[tuiBadgeNew][tuiStatus]:before{width:.375rem;height:.375rem}[tuiBadgeNew]>tui-icon,[tuiBadgeNew][tuiIcons]:before,[tuiBadgeNew][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeNew][data-appearance=error]{--t-status: var(--tui-error-fill)}[tuiBadgeNew][data-appearance=success]{--t-status: var(--tui-success-fill)}[tuiBadgeNew][data-appearance=warning]{--t-status: var(--tui-warning-fill)}[tuiBadgeNew][data-appearance=info]{--t-status: var(--tui-info-fill)}[tuiBadgeNew][data-appearance=neutral]{--t-status: var(--tui-neutral-fill)}[tuiBadgeNew][tuiStatus][data-appearance=error]:before,[tuiBadgeNew][tuiStatus][data-appearance=success]:before,[tuiBadgeNew][tuiStatus][data-appearance=warning]:before,[tuiBadgeNew][tuiStatus][data-appearance=info]:before,[tuiBadgeNew][tuiStatus][data-appearance=neutral]:before{content:\"\"}[tuiBadgeNew][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=s][tuiStatus]:before{width:.25rem;height:.25rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiBadgeNew][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=l]{--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem}[tuiBadgeNew][data-size=l][tuiStatus]:before{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiBadgeNew][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeNew][data-size=xl][tuiStatus]:before{width:.5rem;height:.5rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}img[tuiBadge]{padding:0;width:var(--t-size)}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -9,12 +9,11 @@ export class TuiBadgeDirective {
|
|
|
9
9
|
this.options = options;
|
|
10
10
|
this.size = this.options.size;
|
|
11
11
|
this.appearance = this.options.appearance;
|
|
12
|
-
this.dot = this.options.dot;
|
|
13
12
|
directiveStyles.addComponent(TuiBadgeComponent);
|
|
14
13
|
}
|
|
15
14
|
}
|
|
16
15
|
TuiBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, deps: [{ token: TUI_BADGE_OPTIONS }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
17
|
-
TuiBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance"
|
|
16
|
+
TuiBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiBadgeNew": "", "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size" } }, ngImport: i0 });
|
|
18
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, decorators: [{
|
|
19
18
|
type: Directive,
|
|
20
19
|
args: [{
|
|
@@ -22,7 +21,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
22
21
|
host: {
|
|
23
22
|
tuiBadgeNew: '',
|
|
24
23
|
tuiAppearance: '',
|
|
25
|
-
'[class._dot]': 'dot',
|
|
26
24
|
'[attr.data-appearance]': 'appearance',
|
|
27
25
|
'[attr.data-size]': 'size',
|
|
28
26
|
},
|
|
@@ -37,7 +35,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
37
35
|
type: Input
|
|
38
36
|
}], appearance: [{
|
|
39
37
|
type: Input
|
|
40
|
-
}], dot: [{
|
|
41
|
-
type: Input
|
|
42
38
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFDLGlCQUFpQixFQUFrQixNQUFNLGlCQUFpQixDQUFDOzs7QUFXbkUsTUFBTSxPQUFPLGlCQUFpQjtJQU8xQixZQUNnRCxPQUF3QixFQUNqQyxlQUEwQztRQURqQyxZQUFPLEdBQVAsT0FBTyxDQUFpQjtRQU54RSxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBTWpDLGVBQWUsQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNwRCxDQUFDOzsrR0FaUSxpQkFBaUIsa0JBUWQsaUJBQWlCLGFBQ2pCLHlCQUF5QjttR0FUNUIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBVDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsSUFBSSxFQUFFO3dCQUNGLFdBQVcsRUFBRSxFQUFFO3dCQUNmLGFBQWEsRUFBRSxFQUFFO3dCQUNqQix3QkFBd0IsRUFBRSxZQUFZO3dCQUN0QyxrQkFBa0IsRUFBRSxNQUFNO3FCQUM3QjtpQkFDSjs7MEJBU1EsTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUN4QixNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FQckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbmltcG9ydCB7VHVpQmFkZ2VDb21wb25lbnR9IGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcbmltcG9ydCB7VFVJX0JBREdFX09QVElPTlMsIFR1aUJhZGdlT3B0aW9uc30gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICd0dWktYmFkZ2UsW3R1aUJhZGdlXScsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlCYWRnZU5ldzogJycsXG4gICAgICAgIHR1aUFwcGVhcmFuY2U6ICcnLFxuICAgICAgICAnW2F0dHIuZGF0YS1hcHBlYXJhbmNlXSc6ICdhcHBlYXJhbmNlJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBhcHBlYXJhbmNlID0gdGhpcy5vcHRpb25zLmFwcGVhcmFuY2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQkFER0VfT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlCYWRnZU9wdGlvbnMsXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aUJhZGdlQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -2,10 +2,9 @@ import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
|
2
2
|
export const TUI_BADGE_DEFAULT_OPTIONS = {
|
|
3
3
|
size: 'l',
|
|
4
4
|
appearance: 'default',
|
|
5
|
-
dot: false,
|
|
6
5
|
};
|
|
7
6
|
export const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
|
|
8
7
|
export function tuiBadgeOptionsProvider(options) {
|
|
9
8
|
return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);
|
|
10
9
|
}
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlL2JhZGdlLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFoRSxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBb0I7SUFDdEQsSUFBSSxFQUFFLEdBQUc7SUFDVCxVQUFVLEVBQUUsU0FBUztDQUN4QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsY0FBYyxDQUFDLHlCQUF5QixDQUFDLENBQUM7QUFFM0UsTUFBTSxVQUFVLHVCQUF1QixDQUFDLE9BQWlDO0lBQ3JFLE9BQU8saUJBQWlCLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFDcEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlDcmVhdGVUb2tlbiwgdHVpUHJvdmlkZU9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplUywgVHVpU2l6ZVhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHVpQmFkZ2VPcHRpb25zIHtcbiAgICByZWFkb25seSBhcHBlYXJhbmNlOiBzdHJpbmc7XG4gICAgcmVhZG9ubHkgc2l6ZTogVHVpU2l6ZVMgfCBUdWlTaXplWEw7XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBUdWlCYWRnZU9wdGlvbnMgPSB7XG4gICAgc2l6ZTogJ2wnLFxuICAgIGFwcGVhcmFuY2U6ICdkZWZhdWx0Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfT1BUSU9OUyA9IHR1aUNyZWF0ZVRva2VuKFRVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuXG5leHBvcnQgZnVuY3Rpb24gdHVpQmFkZ2VPcHRpb25zUHJvdmlkZXIob3B0aW9uczogUGFydGlhbDxUdWlCYWRnZU9wdGlvbnM+KTogUHJvdmlkZXIge1xuICAgIHJldHVybiB0dWlQcm92aWRlT3B0aW9ucyhUVUlfQkFER0VfT1BUSU9OUywgb3B0aW9ucywgVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUyk7XG59XG4iXX0=
|
|
@@ -16,8 +16,9 @@ export * from '@taiga-ui/experimental/components/pin';
|
|
|
16
16
|
export * from '@taiga-ui/experimental/components/radio';
|
|
17
17
|
export * from '@taiga-ui/experimental/components/rating';
|
|
18
18
|
export * from '@taiga-ui/experimental/components/segmented';
|
|
19
|
+
export * from '@taiga-ui/experimental/components/status';
|
|
19
20
|
export * from '@taiga-ui/experimental/components/swipe-action';
|
|
20
21
|
export * from '@taiga-ui/experimental/components/thumbnail-card';
|
|
21
22
|
export * from '@taiga-ui/experimental/components/toggle';
|
|
22
23
|
export * from '@taiga-ui/experimental/components/tooltip';
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYWN0aW9uLWJhcic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXBwLWJhcic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXItbGFiZWxlZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyLXN0YWNrJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZSc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2Utbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZWQtY29udGVudCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvY2hpcCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvY29tcGFzcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvaWNvbic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvbmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvcGluJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9yYWRpbyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvcmF0aW5nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9zZWdtZW50ZWQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3N0YXR1cyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvc3dpcGUtYWN0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy90aHVtYm5haWwtY2FyZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy90b29sdGlwJztcbiJdfQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './status.component';
|
|
2
|
+
export * from './status.directive';
|
|
3
|
+
export * from './status.module';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zdGF0dXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiStatusComponent {
|
|
4
|
+
}
|
|
5
|
+
TuiStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
TuiStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiStatusComponent, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatus]{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem}[tuiStatus]:before{width:.5rem;height:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus][style*=\"--t-status:\"]:before{content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{
|
|
10
|
+
template: '',
|
|
11
|
+
styleUrls: ['./status.style.less'],
|
|
12
|
+
encapsulation: ViewEncapsulation.None,
|
|
13
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
+
host: {
|
|
15
|
+
class: 'tui-status',
|
|
16
|
+
},
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3N0YXR1cy9zdGF0dXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7b0dBQWxCLGtCQUFrQiw0RkFSakIsRUFBRTs0RkFRSCxrQkFBa0I7a0JBVDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLEVBQUU7b0JBQ1osU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxZQUFZO3FCQUN0QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktc3RhdHVzJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTdGF0dXNDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Directive, Inject } from '@angular/core';
|
|
2
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
3
|
+
import { TuiStatusComponent } from './status.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@taiga-ui/cdk";
|
|
6
|
+
export class TuiStatusDirective {
|
|
7
|
+
constructor(directiveStyles) {
|
|
8
|
+
this.tuiStatus = '';
|
|
9
|
+
directiveStyles.addComponent(TuiStatusComponent);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
TuiStatusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
TuiStatusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiStatusDirective, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: '[tuiStatus]',
|
|
18
|
+
inputs: ['tuiStatus'],
|
|
19
|
+
host: {
|
|
20
|
+
tuiStatus: '',
|
|
21
|
+
'[style.--t-status]': 'tuiStatus || null',
|
|
22
|
+
},
|
|
23
|
+
}]
|
|
24
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
25
|
+
type: Inject,
|
|
26
|
+
args: [TuiDirectiveStylesService]
|
|
27
|
+
}] }]; } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3N0YXR1cy9zdGF0dXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV4RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVXRELE1BQU0sT0FBTyxrQkFBa0I7SUFHM0IsWUFDdUMsZUFBMEM7UUFIakYsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUtYLGVBQWUsQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnSEFQUSxrQkFBa0Isa0JBSWYseUJBQXlCO29HQUo1QixrQkFBa0I7NEZBQWxCLGtCQUFrQjtrQkFSOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsTUFBTSxFQUFFLENBQUMsV0FBVyxDQUFDO29CQUNyQixJQUFJLEVBQUU7d0JBQ0YsU0FBUyxFQUFFLEVBQUU7d0JBQ2Isb0JBQW9CLEVBQUUsbUJBQW1CO3FCQUM1QztpQkFDSjs7MEJBS1EsTUFBTTsyQkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbmltcG9ydCB7VHVpU3RhdHVzQ29tcG9uZW50fSBmcm9tICcuL3N0YXR1cy5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlTdGF0dXNdJyxcbiAgICBpbnB1dHM6IFsndHVpU3RhdHVzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlTdGF0dXM6ICcnLFxuICAgICAgICAnW3N0eWxlLi0tdC1zdGF0dXNdJzogJ3R1aVN0YXR1cyB8fCBudWxsJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTdGF0dXNEaXJlY3RpdmUge1xuICAgIHR1aVN0YXR1cyA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aVN0YXR1c0NvbXBvbmVudCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiStatusComponent } from './status.component';
|
|
3
|
+
import { TuiStatusDirective } from './status.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class TuiStatusModule {
|
|
6
|
+
}
|
|
7
|
+
TuiStatusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
TuiStatusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, declarations: [TuiStatusComponent, TuiStatusDirective], exports: [TuiStatusDirective] });
|
|
9
|
+
TuiStatusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [TuiStatusComponent, TuiStatusDirective],
|
|
14
|
+
exports: [TuiStatusDirective],
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3N0YXR1cy9zdGF0dXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7O0FBTXRELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLEVBQUUsa0JBQWtCLGFBQzNDLGtCQUFrQjs4R0FFbkIsZUFBZTs0RkFBZixlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDO29CQUN0RCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlTdGF0dXNDb21wb25lbnR9IGZyb20gJy4vc3RhdHVzLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVN0YXR1c0RpcmVjdGl2ZX0gZnJvbSAnLi9zdGF0dXMuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlTdGF0dXNDb21wb25lbnQsIFR1aVN0YXR1c0RpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aVN0YXR1c0RpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVN0YXR1c01vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtc3RhdHVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvc3RhdHVzL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1jb21wb25lbnRzLXN0YXR1cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -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
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class TuiButtonGroupComponent {
|
|
4
4
|
}
|
|
5
5
|
TuiButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
TuiButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonGroupComponent, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]{display:flex;border-radius:var(--tui-radius-xl);justify-content:center;overflow:hidden}[tuiButtonGroup]>button,[tuiButtonGroup]>a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;grid-gap:.5rem;gap:.5rem;font-size:var(--tui-font-text-s);max-width:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-link);text-align:center}[tuiButtonGroup]>button:active,[tuiButtonGroup]>a:active{background:var(--tui-clear)}[tuiButtonGroup]>button:before,[tuiButtonGroup]>a:before,[tuiButtonGroup]>button:after,[tuiButtonGroup]>a:after{position:absolute;top:0;background:inherit;width:1.75rem;height:100%}[tuiButtonGroup]>button:first-child:before,[tuiButtonGroup]>a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroup]>button:last-child:after,[tuiButtonGroup]>a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroup]>button tui-icon,[tuiButtonGroup]>a tui-icon{font-size:1.75rem}[tuiButtonGroup]:has(button:only-child){border-radius:
|
|
6
|
+
TuiButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonGroupComponent, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]{display:flex;border-radius:var(--tui-radius-xl);justify-content:center;overflow:hidden}[tuiButtonGroup]>button,[tuiButtonGroup]>a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;grid-gap:.5rem;gap:.5rem;font-size:var(--tui-font-text-s);max-width:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-link);text-align:center}[tuiButtonGroup]>button:active,[tuiButtonGroup]>a:active{background:var(--tui-clear)}[tuiButtonGroup]>button:before,[tuiButtonGroup]>a:before,[tuiButtonGroup]>button:after,[tuiButtonGroup]>a:after{position:absolute;top:0;background:inherit;width:1.75rem;height:100%}[tuiButtonGroup]>button:first-child:before,[tuiButtonGroup]>a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroup]>button:last-child:after,[tuiButtonGroup]>a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroup]>button tui-icon,[tuiButtonGroup]>a tui-icon{font-size:1.75rem}[tuiButtonGroup]:has(button:only-child){border-radius:1rem}[tuiButtonGroup]>button:only-child,[tuiButtonGroup]>a:only-child{width:100%;flex-direction:row;font:var(--tui-font-text-l);max-width:100%;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonGroupComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class TuiCellComponent {
|
|
4
4
|
}
|
|
5
5
|
TuiCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-
|
|
6
|
+
TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem;font:var(--tui-font-text-m);font-size:.5625rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem;font:var(--tui-font-text-m);font-weight:bold}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:not([tuiSurface]):hover,button[tuiCell]:not([tuiSurface]):hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -7,7 +7,7 @@ import { TuiIconsModule, TuiIconsDirective } from '@taiga-ui/experimental/direct
|
|
|
7
7
|
class TuiBadgeComponent {
|
|
8
8
|
}
|
|
9
9
|
TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-
|
|
10
|
+
TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));border-radius:6rem;background:#959595;color:var(--tui-base-01);padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font:var(--tui-font-text-s)}[tuiBadgeNew]>img,[tuiBadgeNew]>tui-svg,[tuiBadgeNew]>tui-icon,[tuiBadgeNew]>tui-avatar,[tuiBadgeNew]>tui-badge,[tuiBadgeNew]>[tuiBadge],[tuiBadgeNew]>[tuiRadio],[tuiBadgeNew]>[tuiToggle],[tuiBadgeNew]>[tuiCheckbox],[tuiBadgeNew]._icon-left:before,[tuiBadgeNew]._icon-right:after{margin:var(--t-margin)}[tuiBadgeNew][tuiStatus]:before{width:.375rem;height:.375rem}[tuiBadgeNew]>tui-icon,[tuiBadgeNew][tuiIcons]:before,[tuiBadgeNew][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeNew][data-appearance=error]{--t-status: var(--tui-error-fill)}[tuiBadgeNew][data-appearance=success]{--t-status: var(--tui-success-fill)}[tuiBadgeNew][data-appearance=warning]{--t-status: var(--tui-warning-fill)}[tuiBadgeNew][data-appearance=info]{--t-status: var(--tui-info-fill)}[tuiBadgeNew][data-appearance=neutral]{--t-status: var(--tui-neutral-fill)}[tuiBadgeNew][tuiStatus][data-appearance=error]:before,[tuiBadgeNew][tuiStatus][data-appearance=success]:before,[tuiBadgeNew][tuiStatus][data-appearance=warning]:before,[tuiBadgeNew][tuiStatus][data-appearance=info]:before,[tuiBadgeNew][tuiStatus][data-appearance=neutral]:before{content:\"\"}[tuiBadgeNew][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=s][tuiStatus]:before{width:.25rem;height:.25rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiBadgeNew][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=l]{--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem}[tuiBadgeNew][data-size=l][tuiStatus]:before{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiBadgeNew][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeNew][data-size=xl][tuiStatus]:before{width:.5rem;height:.5rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}img[tuiBadge]{padding:0;width:var(--t-size)}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
@@ -24,7 +24,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
24
24
|
const TUI_BADGE_DEFAULT_OPTIONS = {
|
|
25
25
|
size: 'l',
|
|
26
26
|
appearance: 'default',
|
|
27
|
-
dot: false,
|
|
28
27
|
};
|
|
29
28
|
const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
|
|
30
29
|
function tuiBadgeOptionsProvider(options) {
|
|
@@ -36,12 +35,11 @@ class TuiBadgeDirective {
|
|
|
36
35
|
this.options = options;
|
|
37
36
|
this.size = this.options.size;
|
|
38
37
|
this.appearance = this.options.appearance;
|
|
39
|
-
this.dot = this.options.dot;
|
|
40
38
|
directiveStyles.addComponent(TuiBadgeComponent);
|
|
41
39
|
}
|
|
42
40
|
}
|
|
43
41
|
TuiBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, deps: [{ token: TUI_BADGE_OPTIONS }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
44
|
-
TuiBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance"
|
|
42
|
+
TuiBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiBadgeNew": "", "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size" } }, ngImport: i0 });
|
|
45
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, decorators: [{
|
|
46
44
|
type: Directive,
|
|
47
45
|
args: [{
|
|
@@ -49,7 +47,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
49
47
|
host: {
|
|
50
48
|
tuiBadgeNew: '',
|
|
51
49
|
tuiAppearance: '',
|
|
52
|
-
'[class._dot]': 'dot',
|
|
53
50
|
'[attr.data-appearance]': 'appearance',
|
|
54
51
|
'[attr.data-size]': 'size',
|
|
55
52
|
},
|
|
@@ -64,8 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
64
61
|
type: Input
|
|
65
62
|
}], appearance: [{
|
|
66
63
|
type: Input
|
|
67
|
-
}], dot: [{
|
|
68
|
-
type: Input
|
|
69
64
|
}] } });
|
|
70
65
|
|
|
71
66
|
class TuiBadgeModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-badge.js","sources":["../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.directive.ts","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./badge.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-badge',\n },\n})\nexport class TuiBadgeComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\nexport interface TuiBadgeOptions {\n readonly appearance: string;\n readonly size: TuiSizeS | TuiSizeXL;\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-badge.js","sources":["../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.directive.ts","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./badge.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-badge',\n },\n})\nexport class TuiBadgeComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\nexport interface TuiBadgeOptions {\n readonly appearance: string;\n readonly size: TuiSizeS | TuiSizeXL;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n size: 'l',\n appearance: 'default',\n};\n\nexport const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';\n\n@Directive({\n selector: 'tui-badge,[tuiBadge]',\n host: {\n tuiBadgeNew: '',\n tuiAppearance: '',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiBadgeDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_BADGE_OPTIONS) private readonly options: TuiBadgeOptions,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiBadgeComponent);\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TuiBadgeDirective} from './badge.directive';\n\n@NgModule({\n imports: [TuiIconsModule],\n declarations: [TuiBadgeComponent, TuiBadgeDirective],\n exports: [TuiBadgeDirective, TuiIconsDirective],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,2FARhB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,igGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,oBAAoB,CAAC;oBACjC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,WAAW;AACrB,qBAAA;AACJ,iBAAA,CAAA;;;ACDY,MAAA,yBAAyB,GAAoB;AACtD,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,UAAU,EAAE,SAAS;EACvB;MAEW,iBAAiB,GAAG,cAAc,CAAC,yBAAyB,EAAE;AAErE,SAAU,uBAAuB,CAAC,OAAiC,EAAA;IACrE,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,EAAE,yBAAyB,CAAC,CAAC;AACpF;;MCHa,iBAAiB,CAAA;IAO1B,WACgD,CAAA,OAAwB,EACjC,eAA0C,EAAA;QADjC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAiB;AANxE,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAGzB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AAMjC,QAAA,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;KACnD;;+GAZQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAQd,iBAAiB,EAAA,EAAA,EAAA,KAAA,EACjB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAT5B,iBAAiB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,EAAA,EAAA,eAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,EAAE;AACf,wBAAA,aAAa,EAAE,EAAE;AACjB,wBAAA,wBAAwB,EAAE,YAAY;AACtC,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA;AACJ,iBAAA,CAAA;;0BASQ,MAAM;2BAAC,iBAAiB,CAAA;;0BACxB,MAAM;2BAAC,yBAAyB,CAAA;4CAPrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;;;MCRG,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,CAHR,iBAAiB,EAAE,iBAAiB,aADzC,cAAc,CAAA,EAAA,OAAA,EAAA,CAEd,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;6GAErC,cAAc,EAAA,OAAA,EAAA,CAJd,CAAC,cAAc,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIhB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,cAAc,CAAC;AACzB,oBAAA,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;AACpD,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;AAClD,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
|
+
|
|
6
|
+
class TuiStatusComponent {
|
|
7
|
+
}
|
|
8
|
+
TuiStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
TuiStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiStatusComponent, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatus]{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem}[tuiStatus]:before{width:.5rem;height:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus][style*=\"--t-status:\"]:before{content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
template: '',
|
|
14
|
+
styleUrls: ['./status.style.less'],
|
|
15
|
+
encapsulation: ViewEncapsulation.None,
|
|
16
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17
|
+
host: {
|
|
18
|
+
class: 'tui-status',
|
|
19
|
+
},
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
|
|
23
|
+
class TuiStatusDirective {
|
|
24
|
+
constructor(directiveStyles) {
|
|
25
|
+
this.tuiStatus = '';
|
|
26
|
+
directiveStyles.addComponent(TuiStatusComponent);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
TuiStatusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
TuiStatusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiStatusDirective, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusDirective, decorators: [{
|
|
32
|
+
type: Directive,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: '[tuiStatus]',
|
|
35
|
+
inputs: ['tuiStatus'],
|
|
36
|
+
host: {
|
|
37
|
+
tuiStatus: '',
|
|
38
|
+
'[style.--t-status]': 'tuiStatus || null',
|
|
39
|
+
},
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
42
|
+
type: Inject,
|
|
43
|
+
args: [TuiDirectiveStylesService]
|
|
44
|
+
}] }]; } });
|
|
45
|
+
|
|
46
|
+
class TuiStatusModule {
|
|
47
|
+
}
|
|
48
|
+
TuiStatusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
TuiStatusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, declarations: [TuiStatusComponent, TuiStatusDirective], exports: [TuiStatusDirective] });
|
|
50
|
+
TuiStatusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiStatusModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
declarations: [TuiStatusComponent, TuiStatusDirective],
|
|
55
|
+
exports: [TuiStatusDirective],
|
|
56
|
+
}]
|
|
57
|
+
}] });
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Generated bundle index. Do not edit.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export { TuiStatusComponent, TuiStatusDirective, TuiStatusModule };
|
|
64
|
+
//# sourceMappingURL=taiga-ui-experimental-components-status.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-status.js","sources":["../../../projects/experimental/components/status/status.component.ts","../../../projects/experimental/components/status/status.directive.ts","../../../projects/experimental/components/status/status.module.ts","../../../projects/experimental/components/status/taiga-ui-experimental-components-status.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./status.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-status',\n },\n})\nexport class TuiStatusComponent {}\n","import {Directive, Inject} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiStatusComponent} from './status.component';\n\n@Directive({\n selector: '[tuiStatus]',\n inputs: ['tuiStatus'],\n host: {\n tuiStatus: '',\n '[style.--t-status]': 'tuiStatus || null',\n },\n})\nexport class TuiStatusDirective {\n tuiStatus = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiStatusComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiStatusComponent} from './status.component';\nimport {TuiStatusDirective} from './status.directive';\n\n@NgModule({\n declarations: [TuiStatusComponent, TuiStatusDirective],\n exports: [TuiStatusDirective],\n})\nexport class TuiStatusModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,kBAAkB,CAAA;;gHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,4FARjB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kOAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,qBAAqB,CAAC;oBAClC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,YAAY;AACtB,qBAAA;AACJ,iBAAA,CAAA;;;MCGY,kBAAkB,CAAA;AAG3B,IAAA,WAAA,CACuC,eAA0C,EAAA;QAHjF,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAKX,QAAA,eAAe,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;KACpD;;AAPQ,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,kBAIf,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oGAJ5B,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;oBACvB,MAAM,EAAE,CAAC,WAAW,CAAC;AACrB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,oBAAoB,EAAE,mBAAmB;AAC5C,qBAAA;AACJ,iBAAA,CAAA;;0BAKQ,MAAM;2BAAC,yBAAyB,CAAA;;;MCR5B,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAHT,YAAA,EAAA,CAAA,kBAAkB,EAAE,kBAAkB,aAC3C,kBAAkB,CAAA,EAAA,CAAA,CAAA;8GAEnB,eAAe,EAAA,CAAA,CAAA;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;oBACtD,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
|