@plusui/library 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAWA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAG7C,aAAK,cAAc;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,IAAI,SAAS;IACb,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,KAAK,UAAU;IACf,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;IAE/C,KAAK,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3B;;;;;;;;;;OAUG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;;;;;;;;;;;;;;;OAmBG;IAEH,WAAW,EAAE,eAAe,CAAuB;IAEnD;;;;;;;;;OASG;IAEH,OAAO,EAAE,cAAc,CAAwB;IAE/C;;;;;;OAMG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;OAOG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAW;IAE9B;;;;;;;;;;;;;OAaG;IAEH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAC7D;IAEZ;;;;;;;;OAQG;IAEH,WAAW,UAAQ;IAEnB;;;;;;;;OAQG;IAEH,UAAU,UAAQ;IAElB;;;;;;;;OAQG;IAEH,SAAS,UAAQ;IAEjB;;;;;;OAMG;IAEH,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,aAAa,CAAC,CAAc;IACpC,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,OAAO,CAAC,CAAa;IAE7B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,cAAc,CAkEpB;IAEF,OAAO,CAAC,gBAAgB,CAStB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW,CAcjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,kBAAkB,CAYxB;IAEF,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,aAAa;IAaZ,YAAY;IAIZ,oBAAoB;IAKpB,MAAM;CAqEhB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/popover/popover.js

@@ -0,0 +1,418 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { E, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { o } from '../../query-assigned-elements-B8Evmg7O.js';
+import { c as computePosition, o as offset, f as flip, s as shift, a as arrow, b as autoUpdate } from '../../floating-ui.dom-OBaMlALa.js';
+import Tailwind from '../base/tailwind-base.js';
+import { popoverStyle } from './popover.style.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+
+var PopoverTrigger;
+(function (PopoverTrigger) {
+    PopoverTrigger["Hover"] = "hover";
+    PopoverTrigger["Click"] = "click";
+})(PopoverTrigger || (PopoverTrigger = {}));
+var PopoverPosition;
+(function (PopoverPosition) {
+    PopoverPosition["Top"] = "top";
+    PopoverPosition["TopStart"] = "top-start";
+    PopoverPosition["TopEnd"] = "top-end";
+    PopoverPosition["Bottom"] = "bottom";
+    PopoverPosition["BottomStart"] = "bottom-start";
+    PopoverPosition["BottomEnd"] = "bottom-end";
+    PopoverPosition["Left"] = "left";
+    PopoverPosition["LeftStart"] = "left-start";
+    PopoverPosition["LeftEnd"] = "left-end";
+    PopoverPosition["Right"] = "right";
+    PopoverPosition["RightStart"] = "right-start";
+    PopoverPosition["RightEnd"] = "right-end";
+})(PopoverPosition || (PopoverPosition = {}));
+/**
+ * @tag plus-popover
+ * @summary Popover component that displays content in a floating panel.
+ *
+ * @slot - The target element that triggers the popover
+ * @slot icon - Custom icon for the popover
+ * @slot title - The popover title
+ * @slot actions - Actions like close button
+ * @slot content - The main content inside the popover
+ *
+ * @csspart popover - The popover container element
+ * @csspart arrow - The popover arrow indicator
+ * @csspart title - The popover title
+ * @csspart close - The close button area
+ * @csspart content - The main content inside the popover
+ *
+ * @event plus-popover-open - Emitted when the popover is opened
+ * @event plus-popover-close - Emitted when the popover is closed
+ * @event plus-popover-dismiss - Emitted when the popover is dismissed via close button
+ *
+ * @example
+ * ```html
+ * <plus-popover>
+ *   <plus-button>Click me</plus-button>
+ *   <div slot="title">Popover Title</div>
+ *   <div slot="content">Popover content goes here</div>
+ * </plus-popover>
+ * ```
+ */
+class PlusPopover extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * The size of the popover.
+         *
+         * Available options:
+         * - `sm` (small)
+         * - `md` (medium - default)
+         * - `lg` (large)
+         *
+         * @type {'sm' | 'md' | 'lg'}
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * The position of the popover relative to the target element.
+         *
+         * Available options:
+         * - `top` (default)
+         * - `top-start`
+         * - `top-end`
+         * - `bottom`
+         * - `bottom-start`
+         * - `bottom-end`
+         * - `left`
+         * - `left-start`
+         * - `left-end`
+         * - `right`
+         * - `right-start`
+         * - `right-end`
+         *
+         * @type {PopoverPosition}
+         * @default PopoverPosition.Top
+         */
+        this.orientation = PopoverPosition.Top;
+        /**
+         * Determines how the popover is triggered.
+         *
+         * Available options:
+         * - `click` (default) - Popover toggles on click.
+         * - `hover` - Popover appears on hover.
+         *
+         * @type {'click' | 'hover'}
+         * @default 'click'
+         */
+        this.trigger = PopoverTrigger.Click;
+        /**
+         * The header title of the popover.
+         *
+         * If a slot with `name="title"` is provided, this text will be ignored.
+         *
+         * @type {string}
+         * @default 'Title'
+         */
+        this.headerText = 'Title';
+        /**
+         * The status of the popover, which affects its styling.
+         *
+         * Available options:
+         * - `success` (green)
+         * - `warning` (yellow)
+         * - `danger` (red)
+         * - `info` (blue)
+         * - `primary` (default theme color)
+         * - `default` (gray - default)
+         *
+         * @type {'success' | 'warning' | 'danger' | 'info' | 'primary' | 'default'}
+         * @default 'default'
+         */
+        this.status = 'default';
+        /**
+         * Determines whether the popover can be dismissed by clicking the close button.
+         *
+         * - `true` (default) - Popover can be closed.
+         * - `false` - The close button is hidden.
+         *
+         * @type {boolean}
+         * @default true
+         */
+        this.dismissable = true;
+        /**
+         * Determines whether a status icon should be displayed in the popover.
+         *
+         * - `true` (default) - An icon representing the status will be displayed.
+         * - `false` - No icon will be displayed.
+         *
+         * @type {boolean}
+         * @default true
+         */
+        this.statusIcon = true;
+        /**
+         * Determines whether the arrow should be displayed.
+         *
+         * - `true` (default) - Arrow will be displayed.
+         * - `false` - Arrow will be hidden.
+         *
+         * @type {boolean}
+         * @default true
+         */
+        this.showArrow = true;
+        /**
+         * Controls the visibility of the popover.
+         *
+         * @private
+         * @type {boolean}
+         * @default false
+         */
+        this.isVisible = false;
+        this.updatePosition = () => {
+            const popover = this.getPopover();
+            if (!popover || !this.targetElement)
+                return;
+            // Ensure the popover is visible before computing position
+            if (!this.isVisible)
+                return;
+            // Reset any existing styles
+            Object.assign(popover.style, {
+                left: '',
+                top: '',
+                right: '',
+                bottom: '',
+            });
+            computePosition(this.targetElement, popover, {
+                placement: this.orientation,
+                middleware: [
+                    offset(10),
+                    flip({
+                        fallbackPlacements: [
+                            'top',
+                            'top-start',
+                            'top-end',
+                            'bottom',
+                            'bottom-start',
+                            'bottom-end',
+                            'left',
+                            'left-start',
+                            'left-end',
+                            'right',
+                            'right-start',
+                            'right-end',
+                        ],
+                        padding: 8,
+                    }),
+                    shift({ padding: 8 }),
+                    this.showArrow
+                        ? arrow({ element: this.arrowElement, padding: 4 })
+                        : undefined,
+                ].filter(Boolean),
+            }).then(({ x, y, middlewareData, placement }) => {
+                // Apply the computed position
+                Object.assign(popover.style, {
+                    position: 'absolute',
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+                // Update arrow position if needed
+                if (this.showArrow && this.arrowElement) {
+                    const { x: arrowX, y: arrowY } = middlewareData.arrow || {};
+                    const staticSide = {
+                        top: 'bottom',
+                        right: 'left',
+                        bottom: 'top',
+                        left: 'right',
+                    }[placement.split('-')[0]];
+                    Object.assign(this.arrowElement.style, {
+                        left: arrowX != null ? `${arrowX}px` : '',
+                        top: arrowY != null ? `${arrowY}px` : '',
+                        [staticSide]: '-4px',
+                    });
+                }
+            });
+        };
+        this.handleMouseEnter = () => {
+            this.isVisible = true;
+            this.updatePosition();
+            this.cleanup = autoUpdate(this.targetElement, this.getPopover(), this.updatePosition);
+            this.emit('plus-popover-open');
+        };
+        this.handleMouseLeave = () => {
+            this.closePopover();
+        };
+        this.handleClick = () => {
+            this.isVisible = !this.isVisible;
+            if (this.isVisible) {
+                this.updatePosition();
+                this.cleanup = autoUpdate(this.targetElement, this.getPopover(), this.updatePosition);
+                this.emit('plus-popover-open');
+            }
+            else {
+                this.cleanupAutoUpdate();
+                this.emit('plus-popover-close');
+            }
+        };
+        this.closePopover = (dismiss = false) => {
+            this.isVisible = false;
+            this.cleanupAutoUpdate();
+            this.emit('plus-popover-close');
+            if (dismiss) {
+                this.emit('plus-popover-dismiss');
+            }
+        };
+        this.handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            const popover = this.getPopover();
+            if (popover &&
+                !path.includes(popover) &&
+                !path.includes(this.targetElement)) {
+                this.isVisible = false;
+                this.cleanupAutoUpdate();
+            }
+        };
+    }
+    getPopover() {
+        return this.shadowRoot?.querySelector('.popover') || null;
+    }
+    cleanupAutoUpdate() {
+        if (this.cleanup) {
+            this.cleanup();
+            this.cleanup = undefined;
+        }
+    }
+    _cleanupTarget() {
+        if (this.targetElement) {
+            this.targetElement.removeEventListener('mouseenter', this.handleMouseEnter);
+            this.targetElement.removeEventListener('mouseleave', this.handleMouseLeave);
+            this.targetElement.removeEventListener('click', this.handleClick);
+        }
+        document.removeEventListener('click', this.handleOutsideClick, true);
+        this.cleanupAutoUpdate();
+        this.isVisible = false;
+    }
+    handleSlotChange() {
+        const newTarget = this.slots[0];
+        if (newTarget && newTarget !== this.targetElement) {
+            if (this.targetElement) {
+                this._cleanupTarget();
+            }
+            this.targetElement = newTarget;
+            this._setupPopover();
+        }
+    }
+    _setupPopover() {
+        if (!this.targetElement)
+            return;
+        if (this.trigger === PopoverTrigger.Hover) {
+            this.targetElement.addEventListener('mouseenter', this.handleMouseEnter);
+            this.targetElement.addEventListener('mouseleave', this.handleMouseLeave);
+        }
+        else if (this.trigger === PopoverTrigger.Click) {
+            this.targetElement.addEventListener('click', this.handleClick);
+        }
+        document.addEventListener('click', this.handleOutsideClick, true);
+    }
+    firstUpdated() {
+        this.arrowElement = this.shadowRoot?.querySelector('.arrow');
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cleanupTarget();
+    }
+    render() {
+        const { host, arrow, headerWrapper, headerLeft, content, headerRight, title, } = popoverStyle({
+            isVisible: this.isVisible,
+            size: this.size,
+            status: this.status,
+        });
+        const statusIconMap = {
+            default: 'circle-plus',
+            success: 'circle-check',
+            warning: 'triangle-exclamation',
+            danger: 'circle-exclamation',
+            info: 'circle-info',
+            primary: 'circle-plus',
+        };
+        return x `
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      <div
+        class="${host()}"
+        part="popover"
+        role="dialog"
+        aria-hidden=${!this.isVisible}
+        aria-labelledby="popover-title"
+        aria-describedby="popover-content"
+      >
+        <header class="${headerWrapper()}">
+          <div class=${headerLeft()}>
+            <slot name="icon">
+              ${this.statusIcon
+            ? x `<plus-svg-icon
+                    iconName=${statusIconMap[this.status]}
+                  ></plus-svg-icon>`
+            : E}
+            </slot>
+            <div class="${title()}" part="title" id="popover-title">
+              <slot name="title"><span>${this.headerText}</span></slot>
+            </div>
+          </div>
+
+          <div class=${headerRight()} part="close">
+            <slot name="actions">
+              ${this.dismissable &&
+            x `<plus-svg-icon
+                iconName="xmark"
+                @click=${() => this.closePopover(true)}
+                role="button"
+                tabindex="0"
+                aria-label="Close popover"
+              ></plus-svg-icon>`}
+            </slot>
+          </div>
+        </header>
+        <main class="${content()}" part="content" id="popover-content">
+          <slot name="content">${this.text}</slot>
+        </main>
+        ${this.showArrow
+            ? x `<div class=${arrow()} part="arrow"></div>`
+            : E}
+      </div>
+    `;
+    }
+}
+__decorate([
+    o({ flatten: true })
+], PlusPopover.prototype, "slots", void 0);
+__decorate([
+    n({ type: String })
+], PlusPopover.prototype, "size", void 0);
+__decorate([
+    n({ type: String })
+], PlusPopover.prototype, "orientation", void 0);
+__decorate([
+    n({ type: String })
+], PlusPopover.prototype, "trigger", void 0);
+__decorate([
+    n({ type: String })
+], PlusPopover.prototype, "text", void 0);
+__decorate([
+    n({ type: String, attribute: 'header-text' })
+], PlusPopover.prototype, "headerText", void 0);
+__decorate([
+    n({ type: String })
+], PlusPopover.prototype, "status", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value !== 'false' })
+], PlusPopover.prototype, "dismissable", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value !== 'false' })
+], PlusPopover.prototype, "statusIcon", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value !== 'false' })
+], PlusPopover.prototype, "showArrow", void 0);
+__decorate([
+    r()
+], PlusPopover.prototype, "isVisible", void 0);
+
+export { PlusPopover, PlusPopover as default };

package/dist/components/popover/popover.js.map

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