@simplysm/angular 1.0.138 → 14.0.4

package/dist/ui/layout/kanban/sd-kanban.control.js

@@ -0,0 +1,147 @@
+import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, forwardRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
+import { SdKanbanBoardControl, } from "./sd-kanban-board.control";
+import { SdKanbanLaneControl } from "./sd-kanban-lane.control";
+import { SdEventsDirective } from "../../../core/directives/sd-events.directive";
+import { SdCardDirective } from "../sd-card.directive";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdKanbanControl {
+    _boardControl = inject(forwardRef(() => SdKanbanBoardControl));
+    _laneControl = inject(forwardRef(() => SdKanbanLaneControl));
+    _elRef = inject(ElementRef);
+    thisRef = this;
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    laneValue = computed(() => this._laneControl.value(), ...(ngDevMode ? [{ debugName: "laneValue" }] : /* istanbul ignore next */ []));
+    selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    draggable = input(false, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selected = computed(() => this.value() != null && this._boardControl.selectedValues().includes(this.value()), ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    dragKanban = computed(() => this._boardControl.dragKanban(), ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
+    contentClass = input(...(ngDevMode ? [undefined, { debugName: "contentClass" }] : /* istanbul ignore next */ []));
+    dragOvered = signal(false, ...(ngDevMode ? [{ debugName: "dragOvered" }] : /* istanbul ignore next */ []));
+    heightOnDrag = signal(0, ...(ngDevMode ? [{ debugName: "heightOnDrag" }] : /* istanbul ignore next */ []));
+    cardHeight = signal(0, ...(ngDevMode ? [{ debugName: "cardHeight" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            const card = this._elRef.nativeElement.querySelector("sd-card");
+            if (card != null) {
+                const marginBottom = getComputedStyle(card).marginBottom;
+                this.cardHeight.set(card.clientHeight + (parseInt(marginBottom) || 0));
+            }
+        });
+    }
+    targetLaneValue() {
+        return this._laneControl.value();
+    }
+    targetKanbanValue() {
+        return this.value();
+    }
+    onHostClick(event) {
+        if (event.shiftKey) {
+            if (!this.selectable())
+                return;
+            if (this.value() == null)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            this._boardControl.selectedValues.update((v) => {
+                const r = [...v];
+                if (v.includes(this.value())) {
+                    return r.filter((item) => item !== this.value());
+                }
+                else {
+                    r.push(this.value());
+                    return r;
+                }
+            });
+        }
+    }
+    onDocumentDrop() {
+        this.dragOvered.set(false);
+    }
+    onCardResize(event) {
+        const marginBottom = getComputedStyle(event.target).marginBottom;
+        this.cardHeight.set(event.target.clientHeight + (parseInt(marginBottom) || 0));
+    }
+    onCardDragStart() {
+        if (!this.draggable())
+            return;
+        this.heightOnDrag.set(this._elRef.nativeElement.offsetHeight);
+        this._boardControl.dragKanban.set(this);
+    }
+    onDragOver(event) {
+        if (this._boardControl.dragKanban() == null)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.dragOvered.set(true);
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.dragOvered.set(false);
+    }
+    onDragDrop(event) {
+        if (this._boardControl.dragKanban() == null)
+            return;
+        this.dragOvered.set(false);
+        event.preventDefault();
+        event.stopPropagation();
+        this._boardControl.onDropTo(this);
+    }
+    static ɵfac = function SdKanbanControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdKanbanControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdKanbanControl, selectors: [["sd-kanban"]], hostVars: 3, hostBindings: function SdKanbanControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("drop.capture", function SdKanbanControl_drop_capture_HostBindingHandler() { return ctx.onDocumentDrop(); }, i0.ɵɵresolveDocument)("click", function SdKanbanControl_click_HostBindingHandler($event) { return ctx.onHostClick($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-dragging-this", ctx.dragKanban() === ctx.thisRef)("data-sd-dragging", ctx.dragKanban() != null)("data-sd-drag-over", ctx.dragOvered());
+        } }, inputs: { value: [1, "value"], selectable: [1, "selectable"], draggable: [1, "draggable"], contentClass: [1, "contentClass"] }, ngContentSelectors: _c0, decls: 4, vars: 9, consts: [[1, "_drag-position", 3, "dragover", "dragleave", "drop"], [1, "_drop-position"], [3, "dragstart", "sdResize", "draggable"]], template: function SdKanbanControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("dragover", function SdKanbanControl_Template_div_dragover_0_listener($event) { return ctx.onDragOver($event); })("dragleave", function SdKanbanControl_Template_div_dragleave_0_listener($event) { return ctx.onDragLeave($event); })("drop", function SdKanbanControl_Template_div_drop_0_listener($event) { return ctx.onDragDrop($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(1, "div", 1);
+            i0.ɵɵelementStart(2, "sd-card", 2);
+            i0.ɵɵlistener("dragstart", function SdKanbanControl_Template_sd_card_dragstart_2_listener() { return ctx.onCardDragStart(); })("sdResize", function SdKanbanControl_Template_sd_card_sdResize_2_listener($event) { return ctx.onCardResize($event); });
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_1_0;
+            i0.ɵɵstyleProp("height", ctx.cardHeight() + "px");
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("height", ctx.dragOvered() ? (((tmp_1_0 = ctx.dragKanban()) == null ? null : tmp_1_0.heightOnDrag()) ?? 0) + "px" : "0px")("display", ctx.dragKanban() ? "block" : "none");
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.contentClass());
+            i0.ɵɵproperty("draggable", ctx.draggable());
+        } }, dependencies: [SdEventsDirective, SdCardDirective], styles: ["sd-kanban {\n  position: relative;\n  display: block;\n}\nsd-kanban[data-sd-dragging-this=true] {\n  display: none;\n}\nsd-kanban > ._drag-position {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\nsd-kanban[data-sd-dragging=true] > ._drag-position {\n  pointer-events: auto;\n}\nsd-kanban[data-sd-dragging=true] > sd-card {\n  pointer-events: none;\n  cursor: pointer;\n}\nsd-kanban > ._drop-position {\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban[data-sd-drag-over=true] > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}\nsd-kanban > sd-card {\n  white-space: normal;\n  user-select: none;\n  margin-bottom: var(--gap-lg);\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanbanControl, [{
+        type: Component,
+        args: [{ selector: "sd-kanban", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdEventsDirective, SdCardDirective], host: {
+                    "[attr.data-sd-dragging-this]": "dragKanban() === thisRef",
+                    "[attr.data-sd-dragging]": "dragKanban() != null",
+                    "[attr.data-sd-drag-over]": "dragOvered()",
+                    "(document:drop.capture)": "onDocumentDrop()",
+                    "(click)": "onHostClick($event)",
+                }, template: `
+    <div
+      class="_drag-position"
+      [style.height]="cardHeight() + 'px'"
+      (dragover)="onDragOver($event)"
+      (dragleave)="onDragLeave($event)"
+      (drop)="onDragDrop($event)"
+    ></div>
+    <div
+      class="_drop-position"
+      [style.height]="dragOvered() ? (dragKanban()?.heightOnDrag() ?? 0) + 'px' : '0px'"
+      [style.display]="dragKanban() ? 'block' : 'none'"
+    ></div>
+    <sd-card
+      [class]="contentClass()"
+      [draggable]="draggable()"
+      (dragstart)="onCardDragStart()"
+      (sdResize)="onCardResize($event)"
+    >
+      <ng-content></ng-content>
+    </sd-card>
+  `, styles: ["sd-kanban {\n  position: relative;\n  display: block;\n}\nsd-kanban[data-sd-dragging-this=true] {\n  display: none;\n}\nsd-kanban > ._drag-position {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\nsd-kanban[data-sd-dragging=true] > ._drag-position {\n  pointer-events: auto;\n}\nsd-kanban[data-sd-dragging=true] > sd-card {\n  pointer-events: none;\n  cursor: pointer;\n}\nsd-kanban > ._drop-position {\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban[data-sd-drag-over=true] > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}\nsd-kanban > sd-card {\n  white-space: normal;\n  user-select: none;\n  margin-bottom: var(--gap-lg);\n}"] }]
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanControl, { className: "SdKanbanControl", filePath: "packages/angular/src/ui/layout/kanban/sd-kanban.control.ts", lineNumber: 115 }); })();

package/dist/ui/layout/sd-card.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SdCardDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCardDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdCardDirective, "sd-card,[sd-card]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-card.directive.d.ts.map

package/dist/ui/layout/sd-card.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-card.directive.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\layout\\sd-card.directive.ts"],"names":[],"mappings":";AAEA,qBAOa,eAAe;yCAAf,eAAe;2CAAf,eAAe;CAAG"}

package/dist/ui/layout/sd-card.directive.js

@@ -0,0 +1,16 @@
+import { Directive } from "@angular/core";
+import * as i0 from "@angular/core";
+export class SdCardDirective {
+    static ɵfac = function SdCardDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCardDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdCardDirective, selectors: [["sd-card"], ["", "sd-card", ""]], hostAttrs: [1, "card"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCardDirective, [{
+        type: Directive,
+        args: [{
+                selector: "sd-card,[sd-card]",
+                standalone: true,
+                host: {
+                    class: "card",
+                },
+            }]
+    }], null, null); })();

package/dist/ui/layout/sd-gap.control.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class SdGapControl {
+    private readonly _elRef;
+    height: import("@angular/core").InputSignal<"default" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl" | undefined>;
+    heightPx: import("@angular/core").InputSignal<number | undefined>;
+    width: import("@angular/core").InputSignal<"default" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl" | undefined>;
+    widthPx: import("@angular/core").InputSignal<number | undefined>;
+    widthEm: import("@angular/core").InputSignal<number | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdGapControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdGapControl, "sd-gap", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "heightPx": { "alias": "heightPx"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "widthEm": { "alias": "widthEm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-gap.control.d.ts.map

package/dist/ui/layout/sd-gap.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-gap.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\layout\\sd-gap.control.ts"],"names":[],"mappings":";AAEA,qBAkCa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,MAAM,yGAAkE;IACxE,QAAQ,0DAAmB;IAC3B,KAAK,yGAAkE;IACvE,OAAO,0DAAmB;IAC1B,OAAO,0DAAmB;;yCAPf,YAAY;2CAAZ,YAAY;CA0BxB"}

package/dist/ui/layout/sd-gap.control.js

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, ViewEncapsulation } from "@angular/core";
+import * as i0 from "@angular/core";
+export class SdGapControl {
+    _elRef = inject((ElementRef));
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
+    heightPx = input(...(ngDevMode ? [undefined, { debugName: "heightPx" }] : /* istanbul ignore next */ []));
+    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
+    widthPx = input(...(ngDevMode ? [undefined, { debugName: "widthPx" }] : /* istanbul ignore next */ []));
+    widthEm = input(...(ngDevMode ? [undefined, { debugName: "widthEm" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            if (this.widthPx() === 0 || this.heightPx() === 0 || this.widthEm() === 0) {
+                this._elRef.nativeElement.style.display = "none";
+            }
+            else if (this.width() !== undefined ||
+                this.widthPx() !== undefined ||
+                this.widthEm() !== undefined) {
+                this._elRef.nativeElement.style.display = "inline-block";
+            }
+            else if (this.height() !== undefined || this.heightPx() !== undefined) {
+                this._elRef.nativeElement.style.display = "block";
+            }
+            else {
+                this._elRef.nativeElement.style.display = "";
+            }
+        });
+    }
+    static ɵfac = function SdGapControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdGapControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdGapControl, selectors: [["sd-gap"]], hostVars: 8, hostBindings: function SdGapControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-height", ctx.height())("data-sd-width", ctx.width());
+            i0.ɵɵstyleProp("height", ctx.heightPx(), "px")("width", ctx.widthPx(), "px")("width", ctx.widthEm(), "em");
+        } }, inputs: { height: [1, "height"], heightPx: [1, "heightPx"], width: [1, "width"], widthPx: [1, "widthPx"], widthEm: [1, "widthEm"] }, decls: 0, vars: 0, template: function SdGapControl_Template(rf, ctx) { }, styles: ["sd-gap[data-sd-height=xxs] {\n  height: var(--gap-xxs);\n}\nsd-gap[data-sd-width=xxs] {\n  width: var(--gap-xxs);\n}\nsd-gap[data-sd-height=xs] {\n  height: var(--gap-xs);\n}\nsd-gap[data-sd-width=xs] {\n  width: var(--gap-xs);\n}\nsd-gap[data-sd-height=sm] {\n  height: var(--gap-sm);\n}\nsd-gap[data-sd-width=sm] {\n  width: var(--gap-sm);\n}\nsd-gap[data-sd-height=default] {\n  height: var(--gap-default);\n}\nsd-gap[data-sd-width=default] {\n  width: var(--gap-default);\n}\nsd-gap[data-sd-height=lg] {\n  height: var(--gap-lg);\n}\nsd-gap[data-sd-width=lg] {\n  width: var(--gap-lg);\n}\nsd-gap[data-sd-height=xl] {\n  height: var(--gap-xl);\n}\nsd-gap[data-sd-width=xl] {\n  width: var(--gap-xl);\n}\nsd-gap[data-sd-height=xxl] {\n  height: var(--gap-xxl);\n}\nsd-gap[data-sd-width=xxl] {\n  width: var(--gap-xxl);\n}\nsd-gap[data-sd-height=\"0\"] {\n  height: var(--gap-0);\n}\nsd-gap[data-sd-width=\"0\"] {\n  width: var(--gap-0);\n}\nsd-gap[data-sd-height=auto] {\n  height: var(--gap-auto);\n}\nsd-gap[data-sd-width=auto] {\n  width: var(--gap-auto);\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdGapControl, [{
+        type: Component,
+        args: [{ selector: "sd-gap", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: "", host: {
+                    "[attr.data-sd-height]": "height()",
+                    "[style.height.px]": "heightPx()",
+                    "[attr.data-sd-width]": "width()",
+                    "[style.width.px]": "widthPx()",
+                    "[style.width.em]": "widthEm()",
+                }, styles: ["sd-gap[data-sd-height=xxs] {\n  height: var(--gap-xxs);\n}\nsd-gap[data-sd-width=xxs] {\n  width: var(--gap-xxs);\n}\nsd-gap[data-sd-height=xs] {\n  height: var(--gap-xs);\n}\nsd-gap[data-sd-width=xs] {\n  width: var(--gap-xs);\n}\nsd-gap[data-sd-height=sm] {\n  height: var(--gap-sm);\n}\nsd-gap[data-sd-width=sm] {\n  width: var(--gap-sm);\n}\nsd-gap[data-sd-height=default] {\n  height: var(--gap-default);\n}\nsd-gap[data-sd-width=default] {\n  width: var(--gap-default);\n}\nsd-gap[data-sd-height=lg] {\n  height: var(--gap-lg);\n}\nsd-gap[data-sd-width=lg] {\n  width: var(--gap-lg);\n}\nsd-gap[data-sd-height=xl] {\n  height: var(--gap-xl);\n}\nsd-gap[data-sd-width=xl] {\n  width: var(--gap-xl);\n}\nsd-gap[data-sd-height=xxl] {\n  height: var(--gap-xxl);\n}\nsd-gap[data-sd-width=xxl] {\n  width: var(--gap-xxl);\n}\nsd-gap[data-sd-height=\"0\"] {\n  height: var(--gap-0);\n}\nsd-gap[data-sd-width=\"0\"] {\n  width: var(--gap-0);\n}\nsd-gap[data-sd-height=auto] {\n  height: var(--gap-auto);\n}\nsd-gap[data-sd-width=auto] {\n  width: var(--gap-auto);\n}"] }]
+    }], () => [], { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], widthEm: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthEm", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdGapControl, { className: "SdGapControl", filePath: "packages/angular/src/ui/layout/sd-gap.control.ts", lineNumber: 37 }); })();

package/dist/ui/layout/sd-pane.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SdPaneDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPaneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdPaneDirective, "sd-pane,[sd-pane]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-pane.directive.d.ts.map

package/dist/ui/layout/sd-pane.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-pane.directive.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\layout\\sd-pane.directive.ts"],"names":[],"mappings":";AAEA,qBAQa,eAAe;yCAAf,eAAe;2CAAf,eAAe;CAAG"}

package/dist/ui/layout/sd-pane.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from "@angular/core";
+import * as i0 from "@angular/core";
+export class SdPaneDirective {
+    static ɵfac = function SdPaneDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPaneDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdPaneDirective, selectors: [["sd-pane"], ["", "sd-pane", ""]], hostAttrs: [1, "fill", 2, "display", "block"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPaneDirective, [{
+        type: Directive,
+        args: [{
+                selector: "sd-pane,[sd-pane]",
+                standalone: true,
+                host: {
+                    class: "fill",
+                    style: "display: block;",
+                },
+            }]
+    }], null, null); })();

package/dist/ui/layout/view/sd-view-item.control.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class SdViewItemControl {
+    value: import("@angular/core").InputSignal<any>;
+    private readonly _parentControl;
+    isSelected: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewItemControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdViewItemControl, "sd-view-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-view-item.control.d.ts.map

package/dist/ui/layout/view/sd-view-item.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-view-item.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\view\\sd-view-item.control.ts"],"names":[],"mappings":";AAUA,qBA4Ba,iBAAiB;IAC5B,KAAK,2CAAgB;IAErB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyB;IAExD,UAAU,0CAAgE;yCAL/D,iBAAiB;2CAAjB,iBAAiB;CAM7B"}

package/dist/ui/layout/view/sd-view-item.control.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from "@angular/core";
+import { SdViewControl } from "./sd-view.control";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdViewItemControl {
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    _parentControl = inject(SdViewControl);
+    isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdViewItemControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdViewItemControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdViewItemControl, selectors: [["sd-view-item"]], hostVars: 1, hostBindings: function SdViewItemControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
+        } }, inputs: { value: [1, "value"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdViewItemControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["sd-view-item {\n  display: none;\n}\nsd-view-item[data-sd-selected=true] {\n  display: block;\n}\nsd-view[data-sd-fill=true] sd-view-item {\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdViewItemControl, [{
+        type: Component,
+        args: [{ selector: "sd-view-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <ng-content></ng-content>
+  `, host: {
+                    "[attr.data-sd-selected]": "isSelected()",
+                }, styles: ["sd-view-item {\n  display: none;\n}\nsd-view-item[data-sd-selected=true] {\n  display: block;\n}\nsd-view[data-sd-fill=true] sd-view-item {\n  height: 100%;\n}"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdViewItemControl, { className: "SdViewItemControl", filePath: "packages/angular/src/ui/layout/view/sd-view-item.control.ts", lineNumber: 39 }); })();

package/dist/ui/layout/view/sd-view.control.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdViewControl {
+    value: import("@angular/core").InputSignal<any>;
+    fill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdViewControl, "sd-view", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-view.control.d.ts.map

package/dist/ui/layout/view/sd-view.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-view.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\view\\sd-view.control.ts"],"names":[],"mappings":";AAEA,qBAyBa,aAAa;IACxB,KAAK,2CAAgB;IACrB,IAAI,qEAAiD;yCAF1C,aAAa;2CAAb,aAAa;CAGzB"}

package/dist/ui/layout/view/sd-view.control.js

@@ -0,0 +1,23 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdViewControl {
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    fill = input(false, { ...(ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = function SdViewControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdViewControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdViewControl, selectors: [["sd-view"]], hostVars: 1, hostBindings: function SdViewControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-fill", ctx.fill());
+        } }, inputs: { value: [1, "value"], fill: [1, "fill"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdViewControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["sd-view {\n  display: block;\n  background: var(--control-color);\n}\nsd-view[data-sd-fill=true] {\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdViewControl, [{
+        type: Component,
+        args: [{ selector: "sd-view", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <ng-content></ng-content>
+  `, host: {
+                    "[attr.data-sd-fill]": "fill()",
+                }, styles: ["sd-view {\n  display: block;\n  background: var(--control-color);\n}\nsd-view[data-sd-fill=true] {\n  height: 100%;\n}"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdViewControl, { className: "SdViewControl", filePath: "packages/angular/src/ui/layout/view/sd-view.control.ts", lineNumber: 28 }); })();

package/dist/ui/navigation/collapse/sd-collapse-icon.control.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class SdCollapseIconControl {
+    open: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    openRotate: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    icons: {
+        tablerChevronRight: string;
+    };
+    transformStyle: import("@angular/core").Signal<string>;
+    transitionStyle: import("@angular/core").Signal<"transform 0.1s ease-out" | "transform 0.1s ease-in">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCollapseIconControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCollapseIconControl, "sd-collapse-icon", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "openRotate": { "alias": "openRotate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-collapse-icon.control.d.ts.map

package/dist/ui/navigation/collapse/sd-collapse-icon.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-collapse-icon.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\navigation\\collapse\\sd-collapse-icon.control.ts"],"names":[],"mappings":";AAYA,qBAyBa,qBAAqB;IAChC,IAAI,qEAAiD;IACrD,UAAU,oEAA6C;IAEvD,KAAK;;MAA0B;IAE/B,cAAc,yCAEX;IAEH,eAAe,uFAEZ;yCAZQ,qBAAqB;2CAArB,qBAAqB;CAajC"}

package/dist/ui/navigation/collapse/sd-collapse-icon.control.js

@@ -0,0 +1,33 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute, ViewEncapsulation, } from "@angular/core";
+import { NgIcon } from "@ng-icons/core";
+import { tablerChevronRight } from "@ng-icons/tabler-icons";
+import * as i0 from "@angular/core";
+export class SdCollapseIconControl {
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    openRotate = input(90, { ...(ngDevMode ? { debugName: "openRotate" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    icons = { tablerChevronRight };
+    transformStyle = computed(() => {
+        return this.open() ? `rotate(${this.openRotate()}deg)` : "";
+    }, ...(ngDevMode ? [{ debugName: "transformStyle" }] : /* istanbul ignore next */ []));
+    transitionStyle = computed(() => {
+        return this.open() ? "transform 0.1s ease-out" : "transform 0.1s ease-in";
+    }, ...(ngDevMode ? [{ debugName: "transitionStyle" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdCollapseIconControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCollapseIconControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCollapseIconControl, selectors: [["sd-collapse-icon"]], hostVars: 4, hostBindings: function SdCollapseIconControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("transform", ctx.transformStyle())("transition", ctx.transitionStyle());
+        } }, inputs: { open: [1, "open"], openRotate: [1, "openRotate"] }, decls: 1, vars: 1, consts: [[3, "svg"]], template: function SdCollapseIconControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "ng-icon", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("svg", ctx.icons.tablerChevronRight);
+        } }, dependencies: [NgIcon], styles: ["sd-collapse-icon {\n  display: inline-block;\n}\nsd-collapse-icon > ng-icon {\n  display: block;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapseIconControl, [{
+        type: Component,
+        args: [{ selector: "sd-collapse-icon", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIcon], template: `
+    <ng-icon [svg]="icons.tablerChevronRight" />
+  `, host: {
+                    "[style.transform]": "transformStyle()",
+                    "[style.transition]": "transitionStyle()",
+                }, styles: ["sd-collapse-icon {\n  display: inline-block;\n}\nsd-collapse-icon > ng-icon {\n  display: block;\n}"] }]
+    }], null, { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "openRotate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseIconControl, { className: "SdCollapseIconControl", filePath: "packages/angular/src/ui/navigation/collapse/sd-collapse-icon.control.ts", lineNumber: 38 }); })();

package/dist/ui/navigation/collapse/sd-collapse.control.d.ts

@@ -0,0 +1,14 @@
+import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-event.plugin";
+import * as i0 from "@angular/core";
+export declare class SdCollapseControl {
+    open: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private readonly _contentElRef;
+    contentHeight: import("@angular/core").WritableSignal<number>;
+    contentMarginTop: import("@angular/core").Signal<string>;
+    contentTransition: import("@angular/core").Signal<"margin-top 0.1s ease-out" | "margin-top 0.1s ease-in">;
+    constructor();
+    onContentResize(event: ISdResizeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCollapseControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCollapseControl, "sd-collapse", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-collapse.control.d.ts.map

package/dist/ui/navigation/collapse/sd-collapse.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-collapse.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\navigation\\collapse\\sd-collapse.control.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;;AAE1F,qBA0Ba,iBAAiB;IAC5B,IAAI,qEAAiD;IAErD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC6B;IAE3D,aAAa,iDAAa;IAE1B,gBAAgB,yCAEb;IAEH,iBAAiB,yFAEd;;IAcH,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA5BjC,iBAAiB;2CAAjB,iBAAiB;CAiC7B"}

package/dist/ui/navigation/collapse/sd-collapse.control.js

@@ -0,0 +1,59 @@
+import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, input, signal, viewChild, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["contentEl"];
+const _c1 = ["*"];
+export class SdCollapseControl {
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    _contentElRef = viewChild.required("contentEl");
+    contentHeight = signal(0, ...(ngDevMode ? [{ debugName: "contentHeight" }] : /* istanbul ignore next */ []));
+    contentMarginTop = computed(() => {
+        return this.open() ? "" : `-${this.contentHeight()}px`;
+    }, ...(ngDevMode ? [{ debugName: "contentMarginTop" }] : /* istanbul ignore next */ []));
+    contentTransition = computed(() => {
+        return this.open() ? "margin-top 0.1s ease-out" : "margin-top 0.1s ease-in";
+    }, ...(ngDevMode ? [{ debugName: "contentTransition" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            this.contentHeight.set(this._contentElRef().nativeElement.offsetHeight);
+        });
+        effect(() => {
+            // Re-measure height on open transition to handle stale values from closed state
+            this.open();
+            this.contentHeight.set(this._contentElRef().nativeElement.offsetHeight);
+        });
+    }
+    onContentResize(event) {
+        if (event.heightChanged) {
+            this.contentHeight.set(this._contentElRef().nativeElement.offsetHeight);
+        }
+    }
+    static ɵfac = function SdCollapseControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCollapseControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCollapseControl, selectors: [["sd-collapse"]], viewQuery: function SdCollapseControl_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx._contentElRef, _c0, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { open: [1, "open"] }, ngContentSelectors: _c1, decls: 3, vars: 4, consts: [["contentEl", ""], [1, "_content", 3, "sdResize"]], template: function SdCollapseControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 1, 0);
+            i0.ɵɵdomListener("sdResize", function SdCollapseControl_Template_div_sdResize_0_listener($event) { return ctx.onContentResize($event); });
+            i0.ɵɵprojection(2);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("margin-top", ctx.contentMarginTop())("transition", ctx.contentTransition());
+        } }, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapseControl, [{
+        type: Component,
+        args: [{ selector: "sd-collapse", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <div
+      #contentEl
+      class="_content"
+      [style.margin-top]="contentMarginTop()"
+      [style.transition]="contentTransition()"
+      (sdResize)="onContentResize($any($event))"
+    >
+      <ng-content />
+    </div>
+  `, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"] }]
+    }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], _contentElRef: [{ type: i0.ViewChild, args: ["contentEl", { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseControl, { className: "SdCollapseControl", filePath: "packages/angular/src/ui/navigation/collapse/sd-collapse.control.ts", lineNumber: 42 }); })();

package/dist/ui/navigation/menu-utils.d.ts

@@ -0,0 +1,13 @@
+export interface ISdMenu {
+    title: string;
+    codeChain: string[];
+    url?: string;
+    icon?: string;
+    children?: ISdMenu[];
+}
+export declare function getMenuRouterLinkOption(menu: ISdMenu): {
+    link: string;
+    queryParams: Record<string, string> | undefined;
+} | undefined;
+export declare function getIsMenuSelected(menu: ISdMenu, fullPageCode: string | undefined, customFn?: (menu: ISdMenu) => boolean): boolean;
+//# sourceMappingURL=menu-utils.d.ts.map

package/dist/ui/navigation/menu-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-utils.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\navigation\\menu-utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,GACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAiB/E;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,GACpC,OAAO,CAET"}

package/dist/ui/navigation/menu-utils.js

@@ -0,0 +1,18 @@
+export function getMenuRouterLinkOption(menu) {
+    if (menu.children !== undefined || menu.url != null) {
+        return undefined;
+    }
+    const relNav = menu.codeChain.join("/");
+    const n = relNav.split("?")[0];
+    const q = relNav.split("?")[1];
+    const qp = q == null
+        ? undefined
+        : Object.fromEntries(new URLSearchParams(q));
+    return {
+        link: "/home/" + n,
+        queryParams: qp,
+    };
+}
+export function getIsMenuSelected(menu, fullPageCode, customFn) {
+    return customFn ? customFn(menu) : fullPageCode === menu.codeChain.join(".");
+}

package/dist/ui/navigation/pagination/sd-pagination.control.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export declare class SdPaginationControl {
+    icons: {
+        tablerChevronsLeft: string;
+        tablerChevronLeft: string;
+        tablerChevronRight: string;
+        tablerChevronsRight: string;
+    };
+    currentPage: import("@angular/core").ModelSignal<number>;
+    totalPageCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    visiblePageCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    private readonly groupIndex;
+    hasPrev: import("@angular/core").Signal<boolean>;
+    hasNext: import("@angular/core").Signal<boolean>;
+    displayPages: import("@angular/core").Signal<number[]>;
+    goToPage(page: number): void;
+    goToNextGroup(): void;
+    goToPrevGroup(): void;
+    goToFirst(): void;
+    goToLast(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPaginationControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPaginationControl, "sd-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPageCount": { "alias": "totalPageCount"; "required": false; "isSignal": true; }; "visiblePageCount": { "alias": "visiblePageCount"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-pagination.control.d.ts.map

package/dist/ui/navigation/pagination/sd-pagination.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-pagination.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\navigation\\pagination\\sd-pagination.control.ts"],"names":[],"mappings":";AAkBA,qBA2Ca,mBAAmB;IAC9B,KAAK;;;;;MAAsF;IAE3F,WAAW,8CAAY;IACvB,cAAc,oEAA4C;IAC1D,gBAAgB,oEAA6C;IAE7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,0CAKJ;IAEH,OAAO,0CAOJ;IAEH,YAAY,2CAeT;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCA5DL,mBAAmB;2CAAnB,mBAAmB;CA+D/B"}