@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
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiBadgeComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-
|
|
34
|
+
TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
var TUI_BADGE_DEFAULT_OPTIONS = {
|
|
49
49
|
size: 'l',
|
|
50
50
|
appearance: 'default',
|
|
51
|
-
dot: false,
|
|
52
51
|
};
|
|
53
52
|
var TUI_BADGE_OPTIONS = i1.tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
|
|
54
53
|
function tuiBadgeOptionsProvider(options) {
|
|
@@ -60,13 +59,12 @@
|
|
|
60
59
|
this.options = options;
|
|
61
60
|
this.size = this.options.size;
|
|
62
61
|
this.appearance = this.options.appearance;
|
|
63
|
-
this.dot = this.options.dot;
|
|
64
62
|
directiveStyles.addComponent(TuiBadgeComponent);
|
|
65
63
|
}
|
|
66
64
|
return TuiBadgeDirective;
|
|
67
65
|
}());
|
|
68
66
|
TuiBadgeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeDirective, deps: [{ token: TUI_BADGE_OPTIONS }, { token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
69
|
-
TuiBadgeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance"
|
|
67
|
+
TuiBadgeDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
|
|
70
68
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeDirective, decorators: [{
|
|
71
69
|
type: i0.Directive,
|
|
72
70
|
args: [{
|
|
@@ -74,7 +72,6 @@
|
|
|
74
72
|
host: {
|
|
75
73
|
tuiBadgeNew: '',
|
|
76
74
|
tuiAppearance: '',
|
|
77
|
-
'[class._dot]': 'dot',
|
|
78
75
|
'[attr.data-appearance]': 'appearance',
|
|
79
76
|
'[attr.data-size]': 'size',
|
|
80
77
|
},
|
|
@@ -91,8 +88,6 @@
|
|
|
91
88
|
type: i0.Input
|
|
92
89
|
}], appearance: [{
|
|
93
90
|
type: i0.Input
|
|
94
|
-
}], dot: [{
|
|
95
|
-
type: i0.Input
|
|
96
91
|
}] } });
|
|
97
92
|
|
|
98
93
|
var TuiBadgeModule = /** @class */ (function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-badge.umd.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.umd.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":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","tuiCreateToken","tuiProvideOptions","TuiDirectiveStylesService","Directive","Inject","Input","TuiIconsModule","TuiIconsDirective","NgModule"],"mappings":"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"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/status', ['exports', '@angular/core', '@taiga-ui/cdk'], 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.status = {}), global.ng.core, global.i1));
|
|
5
|
+
})(this, (function (exports, i0, i1) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
+
|
|
28
|
+
var TuiStatusComponent = /** @class */ (function () {
|
|
29
|
+
function TuiStatusComponent() {
|
|
30
|
+
}
|
|
31
|
+
return TuiStatusComponent;
|
|
32
|
+
}());
|
|
33
|
+
TuiStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
+
TuiStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiStatusComponent, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusComponent, decorators: [{
|
|
36
|
+
type: i0.Component,
|
|
37
|
+
args: [{
|
|
38
|
+
template: '',
|
|
39
|
+
styleUrls: ['./status.style.less'],
|
|
40
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
41
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
42
|
+
host: {
|
|
43
|
+
class: 'tui-status',
|
|
44
|
+
},
|
|
45
|
+
}]
|
|
46
|
+
}] });
|
|
47
|
+
|
|
48
|
+
var TuiStatusDirective = /** @class */ (function () {
|
|
49
|
+
function TuiStatusDirective(directiveStyles) {
|
|
50
|
+
this.tuiStatus = '';
|
|
51
|
+
directiveStyles.addComponent(TuiStatusComponent);
|
|
52
|
+
}
|
|
53
|
+
return TuiStatusDirective;
|
|
54
|
+
}());
|
|
55
|
+
TuiStatusDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
56
|
+
TuiStatusDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
|
|
57
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusDirective, decorators: [{
|
|
58
|
+
type: i0.Directive,
|
|
59
|
+
args: [{
|
|
60
|
+
selector: '[tuiStatus]',
|
|
61
|
+
inputs: ['tuiStatus'],
|
|
62
|
+
host: {
|
|
63
|
+
tuiStatus: '',
|
|
64
|
+
'[style.--t-status]': 'tuiStatus || null',
|
|
65
|
+
},
|
|
66
|
+
}]
|
|
67
|
+
}], ctorParameters: function () {
|
|
68
|
+
return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
|
|
69
|
+
type: i0.Inject,
|
|
70
|
+
args: [i1.TuiDirectiveStylesService]
|
|
71
|
+
}] }];
|
|
72
|
+
} });
|
|
73
|
+
|
|
74
|
+
var TuiStatusModule = /** @class */ (function () {
|
|
75
|
+
function TuiStatusModule() {
|
|
76
|
+
}
|
|
77
|
+
return TuiStatusModule;
|
|
78
|
+
}());
|
|
79
|
+
TuiStatusModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
80
|
+
TuiStatusModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusModule, declarations: [TuiStatusComponent, TuiStatusDirective], exports: [TuiStatusDirective] });
|
|
81
|
+
TuiStatusModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusModule });
|
|
82
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStatusModule, decorators: [{
|
|
83
|
+
type: i0.NgModule,
|
|
84
|
+
args: [{
|
|
85
|
+
declarations: [TuiStatusComponent, TuiStatusDirective],
|
|
86
|
+
exports: [TuiStatusDirective],
|
|
87
|
+
}]
|
|
88
|
+
}] });
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Generated bundle index. Do not edit.
|
|
92
|
+
*/
|
|
93
|
+
|
|
94
|
+
exports.TuiStatusComponent = TuiStatusComponent;
|
|
95
|
+
exports.TuiStatusDirective = TuiStatusDirective;
|
|
96
|
+
exports.TuiStatusModule = TuiStatusModule;
|
|
97
|
+
|
|
98
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
99
|
+
|
|
100
|
+
}));
|
|
101
|
+
//# sourceMappingURL=taiga-ui-experimental-components-status.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-status.umd.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":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","NgModule"],"mappings":"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"}
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,QAAM,0BAA0B,GAAGA,kBAAc,CAA0B;IAC9E,IAAA,KAAK,EAAEC,sCAAwB;IAC/B,IAAA,IAAI,EAAE,GAAG;IACT,IAAA,WAAW,EAAE,UAAA,EAAE,EAAI,EAAA,OAAA,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,UAAU,GAAA;IACxE,CAAA;;ACSD,QAAA,yBAAA,kBAAA,YAAA;QAiBI,SACwC,yBAAA,CAAA,QAAkC,EACzB,OAAgC,EAAA;IADzC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAA0B;IACzB,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;YAhBjF,IAAA,CAAA,IAAI,GAAwB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;IAG9C,QAAA,IAAa,CAAA,aAAA,GAA4B,IAAI,CAAC;IAG9C,QAAA,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;IAGd,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;YAGf,IAAA,CAAA,WAAW,GAAwC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;SAKxE;;;iJApBK,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAkBtBC,wBAAiB,EAAA,EAAA,EAAA,KAAA,EACjB,0BAA0B,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAnB7B,yBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,kQCvBtC,o9BAoCA,EAAA,MAAA,EAAA,CAAA,grEAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAAF,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHDba,yBAAyB,EAAA,UAAA,EAAA,CAAA;sBANrCG,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,oBAAoB;IAC9B,oBAAA,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,6BAA6B,CAAC;wBAC1C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAClD,CAAA;;;kCAmBQC,SAAM;mCAACN,wBAAiB,CAAA;;kCACxBM,SAAM;mCAAC,0BAA0B,CAAA;;6BAhBtC,IAAI,EAAA,CAAA;0BAFHC,QAAK;;0BACLC,cAAW;2BAAC,gBAAgB,CAAA;oBAI7B,aAAa,EAAA,CAAA;0BADZD,QAAK;oBAIN,QAAQ,EAAA,CAAA;0BADPA,QAAK;oBAIN,SAAS,EAAA,CAAA;0BADRA,QAAK;oBAIN,WAAW,EAAA,CAAA;0BADVA,QAAK;;;AE1BV,QAAA,sBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,sBAAA,GAAA;;;;8IAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAN,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAAtB,sBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,iBAHhB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAD9BQ,eAAY,EAAEC,gBAAa,aAE3B,yBAAyB,CAAA,EAAA,CAAA,CAAA;IAE1B,sBAAA,CAAA,IAAA,GAAAT,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,OAAA,EAAA,CAAA,CAACQ,eAAY,EAAEC,gBAAa,CAAC,CAAA,EAAA,CAAA,CAAA;sHAI7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;sBALlCC,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACN,oBAAA,OAAO,EAAE,CAACF,eAAY,EAAEC,gBAAa,CAAC;wBACtC,YAAY,EAAE,CAAC,yBAAyB,CAAC;wBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;qBACvC,CAAA;;;ICVD;;IAEG;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/action-bar'), require('@taiga-ui/experimental/components/app-bar'), require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-labeled'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/chip'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/icon'), require('@taiga-ui/experimental/components/navigation'), require('@taiga-ui/experimental/components/pin'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/segmented'), require('@taiga-ui/experimental/components/swipe-action'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle'), require('@taiga-ui/experimental/components/tooltip')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/action-bar', '@taiga-ui/experimental/components/app-bar', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-labeled', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/chip', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/icon', '@taiga-ui/experimental/components/navigation', '@taiga-ui/experimental/components/pin', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/segmented', '@taiga-ui/experimental/components/swipe-action', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle', '@taiga-ui/experimental/components/tooltip'], 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["action-bar"], global["taiga-ui"].experimental.components["app-bar"], global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-labeled"], global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.chip, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.icon, global["taiga-ui"].experimental.components.navigation, global["taiga-ui"].experimental.components.pin, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components.segmented, global["taiga-ui"].experimental.components["swipe-action"], global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle, global["taiga-ui"].experimental.components.tooltip));
|
|
5
|
-
})(this, (function (exports, actionBar, appBar, avatar, avatarLabeled, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, chip, compass, icon, navigation, pin, radio, rating, segmented, swipeAction, thumbnailCard, toggle, tooltip) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/action-bar'), require('@taiga-ui/experimental/components/app-bar'), require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-labeled'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/chip'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/icon'), require('@taiga-ui/experimental/components/navigation'), require('@taiga-ui/experimental/components/pin'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/segmented'), require('@taiga-ui/experimental/components/status'), require('@taiga-ui/experimental/components/swipe-action'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle'), require('@taiga-ui/experimental/components/tooltip')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/action-bar', '@taiga-ui/experimental/components/app-bar', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-labeled', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/chip', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/icon', '@taiga-ui/experimental/components/navigation', '@taiga-ui/experimental/components/pin', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/segmented', '@taiga-ui/experimental/components/status', '@taiga-ui/experimental/components/swipe-action', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle', '@taiga-ui/experimental/components/tooltip'], 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["action-bar"], global["taiga-ui"].experimental.components["app-bar"], global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-labeled"], global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.chip, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.icon, global["taiga-ui"].experimental.components.navigation, global["taiga-ui"].experimental.components.pin, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components.segmented, global["taiga-ui"].experimental.components.status, global["taiga-ui"].experimental.components["swipe-action"], global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle, global["taiga-ui"].experimental.components.tooltip));
|
|
5
|
+
})(this, (function (exports, actionBar, appBar, avatar, avatarLabeled, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, chip, compass, icon, navigation, pin, radio, rating, segmented, status, swipeAction, thumbnailCard, toggle, tooltip) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -116,6 +116,12 @@
|
|
|
116
116
|
get: function () { return segmented[k]; }
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
|
+
Object.keys(status).forEach(function (k) {
|
|
120
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () { return status[k]; }
|
|
123
|
+
});
|
|
124
|
+
});
|
|
119
125
|
Object.keys(swipeAction).forEach(function (k) {
|
|
120
126
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
121
127
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiButtonGroupComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiButtonGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiButtonGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonGroupComponent, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0__namespace, 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:
|
|
34
|
+
TuiButtonGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonGroupComponent, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonGroupComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-button-group.umd.js","sources":["../../../projects/experimental/directives/button-group/button-group.component.ts","../../../projects/experimental/directives/button-group/button-group.directive.ts","../../../projects/experimental/directives/button-group/button-group.module.ts","../../../projects/experimental/directives/button-group/taiga-ui-experimental-directives-button-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./button-group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-button-group-styles',\n },\n})\nexport class TuiButtonGroupComponent {}\n","import {Directive, Inject} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiButtonGroupComponent} from './button-group.component';\n\n@Directive({\n selector: '[tuiButtonGroup]',\n})\nexport class TuiButtonGroupDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiButtonGroupComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiButtonGroupComponent} from './button-group.component';\nimport {TuiButtonGroupDirective} from './button-group.directive';\n\n@NgModule({\n declarations: [TuiButtonGroupDirective, TuiButtonGroupComponent],\n exports: [TuiButtonGroupDirective],\n})\nexport class TuiButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,uBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,uBAAA,GAAA;;;;mJAAa,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAvB,uBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,oHARtB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-button-group.umd.js","sources":["../../../projects/experimental/directives/button-group/button-group.component.ts","../../../projects/experimental/directives/button-group/button-group.directive.ts","../../../projects/experimental/directives/button-group/button-group.module.ts","../../../projects/experimental/directives/button-group/taiga-ui-experimental-directives-button-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./button-group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-button-group-styles',\n },\n})\nexport class TuiButtonGroupComponent {}\n","import {Directive, Inject} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiButtonGroupComponent} from './button-group.component';\n\n@Directive({\n selector: '[tuiButtonGroup]',\n})\nexport class TuiButtonGroupDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiButtonGroupComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiButtonGroupComponent} from './button-group.component';\nimport {TuiButtonGroupDirective} from './button-group.directive';\n\n@NgModule({\n declarations: [TuiButtonGroupDirective, TuiButtonGroupComponent],\n exports: [TuiButtonGroupDirective],\n})\nexport class TuiButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,uBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,uBAAA,GAAA;;;;mJAAa,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAvB,uBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,oHARtB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0zCAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,uBAAuB,EAAA,UAAA,EAAA,CAAA;0BATnCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,2BAA2B,CAAC;4BACxC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,yBAAyB;QACnC,qBAAA;yBACJ,CAAA;;;ACFD,YAAA,uBAAA,kBAAA,YAAA;QACI,IAAA,SAAA,uBAAA,CACuC,eAA0C,EAAA;QAE7E,QAAA,eAAe,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;aACzD;;;QALQ,uBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,uBAAuB,kBAEpBI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4HAF5B,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;0BAHnCK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,kBAAkB;yBAC/B,CAAA;;;sCAGQC,SAAM;uCAACF,4BAAyB,CAAA;;;;ACDzC,YAAA,oBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,oBAAA,GAAA;;;;gJAAa,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAApB,oBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,oBAAoB,EAHd,YAAA,EAAA,CAAA,uBAAuB,EAAE,uBAAuB,aACrD,uBAAuB,CAAA,EAAA,CAAA,CAAA;iJAExB,oBAAoB,EAAA,CAAA,CAAA;0HAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;0BAJhCO,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;4BAChE,OAAO,EAAE,CAAC,uBAAuB,CAAC;yBACrC,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiCellComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiCellComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0__namespace, 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-
|
|
34
|
+
TuiCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-cell.umd.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./cell.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-cell',\n },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n selector: '[tuiCell]:not(ng-template)',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n ],\n host: {\n tuiCell: '',\n '[attr.data-size]': 'size || \"l\"',\n },\n})\nexport class TuiCellDirective {\n @Input('tuiCell')\n size: TuiSizeL | TuiSizeS | '' = 'l';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCellComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n declarations: [TuiCellComponent, TuiCellDirective],\n exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qGARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-cell.umd.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./cell.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-cell',\n },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n selector: '[tuiCell]:not(ng-template)',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n ],\n host: {\n tuiCell: '',\n '[attr.data-size]': 'size || \"l\"',\n },\n})\nexport class TuiCellDirective {\n @Input('tuiCell')\n size: TuiSizeL | TuiSizeS | '' = 'l';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCellComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n declarations: [TuiCellComponent, TuiCellDirective],\n exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qGARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,inHAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAT5BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,oBAAoB,CAAC;4BACjC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,UAAU;QACpB,qBAAA;yBACJ,CAAA;;;ACWD,YAAA,gBAAA,kBAAA,YAAA;QAII,IAAA,SAAA,gBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAI,CAAA,IAAA,GAA6B,GAAG,CAAC;QAKjC,QAAA,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;aAClD;;;QARQ,gBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,gBAAgB,kBAKbI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAL5B,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EATd,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;QACP,QAAAK,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,QAAAC,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACxC,KAAA,EAAA,QAAA,EAAAN,aAAA,EAAA,CAAA,CAAA;0HAMQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAX5BO,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,4BAA4B;QACtC,oBAAA,SAAS,EAAE;QACP,wBAAAF,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,wBAAAC,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACxC,qBAAA;QACD,oBAAA,IAAI,EAAE;QACF,wBAAA,OAAO,EAAE,EAAE;QACX,wBAAA,kBAAkB,EAAE,aAAa;QACpC,qBAAA;yBACJ,CAAA;;;sCAMQE,SAAM;uCAACJ,4BAAyB,CAAA;;iCAHrC,IAAI,EAAA,CAAA;8BADHK,QAAK;+BAAC,SAAS,CAAA;;;ACbpB,YAAA,aAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,aAAA,GAAA;;;;yIAAa,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAT,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAb,aAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,aAAa,iBAHP,gBAAgB,EAAE,gBAAgB,CACvC,EAAA,OAAA,EAAA,CAAA,gBAAgB,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;0IAEnC,aAAa,EAAA,CAAA,CAAA;0HAAb,aAAa,EAAA,UAAA,EAAA,CAAA;0BAJzBU,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;QAClD,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;yBAChD,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
|
|
@@ -5,8 +5,7 @@ export declare class TuiBadgeDirective {
|
|
|
5
5
|
private readonly options;
|
|
6
6
|
size: "m" | "s" | "l" | "xl";
|
|
7
7
|
appearance: string;
|
|
8
|
-
dot: boolean;
|
|
9
8
|
constructor(options: TuiBadgeOptions, directiveStyles: TuiDirectiveStylesService);
|
|
10
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeDirective, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgeDirective, "tui-badge,[tuiBadge]", never, { "size": "size"; "appearance": "appearance";
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgeDirective, "tui-badge,[tuiBadge]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
|
|
12
11
|
}
|
|
@@ -3,7 +3,6 @@ import { TuiSizeS, TuiSizeXL } from '@taiga-ui/core';
|
|
|
3
3
|
export interface TuiBadgeOptions {
|
|
4
4
|
readonly appearance: string;
|
|
5
5
|
readonly size: TuiSizeS | TuiSizeXL;
|
|
6
|
-
readonly dot: boolean;
|
|
7
6
|
}
|
|
8
7
|
export declare const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions;
|
|
9
8
|
export declare const TUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeOptions>;
|
package/components/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ 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';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-experimental-components-status.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-experimental-components-status.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-experimental-components-status.js",
|
|
5
|
+
"esm2015": "../../esm2015/components/status/taiga-ui-experimental-components-status.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-experimental-components-status.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-components-status.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/components/status"
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TuiStatusDirective {
|
|
4
|
+
tuiStatus: string;
|
|
5
|
+
constructor(directiveStyles: TuiDirectiveStylesService);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiStatusDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStatusDirective, "[tuiStatus]", never, { "tuiStatus": "tuiStatus"; }, {}, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./status.component";
|
|
3
|
+
import * as i2 from "./status.directive";
|
|
4
|
+
export declare class TuiStatusModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiStatusModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiStatusModule, [typeof i1.TuiStatusComponent, typeof i2.TuiStatusDirective], never, [typeof i2.TuiStatusDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiStatusModule>;
|
|
8
|
+
}
|