@mhmo91/schmancy 0.4.45 → 0.4.47

package/types/src/sheet/sheet.service.d.ts

@@ -1,159 +1,73 @@
+import { Subject } from 'rxjs';
 import SchmancySheet from './sheet';
 export declare enum SchmancySheetPosition {
     Side = "side",
     Bottom = "bottom"
 }
-/**
- * Configuration options for opening a sheet
- */
-export interface SheetConfig<T extends HTMLElement = HTMLElement> {
-    /** The component to display in the sheet. Can be an instance or a factory function */
-    component: T | (() => T);
-    /** Unique identifier for the sheet. Defaults to component's tagName */
+export type SheetConfig = {
+    component: HTMLElement;
     uid?: string;
-    /** Position of the sheet. Defaults to responsive (side on desktop, bottom on mobile) */
     position?: SchmancySheetPosition;
-    /** Whether to keep the sheet in DOM after closing. Defaults to false */
     persist?: boolean;
-    /** @deprecated Use onBeforeOpen to add close handlers */
     close?: () => void;
-    /** Prevents dismissal via ESC or overlay click. Defaults to false */
     lock?: boolean;
-    /** Whether to integrate with browser history. Defaults to true */
     handleHistory?: boolean;
-    /** Title displayed in the sheet header */
     title?: string;
-    /** Header visibility. Defaults to 'visible' */
     header?: 'hidden' | 'visible';
-    /** Callback invoked before the sheet opens, useful for component setup */
-    onBeforeOpen?: (component: T) => void;
-    /** Callback invoked after the sheet opens and becomes visible */
-    onAfterOpen?: (component: T) => void;
-}
-interface SheetDiscoveryDetail {
+    onBeforeOpen?: (component: HTMLElement) => void;
+    onAfterOpen?: (component: HTMLElement) => void;
+};
+type BottomSheeetTarget = SheetConfig;
+export type SheetWhereAreYouRickyEvent = CustomEvent<{
     uid: string;
-}
-interface SheetResponseDetail {
+}>;
+export declare const SheetWhereAreYouRicky = "are-you-there-sheet";
+export type SheetHereMortyEvent = CustomEvent<{
     sheet?: SchmancySheet;
     theme?: HTMLElement;
-}
-export type SheetWhereAreYouRickyEvent = CustomEvent<SheetDiscoveryDetail>;
-export declare const SheetWhereAreYouRicky = "are-you-there-sheet";
-export type SheetHereMortyEvent = CustomEvent<SheetResponseDetail>;
+}>;
 export declare const SheetHereMorty = "yes-here";
-/**
- * Service for managing sheet components throughout the application.
- * Handles sheet lifecycle, history integration, and component reuse.
- *
- * @example
- * ```typescript
- * // Simple usage
- * sheet.open({
- *   component: document.createElement('my-form'),
- *   title: 'My Form'
- * });
- *
- * // With callbacks
- * sheet.open({
- *   component: () => {
- *     const form = document.createElement('employee-form');
- *     form.addEventListener('save', () => sheet.dismiss('employee-form'));
- *     return form;
- *   },
- *   uid: 'employee-form',
- *   onBeforeOpen: (form) => {
- *     form.data = employeeData;
- *   }
- * });
- * ```
- */
-declare class SheetService {
-    private readonly openSheet$;
-    private readonly dismissSheet$;
-    private readonly activeSheets;
-    private readonly sheetComponents;
-    private readonly sheetElements;
+declare class BottomSheetService {
+    bottomSheet: Subject<SheetConfig>;
+    $dismiss: Subject<string>;
+    private activeSheets;
+    private sheetComponents;
     private popStateListenerActive;
     constructor();
     /**
-     * Initializes the reactive event streams for sheet operations
-     */
-    private initializeEventStreams;
-    /**
-     * Creates or retrieves a component instance from the configuration
+     * Sets up the main sheet opening logic
      */
-    private resolveComponent;
+    private setupSheetOpeningLogic;
     /**
-     * Calculates the unique identifier for a sheet
+     * Sets up the sheet closing/dismissal logic
      */
-    private calculateUid;
+    private setupSheetDismissLogic;
     /**
-     * Discovers existing sheet container or creates a new one
+     * Sets up the popstate listener to handle browser back button
      */
-    private discoverOrCreateSheet;
+    private setupPopStateListener;
     /**
-     * Applies configuration to a sheet element
-     */
-    private configureSheet;
-    /**
-     * Handles the sheet opening logic
-     */
-    private setupOpenStream;
-    /**
-     * Sets up the close event listener for a sheet
-     */
-    private setupCloseListener;
-    /**
-     * Sets up the sheet dismissal logic
-     */
-    private setupDismissStream;
-    /**
-     * Sets up browser history integration for back button support
-     */
-    private setupHistoryManagement;
-    /**
-     * Opens a sheet with the specified configuration
-     * @param config - Configuration options for the sheet
-     * @example
-     * ```typescript
-     * sheet.open({
-     *   component: document.createElement('my-form'),
-     *   uid: 'my-form-sheet',
-     *   title: 'Edit Form',
-     *   onBeforeOpen: (component) => {
-     *     component.data = formData;
-     *   }
-     * });
-     * ```
-     */
-    open<T extends HTMLElement = HTMLElement>(config: SheetConfig<T>): void;
-    /**
-     * Dismisses a sheet by its unique identifier
-     * @param uid - The unique identifier of the sheet to dismiss. If not provided, dismisses the most recent sheet.
+     * Dismiss a sheet by uid, or dismiss the most recently opened sheet if no uid provided
      */
     dismiss(uid?: string): void;
     /**
-     * Gets the component instance for a given sheet
-     * @param uid - The unique identifier of the sheet
-     * @returns The component instance, or undefined if not found
+     * Open a sheet with the given target configuration
      */
-    getComponent<T extends HTMLElement = HTMLElement>(uid: string): T | undefined;
+    open(target: BottomSheeetTarget): void;
     /**
-     * Checks if a sheet is currently open
-     * @param uid - The unique identifier of the sheet
-     * @returns True if the sheet is open, false otherwise
+     * Check if a sheet is currently open by uid
      */
     isOpen(uid: string): boolean;
     /**
-     * Closes all currently open sheets
+     * Close all open sheets
      */
     closeAll(): void;
     /**
-     * Gets the sheet element for a given uid
+     * Gets the component instance for a given sheet
      * @param uid - The unique identifier of the sheet
-     * @returns The sheet element, or undefined if not found
+     * @returns The component instance, or undefined if not found
      */
-    getSheetElement(uid: string): SchmancySheet | undefined;
+    getComponent<T extends HTMLElement = HTMLElement>(uid: string): T | undefined;
 }
-export declare const sheet: SheetService;
+export declare const sheet: BottomSheetService;
 export {};

package/dist/dialog-service-AdqbEHnW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-service-AdqbEHnW.js","sources":["../src/dialog/dialog-service.ts"],"sourcesContent":["import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, switchMap, takeUntil, tap, timer, take } from 'rxjs'\nimport { ConfirmDialog } from './dailog'\nimport { DialogHereMorty, DialogHereMortyEvent, DialogWhereAreYouRicky } from './dialog-events'\nimport { ThemeWhereAreYou, ThemeHereIAm, ThemeHereIAmEvent } from '../theme/theme.component'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tsubtitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tconfirmColor?: 'primary' | 'error' | 'warning' | 'success' // Button color for confirm action\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n\thideActions?: boolean // Set to true to hide all buttons and title\n\ttargetContainer?: HTMLElement // Container to append dialog to (defaults to document.body)\n}\n\ninterface DialogTarget {\n\toptions: DialogOptions\n\ttype: 'confirm' | 'component'\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\tresolve?: (value: boolean) => void\n\treject?: (reason?: any) => void\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tsubtitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: undefined,\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\n\t\n\t// Subject for dialog opening requests\n\tprivate dialogSubject = new Subject<DialogTarget>()\n\t\n\t// Subject for dialog dismissal requests\n\tprivate dismissSubject = new Subject<string>()\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {\n\t\tthis.setupDialogOpeningLogic()\n\t\tthis.setupDialogDismissLogic()\n\t}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\t\n\t/**\n\t * Sets up the main dialog opening logic using RxJS pipes\n\t */\n\tprivate setupDialogOpeningLogic() {\n\t\tthis.dialogSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\tconst uid = target.type === 'confirm' \n\t\t\t\t\t\t\t\t\t? `confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\t: `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t// Store uid in target for later use\n\t\t\t\t\t\t\t\t;(target as any).uid = uid\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\tswitchMap(([response, target]) => {\n\t\t\t\t\tlet dialog: ConfirmDialog | any\n\t\t\t\t\tlet targetContainer: HTMLElement\n\t\t\t\t\t\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\t// Use existing dialog\n\t\t\t\t\t\tdialog = response.dialog\n\t\t\t\t\t\ttargetContainer = dialog.parentElement as HTMLElement\n\t\t\t\t\t\treturn of({ dialog, target, targetContainer })\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Determine container - use responding theme or fallback\n\t\t\t\t\t\tif (response?.theme) {\n\t\t\t\t\t\t\ttargetContainer = response.theme as HTMLElement\n\t\t\t\t\t\t\treturn of({ dialog: null, target, targetContainer })\n\t\t\t\t\t\t} else if (target.options.targetContainer) {\n\t\t\t\t\t\t\ttargetContainer = target.options.targetContainer\n\t\t\t\t\t\t\treturn of({ dialog: null, target, targetContainer })\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Use the same theme discovery pattern as sheet service\n\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(ThemeWhereAreYou))\n\t\t\t\t\t\t\treturn fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t\t\ttake(1),\n\t\t\t\t\t\t\t\tmap(theme => ({\n\t\t\t\t\t\t\t\t\tdialog: null,\n\t\t\t\t\t\t\t\t\ttarget,\n\t\t\t\t\t\t\t\t\ttargetContainer: theme || document.body\n\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\t// Create appropriate dialog type\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdialog.setAttribute('uid', (target as any).uid)\n\t\t\t\t\t\ttargetContainer.appendChild(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\t// Return the actual dialog element that was created\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\tdialog = targetContainer.querySelector(`[uid=\"${(target as any).uid}\"]`)\n\t\t\t\t\t}\n\t\t\t\t\treturn { dialog, target, targetContainer }\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t// Configure confirm dialog\n\t\t\t\t\t\tconst confirmDialog = dialog as ConfirmDialog\n\t\t\t\t\t\tconst options = target.options\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (options.title) confirmDialog.title = options.title\n\t\t\t\t\t\tif (options.subtitle) confirmDialog.subtitle = options.subtitle\n\t\t\t\t\t\tif (options.message) confirmDialog.message = options.message\n\t\t\t\t\t\tif (options.confirmText) confirmDialog.confirmText = options.confirmText\n\t\t\t\t\t\tif (options.cancelText) confirmDialog.cancelText = options.cancelText\n\t\t\t\t\t\tif (options.variant) confirmDialog.variant = options.variant\n\t\t\t\t\t\tif (options.confirmColor) confirmDialog.confirmColor = options.confirmColor\n\t\t\t\t\t\tif (options.width) confirmDialog.style.setProperty('--dialog-width', options.width)\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Handle custom content if provided\n\t\t\t\t\t\tif (options.content) {\n\t\t\t\t\t\t\tconst contentContainer = document.createElement('div')\n\t\t\t\t\t\t\tcontentContainer.slot = 'content'\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (typeof options.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = options.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (options.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tcontentContainer.appendChild(options.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(options.content, contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tconfirmDialog.appendChild(contentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active dialogs\n\t\t\t\t\t\tthis.activeDialogs.push(confirmDialog)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Configure component dialog\n\t\t\t\t\t\tif (target.content) {\n\t\t\t\t\t\t\tconst directContentContainer = document.createElement('div')\n\t\t\t\t\t\t\tdirectContentContainer.style.height = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.style.width = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container')\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Render the content directly\n\t\t\t\t\t\t\tif (typeof target.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = target.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, directContentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (target.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(target.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(target.content, directContentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdialog.appendChild(directContentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Set width from options\n\t\t\t\t\t\tif (target.options.width) {\n\t\t\t\t\t\t\tdialog.style.setProperty('--dialog-width', target.options.width)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active raw dialogs\n\t\t\t\t\t\tthis.activeRawDialogs.push(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\t// Show dialog and handle promise resolution\n\t\t\t\t\tconst position = target.options.position || this.getCenteredPosition()\n\t\t\t\t\t\n\t\t\t\t\tdialog.show(position).then((result: boolean) => {\n\t\t\t\t\t\tif (target.resolve) {\n\t\t\t\t\t\t\ttarget.resolve(result)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Cleanup\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\t\t\t\tif (contentEl) {\n\t\t\t\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst index = this.activeRawDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeRawDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentContainer = dialog.querySelector('.schmancy-dialog-content-container')\n\t\t\t\t\t\t\tif (contentContainer && contentContainer.parentNode) {\n\t\t\t\t\t\t\t\tcontentContainer.parentNode.removeChild(contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove dialog from DOM\n\t\t\t\t\t\tif (dialog.parentElement) {\n\t\t\t\t\t\t\tdialog.parentElement.removeChild(dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}).catch((error: any) => {\n\t\t\t\t\t\tif (target.reject) {\n\t\t\t\t\t\t\ttarget.reject(error)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t\n\t\t\t\t\t// Set up event listeners for callbacks\n\t\t\t\t\tif (target.options.onConfirm) {\n\t\t\t\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onConfirm!()\n\t\t\t\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tif (target.options.onCancel) {\n\t\t\t\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onCancel!()\n\t\t\t\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\t\n\t/**\n\t * Sets up the dialog dismissal logic\n\t */\n\tprivate setupDialogDismissLogic() {\n\t\tthis.dismissSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, { \n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response]) => {\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\t// Hide the dialog\n\t\t\t\t\t\tresponse.dialog.hide(false)\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove from tracking arrays\n\t\t\t\t\t\tconst confirmIndex = this.activeDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (confirmIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeDialogs.splice(confirmIndex, 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tconst rawIndex = this.activeRawDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (rawIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeRawDialogs.splice(rawIndex, 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove dialog from DOM immediately\n\t\t\t\t\t\tif (response.dialog.parentElement) {\n\t\t\t\t\t\t\tresponse.dialog.parentElement.removeChild(response.dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t// Apply default options\n\t\t\tconst completeOptions = {\n\t\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t\t...options,\n\t\t\t}\n\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!completeOptions.position) {\n\t\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: completeOptions,\n\t\t\t\ttype: 'confirm',\n\t\t\t\tcontent: completeOptions.content,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!options.position) {\n\t\t\t\toptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: options as DialogOptions,\n\t\t\t\ttype: 'component',\n\t\t\t\tcontent,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\n\t\t})\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1]\n\t\t\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1]\n\t\t\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\n\t\treturn false\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * This is an alias for component() since all component dialogs are now simple by design\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService"],"names":["DialogService","constructor","this","activeDialogs","activeRawDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","instance","pipe","switchMap","forkJoin","fromEvent","window","DialogHereMorty","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","type","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","DialogWhereAreYouRicky","bubbles","composed","response","dialog","targetContainer","parentElement","theme","options","ThemeWhereAreYou","ThemeHereIAm","take","document","body","createElement","setAttribute","appendChild","querySelector","confirmDialog","title","subtitle","message","confirmText","cancelText","variant","confirmColor","width","style","setProperty","content","contentContainer","slot","result","HTMLElement","render","push","directContentContainer","height","classList","add","position","getCenteredPosition","show","then","resolve","index","indexOf","splice","contentEl","removeChild","parentNode","catch","error","reject","onConfirm","_e","removeEventListener","addEventListener","onCancel","subscribe","hide","confirmIndex","rawIndex","Promise","completeOptions","DEFAULT_OPTIONS","next","dismiss","length","getAttribute","event","confirm","x","innerWidth","y","innerHeight","_w","$dialog","getInstance","ask","danger","component","simple"],"mappings":"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"}

package/dist/dialog-service-B4gxdlr-.cjs

@@ -1,2 +0,0 @@
-"use strict";const g=require("lit"),o=require("rxjs"),d=require("./theme.component-B3Z6xZ33.cjs"),l=class l{constructor(){this.activeDialogs=[],this.activeRawDialogs=[],this.dialogSubject=new o.Subject,this.dismissSubject=new o.Subject,this.setupDialogOpeningLogic(),this.setupDialogDismissLogic()}static getInstance(){return l.instance||(l.instance=new l),l.instance}setupDialogOpeningLogic(){this.dialogSubject.pipe(o.switchMap(e=>o.forkJoin([o.fromEvent(window,d.DialogHereMorty).pipe(o.takeUntil(o.timer(100)),o.map(t=>t.detail),o.defaultIfEmpty(void 0)),o.of(e).pipe(o.tap(()=>{const t=e.type==="confirm"?`confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2,9)}`:`dialog-${Date.now()}-${Math.random().toString(36).substring(2,9)}`;window.dispatchEvent(new CustomEvent(d.DialogWhereAreYouRicky,{detail:{uid:t},bubbles:!0,composed:!0})),e.uid=t}))])),o.switchMap(([e,t])=>{let n,i;return e?.dialog?(n=e.dialog,i=n.parentElement,o.of({dialog:n,target:t,targetContainer:i})):e?.theme?(i=e.theme,o.of({dialog:null,target:t,targetContainer:i})):t.options.targetContainer?(i=t.options.targetContainer,o.of({dialog:null,target:t,targetContainer:i})):(window.dispatchEvent(new CustomEvent(d.ThemeWhereAreYou)),o.fromEvent(window,d.ThemeHereIAm).pipe(o.takeUntil(o.timer(100)),o.map(s=>s.detail.theme),o.defaultIfEmpty(void 0),o.take(1),o.map(s=>({dialog:null,target:t,targetContainer:s||document.body}))))}),o.tap(({dialog:e,target:t,targetContainer:n})=>{e||((e=t.type==="confirm"?document.createElement("confirm-dialog"):document.createElement("schmancy-dialog")).setAttribute("uid",t.uid),n.appendChild(e))}),o.map(({dialog:e,target:t,targetContainer:n})=>(e||(e=n.querySelector(`[uid="${t.uid}"]`)),{dialog:e,target:t,targetContainer:n})),o.tap(({dialog:e,target:t})=>{if(t.type==="confirm"){const n=e,i=t.options;if(i.title&&(n.title=i.title),i.subtitle&&(n.subtitle=i.subtitle),i.message&&(n.message=i.message),i.confirmText&&(n.confirmText=i.confirmText),i.cancelText&&(n.cancelText=i.cancelText),i.variant&&(n.variant=i.variant),i.confirmColor&&(n.confirmColor=i.confirmColor),i.width&&n.style.setProperty("--dialog-width",i.width),i.content){const s=document.createElement("div");if(s.slot="content",typeof i.content=="function"){const a=i.content();a instanceof HTMLElement?s.appendChild(a):g.render(a,s)}else i.content instanceof HTMLElement?s.appendChild(i.content):g.render(i.content,s);n.appendChild(s)}this.activeDialogs.push(n)}else{if(t.content){const n=document.createElement("div");if(n.style.height="100%",n.style.width="100%",n.classList.add("schmancy-dialog-content-container"),typeof t.content=="function"){const i=t.content();i instanceof HTMLElement?n.appendChild(i):g.render(i,n)}else t.content instanceof HTMLElement?n.appendChild(t.content):g.render(t.content,n);e.appendChild(n)}t.options.width&&e.style.setProperty("--dialog-width",t.options.width),this.activeRawDialogs.push(e)}}),o.tap(({dialog:e,target:t})=>{const n=t.options.position||this.getCenteredPosition();if(e.show(n).then(i=>{if(t.resolve&&t.resolve(i),t.type==="confirm"){const s=this.activeDialogs.indexOf(e);s!==-1&&this.activeDialogs.splice(s,1);const a=e.querySelector('[slot="content"]');a&&e.removeChild(a)}else{const s=this.activeRawDialogs.indexOf(e);s!==-1&&this.activeRawDialogs.splice(s,1);const a=e.querySelector(".schmancy-dialog-content-container");a&&a.parentNode&&a.parentNode.removeChild(a)}e.parentElement&&e.parentElement.removeChild(e)}).catch(i=>{t.reject&&t.reject(i)}),t.options.onConfirm){const i=s=>{t.options.onConfirm(),e.removeEventListener("confirm",i)};e.addEventListener("confirm",i)}if(t.options.onCancel){const i=s=>{t.options.onCancel(),e.removeEventListener("cancel",i)};e.addEventListener("cancel",i)}})).subscribe()}setupDialogDismissLogic(){this.dismissSubject.pipe(o.switchMap(e=>o.forkJoin([o.fromEvent(window,d.DialogHereMorty).pipe(o.takeUntil(o.timer(100)),o.map(t=>t.detail),o.defaultIfEmpty(void 0)),o.of(e).pipe(o.tap(()=>{window.dispatchEvent(new CustomEvent(d.DialogWhereAreYouRicky,{detail:{uid:e},bubbles:!0,composed:!0}))}))])),o.tap(([e])=>{if(e?.dialog){e.dialog.hide(!1);const t=this.activeDialogs.indexOf(e.dialog);t!==-1&&this.activeDialogs.splice(t,1);const n=this.activeRawDialogs.indexOf(e.dialog);n!==-1&&this.activeRawDialogs.splice(n,1),e.dialog.parentElement&&e.dialog.parentElement.removeChild(e.dialog)}})).subscribe()}confirm(e){return new Promise((t,n)=>{const i={...l.DEFAULT_OPTIONS,...e};i.position||(i.position=this.getCenteredPosition());const s={options:i,type:"confirm",content:i.content,resolve:t,reject:n};this.dialogSubject.next(s)})}component(e,t={}){return new Promise((n,i)=>{t.position||(t.position=this.getCenteredPosition());const s={options:t,type:"component",content:e,resolve:n,reject:i};this.dialogSubject.next(s)})}dismiss(){if(this.activeRawDialogs.length>0){const e=this.activeRawDialogs[this.activeRawDialogs.length-1].getAttribute("uid");if(e)return this.dismissSubject.next(e),!0}if(this.activeDialogs.length>0){const e=this.activeDialogs[this.activeDialogs.length-1].getAttribute("uid");if(e)return this.dismissSubject.next(e),!0}return!1}ask(e,t){return this.confirm({message:e,position:t})}danger(e){return this.confirm({...e,variant:"danger"})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};l.DEFAULT_OPTIONS={title:void 0,subtitle:void 0,confirmText:void 0,cancelText:void 0,variant:"default",width:"360px"};let r=l;const p={confirm:c=>r.getInstance().confirm(c),ask:(c,e)=>r.getInstance().ask(c,e),danger:c=>r.getInstance().danger(c),component:(c,e)=>r.getInstance().component(c,e),simple:(c,e)=>r.getInstance().component(c,e),dismiss:()=>r.getInstance().dismiss()};exports.$dialog=p,exports.DialogService=r;
-//# sourceMappingURL=dialog-service-B4gxdlr-.cjs.map

package/dist/dialog-service-B4gxdlr-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-service-B4gxdlr-.cjs","sources":["../src/dialog/dialog-service.ts"],"sourcesContent":["import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, switchMap, takeUntil, tap, timer, take } from 'rxjs'\nimport { ConfirmDialog } from './dailog'\nimport { DialogHereMorty, DialogHereMortyEvent, DialogWhereAreYouRicky } from './dialog-events'\nimport { ThemeWhereAreYou, ThemeHereIAm, ThemeHereIAmEvent } from '../theme/theme.component'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tsubtitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tconfirmColor?: 'primary' | 'error' | 'warning' | 'success' // Button color for confirm action\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n\thideActions?: boolean // Set to true to hide all buttons and title\n\ttargetContainer?: HTMLElement // Container to append dialog to (defaults to document.body)\n}\n\ninterface DialogTarget {\n\toptions: DialogOptions\n\ttype: 'confirm' | 'component'\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\tresolve?: (value: boolean) => void\n\treject?: (reason?: any) => void\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tsubtitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: undefined,\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\n\t\n\t// Subject for dialog opening requests\n\tprivate dialogSubject = new Subject<DialogTarget>()\n\t\n\t// Subject for dialog dismissal requests\n\tprivate dismissSubject = new Subject<string>()\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {\n\t\tthis.setupDialogOpeningLogic()\n\t\tthis.setupDialogDismissLogic()\n\t}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\t\n\t/**\n\t * Sets up the main dialog opening logic using RxJS pipes\n\t */\n\tprivate setupDialogOpeningLogic() {\n\t\tthis.dialogSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\tconst uid = target.type === 'confirm' \n\t\t\t\t\t\t\t\t\t? `confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\t: `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t// Store uid in target for later use\n\t\t\t\t\t\t\t\t;(target as any).uid = uid\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\tswitchMap(([response, target]) => {\n\t\t\t\t\tlet dialog: ConfirmDialog | any\n\t\t\t\t\tlet targetContainer: HTMLElement\n\t\t\t\t\t\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\t// Use existing dialog\n\t\t\t\t\t\tdialog = response.dialog\n\t\t\t\t\t\ttargetContainer = dialog.parentElement as HTMLElement\n\t\t\t\t\t\treturn of({ dialog, target, targetContainer })\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Determine container - use responding theme or fallback\n\t\t\t\t\t\tif (response?.theme) {\n\t\t\t\t\t\t\ttargetContainer = response.theme as HTMLElement\n\t\t\t\t\t\t\treturn of({ dialog: null, target, targetContainer })\n\t\t\t\t\t\t} else if (target.options.targetContainer) {\n\t\t\t\t\t\t\ttargetContainer = target.options.targetContainer\n\t\t\t\t\t\t\treturn of({ dialog: null, target, targetContainer })\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Use the same theme discovery pattern as sheet service\n\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(ThemeWhereAreYou))\n\t\t\t\t\t\t\treturn fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t\t\ttake(1),\n\t\t\t\t\t\t\t\tmap(theme => ({\n\t\t\t\t\t\t\t\t\tdialog: null,\n\t\t\t\t\t\t\t\t\ttarget,\n\t\t\t\t\t\t\t\t\ttargetContainer: theme || document.body\n\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\t// Create appropriate dialog type\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdialog.setAttribute('uid', (target as any).uid)\n\t\t\t\t\t\ttargetContainer.appendChild(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\t// Return the actual dialog element that was created\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\tdialog = targetContainer.querySelector(`[uid=\"${(target as any).uid}\"]`)\n\t\t\t\t\t}\n\t\t\t\t\treturn { dialog, target, targetContainer }\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t// Configure confirm dialog\n\t\t\t\t\t\tconst confirmDialog = dialog as ConfirmDialog\n\t\t\t\t\t\tconst options = target.options\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (options.title) confirmDialog.title = options.title\n\t\t\t\t\t\tif (options.subtitle) confirmDialog.subtitle = options.subtitle\n\t\t\t\t\t\tif (options.message) confirmDialog.message = options.message\n\t\t\t\t\t\tif (options.confirmText) confirmDialog.confirmText = options.confirmText\n\t\t\t\t\t\tif (options.cancelText) confirmDialog.cancelText = options.cancelText\n\t\t\t\t\t\tif (options.variant) confirmDialog.variant = options.variant\n\t\t\t\t\t\tif (options.confirmColor) confirmDialog.confirmColor = options.confirmColor\n\t\t\t\t\t\tif (options.width) confirmDialog.style.setProperty('--dialog-width', options.width)\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Handle custom content if provided\n\t\t\t\t\t\tif (options.content) {\n\t\t\t\t\t\t\tconst contentContainer = document.createElement('div')\n\t\t\t\t\t\t\tcontentContainer.slot = 'content'\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (typeof options.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = options.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (options.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tcontentContainer.appendChild(options.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(options.content, contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tconfirmDialog.appendChild(contentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active dialogs\n\t\t\t\t\t\tthis.activeDialogs.push(confirmDialog)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Configure component dialog\n\t\t\t\t\t\tif (target.content) {\n\t\t\t\t\t\t\tconst directContentContainer = document.createElement('div')\n\t\t\t\t\t\t\tdirectContentContainer.style.height = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.style.width = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container')\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Render the content directly\n\t\t\t\t\t\t\tif (typeof target.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = target.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, directContentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (target.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(target.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(target.content, directContentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdialog.appendChild(directContentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Set width from options\n\t\t\t\t\t\tif (target.options.width) {\n\t\t\t\t\t\t\tdialog.style.setProperty('--dialog-width', target.options.width)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active raw dialogs\n\t\t\t\t\t\tthis.activeRawDialogs.push(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\t// Show dialog and handle promise resolution\n\t\t\t\t\tconst position = target.options.position || this.getCenteredPosition()\n\t\t\t\t\t\n\t\t\t\t\tdialog.show(position).then((result: boolean) => {\n\t\t\t\t\t\tif (target.resolve) {\n\t\t\t\t\t\t\ttarget.resolve(result)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Cleanup\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\t\t\t\tif (contentEl) {\n\t\t\t\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst index = this.activeRawDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeRawDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentContainer = dialog.querySelector('.schmancy-dialog-content-container')\n\t\t\t\t\t\t\tif (contentContainer && contentContainer.parentNode) {\n\t\t\t\t\t\t\t\tcontentContainer.parentNode.removeChild(contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove dialog from DOM\n\t\t\t\t\t\tif (dialog.parentElement) {\n\t\t\t\t\t\t\tdialog.parentElement.removeChild(dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}).catch((error: any) => {\n\t\t\t\t\t\tif (target.reject) {\n\t\t\t\t\t\t\ttarget.reject(error)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t\n\t\t\t\t\t// Set up event listeners for callbacks\n\t\t\t\t\tif (target.options.onConfirm) {\n\t\t\t\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onConfirm!()\n\t\t\t\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tif (target.options.onCancel) {\n\t\t\t\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onCancel!()\n\t\t\t\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\t\n\t/**\n\t * Sets up the dialog dismissal logic\n\t */\n\tprivate setupDialogDismissLogic() {\n\t\tthis.dismissSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, { \n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response]) => {\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\t// Hide the dialog\n\t\t\t\t\t\tresponse.dialog.hide(false)\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove from tracking arrays\n\t\t\t\t\t\tconst confirmIndex = this.activeDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (confirmIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeDialogs.splice(confirmIndex, 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tconst rawIndex = this.activeRawDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (rawIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeRawDialogs.splice(rawIndex, 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove dialog from DOM immediately\n\t\t\t\t\t\tif (response.dialog.parentElement) {\n\t\t\t\t\t\t\tresponse.dialog.parentElement.removeChild(response.dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t// Apply default options\n\t\t\tconst completeOptions = {\n\t\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t\t...options,\n\t\t\t}\n\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!completeOptions.position) {\n\t\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: completeOptions,\n\t\t\t\ttype: 'confirm',\n\t\t\t\tcontent: completeOptions.content,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!options.position) {\n\t\t\t\toptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: options as DialogOptions,\n\t\t\t\ttype: 'component',\n\t\t\t\tcontent,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\n\t\t})\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1]\n\t\t\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1]\n\t\t\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\n\t\treturn false\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * This is an alias for component() since all component dialogs are now simple by design\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService"],"names":["DialogService","constructor","this","activeDialogs","activeRawDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","getInstance","instance","pipe","switchMap","forkJoin","fromEvent","window","DialogHereMorty","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","type","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","DialogWhereAreYouRicky","bubbles","composed","response","dialog","targetContainer","parentElement","theme","options","ThemeWhereAreYou","ThemeHereIAm","take","document","body","createElement","setAttribute","appendChild","querySelector","confirmDialog","title","subtitle","message","confirmText","cancelText","variant","confirmColor","width","style","setProperty","content","contentContainer","slot","result","HTMLElement","render","push","directContentContainer","height","classList","add","position","getCenteredPosition","show","then","resolve","index","indexOf","splice","contentEl","removeChild","parentNode","catch","error","reject","onConfirm","_e","removeEventListener","addEventListener","onCancel","subscribe","hide","confirmIndex","rawIndex","Promise","completeOptions","DEFAULT_OPTIONS","next","dismiss","length","getAttribute","event","confirm","x","innerWidth","y","innerHeight","$dialog","ask","danger","component","simple"],"mappings":"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"}

package/dist/sheet-BXNBQt5O.js

@@ -1,149 +0,0 @@
-import { fromEvent as d, tap as p, of as w, take as k, merge as E, takeUntil as x } from "rxjs";
-import { classMap as y } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as $ } from "./tailwind.mixin-CaIkmP6j.js";
-import { customElement as g, property as c, queryAssignedElements as S } from "lit/decorators.js";
-import { css as C, html as f } from "lit";
-import { $ as A } from "./litElement.mixin-BH9PTyUD.js";
-import { cache as O } from "lit/directives/cache.js";
-import { ifDefined as v } from "lit/directives/if-defined.js";
-import { createRef as B, ref as F } from "lit/directives/ref.js";
-import { S as P, s as m, a as U, b as j } from "./theme.component-DbZODTAR.js";
-var D = Object.getOwnPropertyDescriptor;
-let b = class extends $(C``) {
-  render() {
-    return f`
-			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
-				<div class="block md:hidden flex-1 justify-start items-start">
-					<slot name="back">
-						<schmancy-button
-							@click=${() => {
-      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
-    }}
-						>
-							<span class="text-[24px]">&#8592; </span>
-						</schmancy-button>
-					</slot>
-				</div>
-
-				<div class="hidden md:block flex-1 justify-end items-end">
-					<slot name="actions">
-						<schmancy-icon-button
-							@click=${() => {
-      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
-    }}
-						>
-							close
-						</schmancy-icon-button>
-					</slot>
-				</div>
-			</sch-flex>
-		`;
-  }
-};
-b = ((t, e, s, i) => {
-  for (var r, o = i > 1 ? void 0 : i ? D(e, s) : e, h = t.length - 1; h >= 0; h--) (r = t[h]) && (o = r(o) || o);
-  return o;
-})([g("schmancy-sheet-header")], b);
-var H = Object.defineProperty, R = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
-  for (var r, o = i > 1 ? void 0 : i ? R(e, s) : e, h = t.length - 1; h >= 0; h--) (r = t[h]) && (o = (i ? r(e, s, o) : r(o)) || o);
-  return i && o && H(e, s, o), o;
-};
-let n = class extends A(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-timing: cubic-bezier(.16, 1, .3, 1);--transition-duration: .25s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;inset:0;z-index:999;display:flex;visibility:visible;transition:visibility var(--transition-duration) var(--transition-timing)}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;inset:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) var(--transition-timing)}.content{z-index:1;transition:transform var(--transition-duration) var(--transition-timing);overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}") {
-  constructor() {
-    super(...arguments), this.open = !1, this.header = "visible", this.position = P.Side, this.persist = !1, this.lock = !1, this.handleHistory = !0, this.title = "", this.sheetRef = B(), this.focusAttribute = "autofocus", this.lastFocusedElement = null, this.handleOverlayClick = (t) => {
-      t.stopPropagation(), this.lock || m.dismiss(this.uid);
-    }, this.handleHeaderDismiss = (t) => {
-      t.stopPropagation(), m.dismiss(this.uid);
-    };
-  }
-  onOpenChange(t, e) {
-    e ? (this.lastFocusedElement = document.activeElement, this.setBackgroundInert(!0), this.focus()) : (this.setBackgroundInert(!1), this.lastFocusedElement?.focus(), this.lastFocusedElement = null);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setupEventListeners();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnecting.next(!0);
-  }
-  setupEventListeners() {
-    const t = this.handleHistory ? d(window, "popstate").pipe(p((i) => {
-      i.preventDefault(), this.closeSheet();
-    })) : w(null).pipe(k(0)), e = d(this, "keydown").pipe(p((i) => {
-      i.key === "Escape" && !this.lock && this.open && (i.preventDefault(), i.stopPropagation(), m.dismiss(this.uid));
-    })), s = d(window, U).pipe(p((i) => {
-      i.detail.uid === this.uid && this.announcePresence();
-    }));
-    E(t, e, s).pipe(x(this.disconnecting)).subscribe();
-  }
-  announcePresence() {
-    this.dispatchEvent(new CustomEvent(j, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
-  }
-  setBackgroundInert(t) {
-    const e = this.parentElement;
-    e && Array.from(e.children).forEach((s) => {
-      s !== this && s instanceof HTMLElement && (t ? s.setAttribute("inert", "") : s.removeAttribute("inert"));
-    }), this.parentElement === document.body && Array.from(document.body.children).forEach((s) => {
-      s !== this && s !== e && s instanceof HTMLElement && (t ? s.setAttribute("inert", "") : s.removeAttribute("inert"));
-    });
-  }
-  setIsSheetShown(t) {
-    this.sheetRef.value?.setAttribute("aria-hidden", String(!t)), this.sheetRef.value?.setAttribute("aria-modal", String(t));
-  }
-  closeSheet() {
-    this.open = !1, this.dispatchEvent(new CustomEvent("close"));
-  }
-  getFocusElement() {
-    const t = `[${this.focusAttribute}]`;
-    return this.assignedElements.find((e) => e.matches(t) || e.querySelector(t)) ?? null;
-  }
-  focus() {
-    const t = this.querySelector("[autofocus]");
-    t ? t.focus() : this.getFocusElement()?.focus();
-  }
-  render() {
-    const t = { sheet: !0, "sheet--open": this.open, "sheet--locked": this.lock }, e = { overlay: !0, "overlay--interactive": !this.lock };
-    return f`
-			<div 
-				class=${y(t)}
-				role="dialog" 
-				aria-labelledby=${v(this.header !== "hidden" ? "sheet-title" : void 0)}
-				aria-hidden=${!this.open} 
-				aria-modal=${this.open}
-				tabindex="0"
-				${F(this.sheetRef)}>
-				<div
-					class=${y(e)}
-					@click=${this.lock ? void 0 : this.handleOverlayClick}
-				></div>
-				<schmancy-grid
-					rows=${this.header === "hidden" ? "1fr" : "auto 1fr"}
-					class="content w-full"
-					data-position=${this.position}
-				>
-					${O(this.header !== "hidden" ? f`<schmancy-sheet-header
-								class="sticky top-0 z-50 w-full"
-								@dismiss=${this.handleHeaderDismiss}
-								id="sheet-title"
-								title=${v(this.title || void 0)}
-							></schmancy-sheet-header>` : "")}
-
-					<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
-						<schmancy-scroll> <slot></slot></schmancy-scroll>
-					</schmancy-surface>
-				</schmancy-grid>
-			</div>
-		`;
-  }
-};
-var l, u;
-a([c({ type: String, reflect: !0 })], n.prototype, "uid", 2), a([c({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), a([c({ type: String, reflect: !0 })], n.prototype, "header", 2), a([c({ type: String, reflect: !0 })], n.prototype, "position", 2), a([c({ type: Boolean, reflect: !0 })], n.prototype, "persist", 2), a([c({ type: Boolean, reflect: !0 })], n.prototype, "lock", 2), a([c({ type: Boolean, reflect: !0 })], n.prototype, "handleHistory", 2), a([c({ type: String, reflect: !0 })], n.prototype, "title", 2), a([S({ flatten: !0 })], n.prototype, "assignedElements", 2), a([c()], n.prototype, "focusAttribute", 2), a([(l = "open", (t, e) => {
-  const { willUpdate: s } = t;
-  u = Object.assign({ waitUntilFirstUpdate: !1 }, u), t.willUpdate = function(i) {
-    if (s.call(this, i), i.has(l)) {
-      const r = i.get(l), o = this[l];
-      r !== o && (u?.waitUntilFirstUpdate && !this.hasUpdated || this[e].call(this, r, o));
-    }
-  };
-})], n.prototype, "onOpenChange", 1), n = a([g("schmancy-sheet")], n);
-//# sourceMappingURL=sheet-BXNBQt5O.js.map

package/dist/sheet-BXNBQt5O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-BXNBQt5O.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t// Use ref directive instead of @query\n\tprivate sheetRef = createRef<HTMLDivElement>()\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\t// Use native inert attribute to prevent focus outside sheet\n\t\t\tthis.setBackgroundInert(true)\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.setBackgroundInert(false)\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - listen on the sheet element for better event capture\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.lock && this.open) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate setBackgroundInert(inert: boolean) {\n\t\t// Get all sibling elements and make them inert\n\t\tconst parent = this.parentElement\n\t\tif (parent) {\n\t\t\tArray.from(parent.children).forEach(child => {\n\t\t\t\tif (child !== this && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\t\n\t\t// Also handle body's direct children if sheet is attached to body\n\t\tif (this.parentElement === document.body) {\n\t\t\tArray.from(document.body.children).forEach(child => {\n\t\t\t\tif (child !== this && child !== parent && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheetRef.value?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheetRef.value?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\t// First try native autofocus attribute\n\t\tconst autofocusElement = this.querySelector('[autofocus]') as HTMLElement\n\t\tif (autofocusElement) {\n\t\t\tautofocusElement.focus()\n\t\t\treturn\n\t\t}\n\t\t\n\t\t// Fallback to custom focus attribute\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\te.stopPropagation()\n\t\tif (!this.lock) {\n\t\t\tsheet.dismiss(this.uid)\n\t\t}\n\t}\n\n\tprivate handleHeaderDismiss = (e: CustomEvent) => {\n\t\te.stopPropagation()\n\t\tsheet.dismiss(this.uid)\n\t}\n\n\trender() {\n\t\tconst sheetClasses = {\n\t\t\t'sheet': true,\n\t\t\t'sheet--open': this.open,\n\t\t\t'sheet--locked': this.lock,\n\t\t}\n\n\t\tconst overlayClasses = {\n\t\t\t'overlay': true,\n\t\t\t'overlay--interactive': !this.lock,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div \n\t\t\t\tclass=${classMap(sheetClasses)}\n\t\t\t\trole=\"dialog\" \n\t\t\t\taria-labelledby=${ifDefined(this.header !== 'hidden' ? 'sheet-title' : undefined)}\n\t\t\t\taria-hidden=${!this.open} \n\t\t\t\taria-modal=${this.open}\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t${ref(this.sheetRef)}>\n\t\t\t\t<div\n\t\t\t\t\tclass=${classMap(overlayClasses)}\n\t\t\t\t\t@click=${this.lock ? undefined : this.handleOverlayClick}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${cache(\n\t\t\t\t\t\tthis.header !== 'hidden'\n\t\t\t\t\t\t\t? html`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${this.handleHeaderDismiss}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${ifDefined(this.title || undefined)}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheet","$LitElement","constructor","super","arguments","open","header","position","SchmancySheetPosition","Side","persist","lock","handleHistory","title","sheetRef","createRef","focusAttribute","lastFocusedElement","handleOverlayClick","e","stopPropagation","sheet","dismiss","uid","handleHeaderDismiss","_oldValue","newValue","document","activeElement","setBackgroundInert","focus","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","tap","preventDefault","closeSheet","of","take","keyUp$","event","key","rickyComm$","SheetWhereAreYouRicky","detail","announcePresence","merge","takeUntil","subscribe","SheetHereMorty","inert","parent","parentElement","Array","from","children","forEach","child","HTMLElement","setAttribute","removeAttribute","body","isShown","value","String","getFocusElement","selector","assignedElements","find","el","matches","querySelector","autofocusElement","sheetClasses","overlayClasses","overlay","classMap","ifDefined","ref","cache","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated"],"mappings":"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"}

package/dist/sheet-QLZcRUG6.cjs

@@ -1,54 +0,0 @@
-"use strict";const c=require("rxjs"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const g=require("./tailwind.mixin-DVKI3qb9.cjs"),a=require("lit/decorators.js"),u=require("lit"),E=require("./litElement.mixin-B01R2oT7.cjs"),w=require("lit/directives/cache.js"),f=require("lit/directives/if-defined.js"),v=require("lit/directives/ref.js"),d=require("./theme.component-B3Z6xZ33.cjs");var k=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(u.css``){render(){return u.html`
-			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
-				<div class="block md:hidden flex-1 justify-start items-start">
-					<slot name="back">
-						<schmancy-button
-							@click=${()=>{this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}
-						>
-							<span class="text-[24px]">&#8592; </span>
-						</schmancy-button>
-					</slot>
-				</div>
-
-				<div class="hidden md:block flex-1 justify-end items-end">
-					<slot name="actions">
-						<schmancy-icon-button
-							@click=${()=>{this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}
-						>
-							close
-						</schmancy-icon-button>
-					</slot>
-				</div>
-			</sch-flex>
-		`}};b=((t,e,i,s)=>{for(var h,n=s>1?void 0:s?k(e,i):e,l=t.length-1;l>=0;l--)(h=t[l])&&(n=h(n)||n);return n})([a.customElement("schmancy-sheet-header")],b);var x=Object.defineProperty,S=Object.getOwnPropertyDescriptor,r=(t,e,i,s)=>{for(var h,n=s>1?void 0:s?S(e,i):e,l=t.length-1;l>=0;l--)(h=t[l])&&(n=(s?h(e,i,n):h(n))||n);return s&&n&&x(e,i,n),n};let o=class extends E.$LitElement(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-timing: cubic-bezier(.16, 1, .3, 1);--transition-duration: .25s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;inset:0;z-index:999;display:flex;visibility:visible;transition:visibility var(--transition-duration) var(--transition-timing)}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;inset:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) var(--transition-timing)}.content{z-index:1;transition:transform var(--transition-duration) var(--transition-timing);overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}"){constructor(){super(...arguments),this.open=!1,this.header="visible",this.position=d.SchmancySheetPosition.Side,this.persist=!1,this.lock=!1,this.handleHistory=!0,this.title="",this.sheetRef=v.createRef(),this.focusAttribute="autofocus",this.lastFocusedElement=null,this.handleOverlayClick=t=>{t.stopPropagation(),this.lock||d.sheet.dismiss(this.uid)},this.handleHeaderDismiss=t=>{t.stopPropagation(),d.sheet.dismiss(this.uid)}}onOpenChange(t,e){e?(this.lastFocusedElement=document.activeElement,this.setBackgroundInert(!0),this.focus()):(this.setBackgroundInert(!1),this.lastFocusedElement?.focus(),this.lastFocusedElement=null)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=this.handleHistory?c.fromEvent(window,"popstate").pipe(c.tap(s=>{s.preventDefault(),this.closeSheet()})):c.of(null).pipe(c.take(0)),e=c.fromEvent(this,"keydown").pipe(c.tap(s=>{s.key==="Escape"&&!this.lock&&this.open&&(s.preventDefault(),s.stopPropagation(),d.sheet.dismiss(this.uid))})),i=c.fromEvent(window,d.SheetWhereAreYouRicky).pipe(c.tap(s=>{s.detail.uid===this.uid&&this.announcePresence()}));c.merge(t,e,i).pipe(c.takeUntil(this.disconnecting)).subscribe()}announcePresence(){this.dispatchEvent(new CustomEvent(d.SheetHereMorty,{detail:{sheet:this},bubbles:!0,composed:!0}))}setBackgroundInert(t){const e=this.parentElement;e&&Array.from(e.children).forEach(i=>{i!==this&&i instanceof HTMLElement&&(t?i.setAttribute("inert",""):i.removeAttribute("inert"))}),this.parentElement===document.body&&Array.from(document.body.children).forEach(i=>{i!==this&&i!==e&&i instanceof HTMLElement&&(t?i.setAttribute("inert",""):i.removeAttribute("inert"))})}setIsSheetShown(t){this.sheetRef.value?.setAttribute("aria-hidden",String(!t)),this.sheetRef.value?.setAttribute("aria-modal",String(t))}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}getFocusElement(){const t=`[${this.focusAttribute}]`;return this.assignedElements.find(e=>e.matches(t)||e.querySelector(t))??null}focus(){const t=this.querySelector("[autofocus]");t?t.focus():this.getFocusElement()?.focus()}render(){const t={sheet:!0,"sheet--open":this.open,"sheet--locked":this.lock},e={overlay:!0,"overlay--interactive":!this.lock};return u.html`
-			<div 
-				class=${y.classMap(t)}
-				role="dialog" 
-				aria-labelledby=${f.ifDefined(this.header!=="hidden"?"sheet-title":void 0)}
-				aria-hidden=${!this.open} 
-				aria-modal=${this.open}
-				tabindex="0"
-				${v.ref(this.sheetRef)}>
-				<div
-					class=${y.classMap(e)}
-					@click=${this.lock?void 0:this.handleOverlayClick}
-				></div>
-				<schmancy-grid
-					rows=${this.header==="hidden"?"1fr":"auto 1fr"}
-					class="content w-full"
-					data-position=${this.position}
-				>
-					${w.cache(this.header!=="hidden"?u.html`<schmancy-sheet-header
-								class="sticky top-0 z-50 w-full"
-								@dismiss=${this.handleHeaderDismiss}
-								id="sheet-title"
-								title=${f.ifDefined(this.title||void 0)}
-							></schmancy-sheet-header>`:"")}
-
-					<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
-						<schmancy-scroll> <slot></slot></schmancy-scroll>
-					</schmancy-surface>
-				</schmancy-grid>
-			</div>
-		`}};var p,m;r([a.property({type:String,reflect:!0})],o.prototype,"uid",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"open",2),r([a.property({type:String,reflect:!0})],o.prototype,"header",2),r([a.property({type:String,reflect:!0})],o.prototype,"position",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"persist",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"lock",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"handleHistory",2),r([a.property({type:String,reflect:!0})],o.prototype,"title",2),r([a.queryAssignedElements({flatten:!0})],o.prototype,"assignedElements",2),r([a.property()],o.prototype,"focusAttribute",2),r([(p="open",(t,e)=>{const{willUpdate:i}=t;m=Object.assign({waitUntilFirstUpdate:!1},m),t.willUpdate=function(s){if(i.call(this,s),s.has(p)){const h=s.get(p),n=this[p];h!==n&&(m?.waitUntilFirstUpdate&&!this.hasUpdated||this[e].call(this,h,n))}}})],o.prototype,"onOpenChange",1),o=r([a.customElement("schmancy-sheet")],o);
-//# sourceMappingURL=sheet-QLZcRUG6.cjs.map