@plusui/library 0.1.0

package/dist/components/drawer/drawer.js

@@ -0,0 +1,189 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { drawerStyle } from './drawer.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-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>
+ * ```
+ */
+class PlusDrawer extends Tailwind {
+    // private drawerElement: HTMLElement | null = null;
+    constructor() {
+        super();
+        /**
+         * The size of the drawer
+         * @type {'sm' | 'md' | 'lg'}
+         * @default 'md'
+         * @attr size
+         */
+        this.size = 'md';
+        /**
+         * Whether the drawer is open
+         * @type {boolean}
+         * @default false
+         * @attr is-open
+         */
+        this.isOpen = false;
+        /**
+         * The position of the drawer
+         * @type {'left' | 'right' | 'top' | 'bottom'}
+         * @default 'right'
+         * @attr orientation
+         */
+        this.orientation = 'right';
+        /**
+         * The duration of the animation in milliseconds
+         * @type {number}
+         * @default 300
+         * @attr animation-duration
+         */
+        this.animationDuration = 300;
+        this.isAnimating = false;
+        this.handleKeydown = (e) => {
+            if (e.key === 'Escape' && this.isOpen) {
+                this.hide();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('plus-drawer-before-show', this.handleBeforeShow);
+        this.addEventListener('plus-drawer-before-hide', this.handleBeforeHide);
+    }
+    /**
+     * Hides the drawer with animation
+     * @returns {void}
+     */
+    hide() {
+        if (this.isAnimating)
+            return;
+        this.emit('plus-drawer-before-hide');
+    }
+    handleBeforeHide() {
+        this.isAnimating = true;
+        this.isOpen = false;
+        setTimeout(() => {
+            this.isAnimating = false;
+            this.emit('plus-drawer-hide');
+        }, this.animationDuration);
+    }
+    /**
+     * Shows the drawer with animation
+     * @returns {void}
+     */
+    show() {
+        if (this.isAnimating)
+            return;
+        this.emit('plus-drawer-before-show');
+    }
+    handleBeforeShow() {
+        this.isAnimating = true;
+        this.isOpen = true;
+        setTimeout(() => {
+            this.isAnimating = false;
+            this.emit('plus-drawer-show');
+        }, this.animationDuration);
+        document.addEventListener('keydown', this.handleKeydown);
+    }
+    // override firstUpdated() {
+    //   this.drawerElement = this.shadowRoot?.querySelector(
+    //     '.drawer'
+    //   ) as HTMLElement;
+    // }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('plus-drawer-before-show', this.handleBeforeShow);
+        this.removeEventListener('plus-drawer-before-hide', this.handleBeforeHide);
+        document.removeEventListener('keydown', this.handleKeydown);
+    }
+    render() {
+        const { size, isOpen, orientation } = this;
+        const { base, drawerClass, drawerOverlay, drawerContainer, drawerHeader, drawerBody, drawerFooter, drawerCloseButtonClass, } = drawerStyle({ size, isOpen, orientation });
+        return x `
+      <div
+        class=${base()}
+        part="container"
+        role="dialog"
+        aria-modal="true"
+        aria-hidden=${!isOpen}
+        aria-label="Drawer"
+      >
+        <div
+          class=${drawerOverlay()}
+          part="overlay"
+          @click=${() => this.hide()}
+        ></div>
+        <div class=${drawerClass()} part="drawer">
+          <div class=${drawerContainer()}>
+            <div class=${drawerHeader()} part="header">
+              <slot name="header"></slot>
+              <slot name="close">
+                <button
+                  class=${drawerCloseButtonClass()}
+                  part="close-button"
+                  aria-label="Close drawer"
+                  @click=${() => this.hide()}
+                >
+                  <plus-svg-icon iconName="xmark"></plus-svg-icon>
+                </button>
+              </slot>
+            </div>
+            <div class=${drawerBody()} part="body">
+              <slot name="body"></slot>
+              <slot></slot>
+            </div>
+            <div class=${drawerFooter()} part="footer">
+              <slot name="footer"></slot>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    n({ type: String, reflect: true })
+], PlusDrawer.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true, attribute: 'is-open' })
+], PlusDrawer.prototype, "isOpen", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], PlusDrawer.prototype, "orientation", void 0);
+__decorate([
+    n({ type: Number, reflect: true, attribute: 'animation-duration' })
+], PlusDrawer.prototype, "animationDuration", void 0);
+__decorate([
+    r()
+], PlusDrawer.prototype, "isAnimating", void 0);
+
+export { PlusDrawer, PlusDrawer as default };

package/dist/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,281 @@
+export declare const drawerStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}, {
+    base: string[];
+    drawerOverlay: string[];
+    drawerClass: string[];
+    drawerContainer: string[];
+    drawerHeader: string[];
+    drawerBody: string[];
+    drawerFooter: string[];
+    drawerCloseButtonClass: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}, {
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}>, {
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}, {
+    base: string[];
+    drawerOverlay: string[];
+    drawerClass: string[];
+    drawerContainer: string[];
+    drawerHeader: string[];
+    drawerBody: string[];
+    drawerFooter: string[];
+    drawerCloseButtonClass: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}, {
+    base: string[];
+    drawerOverlay: string[];
+    drawerClass: string[];
+    drawerContainer: string[];
+    drawerHeader: string[];
+    drawerBody: string[];
+    drawerFooter: string[];
+    drawerCloseButtonClass: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}, {
+    size: {
+        sm: {
+            drawerHeader: string[];
+        };
+        md: {
+            drawerHeader: string[];
+        };
+        lg: {
+            drawerHeader: string[];
+        };
+    };
+    isOpen: {
+        true: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+        false: {
+            drawerClass: string[];
+            drawerOverlay: string[];
+        };
+    };
+    orientation: {
+        left: {
+            drawerClass: string[];
+        };
+        right: {
+            drawerClass: string[];
+        };
+        top: {
+            drawerClass: string[];
+        };
+        bottom: {
+            drawerClass: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=drawer.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.style.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsKtB,CAAC"}

package/dist/components/drawer/drawer.style.js

@@ -0,0 +1,171 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const drawerStyle = ce({
+    slots: {
+        base: ['plus-drawer font-sans antialiased'],
+        drawerOverlay: [
+            'drawer-overlay fixed inset-0 z-40',
+            'bg-color-overlay/50',
+            'transition-opacity duration-300 ease-in-out',
+        ],
+        drawerClass: [
+            'drawer fixed z-50 h-full overflow-y-auto',
+            'transition-all duration-300 ease-in-out',
+            // 'max-w-96 w-full',
+        ],
+        drawerContainer: [
+            'drawer-container relative w-full h-full',
+            'bg-color-surface',
+            'shadow-elevation-lg',
+            'text-color-default',
+            'flex flex-col justify-between',
+        ],
+        drawerHeader: [
+            'drawer-header flex justify-between items-center',
+            'py-3 px-4',
+            'bg-color-base',
+            'font-semibold',
+            'rounded-t-lg',
+            'border-b border-color-default',
+        ],
+        drawerBody: [
+            'drawer-body flex-1 p-4',
+            'overflow-y-auto',
+        ],
+        drawerFooter: [
+            'drawer-footer flex justify-end items-center',
+            'py-3 px-4 gap-2',
+            'rounded-b-lg',
+            'border-t border-color-default',
+        ],
+        drawerCloseButtonClass: [
+            'drawer-close-button absolute top-0 right-0 p-3',
+            'text-color-default',
+            'cursor-pointer',
+            'hover:text-color-primary',
+            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-color-primary',
+            'transition-colors duration-200 ease-in-out',
+        ],
+    },
+    variants: {
+        size: {
+            sm: {
+                drawerHeader: ['text-sm'],
+                // drawerClass: ['max-w-sm'],
+            },
+            md: {
+                drawerHeader: ['text-base'],
+                // drawerClass: ['max-w-md'],
+            },
+            lg: {
+                drawerHeader: ['text-lg'],
+                // drawerClass: ['max-w-lg'],
+            },
+        },
+        isOpen: {
+            true: {
+                drawerClass: ['block'],
+                drawerOverlay: [
+                    'opacity-100 pointer-events-auto',
+                ],
+            },
+            false: {
+                drawerClass: ['pointer-events-none'],
+                drawerOverlay: [
+                    'opacity-0 pointer-events-none',
+                ],
+            },
+        },
+        orientation: {
+            left: {
+                drawerClass: [
+                    'h-full w-96 inset-y-0 left-0',
+                    'transform transition-transform duration-300 ease-in-out',
+                ],
+            },
+            right: {
+                drawerClass: [
+                    'h-full w-96 inset-y-0 right-0',
+                    'transform transition-transform duration-300 ease-in-out',
+                ],
+            },
+            top: {
+                drawerClass: [
+                    'h-96 w-full inset-x-0 top-0',
+                    'transform transition-transform duration-300 ease-in-out',
+                ],
+            },
+            bottom: {
+                drawerClass: [
+                    'h-96 w-full inset-x-0 bottom-0',
+                    'transform transition-transform duration-300 ease-in-out',
+                ],
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            isOpen: true,
+            orientation: 'left',
+            class: {
+                drawerClass: 'translate-x-0',
+            },
+        },
+        {
+            isOpen: false,
+            orientation: 'left',
+            class: {
+                drawerClass: '-translate-x-full',
+            },
+        },
+        {
+            isOpen: true,
+            orientation: 'right',
+            class: {
+                drawerClass: 'translate-x-0',
+            },
+        },
+        {
+            isOpen: false,
+            orientation: 'right',
+            class: {
+                drawerClass: 'translate-x-full',
+            },
+        },
+        {
+            isOpen: true,
+            orientation: 'top',
+            class: {
+                drawerClass: 'translate-y-0',
+            },
+        },
+        {
+            isOpen: false,
+            orientation: 'top',
+            class: {
+                drawerClass: '-translate-y-full',
+            },
+        },
+        {
+            isOpen: true,
+            orientation: 'bottom',
+            class: {
+                drawerClass: 'translate-y-0',
+            },
+        },
+        {
+            isOpen: false,
+            orientation: 'bottom',
+            class: {
+                drawerClass: 'translate-y-full',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        isOpen: false,
+        orientation: 'right',
+    },
+});
+
+export { drawerStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.style.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,IAAI,EAAE,CAAC,mCAAmC,CAAC;QAC3C,aAAa,EAAE;YACb,mCAAmC;YACnC,qBAAqB;YACrB,6CAA6C;SAC9C;QACD,WAAW,EAAE;YACX,0CAA0C;YAC1C,yCAAyC;YACzC,qBAAqB;SACtB;QACD,eAAe,EAAE;YACf,yCAAyC;YACzC,kBAAkB;YAClB,qBAAqB;YACrB,oBAAoB;YACpB,+BAA+B;SAChC;QACD,YAAY,EAAE;YACZ,iDAAiD;YACjD,WAAW;YACX,eAAe;YACf,eAAe;YACf,cAAc;YACd,+BAA+B;SAChC;QACD,UAAU,EAAE;YACV,wBAAwB;YACxB,iBAAiB;SAClB;QACD,YAAY,EAAE;YACZ,6CAA6C;YAC7C,iBAAiB;YACjB,cAAc;YACd,+BAA+B;SAChC;QACD,sBAAsB,EAAE;YACtB,gDAAgD;YAChD,oBAAoB;YACpB,gBAAgB;YAChB,0BAA0B;YAC1B,kFAAkF;YAClF,4CAA4C;SAC7C;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,YAAY,EAAE,CAAC,SAAS,CAAC;gBACzB,6BAA6B;aAC9B;YACD,EAAE,EAAE;gBACF,YAAY,EAAE,CAAC,WAAW,CAAC;gBAC3B,6BAA6B;aAC9B;YACD,EAAE,EAAE;gBACF,YAAY,EAAE,CAAC,SAAS,CAAC;gBACzB,6BAA6B;aAC9B;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,WAAW,EAAE,CAAC,OAAO,CAAC;gBACtB,aAAa,EAAE;oBACb,iCAAiC;iBAClC;aACF;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,CAAC,qBAAqB,CAAC;gBACpC,aAAa,EAAE;oBACb,+BAA+B;iBAChC;aACF;SACF;QACD,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,WAAW,EAAE;oBACX,8BAA8B;oBAC9B,yDAAyD;iBAC1D;aACF;YACD,KAAK,EAAE;gBACL,WAAW,EAAE;oBACX,+BAA+B;oBAC/B,yDAAyD;iBAC1D;aACF;YACD,GAAG,EAAE;gBACH,WAAW,EAAE;oBACX,6BAA6B;oBAC7B,yDAAyD;iBAC1D;aACF;YACD,MAAM,EAAE;gBACN,WAAW,EAAE;oBACX,gCAAgC;oBAChC,yDAAyD;iBAC1D;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE;gBACL,WAAW,EAAE,eAAe;aAC7B;SACF;QACD;YACE,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE;gBACL,WAAW,EAAE,mBAAmB;aACjC;SACF;QACD;YACE,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE;gBACL,WAAW,EAAE,eAAe;aAC7B;SACF;QACD;YACE,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE;gBACL,WAAW,EAAE,kBAAkB;aAChC;SACF;QACD;YACE,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE;gBACL,WAAW,EAAE,eAAe;aAC7B;SACF;QACD;YACE,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE;gBACL,WAAW,EAAE,mBAAmB;aACjC;SACF;QACD;YACE,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE;gBACL,WAAW,EAAE,eAAe;aAC7B;SACF;QACD;YACE,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE;gBACL,WAAW,EAAE,kBAAkB;aAChC;SACF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/drawer/index.js

@@ -0,0 +1,13 @@
+import PlusDrawer from './drawer.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import './drawer.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-drawer', PlusDrawer);
+
+export { PlusDrawer };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,cAAc,aAAa,CAAC;AAE5B,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}