@plusui/library 0.1.0

package/dist/components/toast/toast.js

@@ -0,0 +1,189 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x, E } from '../../lit-element-ByzbtpGk.js';
+import { toastStyle } from './toast.style.js';
+import Tailwind from '../base/tailwind-base.js';
+import { SlotController } from '../../controllers/slot-controller.js';
+import '../svg-icon/svg-icon.js';
+import '../../index-B9iart53.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../../directive-DZCF8pFJ.js';
+import '../svg-icon/icons.js';
+
+/**
+ * @tag plus-toast
+ * @summary Displays short, temporary messages.
+ *
+ * @slot - The default slot for the toast message content. If both message and header properties are set, this slot is ignored.
+ * @slot header - Optional header content for the toast. Overrides the header property.
+ * @slot icon - Optional icon content to replace the default status icon.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart container - The main container for icon, content, and close button.
+ * @csspart icon - The container for the status icon.
+ * @csspart content - The container for header and message text.
+ * @csspart header - The header text element.
+ * @csspart message - The message text element.
+ * @csspart close-button - The close button container.
+ *
+ * @cssproperty --toast-border-radius - Controls the border radius of the toast.
+ * @cssproperty --toast-padding - Controls the padding of the toast.
+ * @cssproperty --icon-size - Controls the size of the status icon.
+ * @cssproperty --close-button-size - Controls the size of the close button.
+ *
+ * @event plus-close - Emitted when the toast is closed by the user via the close button.
+ *
+ * @dependency plus-svg-icon
+ * @dependency SlotController
+ */
+class PlusToast extends Tailwind {
+    constructor() {
+        super(...arguments);
+        this.slotController = new SlotController(this);
+        /** The size of the toast. */
+        this.size = 'md';
+        /** The visual style of the toast. */
+        this.kind = 'default';
+        /** The status variant of the toast, controlling color and icon. */
+        this.status = 'default';
+        /** Determines if the dismiss button is shown. */
+        this.dismiss = true;
+        /** Shows the default status icon. */
+        this.statusIcon = true;
+    }
+    _handleCloseClick() {
+        this.emit('plus-close');
+    }
+    // --- Private Render Helper Methods ---
+    _renderIcon(iconClassFn) {
+        const hasIconSlot = this.slotController.test('icon');
+        if (hasIconSlot) {
+            return x `<span part="icon" class=${iconClassFn()}
+        ><slot name="icon"></slot
+      ></span>`;
+        }
+        let iconName = this.icon;
+        if (!iconName && this.statusIcon && this.status !== 'default') {
+            const defaultIcons = {
+                info: 'circle-info',
+                success: 'circle-check',
+                warning: 'triangle-exclamation',
+                danger: 'circle-xmark',
+                default: '',
+            };
+            if (this.status in defaultIcons) {
+                iconName = defaultIcons[this.status];
+            }
+        }
+        if (iconName) {
+            return x `<span part="icon" class=${iconClassFn()}
+        ><plus-svg-icon iconName=${iconName}></plus-svg-icon
+      ></span>`;
+        }
+        return E;
+    }
+    _renderHeader(titleClassFn) {
+        const hasHeaderSlot = this.slotController.test('header');
+        if (hasHeaderSlot || this.header) {
+            return x `<div part="header" class=${titleClassFn()}>
+        ${hasHeaderSlot ? x `<slot name="header"></slot>` : this.header}
+      </div>`;
+        }
+        return E;
+    }
+    _renderMessage(messageClassFn) {
+        const hasDefaultSlot = this.slotController.test();
+        if (hasDefaultSlot || this.message) {
+            return x `<div part="message" class="${messageClassFn()}">
+        ${hasDefaultSlot ? x `<slot></slot>` : this.message}
+      </div>`;
+        }
+        return E;
+    }
+    _renderDismissButton(closeClassFn) {
+        if (this.dismiss) {
+            return x ` <button
+        part="close-button"
+        class=${closeClassFn()}
+        @click=${this._handleCloseClick}
+        aria-label="Close"
+      >
+        <plus-svg-icon iconName="xmark"></plus-svg-icon>
+      </button>`;
+        }
+        return E;
+    }
+    // --- Main Render Method ---
+    render() {
+        const { size, kind, status } = this;
+        // Get the style object containing class-generating functions
+        const styles = toastStyle({ size, kind, status });
+        return x `
+      <div
+        class=${styles.base()}
+        part="base"
+        role="status"
+        aria-live=${status === 'danger' || status === 'warning'
+            ? 'assertive'
+            : 'polite'}
+        aria-atomic="true"
+      >
+        <div class="${styles.containerClass()}" part="container">
+          ${this._renderIcon(styles.iconClass)}
+
+          <div class="${styles.contentClass()}" part="content">
+            ${this._renderHeader(styles.titleClass)}
+            ${this._renderMessage(styles.messageClass)}
+          </div>
+
+          ${this._renderDismissButton(styles.closeClass)}
+        </div>
+      </div>
+    `;
+    }
+}
+PlusToast.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: block;
+        width: fit-content;
+      }
+    `,
+];
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "size", void 0);
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "kind", void 0);
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "status", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        converter: (value) => value != 'false',
+        reflect: true,
+    })
+], PlusToast.prototype, "dismiss", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        converter: (value) => value != 'false',
+        attribute: 'status-icon',
+        reflect: true,
+    })
+], PlusToast.prototype, "statusIcon", void 0);
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "header", void 0);
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "icon", void 0);
+__decorate([
+    n({ type: String })
+], PlusToast.prototype, "message", void 0);
+
+export { PlusToast };

package/dist/components/toast/toast.js.map

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

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

@@ -0,0 +1,333 @@
+export declare const toastStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    iconClass: string[];
+    messageClass: string[];
+    closeClass: string[];
+    toastContainer: string[];
+    contentClass: string;
+    titleClass: string;
+    footerClass: string;
+    containerClass: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}>, {
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    iconClass: string[];
+    messageClass: string[];
+    closeClass: string[];
+    toastContainer: string[];
+    contentClass: string;
+    titleClass: string;
+    footerClass: string;
+    containerClass: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    iconClass: string[];
+    messageClass: string[];
+    closeClass: string[];
+    toastContainer: string[];
+    contentClass: string;
+    titleClass: string;
+    footerClass: string;
+    containerClass: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string[];
+            containerClass: string;
+        };
+        md: {
+            base: string[];
+            containerClass: string;
+        };
+        lg: {
+            base: string[];
+            containerClass: string;
+        };
+    };
+    kind: {
+        default: {
+            base: string;
+        };
+        outlined: {
+            base: string;
+        };
+        dashed: {
+            base: string;
+        };
+    };
+    status: {
+        success: {
+            iconClass: string[];
+        };
+        warning: {
+            iconClass: string[];
+        };
+        danger: {
+            iconClass: string[];
+        };
+        info: {
+            iconClass: string[];
+        };
+        default: {
+            base: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=toast.style.d.ts.map

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

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

package/dist/components/toast/toast.style.js

@@ -0,0 +1,88 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const toastStyle = ce({
+    slots: {
+        base: [
+            'plus-toast  bg-color-modal font-sans antialiased flex flex-row items-center justify-between border rounded w-fit max-w-2xl transition duration-300 ease-in-out transform scale-95 shadow-lg pointer-events-auto',
+        ],
+        iconClass: ['plus-toast__icon'],
+        messageClass: [
+            'plus-toast__message flex items-center font-normal text-color-default',
+        ],
+        closeClass: [
+            'plus-toast__close cursor-pointer relative',
+            // Clicking area
+            'before:absolute before:inset-0 before:z-10',
+            "before:rounded-full before:cursor-pointer before:bg-transparent before:content-['']",
+            'before:w-10 before:h-10 before:-top-1.5 before:-left-3 before:z-10',
+        ],
+        toastContainer: [
+            'plus-toast-container fixed z-50',
+        ],
+        contentClass: 'flex flex-col',
+        titleClass: 'font-medium text-color-default',
+        footerClass: 'flex flex-row items-center justify-end gap-2',
+        containerClass: 'plus-toast-container flex flex-row items-baseline justify-center flex-1',
+    },
+    variants: {
+        size: {
+            sm: {
+                base: ['p-3 text-sm'],
+                containerClass: 'gap-1.5',
+                // messageClass: 'text-sm',
+                // titleClass: 'text-base',
+                // contentClass: 'gap-2',
+            },
+            md: {
+                base: ['p-4 text-base'],
+                containerClass: 'gap-2',
+                // titleClass: 'text-lg',
+                // messageClass: 'text-base',
+                // contentClass: 'gap-2.5',
+            },
+            lg: {
+                base: ['p-6 text-lg'],
+                containerClass: 'gap-3',
+                // messageClass: 'text-lg',
+                // titleClass: 'text-xl',
+                // contentClass: 'gap-3',
+            },
+        },
+        kind: {
+            default: {
+                base: 'border-solid border-transparent',
+            },
+            outlined: {
+                base: 'border-solid border-color-default',
+            },
+            dashed: {
+                base: 'border-dashed border-color-default',
+            },
+        },
+        status: {
+            success: {
+                iconClass: ['text-color-success'],
+            },
+            warning: {
+                iconClass: ['text-color-warning'],
+            },
+            danger: {
+                iconClass: ['text-color-danger'],
+            },
+            info: {
+                iconClass: ['text-color-info'],
+            },
+            default: {
+                base: [' text-color-default'],
+            },
+        },
+    },
+    compoundVariants: [],
+    defaultVariants: {
+        size: 'md',
+        kind: 'default',
+        status: 'default',
+    },
+});
+
+export { toastStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.style.js","sourceRoot":"","sources":["../../../src/components/toast/toast.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;IAC3B,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,iNAAiN;SAClN;QACD,SAAS,EAAE,CAAC,kBAAkB,CAAC;QAC/B,YAAY,EAAE;YACZ,sEAAsE;SACvE;QACD,UAAU,EAAE;YACV,2CAA2C;YAC3C,gBAAgB;YAChB,4CAA4C;YAC5C,qFAAqF;YACrF,oEAAoE;SACrE;QACD,cAAc,EAAE;YACd,iCAAiC;SAClC;QACD,YAAY,EAAE,eAAe;QAC7B,UAAU,EAAE,gCAAgC;QAC5C,WAAW,EACT,8CAA8C;QAChD,cAAc,EACZ,yEAAyE;KAC5E;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,IAAI,EAAE,CAAC,aAAa,CAAC;gBACrB,cAAc,EAAE,SAAS;gBACzB,2BAA2B;gBAC3B,2BAA2B;gBAC3B,yBAAyB;aAC1B;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,CAAC,eAAe,CAAC;gBACvB,cAAc,EAAE,OAAO;gBACvB,yBAAyB;gBACzB,6BAA6B;gBAC7B,2BAA2B;aAC5B;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,CAAC,aAAa,CAAC;gBACrB,cAAc,EAAE,OAAO;gBACvB,2BAA2B;gBAC3B,yBAAyB;gBACzB,yBAAyB;aAC1B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,iCAAiC;aACxC;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,mCAAmC;aAC1C;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,oCAAoC;aAC3C;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC,oBAAoB,CAAC;aAClC;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC,oBAAoB,CAAC;aAClC;YACD,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC,mBAAmB,CAAC;aACjC;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,CAAC,iBAAiB,CAAC;aAC/B;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,CAAC,qBAAqB,CAAC;aAC9B;SACF;KACF;IACD,gBAAgB,EAAE,EAAE;IACpB,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC"}

package/dist/components/toast-container/index.d.ts

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

package/dist/components/toast-container/index.d.ts.map

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

package/dist/components/toast-container/index.js

@@ -0,0 +1,21 @@
+import PlusToastContainer from './toast-container.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import './toast-container.style.js';
+import '../../index-B9iart53.js';
+import '../../services/toast.service.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../toast/toast.js';
+import '../toast/toast.style.js';
+import '../../controllers/slot-controller.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../../directive-DZCF8pFJ.js';
+import '../svg-icon/icons.js';
+
+customElements.define('plus-toast-container', PlusToastContainer);
+
+export { PlusToastContainer };

package/dist/components/toast-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,cAAc,sBAAsB,CAAC;AAErC,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/toast-container/toast-container.d.ts

@@ -0,0 +1,34 @@
+import type { PositionType } from '../../services/toast.service';
+import Tailwind from '../base/tailwind-base.js';
+import '../toast/toast.js';
+/**
+ * @tag plus-toast-container
+ * @summary A container element that listens to the ToastService to display toast notifications.
+ * @dependency plus-toast
+ * @dependency ToastService
+ *
+ * @slot - Toast components are rendered here based on ToastService updates.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --toast-container-gap - Controls the gap between toasts within the container.
+ * @cssproperty --toast-container-z-index - Controls the stack order of the container.
+ */
+export default class PlusToastContainer extends Tailwind {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The position the container is responsible for.
+     * Only toasts targeted for this position via ToastService will be displayed.
+     * @default 'top-right'
+     */
+    position: PositionType;
+    /** The list of active toasts provided by the service. */
+    private _toasts;
+    private _unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleToastEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusToastContainer };
+//# sourceMappingURL=toast-container.d.ts.map

package/dist/components/toast-container/toast-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-container.d.ts","sourceRoot":"","sources":["../../../src/components/toast-container/toast-container.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IACtD,OAAgB,MAAM,4BAiBpB;IAEF;;;;OAIG;IACwC,QAAQ,EAAE,YAAY,CACnD;IAEd,yDAAyD;IAEzD,OAAO,CAAC,OAAO,CAAqB;IAEpC,OAAO,CAAC,YAAY,CAA6B;IAExC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,iBAAiB;IAUhB,MAAM;CA2BhB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}