@taiga-ui/experimental 3.54.0 → 3.55.0-canary.f5fbcc5
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-avatar.umd.js +19 -15
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js +7 -12
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge.umd.js +112 -96
- package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badged-content.umd.js +1 -1
- package/bundles/taiga-ui-experimental-components-badged-content.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-button.umd.js +29 -27
- package/bundles/taiga-ui-experimental-components-button.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-checkbox.umd.js +13 -29
- package/bundles/taiga-ui-experimental-components-checkbox.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-icon.umd.js +24 -43
- package/bundles/taiga-ui-experimental-components-icon.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-radio.umd.js +10 -21
- package/bundles/taiga-ui-experimental-components-radio.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-rating.umd.js +7 -7
- package/bundles/taiga-ui-experimental-components-rating.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js +29 -10
- package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-toggle.umd.js +14 -30
- package/bundles/taiga-ui-experimental-components-toggle.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-appearance.umd.js +82 -0
- package/bundles/taiga-ui-experimental-directives-appearance.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-button-vertical.umd.js +95 -0
- package/bundles/taiga-ui-experimental-directives-button-vertical.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-card.umd.js +89 -88
- package/bundles/taiga-ui-experimental-directives-card.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-cell.umd.js +6 -11
- package/bundles/taiga-ui-experimental-directives-cell.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js +3 -3
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-surface.umd.js +6 -5
- package/bundles/taiga-ui-experimental-directives-surface.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-title.umd.js +5 -10
- package/bundles/taiga-ui-experimental-directives-title.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives.umd.js +16 -4
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-tokens.umd.js +31 -0
- package/bundles/taiga-ui-experimental-tokens.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental.umd.js +10 -4
- package/bundles/taiga-ui-experimental.umd.js.map +1 -1
- package/components/avatar/avatar.component.d.ts +5 -4
- package/components/avatar/avatar.module.d.ts +2 -2
- package/components/badge/badge.component.d.ts +1 -11
- package/components/badge/badge.directive.d.ts +12 -0
- package/components/badge/badge.module.d.ts +2 -1
- package/components/badge/badge.options.d.ts +2 -3
- package/components/badge/index.d.ts +1 -0
- package/components/badge-notification/badge-notification.component.d.ts +1 -3
- package/components/button/button.component.d.ts +1 -3
- package/components/button/button.directive.d.ts +6 -4
- package/components/checkbox/checkbox.component.d.ts +5 -9
- package/components/icon/icon.component.d.ts +5 -1
- package/components/icon/icon.module.d.ts +1 -2
- package/components/icon/index.d.ts +0 -1
- package/components/radio/radio.component.d.ts +3 -7
- package/components/rating/rating.module.d.ts +3 -3
- package/components/thumbnail-card/thumbnail-card.component.d.ts +4 -1
- package/components/thumbnail-card/thumbnail-card.module.d.ts +2 -2
- package/components/toggle/toggle.component.d.ts +5 -10
- package/directives/appearance/appearance.directive.d.ts +9 -0
- package/directives/appearance/appearance.module.d.ts +7 -0
- package/directives/appearance/index.d.ts +2 -0
- package/directives/appearance/package.json +10 -0
- package/directives/appearance/taiga-ui-experimental-directives-appearance.d.ts +5 -0
- package/directives/button-vertical/button-vertical.component.d.ts +5 -0
- package/directives/button-vertical/button-vertical.directive.d.ts +7 -0
- package/directives/button-vertical/button-vertical.module.d.ts +8 -0
- package/directives/button-vertical/index.d.ts +3 -0
- package/directives/button-vertical/package.json +10 -0
- package/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.d.ts +5 -0
- package/directives/card/card.component.d.ts +5 -0
- package/directives/card/card.directive.d.ts +0 -4
- package/directives/card/card.module.d.ts +3 -2
- package/directives/card/index.d.ts +1 -0
- package/directives/cell/cell.directive.d.ts +2 -3
- package/directives/index.d.ts +2 -0
- package/directives/sensitive/sensitive.module.d.ts +2 -1
- package/directives/title/title.directive.d.ts +2 -3
- package/esm2015/components/avatar/avatar.component.js +17 -12
- package/esm2015/components/avatar/avatar.module.js +5 -5
- package/esm2015/components/badge/badge.component.js +8 -36
- package/esm2015/components/badge/badge.directive.js +42 -0
- package/esm2015/components/badge/badge.module.js +5 -4
- package/esm2015/components/badge/badge.options.js +2 -2
- package/esm2015/components/badge/index.js +2 -1
- package/esm2015/components/badge-notification/badge-notification.component.js +4 -10
- package/esm2015/components/badged-content/badged-content.component.js +1 -1
- package/esm2015/components/button/button.component.js +3 -10
- package/esm2015/components/button/button.directive.js +21 -11
- package/esm2015/components/checkbox/checkbox.component.js +13 -29
- package/esm2015/components/icon/icon.component.js +20 -7
- package/esm2015/components/icon/icon.module.js +4 -5
- package/esm2015/components/icon/index.js +1 -2
- package/esm2015/components/radio/radio.component.js +7 -20
- package/esm2015/components/rating/rating.component.js +3 -3
- package/esm2015/components/rating/rating.module.js +5 -5
- package/esm2015/components/thumbnail-card/thumbnail-card.component.js +21 -5
- package/esm2015/components/thumbnail-card/thumbnail-card.module.js +5 -5
- package/esm2015/components/toggle/toggle.component.js +13 -29
- package/esm2015/directives/appearance/appearance.directive.js +30 -0
- package/esm2015/directives/appearance/appearance.module.js +16 -0
- package/esm2015/directives/appearance/index.js +3 -0
- package/esm2015/directives/appearance/taiga-ui-experimental-directives-appearance.js +5 -0
- package/esm2015/directives/button-vertical/button-vertical.component.js +19 -0
- package/esm2015/directives/button-vertical/button-vertical.directive.js +22 -0
- package/esm2015/directives/button-vertical/button-vertical.module.js +17 -0
- package/esm2015/directives/button-vertical/index.js +4 -0
- package/esm2015/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.js +5 -0
- package/esm2015/directives/card/card.component.js +19 -0
- package/esm2015/directives/card/card.directive.js +3 -18
- package/esm2015/directives/card/card.module.js +3 -2
- package/esm2015/directives/card/index.js +2 -1
- package/esm2015/directives/cell/cell.component.js +1 -1
- package/esm2015/directives/cell/cell.directive.js +7 -12
- package/esm2015/directives/index.js +3 -1
- package/esm2015/directives/progress-segmented/progress-segmented.component.js +1 -1
- package/esm2015/directives/sensitive/sensitive.component.js +1 -1
- package/esm2015/directives/sensitive/sensitive.module.js +4 -3
- package/esm2015/directives/surface/surface.component.js +1 -1
- package/esm2015/directives/surface/surface.directive.js +7 -6
- package/esm2015/directives/title/title.component.js +1 -1
- package/esm2015/directives/title/title.directive.js +6 -11
- package/esm2015/index.js +2 -1
- package/esm2015/tokens/icon-resolver.js +15 -0
- package/esm2015/tokens/index.js +2 -0
- package/esm2015/tokens/taiga-ui-experimental-tokens.js +5 -0
- package/fesm2015/taiga-ui-experimental-components-avatar.js +20 -15
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js +3 -9
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge.js +40 -29
- package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badged-content.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-badged-content.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-button.js +25 -22
- package/fesm2015/taiga-ui-experimental-components-button.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-checkbox.js +12 -28
- package/fesm2015/taiga-ui-experimental-components-checkbox.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-icon.js +22 -37
- package/fesm2015/taiga-ui-experimental-components-icon.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-radio.js +7 -20
- package/fesm2015/taiga-ui-experimental-components-radio.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-rating.js +6 -6
- package/fesm2015/taiga-ui-experimental-components-rating.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js +24 -8
- package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-toggle.js +12 -28
- package/fesm2015/taiga-ui-experimental-components-toggle.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-appearance.js +50 -0
- package/fesm2015/taiga-ui-experimental-directives-appearance.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-button-vertical.js +58 -0
- package/fesm2015/taiga-ui-experimental-directives-button-vertical.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-card.js +1 -0
- package/fesm2015/taiga-ui-experimental-directives-card.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-cell.js +7 -12
- package/fesm2015/taiga-ui-experimental-directives-cell.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js +3 -3
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-surface.js +7 -6
- package/fesm2015/taiga-ui-experimental-directives-surface.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-title.js +6 -11
- package/fesm2015/taiga-ui-experimental-directives-title.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives.js +2 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-tokens.js +22 -0
- package/fesm2015/taiga-ui-experimental-tokens.js.map +1 -0
- package/fesm2015/taiga-ui-experimental.js +1 -0
- package/fesm2015/taiga-ui-experimental.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +31 -31
- package/tokens/icon-resolver.d.ts +4 -0
- package/tokens/index.d.ts +1 -0
- package/tokens/package.json +10 -0
- package/tokens/taiga-ui-experimental-tokens.d.ts +5 -0
- package/components/icon/icon.pipe.d.ts +0 -12
- package/esm2015/components/icon/icon.pipe.js +0 -30
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Input, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
-
import {
|
|
4
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
5
|
import { tuiAvatarOptionsProvider, tuiButtonOptionsProvider } from '@taiga-ui/experimental/components';
|
|
6
6
|
|
|
7
7
|
class TuiCellComponent {
|
|
8
8
|
}
|
|
9
9
|
TuiCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
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]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:center;
|
|
10
|
+
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]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-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);--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell] [tuiCellSide]{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}[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-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiCellSide]>*: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]>[tuiCellSide] tui-avatar,[tuiCell][data-size=s]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[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]>[tuiCellSide]>*: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]>[tuiCellSide] tui-avatar,[tuiCell][data-size=m]>[tuiCellSide] 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]>[tuiCellSide]>*: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]>[tuiCellSide] tui-avatar,[tuiCell][data-size=l]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[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]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
@@ -22,14 +22,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
22
22
|
}] });
|
|
23
23
|
|
|
24
24
|
class TuiCellDirective {
|
|
25
|
-
constructor(
|
|
26
|
-
this.platform = platform;
|
|
25
|
+
constructor(directiveStyles) {
|
|
27
26
|
this.size = 'l';
|
|
28
27
|
directiveStyles.addComponent(TuiCellComponent);
|
|
29
28
|
}
|
|
30
29
|
}
|
|
31
|
-
TuiCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellDirective, deps: [{ token:
|
|
32
|
-
TuiCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellDirective, selector: "[tuiCell]", inputs: { size: ["tuiCell", "size"] }, host: { attributes: { "tuiCell": "" }, properties: { "attr.data-size": "
|
|
30
|
+
TuiCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
TuiCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellDirective, selector: "[tuiCell]", inputs: { size: ["tuiCell", "size"] }, host: { attributes: { "tuiCell": "" }, properties: { "attr.data-size": "size || \"l\"" } }, providers: [
|
|
33
32
|
tuiAvatarOptionsProvider({ size: 's' }),
|
|
34
33
|
tuiButtonOptionsProvider({ size: 's' }),
|
|
35
34
|
], ngImport: i0 });
|
|
@@ -43,14 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
43
42
|
],
|
|
44
43
|
host: {
|
|
45
44
|
tuiCell: '',
|
|
46
|
-
'[attr.data-size]': '
|
|
47
|
-
'[attr.data-platform]': 'platform',
|
|
45
|
+
'[attr.data-size]': 'size || "l"',
|
|
48
46
|
},
|
|
49
47
|
}]
|
|
50
|
-
}], ctorParameters: function () { return [{ type:
|
|
51
|
-
type: Inject,
|
|
52
|
-
args: [TUI_PLATFORM]
|
|
53
|
-
}] }, { type: i1.TuiDirectiveStylesService, decorators: [{
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
54
49
|
type: Inject,
|
|
55
50
|
args: [TuiDirectiveStylesService]
|
|
56
51
|
}] }]; }, propDecorators: { size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-cell.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 {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-cell.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]',\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":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
|
6
6
|
class TuiProgressSegmentedComponent {
|
|
7
7
|
}
|
|
8
8
|
TuiProgressSegmentedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiProgressSegmentedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
TuiProgressSegmentedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressSegmentedComponent, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressBar]._segmented{-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) -
|
|
9
|
+
TuiProgressSegmentedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressSegmentedComponent, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressBar]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiProgressSegmentedComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {class: 'tui-progress-segmented'},\n template: '',\n styleUrls: ['./progress-segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n selector: '[tuiProgressBar][segments]',\n host: {\n class: '_segmented',\n '[style.--t-segment-width]': '1 / segments',\n '[attr.new]': '\"\"', // TODO: drop in v4.0\n },\n})\nexport class TuiProgressSegmentedDirective {\n @Input()\n segments = 1;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiProgressSegmentedComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/**\n * TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n */\n@NgModule({\n declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,6BAA6B,CAAA;;2HAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,wGAL5B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {class: 'tui-progress-segmented'},\n template: '',\n styleUrls: ['./progress-segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n selector: '[tuiProgressBar][segments]',\n host: {\n class: '_segmented',\n '[style.--t-segment-width]': '1 / segments',\n '[attr.new]': '\"\"', // TODO: drop in v4.0\n },\n})\nexport class TuiProgressSegmentedDirective {\n @Input()\n segments = 1;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiProgressSegmentedComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/**\n * TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n */\n@NgModule({\n declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
|
6
6
|
class TuiSensitiveComponent {
|
|
7
7
|
}
|
|
8
8
|
TuiSensitiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
TuiSensitiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSensitiveComponent, selector: "ng-component", host: { classAttribute: "tui-sensitive-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-sensitive{position:relative;display:inline-block;
|
|
9
|
+
TuiSensitiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSensitiveComponent, selector: "ng-component", host: { classAttribute: "tui-sensitive-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-sensitive{position:relative;display:inline-block;line-height:1em;-webkit-clip-path:inset(0 round .25rem);clip-path:inset(0 round .25rem)}.tui-sensitive:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background:currentColor;border-radius:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');-webkit-mask-size:auto 99%;mask-size:auto 99%;-webkit-mask-position:var(--t-offset, 0) 0;mask-position:var(--t-offset, 0) 0}.tui-sensitive.tui-sensitive{-webkit-text-fill-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
@@ -48,12 +48,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
48
48
|
class TuiSensitiveModule {
|
|
49
49
|
}
|
|
50
50
|
TuiSensitiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
-
TuiSensitiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveModule, declarations: [TuiSensitiveDirective], exports: [TuiSensitiveDirective] });
|
|
51
|
+
TuiSensitiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveModule, declarations: [TuiSensitiveDirective, TuiSensitiveComponent], exports: [TuiSensitiveDirective] });
|
|
52
52
|
TuiSensitiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveModule });
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSensitiveModule, decorators: [{
|
|
54
54
|
type: NgModule,
|
|
55
55
|
args: [{
|
|
56
|
-
declarations: [TuiSensitiveDirective],
|
|
56
|
+
declarations: [TuiSensitiveDirective, TuiSensitiveComponent],
|
|
57
57
|
exports: [TuiSensitiveDirective],
|
|
58
58
|
}]
|
|
59
59
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-sensitive.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-sensitive-styles',\n },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean | null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,sGARpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-sensitive.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-sensitive-styles',\n },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean | null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective, TuiSensitiveComponent],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Input,
|
|
2
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Input, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@taiga-ui/cdk';
|
|
4
4
|
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
5
|
|
|
6
6
|
class TuiSurfaceComponent {
|
|
7
7
|
}
|
|
8
8
|
TuiSurfaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[data-surface=elevated]{box-shadow:0 .25rem 1.5rem #0000001f;border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:0 .25rem 1.5rem #0000001f;transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:0 .75rem 2.25rem #0003;transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
9
|
+
TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[data-surface=elevated]{box-shadow:0 .25rem 1.5rem #0000001f;border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:0 .25rem 1.5rem #0000001f;transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:0 .75rem 2.25rem #0003;transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
@@ -27,20 +27,21 @@ class TuiSurfaceDirective {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
TuiSurfaceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
-
TuiSurfaceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceDirective, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { properties: { "attr.data-surface": "
|
|
30
|
+
TuiSurfaceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceDirective, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { attributes: { "tuiSurface": "" }, properties: { "attr.data-surface": "tuiSurface" } }, ngImport: i0 });
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceDirective, decorators: [{
|
|
32
32
|
type: Directive,
|
|
33
33
|
args: [{
|
|
34
34
|
selector: '[tuiSurface]',
|
|
35
|
+
host: {
|
|
36
|
+
tuiSurface: '',
|
|
37
|
+
'[attr.data-surface]': 'tuiSurface',
|
|
38
|
+
},
|
|
35
39
|
}]
|
|
36
40
|
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
37
41
|
type: Inject,
|
|
38
42
|
args: [TuiDirectiveStylesService]
|
|
39
43
|
}] }]; }, propDecorators: { tuiSurface: [{
|
|
40
44
|
type: Input
|
|
41
|
-
}, {
|
|
42
|
-
type: HostBinding,
|
|
43
|
-
args: ['attr.data-surface']
|
|
44
45
|
}] } });
|
|
45
46
|
|
|
46
47
|
class TuiSurfaceModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-surface.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-surface.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oGARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,w1HAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;oBACnC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,oBAAoB;AAC9B,qBAAA;AACJ,iBAAA,CAAA;;;MCEY,mBAAmB,CAAA;AAI5B,IAAA,WAAA,CACuC,eAA0C,EAAA;QAHjF,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAKZ,QAAA,eAAe,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;KACrD;;AARQ,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAKhB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAL5B,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,UAAU,EAAE,EAAE;AACd,wBAAA,qBAAqB,EAAE,YAAY;AACtC,qBAAA;AACJ,iBAAA,CAAA;;0BAMQ,MAAM;2BAAC,yBAAyB,CAAA;4CAHrC,UAAU,EAAA,CAAA;sBADT,KAAK;;;MCJG,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAHV,YAAA,EAAA,CAAA,mBAAmB,EAAE,mBAAmB,aAC7C,mBAAmB,CAAA,EAAA,CAAA,CAAA;+GAEpB,gBAAgB,EAAA,CAAA,CAAA;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;oBACxD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Input, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
-
import {
|
|
4
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
5
|
|
|
6
6
|
class TuiTitleComponent {
|
|
7
7
|
}
|
|
8
8
|
TuiTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
TuiTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleComponent, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;grid-gap:.25rem;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{grid-gap:.5rem;gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[
|
|
9
|
+
TuiTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleComponent, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;grid-gap:.25rem;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{grid-gap:.5rem;gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-s-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTitleComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
@@ -21,14 +21,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
21
21
|
}] });
|
|
22
22
|
|
|
23
23
|
class TuiTitleDirective {
|
|
24
|
-
constructor(
|
|
25
|
-
this.platform = platform;
|
|
24
|
+
constructor(directiveStyles) {
|
|
26
25
|
this.size = '';
|
|
27
26
|
directiveStyles.addComponent(TuiTitleComponent);
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
|
-
TuiTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTitleDirective, deps: [{ token:
|
|
31
|
-
TuiTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleDirective, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "" }, properties: { "attr.data-size": "size || null"
|
|
29
|
+
TuiTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTitleDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
TuiTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleDirective, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "" }, properties: { "attr.data-size": "size || null" } }, ngImport: i0 });
|
|
32
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTitleDirective, decorators: [{
|
|
33
32
|
type: Directive,
|
|
34
33
|
args: [{
|
|
@@ -36,13 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
36
35
|
host: {
|
|
37
36
|
tuiTitle: '',
|
|
38
37
|
'[attr.data-size]': 'size || null',
|
|
39
|
-
'[attr.data-platform]': 'platform',
|
|
40
38
|
},
|
|
41
39
|
}]
|
|
42
|
-
}], ctorParameters: function () { return [{ type:
|
|
43
|
-
type: Inject,
|
|
44
|
-
args: [TUI_PLATFORM]
|
|
45
|
-
}] }, { type: i1.TuiDirectiveStylesService, decorators: [{
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
46
41
|
type: Inject,
|
|
47
42
|
args: [TuiDirectiveStylesService]
|
|
48
43
|
}] }]; }, propDecorators: { size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-title.js","sources":["../../../projects/experimental/directives/title/title.component.ts","../../../projects/experimental/directives/title/title.directive.ts","../../../projects/experimental/directives/title/title.module.ts","../../../projects/experimental/directives/title/taiga-ui-experimental-directives-title.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./title.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-title',\n },\n})\nexport class TuiTitleComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-title.js","sources":["../../../projects/experimental/directives/title/title.component.ts","../../../projects/experimental/directives/title/title.directive.ts","../../../projects/experimental/directives/title/title.module.ts","../../../projects/experimental/directives/title/taiga-ui-experimental-directives-title.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./title.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-title',\n },\n})\nexport class TuiTitleComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nimport {TuiTitleComponent} from './title.component';\n\n@Directive({\n selector: '[tuiTitle]',\n host: {\n tuiTitle: '',\n '[attr.data-size]': 'size || null',\n },\n})\nexport class TuiTitleDirective {\n @Input('tuiTitle')\n size: TuiSizeL | TuiSizeS | '' = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiTitleComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTitleComponent} from './title.component';\nimport {TuiTitleDirective} from './title.directive';\n\n@NgModule({\n declarations: [TuiTitleDirective, TuiTitleComponent],\n exports: [TuiTitleDirective],\n})\nexport class TuiTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export * from '@taiga-ui/experimental/directives/appearance';
|
|
2
|
+
export * from '@taiga-ui/experimental/directives/button-vertical';
|
|
1
3
|
export * from '@taiga-ui/experimental/directives/card';
|
|
2
4
|
export * from '@taiga-ui/experimental/directives/cell';
|
|
3
5
|
export * from '@taiga-ui/experimental/directives/fade';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives.js","sources":["../../../projects/experimental/directives/taiga-ui-experimental-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives.js","sources":["../../../projects/experimental/directives/taiga-ui-experimental-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;AAEG"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { tuiCreateTokenFromFactory } from '@taiga-ui/cdk';
|
|
2
|
+
|
|
3
|
+
const TUI_ICON_RESOLVER = tuiCreateTokenFromFactory(
|
|
4
|
+
// TODO: Remove backwards compatibility in 4.0
|
|
5
|
+
() => icon => !icon || icon.includes(`/`)
|
|
6
|
+
? icon
|
|
7
|
+
: `/assets/taiga-ui/icons/${icon.includes(`Outline`)
|
|
8
|
+
? icon
|
|
9
|
+
: icon.replace(`Large`, ``).concat(`Outline`)}.svg`);
|
|
10
|
+
function tuiIconResolverProvider(useValue) {
|
|
11
|
+
return {
|
|
12
|
+
provide: TUI_ICON_RESOLVER,
|
|
13
|
+
useValue,
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Generated bundle index. Do not edit.
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
export { TUI_ICON_RESOLVER, tuiIconResolverProvider };
|
|
22
|
+
//# sourceMappingURL=taiga-ui-experimental-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-tokens.js","sources":["../../../projects/experimental/tokens/icon-resolver.ts","../../../projects/experimental/tokens/taiga-ui-experimental-tokens.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateTokenFromFactory, TuiStringHandler} from '@taiga-ui/cdk';\n\nexport const TUI_ICON_RESOLVER = tuiCreateTokenFromFactory<TuiStringHandler<string>>(\n // TODO: Remove backwards compatibility in 4.0\n () => icon =>\n !icon || icon.includes(`/`)\n ? icon\n : `/assets/taiga-ui/icons/${\n icon.includes(`Outline`)\n ? icon\n : icon.replace(`Large`, ``).concat(`Outline`)\n }.svg`,\n);\n\nexport function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider {\n return {\n provide: TUI_ICON_RESOLVER,\n useValue,\n };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAiB,GAAG,yBAAyB;AACtD;AACA,MAAM,IAAI,IACN,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AACvB,MAAE,IAAI;AACN,MAAE,CACI,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACpB,UAAE,IAAI;AACN,UAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC,CAAC,MAAM,CAAC,CAAA,OAAA,CAAS,CACpD,CAAA,IAAA,CAAM,EAClB;AAEI,SAAU,uBAAuB,CAAC,QAAkC,EAAA;IACtE,OAAO;AACH,QAAA,OAAO,EAAE,iBAAiB;QAC1B,QAAQ;KACX,CAAC;AACN;;ACpBA;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;AAEG"}
|
package/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
2
|
+
"name": "@taiga-ui/experimental",
|
|
3
|
+
"version": "3.55.0-canary.f5fbcc5",
|
|
4
|
+
"description": "A package with Taiga UI experimental components",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"angular",
|
|
7
|
+
"component",
|
|
8
|
+
"layout"
|
|
9
|
+
],
|
|
10
|
+
"homepage": "https://github.com/taiga-family/taiga-ui",
|
|
11
|
+
"repository": "https://github.com/taiga-family/taiga-ui",
|
|
12
|
+
"license": "Apache-2.0",
|
|
13
|
+
"peerDependencies": {
|
|
14
|
+
"@angular/common": ">=12.0.0",
|
|
15
|
+
"@angular/core": ">=12.0.0",
|
|
16
|
+
"@taiga-ui/addon-commerce": ">=3.55.0-canary.f5fbcc5",
|
|
17
|
+
"@taiga-ui/cdk": ">=3.55.0-canary.f5fbcc5",
|
|
18
|
+
"@taiga-ui/core": ">=3.55.0-canary.f5fbcc5",
|
|
19
|
+
"@taiga-ui/kit": ">=3.55.0-canary.f5fbcc5",
|
|
20
|
+
"@tinkoff/ng-polymorpheus": ">=4.0.0",
|
|
21
|
+
"rxjs": ">=6.0.0"
|
|
22
|
+
},
|
|
23
|
+
"main": "bundles/taiga-ui-experimental.umd.js",
|
|
24
|
+
"module": "fesm2015/taiga-ui-experimental.js",
|
|
25
|
+
"es2015": "fesm2015/taiga-ui-experimental.js",
|
|
26
|
+
"esm2015": "esm2015/taiga-ui-experimental.js",
|
|
27
|
+
"fesm2015": "fesm2015/taiga-ui-experimental.js",
|
|
28
|
+
"typings": "taiga-ui-experimental.d.ts",
|
|
29
|
+
"sideEffects": false,
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"tslib": ">=2.0.0"
|
|
32
|
+
}
|
|
33
33
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Provider } from '@angular/core';
|
|
2
|
+
import { TuiStringHandler } from '@taiga-ui/cdk';
|
|
3
|
+
export declare const TUI_ICON_RESOLVER: import("@angular/core").InjectionToken<TuiStringHandler<string>>;
|
|
4
|
+
export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon-resolver';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../bundles/taiga-ui-experimental-tokens.umd.js",
|
|
3
|
+
"module": "../fesm2015/taiga-ui-experimental-tokens.js",
|
|
4
|
+
"es2015": "../fesm2015/taiga-ui-experimental-tokens.js",
|
|
5
|
+
"esm2015": "../esm2015/tokens/taiga-ui-experimental-tokens.js",
|
|
6
|
+
"fesm2015": "../fesm2015/taiga-ui-experimental-tokens.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-tokens.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/tokens"
|
|
10
|
+
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { PipeTransform, Provider } from '@angular/core';
|
|
2
|
-
import { TuiStringHandler } from '@taiga-ui/cdk';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare const TUI_ICON_RESOLVER: import("@angular/core").InjectionToken<TuiStringHandler<string>>;
|
|
5
|
-
export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;
|
|
6
|
-
export declare class TuiIconPipe implements PipeTransform {
|
|
7
|
-
private readonly resolver;
|
|
8
|
-
constructor(resolver: TuiStringHandler<string>);
|
|
9
|
-
transform(icon: string): string;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconPipe, never>;
|
|
11
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<TuiIconPipe, "tuiIcon">;
|
|
12
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Inject, Pipe } from '@angular/core';
|
|
2
|
-
import { tuiCreateTokenFromFactory } from '@taiga-ui/cdk';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export const TUI_ICON_RESOLVER = tuiCreateTokenFromFactory(() => icon => `/assets/taiga-ui/icons/${icon}.svg`);
|
|
5
|
-
export function tuiIconResolverProvider(useValue) {
|
|
6
|
-
return {
|
|
7
|
-
provide: TUI_ICON_RESOLVER,
|
|
8
|
-
useValue,
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
export class TuiIconPipe {
|
|
12
|
-
constructor(resolver) {
|
|
13
|
-
this.resolver = resolver;
|
|
14
|
-
}
|
|
15
|
-
transform(icon) {
|
|
16
|
-
return this.resolver(icon);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
TuiIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconPipe, deps: [{ token: TUI_ICON_RESOLVER }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
20
|
-
TuiIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconPipe, name: "tuiIcon" });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconPipe, decorators: [{
|
|
22
|
-
type: Pipe,
|
|
23
|
-
args: [{
|
|
24
|
-
name: `tuiIcon`,
|
|
25
|
-
}]
|
|
26
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
27
|
-
type: Inject,
|
|
28
|
-
args: [TUI_ICON_RESOLVER]
|
|
29
|
-
}] }]; } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvaWNvbi9pY29uLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQTBCLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBQyx5QkFBeUIsRUFBbUIsTUFBTSxlQUFlLENBQUM7O0FBRTFFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLHlCQUF5QixDQUN0RCxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLDBCQUEwQixJQUFJLE1BQU0sQ0FDckQsQ0FBQztBQUVGLE1BQU0sVUFBVSx1QkFBdUIsQ0FBQyxRQUFrQztJQUN0RSxPQUFPO1FBQ0gsT0FBTyxFQUFFLGlCQUFpQjtRQUMxQixRQUFRO0tBQ1gsQ0FBQztBQUNOLENBQUM7QUFLRCxNQUFNLE9BQU8sV0FBVztJQUNwQixZQUNnRCxRQUFrQztRQUFsQyxhQUFRLEdBQVIsUUFBUSxDQUEwQjtJQUMvRSxDQUFDO0lBRUosU0FBUyxDQUFDLElBQVk7UUFDbEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7O3lHQVBRLFdBQVcsa0JBRVIsaUJBQWlCO3VHQUZwQixXQUFXOzRGQUFYLFdBQVc7a0JBSHZCLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLFNBQVM7aUJBQ2xCOzswQkFHUSxNQUFNOzJCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0LCBQaXBlLCBQaXBlVHJhbnNmb3JtLCBQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUNyZWF0ZVRva2VuRnJvbUZhY3RvcnksIFR1aVN0cmluZ0hhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuXG5leHBvcnQgY29uc3QgVFVJX0lDT05fUkVTT0xWRVIgPSB0dWlDcmVhdGVUb2tlbkZyb21GYWN0b3J5PFR1aVN0cmluZ0hhbmRsZXI8c3RyaW5nPj4oXG4gICAgKCkgPT4gaWNvbiA9PiBgL2Fzc2V0cy90YWlnYS11aS9pY29ucy8ke2ljb259LnN2Z2AsXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gdHVpSWNvblJlc29sdmVyUHJvdmlkZXIodXNlVmFsdWU6IFR1aVN0cmluZ0hhbmRsZXI8c3RyaW5nPik6IFByb3ZpZGVyIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBwcm92aWRlOiBUVUlfSUNPTl9SRVNPTFZFUixcbiAgICAgICAgdXNlVmFsdWUsXG4gICAgfTtcbn1cblxuQFBpcGUoe1xuICAgIG5hbWU6IGB0dWlJY29uYCxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSWNvblBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfSUNPTl9SRVNPTFZFUikgcHJpdmF0ZSByZWFkb25seSByZXNvbHZlcjogVHVpU3RyaW5nSGFuZGxlcjxzdHJpbmc+LFxuICAgICkge31cblxuICAgIHRyYW5zZm9ybShpY29uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlcihpY29uKTtcbiAgICB9XG59XG4iXX0=
|