@taiga-ui/layout 5.4.0 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/components/card/card.options.d.ts +6 -0
  2. package/components/card/index.d.ts +1 -0
  3. package/components/card/large.directive.d.ts +2 -11
  4. package/fesm2022/taiga-ui-layout-components-app-bar.mjs +2 -2
  5. package/fesm2022/taiga-ui-layout-components-app-bar.mjs.map +1 -1
  6. package/fesm2022/taiga-ui-layout-components-block-details.mjs +3 -3
  7. package/fesm2022/taiga-ui-layout-components-block-status.mjs +3 -3
  8. package/fesm2022/taiga-ui-layout-components-block-status.mjs.map +1 -1
  9. package/fesm2022/taiga-ui-layout-components-card.mjs +23 -19
  10. package/fesm2022/taiga-ui-layout-components-card.mjs.map +1 -1
  11. package/fesm2022/taiga-ui-layout-components-floating-container.mjs +4 -4
  12. package/fesm2022/taiga-ui-layout-components-floating-container.mjs.map +1 -1
  13. package/fesm2022/taiga-ui-layout-components-form.mjs +4 -4
  14. package/fesm2022/taiga-ui-layout-components-form.mjs.map +1 -1
  15. package/fesm2022/taiga-ui-layout-components-header.mjs +4 -4
  16. package/fesm2022/taiga-ui-layout-components-header.mjs.map +1 -1
  17. package/fesm2022/taiga-ui-layout-components-input-search.mjs +2 -2
  18. package/fesm2022/taiga-ui-layout-components-input-search.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-layout-components-item-group.mjs +4 -4
  20. package/fesm2022/taiga-ui-layout-components-item-group.mjs.map +1 -1
  21. package/fesm2022/taiga-ui-layout-components-list.mjs +3 -3
  22. package/fesm2022/taiga-ui-layout-components-navigation.mjs +23 -23
  23. package/fesm2022/taiga-ui-layout-components-navigation.mjs.map +1 -1
  24. package/fesm2022/taiga-ui-layout-components-pdf-viewer.mjs +3 -3
  25. package/fesm2022/taiga-ui-layout-components-pdf-viewer.mjs.map +1 -1
  26. package/fesm2022/taiga-ui-layout-components-search.mjs +3 -3
  27. package/fesm2022/taiga-ui-layout-components-search.mjs.map +1 -1
  28. package/fesm2022/taiga-ui-layout-components-slides.mjs +4 -4
  29. package/fesm2022/taiga-ui-layout-components-slides.mjs.map +1 -1
  30. package/fesm2022/taiga-ui-layout-components-surface.mjs +3 -3
  31. package/package.json +14 -14
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-layout-components-pdf-viewer.mjs","sources":["../../../projects/layout/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/layout/components/pdf-viewer/pdf-viewer.template.html","../../../projects/layout/components/pdf-viewer/taiga-ui-layout-components-pdf-viewer.ts"],"sourcesContent":["import {NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {type TuiPortalContext} from '@taiga-ui/cdk/portals';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {type TuiDialogOptions} from '@taiga-ui/core/portals/dialog';\nimport {TUI_BREAKPOINT, TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiAppBar} from '@taiga-ui/layout/components/app-bar';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\n@Component({\n selector: 'tui-pdf-viewer',\n imports: [NgTemplateOutlet, TuiAppBar, TuiButton],\n templateUrl: './pdf-viewer.template.html',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './pdf-viewer.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider((mobile = inject(WA_IS_MOBILE)) => ({\n appearance: mobile ? 'action' : '',\n size: mobile ? 'l' : 's',\n })),\n ],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[attr.tuiTheme]': 'isMobile() ? \"\" : \"dark\"',\n },\n})\nexport class TuiPdfViewer<O, I> {\n private readonly breakpoint = inject(TUI_BREAKPOINT);\n protected readonly isMobile = computed(() => this.breakpoint() === 'mobile');\n protected readonly el = tuiInjectElement();\n protected readonly close = inject(TUI_CLOSE_WORD);\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly context =\n injectContext<TuiPortalContext<TuiDialogOptions<I>, O>>();\n}\n","<ng-container [ngTemplateOutlet]=\"isMobile() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"start\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"end\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n @if ($any(context).closable || context.closable) {\n <button\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n }\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\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-layout-components-pdf-viewer.mjs","sources":["../../../projects/layout/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/layout/components/pdf-viewer/pdf-viewer.template.html","../../../projects/layout/components/pdf-viewer/taiga-ui-layout-components-pdf-viewer.ts"],"sourcesContent":["import {NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {type TuiPortalContext} from '@taiga-ui/cdk/portals';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {type TuiDialogOptions} from '@taiga-ui/core/portals/dialog';\nimport {TUI_BREAKPOINT, TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiAppBar} from '@taiga-ui/layout/components/app-bar';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\n@Component({\n selector: 'tui-pdf-viewer',\n imports: [NgTemplateOutlet, TuiAppBar, TuiButton],\n templateUrl: './pdf-viewer.template.html',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './pdf-viewer.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider((mobile = inject(WA_IS_MOBILE)) => ({\n appearance: mobile ? 'action' : '',\n size: mobile ? 'l' : 's',\n })),\n ],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[attr.tuiTheme]': 'isMobile() ? \"\" : \"dark\"',\n },\n})\nexport class TuiPdfViewer<O, I> {\n private readonly breakpoint = inject(TUI_BREAKPOINT);\n protected readonly isMobile = computed(() => this.breakpoint() === 'mobile');\n protected readonly el = tuiInjectElement();\n protected readonly close = inject(TUI_CLOSE_WORD);\n protected readonly icons = inject(TUI_COMMON_ICONS);\n\n protected readonly context =\n injectContext<TuiPortalContext<TuiDialogOptions<I>, O>>();\n}\n","<ng-container [ngTemplateOutlet]=\"isMobile() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"start\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"end\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n @if ($any(context).closable || context.closable) {\n <button\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n }\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -21,12 +21,12 @@ import { TUI_COMMON_ICONS } from '@taiga-ui/layout/tokens';
21
21
 
22
22
  class TuiSearchComponent {
23
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TuiSearchComponent, isStandalone: true, selector: "search[tuiSearch]", host: { attributes: { "data-tui-version": "5.4.0" } }, providers: [
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TuiSearchComponent, isStandalone: true, selector: "search[tuiSearch]", host: { attributes: { "data-tui-version": "5.5.0" } }, providers: [
25
25
  tuiButtonOptionsProvider({ size: 'm' }),
26
26
  tuiBlockOptionsProvider({ size: 's' }),
27
27
  tuiSwitchOptionsProvider({ size: 's' }),
28
28
  tuiTextfieldOptionsProvider({ size: signal('m') }),
29
- ], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form{display:flex;flex-direction:column;gap:.75rem}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form fieldset{display:flex;align-items:center;flex-wrap:wrap;gap:inherit;min-inline-size:0;padding:0;margin:0;border:0;color:var(--tui-text-secondary)}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-items-with-more{min-inline-size:0;flex:1}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-textfield,search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiSearchField]{flex:1;min-inline-size:11.25rem;max-inline-size:22.5rem}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-textfield:first-child,search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiSearchField]:first-child{max-inline-size:unset}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form hr{inline-size:1px;block-size:1rem;border:none;margin:0;background:var(--tui-border-normal)}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-filter{white-space:nowrap}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiLabel]{font:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
29
+ ], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form{display:flex;flex-direction:column;gap:.75rem}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form fieldset{display:flex;align-items:center;flex-wrap:wrap;gap:inherit;min-inline-size:0;padding:0;margin:0;border:0;color:var(--tui-text-secondary)}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-items-with-more{min-inline-size:0;flex:1}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-textfield,search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiSearchField]{flex:1;min-inline-size:11.25rem;max-inline-size:22.5rem}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-textfield:first-child,search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiSearchField]:first-child{max-inline-size:unset}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form hr{inline-size:1px;block-size:1rem;border:none;margin:0;background:var(--tui-border-normal)}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-filter{white-space:nowrap}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiLabel]{font:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
30
30
  }
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSearchComponent, decorators: [{
32
32
  type: Component,
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
35
35
  tuiBlockOptionsProvider({ size: 's' }),
36
36
  tuiSwitchOptionsProvider({ size: 's' }),
37
37
  tuiTextfieldOptionsProvider({ size: signal('m') }),
38
- ], host: { 'data-tui-version': TUI_VERSION }, styles: ["search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form{display:flex;flex-direction:column;gap:.75rem}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form fieldset{display:flex;align-items:center;flex-wrap:wrap;gap:inherit;min-inline-size:0;padding:0;margin:0;border:0;color:var(--tui-text-secondary)}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-items-with-more{min-inline-size:0;flex:1}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-textfield,search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiSearchField]{flex:1;min-inline-size:11.25rem;max-inline-size:22.5rem}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-textfield:first-child,search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiSearchField]:first-child{max-inline-size:unset}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form hr{inline-size:1px;block-size:1rem;border:none;margin:0;background:var(--tui-border-normal)}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form tui-filter{white-space:nowrap}search[tuiSearch]:where(*[data-tui-version=\"5.4.0\"]) form [tuiLabel]{font:inherit}\n"] }]
38
+ ], host: { 'data-tui-version': TUI_VERSION }, styles: ["search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form{display:flex;flex-direction:column;gap:.75rem}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form fieldset{display:flex;align-items:center;flex-wrap:wrap;gap:inherit;min-inline-size:0;padding:0;margin:0;border:0;color:var(--tui-text-secondary)}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-items-with-more{min-inline-size:0;flex:1}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-textfield,search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiSearchField]{flex:1;min-inline-size:11.25rem;max-inline-size:22.5rem}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-textfield:first-child,search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiSearchField]:first-child{max-inline-size:unset}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form hr{inline-size:1px;block-size:1rem;border:none;margin:0;background:var(--tui-border-normal)}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form tui-filter{white-space:nowrap}search[tuiSearch]:where(*[data-tui-version=\"5.5.0\"]) form [tuiLabel]{font:inherit}\n"] }]
39
39
  }] });
40
40
 
41
41
  class TuiSearchFilterComponent {
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-layout-components-search.mjs","sources":["../../../projects/layout/components/search/search.component.ts","../../../projects/layout/components/search/search-filter.component.ts","../../../projects/layout/components/search/search-filters.component.ts","../../../projects/layout/components/search/search-filters.template.html","../../../projects/layout/components/search/search.ts","../../../projects/layout/components/search/taiga-ui-layout-components-search.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiTextfieldOptionsProvider} from '@taiga-ui/core/components/textfield';\nimport {tuiBlockOptionsProvider} from '@taiga-ui/kit/components/block';\nimport {tuiSwitchOptionsProvider} from '@taiga-ui/kit/components/switch';\n\n@Component({\n selector: 'search[tuiSearch]',\n template: '<ng-content/>',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './search.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider({size: 'm'}),\n tuiBlockOptionsProvider({size: 's'}),\n tuiSwitchOptionsProvider({size: 's'}),\n tuiTextfieldOptionsProvider({size: signal('m')}),\n ],\n host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiSearchComponent {}\n","import {\n ChangeDetectionStrategy,\n Component,\n effect,\n inject,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {\n tuiDropdown,\n TuiDropdownDirective,\n tuiDropdownOptionsProvider,\n TuiWithDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/layout/tokens';\n\n@Component({\n selector: 'button[tuiSearchFilter]',\n template: '<ng-template><ng-content /></ng-template>filters',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiDropdownOptionsProvider({align: 'end'}),\n {\n provide: TUI_ICON_START,\n useFactory: () => inject(TUI_COMMON_ICONS).filter,\n },\n ],\n hostDirectives: [TuiDropdownDirective, TuiWithDropdownOpen],\n})\nexport class TuiSearchFilterComponent {\n private readonly dropdown = tuiDropdown(null);\n protected readonly template = viewChild(TemplateRef);\n protected readonly ef = effect(() => this.dropdown.set(this.template()));\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n ElementRef,\n inject,\n input,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiIsControlEmpty} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiTextfieldOptionsDirective} from '@taiga-ui/core/components/textfield';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {distinctUntilChanged, map} from 'rxjs';\n\nimport {TuiSearchFilterComponent} from './search-filter.component';\n\nconst WIDTH = 12;\n\n@Component({\n selector: 'tui-search-filters',\n imports: [NgTemplateOutlet, TuiButton, TuiSearchFilterComponent],\n templateUrl: './search-filters.template.html',\n styleUrl: './search-filters.styles.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n WaResizeObserverService,\n tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n ],\n hostDirectives: [\n {\n directive: TuiTextfieldOptionsDirective,\n inputs: ['tuiTextfieldSize: size'],\n },\n ],\n})\nexport class TuiSearchFiltersComponent {\n private readonly rem = viewChild<ElementRef<HTMLDivElement>>('rem');\n\n private readonly button = viewChild(TuiButton, {read: ElementRef});\n\n private readonly controls = contentChildren(NgControl, {descendants: true});\n\n protected readonly templates = contentChildren(TuiItem, {\n descendants: true,\n read: TemplateRef,\n });\n\n protected readonly overflown = toSignal(\n inject(WaResizeObserverService, {self: true}).pipe(\n map((entry) => {\n const width = entry[0]?.contentRect.width ?? 0;\n\n return Math.floor((width - this.more) / WIDTH / this.unit);\n }),\n distinctUntilChanged(),\n tuiZonefull(),\n ),\n {initialValue: 0},\n );\n\n protected readonly enabled = computed(() =>\n this.controls().some(\n ({control}, index) =>\n control && index >= this.overflown() && !tuiIsControlEmpty(control),\n ),\n );\n\n public readonly size = input<TuiSizeS>('m');\n\n protected onReset(): void {\n this.controls().forEach(({control}, index) => {\n if (control && index >= this.overflown()) {\n control.setValue(null);\n }\n });\n }\n\n private get unit(): number {\n return this.rem()?.nativeElement.offsetWidth || 16;\n }\n\n private get more(): number {\n return this.button()?.nativeElement.clientWidth || 0;\n }\n}\n","@for (template of templates(); track template) {\n @if ($index < overflown()) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n}\n<div\n #rem\n class=\"t-rem\"\n></div>\n@if (overflown() < templates().length) {\n <button\n appearance=\"secondary\"\n tuiIconButton\n tuiSearchFilter\n type=\"button\"\n class=\"t-button\"\n [class._active]=\"enabled()\"\n [size]=\"size()\"\n >\n <form\n class=\"t-form\"\n (reset)=\"onReset()\"\n >\n <fieldset\n class=\"t-header\"\n [disabled]=\"!enabled()\"\n >\n <ng-content />\n </fieldset>\n @for (template of templates(); track template) {\n @if ($index >= overflown()) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n }\n </form>\n </button>\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiSearchComponent} from './search.component';\nimport {TuiSearchFiltersComponent} from './search-filters.component';\n\nexport const TuiSearch = [\n TuiSearchComponent,\n TuiSearchFiltersComponent,\n TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-layout-components-search.mjs","sources":["../../../projects/layout/components/search/search.component.ts","../../../projects/layout/components/search/search-filter.component.ts","../../../projects/layout/components/search/search-filters.component.ts","../../../projects/layout/components/search/search-filters.template.html","../../../projects/layout/components/search/search.ts","../../../projects/layout/components/search/taiga-ui-layout-components-search.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiTextfieldOptionsProvider} from '@taiga-ui/core/components/textfield';\nimport {tuiBlockOptionsProvider} from '@taiga-ui/kit/components/block';\nimport {tuiSwitchOptionsProvider} from '@taiga-ui/kit/components/switch';\n\n@Component({\n selector: 'search[tuiSearch]',\n template: '<ng-content/>',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './search.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider({size: 'm'}),\n tuiBlockOptionsProvider({size: 's'}),\n tuiSwitchOptionsProvider({size: 's'}),\n tuiTextfieldOptionsProvider({size: signal('m')}),\n ],\n host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiSearchComponent {}\n","import {\n ChangeDetectionStrategy,\n Component,\n effect,\n inject,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {\n tuiDropdown,\n TuiDropdownDirective,\n tuiDropdownOptionsProvider,\n TuiWithDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/layout/tokens';\n\n@Component({\n selector: 'button[tuiSearchFilter]',\n template: '<ng-template><ng-content /></ng-template>filters',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiDropdownOptionsProvider({align: 'end'}),\n {\n provide: TUI_ICON_START,\n useFactory: () => inject(TUI_COMMON_ICONS).filter,\n },\n ],\n hostDirectives: [TuiDropdownDirective, TuiWithDropdownOpen],\n})\nexport class TuiSearchFilterComponent {\n private readonly dropdown = tuiDropdown(null);\n protected readonly template = viewChild(TemplateRef);\n protected readonly ef = effect(() => this.dropdown.set(this.template()));\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n ElementRef,\n inject,\n input,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiIsControlEmpty} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiTextfieldOptionsDirective} from '@taiga-ui/core/components/textfield';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {distinctUntilChanged, map} from 'rxjs';\n\nimport {TuiSearchFilterComponent} from './search-filter.component';\n\nconst WIDTH = 12;\n\n@Component({\n selector: 'tui-search-filters',\n imports: [NgTemplateOutlet, TuiButton, TuiSearchFilterComponent],\n templateUrl: './search-filters.template.html',\n styleUrl: './search-filters.styles.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n WaResizeObserverService,\n tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n ],\n hostDirectives: [\n {\n directive: TuiTextfieldOptionsDirective,\n inputs: ['tuiTextfieldSize: size'],\n },\n ],\n})\nexport class TuiSearchFiltersComponent {\n private readonly rem = viewChild<ElementRef<HTMLDivElement>>('rem');\n private readonly button = viewChild(TuiButton, {read: ElementRef});\n private readonly controls = contentChildren(NgControl, {descendants: true});\n\n protected readonly templates = contentChildren(TuiItem, {\n descendants: true,\n read: TemplateRef,\n });\n\n protected readonly overflown = toSignal(\n inject(WaResizeObserverService, {self: true}).pipe(\n map((entry) => {\n const width = entry[0]?.contentRect.width ?? 0;\n\n return Math.floor((width - this.more) / WIDTH / this.unit);\n }),\n distinctUntilChanged(),\n tuiZonefull(),\n ),\n {initialValue: 0},\n );\n\n protected readonly enabled = computed(() =>\n this.controls().some(\n ({control}, index) =>\n control && index >= this.overflown() && !tuiIsControlEmpty(control),\n ),\n );\n\n public readonly size = input<TuiSizeS>('m');\n\n protected onReset(): void {\n this.controls().forEach(({control}, index) => {\n if (control && index >= this.overflown()) {\n control.setValue(null);\n }\n });\n }\n\n private get unit(): number {\n return this.rem()?.nativeElement.offsetWidth || 16;\n }\n\n private get more(): number {\n return this.button()?.nativeElement.clientWidth || 0;\n }\n}\n","@for (template of templates(); track template) {\n @if ($index < overflown()) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n}\n<div\n #rem\n class=\"t-rem\"\n></div>\n@if (overflown() < templates().length) {\n <button\n appearance=\"secondary\"\n tuiIconButton\n tuiSearchFilter\n type=\"button\"\n class=\"t-button\"\n [class._active]=\"enabled()\"\n [size]=\"size()\"\n >\n <form\n class=\"t-form\"\n (reset)=\"onReset()\"\n >\n <fieldset\n class=\"t-header\"\n [disabled]=\"!enabled()\"\n >\n <ng-content />\n </fieldset>\n @for (template of templates(); track template) {\n @if ($index >= overflown()) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n }\n </form>\n </button>\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiSearchComponent} from './search.component';\nimport {TuiSearchFiltersComponent} from './search-filters.component';\n\nexport const TuiSearch = [\n TuiSearchComponent,\n TuiSearchFiltersComponent,\n TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
@@ -8,11 +8,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
8
8
 
9
9
  class Styles {
10
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-slides-5.4.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiSlides]:where(*[data-tui-version=\"5.4.0\"]){display:grid;isolation:isolate}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;animation-fill-mode:both;--tui-from: translateY(0)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*.tui-slide:not(.tui-leave){animation-name:none}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*.tui-leave{margin-block-end:-100rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-slides-5.5.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiSlides]:where(*[data-tui-version=\"5.5.0\"]){display:grid;isolation:isolate}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;animation-fill-mode:both;--tui-from: translateY(0)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*.tui-slide:not(.tui-leave){animation-name:none}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*.tui-leave{margin-block-end:-100rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
12
12
  }
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
14
14
  type: Component,
15
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-slides-${TUI_VERSION}`, styles: ["[tuiSlides]:where(*[data-tui-version=\"5.4.0\"]){display:grid;isolation:isolate}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])[data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;animation-fill-mode:both;--tui-from: translateY(0)}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*.tui-slide:not(.tui-leave){animation-name:none}[tuiSlides]:where(*[data-tui-version=\"5.4.0\"])>*.tui-leave{margin-block-end:-100rem}\n"] }]
15
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-slides-${TUI_VERSION}`, styles: ["[tuiSlides]:where(*[data-tui-version=\"5.5.0\"]){display:grid;isolation:isolate}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])[data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;animation-fill-mode:both;--tui-from: translateY(0)}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*.tui-slide:not(.tui-leave){animation-name:none}[tuiSlides]:where(*[data-tui-version=\"5.5.0\"])>*.tui-leave{margin-block-end:-100rem}\n"] }]
16
16
  }] });
17
17
  class TuiSlides {
18
18
  constructor() {
@@ -27,7 +27,7 @@ class TuiSlides {
27
27
  ?.classList.add('tui-slide');
28
28
  }
29
29
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSlides, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
30
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiSlides, isStandalone: true, selector: "[tuiSlides]", inputs: { direction: { classPropertyName: "direction", publicName: "tuiSlides", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiSlides": "", "data-tui-version": "5.4.0" }, listeners: { "animationend": "onAnimation($event.target)" }, properties: { "attr.data-direction": "sign()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0 }); }
30
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiSlides, isStandalone: true, selector: "[tuiSlides]", inputs: { direction: { classPropertyName: "direction", publicName: "tuiSlides", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.5.0", "tuiSlides": "" }, listeners: { "animationend": "onAnimation($event.target)" }, properties: { "attr.data-direction": "sign()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0 }); }
31
31
  }
32
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSlides, decorators: [{
33
33
  type: Directive,
@@ -35,8 +35,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
35
35
  selector: '[tuiSlides]',
36
36
  hostDirectives: [TuiAnimated],
37
37
  host: {
38
- tuiSlides: '',
39
38
  'data-tui-version': TUI_VERSION,
39
+ tuiSlides: '',
40
40
  '[attr.data-direction]': 'sign()',
41
41
  '(animationend)': 'onAnimation($event.target)',
42
42
  },
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-layout-components-slides.mjs","sources":["../../../projects/layout/components/slides/slides.directive.ts","../../../projects/layout/components/slides/taiga-ui-layout-components-slides.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './slides.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-slides-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiSlides]',\n hostDirectives: [TuiAnimated],\n host: {\n tuiSlides: '',\n 'data-tui-version': TUI_VERSION,\n '[attr.data-direction]': 'sign()',\n '(animationend)': 'onAnimation($event.target)',\n },\n})\nexport class TuiSlides {\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly el = tuiInjectElement();\n protected readonly sign = computed(() => Math.sign(this.direction() || 0));\n\n public readonly direction = input<number | ''>('', {alias: 'tuiSlides'});\n\n protected onAnimation(target: Element): void {\n Array.from(this.el.children)\n .find((element) => element === target)\n ?.classList.add('tui-slide');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,wGAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,WAAA,EAAc,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA;;MAc5B,SAAS,CAAA;AAVtB,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAC/B,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAE1D,IAAA,CAAA,SAAS,GAAG,KAAK,CAAc,EAAE,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC;AAO3E,IAAA;AALa,IAAA,WAAW,CAAC,MAAe,EAAA;QACjC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ;aACtB,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,MAAM;AACrC,cAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;IACpC;+GAXS,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,WAAW,CAAC;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,uBAAuB,EAAE,QAAQ;AACjC,wBAAA,gBAAgB,EAAE,4BAA4B;AACjD,qBAAA;AACJ,iBAAA;;;ACnCD;;AAEG;;;;"}
1
+ {"version":3,"file":"taiga-ui-layout-components-slides.mjs","sources":["../../../projects/layout/components/slides/slides.directive.ts","../../../projects/layout/components/slides/taiga-ui-layout-components-slides.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './slides.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-slides-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiSlides]',\n hostDirectives: [TuiAnimated],\n host: {\n 'data-tui-version': TUI_VERSION,\n tuiSlides: '',\n '[attr.data-direction]': 'sign()',\n '(animationend)': 'onAnimation($event.target)',\n },\n})\nexport class TuiSlides {\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly el = tuiInjectElement();\n protected readonly sign = computed(() => Math.sign(this.direction() || 0));\n public readonly direction = input<number | ''>('', {alias: 'tuiSlides'});\n\n protected onAnimation(target: Element): void {\n Array.from(this.el.children)\n .find((element) => element === target)\n ?.classList.add('tui-slide');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,wGAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,WAAA,EAAc,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA;;MAc5B,SAAS,CAAA;AAVtB,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAC/B,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1D,IAAA,CAAA,SAAS,GAAG,KAAK,CAAc,EAAE,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC;AAO3E,IAAA;AALa,IAAA,WAAW,CAAC,MAAe,EAAA;QACjC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ;aACtB,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,MAAM;AACrC,cAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;IACpC;+GAVS,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,WAAW,CAAC;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,uBAAuB,EAAE,QAAQ;AACjC,wBAAA,gBAAgB,EAAE,4BAA4B;AACjD,qBAAA;AACJ,iBAAA;;;ACnCD;;AAEG;;;;"}
@@ -5,18 +5,18 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
5
5
 
6
6
  class Styles {
7
7
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-surface-5.4.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):before{mix-blend-mode:multiply}}tui-dialog[data-appearance~=taiga] [tuiSurface]:where(*[data-tui-version=\"5.4.0\"]),tui-sheet-dialog [tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){--tui-background-elevation-1: var(--tui-background-elevation-2)}button[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){cursor:pointer}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):before,[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):after,[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]:before,[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]:after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]){background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"])[data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"])[data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]){background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]),[tuiTheme=dark][tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]){background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"])[data-state=hover]{transform:scale(1.15)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"])[data-state=active]{transform:scale(.95)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
8
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-surface-5.5.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):before{mix-blend-mode:multiply}}tui-dialog[data-appearance~=taiga] [tuiSurface]:where(*[data-tui-version=\"5.5.0\"]),tui-sheet-dialog [tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){--tui-background-elevation-1: var(--tui-background-elevation-2)}button[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){cursor:pointer}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):before,[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):after,[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]:before,[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]:after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]){background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"])[data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"])[data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]){background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]),[tuiTheme=dark][tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]){background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"])[data-state=hover]{transform:scale(1.15)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"])[data-state=active]{transform:scale(.95)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
9
9
  }
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
11
11
  type: Component,
12
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-surface-${TUI_VERSION}`, styles: ["[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):before{mix-blend-mode:multiply}}tui-dialog[data-appearance~=taiga] [tuiSurface]:where(*[data-tui-version=\"5.4.0\"]),tui-sheet-dialog [tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){--tui-background-elevation-1: var(--tui-background-elevation-2)}button[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]){cursor:pointer}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):before,[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):after,[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]:before,[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]:after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[data-tui-version=\"5.4.0\"] [tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-tui-version=\"5.4.0\"] input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[tuiSurface]:where(*[data-tui-version=\"5.4.0\"]):hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]){background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"])[data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.4.0\"])[data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]){background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]),[tuiTheme=dark][tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]){background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"])[data-state=hover]{transform:scale(1.15)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.4.0\"])[data-state=active]{transform:scale(.95)}\n"] }]
12
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-surface-${TUI_VERSION}`, styles: ["[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):before{mix-blend-mode:multiply}}tui-dialog[data-appearance~=taiga] [tuiSurface]:where(*[data-tui-version=\"5.5.0\"]),tui-sheet-dialog [tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){--tui-background-elevation-1: var(--tui-background-elevation-2)}button[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]){cursor:pointer}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):before,[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):after,[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]:before,[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]:after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[data-tui-version=\"5.5.0\"] [tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-tui-version=\"5.5.0\"] input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[tuiSurface]:where(*[data-tui-version=\"5.5.0\"]):hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]){background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"])[data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:where(*[data-tui-version=\"5.5.0\"])[data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]){background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]),[tuiTheme=dark][tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]){background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"])[data-state=hover]{transform:scale(1.15)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:where(*[data-tui-version=\"5.5.0\"])[data-state=active]{transform:scale(.95)}\n"] }]
13
13
  }] });
14
14
  class TuiSurface {
15
15
  constructor() {
16
16
  this.nothing = tuiWithStyles(Styles);
17
17
  }
18
18
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSurface, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
19
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiSurface, isStandalone: true, selector: "[tuiSurface]", host: { attributes: { "data-tui-version": "5.4.0", "tuiSurface": "" } }, ngImport: i0 }); }
19
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiSurface, isStandalone: true, selector: "[tuiSurface]", host: { attributes: { "data-tui-version": "5.5.0", "tuiSurface": "" } }, ngImport: i0 }); }
20
20
  }
21
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSurface, decorators: [{
22
22
  type: Directive,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/layout",
3
- "version": "5.4.0",
3
+ "version": "5.5.0",
4
4
  "description": "A package with Taiga UI layout components",
5
5
  "keywords": [
6
6
  "angular",
@@ -30,9 +30,9 @@
30
30
  "peerDependencies": {
31
31
  "@angular/common": ">=19.0.0",
32
32
  "@angular/core": ">=19.0.0",
33
- "@taiga-ui/cdk": "5.4.0",
34
- "@taiga-ui/core": "5.4.0",
35
- "@taiga-ui/kit": "5.4.0",
33
+ "@taiga-ui/cdk": "5.5.0",
34
+ "@taiga-ui/core": "5.5.0",
35
+ "@taiga-ui/kit": "5.5.0",
36
36
  "@taiga-ui/polymorpheus": "^5.0.0",
37
37
  "rxjs": ">=7.0.0"
38
38
  },
@@ -46,13 +46,17 @@
46
46
  "types": "./index.d.ts",
47
47
  "default": "./fesm2022/taiga-ui-layout.mjs"
48
48
  },
49
+ "./components": {
50
+ "types": "./components/index.d.ts",
51
+ "default": "./fesm2022/taiga-ui-layout-components.mjs"
52
+ },
49
53
  "./tokens": {
50
54
  "types": "./tokens/index.d.ts",
51
55
  "default": "./fesm2022/taiga-ui-layout-tokens.mjs"
52
56
  },
53
- "./components": {
54
- "types": "./components/index.d.ts",
55
- "default": "./fesm2022/taiga-ui-layout-components.mjs"
57
+ "./components/app-bar": {
58
+ "types": "./components/app-bar/index.d.ts",
59
+ "default": "./fesm2022/taiga-ui-layout-components-app-bar.mjs"
56
60
  },
57
61
  "./components/block-details": {
58
62
  "types": "./components/block-details/index.d.ts",
@@ -62,18 +66,14 @@
62
66
  "types": "./components/block-status/index.d.ts",
63
67
  "default": "./fesm2022/taiga-ui-layout-components-block-status.mjs"
64
68
  },
65
- "./components/app-bar": {
66
- "types": "./components/app-bar/index.d.ts",
67
- "default": "./fesm2022/taiga-ui-layout-components-app-bar.mjs"
69
+ "./components/card": {
70
+ "types": "./components/card/index.d.ts",
71
+ "default": "./fesm2022/taiga-ui-layout-components-card.mjs"
68
72
  },
69
73
  "./components/dynamic-header": {
70
74
  "types": "./components/dynamic-header/index.d.ts",
71
75
  "default": "./fesm2022/taiga-ui-layout-components-dynamic-header.mjs"
72
76
  },
73
- "./components/card": {
74
- "types": "./components/card/index.d.ts",
75
- "default": "./fesm2022/taiga-ui-layout-components-card.mjs"
76
- },
77
77
  "./components/elastic-container": {
78
78
  "types": "./components/elastic-container/index.d.ts",
79
79
  "default": "./fesm2022/taiga-ui-layout-components-elastic-container.mjs"