@brandsync/wc 0.0.11 → 0.1.0

package/dist/esm/bs-modal.entry.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-DP_bvuvB.js';
-
-const bsModalCss = () => `.bs-modal__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-modal__dialog{display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-raised);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-modal__dialog--sm{width:360px}.bs-modal__dialog--md{width:560px}.bs-modal__dialog--lg{width:800px}.bs-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-400);border-bottom:1px solid var(--bs-border-default)}.bs-modal__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-modal__close{border:none;background:none;font-size:var(--bs-font-size-xl);line-height:1;color:var(--bs-icon-muted, var(--bs-text-secondary));cursor:pointer;padding:var(--bs-spacing-100)}.bs-modal__body{padding:var(--bs-spacing-400);overflow-y:auto}.bs-modal__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:var(--bs-spacing-400);border-top:1px solid var(--bs-border-default)}`;
-
-const BsModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bsClose = createEvent(this, "bsClose");
-    }
-    /** Mutable + reflected so the component can close itself (backdrop click, Escape, close button)
-     * the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to. */
-    open = false;
-    heading;
-    size = 'md';
-    bsClose;
-    /** Tracks whether the `footer` slot has assigned content, so the footer bar (border + padding)
-     * only renders when there's actually something to put in it. */
-    hasFooter = false;
-    onFooterSlotchange = (ev) => {
-        this.hasFooter = ev.target.assignedNodes().length > 0;
-    };
-    dialogRef;
-    previouslyFocused;
-    wasOpen = false;
-    close = () => {
-        this.open = false;
-        this.bsClose.emit();
-    };
-    onKeydown(ev) {
-        if (this.open && ev.key === 'Escape') {
-            this.close();
-        }
-    }
-    onBackdropClick = (ev) => {
-        if (ev.target === ev.currentTarget) {
-            this.close();
-        }
-    };
-    // Simple focus containment: rather than manually enumerating focusable elements (which can't
-    // reliably walk into slotted children's own Shadow DOM anyway), redirect any focus that lands
-    // outside the dialog back to it. composedPath() correctly reports elements across Shadow DOM
-    // boundaries, unlike a plain `.contains()` check.
-    onFocusIn(ev) {
-        if (this.open && this.dialogRef && !ev.composedPath().includes(this.dialogRef)) {
-            this.dialogRef.focus();
-        }
-    }
-    componentDidRender() {
-        if (this.open && !this.wasOpen) {
-            this.previouslyFocused = document.activeElement;
-            this.dialogRef?.focus();
-        }
-        else if (!this.open && this.wasOpen) {
-            this.previouslyFocused?.focus();
-        }
-        this.wasOpen = this.open;
-    }
-    render() {
-        if (!this.open) {
-            return null;
-        }
-        return (h("div", { part: "backdrop", class: "bs-modal__backdrop", onClick: this.onBackdropClick }, h("div", { ref: el => (this.dialogRef = el), tabIndex: -1, part: "dialog", class: `bs-modal__dialog bs-modal__dialog--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.heading }, h("div", { part: "header", class: "bs-modal__header" }, h("span", { class: "bs-modal__heading" }, this.heading), h("button", { part: "close", class: "bs-modal__close", "aria-label": "Close", onClick: this.close }, "\u00D7")), h("div", { part: "body", class: "bs-modal__body" }, h("slot", null)), h("div", { part: "footer", class: `bs-modal__footer ${this.hasFooter ? 'bs-modal__footer--visible' : ''}` }, h("slot", { name: "footer", onSlotchange: this.onFooterSlotchange })))));
-    }
-};
-BsModal.style = bsModalCss();
-
-export { BsModal as bs_modal };

package/dist/types/components/bs-modal/bs-modal.d.ts

@@ -1,45 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type BsModalSize = 'sm' | 'md' | 'lg';
-/**
- * An overlay dialog that interrupts the current flow for a focused task or confirmation.
- * Closes itself on backdrop click, Escape, or its own close button, and emits `bsClose`.
- *
- * ## When to use
- * - Confirming a consequential action (e.g. "Confirm booking") before it takes effect.
- * - A short, focused task that doesn't warrant navigating to a new page.
- *
- * ## When not to use
- * - For non-blocking status messages — use a toast/notification instead of interrupting the user.
- * - For a long, multi-step flow — a full page or a dedicated route is usually a better fit than a
- *   modal that just gets taller and taller.
- *
- * @slot - Default slot: the dialog body content.
- * @slot footer - Optional footer content (typically action buttons).
- * @part backdrop - The full-viewport overlay behind the dialog.
- * @part dialog - The dialog box itself.
- * @part header - The header row (heading + close button).
- * @part close - The close button.
- * @part body - The body content wrapper.
- * @part footer - The footer wrapper (only visible when the footer slot has content).
- */
-export declare class BsModal {
-    /** Mutable + reflected so the component can close itself (backdrop click, Escape, close button)
-     * the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to. */
-    open: boolean;
-    heading?: string;
-    size: BsModalSize;
-    bsClose: EventEmitter<void>;
-    /** Tracks whether the `footer` slot has assigned content, so the footer bar (border + padding)
-     * only renders when there's actually something to put in it. */
-    hasFooter: boolean;
-    private onFooterSlotchange;
-    private dialogRef?;
-    private previouslyFocused?;
-    private wasOpen;
-    private close;
-    onKeydown(ev: KeyboardEvent): void;
-    private onBackdropClick;
-    onFocusIn(ev: FocusEvent): void;
-    componentDidRender(): void;
-    render(): any;
-}