@taiga-ui/kit 5.4.0-canary.d26a6e2 → 5.5.0-canary.d684136

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.
Files changed (72) hide show
  1. package/components/button-loading/button-loading.component.d.ts +1 -1
  2. package/components/segmented/segmented.component.d.ts +2 -1
  3. package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
  4. package/fesm2022/taiga-ui-kit-components-avatar.mjs +9 -9
  5. package/fesm2022/taiga-ui-kit-components-badge.mjs +2 -2
  6. package/fesm2022/taiga-ui-kit-components-block.mjs +2 -2
  7. package/fesm2022/taiga-ui-kit-components-button-loading.mjs +4 -1
  8. package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
  9. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  10. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  11. package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
  12. package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
  13. package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
  14. package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
  15. package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
  16. package/fesm2022/taiga-ui-kit-components-copy.mjs +2 -2
  17. package/fesm2022/taiga-ui-kit-components-files.mjs +8 -7
  18. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
  20. package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
  21. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +3 -2
  22. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
  23. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +2 -2
  24. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
  25. package/fesm2022/taiga-ui-kit-components-input-date.mjs +5 -4
  26. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
  27. package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
  28. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
  29. package/fesm2022/taiga-ui-kit-components-input-month.mjs +2 -2
  30. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  31. package/fesm2022/taiga-ui-kit-components-input-number.mjs +4 -6
  32. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  33. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +2 -2
  34. package/fesm2022/taiga-ui-kit-components-input-phone.mjs +3 -2
  35. package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
  36. package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
  37. package/fesm2022/taiga-ui-kit-components-input-slider.mjs +2 -2
  38. package/fesm2022/taiga-ui-kit-components-input-time.mjs +2 -2
  39. package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
  40. package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
  41. package/fesm2022/taiga-ui-kit-components-message.mjs +2 -2
  42. package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
  43. package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
  44. package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
  45. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-kit-components-progress.mjs +6 -6
  47. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  48. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
  49. package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-kit-components-segmented.mjs +8 -3
  51. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
  53. package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
  54. package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
  55. package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
  56. package/fesm2022/taiga-ui-kit-components-tabs.mjs +3 -3
  57. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-kit-components-tiles.mjs +4 -4
  59. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-kit-components-timeline.mjs.map +1 -1
  61. package/fesm2022/taiga-ui-kit-components-toast.mjs +5 -4
  62. package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
  63. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
  64. package/fesm2022/taiga-ui-kit-directives-chevron.mjs +2 -2
  65. package/fesm2022/taiga-ui-kit-directives-connected.mjs +3 -3
  66. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-kit-directives-fade.mjs +3 -3
  68. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +3 -3
  69. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +2 -2
  70. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
  71. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +2 -2
  72. package/package.json +109 -109
@@ -5,7 +5,7 @@ export declare class TuiButtonLoading {
5
5
  readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
6
6
  readonly loading: import("@angular/core").InputSignal<string | boolean | null>;
7
7
  protected readonly loaderSize: import("@angular/core").Signal<TuiSizeS>;
8
- protected readonly label: import("@angular/core").Signal<string | boolean | null>;
8
+ protected readonly label: import("@angular/core").Signal<string>;
9
9
  protected onClick(event: MouseEvent): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonLoading, never>;
11
11
  static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonLoading, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -13,9 +13,10 @@ export declare class TuiSegmented implements OnChanges {
13
13
  protected readonly sub: import("rxjs").Subscription;
14
14
  readonly size: import("@angular/core").InputSignal<string>;
15
15
  readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
16
+ readonly disabled: import("@angular/core").InputSignal<boolean>;
16
17
  ngOnChanges(): void;
17
18
  update(activeItemIndex: number): void;
18
19
  private refresh;
19
20
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmented, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiSegmented, "tui-segmented", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, ["*"], true, [{ directive: typeof i1.TuiSegmentedDirective; inputs: {}; outputs: {}; }]>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiSegmented, "tui-segmented", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, ["*"], true, [{ directive: typeof i1.TuiSegmentedDirective; inputs: {}; outputs: {}; }]>;
21
22
  }
@@ -80,14 +80,14 @@ class TuiAccordionComponent {
80
80
  }
81
81
  }
82
82
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
83
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.d26a6e2" }, properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }, { propertyName: "elements", predicate: TuiExpand, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
83
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.5.0-canary.d684136" }, properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }, { propertyName: "elements", predicate: TuiExpand, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
84
84
  }
85
85
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAccordionComponent, decorators: [{
86
86
  type: Component,
87
87
  args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: {
88
88
  'data-tui-version': TUI_VERSION,
89
89
  '[attr.data-size]': 'size()',
90
- }, styles: ["tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]>tui-expand{padding:.625rem}\n"] }]
90
+ }, styles: ["tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]>tui-expand{padding:.625rem}\n"] }]
91
91
  }] });
92
92
 
93
93
  const TuiAccordion = [
@@ -17,11 +17,11 @@ const [TUI_AVATAR_OPTIONS, tuiAvatarOptionsProvider] = tuiCreateOptions({
17
17
 
18
18
  let Styles$1 = class Styles {
19
19
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-avatar-5.4.0-canary.d26a6e2"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-typography-body-l);font-weight:700;opacity:.999}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):before{inline-size:auto;block-size:auto}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-size:.5625rem}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs]._initials:before{font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]._initials:before{font:var(--tui-typography-body-s);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-typography-ui-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]._initials:before{font:var(--tui-typography-body-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-typography-heading-h4)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxxl]._initials:before{font:var(--tui-typography-heading-h2)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-typography-heading-h6)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._badge{mask:radial-gradient(circle at calc(max(var(--tui-inline),0) * 100% - var(--tui-inline) * var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._badge:after{content:\"\";position:absolute;display:block;inset-block-start:calc(100% - var(--t-corner-offset));inset-inline-start:calc(100% - var(--t-corner-offset));inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(calc(var(--tui-inline) * -50%),-50%,0)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._fallback img,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._fallback video{display:none}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) img,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) video,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) picture{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):has(img,video):not(._fallback){background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-avatar-5.5.0-canary.d684136"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-typography-body-l);font-weight:700;opacity:.999}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):before{inline-size:auto;block-size:auto}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-size:.5625rem}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs]._initials:before{font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]._initials:before{font:var(--tui-typography-body-s);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-typography-ui-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]._initials:before{font:var(--tui-typography-body-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-typography-heading-h4)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxxl]._initials:before{font:var(--tui-typography-heading-h2)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-typography-heading-h6)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._badge{mask:radial-gradient(circle at calc(max(var(--tui-inline),0) * 100% - var(--tui-inline) * var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._badge:after{content:\"\";position:absolute;display:block;inset-block-start:calc(100% - var(--t-corner-offset));inset-inline-start:calc(100% - var(--t-corner-offset));inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(calc(var(--tui-inline) * -50%),-50%,0)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._fallback img,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._fallback video{display:none}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) img,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) video,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) picture{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):has(img,video):not(._fallback){background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
21
21
  };
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles$1, decorators: [{
23
23
  type: Component,
24
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-avatar-${TUI_VERSION}`, styles: ["[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-typography-body-l);font-weight:700;opacity:.999}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):before{inline-size:auto;block-size:auto}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-size:.5625rem}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs]._initials:before{font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]._initials:before{font:var(--tui-typography-body-s);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-typography-ui-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]._initials:before{font:var(--tui-typography-body-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-typography-heading-h4)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xxxl]._initials:before{font:var(--tui-typography-heading-h2)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-typography-heading-h6)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._badge{mask:radial-gradient(circle at calc(max(var(--tui-inline),0) * 100% - var(--tui-inline) * var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._badge:after{content:\"\";position:absolute;display:block;inset-block-start:calc(100% - var(--t-corner-offset));inset-inline-start:calc(100% - var(--t-corner-offset));inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(calc(var(--tui-inline) * -50%),-50%,0)}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._fallback img,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._fallback video{display:none}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) img,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) video,[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) picture{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):has(img,video):not(._fallback){background:none}\n"] }]
24
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-avatar-${TUI_VERSION}`, styles: ["[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-typography-body-l);font-weight:700;opacity:.999}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):before{inline-size:auto;block-size:auto}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-size:.5625rem}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs]._initials:before{font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-typography-ui-2xs);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]._initials:before{font:var(--tui-typography-body-s);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-typography-ui-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]._initials:before{font:var(--tui-typography-body-m);font-weight:700}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-typography-heading-h4)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxl]._initials:before{font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-typography-heading-h3)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xxxl]._initials:before{font:var(--tui-typography-heading-h2)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-typography-heading-h6)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._badge{mask:radial-gradient(circle at calc(max(var(--tui-inline),0) * 100% - var(--tui-inline) * var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._badge:after{content:\"\";position:absolute;display:block;inset-block-start:calc(100% - var(--t-corner-offset));inset-inline-start:calc(100% - var(--t-corner-offset));inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(calc(var(--tui-inline) * -50%),-50%,0)}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._fallback img,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._fallback video{display:none}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) img,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) video,[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) picture{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):has(img,video):not(._fallback){background:none}\n"] }]
25
25
  }] });
26
26
  class TuiAvatar {
27
27
  constructor() {
@@ -68,14 +68,14 @@ class TuiAvatarLabeled {
68
68
  this.words = computed(() => this.label().split(' '));
69
69
  }
70
70
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAvatarLabeled, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
71
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.d26a6e2" } }, ngImport: i0, template: `
71
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.5.0-canary.d684136" } }, ngImport: i0, template: `
72
72
  <ng-content />
73
73
  @if (label().length) {
74
74
  @for (word of words(); track $index) {
75
75
  <span tuiFade>{{ word }}</span>
76
76
  }
77
77
  }
78
- `, isInline: true, styles: ["tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;font:var(--tui-typography-ui-xs);padding:0 .5rem;white-space:nowrap}tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{margin-block-end:.375rem}tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
78
+ `, isInline: true, styles: ["tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;font:var(--tui-typography-ui-xs);padding:0 .5rem;white-space:nowrap}tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{margin-block-end:.375rem}tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
79
79
  }
80
80
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAvatarLabeled, decorators: [{
81
81
  type: Component,
@@ -86,16 +86,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
86
86
  <span tuiFade>{{ word }}</span>
87
87
  }
88
88
  }
89
- `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, styles: ["tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;font:var(--tui-typography-ui-xs);padding:0 .5rem;white-space:nowrap}tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{margin-block-end:.375rem}tui-avatar-labeled:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
89
+ `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, styles: ["tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;font:var(--tui-typography-ui-xs);padding:0 .5rem;white-space:nowrap}tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{margin-block-end:.375rem}tui-avatar-labeled:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
90
90
  }] });
91
91
 
92
92
  class Styles {
93
93
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
94
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-avatar-outline-5.4.0-canary.d26a6e2"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs],[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s],[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._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)))}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._outline:after{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background:var(--t-fill);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 }); }
94
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-avatar-outline-5.5.0-canary.d684136"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs],[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s],[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._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)))}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._outline:after{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background:var(--t-fill);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 }); }
95
95
  }
96
96
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
97
97
  type: Component,
98
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-avatar-outline-${TUI_VERSION}`, styles: ["[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xs],[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s],[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._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)))}[tuiAvatarOutline]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._outline:after{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background:var(--t-fill);mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
98
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-avatar-outline-${TUI_VERSION}`, styles: ["[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xs],[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s],[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._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)))}[tuiAvatarOutline]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._outline:after{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background:var(--t-fill);mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
99
99
  }] });
100
100
  class TuiAvatarOutline {
101
101
  constructor() {
@@ -119,11 +119,11 @@ class TuiAvatarStack {
119
119
  this.direction = input('end');
120
120
  }
121
121
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAvatarStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
122
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.d26a6e2" }, properties: { "attr.data-direction": "direction()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){display:flex;--t-gap: .125rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{--t-offset: 2.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=xl]{--t-offset: 2.125rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=l]{--t-offset: 1.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=m]{--t-offset: .75rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=s]{--t-offset: .575rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=xs]{--t-offset: .375rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]._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))}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: -1}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: 1}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round:last-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]._round:first-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]:not(._round):not(:first-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]:not(._round):not(:last-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]:not(._round),tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]: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] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]:not(._round){-webkit-mask-size:unset;mask-size:unset}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
122
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.5.0-canary.d684136" }, properties: { "attr.data-direction": "direction()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){display:flex;--t-gap: .125rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{--t-offset: 2.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=xl]{--t-offset: 2.125rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=l]{--t-offset: 1.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=m]{--t-offset: .75rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=s]{--t-offset: .575rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=xs]{--t-offset: .375rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]._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))}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: -1}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: 1}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round:last-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]._round:first-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]:not(._round):not(:first-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]:not(._round):not(:last-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]:not(._round),tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]: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] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]:not(._round){-webkit-mask-size:unset;mask-size:unset}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
123
123
  }
124
124
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAvatarStack, decorators: [{
125
125
  type: Component,
126
- args: [{ selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION, '[attr.data-direction]': 'direction()' }, styles: ["tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){display:flex;--t-gap: .125rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{--t-offset: 2.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=xl]{--t-offset: 2.125rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=l]{--t-offset: 1.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=m]{--t-offset: .75rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=s]{--t-offset: .575rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar][data-size=xs]{--t-offset: .375rem}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]._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))}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: -1}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: 1}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]._round:last-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]._round:first-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]:not(._round):not(:first-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]:not(._round):not(:last-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=start] [tuiAvatar]:not(._round),tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]: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] tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-direction=end] [tuiAvatar]:not(._round){-webkit-mask-size:unset;mask-size:unset}tui-avatar-stack:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
126
+ args: [{ selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION, '[attr.data-direction]': 'direction()' }, styles: ["tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){display:flex;--t-gap: .125rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{--t-offset: 2.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=xl]{--t-offset: 2.125rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=l]{--t-offset: 1.5rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=m]{--t-offset: .75rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=s]{--t-offset: .575rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar][data-size=xs]{--t-offset: .375rem}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]._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))}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: -1}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round{--tui-inline: 1}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]._round:last-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]._round:first-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]:not(._round):not(:first-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]:not(._round):not(:last-child),[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]: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}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=start] [tuiAvatar]:not(._round),tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]: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] tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-direction=end] [tuiAvatar]:not(._round){-webkit-mask-size:unset;mask-size:unset}tui-avatar-stack:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
127
127
  }] });
128
128
 
129
129
  /**
@@ -16,11 +16,11 @@ const [TUI_BADGE_OPTIONS, tuiBadgeOptionsProvider] = tuiCreateOptions(TUI_BADGE_
16
16
 
17
17
  class Styles {
18
18
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-badge-5.4.0-canary.d26a6e2"], ngImport: i0, template: '', isInline: true, styles: ["[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--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:fit-content;font:var(--tui-typography-body-s)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>img,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAvatar],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-badge,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiBadge],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiRadio],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiSwitch],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiCheckbox],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-typography-ui-2xs)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-typography-body-m)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=negative],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=positive],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=warning],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=info],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):before{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
19
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-badge-5.5.0-canary.d684136"], ngImport: i0, template: '', isInline: true, styles: ["[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--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:fit-content;font:var(--tui-typography-body-s)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>img,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAvatar],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-badge,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiBadge],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiRadio],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiSwitch],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiCheckbox],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-typography-ui-2xs)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-typography-body-m)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=negative],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=positive],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=warning],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=info],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):before{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
20
  }
21
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
22
22
  type: Component,
23
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-badge-${TUI_VERSION}`, styles: ["[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--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:fit-content;font:var(--tui-typography-body-s)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>img,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiAvatar],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-badge,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiBadge],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiRadio],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiSwitch],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>[tuiCheckbox],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-typography-ui-2xs)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-typography-body-m)}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=negative],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=positive],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=warning],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=info],[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]):before{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"] }]
23
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-badge-${TUI_VERSION}`, styles: ["[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--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:fit-content;font:var(--tui-typography-body-s)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>img,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiAvatar],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-badge,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiBadge],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiRadio],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiSwitch],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>[tuiCheckbox],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])>tui-icon,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:before,[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-typography-ui-2xs)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-typography-body-m)}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=negative],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=positive],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=warning],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=info],[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]):before{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"] }]
24
24
  }] });
25
25
  class TuiBadge {
26
26
  constructor() {
@@ -20,11 +20,11 @@ const [TUI_BLOCK_OPTIONS, tuiBlockOptionsProvider] = tuiCreateOptions(TUI_BLOCK_
20
20
 
21
21
  class Styles {
22
22
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
23
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-block-5.4.0-canary.d26a6e2"], ngImport: i0, template: '', isInline: true, styles: ["[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--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-typography-body-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{gap:.5rem;font:var(--tui-typography-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-ui-2xs)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{gap:.625rem;font:var(--tui-typography-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._disabled :focus{visibility:hidden}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=\"\"]{justify-content:center}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) input[tuiBlock]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{margin:-.25rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-block-5.5.0-canary.d684136"], ngImport: i0, template: '', isInline: true, styles: ["[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--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-typography-body-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{gap:.5rem;font:var(--tui-typography-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-ui-2xs)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{gap:.625rem;font:var(--tui-typography-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._disabled :focus{visibility:hidden}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=\"\"]{justify-content:center}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) input[tuiBlock]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{margin:-.25rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
24
  }
25
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
26
26
  type: Component,
27
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-block-${TUI_VERSION}`, styles: ["[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]){--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-typography-body-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s]{gap:.5rem;font:var(--tui-typography-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-ui-2xs)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m]{gap:.625rem;font:var(--tui-typography-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])._disabled :focus{visibility:hidden}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"])[data-appearance=\"\"]{justify-content:center}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) input[tuiBlock]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiAvatar]{margin:-.25rem}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlock]:where(*[data-tui-version=\"5.4.0-canary.d26a6e2\"]) [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
27
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-block-${TUI_VERSION}`, styles: ["[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]){--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-typography-body-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s]{gap:.5rem;font:var(--tui-typography-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-ui-2xs)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m]{gap:.625rem;font:var(--tui-typography-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])._disabled :focus{visibility:hidden}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"])[data-appearance=\"\"]{justify-content:center}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) input[tuiBlock]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiAvatar]{margin:-.25rem}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlock]:where(*[data-tui-version=\"5.5.0-canary.d684136\"]) [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
28
28
  }] });
29
29
  class TuiBlock {
30
30
  constructor() {
@@ -11,7 +11,10 @@ class TuiButtonLoading {
11
11
  this.size = input(this.options.size);
12
12
  this.loading = input(false);
13
13
  this.loaderSize = computed(() => tuiSizeBigger(this.size()) ? 'm' : 's');
14
- this.label = computed(() => tuiIsString(this.loading()) ? this.loading() : '');
14
+ this.label = computed(() => {
15
+ const loading = this.loading();
16
+ return tuiIsString(loading) ? loading : '';
17
+ });
15
18
  }
16
19
  onClick(event) {
17
20
  if (this.loading()) {
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-button-loading.mjs","sources":["../../../projects/kit/components/button-loading/button-loading.component.ts","../../../projects/kit/components/button-loading/taiga-ui-kit-components-button-loading.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_BUTTON_OPTIONS} from '@taiga-ui/core/components/button';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {tuiSizeBigger} from '@taiga-ui/core/utils/miscellaneous';\n\n@Component({\n selector: '[tuiButton][loading],[tuiIconButton][loading]',\n imports: [TuiLoader],\n template: `\n <ng-content />\n <tui-loader\n aria-live=\"polite\"\n role=\"status\"\n class=\"t-loader\"\n [inheritColor]=\"true\"\n [loading]=\"!!loading()\"\n [size]=\"loaderSize()\"\n [textContent]=\"label()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.aria-disabled]': 'loading()',\n '[class._loading]': 'loading()',\n '(click.capture)': 'onClick($event)',\n },\n})\nexport class TuiButtonLoading {\n private readonly options = inject(TUI_BUTTON_OPTIONS);\n public readonly size = input(this.options.size);\n public readonly loading = input<boolean | string | null>(false);\n\n protected readonly loaderSize = computed<TuiSizeS>(() =>\n tuiSizeBigger(this.size()) ? 'm' : 's',\n );\n\n protected readonly label = computed(() =>\n tuiIsString(this.loading()) ? this.loading() : '',\n );\n\n protected onClick(event: MouseEvent): void {\n if (this.loading()) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA6Ba,gBAAgB,CAAA;AAtB7B,IAAA,WAAA,GAAA;AAuBqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC;QACrC,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA0B,KAAK,CAAC;QAE5C,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAW,MAC/C,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CACzC;QAEkB,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAChC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CACpD;AAQJ,IAAA;AANa,IAAA,OAAO,CAAC,KAAiB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YAChB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;QAC3B;IACJ;+GAlBS,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAnBf;;;;;;;;;;;AAWT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAZS,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,cAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAoBV,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAtB5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,+CAA+C;oBACzD,OAAO,EAAE,CAAC,SAAS,CAAC;AACpB,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,iBAAiB,EAAE,iBAAiB;AACvC,qBAAA;AACJ,iBAAA;;;AC5BD;;AAEG;;;;"}
1
+ {"version":3,"file":"taiga-ui-kit-components-button-loading.mjs","sources":["../../../projects/kit/components/button-loading/button-loading.component.ts","../../../projects/kit/components/button-loading/taiga-ui-kit-components-button-loading.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_BUTTON_OPTIONS} from '@taiga-ui/core/components/button';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {tuiSizeBigger} from '@taiga-ui/core/utils/miscellaneous';\n\n@Component({\n selector: '[tuiButton][loading],[tuiIconButton][loading]',\n imports: [TuiLoader],\n template: `\n <ng-content />\n <tui-loader\n aria-live=\"polite\"\n role=\"status\"\n class=\"t-loader\"\n [inheritColor]=\"true\"\n [loading]=\"!!loading()\"\n [size]=\"loaderSize()\"\n [textContent]=\"label()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.aria-disabled]': 'loading()',\n '[class._loading]': 'loading()',\n '(click.capture)': 'onClick($event)',\n },\n})\nexport class TuiButtonLoading {\n private readonly options = inject(TUI_BUTTON_OPTIONS);\n public readonly size = input(this.options.size);\n public readonly loading = input<boolean | string | null>(false);\n\n protected readonly loaderSize = computed<TuiSizeS>(() =>\n tuiSizeBigger(this.size()) ? 'm' : 's',\n );\n\n protected readonly label = computed(() => {\n const loading = this.loading();\n\n return tuiIsString(loading) ? loading : '';\n });\n\n protected onClick(event: MouseEvent): void {\n if (this.loading()) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA6Ba,gBAAgB,CAAA;AAtB7B,IAAA,WAAA,GAAA;AAuBqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC;QACrC,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA0B,KAAK,CAAC;QAE5C,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAW,MAC/C,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CACzC;AAEkB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAE9B,YAAA,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,EAAE;AAC9C,QAAA,CAAC,CAAC;AAQL,IAAA;AANa,IAAA,OAAO,CAAC,KAAiB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YAChB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;QAC3B;IACJ;+GApBS,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAnBf;;;;;;;;;;;AAWT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAZS,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,cAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAoBV,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAtB5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,+CAA+C;oBACzD,OAAO,EAAE,CAAC,SAAS,CAAC;AACpB,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,iBAAiB,EAAE,iBAAiB;AACvC,qBAAA;AACJ,iBAAA;;;AC5BD;;AAEG;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-calendar-month.mjs","sources":["../../../projects/kit/components/calendar-month/calendar-month.options.ts","../../../projects/kit/components/calendar-month/calendar-month.component.ts","../../../projects/kit/components/calendar-month/calendar-month.template.html","../../../projects/kit/components/calendar-month/taiga-ui-kit-components-calendar-month.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiCalendarMonthOptions {\n rangeMode: boolean;\n}\n\nexport const TUI_CALENDAR_MONTH_DEFAULT_OPTIONS: TuiCalendarMonthOptions = {\n rangeMode: false,\n};\n\nexport const [TUI_CALENDAR_MONTH_OPTIONS, tuiCalendarMonthOptionsProvider] =\n tuiCreateOptions(TUI_CALENDAR_MONTH_DEFAULT_OPTIONS);\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n linkedSignal,\n model,\n output,\n untracked,\n} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n TUI_FIRST_DAY,\n TUI_LAST_DAY,\n TuiDay,\n TuiMonth,\n TuiMonthRange,\n TuiYear,\n} from '@taiga-ui/cdk/date-time';\nimport {TuiHovered} from '@taiga-ui/cdk/directives/hovered';\nimport {type TuiBooleanHandler} from '@taiga-ui/cdk/types';\nimport {tuiNullableSame} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {TuiSpinButton} from '@taiga-ui/core/components/spin-button';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {TUI_CALENDAR_MONTHS} from '@taiga-ui/kit/tokens';\n\nimport {TUI_CALENDAR_MONTH_OPTIONS} from './calendar-month.options';\n\nconst TODAY = TuiDay.currentLocal();\n\n@Component({\n selector: 'tui-calendar-month',\n imports: [TuiCalendarYear, TuiHovered, TuiLink, TuiScrollbar, TuiSpinButton],\n templateUrl: './calendar-month.template.html',\n styleUrl: './calendar-month.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiAsAuxiliary(TuiCalendarMonth)],\n host: {'[class._picking]': 'isRangePicking()'},\n})\nexport class TuiCalendarMonth {\n private hoveredItem: TuiMonth | null = null;\n protected isYearPickerShown = false;\n protected readonly months = inject(TUI_CALENDAR_MONTHS);\n\n protected readonly isRangePicking = computed(\n (x = this.value()) =>\n (!this.options.rangeMode && x instanceof TuiMonthRange && x.isSingleMonth) || // TODO(v5): remove this condition\n (this.options.rangeMode && x instanceof TuiMonth),\n );\n\n protected readonly handler = computed(() =>\n this.calculateDisabledItemHandlerWithMinMax(\n this.disabledItemHandler(),\n this.value(),\n this.isRangePicking(),\n this.min(),\n this.max(),\n this.minLength(),\n this.maxLength(),\n ),\n );\n\n protected readonly activeYear = linkedSignal<TuiYear>(() => {\n const year = this.year();\n\n if (year) {\n return year;\n }\n\n const value = untracked(this.value);\n\n if (value instanceof TuiMonth) {\n return value;\n }\n\n if (value instanceof TuiMonthRange) {\n return value.from;\n }\n\n return TODAY;\n });\n\n public readonly value = input<TuiMonth | TuiMonthRange | null>(null);\n public readonly minLength = input<number | null>(null);\n public readonly maxLength = input<number | null>(null);\n\n public readonly disabledItemHandler =\n input<TuiBooleanHandler<TuiMonth>>(TUI_FALSE_HANDLER);\n\n public readonly min = input(TUI_FIRST_DAY, {\n transform: (x: TuiMonth | null) => x ?? TUI_FIRST_DAY,\n });\n\n public readonly max = input(TUI_LAST_DAY, {\n transform: (x: TuiMonth | null) => x ?? TUI_LAST_DAY,\n });\n\n public readonly year = model<TuiYear>();\n public readonly monthClick = output<TuiMonth>();\n public readonly hoveredItemChange = output<TuiMonth | null>();\n public readonly options = inject(TUI_CALENDAR_MONTH_OPTIONS);\n\n public onNextYear(): void {\n this.updateActiveYear(this.activeYear().append({year: 1}));\n }\n\n public onPreviousYear(): void {\n this.updateActiveYear(this.activeYear().append({year: -1}));\n }\n\n public getItemRange(item: TuiMonth): 'active' | 'end' | 'middle' | 'start' | null {\n const value = this.value();\n const {hoveredItem} = this;\n\n if (!value) {\n return null;\n }\n\n if (!this.options.rangeMode && value instanceof TuiMonth) {\n return value?.monthSame(item) ? 'active' : null;\n }\n\n const selectedRange =\n value instanceof TuiMonth ? new TuiMonthRange(value, value) : value;\n const months = item.month + item.year * 12;\n const hovered = hoveredItem ? hoveredItem.month + hoveredItem.year * 12 : null;\n const from = selectedRange.from.month + selectedRange.from.year * 12;\n const to = selectedRange.to.month + selectedRange.to.year * 12;\n const picking = this.isRangePicking() ? hovered : null;\n const min = Math.min(from, to, picking ?? from);\n const max = Math.max(from, to, picking ?? from);\n\n if (min === max && min === months) {\n return 'active';\n }\n\n if (min === months) {\n return 'start';\n }\n\n if (max === months) {\n return 'end';\n }\n\n return min < months && months < max ? 'middle' : null;\n }\n\n protected getTuiMonth(monthNumber: number, yearNumber: number): TuiMonth {\n return new TuiMonth(yearNumber, monthNumber);\n }\n\n protected isItemToday(item: TuiMonth): boolean {\n return TODAY.monthSame(item);\n }\n\n protected onPickerYearClick(year: number): void {\n this.isYearPickerShown = false;\n\n if (this.activeYear().year !== year) {\n this.updateActiveYear(new TuiYear(year));\n }\n }\n\n protected onItemClick(month: TuiMonth): void {\n if (!this.handler()(month)) {\n this.monthClick.emit(month);\n }\n }\n\n protected onYearClick(): void {\n this.isYearPickerShown = true;\n }\n\n protected onItemHovered(hovered: boolean, item: TuiMonth): void {\n this.updateHoveredItem(hovered ? item : null);\n }\n\n // eslint-disable-next-line @typescript-eslint/max-params,max-params\n private calculateDisabledItemHandlerWithMinMax(\n disabledItemHandler: TuiBooleanHandler<TuiMonth>,\n value: TuiMonth | TuiMonthRange | null,\n isRangePicking: boolean,\n min: TuiMonth,\n max: TuiMonth,\n minLength: number | null,\n maxLength: number | null,\n ): TuiBooleanHandler<TuiMonth> {\n return (item) => {\n const selectedMonth = value instanceof TuiMonthRange ? value.from : value;\n const delta =\n isRangePicking && selectedMonth\n ? Math.abs(\n item.year * 12 +\n item.month -\n selectedMonth.year * 12 -\n selectedMonth.month,\n )\n : 0;\n\n const tooLong = delta && maxLength && delta > maxLength;\n const tooShort = delta && minLength && delta < minLength;\n\n return (\n tooLong ||\n tooShort ||\n item.monthBefore(min) ||\n item.monthAfter(max) ||\n disabledItemHandler(item)\n );\n };\n }\n\n private updateHoveredItem(month: TuiMonth | null): void {\n if (tuiNullableSame(this.hoveredItem, month, (a, b) => a.monthSame(b))) {\n return;\n }\n\n this.hoveredItem = month;\n this.hoveredItemChange.emit(month);\n }\n\n private updateActiveYear(year: TuiYear): void {\n this.activeYear.set(year);\n this.year.set(year);\n }\n}\n","@if (isYearPickerShown) {\n <tui-scrollbar class=\"t-scrollbar\">\n <tui-calendar-year\n [initialItem]=\"activeYear().year\"\n [max]=\"max().year\"\n [min]=\"min().year\"\n [rangeMode]=\"options.rangeMode\"\n [value]=\"value()\"\n (yearClick)=\"onPickerYearClick($event)\"\n />\n </tui-scrollbar>\n} @else {\n <tui-spin-button\n class=\"t-spin\"\n [focusable]=\"false\"\n [leftDisabled]=\"activeYear().yearSameOrBefore(min())\"\n [rightDisabled]=\"activeYear().yearSameOrAfter(max())\"\n (leftClick)=\"onPreviousYear()\"\n (rightClick)=\"onNextYear()\"\n >\n <button\n automation-id=\"tui-calendar-month__active-year\"\n tabIndex=\"-1\"\n tuiLink\n type=\"button\"\n (click)=\"onYearClick()\"\n >\n {{ activeYear().formattedYear }}\n </button>\n </tui-spin-button>\n @for (_ of '-'.repeat(3); track $index) {\n @let row = $index;\n <div class=\"t-row\">\n @for (_ of '-'.repeat(4); track $index) {\n @let item = getTuiMonth(row * 4 + $index, activeYear().year);\n <div\n class=\"t-cell\"\n [attr.data-range]=\"getItemRange(item)\"\n [class.t-cell_disabled]=\"handler()(item)\"\n [class.t-cell_today]=\"isItemToday(item)\"\n (click)=\"onItemClick(item)\"\n (tuiHoveredChange)=\"onItemHovered($event, item)\"\n >\n {{ months()[row * 4 + $index] }}\n </div>\n }\n </div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-kit-components-calendar-month.mjs","sources":["../../../projects/kit/components/calendar-month/calendar-month.options.ts","../../../projects/kit/components/calendar-month/calendar-month.component.ts","../../../projects/kit/components/calendar-month/calendar-month.template.html","../../../projects/kit/components/calendar-month/taiga-ui-kit-components-calendar-month.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiCalendarMonthOptions {\n rangeMode: boolean;\n}\n\nexport const TUI_CALENDAR_MONTH_DEFAULT_OPTIONS: TuiCalendarMonthOptions = {\n rangeMode: false,\n};\n\nexport const [TUI_CALENDAR_MONTH_OPTIONS, tuiCalendarMonthOptionsProvider] =\n tuiCreateOptions(TUI_CALENDAR_MONTH_DEFAULT_OPTIONS);\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n linkedSignal,\n model,\n output,\n untracked,\n} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n TUI_FIRST_DAY,\n TUI_LAST_DAY,\n TuiDay,\n TuiMonth,\n TuiMonthRange,\n TuiYear,\n} from '@taiga-ui/cdk/date-time';\nimport {TuiHovered} from '@taiga-ui/cdk/directives/hovered';\nimport {type TuiBooleanHandler} from '@taiga-ui/cdk/types';\nimport {tuiNullableSame} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {TuiSpinButton} from '@taiga-ui/core/components/spin-button';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {TUI_CALENDAR_MONTHS} from '@taiga-ui/kit/tokens';\n\nimport {TUI_CALENDAR_MONTH_OPTIONS} from './calendar-month.options';\n\nconst TODAY = TuiDay.currentLocal();\n\n@Component({\n selector: 'tui-calendar-month',\n imports: [TuiCalendarYear, TuiHovered, TuiLink, TuiScrollbar, TuiSpinButton],\n templateUrl: './calendar-month.template.html',\n styleUrl: './calendar-month.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiAsAuxiliary(TuiCalendarMonth)],\n host: {'[class._picking]': 'isRangePicking()'},\n})\nexport class TuiCalendarMonth {\n private hoveredItem: TuiMonth | null = null;\n protected isYearPickerShown = false;\n protected readonly months = inject(TUI_CALENDAR_MONTHS);\n\n protected readonly isRangePicking = computed(\n (x = this.value()) =>\n (!this.options.rangeMode && x instanceof TuiMonthRange && x.isSingleMonth) || // TODO(v5): remove this condition\n (this.options.rangeMode && x instanceof TuiMonth),\n );\n\n protected readonly handler = computed(() =>\n this.calculateDisabledItemHandlerWithMinMax(\n this.disabledItemHandler(),\n this.value(),\n this.isRangePicking(),\n this.min(),\n this.max(),\n this.minLength(),\n this.maxLength(),\n ),\n );\n\n protected readonly activeYear = linkedSignal<TuiYear>(() => {\n const year = this.year();\n\n if (year) {\n return year;\n }\n\n const value = untracked(this.value);\n\n if (value instanceof TuiMonth) {\n return value;\n }\n\n if (value instanceof TuiMonthRange) {\n return value.from;\n }\n\n return TODAY;\n });\n\n public readonly value = input<TuiMonth | TuiMonthRange | null>(null);\n public readonly minLength = input<number | null>(null);\n public readonly maxLength = input<number | null>(null);\n\n public readonly disabledItemHandler =\n input<TuiBooleanHandler<TuiMonth>>(TUI_FALSE_HANDLER);\n\n public readonly min = input(TUI_FIRST_DAY, {\n transform: (x: TuiMonth | null) => x ?? TUI_FIRST_DAY,\n });\n\n public readonly max = input(TUI_LAST_DAY, {\n transform: (x: TuiMonth | null) => x ?? TUI_LAST_DAY,\n });\n\n public readonly year = model<TuiYear>();\n public readonly monthClick = output<TuiMonth>();\n public readonly hoveredItemChange = output<TuiMonth | null>();\n public readonly options = inject(TUI_CALENDAR_MONTH_OPTIONS);\n\n public onNextYear(): void {\n this.updateActiveYear(this.activeYear().append({year: 1}));\n }\n\n public onPreviousYear(): void {\n this.updateActiveYear(this.activeYear().append({year: -1}));\n }\n\n public getItemRange(item: TuiMonth): 'active' | 'end' | 'middle' | 'start' | null {\n const value = this.value();\n const {hoveredItem} = this;\n\n if (!value) {\n return null;\n }\n\n if (!this.options.rangeMode && value instanceof TuiMonth) {\n return value?.monthSame(item) ? 'active' : null;\n }\n\n const selectedRange =\n value instanceof TuiMonth ? new TuiMonthRange(value, value) : value;\n\n const months = item.month + item.year * 12;\n const hovered = hoveredItem ? hoveredItem.month + hoveredItem.year * 12 : null;\n const from = selectedRange.from.month + selectedRange.from.year * 12;\n const to = selectedRange.to.month + selectedRange.to.year * 12;\n const picking = this.isRangePicking() ? hovered : null;\n const min = Math.min(from, to, picking ?? from);\n const max = Math.max(from, to, picking ?? from);\n\n if (min === max && min === months) {\n return 'active';\n }\n\n if (min === months) {\n return 'start';\n }\n\n if (max === months) {\n return 'end';\n }\n\n return min < months && months < max ? 'middle' : null;\n }\n\n protected getTuiMonth(monthNumber: number, yearNumber: number): TuiMonth {\n return new TuiMonth(yearNumber, monthNumber);\n }\n\n protected isItemToday(item: TuiMonth): boolean {\n return TODAY.monthSame(item);\n }\n\n protected onPickerYearClick(year: number): void {\n this.isYearPickerShown = false;\n\n if (this.activeYear().year !== year) {\n this.updateActiveYear(new TuiYear(year));\n }\n }\n\n protected onItemClick(month: TuiMonth): void {\n if (!this.handler()(month)) {\n this.monthClick.emit(month);\n }\n }\n\n protected onYearClick(): void {\n this.isYearPickerShown = true;\n }\n\n protected onItemHovered(hovered: boolean, item: TuiMonth): void {\n this.updateHoveredItem(hovered ? item : null);\n }\n\n // eslint-disable-next-line @typescript-eslint/max-params,max-params\n private calculateDisabledItemHandlerWithMinMax(\n disabledItemHandler: TuiBooleanHandler<TuiMonth>,\n value: TuiMonth | TuiMonthRange | null,\n isRangePicking: boolean,\n min: TuiMonth,\n max: TuiMonth,\n minLength: number | null,\n maxLength: number | null,\n ): TuiBooleanHandler<TuiMonth> {\n return (item) => {\n const selectedMonth = value instanceof TuiMonthRange ? value.from : value;\n\n const delta =\n isRangePicking && selectedMonth\n ? Math.abs(\n item.year * 12 +\n item.month -\n selectedMonth.year * 12 -\n selectedMonth.month,\n )\n : 0;\n\n const tooLong = delta && maxLength && delta > maxLength;\n const tooShort = delta && minLength && delta < minLength;\n\n return (\n tooLong ||\n tooShort ||\n item.monthBefore(min) ||\n item.monthAfter(max) ||\n disabledItemHandler(item)\n );\n };\n }\n\n private updateHoveredItem(month: TuiMonth | null): void {\n if (tuiNullableSame(this.hoveredItem, month, (a, b) => a.monthSame(b))) {\n return;\n }\n\n this.hoveredItem = month;\n this.hoveredItemChange.emit(month);\n }\n\n private updateActiveYear(year: TuiYear): void {\n this.activeYear.set(year);\n this.year.set(year);\n }\n}\n","@if (isYearPickerShown) {\n <tui-scrollbar class=\"t-scrollbar\">\n <tui-calendar-year\n [initialItem]=\"activeYear().year\"\n [max]=\"max().year\"\n [min]=\"min().year\"\n [rangeMode]=\"options.rangeMode\"\n [value]=\"value()\"\n (yearClick)=\"onPickerYearClick($event)\"\n />\n </tui-scrollbar>\n} @else {\n <tui-spin-button\n class=\"t-spin\"\n [focusable]=\"false\"\n [leftDisabled]=\"activeYear().yearSameOrBefore(min())\"\n [rightDisabled]=\"activeYear().yearSameOrAfter(max())\"\n (leftClick)=\"onPreviousYear()\"\n (rightClick)=\"onNextYear()\"\n >\n <button\n automation-id=\"tui-calendar-month__active-year\"\n tabIndex=\"-1\"\n tuiLink\n type=\"button\"\n (click)=\"onYearClick()\"\n >\n {{ activeYear().formattedYear }}\n </button>\n </tui-spin-button>\n @for (_ of '-'.repeat(3); track $index) {\n @let row = $index;\n <div class=\"t-row\">\n @for (_ of '-'.repeat(4); track $index) {\n @let item = getTuiMonth(row * 4 + $index, activeYear().year);\n <div\n class=\"t-cell\"\n [attr.data-range]=\"getItemRange(item)\"\n [class.t-cell_disabled]=\"handler()(item)\"\n [class.t-cell_today]=\"isItemToday(item)\"\n (click)=\"onItemClick(item)\"\n (tuiHoveredChange)=\"onItemHovered($event, item)\"\n >\n {{ months()[row * 4 + $index] }}\n </div>\n }\n </div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}