@simplysm/angular 14.0.1 → 14.0.5

package/dist/ui/overlay/dropdown/sd-dropdown.control.js

@@ -0,0 +1,284 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, contentChild, DestroyRef, effect, ElementRef, inject, input, model, ViewEncapsulation, } from "@angular/core";
+import { SdDropdownPopupControl } from "./sd-dropdown-popup.control";
+import "@simplysm/core-browser";
+import * as i0 from "@angular/core";
+const _c0 = ["*", [["sd-dropdown-popup"]]];
+const _c1 = ["*", "sd-dropdown-popup"];
+export class SdDropdownControl {
+    _elRef = inject((ElementRef));
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    popupElRef = contentChild.required(SdDropdownPopupControl, { read: ElementRef });
+    _popupEl;
+    _mouseoverEl;
+    _backdropEl;
+    _isMobile;
+    _mql;
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        // $breakpoint-mobile (SCSS 변수 참조 불가, 값 동기화 필요)
+        this._mql = window.matchMedia("(max-width: 520px)");
+        this._isMobile = this._mql.matches;
+        const onMqlChange = (e) => {
+            this._isMobile = e.matches;
+        };
+        this._mql.addEventListener("change", onMqlChange);
+        destroyRef.onDestroy(() => {
+            this._mql.removeEventListener("change", onMqlChange);
+        });
+        effect((onCleanup) => {
+            if (this.open()) {
+                const popupEl = this.popupElRef().nativeElement;
+                this._popupEl = popupEl;
+                document.body.appendChild(popupEl);
+                if (this._isMobile) {
+                    popupEl.setAttribute("data-sd-mobile", "");
+                    const backdrop = document.createElement("div");
+                    backdrop.setAttribute("data-sd-dropdown-backdrop", "");
+                    backdrop.style.cssText =
+                        "position:fixed;inset:0;background:var(--busy-overlay-bg);z-index:var(--z-index-dropdown)";
+                    backdrop.addEventListener("click", () => {
+                        this._closePopup();
+                    });
+                    document.body.insertBefore(backdrop, popupEl);
+                    this._backdropEl = backdrop;
+                }
+                else {
+                    this._updatePopupPosition();
+                }
+                const onScroll = (event) => {
+                    this._onDocumentScrollCapture(event);
+                };
+                const onMouseover = (event) => {
+                    this._mouseoverEl = event.target;
+                };
+                const onBlur = (event) => {
+                    this._onDocumentBlurCapture(event);
+                };
+                document.addEventListener("scroll", onScroll, { capture: true, passive: true });
+                document.addEventListener("mouseover", onMouseover);
+                document.addEventListener("blur", onBlur, { capture: true });
+                onCleanup(() => {
+                    document.removeEventListener("scroll", onScroll, { capture: true });
+                    document.removeEventListener("mouseover", onMouseover);
+                    document.removeEventListener("blur", onBlur, { capture: true });
+                    this._removePopup();
+                });
+            }
+            else {
+                this._removePopup();
+            }
+        });
+    }
+    onHostClick() {
+        if (this.open()) {
+            this._closePopup();
+        }
+        else {
+            this._openPopup();
+        }
+    }
+    onHostKeydown(event) {
+        if (event.ctrlKey || event.altKey)
+            return;
+        if (event.key === "ArrowDown") {
+            if (!this.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this._openPopup();
+            }
+            else {
+                const popupEl = this.popupElRef().nativeElement;
+                const focusable = popupEl.findFirstFocusableChild();
+                if (focusable) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    focusable.focus();
+                }
+            }
+        }
+        if (event.key === "ArrowUp") {
+            if (this.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this._closePopup();
+            }
+        }
+        if (event.key === " ") {
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.open()) {
+                this._closePopup();
+            }
+            else {
+                this._openPopup();
+            }
+        }
+        if (event.key === "Escape") {
+            if (this.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this._closePopup();
+            }
+        }
+    }
+    onPopupKeydown(event) {
+        if (event.ctrlKey || event.altKey)
+            return;
+        if (event.key === "Escape") {
+            if (this.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this._closePopup();
+            }
+        }
+    }
+    _openPopup() {
+        if (this.open())
+            return;
+        if (this.disabled())
+            return;
+        this.open.set(true);
+    }
+    _closePopup() {
+        if (!this.open())
+            return;
+        this.open.set(false);
+    }
+    _updatePopupPosition() {
+        const contentEl = this._elRef.nativeElement;
+        const popupEl = this._popupEl;
+        if (popupEl == null)
+            return;
+        contentEl.repaint();
+        const windowOffset = contentEl.getRelativeOffset(document.body);
+        const isPlaceBottom = window.innerHeight < windowOffset.top * 2;
+        const isPlaceRight = window.innerWidth < windowOffset.left * 2;
+        const gap = 2;
+        const topPos = isPlaceBottom ? undefined : windowOffset.top + contentEl.offsetHeight + gap;
+        const bottomPos = isPlaceBottom ? window.innerHeight - windowOffset.top : undefined;
+        const leftPos = isPlaceRight ? undefined : windowOffset.left;
+        const rightPos = isPlaceRight
+            ? window.innerWidth - windowOffset.left - contentEl.offsetWidth
+            : undefined;
+        // Calculate available space for popup
+        const availableHeight = isPlaceBottom
+            ? windowOffset.top - gap
+            : window.innerHeight - (windowOffset.top + contentEl.offsetHeight + gap);
+        const availableWidth = isPlaceRight
+            ? windowOffset.left + contentEl.offsetWidth
+            : window.innerWidth - windowOffset.left;
+        Object.assign(popupEl.style, {
+            top: topPos !== undefined ? topPos + "px" : "",
+            bottom: bottomPos !== undefined ? bottomPos + "px" : "",
+            left: leftPos !== undefined ? leftPos + "px" : "",
+            right: rightPos !== undefined ? rightPos + "px" : "",
+            minWidth: contentEl.offsetWidth + "px",
+            maxHeight: availableHeight > 0 ? availableHeight + "px" : "",
+            maxWidth: availableWidth > 0 ? availableWidth + "px" : "",
+            overflow: "auto",
+            opacity: "1",
+            pointerEvents: "auto",
+            transform: "none",
+        });
+    }
+    _onDocumentScrollCapture(event) {
+        if (this._isMobile)
+            return;
+        const contentEl = this._elRef.nativeElement;
+        if (event.target.contains(contentEl)) {
+            this._updatePopupPosition();
+        }
+    }
+    _onDocumentBlurCapture(event) {
+        const contentEl = this._elRef.nativeElement;
+        const popupEl = this._popupEl;
+        if (popupEl == null)
+            return;
+        const relatedTarget = event.relatedTarget;
+        if (relatedTarget instanceof HTMLElement) {
+            if (relatedTarget === contentEl ||
+                relatedTarget === popupEl ||
+                contentEl.contains(relatedTarget) === true ||
+                popupEl.contains(relatedTarget) === true) {
+                return;
+            }
+        }
+        const mouseoverEl = this._mouseoverEl;
+        if (relatedTarget == null &&
+            mouseoverEl instanceof HTMLElement &&
+            (contentEl.contains(mouseoverEl) === true || popupEl.contains(mouseoverEl) === true)) {
+            const focusable = popupEl.findFirstFocusableChild();
+            if (focusable != null) {
+                focusable.focus();
+            }
+            else {
+                contentEl.focus();
+            }
+            return;
+        }
+        if (this.open()) {
+            this._closePopup();
+        }
+    }
+    _removePopup() {
+        if (this._backdropEl != null) {
+            this._backdropEl.remove();
+            this._backdropEl = undefined;
+        }
+        const popupEl = this._popupEl;
+        if (popupEl != null) {
+            const contentEl = this._elRef.nativeElement;
+            if (popupEl.matches(":focus-within")) {
+                contentEl.focus();
+            }
+            popupEl.removeAttribute("data-sd-mobile");
+            Object.assign(popupEl.style, {
+                top: "",
+                bottom: "",
+                left: "",
+                right: "",
+                minWidth: "",
+                opacity: "",
+                pointerEvents: "",
+                transform: "",
+            });
+            popupEl.remove();
+            this._popupEl = undefined;
+        }
+    }
+    static ɵfac = function SdDropdownControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDropdownControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDropdownControl, selectors: [["sd-dropdown"]], contentQueries: function SdDropdownControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.popupElRef, SdDropdownPopupControl, 5, ElementRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostVars: 1, hostBindings: function SdDropdownControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdDropdownControl_click_HostBindingHandler() { return ctx.onHostClick(); })("keydown", function SdDropdownControl_keydown_HostBindingHandler($event) { return ctx.onHostKeydown($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("tabindex", ctx.disabled() ? undefined : "0");
+        } }, inputs: { open: [1, "open"], disabled: [1, "disabled"] }, outputs: { open: "openChange" }, ngContentSelectors: _c1, decls: 2, vars: 0, template: function SdDropdownControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵprojection(0);
+            i0.ɵɵprojection(1, 1);
+        } }, encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDropdownControl, [{
+        type: Component,
+        args: [{
+                selector: "sd-dropdown",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [],
+                host: {
+                    "[attr.tabindex]": "disabled() ? undefined : '0'",
+                    "(click)": "onHostClick()",
+                    "(keydown)": "onHostKeydown($event)",
+                },
+                template: `
+    <ng-content />
+    <ng-content select="sd-dropdown-popup" />
+  `,
+            }]
+    }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], popupElRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdDropdownPopupControl), { ...{ read: ElementRef }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDropdownControl, { className: "SdDropdownControl", filePath: "packages/angular/src/ui/overlay/dropdown/sd-dropdown.control.ts", lineNumber: 33 }); })();

package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts

@@ -0,0 +1,17 @@
+import type { ISdModal } from "./sd-modal.provider";
+import * as i0 from "@angular/core";
+/**
+ * 범용 확인 모달.
+ * ISdModal<boolean> 구현. message를 표시하고, 확인/취소.
+ * 확인 시 true emit, 취소 시 undefined emit.
+ */
+export declare class SdConfirmModalControl implements ISdModal<boolean> {
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<boolean | undefined>;
+    message: import("@angular/core").InputSignal<string>;
+    onConfirm(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdConfirmModalControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdConfirmModalControl, "sd-confirm-modal", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-confirm-modal.control.d.ts.map

package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-confirm-modal.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\modal\\sd-confirm-modal.control.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;;AAGpD;;;;GAIG;AACH,qBAoCa,qBAAsB,YAAW,QAAQ,CAAC,OAAO,CAAC;IAC7D,WAAW,kDAAgB;IAC3B,KAAK,gEAAiC;IAEtC,OAAO,8CAA4B;IAEnC,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCAVL,qBAAqB;2CAArB,qBAAqB;CAajC"}

package/dist/ui/overlay/modal/sd-confirm-modal.control.js

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, input, output, signal, ViewEncapsulation, } from "@angular/core";
+import { SdButtonControl } from "../../form/button/sd-button.control";
+import * as i0 from "@angular/core";
+/**
+ * 범용 확인 모달.
+ * ISdModal<boolean> 구현. message를 표시하고, 확인/취소.
+ * 확인 시 true emit, 취소 시 undefined emit.
+ */
+export class SdConfirmModalControl {
+    initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    close = output();
+    message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    onConfirm() {
+        this.close.emit(true);
+    }
+    onCancel() {
+        this.close.emit(undefined);
+    }
+    static ɵfac = function SdConfirmModalControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdConfirmModalControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdConfirmModalControl, selectors: [["sd-confirm-modal"]], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 8, vars: 2, consts: [[1, "_sd-confirm-modal"], [1, "_message"], [1, "_actions"], [3, "click", "theme"], [3, "click"]], template: function SdConfirmModalControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 2)(4, "sd-button", 3);
+            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_4_listener() { return ctx.onConfirm(); });
+            i0.ɵɵtext(5, "\uD655\uC778");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "sd-button", 4);
+            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_6_listener() { return ctx.onCancel(); });
+            i0.ɵɵtext(7, "\uCDE8\uC18C");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.message());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("theme", "primary");
+        } }, dependencies: [SdButtonControl], styles: ["sd-confirm-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdConfirmModalControl, [{
+        type: Component,
+        args: [{ selector: "sd-confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdButtonControl], template: `
+    <div class="_sd-confirm-modal">
+      <p class="_message">{{ message() }}</p>
+      <div class="_actions">
+        <sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
+        <sd-button (click)="onCancel()">취소</sd-button>
+      </div>
+    </div>
+  `, styles: ["sd-confirm-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"] }]
+    }], null, { close: [{ type: i0.Output, args: ["close"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdConfirmModalControl, { className: "SdConfirmModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-confirm-modal.control.ts", lineNumber: 53 }); })();

package/dist/ui/overlay/modal/sd-modal.control.d.ts

@@ -0,0 +1,51 @@
+import { type TemplateRef } from "@angular/core";
+import "@simplysm/core-browser";
+import * as i0 from "@angular/core";
+export declare class SdModalControl {
+    private readonly _elRef;
+    private readonly _activatedModal;
+    private readonly _systemConfig;
+    open: import("@angular/core").ModelSignal<boolean>;
+    key: import("@angular/core").InputSignal<string | undefined>;
+    title: import("@angular/core").InputSignal<string>;
+    hideHeader: import("@angular/core").InputSignal<boolean>;
+    hideCloseButton: import("@angular/core").InputSignal<boolean>;
+    useCloseByBackdrop: import("@angular/core").InputSignal<boolean>;
+    useCloseByEscapeKey: import("@angular/core").InputSignal<boolean>;
+    float: import("@angular/core").InputSignal<boolean>;
+    fill: import("@angular/core").InputSignal<boolean>;
+    resizable: import("@angular/core").InputSignal<boolean>;
+    movable: import("@angular/core").InputSignal<boolean>;
+    position: import("@angular/core").InputSignal<"bottom-right" | "top-right" | undefined>;
+    minHeightPx: import("@angular/core").InputSignal<number | undefined>;
+    minWidthPx: import("@angular/core").InputSignal<number | undefined>;
+    heightPx: import("@angular/core").InputSignal<number | undefined>;
+    widthPx: import("@angular/core").InputSignal<number | undefined>;
+    headerStyle: import("@angular/core").InputSignal<string | undefined>;
+    noFirstControlFocusing: import("@angular/core").InputSignal<boolean>;
+    actionTplRef: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    closeRequest: import("@angular/core").OutputEmitterRef<void>;
+    private _dragState;
+    private _resizeState;
+    private readonly _onDocumentMouseMove;
+    private readonly _onDocumentMouseUp;
+    constructor();
+    onResizeMouseDown(event: MouseEvent, dir: string): void;
+    onHeaderMouseDown(event: MouseEvent): void;
+    onBackdropClick(): void;
+    onCloseButtonClick(): void;
+    onDialogKeydown(event: KeyboardEvent): void;
+    onDialogFocus(): void;
+    private _requestClose;
+    private _handleTabTrap;
+    private _getTabbableElements;
+    private _bringToFront;
+    private _getDialogEl;
+    private _applyResize;
+    private _applyDrag;
+    private _saveConfig;
+    private _restoreConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdModalControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModalControl, "sd-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; "isSignal": true; }; "useCloseByBackdrop": { "alias": "useCloseByBackdrop"; "required": false; "isSignal": true; }; "useCloseByEscapeKey": { "alias": "useCloseByEscapeKey"; "required": false; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "minHeightPx": { "alias": "minHeightPx"; "required": false; "isSignal": true; }; "minWidthPx": { "alias": "minWidthPx"; "required": false; "isSignal": true; }; "heightPx": { "alias": "heightPx"; "required": false; "isSignal": true; }; "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "headerStyle": { "alias": "headerStyle"; "required": false; "isSignal": true; }; "noFirstControlFocusing": { "alias": "noFirstControlFocusing"; "required": false; "isSignal": true; }; "actionTplRef": { "alias": "actionTplRef"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-modal.control.d.ts.map

package/dist/ui/overlay/modal/sd-modal.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-modal.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\modal\\sd-modal.control.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAKvB,OAAO,wBAAwB,CAAC;;AAEhC,qBA0Ca,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAwD;IACxF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAsD;IAEpF,IAAI,+CAAgB;IACpB,GAAG,0DAAwC;IAC3C,KAAK,8CAAa;IAClB,UAAU,+CAAgB;IAC1B,eAAe,+CAAgB;IAC/B,kBAAkB,+CAAe;IACjC,mBAAmB,+CAAe;IAClC,KAAK,+CAAgB;IACrB,IAAI,+CAAgB;IACpB,SAAS,+CAAgB;IACzB,OAAO,+CAAgB;IACvB,QAAQ,gFAA8D;IACtE,WAAW,0DAAwC;IACnD,UAAU,0DAAwC;IAClD,QAAQ,0DAAwC;IAChD,OAAO,0DAAwC;IAC/C,WAAW,0DAAwC;IACnD,sBAAsB,+CAAgB;IACtC,YAAY,oEAAkD;IAE9D,YAAY,iDAAkB;IAE9B,OAAO,CAAC,UAAU,CAEJ;IAEd,OAAO,CAAC,YAAY,CAUN;IAEd,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA8B;IACnE,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAa;;IA+ChD,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBvD,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAI1B,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAS3C,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IA4CpB,OAAO,CAAC,UAAU;YAcJ,WAAW;YAgBX,cAAc;yCA7RjB,cAAc;2CAAd,cAAc;CA6S1B"}