@simplysm/angular 14.0.26 → 14.0.27

package/dist/features/data-view/sd-data-select-button.base.js

@@ -0,0 +1,68 @@
+import { booleanAttribute, computed, Directive, effect, inject, input, model, signal, } from "@angular/core";
+import { SdModalProvider, } from "../../ui/overlay/modal/sd-modal.provider";
+import { setupInvalid } from "../../core/utils/setups/setupInvalid";
+import * as i0 from "@angular/core";
+export class SdDataSelectButtonBase {
+    //-- implement
+    _sdModal = inject(SdModalProvider);
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    selectMode = input("single", ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    isNoValue = computed(() => {
+        const v = this.value();
+        if (v == null)
+            return true;
+        if (Array.isArray(v))
+            return v.length === 0;
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "isNoValue" }] : /* istanbul ignore next */ []));
+    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    constructor() {
+        setupInvalid(() => (this.required() && this.value() == null ? "값을 입력하세요." : ""));
+        effect(() => {
+            const value = this.value();
+            const selectMode = this.selectMode();
+            queueMicrotask(async () => {
+                if (selectMode === "multi" &&
+                    Array.isArray(value) &&
+                    value.filterExists().length > 0) {
+                    this.selectedItems.set(await this.load(value.filterExists()));
+                }
+                else if (selectMode === "single" && !Array.isArray(value) && value != null) {
+                    this.selectedItems.set(await this.load([value]));
+                }
+                else {
+                    this.selectedItems.set([]);
+                }
+            });
+        });
+    }
+    async doShowModal(options) {
+        const modal = this.modal();
+        const result = await this._sdModal.showAsync({
+            ...modal,
+            inputs: {
+                selectMode: this.selectMode(),
+                selectedItemKeys: (this.selectMode() === "multi"
+                    ? (this.value() ?? [])
+                    : [this.value()]).filterExists(),
+                ...modal.inputs,
+            },
+        }, options);
+        if (result) {
+            const newValue = this.selectMode() === "multi" ? result.selectedItemKeys : result.selectedItemKeys[0];
+            this.value.set(newValue);
+        }
+    }
+    doInitialValue() {
+        this.value.set((this.selectMode() === "multi" ? [] : undefined));
+    }
+    static ɵfac = function SdDataSelectButtonBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataSelectButtonBase)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataSelectButtonBase, inputs: { value: [1, "value"], disabled: [1, "disabled"], required: [1, "required"], inset: [1, "inset"], size: [1, "size"], selectMode: [1, "selectMode"] }, outputs: { value: "valueChange" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSelectButtonBase, [{
+        type: Directive
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }] }); })();

package/dist/features/data-view/sd-data-select-button.d.ts

@@ -0,0 +1,15 @@
+import { TemplateRef } from "@angular/core";
+import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template";
+import { SdDataSelectButtonBase } from "./sd-data-select-button.base";
+import * as i0 from "@angular/core";
+export declare class SdDataSelectButton {
+    parent: SdDataSelectButtonBase<any, any, keyof import("../..").SelectModeValue<TKey>>;
+    itemTplRef: import("@angular/core").Signal<TemplateRef<SdItemOfTemplateContext<any>> | undefined>;
+    onSearchClick(event: MouseEvent): Promise<void>;
+    onEraseClick(): void;
+    protected readonly tablerEraser = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3\"></path><path d=\"M18 13.3l-6.3 -6.3\"></path></svg>";
+    protected readonly tablerSearch = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"></path><path d=\"M21 21l-6 -6\"></path></svg>";
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSelectButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataSelectButton, "sd-data-select-button", never, {}, {}, ["itemTplRef"], ["*"], true, never>;
+}
+//# sourceMappingURL=sd-data-select-button.d.ts.map

package/dist/features/data-view/sd-data-select-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-select-button.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-select-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,2CAA2C,CAAC;AAQnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;;AAItE,qBA4Da,kBAAkB;IAC7B,MAAM,gFAAoD;IAE1D,UAAU,wFAGR;IAEI,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAMrD,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCAnBpC,kBAAkB;2CAAlB,kBAAkB;CAoB9B"}

package/dist/features/data-view/sd-data-select-button.js

@@ -0,0 +1,152 @@
+import { ChangeDetectionStrategy, Component, contentChild, TemplateRef, ViewEncapsulation, } from "@angular/core";
+import { SdItemOfTemplate, } from "../../core/directives/sd-item-of-template";
+import { NgTemplateOutlet } from "@angular/common";
+import { injectParent } from "../../core/utils/injectParent";
+import { SdAdditionalButton } from "../../ui/form/button/sd-additional-button";
+import { SdAnchor } from "../../ui/form/button/sd-anchor";
+import { SdButton } from "../../ui/form/button/sd-button";
+import { NgIcon } from "@ng-icons/core";
+import { tablerEraser, tablerSearch } from "@ng-icons/tabler-icons";
+import { SdDataSelectButtonBase } from "./sd-data-select-button.base";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+const _c1 = (a0, a1, a2) => ({ $implicit: a0, item: a1, index: a2, depth: 0 });
+function SdDataSelectButton_Conditional_1_For_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, ",\u00A0");
+    i0.ɵɵelementEnd();
+} }
+function SdDataSelectButton_Conditional_1_For_1_ng_template_2_Template(rf, ctx) { }
+function SdDataSelectButton_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSelectButton_Conditional_1_For_1_Conditional_0_Template, 2, 0, "div", 3);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵtemplate(2, SdDataSelectButton_Conditional_1_For_1_ng_template_2_Template, 0, 0, "ng-template", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const ɵ$index_4_r2 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ɵ$index_4_r2 !== 0 ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c1, item_r1, item_r1, ɵ$index_4_r2));
+} }
+function SdDataSelectButton_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SdDataSelectButton_Conditional_1_For_1_Template, 3, 7, null, null, i0.ɵɵrepeaterTrackByIdentity);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r2.parent.selectedItems());
+} }
+function SdDataSelectButton_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 5);
+    i0.ɵɵlistener("click", function SdDataSelectButton_Conditional_3_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onEraseClick()); });
+    i0.ɵɵelement(1, "ng-icon", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("theme", "danger");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.tablerEraser);
+} }
+function SdDataSelectButton_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 7);
+    i0.ɵɵlistener("click", function SdDataSelectButton_Conditional_4_Template_sd_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSearchClick($event)); });
+    i0.ɵɵelement(1, "ng-icon", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("inset", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.tablerSearch);
+} }
+//#region SdDataSelectButton
+export class SdDataSelectButton {
+    parent = injectParent();
+    itemTplRef = contentChild(SdItemOfTemplate, { ...(ngDevMode ? { debugName: "itemTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    async onSearchClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        await this.parent.doShowModal();
+    }
+    onEraseClick() {
+        this.parent.doInitialValue();
+    }
+    tablerEraser = tablerEraser;
+    tablerSearch = tablerSearch;
+    static ɵfac = function SdDataSelectButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataSelectButton)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDataSelectButton, selectors: [["sd-data-select-button"]], contentQueries: function SdDataSelectButton_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemTplRef, SdItemOfTemplate, 5, TemplateRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostVars: 1, hostBindings: function SdDataSelectButton_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-disabled", ctx.parent.disabled());
+        } }, ngContentSelectors: _c0, decls: 5, vars: 5, consts: [[3, "inset", "size"], [3, "theme"], [3, "inset"], [2, "display", "inline-block"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "click", "theme"], [3, "svg"], [3, "click", "inset"]], template: function SdDataSelectButton_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "sd-additional-button", 0);
+            i0.ɵɵconditionalCreate(1, SdDataSelectButton_Conditional_1_Template, 2, 0);
+            i0.ɵɵprojection(2);
+            i0.ɵɵconditionalCreate(3, SdDataSelectButton_Conditional_3_Template, 2, 2, "sd-anchor", 1);
+            i0.ɵɵconditionalCreate(4, SdDataSelectButton_Conditional_4_Template, 2, 2, "sd-button", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("inset", ctx.parent.inset())("size", ctx.parent.size());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.itemTplRef() ? 1 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.parent.disabled() && !ctx.parent.isNoValue() && !ctx.parent.required() ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.parent.disabled() ? 4 : -1);
+        } }, dependencies: [SdAdditionalButton,
+            NgTemplateOutlet,
+            SdAnchor,
+            SdButton,
+            NgIcon], styles: ["sd-data-select-button {\n  display: block;\n  width: 100%;\n  min-width: 3em;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSelectButton, [{
+        type: Component,
+        args: [{ selector: "sd-data-select-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    SdAdditionalButton,
+                    NgTemplateOutlet,
+                    SdAnchor,
+                    SdButton,
+                    NgIcon,
+                ], template: `
+    <sd-additional-button [inset]="parent.inset()" [size]="parent.size()">
+      @if (itemTplRef()) {
+        @for (item of parent.selectedItems(); track item; let index = $index) {
+          @if (index !== 0) {
+            <div style="display: inline-block">,&nbsp;</div>
+          }
+          <div style="display: inline-block">
+            <ng-template
+              [ngTemplateOutlet]="itemTplRef()!"
+              [ngTemplateOutletContext]="{
+                $implicit: item,
+                item: item,
+                index: index,
+                depth: 0,
+              }"
+            ></ng-template>
+          </div>
+        }
+      }
+      <ng-content />
+
+      @if (!parent.disabled() && !parent.isNoValue() && !parent.required()) {
+        <sd-anchor [theme]="'danger'" (click)="onEraseClick()">
+          <ng-icon [svg]="tablerEraser" />
+        </sd-anchor>
+      }
+
+      @if (!parent.disabled()) {
+        <sd-button (click)="onSearchClick($event)" [inset]="true">
+          <ng-icon [svg]="tablerSearch" />
+        </sd-button>
+      }
+    </sd-additional-button>
+  `, host: {
+                    "[attr.data-sd-disabled]": "parent.disabled()",
+                }, styles: ["sd-data-select-button {\n  display: block;\n  width: 100%;\n  min-width: 3em;\n}"] }]
+    }], null, { itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSelectButton, { className: "SdDataSelectButton", filePath: "packages/angular/src/features/data-view/sd-data-select-button.ts", lineNumber: 83, forbidOrphanRendering: true }); })();

package/dist/features/data-view/sd-data-sheet-column.d.ts

@@ -0,0 +1,8 @@
+import { SdSheetColumn } from "../../ui/data/sheet/sd-sheet-column";
+import * as i0 from "@angular/core";
+export declare class SdDataSheetColumn extends SdSheetColumn {
+    edit: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSheetColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdDataSheetColumn, "sd-data-sheet-column", never, { "edit": { "alias": "edit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-data-sheet-column.d.ts.map

package/dist/features/data-view/sd-data-sheet-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-sheet-column.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-sheet-column.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;;AAEpE,qBAIa,iBAAkB,SAAQ,aAAa;IAClD,IAAI,qEAAiD;yCAD1C,iBAAiB;2CAAjB,iBAAiB;CAE7B"}

package/dist/features/data-view/{sd-data-sheet-column.directive.js → sd-data-sheet-column.js}

@@ -1,12 +1,12 @@
 import { booleanAttribute, Directive, input } from "@angular/core";
-import { SdSheetColumnDirective } from "../../ui/data/sheet/sd-sheet-column.directive";
+import { SdSheetColumn } from "../../ui/data/sheet/sd-sheet-column";
 import * as i0 from "@angular/core";
-export class SdDataSheetColumnDirective extends SdSheetColumnDirective {
+export class SdDataSheetColumn extends SdSheetColumn {
     edit = input(false, { ...(ngDevMode ? { debugName: "edit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = /*@__PURE__*/ (() => { let ɵSdDataSheetColumnDirective_BaseFactory; return function SdDataSheetColumnDirective_Factory(__ngFactoryType__) { return (ɵSdDataSheetColumnDirective_BaseFactory || (ɵSdDataSheetColumnDirective_BaseFactory = i0.ɵɵgetInheritedFactory(SdDataSheetColumnDirective)))(__ngFactoryType__ || SdDataSheetColumnDirective); }; })();
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataSheetColumnDirective, selectors: [["sd-data-sheet-column"]], inputs: { edit: [1, "edit"] }, features: [i0.ɵɵInheritDefinitionFeature] });
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSdDataSheetColumn_BaseFactory; return function SdDataSheetColumn_Factory(__ngFactoryType__) { return (ɵSdDataSheetColumn_BaseFactory || (ɵSdDataSheetColumn_BaseFactory = i0.ɵɵgetInheritedFactory(SdDataSheetColumn)))(__ngFactoryType__ || SdDataSheetColumn); }; })();
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataSheetColumn, selectors: [["sd-data-sheet-column"]], inputs: { edit: [1, "edit"] }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSheetColumnDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSheetColumn, [{
         type: Directive,
         args: [{
                 selector: "sd-data-sheet-column",

package/dist/features/data-view/sd-data-sheet.base.d.ts

@@ -0,0 +1,76 @@
+import { type InputSignal, type Signal, TemplateRef, type WritableSignal } from "@angular/core";
+import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
+import type { SortingDef } from "../../ui/data/sheet/sd-sheet";
+import type { SdSelectModal } from "../../ui/form/button/sd-modal-select-button";
+import type { SelectModalOutputResult } from "../../core/types/select-modal-output-result";
+import type { SdDataSheetItemPropInfo, SdDataSheetItemInfo, SdDataSheetSearchResult } from "./sd-data-sheet.types";
+import * as i0 from "@angular/core";
+export type { SdDataSheetItemPropInfo, SdDataSheetItemInfo, SdDataSheetSearchResult, } from "./sd-data-sheet.types";
+export declare abstract class SdDataSheetBase<TFilter extends Record<string, any>, TItem, TKey extends string | number | undefined> implements SdSelectModal<TItem> {
+    abstract canUse: Signal<boolean>;
+    abstract canEdit: Signal<boolean>;
+    hideTool?: Signal<boolean>;
+    abstract editMode: "inline" | "modal" | undefined;
+    abstract selectMode: InputSignal<"single" | "multi" | undefined>;
+    diffsExcludes?: string[];
+    abstract bindFilter(): TFilter;
+    abstract itemPropInfo: SdDataSheetItemPropInfo<TItem>;
+    abstract getItemInfoFn: (item: TItem) => SdDataSheetItemInfo<TKey>;
+    prepareRefreshEffect?(): void;
+    abstract search(usePagination: boolean): Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
+    editItem?(item?: TItem): Promise<boolean | undefined> | boolean | undefined;
+    toggleDeleteItems?(del: boolean): Promise<boolean>;
+    newItem?(): Promise<TItem> | TItem;
+    submit?(diffs: ArrayOneWayDiffResult<TItem>[]): Promise<boolean> | boolean;
+    downloadExcel?(items: TItem[]): Promise<void> | void;
+    uploadExcel?(file: File): Promise<void> | void;
+    private readonly _filterMgr;
+    private readonly _refreshMgr;
+    private readonly _inlineEditMgr;
+    private readonly _modalEditMgr;
+    private readonly _excelMgr;
+    key: string | undefined;
+    viewType: Signal<import("../..").SdViewType>;
+    busyCount: WritableSignal<number>;
+    busyMessage: WritableSignal<string | undefined>;
+    initialized: WritableSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<SelectModalOutputResult<TItem>>;
+    submitted: import("@angular/core").OutputEmitterRef<boolean>;
+    selectedItemKeys: import("@angular/core").ModelSignal<TKey[]>;
+    actionTplRef?: TemplateRef<any>;
+    autoSelect: Signal<"click" | undefined>;
+    items: WritableSignal<TItem[]>;
+    summaryData: WritableSignal<Partial<TItem>>;
+    selectedItems: WritableSignal<TItem[]>;
+    trackByFn: (item: TItem) => TKey | TItem;
+    page: WritableSignal<number>;
+    pageLength: WritableSignal<number>;
+    sortingDefs: WritableSignal<SortingDef[]>;
+    filter: WritableSignal<TFilter>;
+    lastFilter: WritableSignal<TFilter>;
+    isSelectedItemsHasDeleted: Signal<boolean>;
+    isSelectedItemsHasNotDeleted: Signal<boolean>;
+    getItemCellStyleFn: (item: TItem) => string | undefined;
+    getItemSelectableFn: (item: TItem) => boolean;
+    constructor();
+    checkIgnoreChanges(): boolean;
+    doFilterSubmit(): void;
+    doRefresh(): void;
+    refresh(): Promise<void>;
+    doAddItem(): Promise<void>;
+    doSubmit(opt?: {
+        permCheck?: boolean;
+        hideNoChangeMessage?: boolean;
+    }): Promise<void>;
+    doToggleDeleteItem(item: TItem): void;
+    doEditItem(item?: TItem): Promise<void>;
+    doToggleDeleteItems(del: boolean): Promise<void>;
+    doModalConfirm(): void;
+    doModalCancel(): void;
+    doDownloadExcel(): Promise<void>;
+    doUploadExcel(): Promise<void>;
+    private _getOrmDataEditToastErrorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSheetBase<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdDataSheetBase<any, any, any>, never, never, { "selectedItemKeys": { "alias": "selectedItemKeys"; "required": false; "isSignal": true; }; }, { "close": "close"; "submitted": "submitted"; "selectedItemKeys": "selectedItemKeysChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-data-sheet.base.d.ts.map

package/dist/features/data-view/sd-data-sheet.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-sheet.base.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-sheet.base.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,MAAM,EACX,WAAW,EACX,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAM/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAY3F,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;;AAT/B,YAAY,EACV,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAO/B,8BACsB,eAAe,CACnC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnC,KAAK,EACL,IAAI,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,CACxC,YAAW,aAAa,CAAC,KAAK,CAAC;IAE/B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAE3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAEjE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB,QAAQ,CAAC,UAAU,IAAI,OAAO;IAE9B,QAAQ,CAAC,YAAY,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACtD,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnE,oBAAoB,CAAC,IAAI,IAAI;IAE7B,QAAQ,CAAC,MAAM,CACb,aAAa,EAAE,OAAO,GACrB,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,KAAK,CAAC;IAG3E,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS;IAC3E,iBAAiB,CAAC,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAClD,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;IAClC,MAAM,CAAC,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO;IAC1E,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IACpD,WAAW,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IAG9C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwD;IACnF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAgE;IAC5F,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IACF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IACF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwD;IAGlF,GAAG,qBAA2D;IAE9D,QAAQ,qCAAoC;IAE5C,SAAS,yBAAa;IACtB,WAAW,qCAAyC;IACpD,WAAW,0BAAiB;IAC5B,KAAK,2EAA4C;IACjD,SAAS,oDAAqB;IAC9B,gBAAgB,8CAAqB;IACrC,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,UAAU,8BAIR;IAEF,KAAK,0BAAuB;IAC5B,WAAW,iCAA8B;IACzC,aAAa,0BAAuB;IAEpC,SAAS,GAAI,MAAM,KAAK,KAAG,IAAI,GAAG,KAAK,CAAyC;IAEhF,IAAI,yBAAa;IACjB,UAAU,yBAAa;IACvB,WAAW,+BAA4B;IAGvC,MAAM,EAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,UAAU,EAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAGrC,yBAAyB,kBAMvB;IAEF,4BAA4B,kBAM1B;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CAGtC;IAEhB,mBAAmB,GAAI,MAAM,KAAK,KAAG,OAAO,CAAuC;;IA0FnF,kBAAkB;IAIlB,cAAc;IAId,SAAS;IAQH,OAAO;IAMP,SAAS;IAIT,QAAQ,CAAC,GAAG,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAAE;IAI3E,kBAAkB,CAAC,IAAI,EAAE,KAAK;IAMxB,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK;IAIvB,mBAAmB,CAAC,GAAG,EAAE,OAAO;IAItC,cAAc;IAId,aAAa;IAMP,eAAe;IAIf,aAAa;IAMnB,OAAO,CAAC,gCAAgC;yCA9PpB,eAAe;2CAAf,eAAe;CAwQpC"}

package/dist/features/data-view/sd-data-sheet.base.js

@@ -0,0 +1,196 @@
+import { computed, Directive, model, output, reflectComponentType, signal, TemplateRef, } from "@angular/core";
+import { mark } from "../../core/utils/mark";
+import { injectViewTypeSignal } from "../../core/utils/injectViewTypeSignal";
+import { setupCumulateSelectedKeys } from "../../core/utils/setups/setupCumulateSelectedKeys";
+import { setupCloserWhenSingleSelectionChange } from "./setupCloserWhenSingleSelectionChange";
+import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
+import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
+import { useDataSheetFilterManager } from "./useDataSheetFilterManager";
+import { injectDataSheetRefreshManager } from "./injectDataSheetRefreshManager";
+import { injectDataSheetInlineEditManager } from "./injectDataSheetInlineEditManager";
+import { injectDataSheetModalEditManager } from "./injectDataSheetModalEditManager";
+import { injectDataSheetExcelManager } from "./injectDataSheetExcelManager";
+import * as i0 from "@angular/core";
+export class SdDataSheetBase {
+    hideTool;
+    diffsExcludes;
+    //-- composable instances
+    _filterMgr;
+    _refreshMgr;
+    _inlineEditMgr;
+    _modalEditMgr;
+    _excelMgr;
+    //-- shared state (D1: class 소유)
+    key = reflectComponentType(this.constructor)?.selector;
+    viewType = injectViewTypeSignal(() => this);
+    busyCount = signal(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    busyMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "busyMessage" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    close = output();
+    submitted = output();
+    selectedItemKeys = model([], ...(ngDevMode ? [{ debugName: "selectedItemKeys" }] : /* istanbul ignore next */ []));
+    actionTplRef;
+    autoSelect = computed(() => (!this.canEdit() || this.editMode === "modal") && this.selectMode() === "single"
+        ? "click"
+        : undefined, ...(ngDevMode ? [{ debugName: "autoSelect" }] : /* istanbul ignore next */ []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    summaryData = signal({}, ...(ngDevMode ? [{ debugName: "summaryData" }] : /* istanbul ignore next */ []));
+    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    trackByFn = (item) => this.getItemInfoFn(item).key ?? item;
+    page = signal(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    pageLength = signal(0, ...(ngDevMode ? [{ debugName: "pageLength" }] : /* istanbul ignore next */ []));
+    sortingDefs = signal([], ...(ngDevMode ? [{ debugName: "sortingDefs" }] : /* istanbul ignore next */ []));
+    //-- filter state (composable에서 생성, 재할당)
+    filter;
+    lastFilter;
+    //-- computed
+    isSelectedItemsHasDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted != null &&
+        item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasDeleted" }] : /* istanbul ignore next */ []));
+    isSelectedItemsHasNotDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted == null ||
+        !item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasNotDeleted" }] : /* istanbul ignore next */ []));
+    getItemCellStyleFn = (item) => this.itemPropInfo.isDeleted != null && item[this.itemPropInfo.isDeleted]
+        ? "text-decoration: line-through;"
+        : undefined;
+    getItemSelectableFn = (item) => this.getItemInfoFn(item).canSelect;
+    constructor() {
+        setupCumulateSelectedKeys({
+            items: this.items,
+            selectedItems: this.selectedItems,
+            selectedItemKeys: this.selectedItemKeys,
+            selectMode: () => this.selectMode(),
+            keySelectorFn: (item) => this.getItemInfoFn(item).key,
+        });
+        setupCloserWhenSingleSelectionChange({
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            selectMode: () => this.selectMode(),
+            close: this.close,
+        });
+        //-- filter composable
+        this._filterMgr = useDataSheetFilterManager({
+            bindFilter: () => this.bindFilter(),
+            busyCount: this.busyCount,
+            canUse: () => this.canUse(),
+            page: this.page,
+            checkIgnoreChanges: () => this.checkIgnoreChanges(),
+        });
+        this.filter = this._filterMgr.filter;
+        this.lastFilter = this._filterMgr.lastFilter;
+        //-- refresh composable
+        this._refreshMgr = injectDataSheetRefreshManager({
+            busyCount: this.busyCount,
+            initialized: this.initialized,
+            canUse: () => this.canUse(),
+            items: this.items,
+            selectedItems: this.selectedItems,
+            pageLength: this.pageLength,
+            summaryData: this.summaryData,
+            page: this.page,
+            lastFilter: this.lastFilter,
+            sortingDefs: this.sortingDefs,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            search: (p) => this.search(p),
+            prepareRefreshEffect: () => this.prepareRefreshEffect?.(),
+            getDiffsExcludes: () => this.diffsExcludes,
+        });
+        //-- inline edit composable
+        this._inlineEditMgr = injectDataSheetInlineEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            items: this.items,
+            submitted: this.submitted,
+            itemPropInfo: () => this.itemPropInfo,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            getDiffs: () => this._refreshMgr.getDiffs(),
+            refresh: () => this._refreshMgr.refresh(),
+            getNewItemFn: () => this.newItem?.bind(this),
+            getSubmitFn: () => this.submit?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- modal edit composable
+        this._modalEditMgr = injectDataSheetModalEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            close: this.close,
+            refresh: () => this._refreshMgr.refresh(),
+            getEditItemFn: () => this.editItem?.bind(this),
+            getToggleDeleteItemsFn: () => this.toggleDeleteItems?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- excel composable
+        this._excelMgr = injectDataSheetExcelManager({
+            busyCount: this.busyCount,
+            search: (p) => this.search(p),
+            refresh: () => this._refreshMgr.refresh(),
+            getDownloadExcelFn: () => this.downloadExcel?.bind(this),
+            getUploadExcelFn: () => this.uploadExcel?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
+    }
+    //-- D2: class 메서드 (커스터마이징 가능)
+    checkIgnoreChanges() {
+        return this._refreshMgr.getDiffs().length === 0 || confirm(TXT_CHANGE_IGNORE_CONFIRM);
+    }
+    doFilterSubmit() {
+        this._filterMgr.doFilterSubmit();
+    }
+    doRefresh() {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canUse())
+            return;
+        if (!this.checkIgnoreChanges())
+            return;
+        mark(this.lastFilter);
+    }
+    async refresh() {
+        await this._refreshMgr.refresh();
+    }
+    //-- inline edit (delegated to composable)
+    async doAddItem() {
+        await this._inlineEditMgr.doAddItem();
+    }
+    async doSubmit(opt) {
+        await this._inlineEditMgr.doSubmit(opt);
+    }
+    doToggleDeleteItem(item) {
+        this._inlineEditMgr.doToggleDeleteItem(item);
+    }
+    //-- modal edit (delegated to composable)
+    async doEditItem(item) {
+        await this._modalEditMgr.doEditItem(item);
+    }
+    async doToggleDeleteItems(del) {
+        await this._modalEditMgr.doToggleDeleteItems(del);
+    }
+    doModalConfirm() {
+        this._modalEditMgr.doModalConfirm();
+    }
+    doModalCancel() {
+        this._modalEditMgr.doModalCancel();
+    }
+    //-- excel (delegated to composable)
+    async doDownloadExcel() {
+        await this._excelMgr.doDownloadExcel();
+    }
+    async doUploadExcel() {
+        await this._excelMgr.doUploadExcel();
+    }
+    //-- private
+    _getOrmDataEditToastErrorMessage(err) {
+        const message = err instanceof Error ? err.message : String(err);
+        if (message.includes("a parent row: a foreign key constraint") ||
+            message.includes("conflicted with the REFERENCE")) {
+            return "경고! 연결된 작업에 의한 처리 거부. 후속작업 확인 요망";
+        }
+        return message;
+    }
+    static ɵfac = function SdDataSheetBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataSheetBase)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataSheetBase, inputs: { selectedItemKeys: [1, "selectedItemKeys"] }, outputs: { close: "close", submitted: "submitted", selectedItemKeys: "selectedItemKeysChange" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSheetBase, [{
+        type: Directive
+    }], () => [], { close: [{ type: i0.Output, args: ["close"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], selectedItemKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemKeys", required: false }] }, { type: i0.Output, args: ["selectedItemKeysChange"] }] }); })();

package/dist/features/data-view/sd-data-sheet.d.ts

@@ -0,0 +1,48 @@
+import { TemplateRef } from "@angular/core";
+import { SdForm } from "../../ui/form/sd-form";
+import { SdDataSheetColumn } from "./sd-data-sheet-column";
+import { SdDataSheetBase } from "./sd-data-sheet.base";
+import * as i0 from "@angular/core";
+export declare class SdDataSheet {
+    parent: SdDataSheetBase<any, any, any>;
+    formCtrl: import("@angular/core").Signal<SdForm | undefined>;
+    insertText: import("@angular/core").InputSignal<string | undefined>;
+    deleteText: import("@angular/core").InputSignal<string | undefined>;
+    restoreText: import("@angular/core").InputSignal<string | undefined>;
+    deleteIcon: import("@angular/core").InputSignal<string>;
+    restoreIcon: import("@angular/core").InputSignal<string>;
+    pageTopbarTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    prevTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    filterTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    beforeToolTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    toolTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    modalBottomTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    columnControls: import("@angular/core").Signal<readonly SdDataSheetColumn[]>;
+    modalActionTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    constructor();
+    protected readonly icons: {
+        tablerRefresh: string;
+        tablerDeviceFloppy: string;
+        tablerSearch: string;
+        tablerCirclePlus: string;
+        tablerUpload: string;
+        tablerFileExcel: string;
+        tablerEdit: string;
+    };
+    onFilterSubmit(): void;
+    onRefreshButtonClick(): void;
+    onCreateItemButtonClick(): Promise<void>;
+    onEditItemButtonClick(item: any, index: number, event: MouseEvent): Promise<void>;
+    onToggleDeleteItemsButtonClick(del: boolean): Promise<void>;
+    onToggleDeleteItemButtonClick(item: any): void;
+    onSubmitButtonClick(): void;
+    onSubmit(): Promise<void>;
+    onAddItemButtonClick(): Promise<void>;
+    onDownloadExcelButtonClick(): Promise<void>;
+    onUploadExcelButtonClick(): Promise<void>;
+    onConfirmButtonClick(): void;
+    onCancelButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSheet, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataSheet, "sd-data-sheet", never, { "insertText": { "alias": "insertText"; "required": false; "isSignal": true; }; "deleteText": { "alias": "deleteText"; "required": false; "isSignal": true; }; "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "restoreIcon": { "alias": "restoreIcon"; "required": false; "isSignal": true; }; }, {}, ["pageTopbarTplRef", "prevTplRef", "filterTplRef", "beforeToolTplRef", "toolTplRef", "modalBottomTplRef", "columnControls"], never, true, never>;
+}
+//# sourceMappingURL=sd-data-sheet.d.ts.map

package/dist/features/data-view/sd-data-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAM/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIvD,qBAqVa,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}