@cuby-ui/core 0.0.325 → 0.0.328

package/esm2022/widgets/storage-list/components/storage-list-item/storage-list-item.component.mjs

@@ -0,0 +1,70 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, effect, forwardRef, inject, input, signal, untracked } from '@angular/core';
+import { CuiLetDirective } from '@cuby-ui/cdk';
+import { finalize } from 'rxjs';
+import { CuiSvgModule } from '../../../../components/svg';
+import { CuiStorageListComponent } from '../..';
+import { CUI_STORAGE_LIST_SERVICE_TOKEN } from '../../storage-list.options';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../components/svg/svg.component";
+export class CuiStorageListItemComponent {
+    constructor() {
+        this.storageListService = inject(CUI_STORAGE_LIST_SERVICE_TOKEN);
+        this.isLoadingChildren = false;
+        this.isLoadingElements = false;
+        this.storageChildren = signal([]);
+        this.storageElements = signal([]);
+        this.areContentOpened = signal(false);
+        this.openCloseButtonIcon = computed(() => this.areContentOpened() ? 'cuiIconChevronDown' : 'cuiIconChevronRight');
+        this.hasContent = computed(() => this.storage().children.length || this.storageChildren().length || this.storageElements().length);
+        this.storage = input.required();
+        this.elementSlot = input();
+        this.itemSlot = input();
+        this.initStorageChildrenEffect();
+        this.initStorageElementsEffect();
+    }
+    onToggleChildren(event) {
+        event.preventDefault();
+        this.areContentOpened.update((prevAreChildrenOpened) => !prevAreChildrenOpened);
+    }
+    initStorageChildrenEffect() {
+        effect(() => {
+            const storage = this.storage();
+            this.areContentOpened();
+            untracked(this.setChildren.bind(this, storage));
+        });
+    }
+    initStorageElementsEffect() {
+        effect(() => {
+            const storage = this.storage();
+            untracked(this.setElements.bind(this, storage));
+        });
+    }
+    setChildren(storage) {
+        if (this.isLoadingChildren || !this.areContentOpened() || this.storageChildren().length) {
+            return;
+        }
+        this.isLoadingChildren = true;
+        this.storageListService
+            .getChildren?.(storage, this.storageChildren())
+            .pipe(finalize(() => (this.isLoadingChildren = false)))
+            .subscribe((response) => this.storageChildren.set(response));
+    }
+    setElements(storage) {
+        if (this.isLoadingElements || this.storageElements().length) {
+            return;
+        }
+        this.isLoadingElements = true;
+        this.storageListService
+            .getElements?.(storage, this.storageElements())
+            .pipe(finalize(() => (this.isLoadingElements = false)))
+            .subscribe((response) => this.storageElements.set(response));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiStorageListItemComponent, isStandalone: true, selector: "li[cuiStorageListItem]", inputs: { storage: { classPropertyName: "storage", publicName: "storage", isSignal: true, isRequired: true, transformFunction: null }, elementSlot: { classPropertyName: "elementSlot", publicName: "elementSlot", isSignal: true, isRequired: false, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *cuiLet=\"storage() as storage\">\n    <div class=\"wrapper\">\n        <ng-template #openCloseButton>\n            @if (hasContent()) {\n                <button\n                    type=\"button\"\n                    class=\"button\"\n                    (click)=\"onToggleChildren($event)\"\n                >\n                    <cui-svg\n                        [icon]=\"openCloseButtonIcon()\"\n                        color=\"var(--cui-base-500)\"\n                    />\n                </button>\n            }\n        </ng-template>\n\n        @if (itemSlot(); as item) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    item;\n                    context: {\n                        $implicit: storage,\n                        openCloseButton,\n                        areContentOpened: areContentOpened(),\n                        hasContent: hasContent()\n                    }\n                \"\n            />\n        }\n\n        <div\n            class=\"content\"\n            [class.content_hidden]=\"!areContentOpened()\"\n        >\n            <div class=\"lists\">\n                @if (storageChildren().length) {\n                    <cui-storage-list\n                        [storages]=\"storageChildren()\"\n                        [elementSlot]=\"elementSlot()\"\n                        [itemSlot]=\"itemSlot()\"\n                    />\n                }\n                @if (storageElements().length && elementSlot()) {\n                    <ul class=\"list\">\n                        @for (element of storageElements(); track element.id) {\n                            <li class=\"item\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        elementSlot()!;\n                                        context: { $implicit: element, storage: storage }\n                                    \"\n                                />\n                            </li>\n                        }\n                    </ul>\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".button{padding:2px;display:flex;border-radius:4px}@media (hover: hover){.button:hover{background:var(--cui-base-200)}}.button :active{background:var(--cui-base-200)}.icon{padding:2px}.wrapper{display:flex;flex-direction:column;gap:8px}.content{padding-left:20px}.content_hidden{display:none}.lists{display:flex;flex-direction:column;gap:8px;position:relative}.lists>*{z-index:1}.lists:has(>:nth-child(2)):before{content:\"\";position:absolute;top:0;bottom:0;left:8px;width:1px;background:var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => CuiLetDirective), selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "ngmodule", type: i0.forwardRef(() => CuiSvgModule) }, { kind: "component", type: i0.forwardRef(() => i1.CuiSvgComponent), selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => CuiStorageListComponent), selector: "cui-storage-list", inputs: ["storages", "elementSlot", "itemSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[cuiStorageListItem]', imports: [CuiLetDirective, CuiSvgModule, NgTemplateOutlet, forwardRef(() => CuiStorageListComponent)], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *cuiLet=\"storage() as storage\">\n    <div class=\"wrapper\">\n        <ng-template #openCloseButton>\n            @if (hasContent()) {\n                <button\n                    type=\"button\"\n                    class=\"button\"\n                    (click)=\"onToggleChildren($event)\"\n                >\n                    <cui-svg\n                        [icon]=\"openCloseButtonIcon()\"\n                        color=\"var(--cui-base-500)\"\n                    />\n                </button>\n            }\n        </ng-template>\n\n        @if (itemSlot(); as item) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    item;\n                    context: {\n                        $implicit: storage,\n                        openCloseButton,\n                        areContentOpened: areContentOpened(),\n                        hasContent: hasContent()\n                    }\n                \"\n            />\n        }\n\n        <div\n            class=\"content\"\n            [class.content_hidden]=\"!areContentOpened()\"\n        >\n            <div class=\"lists\">\n                @if (storageChildren().length) {\n                    <cui-storage-list\n                        [storages]=\"storageChildren()\"\n                        [elementSlot]=\"elementSlot()\"\n                        [itemSlot]=\"itemSlot()\"\n                    />\n                }\n                @if (storageElements().length && elementSlot()) {\n                    <ul class=\"list\">\n                        @for (element of storageElements(); track element.id) {\n                            <li class=\"item\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        elementSlot()!;\n                                        context: { $implicit: element, storage: storage }\n                                    \"\n                                />\n                            </li>\n                        }\n                    </ul>\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".button{padding:2px;display:flex;border-radius:4px}@media (hover: hover){.button:hover{background:var(--cui-base-200)}}.button :active{background:var(--cui-base-200)}.icon{padding:2px}.wrapper{display:flex;flex-direction:column;gap:8px}.content{padding-left:20px}.content_hidden{display:none}.lists{display:flex;flex-direction:column;gap:8px;position:relative}.lists>*{z-index:1}.lists:has(>:nth-child(2)):before{content:\"\";position:absolute;top:0;bottom:0;left:8px;width:1px;background:var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcmFnZS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS93aWRnZXRzL3N0b3JhZ2UtbGlzdC9jb21wb25lbnRzL3N0b3JhZ2UtbGlzdC1pdGVtL3N0b3JhZ2UtbGlzdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy9zdG9yYWdlLWxpc3QvY29tcG9uZW50cy9zdG9yYWdlLWxpc3QtaXRlbS9zdG9yYWdlLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVuRCxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsTUFBTSxFQUNOLFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFaEQsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQVU1RSxNQUFNLE9BQU8sMkJBQTJCO0lBb0JwQztRQW5CaUIsdUJBQWtCLEdBQUcsTUFBTSxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFFckUsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUVmLG9CQUFlLEdBQUcsTUFBTSxDQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQzNDLG9CQUFlLEdBQUcsTUFBTSxDQUFtQixFQUFFLENBQUMsQ0FBQztRQUMvQyxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsd0JBQW1CLEdBQUcsUUFBUSxDQUFVLEdBQUcsRUFBRSxDQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUN6RSxDQUFDO1FBQ2lCLGVBQVUsR0FBRyxRQUFRLENBQ3BDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLE1BQU0sQ0FDekcsQ0FBQztRQUVjLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFpQixDQUFDO1FBQzFDLGdCQUFXLEdBQUcsS0FBSyxFQUF3QixDQUFDO1FBQzVDLGFBQVEsR0FBRyxLQUFLLEVBQXdCLENBQUM7UUFHckQsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVTLGdCQUFnQixDQUFDLEtBQWlCO1FBQ3hDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUV2QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUMscUJBQXFCLEVBQUUsRUFBRSxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUNwRixDQUFDO0lBRU8seUJBQXlCO1FBQzdCLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDUixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFnQyxDQUFDO1lBRTdELElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyx5QkFBeUI7UUFDN0IsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNSLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQWdDLENBQUM7WUFFN0QsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ3BELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFdBQVcsQ0FBQyxPQUFtQztRQUNuRCxJQUFJLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN0RixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFDOUIsSUFBSSxDQUFDLGtCQUFrQjthQUNsQixXQUFXLEVBQUUsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO2FBQzlDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQzthQUN0RCxTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVPLFdBQVcsQ0FBQyxPQUFtQztRQUNuRCxJQUFJLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDMUQsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO1FBQzlCLElBQUksQ0FBQyxrQkFBa0I7YUFDbEIsV0FBVyxFQUFFLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7YUFDdEQsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7K0dBdEVRLDJCQUEyQjttR0FBM0IsMkJBQTJCLHNlQzlCeEMsNG9FQTZEQSxreUJEckNjLGVBQWUsNkZBQUUsWUFBWSxrTkFBRSxnQkFBZ0IseUtBQW1CLHVCQUF1Qjs7NEZBTTFGLDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDSSx3QkFBd0IsV0FDekIsQ0FBQyxlQUFlLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLGNBR3pGLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgY29tcHV0ZWQsXG4gICAgZWZmZWN0LFxuICAgIGZvcndhcmRSZWYsXG4gICAgaW5qZWN0LFxuICAgIGlucHV0LFxuICAgIHNpZ25hbCxcbiAgICB1bnRyYWNrZWRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdWlMZXREaXJlY3RpdmUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHR5cGUgeyBDdWlJY29uIH0gZnJvbSAnQGN1YnktdWkvaWNvbnMnO1xuaW1wb3J0IHsgZmluYWxpemUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdmcnO1xuaW1wb3J0IHsgQ3VpU3RvcmFnZUxpc3RDb21wb25lbnQgfSBmcm9tICcuLi8uLic7XG5pbXBvcnQgdHlwZSB7IEN1aVN0b3JhZ2UsIEN1aVN0b3JhZ2VCYXNlIH0gZnJvbSAnLi4vLi4vc3RvcmFnZS1saXN0Lm9wdGlvbnMnO1xuaW1wb3J0IHsgQ1VJX1NUT1JBR0VfTElTVF9TRVJWSUNFX1RPS0VOIH0gZnJvbSAnLi4vLi4vc3RvcmFnZS1saXN0Lm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpW2N1aVN0b3JhZ2VMaXN0SXRlbV0nLFxuICAgIGltcG9ydHM6IFtDdWlMZXREaXJlY3RpdmUsIEN1aVN2Z01vZHVsZSwgTmdUZW1wbGF0ZU91dGxldCwgZm9yd2FyZFJlZigoKSA9PiBDdWlTdG9yYWdlTGlzdENvbXBvbmVudCldLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdG9yYWdlLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3N0b3JhZ2UtbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aVN0b3JhZ2VMaXN0SXRlbUNvbXBvbmVudDxUID0gQ3VpU3RvcmFnZUJhc2U+IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IHN0b3JhZ2VMaXN0U2VydmljZSA9IGluamVjdChDVUlfU1RPUkFHRV9MSVNUX1NFUlZJQ0VfVE9LRU4pO1xuXG4gICAgcHJpdmF0ZSBpc0xvYWRpbmdDaGlsZHJlbiA9IGZhbHNlO1xuICAgIHByaXZhdGUgaXNMb2FkaW5nRWxlbWVudHMgPSBmYWxzZTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzdG9yYWdlQ2hpbGRyZW4gPSBzaWduYWw8Q3VpU3RvcmFnZVtdPihbXSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JhZ2VFbGVtZW50cyA9IHNpZ25hbDxDdWlTdG9yYWdlQmFzZVtdPihbXSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFyZUNvbnRlbnRPcGVuZWQgPSBzaWduYWwoZmFsc2UpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBvcGVuQ2xvc2VCdXR0b25JY29uID0gY29tcHV0ZWQ8Q3VpSWNvbj4oKCkgPT5cbiAgICAgICAgdGhpcy5hcmVDb250ZW50T3BlbmVkKCkgPyAnY3VpSWNvbkNoZXZyb25Eb3duJyA6ICdjdWlJY29uQ2hldnJvblJpZ2h0J1xuICAgICk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGhhc0NvbnRlbnQgPSBjb21wdXRlZChcbiAgICAgICAgKCkgPT4gdGhpcy5zdG9yYWdlKCkuY2hpbGRyZW4ubGVuZ3RoIHx8IHRoaXMuc3RvcmFnZUNoaWxkcmVuKCkubGVuZ3RoIHx8IHRoaXMuc3RvcmFnZUVsZW1lbnRzKCkubGVuZ3RoXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBzdG9yYWdlID0gaW5wdXQucmVxdWlyZWQ8Q3VpU3RvcmFnZTxUPj4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudFNsb3QgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgaXRlbVNsb3QgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmluaXRTdG9yYWdlQ2hpbGRyZW5FZmZlY3QoKTtcbiAgICAgICAgdGhpcy5pbml0U3RvcmFnZUVsZW1lbnRzRWZmZWN0KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG9uVG9nZ2xlQ2hpbGRyZW4oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICB0aGlzLmFyZUNvbnRlbnRPcGVuZWQudXBkYXRlKChwcmV2QXJlQ2hpbGRyZW5PcGVuZWQpID0+ICFwcmV2QXJlQ2hpbGRyZW5PcGVuZWQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdFN0b3JhZ2VDaGlsZHJlbkVmZmVjdCgpOiB2b2lkIHtcbiAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JhZ2UgPSB0aGlzLnN0b3JhZ2UoKSBhcyBDdWlTdG9yYWdlPEN1aVN0b3JhZ2VCYXNlPjtcblxuICAgICAgICAgICAgdGhpcy5hcmVDb250ZW50T3BlbmVkKCk7XG4gICAgICAgICAgICB1bnRyYWNrZWQodGhpcy5zZXRDaGlsZHJlbi5iaW5kKHRoaXMsIHN0b3JhZ2UpKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0U3RvcmFnZUVsZW1lbnRzRWZmZWN0KCk6IHZvaWQge1xuICAgICAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgc3RvcmFnZSA9IHRoaXMuc3RvcmFnZSgpIGFzIEN1aVN0b3JhZ2U8Q3VpU3RvcmFnZUJhc2U+O1xuXG4gICAgICAgICAgICB1bnRyYWNrZWQodGhpcy5zZXRFbGVtZW50cy5iaW5kKHRoaXMsIHN0b3JhZ2UpKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRDaGlsZHJlbihzdG9yYWdlOiBDdWlTdG9yYWdlPEN1aVN0b3JhZ2VCYXNlPik6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0xvYWRpbmdDaGlsZHJlbiB8fCAhdGhpcy5hcmVDb250ZW50T3BlbmVkKCkgfHwgdGhpcy5zdG9yYWdlQ2hpbGRyZW4oKS5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaXNMb2FkaW5nQ2hpbGRyZW4gPSB0cnVlO1xuICAgICAgICB0aGlzLnN0b3JhZ2VMaXN0U2VydmljZVxuICAgICAgICAgICAgLmdldENoaWxkcmVuPy4oc3RvcmFnZSwgdGhpcy5zdG9yYWdlQ2hpbGRyZW4oKSlcbiAgICAgICAgICAgIC5waXBlKGZpbmFsaXplKCgpID0+ICh0aGlzLmlzTG9hZGluZ0NoaWxkcmVuID0gZmFsc2UpKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKHJlc3BvbnNlKSA9PiB0aGlzLnN0b3JhZ2VDaGlsZHJlbi5zZXQocmVzcG9uc2UpKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEVsZW1lbnRzKHN0b3JhZ2U6IEN1aVN0b3JhZ2U8Q3VpU3RvcmFnZUJhc2U+KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzTG9hZGluZ0VsZW1lbnRzIHx8IHRoaXMuc3RvcmFnZUVsZW1lbnRzKCkubGVuZ3RoKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmlzTG9hZGluZ0VsZW1lbnRzID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5zdG9yYWdlTGlzdFNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRFbGVtZW50cz8uKHN0b3JhZ2UsIHRoaXMuc3RvcmFnZUVsZW1lbnRzKCkpXG4gICAgICAgICAgICAucGlwZShmaW5hbGl6ZSgoKSA9PiAodGhpcy5pc0xvYWRpbmdFbGVtZW50cyA9IGZhbHNlKSkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4gdGhpcy5zdG9yYWdlRWxlbWVudHMuc2V0KHJlc3BvbnNlKSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqY3VpTGV0PVwic3RvcmFnZSgpIGFzIHN0b3JhZ2VcIj5cbiAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgI29wZW5DbG9zZUJ1dHRvbj5cbiAgICAgICAgICAgIEBpZiAoaGFzQ29udGVudCgpKSB7XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25Ub2dnbGVDaGlsZHJlbigkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxjdWktc3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJvcGVuQ2xvc2VCdXR0b25JY29uKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJ2YXIoLS1jdWktYmFzZS01MDApXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICBAaWYgKGl0ZW1TbG90KCk7IGFzIGl0ZW0pIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgICAgICAgICBpdGVtO1xuICAgICAgICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAkaW1wbGljaXQ6IHN0b3JhZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGVuQ2xvc2VCdXR0b24sXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmVDb250ZW50T3BlbmVkOiBhcmVDb250ZW50T3BlbmVkKCksXG4gICAgICAgICAgICAgICAgICAgICAgICBoYXNDb250ZW50OiBoYXNDb250ZW50KClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICB9XG5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJjb250ZW50XCJcbiAgICAgICAgICAgIFtjbGFzcy5jb250ZW50X2hpZGRlbl09XCIhYXJlQ29udGVudE9wZW5lZCgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpc3RzXCI+XG4gICAgICAgICAgICAgICAgQGlmIChzdG9yYWdlQ2hpbGRyZW4oKS5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICAgICAgPGN1aS1zdG9yYWdlLWxpc3RcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdG9yYWdlc109XCJzdG9yYWdlQ2hpbGRyZW4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZWxlbWVudFNsb3RdPVwiZWxlbWVudFNsb3QoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaXRlbVNsb3RdPVwiaXRlbVNsb3QoKVwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBpZiAoc3RvcmFnZUVsZW1lbnRzKCkubGVuZ3RoICYmIGVsZW1lbnRTbG90KCkpIHtcbiAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwibGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAoZWxlbWVudCBvZiBzdG9yYWdlRWxlbWVudHMoKTsgdHJhY2sgZWxlbWVudC5pZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbGVtZW50U2xvdCgpITtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0OiB7ICRpbXBsaWNpdDogZWxlbWVudCwgc3RvcmFnZTogc3RvcmFnZSB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/widgets/storage-list/index.mjs

@@ -0,0 +1,3 @@
+export { CuiStorageListComponent } from './storage-list.component';
+export * from './storage-list.options';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvc3RvcmFnZS1saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDdWlTdG9yYWdlTGlzdENvbXBvbmVudCB9IGZyb20gJy4vc3RvcmFnZS1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N0b3JhZ2UtbGlzdC5vcHRpb25zJztcbiJdfQ==

package/esm2022/widgets/storage-list/storage-list.component.mjs

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { CuiStorageListItemComponent } from './components';
+import * as i0 from "@angular/core";
+export class CuiStorageListComponent {
+    constructor() {
+        this.storages = input.required();
+        this.elementSlot = input();
+        this.itemSlot = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiStorageListComponent, isStandalone: true, selector: "cui-storage-list", inputs: { storages: { classPropertyName: "storages", publicName: "storages", isSignal: true, isRequired: true, transformFunction: null }, elementSlot: { classPropertyName: "elementSlot", publicName: "elementSlot", isSignal: true, isRequired: false, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list\">\n    @for (storage of storages(); track storage.id) {\n        <li\n            cuiStorageListItem\n            [storage]=\"storage\"\n            [elementSlot]=\"elementSlot()\"\n            [itemSlot]=\"itemSlot()\"\n            class=\"item\"\n        ></li>\n    }\n</ul>\n", styles: [":host{display:block}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative;z-index:0}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"], dependencies: [{ kind: "component", type: CuiStorageListItemComponent, selector: "li[cuiStorageListItem]", inputs: ["storage", "elementSlot", "itemSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-storage-list', imports: [CuiStorageListItemComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"list\">\n    @for (storage of storages(); track storage.id) {\n        <li\n            cuiStorageListItem\n            [storage]=\"storage\"\n            [elementSlot]=\"elementSlot()\"\n            [itemSlot]=\"itemSlot()\"\n            class=\"item\"\n        ></li>\n    }\n</ul>\n", styles: [":host{display:block}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative;z-index:0}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcmFnZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy9zdG9yYWdlLWxpc3Qvc3RvcmFnZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy9zdG9yYWdlLWxpc3Qvc3RvcmFnZS1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFXM0QsTUFBTSxPQUFPLHVCQUF1QjtJQVJwQztRQVNvQixhQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBbUIsQ0FBQztRQUM3QyxnQkFBVyxHQUFHLEtBQUssRUFBd0IsQ0FBQztRQUM1QyxhQUFRLEdBQUcsS0FBSyxFQUF3QixDQUFDO0tBQzVEOytHQUpZLHVCQUF1QjttR0FBdkIsdUJBQXVCLG1lQ2RwQywyU0FXQSwrU0RIYywyQkFBMkI7OzRGQU01Qix1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0ksa0JBQWtCLFdBQ25CLENBQUMsMkJBQTJCLENBQUMsY0FHMUIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ3VpU3RvcmFnZUxpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcbmltcG9ydCB0eXBlIHsgQ3VpU3RvcmFnZSB9IGZyb20gJy4vc3RvcmFnZS1saXN0Lm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2N1aS1zdG9yYWdlLWxpc3QnLFxuICAgIGltcG9ydHM6IFtDdWlTdG9yYWdlTGlzdEl0ZW1Db21wb25lbnRdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdG9yYWdlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9zdG9yYWdlLWxpc3QuY29tcG9uZW50LnNjc3MnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpU3RvcmFnZUxpc3RDb21wb25lbnQ8VD4ge1xuICAgIHB1YmxpYyByZWFkb25seSBzdG9yYWdlcyA9IGlucHV0LnJlcXVpcmVkPEN1aVN0b3JhZ2U8VD5bXT4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudFNsb3QgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgaXRlbVNsb3QgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcbn1cbiIsIjx1bCBjbGFzcz1cImxpc3RcIj5cbiAgICBAZm9yIChzdG9yYWdlIG9mIHN0b3JhZ2VzKCk7IHRyYWNrIHN0b3JhZ2UuaWQpIHtcbiAgICAgICAgPGxpXG4gICAgICAgICAgICBjdWlTdG9yYWdlTGlzdEl0ZW1cbiAgICAgICAgICAgIFtzdG9yYWdlXT1cInN0b3JhZ2VcIlxuICAgICAgICAgICAgW2VsZW1lbnRTbG90XT1cImVsZW1lbnRTbG90KClcIlxuICAgICAgICAgICAgW2l0ZW1TbG90XT1cIml0ZW1TbG90KClcIlxuICAgICAgICAgICAgY2xhc3M9XCJpdGVtXCJcbiAgICAgICAgPjwvbGk+XG4gICAgfVxuPC91bD5cbiJdfQ==

package/esm2022/widgets/storage-list/storage-list.options.mjs

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const CUI_STORAGE_LIST_SERVICE_TOKEN = new InjectionToken('STORAGE_LIST_SERVICE_TOKEN');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcmFnZS1saXN0Lm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvc3RvcmFnZS1saXN0L3N0b3JhZ2UtbGlzdC5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsSUFBSSxjQUFjLENBQXdCLDRCQUE0QixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBjb25zdCBDVUlfU1RPUkFHRV9MSVNUX1NFUlZJQ0VfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48Q3VpU3RvcmFnZUxpc3RTZXJ2aWNlPignU1RPUkFHRV9MSVNUX1NFUlZJQ0VfVE9LRU4nKTtcblxuZXhwb3J0IGludGVyZmFjZSBDdWlTdG9yYWdlTGlzdFNlcnZpY2U8VCA9IEN1aVN0b3JhZ2VCYXNlPiB7XG4gICAgZ2V0Q2hpbGRyZW4/KGNoaWxkcmVuOiBDdWlTdG9yYWdlPFQ+LCBwcmV2Q2hpbGRyZW5zOiBDdWlTdG9yYWdlPFQ+W10pOiBPYnNlcnZhYmxlPEN1aVN0b3JhZ2U8VD5bXT47XG4gICAgZ2V0RWxlbWVudHM/KGVsZW1lbnQ6IEN1aVN0b3JhZ2U8VD4sIHByZXZFbGVtZW50czogVFtdKTogT2JzZXJ2YWJsZTxUW10+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEN1aVN0b3JhZ2VCYXNlIHtcbiAgICByZWFkb25seSBpZDogc3RyaW5nO1xuICAgIHJlYWRvbmx5IG5hbWU/OiBzdHJpbmc7XG4gICAgcmVhZG9ubHkgdGl0bGU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ3VpU3RvcmFnZTxUID0gQ3VpU3RvcmFnZUJhc2U+IGV4dGVuZHMgQ3VpU3RvcmFnZUJhc2Uge1xuICAgIHJlYWRvbmx5IGVsZW1lbnRzPzogVFtdO1xuICAgIHJlYWRvbmx5IGNoaWxkcmVuOiBDdWlTdG9yYWdlPFQ+W10gfCBzdHJpbmdbXTtcbn1cbiJdfQ==

package/fesm2022/cuby-ui-core.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, inject, Renderer2, input, model, effect, Directive, InjectionToken, Input, HostBinding, ChangeDetectorRef, ElementRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, NgZone, signal, TemplateRef, ContentChildren, HostListener, Self, INJECTOR, forwardRef, ViewContainerRef, booleanAttribute, computed, Pipe, APP_INITIALIZER, viewChild, afterRender, output, makeEnvironmentProviders, untracked } from '@angular/core';
+import { Component, ChangeDetectionStrategy, inject, Renderer2, input, model, effect, Directive, InjectionToken, Input, HostBinding, ChangeDetectorRef, ElementRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, NgZone, signal, TemplateRef, ContentChildren, HostListener, Self, INJECTOR, forwardRef, ViewContainerRef, booleanAttribute, computed, untracked, Pipe, APP_INITIALIZER, viewChild, afterRender, output, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgForOf, NgIf, NgComponentOutlet, NgTemplateOutlet, NgFor, UpperCasePipe, NgClass, Location } from '@angular/common';
 import * as i1$1 from '@cuby-ui/cdk';
-import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CuiItemDirective, CuiActiveZone, CuiFocusTrapDirective, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, CuiClickOutsideDirective, CuiTargetDirective, cuiGetClosestFocusable, CuiTime, CuiDimensionsObserverDirective, CuiAutoResizingDirective, CuiIdService, CuiElementDirective, CuiDragPointerDirective, CuiDragDropDirective, CuiDragListDirective, CuiHandleScrollDirective, FilesUploader, takeCaptureFromVideo } from '@cuby-ui/cdk';
+import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CuiItemDirective, CuiActiveZone, CuiFocusTrapDirective, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, CuiClickOutsideDirective, CuiTargetDirective, cuiGetClosestFocusable, CuiTime, CuiDimensionsObserverDirective, CuiIdService, CuiAutoResizingDirective, CuiElementDirective, CuiDragPointerDirective, CuiDragDropDirective, CuiDragListDirective, CuiHandleScrollDirective, FilesUploader, takeCaptureFromVideo } from '@cuby-ui/cdk';
 import { DomSanitizer } from '@angular/platform-browser';
 import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
 import { BehaviorSubject, takeUntil, Observable, merge, distinctUntilChanged, startWith, map, finalize, switchMap, tap, catchError, throwError, of, from, filter, timer, Subject, delay, repeat, takeWhile, fromEvent, debounce, skip, take, forkJoin, throttleTime, concatMap, toArray, debounceTime, pairwise } from 'rxjs';
@@ -4070,84 +4070,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     }, template: "<div class=\"content\">\n    <ng-content />\n</div>\n", styles: [":host{--maxWidth: 1320px;--horizontalPadding: 24px;--verticalPadding: 0;position:relative;display:block;min-height:100vh}:host .content{padding:var(--verticalPadding) var(--horizontalPadding);margin:0 auto;max-width:var(--maxWidth)}\n"] }]
         }] });
 
-const CUI_TAB_ACTIVATE = 'cui-tab-activate';
-class CuiTabComponent {
+const CUI_TABS_SERVICE_TOKEN = new InjectionToken('CUI_TABS_SERVICE');
+class CuiAbstractTabsService {
+}
+
+class CuiTabDirective {
     constructor() {
-        this.element = inject(ElementRef).nativeElement;
+        this.tabsService = inject(CUI_TABS_SERVICE_TOKEN);
+        this.tabId = inject(CuiIdService).generate();
+        this.buttonSlot = input.required();
+        this.contentSlot = input.required();
+        this.data = input();
+        this.initTabEffect();
+    }
+    initTabEffect() {
+        effect((onCleanup) => {
+            this.addTab(this.buttonSlot(), this.contentSlot());
+            onCleanup(this.removeTab.bind(this));
+        }, { allowSignalWrites: true });
     }
-    onClick() {
-        this.element.dispatchEvent(new CustomEvent(CUI_TAB_ACTIVATE, { bubbles: true }));
+    addTab(button, content) {
+        this.tabsService.addTab({ id: this.tabId, button, content, data: untracked(this.data) });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiTabComponent, selector: "button[cuiTab]", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-family:var(--cui-main-font)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    removeTab() {
+        this.tabsService.removeTab(this.tabId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: CuiTabDirective, isStandalone: true, selector: "cui-tab, [cuiTab]", inputs: { buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, contentSlot: { classPropertyName: "contentSlot", publicName: "contentSlot", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[cuiTab]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-family:var(--cui-main-font)}\n"] }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'cui-tab, [cuiTab]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
 
-class CuiTabsComponent {
+class CuiTabsServiceImpl extends CuiAbstractTabsService {
     constructor() {
-        this.element = inject(ElementRef).nativeElement;
-        this.activeElementClass = '_active';
-        this.activeItemIndex = 0;
-        this.activeItemIndexChange = new EventEmitter();
+        super(...arguments);
+        this.tabsSignal = signal([]);
+        this.activeTabSignal = computed(() => signal(this.tabsSignal()[0]));
+        this.tabs = this.tabsSignal.asReadonly();
+        this.activeTab = computed(() => this.activeTabSignal()());
     }
-    get tabs() {
-        return Array.from(this.element.querySelectorAll('[cuiTab]'));
+    set(tab) {
+        this.activeTabSignal().set(tab);
     }
-    get activeElement() {
-        return this.tabs[this.activeItemIndex] || null;
+    addTab(tab) {
+        this.tabsSignal.update((prev) => [...prev, tab]);
     }
-    ngAfterViewChecked() {
-        this.changeActiveItem();
+    removeTab(tabId) {
+        this.tabsSignal.update((prev) => prev.filter((tab) => tab.id !== tabId));
     }
-    onActivate(event) {
-        event.stopPropagation();
-        const index = this.tabs.findIndex((tab) => tab === event.target);
-        if (index === this.activeItemIndex) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsServiceImpl, decorators: [{
+            type: Injectable
+        }] });
+
+class CuiTabsComponent {
+    constructor() {
+        this.tabsService = inject(CUI_TABS_SERVICE_TOKEN);
+        this.tabs = this.tabsService.tabs;
+        this.activeTab = this.tabsService.activeTab;
+        this.headerSlot = input();
+        this.selectedIndex = input(0);
+        this.initSelectedTabEffect();
+    }
+    onSelectTab(event, tab) {
+        if (event.defaultPrevented) {
             return;
         }
-        this.activeItemIndexChange.emit(index);
-        this.activeItemIndex = index;
+        this.tabsService.set(tab);
     }
-    changeActiveItem() {
-        this.tabs.forEach(nativeElement => {
-            const active = nativeElement === this.activeElement;
-            nativeElement.classList.toggle(this.activeElementClass, active);
-        });
+    initSelectedTabEffect() {
+        effect(() => {
+            const index = this.selectedIndex();
+            const length = this.tabs().length;
+            if (index === undefined) {
+                return;
+            }
+            if (!length) {
+                throw new Error('No tab selected');
+            }
+            if (index < 0 || index >= length) {
+                throw new Error('Invalid tab index');
+            }
+            this.tabsService.set(this.tabs()[index]);
+        }, { allowSignalWrites: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiTabsComponent, selector: "cui-tabs", inputs: { activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "cui-tab-activate": "onActivate($event)" } }, ngImport: i0, template: "<ng-content select=\"[cuiTab]\" />\n", styles: [":host{display:flex;border-radius:8px;gap:32px}:host ::ng-deep>[cuiTab]{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px}@media (hover: hover){:host ::ng-deep>[cuiTab]:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}:host ::ng-deep>[cuiTab]:active{color:var(--cui-base-900);background:var(--cui-base-50)}:host ::ng-deep>[cuiTab]._active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiTabsComponent, isStandalone: true, selector: "cui-tabs", inputs: { headerSlot: { classPropertyName: "headerSlot", publicName: "headerSlot", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: CUI_TABS_SERVICE_TOKEN, useClass: CuiTabsServiceImpl }], ngImport: i0, template: "@if (headerSlot(); as header) {\n    <ng-container\n        [ngTemplateOutlet]=\"header\"\n        [ngTemplateOutletContext]=\"{ $implicit: buttons }\"\n    />\n} @else {\n    <header class=\"header\">\n        <ng-container [ngTemplateOutlet]=\"buttons\" />\n    </header>\n}\n\n<ng-template #buttons>\n    @for (tab of tabs(); track tab.id) {\n        <button\n            type=\"button\"\n            class=\"button\"\n            (click)=\"onSelectTab($event, tab)\"\n        >\n            <ng-container\n                [ngTemplateOutlet]=\"tab.button\"\n                [ngTemplateOutletContext]=\"{ $implicit: tab.data, isActive: tab.id === activeTab()?.id }\"\n            />\n        </button>\n    }\n</ng-template>\n\n@if (activeTab()?.content; as content) {\n    <ng-container\n        [ngTemplateOutlet]=\"content\"\n        [ngTemplateOutletContext]=\"{ $implicit: activeTab()?.data }\"\n    />\n}\n", styles: [":host{display:flex;flex-direction:column}.header{display:flex}.button{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[cuiTab]\" />\n", styles: [":host{display:flex;border-radius:8px;gap:32px}:host ::ng-deep>[cuiTab]{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px}@media (hover: hover){:host ::ng-deep>[cuiTab]:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}:host ::ng-deep>[cuiTab]:active{color:var(--cui-base-900);background:var(--cui-base-50)}:host ::ng-deep>[cuiTab]._active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"] }]
-        }], propDecorators: { activeItemIndex: [{
-                type: Input
-            }], activeItemIndexChange: [{
-                type: Output
-            }], onActivate: [{
-                type: HostListener,
-                args: [CUI_TAB_ACTIVATE, ['$event']]
-            }] } });
-
-class CuiTabsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsModule, declarations: [CuiTabsComponent, CuiTabComponent], exports: [CuiTabsComponent, CuiTabComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiTabsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [CuiTabsComponent, CuiTabComponent],
-                    exports: [CuiTabsComponent, CuiTabComponent]
-                }]
-        }] });
+            args: [{ selector: 'cui-tabs', imports: [NgTemplateOutlet], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CUI_TABS_SERVICE_TOKEN, useClass: CuiTabsServiceImpl }], template: "@if (headerSlot(); as header) {\n    <ng-container\n        [ngTemplateOutlet]=\"header\"\n        [ngTemplateOutletContext]=\"{ $implicit: buttons }\"\n    />\n} @else {\n    <header class=\"header\">\n        <ng-container [ngTemplateOutlet]=\"buttons\" />\n    </header>\n}\n\n<ng-template #buttons>\n    @for (tab of tabs(); track tab.id) {\n        <button\n            type=\"button\"\n            class=\"button\"\n            (click)=\"onSelectTab($event, tab)\"\n        >\n            <ng-container\n                [ngTemplateOutlet]=\"tab.button\"\n                [ngTemplateOutletContext]=\"{ $implicit: tab.data, isActive: tab.id === activeTab()?.id }\"\n            />\n        </button>\n    }\n</ng-template>\n\n@if (activeTab()?.content; as content) {\n    <ng-container\n        [ngTemplateOutlet]=\"content\"\n        [ngTemplateOutletContext]=\"{ $implicit: activeTab()?.data }\"\n    />\n}\n", styles: [":host{display:flex;flex-direction:column}.header{display:flex}.button{display:contents}\n"] }]
+        }], ctorParameters: () => [] });
 
 class CuiTextareaComponent {
     constructor() {
@@ -9993,9 +10013,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiSelectedCategoryService], template: "<div\n    class=\"wrapper\"\n    *transloco=\"let t\"\n>\n    <div\n        #scrollContent\n        class=\"content content_scrollable\"\n    >\n        <div class=\"category\">\n            <cui-form-field>\n                <label\n                    cuiLabel\n                    [for]=\"categoryId\"\n                    [isRequired]=\"true\"\n                >\n                    {{ t('SELECT_CATEGORY') }}\n                </label>\n                <cui-categories\n                    [buttonId]=\"categoryId\"\n                    [treeStructType]=\"TYPE\"\n                >\n                    <div class=\"select\">\n                        <span [style.color]=\"labelColor()\">\n                            {{ selectTitle() }}\n                        </span>\n\n                        <cui-svg icon=\"cuiIconChevronDown\" />\n                    </div>\n                </cui-categories>\n            </cui-form-field>\n        </div>\n\n        @let criterionData = criterion();\n        @let editorConfigData = editorConfig();\n\n        @if (editorConfigData && criterionData) {\n            <cui-criterion-info-form\n                [config]=\"editorConfigData\"\n                [baseResourceUrl]=\"editorResourceUrl()\"\n                [title]=\"criterionData.storageElement.title\"\n                [framerId]=\"criterionData.storageElement.framerCriterionId\"\n                class=\"utility\"\n                (isFormValidChanged)=\"onFormValidationChanged($event)\"\n                (formChanged)=\"onFormChanged($event, criterionData.id)\"\n            />\n        }\n    </div>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;height:100%}.content{height:calc(100vh - 109px)}.content_scrollable{overflow:auto}.category{padding-top:16px;padding-right:23px;padding-left:23px}.select{padding:7px 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;height:36px;border-radius:8px;border:1px solid var(--cui-base-200);color:var(--cui-base-900);background:var(--cui-input)}.utility{--editor-height: none}\n"] }]
         }], ctorParameters: () => [] });
 
+class CuiSelectModalFolderComponent {
+    constructor() {
+        this.icon = computed(() => (this.isOpen() ? 'cuiIconFolderOpen' : 'cuiIconFolder'));
+        this.title = input.required();
+        this.buttonSlot = input.required();
+        this.isOpen = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalFolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CuiSelectModalFolderComponent, isStandalone: true, selector: "cui-select-modal-folder", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<cui-card-wrapper class=\"wrapper\">\n    <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n\n    <cui-svg\n        [icon]=\"icon()\"\n        class=\"icon\"\n    />\n\n    <span class=\"title\">{{ title() }}</span>\n</cui-card-wrapper>\n", styles: [":host{--border-color: var(--cui-base-200);--padding-horizontal: 8px;--padding-vertical: 8px}:host .wrapper{--border: var(--border-color);padding:var(--padding-vertical) var(--padding-horizontal)}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{padding:2px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiCardWrapperComponent, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: ["withBorder"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalFolderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-select-modal-folder', imports: [CuiSvgModule, CuiCardWrapperComponent, NgTemplateOutlet], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-card-wrapper class=\"wrapper\">\n    <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n\n    <cui-svg\n        [icon]=\"icon()\"\n        class=\"icon\"\n    />\n\n    <span class=\"title\">{{ title() }}</span>\n</cui-card-wrapper>\n", styles: [":host{--border-color: var(--cui-base-200);--padding-horizontal: 8px;--padding-vertical: 8px}:host .wrapper{--border: var(--border-color);padding:var(--padding-vertical) var(--padding-horizontal)}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{padding:2px}\n"] }]
+        }] });
+
+class CuiSelectModalSearchComponent {
+    constructor() {
+        this.searchControl = new FormControl('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiSelectModalSearchComponent, isStandalone: true, selector: "cui-select-modal-search", ngImport: i0, template: "<cui-input-text\n    cuiTextFieldPlaceholder=\"Search...\"\n    cuiTextFieldIconLeft=\"cuiIconSearch\"\n    [formControl]=\"searchControl\"\n    class=\"search\"\n/>\n<button\n    class=\"filters\"\n    type=\"button\"\n    cuiIconButton\n    icon=\"cuiIconFiltersLines\"\n></button>\n", styles: [":host{padding-right:15px;display:flex;align-items:center;gap:4px}.search{width:100%}.filters{padding:4px;width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CuiInputModule }, { kind: "component", type: CuiInputTextComponent, selector: "cui-input-text" }, { kind: "directive", type: CuiTextFieldIconLeftDirective, selector: "[cuiTextFieldIconLeft]", inputs: ["cuiTextFieldIconLeft"] }, { kind: "directive", type: CuiTextFieldPlaceholderDirective, selector: "[cuiTextFieldPlaceholder]", inputs: ["cuiTextFieldPlaceholder"] }, { kind: "ngmodule", type: CuiIconButtonModule }, { kind: "component", type: CuiIconButtonComponent, selector: "button[cuiIconButton][icon], a[cuiIconButton][icon]", inputs: ["icon", "color", "hoverColor"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-select-modal-search', imports: [CuiInputModule, CuiIconButtonModule, ReactiveFormsModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-input-text\n    cuiTextFieldPlaceholder=\"Search...\"\n    cuiTextFieldIconLeft=\"cuiIconSearch\"\n    [formControl]=\"searchControl\"\n    class=\"search\"\n/>\n<button\n    class=\"filters\"\n    type=\"button\"\n    cuiIconButton\n    icon=\"cuiIconFiltersLines\"\n></button>\n", styles: [":host{padding-right:15px;display:flex;align-items:center;gap:4px}.search{width:100%}.filters{padding:4px;width:auto;height:auto}\n"] }]
+        }] });
+
+class CuiSelectModalComponent {
+    constructor() {
+        this.context = inject(CUI_DIALOG_CONTEXT);
+        this.data = this.context.data;
+        this.heading = this.data.heading;
+        this.leftData = this.data.leftData;
+        this.rightData = this.data.rightData;
+    }
+    onCancel() {
+        this.context.completeWith();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiSelectModalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <div class=\"content\">\n        <header\n            class=\"header\"\n            cuiDialogHeader\n            [heading]=\"heading\"\n            (closed)=\"onCancel()\"\n        ></header>\n        <div class=\"wrapper\">\n            <div class=\"left-block\">\n                @if (leftData) {\n                    <ng-container\n                        [ngComponentOutlet]=\"leftData.component\"\n                        [ngComponentOutletInputs]=\"leftData.inputs\"\n                    />\n                }\n            </div>\n            <div class=\"right-block\">\n                @if (rightData) {\n                    <ng-container\n                        [ngComponentOutlet]=\"rightData.component\"\n                        [ngComponentOutletInputs]=\"rightData.inputs\"\n                    />\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".header{padding-right:16px;padding-left:16px}.content{display:flex;flex-direction:column;height:calc(100vh - 180px)}.wrapper{display:flex;flex-direction:row;flex-grow:1;border-top:1px solid var(--cui-base-200);width:100%;min-height:400px;overflow-y:hidden}.left-block{padding-left:16px;padding-top:19px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;width:50%;border-right:1px solid var(--cui-base-200)}.right-block{position:relative;width:50%;overflow:hidden}.right-block__head{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cui-base-200)}.right-block__title{font-weight:500;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.right-block__subtitle{font-weight:400;font-size:14px;line-height:20px;margin-bottom:16px;text-transform:uppercase;color:var(--cui-base-500)}\n"], dependencies: [{ kind: "ngmodule", type: CuiButtonModule }, { kind: "ngmodule", type: CuiDialogModule }, { kind: "component", type: CuiDialogHeaderComponent, selector: "header[cuiDialogHeader][heading]", inputs: ["heading", "headingContext", "subheading"], outputs: ["closed"] }, { kind: "ngmodule", type: CuiIconButtonModule }, { kind: "ngmodule", type: CuiInputModule }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CuiButtonModule,
+                        CuiDialogModule,
+                        CuiIconButtonModule,
+                        CuiInputModule,
+                        NgComponentOutlet,
+                        TranslocoDirective
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n    <div class=\"content\">\n        <header\n            class=\"header\"\n            cuiDialogHeader\n            [heading]=\"heading\"\n            (closed)=\"onCancel()\"\n        ></header>\n        <div class=\"wrapper\">\n            <div class=\"left-block\">\n                @if (leftData) {\n                    <ng-container\n                        [ngComponentOutlet]=\"leftData.component\"\n                        [ngComponentOutletInputs]=\"leftData.inputs\"\n                    />\n                }\n            </div>\n            <div class=\"right-block\">\n                @if (rightData) {\n                    <ng-container\n                        [ngComponentOutlet]=\"rightData.component\"\n                        [ngComponentOutletInputs]=\"rightData.inputs\"\n                    />\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".header{padding-right:16px;padding-left:16px}.content{display:flex;flex-direction:column;height:calc(100vh - 180px)}.wrapper{display:flex;flex-direction:row;flex-grow:1;border-top:1px solid var(--cui-base-200);width:100%;min-height:400px;overflow-y:hidden}.left-block{padding-left:16px;padding-top:19px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;width:50%;border-right:1px solid var(--cui-base-200)}.right-block{position:relative;width:50%;overflow:hidden}.right-block__head{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cui-base-200)}.right-block__title{font-weight:500;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.right-block__subtitle{font-weight:400;font-size:14px;line-height:20px;margin-bottom:16px;text-transform:uppercase;color:var(--cui-base-500)}\n"] }]
+        }] });
+
+class CuiSelectModalService {
+    constructor() {
+        this.selectedElementSignal = signal(null);
+        this.selectedElement = this.selectedElementSignal.asReadonly();
+    }
+    getSelectedData() {
+        return this.selectedElementSignal.asReadonly();
+    }
+    set(element) {
+        this.selectedElementSignal.set(element);
+    }
+    delete() {
+        this.selectedElementSignal.set(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSelectModalService, decorators: [{
+            type: Injectable
+        }] });
+
+const CUI_STORAGE_LIST_SERVICE_TOKEN = new InjectionToken('STORAGE_LIST_SERVICE_TOKEN');
+
+class CuiStorageListItemComponent {
+    constructor() {
+        this.storageListService = inject(CUI_STORAGE_LIST_SERVICE_TOKEN);
+        this.isLoadingChildren = false;
+        this.isLoadingElements = false;
+        this.storageChildren = signal([]);
+        this.storageElements = signal([]);
+        this.areContentOpened = signal(false);
+        this.openCloseButtonIcon = computed(() => this.areContentOpened() ? 'cuiIconChevronDown' : 'cuiIconChevronRight');
+        this.hasContent = computed(() => this.storage().children.length || this.storageChildren().length || this.storageElements().length);
+        this.storage = input.required();
+        this.elementSlot = input();
+        this.itemSlot = input();
+        this.initStorageChildrenEffect();
+        this.initStorageElementsEffect();
+    }
+    onToggleChildren(event) {
+        event.preventDefault();
+        this.areContentOpened.update((prevAreChildrenOpened) => !prevAreChildrenOpened);
+    }
+    initStorageChildrenEffect() {
+        effect(() => {
+            const storage = this.storage();
+            this.areContentOpened();
+            untracked(this.setChildren.bind(this, storage));
+        });
+    }
+    initStorageElementsEffect() {
+        effect(() => {
+            const storage = this.storage();
+            untracked(this.setElements.bind(this, storage));
+        });
+    }
+    setChildren(storage) {
+        if (this.isLoadingChildren || !this.areContentOpened() || this.storageChildren().length) {
+            return;
+        }
+        this.isLoadingChildren = true;
+        this.storageListService
+            .getChildren?.(storage, this.storageChildren())
+            .pipe(finalize(() => (this.isLoadingChildren = false)))
+            .subscribe((response) => this.storageChildren.set(response));
+    }
+    setElements(storage) {
+        if (this.isLoadingElements || this.storageElements().length) {
+            return;
+        }
+        this.isLoadingElements = true;
+        this.storageListService
+            .getElements?.(storage, this.storageElements())
+            .pipe(finalize(() => (this.isLoadingElements = false)))
+            .subscribe((response) => this.storageElements.set(response));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiStorageListItemComponent, isStandalone: true, selector: "li[cuiStorageListItem]", inputs: { storage: { classPropertyName: "storage", publicName: "storage", isSignal: true, isRequired: true, transformFunction: null }, elementSlot: { classPropertyName: "elementSlot", publicName: "elementSlot", isSignal: true, isRequired: false, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *cuiLet=\"storage() as storage\">\n    <div class=\"wrapper\">\n        <ng-template #openCloseButton>\n            @if (hasContent()) {\n                <button\n                    type=\"button\"\n                    class=\"button\"\n                    (click)=\"onToggleChildren($event)\"\n                >\n                    <cui-svg\n                        [icon]=\"openCloseButtonIcon()\"\n                        color=\"var(--cui-base-500)\"\n                    />\n                </button>\n            }\n        </ng-template>\n\n        @if (itemSlot(); as item) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    item;\n                    context: {\n                        $implicit: storage,\n                        openCloseButton,\n                        areContentOpened: areContentOpened(),\n                        hasContent: hasContent()\n                    }\n                \"\n            />\n        }\n\n        <div\n            class=\"content\"\n            [class.content_hidden]=\"!areContentOpened()\"\n        >\n            <div class=\"lists\">\n                @if (storageChildren().length) {\n                    <cui-storage-list\n                        [storages]=\"storageChildren()\"\n                        [elementSlot]=\"elementSlot()\"\n                        [itemSlot]=\"itemSlot()\"\n                    />\n                }\n                @if (storageElements().length && elementSlot()) {\n                    <ul class=\"list\">\n                        @for (element of storageElements(); track element.id) {\n                            <li class=\"item\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        elementSlot()!;\n                                        context: { $implicit: element, storage: storage }\n                                    \"\n                                />\n                            </li>\n                        }\n                    </ul>\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".button{padding:2px;display:flex;border-radius:4px}@media (hover: hover){.button:hover{background:var(--cui-base-200)}}.button :active{background:var(--cui-base-200)}.icon{padding:2px}.wrapper{display:flex;flex-direction:column;gap:8px}.content{padding-left:20px}.content_hidden{display:none}.lists{display:flex;flex-direction:column;gap:8px;position:relative}.lists>*{z-index:1}.lists:has(>:nth-child(2)):before{content:\"\";position:absolute;top:0;bottom:0;left:8px;width:1px;background:var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => CuiLetDirective), selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "ngmodule", type: i0.forwardRef(() => CuiSvgModule) }, { kind: "component", type: i0.forwardRef(() => CuiSvgComponent), selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => CuiStorageListComponent), selector: "cui-storage-list", inputs: ["storages", "elementSlot", "itemSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[cuiStorageListItem]', imports: [CuiLetDirective, CuiSvgModule, NgTemplateOutlet, forwardRef(() => CuiStorageListComponent)], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *cuiLet=\"storage() as storage\">\n    <div class=\"wrapper\">\n        <ng-template #openCloseButton>\n            @if (hasContent()) {\n                <button\n                    type=\"button\"\n                    class=\"button\"\n                    (click)=\"onToggleChildren($event)\"\n                >\n                    <cui-svg\n                        [icon]=\"openCloseButtonIcon()\"\n                        color=\"var(--cui-base-500)\"\n                    />\n                </button>\n            }\n        </ng-template>\n\n        @if (itemSlot(); as item) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    item;\n                    context: {\n                        $implicit: storage,\n                        openCloseButton,\n                        areContentOpened: areContentOpened(),\n                        hasContent: hasContent()\n                    }\n                \"\n            />\n        }\n\n        <div\n            class=\"content\"\n            [class.content_hidden]=\"!areContentOpened()\"\n        >\n            <div class=\"lists\">\n                @if (storageChildren().length) {\n                    <cui-storage-list\n                        [storages]=\"storageChildren()\"\n                        [elementSlot]=\"elementSlot()\"\n                        [itemSlot]=\"itemSlot()\"\n                    />\n                }\n                @if (storageElements().length && elementSlot()) {\n                    <ul class=\"list\">\n                        @for (element of storageElements(); track element.id) {\n                            <li class=\"item\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        elementSlot()!;\n                                        context: { $implicit: element, storage: storage }\n                                    \"\n                                />\n                            </li>\n                        }\n                    </ul>\n                }\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: [".button{padding:2px;display:flex;border-radius:4px}@media (hover: hover){.button:hover{background:var(--cui-base-200)}}.button :active{background:var(--cui-base-200)}.icon{padding:2px}.wrapper{display:flex;flex-direction:column;gap:8px}.content{padding-left:20px}.content_hidden{display:none}.lists{display:flex;flex-direction:column;gap:8px;position:relative}.lists>*{z-index:1}.lists:has(>:nth-child(2)):before{content:\"\";position:absolute;top:0;bottom:0;left:8px;width:1px;background:var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class CuiStorageListComponent {
+    constructor() {
+        this.storages = input.required();
+        this.elementSlot = input();
+        this.itemSlot = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiStorageListComponent, isStandalone: true, selector: "cui-storage-list", inputs: { storages: { classPropertyName: "storages", publicName: "storages", isSignal: true, isRequired: true, transformFunction: null }, elementSlot: { classPropertyName: "elementSlot", publicName: "elementSlot", isSignal: true, isRequired: false, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list\">\n    @for (storage of storages(); track storage.id) {\n        <li\n            cuiStorageListItem\n            [storage]=\"storage\"\n            [elementSlot]=\"elementSlot()\"\n            [itemSlot]=\"itemSlot()\"\n            class=\"item\"\n        ></li>\n    }\n</ul>\n", styles: [":host{display:block}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative;z-index:0}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"], dependencies: [{ kind: "component", type: CuiStorageListItemComponent, selector: "li[cuiStorageListItem]", inputs: ["storage", "elementSlot", "itemSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiStorageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-storage-list', imports: [CuiStorageListItemComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"list\">\n    @for (storage of storages(); track storage.id) {\n        <li\n            cuiStorageListItem\n            [storage]=\"storage\"\n            [elementSlot]=\"elementSlot()\"\n            [itemSlot]=\"itemSlot()\"\n            class=\"item\"\n        ></li>\n    }\n</ul>\n", styles: [":host{display:block}.list{display:flex;flex-direction:column;gap:8px}.item{position:relative;z-index:0}.item:not(:last-child):before{content:\"\";position:absolute;top:0;left:8px;bottom:-8px;z-index:-1;width:1px;background:var(--cui-base-200)}\n"] }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AngularOutsideLoaderService, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiSvgComponent, CuiSvgModule, CuiTabComponent, CuiTabsComponent, CuiTabsModule, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUtilityModalComponent, CuiVideoTool, CuiVisualViewportService, UTILITY_MODAL_SERVICE_TOKEN, cuiAuthInterceptor, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, provideCuiAuth };
+export { AngularOutsideLoaderService, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUtilityModalComponent, CuiVideoTool, CuiVisualViewportService, UTILITY_MODAL_SERVICE_TOKEN, cuiAuthInterceptor, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, provideCuiAuth };
 //# sourceMappingURL=cuby-ui-core.mjs.map