@plusui/library 0.1.0

package/dist/components/divider/divider.js

@@ -0,0 +1,127 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { dividerStyle, baseDividerStyle } from './divider.style.js';
+import Tailwind from '../base/tailwind-base.js';
+import '../../index-B9iart53.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+
+/**
+ * @tag plus-divider
+ * @since 0.0.0
+ * @status stable
+ *
+ * PlusDivider component is used to visually separate content in a list or group.
+ *
+ * @slot - The default slot for optional divider content (for text dividers)
+ *
+ * @csspart divider - The component's base wrapper
+ * @csspart label - The text content container
+ *
+ * @cssproperty --divider-color - Controls the color of the divider
+ * @cssproperty --divider-thickness - Controls the thickness of the divider
+ * @cssproperty --divider-spacing - Controls the spacing around the divider
+ */
+class PlusDivider extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * The orientation of the divider.
+         * @default 'horizontal'
+         */
+        this.orientation = 'horizontal';
+        /**
+         * The Kind of the divider.
+         * @default 'solid'
+         */
+        this.kind = 'solid';
+        /**
+         * The position of the text content (only applicable with hasContent=true)
+         * @default 'center'
+         */
+        this.contentPosition = 'center';
+        /**
+         * The thickness of the divider
+         * @default 'thin'
+         */
+        this.thickness = 'thin';
+        /**
+         * Whether the divider has content or not
+         * @default false
+         */
+        this.hasContent = false;
+    }
+    handleSlotChange(event) {
+        const slot = event.target;
+        this.hasContent = slot.assignedNodes().length > 0;
+    }
+    render() {
+        const { base, line, slotArea } = baseDividerStyle({
+            orientation: this.orientation,
+            kind: this.kind,
+            hasContent: this.hasContent,
+        });
+        // // For a divider with content
+        // if (this.hasContent) {
+        //   // For horizontal divider with content
+        //   if (this.orientation === 'horizontal') {
+        //     return html`
+        //       <div class=${base()} part="divider">
+        //         ${this.contentPosition !== 'right'
+        //           ? html`<hr class="plus-divider" />`
+        //           : ''}
+        //         <div class="divider-content" part="label">
+        //           <slot></slot>
+        //         </div>
+        //         ${this.contentPosition !== 'left'
+        //           ? html`<hr class="plus-divider" />`
+        //           : ''}
+        //       </div>
+        //     `;
+        //   }
+        //   // For vertical divider with content
+        //   return html`
+        //     <div class=${base()} part="divider">
+        //       ${this.contentPosition !== 'right'
+        //         ? html`<div class="plus-divider"></div>`
+        //         : ''}
+        //       <div class="divider-content" part="label">
+        //         <slot></slot>
+        //       </div>
+        //       ${this.contentPosition !== 'left'
+        //         ? html`<div class="plus-divider"></div>`
+        //         : ''}
+        //     </div>
+        //   `;
+        // }
+        // For a simple divider without content
+        return x `
+      <div class=${base()} part="divider">
+        <div class=${line()}></div>
+        <div class=${slotArea()}>
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+        <div class=${line()}></div>
+      </div>
+    `;
+    }
+}
+PlusDivider.styles = [...Tailwind.styles, dividerStyle];
+__decorate([
+    n({ type: String, reflect: true })
+], PlusDivider.prototype, "orientation", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], PlusDivider.prototype, "kind", void 0);
+__decorate([
+    n({ type: String, reflect: true, attribute: 'content-position' })
+], PlusDivider.prototype, "contentPosition", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], PlusDivider.prototype, "thickness", void 0);
+__decorate([
+    r()
+], PlusDivider.prototype, "hasContent", void 0);
+
+export { PlusDivider, PlusDivider as default };

package/dist/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,MAAqB,WAAY,SAAQ,QAAQ;IAAjD;;QACE;;;WAGG;QAEH,gBAAW,GAA8B,YAAY,CAAC;QAEtD;;;WAGG;QAEH,SAAI,GAAkC,OAAO,CAAC;QAE9C;;;WAGG;QAEH,oBAAe,GAAgC,QAAQ,CAAC;QAExD;;;WAGG;QAEH,cAAS,GAAgC,MAAM,CAAC;QAEhD;;;WAGG;QAEH,eAAU,GAAG,KAAK,CAAC;IA6DrB,CAAC;IAzDC,gBAAgB,CAAC,KAAY;QAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IACpD,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;YAChD,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAC,CAAC;QAEH,gCAAgC;QAChC,yBAAyB;QACzB,2CAA2C;QAC3C,6CAA6C;QAC7C,mBAAmB;QACnB,6CAA6C;QAC7C,6CAA6C;QAC7C,gDAAgD;QAChD,kBAAkB;QAClB,qDAAqD;QACrD,0BAA0B;QAC1B,iBAAiB;QACjB,4CAA4C;QAC5C,gDAAgD;QAChD,kBAAkB;QAClB,eAAe;QACf,SAAS;QACT,MAAM;QACN,yCAAyC;QACzC,iBAAiB;QACjB,2CAA2C;QAC3C,2CAA2C;QAC3C,mDAAmD;QACnD,gBAAgB;QAChB,mDAAmD;QACnD,wBAAwB;QACxB,eAAe;QACf,0CAA0C;QAC1C,mDAAmD;QACnD,gBAAgB;QAChB,aAAa;QACb,OAAO;QACP,IAAI;QAEJ,uCAAuC;QACvC,OAAO,IAAI,CAAA;mBACI,IAAI,EAAE;qBACJ,IAAI,EAAE;qBACN,QAAQ,EAAE;8BACD,IAAI,CAAC,gBAAgB;;qBAE9B,IAAI,EAAE;;KAEtB,CAAC;IACJ,CAAC;;AA1De,kBAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,AAArC,CAAsC;eApCzC,WAAW;AAM9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACY;AAOtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACI;AAO9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;oDACjB;AAOxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACM;AAOhD;IADC,KAAK,EAAE;+CACW;AA+DrB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/divider/divider.style.d.ts

@@ -0,0 +1,246 @@
+export declare const baseDividerStyle: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}, {
+    base: string[];
+    line: string;
+    slotArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}>, {
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}, {
+    base: string[];
+    line: string;
+    slotArea: string;
+}, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}, {
+    base: string[];
+    line: string;
+    slotArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            base: string;
+            line: string;
+        };
+        vertical: {
+            base: string;
+            line: string;
+        };
+    };
+    kind: {
+        solid: {
+            base: string;
+            line: string;
+        };
+        dashed: {
+            base: string;
+            line: string;
+        };
+        dotted: {
+            base: string;
+            line: string;
+        };
+    };
+    hasContent: {
+        true: {
+            slotArea: string;
+        };
+        false: {
+            slotArea: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export declare const dividerStyle: import("lit").CSSResult;
+//# sourceMappingURL=divider.style.d.ts.map

package/dist/components/divider/divider.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.style.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiD3B,CAAC;AAEH,eAAO,MAAM,YAAY,yBA+FxB,CAAC"}

package/dist/components/divider/divider.style.js

@@ -0,0 +1,151 @@
+import { i } from '../../lit-element-ByzbtpGk.js';
+import { c as ce } from '../../index-B9iart53.js';
+
+const baseDividerStyle = ce({
+    slots: {
+        base: [
+            'plus-divider',
+            'plus-ui-element',
+            'flex items-center justify-center',
+        ],
+        line: 'plus-divider-line',
+        slotArea: '',
+    },
+    variants: {
+        orientation: {
+            horizontal: {
+                base: 'horizontal-divider',
+                line: '',
+            },
+            vertical: {
+                base: 'vertical-divider',
+                line: '',
+            },
+        },
+        kind: {
+            solid: {
+                base: 'divider-solid',
+                line: '',
+            },
+            dashed: {
+                base: 'divider-dashed',
+                line: '',
+            },
+            dotted: {
+                base: 'divider-dotted',
+                line: '',
+            },
+        },
+        hasContent: {
+            true: {
+                slotArea: 'mx-(--divider-spacing)',
+            },
+            false: {
+                slotArea: '',
+            },
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+        kind: 'solid',
+        hasContent: false,
+    },
+});
+const dividerStyle = i `
+  :host {
+    --divider-color: var(
+      --plus-color-background-divider
+    );
+    --divider-thickness-thin: 1px;
+    --divider-thickness-medium: 2px;
+    --divider-thickness-thick: 4px;
+    --divider-spacing: 8px;
+    --divider-type: solid;
+  }
+
+  :host([orientation='horizontal']) {
+    width: 100%;
+    display: block;
+    margin: var(--divider-spacing) 0;
+  }
+
+  :host([orientation='vertical']) {
+    height: 100%;
+    margin: 0 var(--divider-spacing);
+    display: inline-block;
+  }
+
+  :host([orientation='horizontal'])
+    .plus-divider {
+    height: 0;
+    width: 100%;
+  }
+  :host([orientation='horizontal'])
+    .plus-divider-line {
+    height: 0;
+    width: 100%;
+    border-top-width: var(
+      --divider-thickness,
+      var(--divider-thickness-thin)
+    );
+    border-top-style: var(--divider-type, solid);
+    border-color: var(--divider-color);
+  }
+
+  :host([orientation='vertical']) .plus-divider {
+    width: 0;
+    height: 100%;
+  }
+  :host([orientation='vertical'])
+    .plus-divider-line {
+    width: 0;
+    height: 100%;
+    border-left-width: var(
+      --divider-thickness,
+      var(--divider-thickness-thin)
+    );
+    border-left-style: var(--divider-type, solid);
+    border-color: var(--divider-color);
+    display: inline-block;
+  }
+
+  :host([Kind='dashed'][orientation='horizontal'])
+    .plus-divider-line {
+    border-top-style: dashed;
+  }
+
+  :host([Kind='dotted'][orientation='horizontal'])
+    .plus-divider-line {
+    border-top-style: dotted;
+  }
+
+  :host([Kind='dashed'][orientation='vertical'])
+    .plus-divider-line {
+    border-left-style: dashed;
+  }
+
+  :host([Kind='dotted'][orientation='vertical'])
+    .plus-divider-line {
+    border-left-style: dotted;
+  }
+
+  :host([thickness='thin']) {
+    --divider-thickness: var(
+      --divider-thickness-thin
+    );
+  }
+
+  :host([thickness='medium']) {
+    --divider-thickness: var(
+      --divider-thickness-medium
+    );
+  }
+
+  :host([thickness='thick']) {
+    --divider-thickness: var(
+      --divider-thickness-thick
+    );
+  }
+`;
+
+export { baseDividerStyle, dividerStyle };

package/dist/components/divider/divider.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.style.js","sourceRoot":"","sources":["../../../src/components/divider/divider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IACjC,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,cAAc;YACd,iBAAiB;YACjB,kCAAkC;SACnC;QACD,IAAI,EAAE,mBAAmB;QACzB,QAAQ,EAAE,EAAE;KACb;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE;gBACV,IAAI,EAAE,oBAAoB;gBAC1B,IAAI,EAAE,EAAE;aACT;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,EAAE;aACT;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,eAAe;gBACrB,IAAI,EAAE,EAAE;aACT;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,EAAE;aACT;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,EAAE;aACT;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,QAAQ,EAAE,wBAAwB;aACnC;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F9B,CAAC"}

package/dist/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './divider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC"}

package/dist/components/divider/index.js

@@ -0,0 +1,13 @@
+import PlusDivider from './divider.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import './divider.style.js';
+import '../../index-B9iart53.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+
+customElements.define('plus-divider', PlusDivider);
+
+export { PlusDivider };

package/dist/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,cAAc,cAAc,CAAC;AAE7B,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,79 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-drawer
+ * @summary Sliding panel component that appears from the edge of the screen.
+ *
+ * @slot header - The header content of the drawer
+ * @slot body - The main content of the drawer
+ * @slot footer - The footer content of the drawer
+ * @slot close - Custom close button (defaults to an X icon)
+ *
+ * @csspart container - The main container element
+ * @csspart overlay - The overlay element
+ * @csspart drawer - The drawer element
+ * @csspart header - The header element
+ * @csspart body - The body element
+ * @csspart footer - The footer element
+ * @csspart close-button - The close button element
+ *
+ * @example
+ * ```html
+ * <plus-drawer>
+ *   <div slot="header">Drawer Title</div>
+ *   <div slot="body">Drawer Content</div>
+ *   <div slot="footer">
+ *     <button>Save</button>
+ *   </div>
+ * </plus-drawer>
+ * ```
+ */
+export default class PlusDrawer extends Tailwind {
+    /**
+     * The size of the drawer
+     * @type {'sm' | 'md' | 'lg'}
+     * @default 'md'
+     * @attr size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the drawer is open
+     * @type {boolean}
+     * @default false
+     * @attr is-open
+     */
+    isOpen: boolean;
+    /**
+     * The position of the drawer
+     * @type {'left' | 'right' | 'top' | 'bottom'}
+     * @default 'right'
+     * @attr orientation
+     */
+    orientation: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * The duration of the animation in milliseconds
+     * @type {number}
+     * @default 300
+     * @attr animation-duration
+     */
+    animationDuration: number;
+    private isAnimating;
+    constructor();
+    connectedCallback(): void;
+    /**
+     * Hides the drawer with animation
+     * @returns {void}
+     */
+    hide(): void;
+    private handleBeforeHide;
+    /**
+     * Shows the drawer with animation
+     * @returns {void}
+     */
+    show(): void;
+    private handleBeforeShow;
+    disconnectedCallback(): void;
+    private handleKeydown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusDrawer };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C;;;;;OAKG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;OAKG;IAEH,MAAM,UAAS;IAEf;;;;;OAKG;IAEH,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAW;IAE3D;;;;;OAKG;IAEH,iBAAiB,SAAO;IAGxB,OAAO,CAAC,WAAW,CAAS;;IAQnB,iBAAiB;IAM1B;;;OAGG;IACH,IAAI;IAKJ,OAAO,CAAC,gBAAgB;IAUxB;;;OAGG;IACH,IAAI;IAKJ,OAAO,CAAC,gBAAgB;IAkBf,oBAAoB;IAO7B,OAAO,CAAC,aAAa,CAInB;IAEO,MAAM;CAsDhB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}