@taiga-ui/layout 5.12.0 → 5.13.0-canary.1222c6e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/app-bar/app-bar-back.component.d.ts +1 -1
- package/components/input-search/input-search-content.component.d.ts +7 -0
- package/components/input-search/input-search.component.d.ts +5 -6
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-block-details.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-block-details.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-block-status.mjs +2 -2
- package/fesm2022/taiga-ui-layout-components-block-status.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-card.mjs +10 -10
- package/fesm2022/taiga-ui-layout-components-card.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-dynamic-header.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-dynamic-header.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-elastic-container.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-elastic-container.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-floating-container.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-floating-container.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-form.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-form.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-header.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-header.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-input-search.mjs +44 -21
- package/fesm2022/taiga-ui-layout-components-input-search.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-item-group.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-item-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-list.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-navigation.mjs +19 -19
- package/fesm2022/taiga-ui-layout-components-navigation.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-pdf-viewer.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-pdf-viewer.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-search.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-search.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-slides.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-slides.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-surface.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-surface.mjs.map +1 -1
- package/package.json +8 -8
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { inject, ChangeDetectionStrategy, Component, INJECTOR, input, model, Directive } from '@angular/core';
|
|
3
3
|
import { tuiInjectElement, tuiIsElement, tuiContainsOrAfter } from '@taiga-ui/cdk/utils/dom';
|
|
4
4
|
import { tuiGetClosestFocusable } from '@taiga-ui/cdk/utils/focus';
|
|
5
5
|
import { tuiCellOptionsProvider } from '@taiga-ui/core/components/cell';
|
|
@@ -10,13 +10,28 @@ import { tuiIconStart } from '@taiga-ui/core/directives/icons';
|
|
|
10
10
|
import { TuiPopupService } from '@taiga-ui/core/portals/popup';
|
|
11
11
|
import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
|
|
12
12
|
import { TUI_INPUT_SEARCH } from '@taiga-ui/layout/tokens';
|
|
13
|
-
import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
|
|
13
|
+
import { PolymorpheusOutlet, PolymorpheusComponent } from '@taiga-ui/polymorpheus';
|
|
14
|
+
|
|
15
|
+
class TuiInputSearchContent {
|
|
16
|
+
constructor() {
|
|
17
|
+
this.host = inject(TuiInputSearch);
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputSearchContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiInputSearchContent, isStandalone: true, selector: "tui-input-search-content", host: { attributes: { "tuiTheme": "dark" }, listeners: { "document:focusin": "host.onFocus($event)", "keydown.esc": "host.close()", "pointerdown.self": "host.close()" } }, ngImport: i0, template: "<div class=\"t-content\">\n <ng-container *polymorpheusOutlet=\"host.tuiInputSearch()\" />\n</div>\n", styles: [":host{position:fixed;inset-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end:0;display:grid;gap:.25rem;grid-template:min-content / minmax(auto,50rem);place-content:start center;padding:.5rem;background:var(--tui-service-backdrop);box-shadow:0 0 0 5rem var(--tui-service-backdrop)}:host ::ng-deep>tui-textfield{-webkit-backdrop-filter:blur(1rem) brightness(.8);backdrop-filter:blur(1rem) brightness(.8)}.t-content{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputSearchContent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'tui-input-search-content', imports: [PolymorpheusOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
25
|
+
tuiTheme: 'dark',
|
|
26
|
+
'(document:focusin)': 'host.onFocus($event)',
|
|
27
|
+
'(keydown.esc)': 'host.close()',
|
|
28
|
+
'(pointerdown.self)': 'host.close()',
|
|
29
|
+
}, template: "<div class=\"t-content\">\n <ng-container *polymorpheusOutlet=\"host.tuiInputSearch()\" />\n</div>\n", styles: [":host{position:fixed;inset-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end:0;display:grid;gap:.25rem;grid-template:min-content / minmax(auto,50rem);place-content:start center;padding:.5rem;background:var(--tui-service-backdrop);box-shadow:0 0 0 5rem var(--tui-service-backdrop)}:host ::ng-deep>tui-textfield{-webkit-backdrop-filter:blur(1rem) brightness(.8);backdrop-filter:blur(1rem) brightness(.8)}.t-content{overflow:hidden}\n"] }]
|
|
30
|
+
}] });
|
|
14
31
|
|
|
15
32
|
class TuiInputSearch {
|
|
16
33
|
constructor() {
|
|
17
|
-
this.
|
|
18
|
-
this.container = viewChild('container');
|
|
19
|
-
this.el = tuiInjectElement();
|
|
34
|
+
this.injector = inject(INJECTOR);
|
|
20
35
|
this.service = inject(TuiPopupService);
|
|
21
36
|
this.textfield = inject(TuiTextfieldComponent);
|
|
22
37
|
this.i18n = inject(TUI_INPUT_SEARCH);
|
|
@@ -24,6 +39,7 @@ class TuiInputSearch {
|
|
|
24
39
|
this.neighbor = this.textfield.el.nextSibling;
|
|
25
40
|
this.placeholder = '';
|
|
26
41
|
this.icon = tuiIconStart(inject(TUI_COMMON_ICONS).search, {});
|
|
42
|
+
this.el = tuiInjectElement();
|
|
27
43
|
this.tuiInputSearch = input();
|
|
28
44
|
this.searchOpen = model(false, { alias: 'tuiInputSearchOpen' });
|
|
29
45
|
}
|
|
@@ -36,50 +52,57 @@ class TuiInputSearch {
|
|
|
36
52
|
}
|
|
37
53
|
}
|
|
38
54
|
open() {
|
|
39
|
-
if (this.ref?.destroyed === false) {
|
|
55
|
+
if (this.ref?.hostView.destroyed === false) {
|
|
40
56
|
return;
|
|
41
57
|
}
|
|
42
58
|
this.placeholder = this.el.placeholder;
|
|
43
59
|
this.parent = this.textfield.el.parentElement;
|
|
44
60
|
this.neighbor = this.textfield.el.nextSibling;
|
|
45
|
-
this.ref = this.service.add(this.
|
|
46
|
-
this.ref.
|
|
61
|
+
this.ref = this.service.add(new PolymorpheusComponent(TuiInputSearchContent, this.injector));
|
|
62
|
+
this.ref.location.nativeElement.insertAdjacentElement('afterbegin', this.textfield.el);
|
|
47
63
|
this.el.focus({ preventScroll: true });
|
|
48
64
|
this.el.placeholder = this.i18n()?.placeholder || this.el.placeholder;
|
|
49
65
|
this.searchOpen.set(true);
|
|
50
66
|
}
|
|
51
67
|
close() {
|
|
68
|
+
if (this.ref?.hostView.destroyed !== false) {
|
|
69
|
+
this.searchOpen.set(false);
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
52
72
|
this.el.placeholder = this.placeholder || this.el.placeholder;
|
|
53
73
|
this.parent?.insertBefore(this.textfield.el, this.neighbor);
|
|
54
|
-
this.ref
|
|
74
|
+
this.ref.destroy();
|
|
55
75
|
this.searchOpen.set(false);
|
|
56
76
|
}
|
|
57
77
|
onArrow() {
|
|
78
|
+
const root = this.ref?.location.nativeElement;
|
|
58
79
|
tuiGetClosestFocusable({
|
|
59
|
-
|
|
60
|
-
|
|
80
|
+
root,
|
|
81
|
+
initial: this.textfield.el.nextElementSibling ?? root,
|
|
61
82
|
})?.focus();
|
|
62
83
|
}
|
|
63
84
|
onFocus({ target }) {
|
|
64
|
-
|
|
65
|
-
if (container &&
|
|
66
|
-
target !== this.el &&
|
|
85
|
+
if (target !== this.el &&
|
|
67
86
|
tuiIsElement(target) &&
|
|
68
|
-
!tuiContainsOrAfter(
|
|
87
|
+
!tuiContainsOrAfter(this.ref?.location.nativeElement, target)) {
|
|
69
88
|
this.close();
|
|
70
89
|
}
|
|
71
90
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputSearch, deps: [], target: i0.ɵɵFactoryTarget.
|
|
73
|
-
static { this.ɵ
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputSearch, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
92
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputSearch, isStandalone: true, selector: "input[tuiInputSearch]", inputs: { tuiInputSearch: { classPropertyName: "tuiInputSearch", publicName: "tuiInputSearch", isSignal: true, isRequired: false, transformFunction: null }, searchOpen: { classPropertyName: "searchOpen", publicName: "tuiInputSearchOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchOpen: "tuiInputSearchOpenChange" }, host: { listeners: { "focus": "open()", "keydown.arrowDown.prevent": "onArrow()", "keydown.tab.prevent": "0" } }, providers: [tuiCellOptionsProvider({ size: 'm' })], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiWithInput }], ngImport: i0 }); }
|
|
74
93
|
}
|
|
75
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputSearch, decorators: [{
|
|
76
|
-
type:
|
|
77
|
-
args: [{
|
|
78
|
-
|
|
95
|
+
type: Directive,
|
|
96
|
+
args: [{
|
|
97
|
+
selector: 'input[tuiInputSearch]',
|
|
98
|
+
providers: [tuiCellOptionsProvider({ size: 'm' })],
|
|
99
|
+
hostDirectives: [TuiWithInput],
|
|
100
|
+
host: {
|
|
79
101
|
'(focus)': 'open()',
|
|
80
102
|
'(keydown.arrowDown.prevent)': 'onArrow()',
|
|
81
103
|
'(keydown.tab.prevent)': '0',
|
|
82
|
-
},
|
|
104
|
+
},
|
|
105
|
+
}]
|
|
83
106
|
}] });
|
|
84
107
|
|
|
85
108
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-input-search.mjs","sources":["../../../projects/layout/components/input-search/input-search.component.ts","../../../projects/layout/components/input-search/input-search.
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-input-search.mjs","sources":["../../../projects/layout/components/input-search/input-search-content.component.ts","../../../projects/layout/components/input-search/input-search-content.template.html","../../../projects/layout/components/input-search/input-search.component.ts","../../../projects/layout/components/input-search/taiga-ui-layout-components-input-search.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputSearch} from './input-search.component';\n\n@Component({\n selector: 'tui-input-search-content',\n imports: [PolymorpheusOutlet],\n templateUrl: './input-search-content.template.html',\n styleUrl: './input-search.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n tuiTheme: 'dark',\n '(document:focusin)': 'host.onFocus($event)',\n '(keydown.esc)': 'host.close()',\n '(pointerdown.self)': 'host.close()',\n },\n})\nexport class TuiInputSearchContent {\n protected readonly host = inject(TuiInputSearch);\n}\n","<div class=\"t-content\">\n <ng-container *polymorpheusOutlet=\"host.tuiInputSearch()\" />\n</div>\n","import {\n type ComponentRef,\n Directive,\n inject,\n INJECTOR,\n input,\n model,\n type OnChanges,\n} from '@angular/core';\nimport {\n tuiContainsOrAfter,\n tuiInjectElement,\n tuiIsElement,\n} from '@taiga-ui/cdk/utils/dom';\nimport {tuiGetClosestFocusable} from '@taiga-ui/cdk/utils/focus';\nimport {tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TuiPopupService} from '@taiga-ui/core/portals/popup';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\nimport {PolymorpheusComponent, type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputSearchContent} from './input-search-content.component';\n\n@Directive({\n selector: 'input[tuiInputSearch]',\n providers: [tuiCellOptionsProvider({size: 'm'})],\n hostDirectives: [TuiWithInput],\n host: {\n '(focus)': 'open()',\n '(keydown.arrowDown.prevent)': 'onArrow()',\n '(keydown.tab.prevent)': '0',\n },\n})\nexport class TuiInputSearch implements OnChanges {\n private readonly injector = inject(INJECTOR);\n private readonly service = inject(TuiPopupService);\n private readonly textfield = inject(TuiTextfieldComponent);\n private readonly i18n = inject(TUI_INPUT_SEARCH);\n private parent = this.textfield.el.parentElement;\n private neighbor = this.textfield.el.nextSibling;\n private placeholder = '';\n private ref?: ComponentRef<TuiInputSearchContent>;\n\n protected readonly icon = tuiIconStart(inject(TUI_COMMON_ICONS).search, {});\n\n public readonly el = tuiInjectElement<HTMLInputElement>();\n public readonly tuiInputSearch = input<PolymorpheusContent>();\n public readonly searchOpen = model(false, {alias: 'tuiInputSearchOpen'});\n\n public ngOnChanges(): void {\n if (this.searchOpen()) {\n this.open();\n } else {\n this.close();\n }\n }\n\n public open(): void {\n if (this.ref?.hostView.destroyed === false) {\n return;\n }\n\n this.placeholder = this.el.placeholder;\n this.parent = this.textfield.el.parentElement;\n this.neighbor = this.textfield.el.nextSibling;\n this.ref = this.service.add(\n new PolymorpheusComponent(TuiInputSearchContent, this.injector),\n );\n this.ref.location.nativeElement.insertAdjacentElement(\n 'afterbegin',\n this.textfield.el,\n );\n this.el.focus({preventScroll: true});\n this.el.placeholder = this.i18n()?.placeholder || this.el.placeholder;\n this.searchOpen.set(true);\n }\n\n public close(): void {\n if (this.ref?.hostView.destroyed !== false) {\n this.searchOpen.set(false);\n\n return;\n }\n\n this.el.placeholder = this.placeholder || this.el.placeholder;\n this.parent?.insertBefore(this.textfield.el, this.neighbor);\n this.ref.destroy();\n this.searchOpen.set(false);\n }\n\n public onArrow(): void {\n const root: HTMLElement = this.ref?.location.nativeElement;\n\n tuiGetClosestFocusable({\n root,\n initial: this.textfield.el.nextElementSibling ?? root,\n })?.focus();\n }\n\n public onFocus({target}: Event): void {\n if (\n target !== this.el &&\n tuiIsElement(target) &&\n !tuiContainsOrAfter(this.ref?.location.nativeElement as HTMLElement, target)\n ) {\n this.close();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
7
7
|
const OPTIONS = { behavior: 'smooth', block: 'nearest', inline: 'center' };
|
|
8
8
|
class Styles {
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-item-group-5.
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-item-group-5.13.0-canary.1222c6e"], ngImport: i0, template: '', isInline: true, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-item-group-${TUI_VERSION}`, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.
|
|
14
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-item-group-${TUI_VERSION}`, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiItemGroup {
|
|
17
17
|
constructor() {
|
|
@@ -30,7 +30,7 @@ class TuiItemGroup {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, autoscroll: { classPropertyName: "autoscroll", publicName: "autoscroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, autoscroll: { classPropertyName: "autoscroll", publicName: "autoscroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.13.0-canary.1222c6e" }, listeners: { "click": "onClick($event.target)" }, properties: { "class._horizontal": "horizontal()" } }, ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemGroup, decorators: [{
|
|
36
36
|
type: Directive,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-item-group.mjs","sources":["../../../projects/layout/components/item-group/item-group.directive.ts","../../../projects/layout/components/item-group/taiga-ui-layout-components-item-group.ts"],"sourcesContent":["import {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\nconst OPTIONS = {behavior: 'smooth', block: 'nearest', inline: 'center'} as const;\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './item-group.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-item-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiItemGroup]',\n host: {\n 'data-tui-version': TUI_VERSION,\n '[class._horizontal]': 'horizontal()',\n '(click)': 'onClick($event.target)',\n },\n})\nexport class TuiItemGroup implements AfterViewInit {\n private readonly el = tuiInjectElement();\n\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly horizontal = input(false);\n public readonly autoscroll = input(false);\n\n public ngAfterViewInit(): void {\n this.el.classList.add('_initialized');\n }\n\n protected onClick(target: HTMLElement): void {\n if (this.autoscroll() && this.horizontal()) {\n // Safari bug\n setTimeout(() => target.scrollIntoView(OPTIONS));\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,OAAO,GAAG,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAU;AAEjF,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,
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-item-group.mjs","sources":["../../../projects/layout/components/item-group/item-group.directive.ts","../../../projects/layout/components/item-group/taiga-ui-layout-components-item-group.ts"],"sourcesContent":["import {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\nconst OPTIONS = {behavior: 'smooth', block: 'nearest', inline: 'center'} as const;\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './item-group.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-item-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiItemGroup]',\n host: {\n 'data-tui-version': TUI_VERSION,\n '[class._horizontal]': 'horizontal()',\n '(click)': 'onClick($event.target)',\n },\n})\nexport class TuiItemGroup implements AfterViewInit {\n private readonly el = tuiInjectElement();\n\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly horizontal = input(false);\n public readonly autoscroll = input(false);\n\n public ngAfterViewInit(): void {\n this.el.classList.add('_initialized');\n }\n\n protected onClick(target: HTMLElement): void {\n if (this.autoscroll() && this.horizontal()) {\n // Safari bug\n setTimeout(() => target.scrollIntoView(OPTIONS));\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,OAAO,GAAG,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAU;AAEjF,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,4HAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,k2CAAA,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,eAAA,EAAkB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,k2CAAA,CAAA,EAAA;;MAYhC,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;QASqB,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AAErB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAElC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AAY5C,IAAA;IAVU,eAAe,GAAA;QAClB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;IACzC;AAEU,IAAA,OAAO,CAAC,MAAmB,EAAA;QACjC,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;;YAExC,UAAU,CAAC,MAAM,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACpD;IACJ;+GAjBS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,qBAAqB,EAAE,cAAc;AACrC,wBAAA,SAAS,EAAE,wBAAwB;AACtC,qBAAA;AACJ,iBAAA;;;AClCD;;AAEG;;;;"}
|
|
@@ -7,11 +7,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
7
7
|
const [TUI_LIST_OPTIONS, tuiListOptionsProvider] = tuiCreateOptions({ size: 'l' });
|
|
8
8
|
class Styles {
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-list-5.
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-list-5.13.0-canary.1222c6e"], ngImport: i0, template: '', isInline: true, styles: ["[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=s]>li{margin:.625rem 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-list-${TUI_VERSION}`, styles: ["[tuiList]:where(*[data-tui-version=\"5.
|
|
14
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-list-${TUI_VERSION}`, styles: ["[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.1222c6e\"])[data-size=s]>li{margin:.625rem 0}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiList {
|
|
17
17
|
constructor() {
|
|
@@ -22,7 +22,7 @@ class TuiList {
|
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiList, isStandalone: true, selector: "ul[tuiList], ol[tuiList]", inputs: { size: { classPropertyName: "size", publicName: "tuiList", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiList, isStandalone: true, selector: "ul[tuiList], ol[tuiList]", inputs: { size: { classPropertyName: "size", publicName: "tuiList", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.13.0-canary.1222c6e" }, properties: { "attr.data-size": "size() || options.size" } }, ngImport: i0 }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiList, decorators: [{
|
|
28
28
|
type: Directive,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-list.mjs","sources":["../../../projects/layout/components/list/list.directive.ts","../../../projects/layout/components/list/taiga-ui-layout-components-list.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiListOptions {\n readonly size: TuiSizeL | TuiSizeS;\n}\n\nexport const [TUI_LIST_OPTIONS, tuiListOptionsProvider] =\n tuiCreateOptions<TuiListOptions>({size: 'l'});\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './list.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-list-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: 'ul[tuiList], ol[tuiList]',\n host: {'data-tui-version': TUI_VERSION, '[attr.data-size]': 'size() || options.size'},\n})\nexport class TuiList {\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly options = inject(TUI_LIST_OPTIONS);\n\n public readonly size = input<TuiListOptions['size'] | ''>(this.options.size, {\n alias: 'tuiList',\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,GACnD,gBAAgB,CAAiB,EAAC,IAAI,EAAE,GAAG,EAAC;AAEhD,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,
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-list.mjs","sources":["../../../projects/layout/components/list/list.directive.ts","../../../projects/layout/components/list/taiga-ui-layout-components-list.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiListOptions {\n readonly size: TuiSizeL | TuiSizeS;\n}\n\nexport const [TUI_LIST_OPTIONS, tuiListOptionsProvider] =\n tuiCreateOptions<TuiListOptions>({size: 'l'});\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './list.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-list-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n selector: 'ul[tuiList], ol[tuiList]',\n host: {'data-tui-version': TUI_VERSION, '[attr.data-size]': 'size() || options.size'},\n})\nexport class TuiList {\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly options = inject(TUI_LIST_OPTIONS);\n\n public readonly size = input<TuiListOptions['size'] | ''>(this.options.size, {\n alias: 'tuiList',\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,GACnD,gBAAgB,CAAiB,EAAC,IAAI,EAAE,GAAG,EAAC;AAEhD,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,sHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,07CAAA,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,SAAA,EAAY,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,07CAAA,CAAA,EAAA;;MAQ1B,OAAO,CAAA;AAJpB,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAErC,IAAA,CAAA,IAAI,GAAG,KAAK,CAA8B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACzE,YAAA,KAAK,EAAE,SAAS;AACnB,SAAA,CAAC;AACL,IAAA;+GAPY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAJnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,EAAC;AACxF,iBAAA;;;ACpCD;;AAEG;;;;"}
|