@taiga-ui/kit 4.97.0 → 4.99.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/calendar-range/calendar-range.component.d.ts +5 -4
- package/components/line-clamp/index.d.ts +1 -0
- package/components/line-clamp/line-clamp-fallback.directive.d.ts +18 -0
- package/components/line-clamp/line-clamp.component.d.ts +23 -14
- package/directives/tooltip/tooltip.directive.d.ts +1 -1
- package/esm2022/components/avatar/avatar-labeled.component.mjs +3 -3
- package/esm2022/components/avatar/avatar-outline.directive.mjs +3 -3
- package/esm2022/components/avatar/avatar-stack.component.mjs +2 -2
- package/esm2022/components/badge/badge.directive.mjs +3 -3
- package/esm2022/components/block/block.directive.mjs +3 -3
- package/esm2022/components/calendar-range/calendar-range.component.mjs +18 -19
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/chip/chip.directive.mjs +3 -3
- package/esm2022/components/comment/comment.directive.mjs +3 -3
- package/esm2022/components/compass/compass.component.mjs +2 -2
- package/esm2022/components/files/files/files.component.mjs +3 -3
- package/esm2022/components/files/files.validators.mjs +2 -2
- package/esm2022/components/input-color/input-color.component.mjs +2 -2
- package/esm2022/components/input-date/input-date.component.mjs +2 -2
- package/esm2022/components/input-date-time/input-date-time.component.mjs +2 -2
- package/esm2022/components/input-inline/input-inline.component.mjs +2 -2
- package/esm2022/components/input-month/input-month.component.mjs +2 -2
- package/esm2022/components/input-number/step/input-number-step.component.mjs +2 -2
- package/esm2022/components/input-time/input-time.component.mjs +2 -2
- package/esm2022/components/like/like.component.mjs +2 -2
- package/esm2022/components/line-clamp/index.mjs +2 -1
- package/esm2022/components/line-clamp/line-clamp-fallback.directive.mjs +51 -0
- package/esm2022/components/line-clamp/line-clamp.component.mjs +55 -51
- package/esm2022/components/message/message.directive.mjs +3 -3
- package/esm2022/components/pin/pin.directive.mjs +3 -3
- package/esm2022/components/preview/dialog/preview-dialog.component.mjs +3 -3
- package/esm2022/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.mjs +3 -3
- package/esm2022/components/progress/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/components/progress/progress-segmented/progress-segmented.directive.mjs +3 -3
- package/esm2022/components/pulse/pulse.component.mjs +2 -2
- package/esm2022/components/radio/radio.component.mjs +2 -2
- package/esm2022/components/radio-list/radio-list.component.mjs +2 -2
- package/esm2022/components/segmented/segmented.component.mjs +3 -3
- package/esm2022/components/shrink-wrap/shrink-wrap.component.mjs +2 -2
- package/esm2022/components/status/status.directive.mjs +3 -3
- package/esm2022/components/switch/switch.component.mjs +2 -2
- package/esm2022/components/tabs/tab.directive.mjs +1 -1
- package/esm2022/components/tabs/tabs.directive.mjs +3 -3
- package/esm2022/components/tiles/tiles.component.mjs +3 -3
- package/esm2022/components/toast/toast.directive.mjs +3 -3
- package/esm2022/directives/button-group/button-group.directive.mjs +3 -3
- package/esm2022/directives/chevron/chevron.directive.mjs +3 -3
- package/esm2022/directives/connected/connected.directive.mjs +3 -3
- package/esm2022/directives/fade/fade.directive.mjs +3 -3
- package/esm2022/directives/icon-badge/icon-badge.directive.mjs +3 -3
- package/esm2022/directives/sensitive/sensitive.directive.mjs +3 -3
- package/esm2022/directives/shimmer/shimmer.directive.mjs +3 -3
- package/esm2022/directives/skeleton/skeleton.directive.mjs +3 -3
- package/esm2022/directives/tooltip/tooltip.directive.mjs +6 -5
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-block.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +17 -18
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-chip.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-files.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +98 -51
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-message.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-progress.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pulse.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-radio.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-toast.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +5 -4
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/package.json +22 -22
- package/styles/components/progress-bar.less +1 -1
|
@@ -9,13 +9,13 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
const FADE = [{ opacity: 0.06 }, { opacity: 1 }];
|
|
10
10
|
class TuiSkeletonStyles {
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSkeletonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSkeletonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-skeleton-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiSkeleton{0%{opacity:.03}to{opacity:.06}}[tuiSkeletonV=\"4.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSkeletonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-skeleton-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiSkeleton{0%{opacity:.03}to{opacity:.06}}[tuiSkeletonV=\"4.99.0\"]._skeleton{color:transparent;background:var(--tui-background-base)!important;box-shadow:none!important;filter:contrast(0) brightness(0);animation:tuiSkeleton ease-in-out calc(var(--tui-duration) * 4) infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.06}[tuiSkeletonV=\"4.99.0\"]._skeleton[data-tui-skeleton]{background:transparent!important}[tuiSkeletonV=\"4.99.0\"]._skeleton[data-tui-skeleton]:before{content:attr(data-tui-skeleton);background:var(--tui-background-base);font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25rem}[tuiTheme=dark] [tuiSkeletonV=\"4.99.0\"]._skeleton,[tuiTheme=dark][tuiSkeletonV=\"4.99.0\"]._skeleton{filter:contrast(0) brightness(0) invert(1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSkeletonStyles, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
17
17
|
class: 'tui-skeleton-styles',
|
|
18
|
-
}, styles: ["@keyframes tuiSkeleton{0%{opacity:.03}to{opacity:.06}}[tuiSkeletonV=\"4.
|
|
18
|
+
}, styles: ["@keyframes tuiSkeleton{0%{opacity:.03}to{opacity:.06}}[tuiSkeletonV=\"4.99.0\"]._skeleton{color:transparent;background:var(--tui-background-base)!important;box-shadow:none!important;filter:contrast(0) brightness(0);animation:tuiSkeleton ease-in-out calc(var(--tui-duration) * 4) infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.06}[tuiSkeletonV=\"4.99.0\"]._skeleton[data-tui-skeleton]{background:transparent!important}[tuiSkeletonV=\"4.99.0\"]._skeleton[data-tui-skeleton]:before{content:attr(data-tui-skeleton);background:var(--tui-background-base);font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25rem}[tuiTheme=dark] [tuiSkeletonV=\"4.99.0\"]._skeleton,[tuiTheme=dark][tuiSkeletonV=\"4.99.0\"]._skeleton{filter:contrast(0) brightness(0) invert(1)}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
class TuiSkeleton {
|
|
21
21
|
constructor() {
|
|
@@ -43,7 +43,7 @@ class TuiSkeleton {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
46
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiSkeleton, isStandalone: true, selector: "[tuiSkeleton]", inputs: { tuiSkeleton: "tuiSkeleton" }, host: { attributes: { "tuiSkeleton": "", "tuiSkeletonV": "4.
|
|
46
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiSkeleton, isStandalone: true, selector: "[tuiSkeleton]", inputs: { tuiSkeleton: "tuiSkeleton" }, host: { attributes: { "tuiSkeleton": "", "tuiSkeletonV": "4.99.0" }, properties: { "class._skeleton": "tuiSkeleton", "attr.data-tui-skeleton": "getPlaceholder(tuiSkeleton)" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
47
47
|
}
|
|
48
48
|
__decorate([
|
|
49
49
|
tuiPure
|
|
@@ -15,13 +15,13 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
15
15
|
import * as i2 from "@taiga-ui/core/directives/hint";
|
|
16
16
|
class TuiTooltipStyles {
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tooltip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTooltipV=\"4.
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tooltip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTooltipV=\"4.99.0\"]{border-width:.125rem;border-radius:100%;cursor:pointer;pointer-events:auto;background-clip:content-box!important}[tuiTooltipV=\"4.99.0\"] [tuiBlock],[tuiTooltipV=\"4.99.0\"] [tuiCell][data-size=s],[tuiLabel][data-orientation=horizontal] [tuiTooltipV=\"4.99.0\"],[tuiTooltipV=\"4.99.0\"][data-size=s]{font-size:1.25rem}[tuiTitle] [tuiTooltipV=\"4.99.0\"]{font-size:1rem;border:none}[tuiTooltipV=\"4.99.0\"]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:1rem;block-size:1rem}@media (hover: hover) and (pointer: fine){tui-textfield:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-textarea:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-primitive-textfield:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-input-tag:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after{color:var(--tui-text-secondary)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipStyles, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
23
23
|
class: 'tui-tooltip',
|
|
24
|
-
}, styles: ["[tuiTooltipV=\"4.
|
|
24
|
+
}, styles: ["[tuiTooltipV=\"4.99.0\"]{border-width:.125rem;border-radius:100%;cursor:pointer;pointer-events:auto;background-clip:content-box!important}[tuiTooltipV=\"4.99.0\"] [tuiBlock],[tuiTooltipV=\"4.99.0\"] [tuiCell][data-size=s],[tuiLabel][data-orientation=horizontal] [tuiTooltipV=\"4.99.0\"],[tuiTooltipV=\"4.99.0\"][data-size=s]{font-size:1.25rem}[tuiTitle] [tuiTooltipV=\"4.99.0\"]{font-size:1rem;border:none}[tuiTooltipV=\"4.99.0\"]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:1rem;block-size:1rem}@media (hover: hover) and (pointer: fine){tui-textfield:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-textarea:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-primitive-textfield:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after,tui-input-tag:hover [tuiTooltipV=\"4.99.0\"][data-appearance=icon]:after{color:var(--tui-text-secondary)}}\n"] }]
|
|
25
25
|
}] });
|
|
26
26
|
class TuiTooltip {
|
|
27
27
|
constructor() {
|
|
@@ -46,13 +46,13 @@ class TuiTooltip {
|
|
|
46
46
|
this.driver.toggle();
|
|
47
47
|
}
|
|
48
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltip, isStandalone: true, selector: "tui-icon[tuiTooltip]", inputs: { size: "size" }, host: { attributes: { "tuiTooltip": "", "tuiTooltipV": "4.
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltip, isStandalone: true, selector: "tui-icon[tuiTooltip]", inputs: { size: "size" }, host: { attributes: { "tuiTooltip": "", "tuiTooltipV": "4.99.0" }, listeners: { "mousedown.prevent": "0", "click.prevent": "0", "pointerdown": "onPointerDown($event)" }, properties: { "attr.data-size": "size" } }, providers: [
|
|
50
50
|
tuiAppearanceOptionsProvider(TUI_TOOLTIP_OPTIONS),
|
|
51
51
|
{
|
|
52
52
|
provide: TUI_ICON_START,
|
|
53
53
|
useFactory: () => inject(TUI_TOOLTIP_OPTIONS).icon || inject(TUI_HINT_OPTIONS).icon,
|
|
54
54
|
},
|
|
55
|
-
], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiHintDescribe, inputs: ["tuiHintDescribe", "tuiTooltipDescribe"] }, { directive: i2.TuiHintDirective, inputs: ["tuiHint", "tuiTooltip", "tuiHintAppearance", "tuiHintAppearance", "tuiHintContext", "tuiHintContext"] }], ngImport: i0 }); }
|
|
55
|
+
], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiHintDescribe, inputs: ["tuiHintDescribe", "tuiTooltipDescribe"] }, { directive: i2.TuiHintDirective, inputs: ["tuiHint", "tuiTooltip", "tuiHintAppearance", "tuiHintAppearance", "tuiHintContext", "tuiHintContext"], outputs: ["tuiHintVisible", "tuiHintVisible"] }], ngImport: i0 }); }
|
|
56
56
|
}
|
|
57
57
|
export { TuiTooltip };
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltip, decorators: [{
|
|
@@ -76,6 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
76
76
|
{
|
|
77
77
|
directive: TuiHintDirective,
|
|
78
78
|
inputs: ['tuiHint: tuiTooltip', 'tuiHintAppearance', 'tuiHintContext'],
|
|
79
|
+
outputs: ['tuiHintVisible'],
|
|
79
80
|
},
|
|
80
81
|
],
|
|
81
82
|
host: {
|
|
@@ -90,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
90
91
|
}], propDecorators: { size: [{
|
|
91
92
|
type: Input
|
|
92
93
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvZGlyZWN0aXZlcy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxFQUVMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3BELE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFDSCw0QkFBNEIsRUFDNUIsa0JBQWtCLEVBQ2xCLGlCQUFpQixHQUNwQixNQUFNLHNDQUFzQyxDQUFDO0FBQzlDLE9BQU8sRUFDSCxnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixZQUFZLEdBQ2YsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFckQsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUV6QixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQUV0RCxNQVVNLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO21HQUFoQixnQkFBZ0IsaUhBUlIsRUFBRTs7NEZBUVYsZ0JBQWdCO2tCQVZyQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsS0FBSyxFQUFFLGFBQWE7cUJBQ3ZCOztBQUlMLE1BZ0NhLFVBQVU7SUFoQ3ZCO1FBaUNxQixjQUFTLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixFQUFFLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQyxDQUFDLENBQUM7UUFDNUQsYUFBUSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqQyxhQUFRLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ25DLFdBQU0sR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFNUIsWUFBTyxHQUFHLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzFDLFVBQUssR0FBb0Isa0JBQWtCLENBQzFELFFBQVEsQ0FDSixNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsSUFBSSxDQUNyQixHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQ3hDLFFBQVEsRUFBRSxDQUNiLEVBQ0QsRUFBQyxZQUFZLEVBQUUsSUFBSSxFQUFDLENBQ3ZCLENBQ0osQ0FBQztRQUdLLFNBQUksR0FBYSxHQUFHLENBQUM7S0FpQi9CO0lBZlUsU0FBUztRQUNaLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7U0FDckQ7SUFDTCxDQUFDO0lBRVMsYUFBYSxDQUFDLEtBQWlCO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUV4QixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3pCLENBQUM7K0dBbENRLFVBQVU7bUdBQVYsVUFBVSxtVEE3QlI7WUFDUCw0QkFBNEIsQ0FBQyxtQkFBbUIsQ0FBQztZQUNqRDtnQkFDSSxPQUFPLEVBQUUsY0FBYztnQkFDdkIsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUNiLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFJO2FBQ3hFO1NBQ0o7O1NBc0JRLFVBQVU7NEZBQVYsVUFBVTtrQkFoQ3RCLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFNBQVMsRUFBRTt3QkFDUCw0QkFBNEIsQ0FBQyxtQkFBbUIsQ0FBQzt3QkFDakQ7NEJBQ0ksT0FBTyxFQUFFLGNBQWM7NEJBQ3ZCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FDYixNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFBSTt5QkFDeEU7cUJBQ0o7b0JBQ0QsY0FBYyxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakI7NEJBQ0ksU0FBUyxFQUFFLGVBQWU7NEJBQzFCLE1BQU0sRUFBRSxDQUFDLHFDQUFxQyxDQUFDO3lCQUNsRDt3QkFDRDs0QkFDSSxTQUFTLEVBQUUsZ0JBQWdCOzRCQUMzQixNQUFNLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsQ0FBQzs0QkFDdEUsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7eUJBQzlCO3FCQUNKO29CQUNELElBQUksRUFBRTt3QkFDRixVQUFVLEVBQUUsRUFBRTt3QkFDZCxXQUFXLEVBQUUsV0FBVzt3QkFDeEIsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIscUJBQXFCLEVBQUUsR0FBRzt3QkFDMUIsaUJBQWlCLEVBQUUsR0FBRzt3QkFDdEIsZUFBZSxFQUFFLHVCQUF1QjtxQkFDM0M7aUJBQ0o7OEJBbUJVLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICB0eXBlIERvQ2hlY2ssXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIHR5cGUgU2lnbmFsLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dG9TaWduYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7VFVJX1ZFUlNJT059IGZyb20gJ0B0YWlnYS11aS9jZGsvY29uc3RhbnRzJztcbmltcG9ydCB7dHVpV2F0Y2h9IGZyb20gJ0B0YWlnYS11aS9jZGsvb2JzZXJ2YWJsZXMnO1xuaW1wb3J0IHtUVUlfSVNfTU9CSUxFfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3Rva2Vucyc7XG5pbXBvcnQge3R1aVdpdGhTdHlsZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQge1R1aVRleHRmaWVsZENvbXBvbmVudH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy90ZXh0ZmllbGQnO1xuaW1wb3J0IHtcbiAgICB0dWlBcHBlYXJhbmNlT3B0aW9uc1Byb3ZpZGVyLFxuICAgIHR1aUFwcGVhcmFuY2VTdGF0ZSxcbiAgICBUdWlXaXRoQXBwZWFyYW5jZSxcbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9hcHBlYXJhbmNlJztcbmltcG9ydCB7XG4gICAgVFVJX0hJTlRfT1BUSU9OUyxcbiAgICBUdWlIaW50RGVzY3JpYmUsXG4gICAgVHVpSGludERpcmVjdGl2ZSxcbiAgICBUdWlIaW50SG92ZXIsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvaGludCc7XG5pbXBvcnQge1RVSV9JQ09OX1NUQVJUfSBmcm9tICdAdGFpZ2EtdWkvY29yZS90b2tlbnMnO1xuaW1wb3J0IHt0eXBlIFR1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZS90eXBlcyc7XG5pbXBvcnQge21hcH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7VFVJX1RPT0xUSVBfT1BUSU9OU30gZnJvbSAnLi90b29sdGlwLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sdGlwLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktdG9vbHRpcCcsXG4gICAgfSxcbn0pXG5jbGFzcyBUdWlUb29sdGlwU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktaWNvblt0dWlUb29sdGlwXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHR1aUFwcGVhcmFuY2VPcHRpb25zUHJvdmlkZXIoVFVJX1RPT0xUSVBfT1BUSU9OUyksXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFRVSV9JQ09OX1NUQVJULFxuICAgICAgICAgICAgdXNlRmFjdG9yeTogKCkgPT5cbiAgICAgICAgICAgICAgICBpbmplY3QoVFVJX1RPT0xUSVBfT1BUSU9OUykuaWNvbiB8fCBpbmplY3QoVFVJX0hJTlRfT1BUSU9OUykuaWNvbixcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIFR1aVdpdGhBcHBlYXJhbmNlLFxuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFR1aUhpbnREZXNjcmliZSxcbiAgICAgICAgICAgIGlucHV0czogWyd0dWlIaW50RGVzY3JpYmU6IHR1aVRvb2x0aXBEZXNjcmliZSddLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFR1aUhpbnREaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsndHVpSGludDogdHVpVG9vbHRpcCcsICd0dWlIaW50QXBwZWFyYW5jZScsICd0dWlIaW50Q29udGV4dCddLFxuICAgICAgICAgICAgb3V0cHV0czogWyd0dWlIaW50VmlzaWJsZSddLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlUb29sdGlwOiAnJyxcbiAgICAgICAgdHVpVG9vbHRpcFY6IFRVSV9WRVJTSU9OLFxuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplJyxcbiAgICAgICAgJyhtb3VzZWRvd24ucHJldmVudCknOiAnMCcsXG4gICAgICAgICcoY2xpY2sucHJldmVudCknOiAnMCcsXG4gICAgICAgICcocG9pbnRlcmRvd24pJzogJ29uUG9pbnRlckRvd24oJGV2ZW50KScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVG9vbHRpcCBpbXBsZW1lbnRzIERvQ2hlY2sge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdGV4dGZpZWxkID0gaW5qZWN0KFR1aVRleHRmaWVsZENvbXBvbmVudCwge29wdGlvbmFsOiB0cnVlfSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBpc01vYmlsZSA9IGluamVjdChUVUlfSVNfTU9CSUxFKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRlc2NyaWJlID0gaW5qZWN0KFR1aUhpbnREZXNjcmliZSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBkcml2ZXIgPSBpbmplY3QoVHVpSGludEhvdmVyKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBub3RoaW5nID0gdHVpV2l0aFN0eWxlcyhUdWlUb29sdGlwU3R5bGVzKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RhdGU6IFNpZ25hbDx1bmtub3duPiA9IHR1aUFwcGVhcmFuY2VTdGF0ZShcbiAgICAgICAgdG9TaWduYWwoXG4gICAgICAgICAgICBpbmplY3QoVHVpSGludEhvdmVyKS5waXBlKFxuICAgICAgICAgICAgICAgIG1hcCgoaG92ZXIpID0+IChob3ZlciA/ICdob3ZlcicgOiBudWxsKSksXG4gICAgICAgICAgICAgICAgdHVpV2F0Y2goKSxcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB7aW5pdGlhbFZhbHVlOiBudWxsfSxcbiAgICAgICAgKSxcbiAgICApO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZTogVHVpU2l6ZVMgPSAnbSc7XG5cbiAgICBwdWJsaWMgbmdEb0NoZWNrKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy50ZXh0ZmllbGQ/LmlkKSB7XG4gICAgICAgICAgICB0aGlzLmRlc2NyaWJlLnR1aUhpbnREZXNjcmliZSA9IHRoaXMudGV4dGZpZWxkLmlkO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG9uUG9pbnRlckRvd24oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaXNNb2JpbGUpIHtcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmRyaXZlci50b2dnbGUoKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -75,7 +75,7 @@ class TuiAvatarLabeled {
|
|
|
75
75
|
return label.split(' ');
|
|
76
76
|
}
|
|
77
77
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarLabeled, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.99.0" } }, ngImport: i0, template: `
|
|
79
79
|
<ng-content />
|
|
80
80
|
<ng-container *ngIf="label.length">
|
|
81
81
|
<span
|
|
@@ -85,7 +85,7 @@ class TuiAvatarLabeled {
|
|
|
85
85
|
{{ item }}
|
|
86
86
|
</span>
|
|
87
87
|
</ng-container>
|
|
88
|
-
`, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.
|
|
88
|
+
`, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.99.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.99.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.99.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
89
89
|
}
|
|
90
90
|
__decorate([
|
|
91
91
|
tuiPure
|
|
@@ -104,20 +104,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
104
104
|
</ng-container>
|
|
105
105
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
106
106
|
tuiAvatarLabeledV: TUI_VERSION,
|
|
107
|
-
}, styles: ["[tuiAvatarLabeledV=\"4.
|
|
107
|
+
}, styles: ["[tuiAvatarLabeledV=\"4.99.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.99.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.99.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
|
|
108
108
|
}], propDecorators: { label: [{
|
|
109
109
|
type: Input
|
|
110
110
|
}], split: [] } });
|
|
111
111
|
|
|
112
112
|
class TuiAvatarOutlineStyles {
|
|
113
113
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
114
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.
|
|
114
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.99.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.99.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.99.0\"][data-size=s],[tuiAvatarOutlineV=\"4.99.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.99.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.99.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
115
115
|
}
|
|
116
116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, decorators: [{
|
|
117
117
|
type: Component,
|
|
118
118
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
119
119
|
class: 'tui-avatar-outline',
|
|
120
|
-
}, styles: ["[tuiAvatarOutlineV=\"4.
|
|
120
|
+
}, styles: ["[tuiAvatarOutlineV=\"4.99.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.99.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.99.0\"][data-size=s],[tuiAvatarOutlineV=\"4.99.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.99.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.99.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
|
|
121
121
|
}] });
|
|
122
122
|
class TuiAvatarOutline {
|
|
123
123
|
constructor() {
|
|
@@ -130,7 +130,7 @@ class TuiAvatarOutline {
|
|
|
130
130
|
: this.tuiAvatarOutline;
|
|
131
131
|
}
|
|
132
132
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
133
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.
|
|
133
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.99.0" }, properties: { "style.--t-fill": "value", "class._outline": "value" } }, ngImport: i0 }); }
|
|
134
134
|
}
|
|
135
135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, decorators: [{
|
|
136
136
|
type: Directive,
|
|
@@ -152,14 +152,14 @@ class TuiAvatarStack {
|
|
|
152
152
|
this.direction = 'right';
|
|
153
153
|
}
|
|
154
154
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
155
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.
|
|
155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.99.0" }, properties: { "attr.data-direction": "direction" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiAvatarStackV=\"4.99.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
156
156
|
}
|
|
157
157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, decorators: [{
|
|
158
158
|
type: Component,
|
|
159
159
|
args: [{ standalone: true, selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
160
160
|
tuiAvatarStackV: TUI_VERSION,
|
|
161
161
|
'[attr.data-direction]': 'direction',
|
|
162
|
-
}, styles: ["[tuiAvatarStackV=\"4.
|
|
162
|
+
}, styles: ["[tuiAvatarStackV=\"4.99.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
|
|
163
163
|
}], propDecorators: { direction: [{
|
|
164
164
|
type: Input
|
|
165
165
|
}] } });
|
|
@@ -20,13 +20,13 @@ function tuiBadgeOptionsProvider(options) {
|
|
|
20
20
|
|
|
21
21
|
class TuiBadgeStyles {
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.99.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font: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-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.99.0\"]>img,[tuiBadgeV=\"4.99.0\"]>tui-svg,[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"]>tui-avatar,[tuiBadgeV=\"4.99.0\"]>tui-badge,[tuiBadgeV=\"4.99.0\"]>[tuiBadge],[tuiBadgeV=\"4.99.0\"]>[tuiRadio],[tuiBadgeV=\"4.99.0\"]>[tuiSwitch],[tuiBadgeV=\"4.99.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.99.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.99.0\"][data-appearance=error],[tuiBadgeV=\"4.99.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.99.0\"][data-appearance=success],[tuiBadgeV=\"4.99.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.99.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.99.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.99.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.99.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.99.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.99.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.99.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.99.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.99.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
28
28
|
class: 'tui-badge',
|
|
29
|
-
}, styles: ["[tuiBadgeV=\"4.
|
|
29
|
+
}, styles: ["[tuiBadgeV=\"4.99.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font: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-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.99.0\"]>img,[tuiBadgeV=\"4.99.0\"]>tui-svg,[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"]>tui-avatar,[tuiBadgeV=\"4.99.0\"]>tui-badge,[tuiBadgeV=\"4.99.0\"]>[tuiBadge],[tuiBadgeV=\"4.99.0\"]>[tuiRadio],[tuiBadgeV=\"4.99.0\"]>[tuiSwitch],[tuiBadgeV=\"4.99.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.99.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.99.0\"][data-appearance=error],[tuiBadgeV=\"4.99.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.99.0\"][data-appearance=success],[tuiBadgeV=\"4.99.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.99.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.99.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.99.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.99.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.99.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.99.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.99.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.99.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.99.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"] }]
|
|
30
30
|
}] });
|
|
31
31
|
class TuiBadge {
|
|
32
32
|
constructor() {
|
|
@@ -34,7 +34,7 @@ class TuiBadge {
|
|
|
34
34
|
this.size = inject(TUI_BADGE_OPTIONS).size;
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
37
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.
|
|
37
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.99.0" }, properties: { "attr.data-size": "size" } }, providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, decorators: [{
|
|
40
40
|
type: Directive,
|
|
@@ -24,13 +24,13 @@ function tuiBlockOptionsProvider(options) {
|
|
|
24
24
|
|
|
25
25
|
class TuiBlockStyles {
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.99.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.99.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.99.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.99.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.99.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.99.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.99.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.99.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.99.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.99.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.99.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.99.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
32
32
|
class: 'tui-block',
|
|
33
|
-
}, styles: ["[tuiBlockV=\"4.
|
|
33
|
+
}, styles: ["[tuiBlockV=\"4.99.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.99.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.99.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.99.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.99.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.99.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.99.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.99.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.99.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.99.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.99.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.99.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
|
|
34
34
|
}] });
|
|
35
35
|
class TuiBlock {
|
|
36
36
|
constructor() {
|
|
@@ -39,7 +39,7 @@ class TuiBlock {
|
|
|
39
39
|
this.size = this.options.size;
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlock, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
42
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.
|
|
42
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.99.0" }, properties: { "attr.data-size": "size || options.size || \"l\"", "class._disabled": "!!this.control?.disabled" } }, providers: [
|
|
43
43
|
tuiAppearanceOptionsProvider(TUI_BLOCK_OPTIONS),
|
|
44
44
|
tuiAvatarOptionsProvider({ size: 's' }),
|
|
45
45
|
], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], hostDirectives: [{ directive: i1.TuiNativeValidator }, { directive: i2.TuiWithAppearance }, { directive: i3.TuiWithIcons }], ngImport: i0 }); }
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { TuiDayRange, TUI_FIRST_DAY, TUI_LAST_DAY, TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
|
|
1
|
+
import { TuiDayRange, TUI_FIRST_DAY, TUI_LAST_DAY, TuiDay, TuiMonth, RANGE_SEPARATOR_CHAR } from '@taiga-ui/cdk/date-time';
|
|
2
2
|
import { __decorate } from 'tslib';
|
|
3
3
|
import { AsyncPipe, NgForOf, NgIf } from '@angular/common';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
5
|
import { inject, ChangeDetectorRef, EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
6
|
-
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
6
|
+
import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
7
7
|
import { TUI_FALSE_HANDLER } from '@taiga-ui/cdk/constants';
|
|
8
8
|
import { tuiWatch } from '@taiga-ui/cdk/observables';
|
|
9
9
|
import { TuiMapperPipe } from '@taiga-ui/cdk/pipes/mapper';
|
|
10
10
|
import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
|
|
11
11
|
import { tuiIsString, tuiNullableSame, tuiPure } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
12
|
-
import { TUI_COMMON_ICONS, tuiAsAuxiliary } from '@taiga-ui/core/tokens';
|
|
13
|
-
import { TUI_TEXTFIELD_OPTIONS } from '@taiga-ui/core/components/textfield';
|
|
14
12
|
import { tuiCalendarSheetOptionsProvider, TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
15
13
|
import * as i1 from '@taiga-ui/core/components/data-list';
|
|
16
14
|
import { TuiDataList } from '@taiga-ui/core/components/data-list';
|
|
17
15
|
import { TuiIcon } from '@taiga-ui/core/components/icon';
|
|
16
|
+
import { TuiTextfieldComponent, TUI_TEXTFIELD_OPTIONS } from '@taiga-ui/core/components/textfield';
|
|
17
|
+
import { TUI_DATE_FORMAT, TUI_DEFAULT_DATE_FORMAT, TUI_COMMON_ICONS, tuiAsAuxiliary } from '@taiga-ui/core/tokens';
|
|
18
18
|
import { TUI_OTHER_DATE_TEXT, TUI_CALENDAR_DATE_STREAM } from '@taiga-ui/kit/tokens';
|
|
19
19
|
|
|
20
20
|
const calculateDisabledItemHandler = (disabledItemHandler, value, minLength) => (item) => {
|
|
@@ -60,8 +60,11 @@ class TuiCalendarRange {
|
|
|
60
60
|
*/
|
|
61
61
|
this.selectedPeriod = null;
|
|
62
62
|
this.cdr = inject(ChangeDetectorRef);
|
|
63
|
+
this.format = toSignal(inject(TUI_DATE_FORMAT), {
|
|
64
|
+
initialValue: TUI_DEFAULT_DATE_FORMAT,
|
|
65
|
+
});
|
|
66
|
+
this.textfield = inject(TuiTextfieldComponent, { optional: true });
|
|
63
67
|
this.currentValue = null;
|
|
64
|
-
this.previousValue = null;
|
|
65
68
|
this.hoveredItem = null;
|
|
66
69
|
this.month = TuiMonth.currentLocal();
|
|
67
70
|
this.otherDateText$ = inject(TUI_OTHER_DATE_TEXT);
|
|
@@ -135,16 +138,14 @@ class TuiCalendarRange {
|
|
|
135
138
|
ngOnInit() {
|
|
136
139
|
this.initDefaultViewedMonth();
|
|
137
140
|
}
|
|
141
|
+
ngOnDestroy() {
|
|
142
|
+
if (this.currentValue instanceof TuiDay) {
|
|
143
|
+
this.updateValue(new TuiDayRange(this.currentValue, this.currentValue));
|
|
144
|
+
}
|
|
145
|
+
}
|
|
138
146
|
get calculatedDisabledItemHandler() {
|
|
139
147
|
return this.calculateDisabledItemHandler(this.disabledItemHandler, this.currentValue, this.minLength);
|
|
140
148
|
}
|
|
141
|
-
onEsc(event) {
|
|
142
|
-
if (event.key !== 'Escape' || !(this.currentValue instanceof TuiDay)) {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
event.stopPropagation();
|
|
146
|
-
this.currentValue = this.previousValue;
|
|
147
|
-
}
|
|
148
149
|
isItemActive(item) {
|
|
149
150
|
const { activePeriod } = this;
|
|
150
151
|
return ((tuiIsString(item) && activePeriod === null) ||
|
|
@@ -169,7 +170,6 @@ class TuiCalendarRange {
|
|
|
169
170
|
this.monthChange.emit(month);
|
|
170
171
|
}
|
|
171
172
|
onDayClick(day) {
|
|
172
|
-
this.previousValue = this.currentValue;
|
|
173
173
|
this.selectedActivePeriod = null;
|
|
174
174
|
if (this.currentValue instanceof TuiDay) {
|
|
175
175
|
const range = TuiDayRange.sort(this.currentValue, day);
|
|
@@ -178,7 +178,9 @@ class TuiCalendarRange {
|
|
|
178
178
|
this.updateValue(range);
|
|
179
179
|
}
|
|
180
180
|
else {
|
|
181
|
+
const { mode, separator } = this.format();
|
|
181
182
|
this.currentValue = day;
|
|
183
|
+
this.textfield?.value.set(`${day.toString(mode, separator)}${RANGE_SEPARATOR_CHAR}`);
|
|
182
184
|
}
|
|
183
185
|
}
|
|
184
186
|
updateValue(value) {
|
|
@@ -217,7 +219,7 @@ class TuiCalendarRange {
|
|
|
217
219
|
return this.items.find((item) => dayRange.daySame(item.range)) ?? null;
|
|
218
220
|
}
|
|
219
221
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCalendarRange, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
220
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCalendarRange, isStandalone: true, selector: "tui-calendar-range", inputs: { disabledItemHandler: "disabledItemHandler", markerHandler: "markerHandler", items: "items", listSize: "listSize", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", item: "item", valueSetter: ["value", "valueSetter"], defaultViewedMonth: "defaultViewedMonth" }, outputs: { valueChange: "valueChange", itemChange: "itemChange", monthChange: "monthChange" }, host: {
|
|
222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCalendarRange, isStandalone: true, selector: "tui-calendar-range", inputs: { disabledItemHandler: "disabledItemHandler", markerHandler: "markerHandler", items: "items", listSize: "listSize", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", item: "item", valueSetter: ["value", "valueSetter"], defaultViewedMonth: "defaultViewedMonth" }, outputs: { valueChange: "valueChange", itemChange: "itemChange", monthChange: "monthChange" }, host: { properties: { "class._mobile": "mobile" } }, providers: [
|
|
221
223
|
tuiAsAuxiliary(TuiCalendarRange),
|
|
222
224
|
tuiCalendarSheetOptionsProvider({ rangeMode: true }),
|
|
223
225
|
], usesOnChanges: true, ngImport: i0, template: "<tui-calendar\n automation-id=\"tui-calendar-range__calendar\"\n [class.t-calendar]=\"!mobile\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [maxViewedMonth]=\"items.length || mobile ? null : (defaultViewedMonth | tuiMapper: monthOffset : -1)\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [month]=\"defaultViewedMonth\"\n [showAdjacent]=\"!!items.length || mobile\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event)\"\n/>\n<tui-calendar\n *ngIf=\"!items.length && !mobile; else presets\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [minViewedMonth]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [month]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [showAdjacent]=\"false\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event.append({month: -1}))\"\n/>\n<ng-template #presets>\n <tui-data-list\n *ngIf=\"!mobile\"\n automation-id=\"tui-calendar-range__menu\"\n role=\"menu\"\n [size]=\"listSize\"\n [style.flex]=\"1\"\n >\n <button\n *ngFor=\"let item of items | tuiMapper: mapper : min : max : minLength : (otherDateText$ | async)\"\n automation-id=\"tui-calendar-range__menu__item\"\n role=\"menuitemradio\"\n tuiOption\n type=\"button\"\n [attr.aria-checked]=\"isItemActive(item)\"\n (click)=\"onItemSelect(item)\"\n (pointerdown.prevent.zoneless)=\"(0)\"\n >\n {{ item }}\n <tui-icon\n *ngIf=\"isItemActive(item)\"\n automation-id=\"tui-calendar-range__checkmark\"\n [icon]=\"icons.check\"\n [style.font-size.rem]=\"1\"\n />\n </button>\n </tui-data-list>\n</ng-template>\n", styles: [":host:not(._mobile){display:flex;min-inline-size:30rem}.t-calendar{border-inline-end:1px solid var(--tui-border-normal)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TuiCalendar, selector: "tui-calendar", inputs: ["month", "disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "hoveredItem", "showAdjacent", "markerHandler", "value", "initialView"], outputs: ["dayClick", "monthChange", "hoveredItemChange"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -230,10 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
230
232
|
args: [{ standalone: true, selector: 'tui-calendar-range', imports: [AsyncPipe, NgForOf, NgIf, TuiCalendar, TuiDataList, TuiIcon, TuiMapperPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
231
233
|
tuiAsAuxiliary(TuiCalendarRange),
|
|
232
234
|
tuiCalendarSheetOptionsProvider({ rangeMode: true }),
|
|
233
|
-
], host: {
|
|
234
|
-
'[class._mobile]': 'mobile',
|
|
235
|
-
'(document:keydown.capture)': 'onEsc($event)',
|
|
236
|
-
}, template: "<tui-calendar\n automation-id=\"tui-calendar-range__calendar\"\n [class.t-calendar]=\"!mobile\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [maxViewedMonth]=\"items.length || mobile ? null : (defaultViewedMonth | tuiMapper: monthOffset : -1)\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [month]=\"defaultViewedMonth\"\n [showAdjacent]=\"!!items.length || mobile\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event)\"\n/>\n<tui-calendar\n *ngIf=\"!items.length && !mobile; else presets\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [minViewedMonth]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [month]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [showAdjacent]=\"false\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event.append({month: -1}))\"\n/>\n<ng-template #presets>\n <tui-data-list\n *ngIf=\"!mobile\"\n automation-id=\"tui-calendar-range__menu\"\n role=\"menu\"\n [size]=\"listSize\"\n [style.flex]=\"1\"\n >\n <button\n *ngFor=\"let item of items | tuiMapper: mapper : min : max : minLength : (otherDateText$ | async)\"\n automation-id=\"tui-calendar-range__menu__item\"\n role=\"menuitemradio\"\n tuiOption\n type=\"button\"\n [attr.aria-checked]=\"isItemActive(item)\"\n (click)=\"onItemSelect(item)\"\n (pointerdown.prevent.zoneless)=\"(0)\"\n >\n {{ item }}\n <tui-icon\n *ngIf=\"isItemActive(item)\"\n automation-id=\"tui-calendar-range__checkmark\"\n [icon]=\"icons.check\"\n [style.font-size.rem]=\"1\"\n />\n </button>\n </tui-data-list>\n</ng-template>\n", styles: [":host:not(._mobile){display:flex;min-inline-size:30rem}.t-calendar{border-inline-end:1px solid var(--tui-border-normal)}\n"] }]
|
|
235
|
+
], host: { '[class._mobile]': 'mobile' }, template: "<tui-calendar\n automation-id=\"tui-calendar-range__calendar\"\n [class.t-calendar]=\"!mobile\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [maxViewedMonth]=\"items.length || mobile ? null : (defaultViewedMonth | tuiMapper: monthOffset : -1)\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [month]=\"defaultViewedMonth\"\n [showAdjacent]=\"!!items.length || mobile\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event)\"\n/>\n<tui-calendar\n *ngIf=\"!items.length && !mobile; else presets\"\n [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n [markerHandler]=\"markerHandler\"\n [max]=\"max | tuiMapper: capsMapper : currentValue : maxLength : false\"\n [min]=\"min | tuiMapper: capsMapper : currentValue : maxLength : true\"\n [minViewedMonth]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [month]=\"defaultViewedMonth | tuiMapper: monthOffset : 1\"\n [showAdjacent]=\"false\"\n [value]=\"currentValue\"\n [(hoveredItem)]=\"hoveredItem\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event.append({month: -1}))\"\n/>\n<ng-template #presets>\n <tui-data-list\n *ngIf=\"!mobile\"\n automation-id=\"tui-calendar-range__menu\"\n role=\"menu\"\n [size]=\"listSize\"\n [style.flex]=\"1\"\n >\n <button\n *ngFor=\"let item of items | tuiMapper: mapper : min : max : minLength : (otherDateText$ | async)\"\n automation-id=\"tui-calendar-range__menu__item\"\n role=\"menuitemradio\"\n tuiOption\n type=\"button\"\n [attr.aria-checked]=\"isItemActive(item)\"\n (click)=\"onItemSelect(item)\"\n (pointerdown.prevent.zoneless)=\"(0)\"\n >\n {{ item }}\n <tui-icon\n *ngIf=\"isItemActive(item)\"\n automation-id=\"tui-calendar-range__checkmark\"\n [icon]=\"icons.check\"\n [style.font-size.rem]=\"1\"\n />\n </button>\n </tui-data-list>\n</ng-template>\n", styles: [":host:not(._mobile){display:flex;min-inline-size:30rem}.t-calendar{border-inline-end:1px solid var(--tui-border-normal)}\n"] }]
|
|
237
236
|
}], ctorParameters: function () { return []; }, propDecorators: { disabledItemHandler: [{
|
|
238
237
|
type: Input
|
|
239
238
|
}], markerHandler: [{
|