@mhmo91/schmancy 0.2.138 → 0.2.140

package/types/src/notification/notification-audio.d.ts

@@ -0,0 +1,70 @@
+import { NotificationType } from './notification';
+/**
+ * Audio service for playing notification sounds.
+ * Uses Web Audio API with fallback to HTML5 Audio.
+ */
+export declare class NotificationAudioService {
+    private audioContext;
+    private soundBuffers;
+    private volume;
+    private muted;
+    private soundGenerator;
+    private soundUrls;
+    constructor();
+    /**
+     * Initialize audio files - generate programmatically if needed
+     */
+    private initializeAudioFiles;
+    /**
+     * Lazy-initialize the audio context
+     */
+    private getAudioContext;
+    /**
+     * Preload all notification sounds
+     */
+    private preloadSounds;
+    /**
+     * Load a sound file and decode it
+     */
+    private loadSound;
+    /**
+     * Play a notification sound
+     */
+    playSound(type: NotificationType): Promise<void>;
+    /**
+     * Play a directly generated sound when other methods fail
+     */
+    private playDirectGeneratedSound;
+    /**
+     * Play sound using HTML5 Audio as a fallback
+     */
+    private playFallbackSound;
+    /**
+     * Set volume for notification sounds (0.0 to 1.0)
+     */
+    setVolume(volume: number): void;
+    /**
+     * Get current volume level
+     */
+    getVolume(): number;
+    /**
+     * Mute notification sounds
+     */
+    mute(): void;
+    /**
+     * Unmute notification sounds
+     */
+    unmute(): void;
+    /**
+     * Check if notification sounds are muted
+     */
+    isMuted(): boolean;
+    /**
+     * Set custom sound URL for a notification type
+     */
+    setSoundUrl(type: NotificationType, url: string): void;
+    /**
+     * Get the current sound URL for a notification type
+     */
+    getSoundUrl(type: NotificationType): string;
+}

package/types/src/notification/notification-container.d.ts

@@ -0,0 +1,44 @@
+import { NotificationType } from './notification';
+export interface NotificationItem {
+    id: string;
+    title: string;
+    message: string;
+    type: NotificationType;
+    duration: number;
+    closable: boolean;
+    playSound: boolean;
+}
+export interface NotificationOptions {
+    id?: string;
+    title?: string;
+    message: string;
+    type?: NotificationType;
+    duration?: number;
+    closable?: boolean;
+    playSound?: boolean;
+}
+declare const SchmancyNotificationContainer_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Container component for displaying stacked notifications.
+ *
+ * @element sch-notification-container
+ */
+export default class SchmancyNotificationContainer extends SchmancyNotificationContainer_base {
+    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+    maxVisibleNotifications: number;
+    playSound: boolean;
+    audioVolume: number;
+    private _notifications;
+    private _audioService;
+    connectedCallback(): void;
+    addNotification(options: NotificationOptions): string;
+    removeNotification(id: string): void;
+    private _handleClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sch-notification-container': SchmancyNotificationContainer;
+    }
+}
+export {};

package/types/src/notification/notification-service.d.ts

@@ -0,0 +1,60 @@
+import { NotificationOptions } from './notification-container';
+/**
+ * Notification service for centralized notification management.
+ * Provides a simple API for showing notifications.
+ */
+export declare class NotificationService {
+    private static instance;
+    private constructor();
+    /**
+     * Get the singleton instance
+     */
+    static getInstance(): NotificationService;
+    /**
+     * Show a notification
+     * @returns The ID of the created notification
+     */
+    notify(options: NotificationOptions): string;
+    /**
+     * Show an info notification
+     */
+    info(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    /**
+     * Show a success notification
+     */
+    success(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    /**
+     * Show a warning notification
+     */
+    warning(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    /**
+     * Show an error notification
+     */
+    error(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+}
+/**
+ * Global notification utility - provides a quick way to show notifications
+ */
+export declare const $notify: {
+    /**
+     * Show a notification
+     */
+    show: (options: NotificationOptions) => string;
+    /**
+     * Show an info notification
+     */
+    info: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    /**
+     * Show a success notification
+     */
+    success: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    /**
+     * Show a warning notification
+     */
+    warning: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    /**
+     * Show an error notification
+     */
+    error: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+};
+export default NotificationService;

package/types/src/notification/notification.d.ts

@@ -1,11 +1,40 @@
-declare const SchmancyNotification_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyNotification extends SchmancyNotification_base {
-    type: 'success' | 'error' | 'warning' | 'info';
+import { PropertyValues } from 'lit';
+export type NotificationType = 'info' | 'success' | 'warning' | 'error';
+declare const SchmancyNotification_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * @fires close - When notification is closed
+ */
+export default class SchmancyNotification extends SchmancyNotification_base {
+    title: string;
+    message: string;
+    type: NotificationType;
+    closable: boolean;
+    duration: number;
+    id: string;
+    playSound: boolean;
+    private _visible;
+    private _progress;
+    private _hovered;
+    private _closing;
+    private _autoCloseTimer?;
+    private _progressTimer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues): void;
+    private _startAutoCloseTimer;
+    private _clearTimers;
+    private _pauseTimers;
+    private _resumeTimers;
+    private _playSound;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    close(): void;
     render(): import("lit-html").TemplateResult<1>;
+    private _getTypeStyles;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'schmancy-notification': SchmancyNotification;
+        'sch-notification': SchmancyNotification;
     }
 }
 export {};

package/types/src/select/select.d.ts

@@ -8,6 +8,7 @@ export declare class SchmancySelect extends SchmancySelect_base {
     private internals?;
     name: string | undefined;
     required: boolean;
+    disabled: boolean;
     placeholder: string;
     value: string | string[];
     multi: boolean;

package/dist/outlet-BCvmlbVW.cjs

@@ -1,61 +0,0 @@
-"use strict";const r=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./tailwind.mixin-DF6X4aiQ.cjs"),u=require("lit"),d=require("lit/decorators.js");function l(e,t){const n=document.createElement("schmancy-notification");return n.setAttribute("type",t),n.innerHTML=e,n}const s=new r.Subject,f=new r.Subject,v={success:(e,t)=>{const n=l(e,"success");return s.next({component:n,config:t}),n},error:(e,t)=>{const n=l(e,"error");return s.next({component:n,config:t}),n},warning:(e,t)=>{const n=l(e,"warning");return s.next({component:n,config:t}),n},info:(e,t)=>{const n=l(e,"info");return s.next({component:n,config:t}),n},dismiss:e=>{f.next(e)}};s.pipe(r.buffer(s.pipe(r.debounceTime(1e3)))).subscribe(e=>{if(e.length>1){const t=e[e.length-1];s.next({component:t.component,config:t.config})}}),s.subscribe(({component:e,config:t})=>{var n;(n=document.body)==null||n.appendChild(e),r.race(r.fromEvent(e,"close"),r.timer((t==null?void 0:t.duration)??3e3)).subscribe(()=>{e.remove()})}),f.subscribe(e=>{e.dispatchEvent(new CustomEvent("close"))});var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,m=(e,t,n,o)=>{for(var a,i=o>1?void 0:o?y(t,n):t,c=e.length-1;c>=0;c--)(a=e[c])&&(i=(o?a(t,n,i):a(i))||i);return o&&i&&h(t,n,i),i};exports.SchmancyNotification=class extends p.TailwindElement(){constructor(){super(...arguments),this.type="success"}render(){return u.html`
-			<div
-				aria-live="assertive"
-				class="pointer-events-none z-[999999] fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6"
-			>
-				<div class="flex w-full flex-col items-center space-y-4 sm:items-end">
-					<div
-						class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-surface-container shadow-lg ring-1 ring-outlineVariant ring-opacity-5"
-					>
-						<div class="p-2">
-							<div class="flex items-center">
-								<div class="shrink-0">
-									${this.type==="success"?u.html` <svg
-												class="h-6 w-6 text-success-default"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-												/>
-											</svg>`:u.html` <svg
-												class="h-6 w-6 text-error-default"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
-												/>
-											</svg>`}
-								</div>
-								<div class="ml-3 w-0 flex-1 pt-0.5">
-									<p class=" text-sm ">
-										<slot></slot>
-									</p>
-								</div>
-								<div class="ml-4 flex shrink-0">
-									<schmancy-icon-button
-										type="button"
-										@click=${()=>{v.dismiss(this),this.dispatchEvent(new CustomEvent("close"))}}
-									>
-										<span class="sr-only">Close</span>
-										close
-									</schmancy-icon-button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		`}},m([d.property({type:String})],exports.SchmancyNotification.prototype,"type",2),exports.SchmancyNotification=m([d.customElement("schmancy-notification")],exports.SchmancyNotification);var g=Object.getOwnPropertyDescriptor;exports.SchmancyNotificationOutlet=class extends p.TailwindElement(){render(){return u.html` <slot></slot> `}},exports.SchmancyNotificationOutlet=((e,t,n,o)=>{for(var a,i=o>1?void 0:o?g(t,n):t,c=e.length-1;c>=0;c--)(a=e[c])&&(i=a(i)||i);return i})([d.customElement("schmancy-notification-outlet")],exports.SchmancyNotificationOutlet),exports.$notify=v;
-//# sourceMappingURL=outlet-BCvmlbVW.cjs.map

package/dist/outlet-BCvmlbVW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-BCvmlbVW.cjs","sources":["../src/notification/$notification.ts","../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { Subject, buffer, debounceTime, fromEvent, race, timer } from 'rxjs'\nimport { SchmancyNotification } from './notification'\n\nexport type TNotification = 'success' | 'error' | 'warning' | 'info'\nexport type TNotificationConfig = {\n\taction?: typeof Function\n\tduration?: number\n}\n\n// Create a notification component and assign it the proper type.\nfunction createNotificationComponent(message: string, type: TNotification): SchmancyNotification {\n\tconst notificationComponent = document.createElement('schmancy-notification') as SchmancyNotification\n\tnotificationComponent.setAttribute('type', type)\n\tnotificationComponent.innerHTML = message\n\treturn notificationComponent\n}\n\n// Main notifications subject: each emission will schedule a notification.\nconst $notifications = new Subject<{\n\tcomponent: SchmancyNotification\n\tconfig?: TNotificationConfig\n}>()\n\n// New subject to handle explicit dismiss calls.\nconst $dismissNotification = new Subject<SchmancyNotification>()\n\n// Exported API for notifications\nexport const $notify = {\n\tsuccess: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'success')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\terror: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'error')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\twarning: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'warning')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\tinfo: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'info')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\t// New dismiss method: call this with a notification component to dismiss it early.\n\tdismiss: (component: SchmancyNotification) => {\n\t\t$dismissNotification.next(component)\n\t},\n}\n\n// Optional: If you want to collapse multiple notifications into a single one,\n// the same logic as before can be retained.\n$notifications.pipe(buffer($notifications.pipe(debounceTime(1000)))).subscribe(notifications => {\n\tif (notifications.length > 1) {\n\t\tconst notification = notifications[notifications.length - 1]\n\t\t// Re-emit the latest notification for display.\n\t\t$notifications.next({ component: notification.component, config: notification.config })\n\t}\n})\n\n// Whenever a notification is published, append it to the DOM and set up removal.\n$notifications.subscribe(({ component, config }) => {\n\tdocument.body?.appendChild(component)\n\n\t// Create a race: wait for either the component’s own 'close' event (or an external dismiss)\n\t// or a timeout based on the config's duration (default: 3000ms).\n\trace(fromEvent(component, 'close'), timer(config?.duration ?? 3000)).subscribe(() => {\n\t\tcomponent.remove()\n\t})\n})\n\n// Listen for explicit dismiss calls. When a notification is to be dismissed via $notify.dismiss(),\n// dispatch a 'close' event on it. This will trigger the race above.\n$dismissNotification.subscribe(component => {\n\t// You could also include any additional logic here if needed.\n\tcomponent.dispatchEvent(new CustomEvent('close'))\n})\n","import { TailwindElement } from '@mixins/index'\nimport { $notify } from '@schmancy/notification'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n@customElement('schmancy-notification')\nexport class SchmancyNotification extends TailwindElement() {\n\t@property({ type: String })\n\ttype: 'success' | 'error' | 'warning' | 'info' = 'success'\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\taria-live=\"assertive\"\n\t\t\t\tclass=\"pointer-events-none z-[999999] fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6\"\n\t\t\t>\n\t\t\t\t<div class=\"flex w-full flex-col items-center space-y-4 sm:items-end\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-surface-container shadow-lg ring-1 ring-outlineVariant ring-opacity-5\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"p-2\">\n\t\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t\t<div class=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t${this.type === 'success'\n\t\t\t\t\t\t\t\t\t\t? html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-success-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`\n\t\t\t\t\t\t\t\t\t\t: html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-error-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-3 w-0 flex-1 pt-0.5\">\n\t\t\t\t\t\t\t\t\t<p class=\" text-sm \">\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-4 flex shrink-0\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t$notify.dismiss(this)\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Close</span>\n\t\t\t\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification': SchmancyNotification\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-notification-outlet')\nexport class SchmancyNotificationOutlet extends TailwindElement() {\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification-outlet': SchmancyNotificationOutlet\n\t}\n}\n"],"names":["createNotificationComponent","message","type","notificationComponent","document","createElement","setAttribute","innerHTML","$notifications","Subject","$dismissNotification","$notify","success","config","component","next","error","warning","info","dismiss","pipe","buffer","debounceTime","subscribe","notifications","length","notification","body","appendChild","race","fromEvent","timer","duration","remove","dispatchEvent","CustomEvent","SchmancyNotification","TailwindElement","super","arguments","this","html","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":"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"}

package/dist/outlet-CjW99bc0.js

@@ -1,128 +0,0 @@
-import { Subject as m, buffer as g, debounceTime as x, race as w, fromEvent as y, timer as b } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as v } from "./tailwind.mixin-CEnl98A5.js";
-import { html as l } from "lit";
-import { property as k, customElement as f } from "lit/decorators.js";
-function a(e, t) {
-  const n = document.createElement("schmancy-notification");
-  return n.setAttribute("type", t), n.innerHTML = e, n;
-}
-const o = new m(), h = new m(), E = { success: (e, t) => {
-  const n = a(e, "success");
-  return o.next({ component: n, config: t }), n;
-}, error: (e, t) => {
-  const n = a(e, "error");
-  return o.next({ component: n, config: t }), n;
-}, warning: (e, t) => {
-  const n = a(e, "warning");
-  return o.next({ component: n, config: t }), n;
-}, info: (e, t) => {
-  const n = a(e, "info");
-  return o.next({ component: n, config: t }), n;
-}, dismiss: (e) => {
-  h.next(e);
-} };
-o.pipe(g(o.pipe(x(1e3)))).subscribe((e) => {
-  if (e.length > 1) {
-    const t = e[e.length - 1];
-    o.next({ component: t.component, config: t.config });
-  }
-}), o.subscribe(({ component: e, config: t }) => {
-  var n;
-  (n = document.body) == null || n.appendChild(e), w(y(e, "close"), b((t == null ? void 0 : t.duration) ?? 3e3)).subscribe(() => {
-    e.remove();
-  });
-}), h.subscribe((e) => {
-  e.dispatchEvent(new CustomEvent("close"));
-});
-var j = Object.defineProperty, C = Object.getOwnPropertyDescriptor, p = (e, t, n, r) => {
-  for (var c, s = r > 1 ? void 0 : r ? C(t, n) : t, i = e.length - 1; i >= 0; i--) (c = e[i]) && (s = (r ? c(t, n, s) : c(s)) || s);
-  return r && s && j(t, n, s), s;
-};
-let d = class extends v() {
-  constructor() {
-    super(...arguments), this.type = "success";
-  }
-  render() {
-    return l`
-			<div
-				aria-live="assertive"
-				class="pointer-events-none z-[999999] fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6"
-			>
-				<div class="flex w-full flex-col items-center space-y-4 sm:items-end">
-					<div
-						class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-surface-container shadow-lg ring-1 ring-outlineVariant ring-opacity-5"
-					>
-						<div class="p-2">
-							<div class="flex items-center">
-								<div class="shrink-0">
-									${this.type === "success" ? l` <svg
-												class="h-6 w-6 text-success-default"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-												/>
-											</svg>` : l` <svg
-												class="h-6 w-6 text-error-default"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
-												/>
-											</svg>`}
-								</div>
-								<div class="ml-3 w-0 flex-1 pt-0.5">
-									<p class=" text-sm ">
-										<slot></slot>
-									</p>
-								</div>
-								<div class="ml-4 flex shrink-0">
-									<schmancy-icon-button
-										type="button"
-										@click=${() => {
-      E.dismiss(this), this.dispatchEvent(new CustomEvent("close"));
-    }}
-									>
-										<span class="sr-only">Close</span>
-										close
-									</schmancy-icon-button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		`;
-  }
-};
-p([k({ type: String })], d.prototype, "type", 2), d = p([f("schmancy-notification")], d);
-var M = Object.getOwnPropertyDescriptor;
-let u = class extends v() {
-  render() {
-    return l` <slot></slot> `;
-  }
-};
-u = ((e, t, n, r) => {
-  for (var c, s = r > 1 ? void 0 : r ? M(t, n) : t, i = e.length - 1; i >= 0; i--) (c = e[i]) && (s = c(s) || s);
-  return s;
-})([f("schmancy-notification-outlet")], u);
-export {
-  E as $,
-  d as S,
-  u as a
-};
-//# sourceMappingURL=outlet-CjW99bc0.js.map

package/dist/outlet-CjW99bc0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-CjW99bc0.js","sources":["../src/notification/$notification.ts","../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { Subject, buffer, debounceTime, fromEvent, race, timer } from 'rxjs'\nimport { SchmancyNotification } from './notification'\n\nexport type TNotification = 'success' | 'error' | 'warning' | 'info'\nexport type TNotificationConfig = {\n\taction?: typeof Function\n\tduration?: number\n}\n\n// Create a notification component and assign it the proper type.\nfunction createNotificationComponent(message: string, type: TNotification): SchmancyNotification {\n\tconst notificationComponent = document.createElement('schmancy-notification') as SchmancyNotification\n\tnotificationComponent.setAttribute('type', type)\n\tnotificationComponent.innerHTML = message\n\treturn notificationComponent\n}\n\n// Main notifications subject: each emission will schedule a notification.\nconst $notifications = new Subject<{\n\tcomponent: SchmancyNotification\n\tconfig?: TNotificationConfig\n}>()\n\n// New subject to handle explicit dismiss calls.\nconst $dismissNotification = new Subject<SchmancyNotification>()\n\n// Exported API for notifications\nexport const $notify = {\n\tsuccess: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'success')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\terror: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'error')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\twarning: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'warning')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\tinfo: (message: string, config?: TNotificationConfig) => {\n\t\tconst component = createNotificationComponent(message, 'info')\n\t\t$notifications.next({ component, config })\n\t\treturn component\n\t},\n\t// New dismiss method: call this with a notification component to dismiss it early.\n\tdismiss: (component: SchmancyNotification) => {\n\t\t$dismissNotification.next(component)\n\t},\n}\n\n// Optional: If you want to collapse multiple notifications into a single one,\n// the same logic as before can be retained.\n$notifications.pipe(buffer($notifications.pipe(debounceTime(1000)))).subscribe(notifications => {\n\tif (notifications.length > 1) {\n\t\tconst notification = notifications[notifications.length - 1]\n\t\t// Re-emit the latest notification for display.\n\t\t$notifications.next({ component: notification.component, config: notification.config })\n\t}\n})\n\n// Whenever a notification is published, append it to the DOM and set up removal.\n$notifications.subscribe(({ component, config }) => {\n\tdocument.body?.appendChild(component)\n\n\t// Create a race: wait for either the component’s own 'close' event (or an external dismiss)\n\t// or a timeout based on the config's duration (default: 3000ms).\n\trace(fromEvent(component, 'close'), timer(config?.duration ?? 3000)).subscribe(() => {\n\t\tcomponent.remove()\n\t})\n})\n\n// Listen for explicit dismiss calls. When a notification is to be dismissed via $notify.dismiss(),\n// dispatch a 'close' event on it. This will trigger the race above.\n$dismissNotification.subscribe(component => {\n\t// You could also include any additional logic here if needed.\n\tcomponent.dispatchEvent(new CustomEvent('close'))\n})\n","import { TailwindElement } from '@mixins/index'\nimport { $notify } from '@schmancy/notification'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n@customElement('schmancy-notification')\nexport class SchmancyNotification extends TailwindElement() {\n\t@property({ type: String })\n\ttype: 'success' | 'error' | 'warning' | 'info' = 'success'\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\taria-live=\"assertive\"\n\t\t\t\tclass=\"pointer-events-none z-[999999] fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6\"\n\t\t\t>\n\t\t\t\t<div class=\"flex w-full flex-col items-center space-y-4 sm:items-end\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-surface-container shadow-lg ring-1 ring-outlineVariant ring-opacity-5\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"p-2\">\n\t\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t\t<div class=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t${this.type === 'success'\n\t\t\t\t\t\t\t\t\t\t? html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-success-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`\n\t\t\t\t\t\t\t\t\t\t: html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-error-default\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-3 w-0 flex-1 pt-0.5\">\n\t\t\t\t\t\t\t\t\t<p class=\" text-sm \">\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-4 flex shrink-0\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t$notify.dismiss(this)\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Close</span>\n\t\t\t\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification': SchmancyNotification\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-notification-outlet')\nexport class SchmancyNotificationOutlet extends TailwindElement() {\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification-outlet': SchmancyNotificationOutlet\n\t}\n}\n"],"names":["createNotificationComponent","message","type","notificationComponent","document","createElement","setAttribute","innerHTML","$notifications","Subject","$dismissNotification","$notify","success","config","component","next","error","warning","info","dismiss","pipe","buffer","debounceTime","subscribe","notifications","length","notification","body","appendChild","race","fromEvent","timer","duration","remove","dispatchEvent","CustomEvent","SchmancyNotification","TailwindElement","super","arguments","this","html","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":"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"}

package/dist/select-CDv89ewi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-CDv89ewi.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Add click handlers to options\n\t\tthis.options.forEach(option => {\n\t\t\tfromEvent(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.handleOptionSelect(option.value))\n\t\t})\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\t// Update display label\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","forEach","option","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","selected","filter","map","currentValue","String","selectedOption","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-IisjLR3Q.cjs

@@ -1,54 +0,0 @@
-"use strict";const h=require("@floating-ui/dom"),p=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const m=require("./litElement.mixin-B4J8Xi70.cjs");require("./tailwind.mixin-DF6X4aiQ.cjs");const v=require("./ripple-C2BHbhcS.cjs"),u=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),o=require("lit/decorators.js");var S=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(t,e,i,s)=>{for(var a,n=s>1?void 0:s?b(e,i):e,r=t.length-1;r>=0;r--)(a=t[r])&&(n=(s?a(e,i,n):a(n))||n);return s&&n&&S(e,i,n),n};exports.SchmancySelect=class extends m.$LitElement(c.css`
-	:host {
-		display: block;
-		position: relative;
-	}
-
-	[role='listbox'] {
-		overflow-y: auto;
-		outline: none;
-	}
-`){constructor(){super(),this.required=!1,this.placeholder="",this.value="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(a=>a.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get form(){var t;return(t=this.internals)==null?void 0:t.form}connectedCallback(){var t;super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,p.fromEvent(this,"keydown").pipe(p.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),(t=this.internals)!=null&&t.form&&(this.internals.form.addEventListener("submit",this.formSubmitHandler),this.internals.form.addEventListener("reset",this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.cleanupPositioner)==null||t.call(this),(e=this.internals)!=null&&e.form&&(this.internals.form.removeEventListener("submit",this.formSubmitHandler),this.internals.form.removeEventListener("reset",this.formResetHandler))}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility(),this.options.forEach(t=>{p.fromEvent(t,"click").pipe(p.takeUntil(this.disconnecting)).subscribe(()=>this.handleOptionSelect(t.value))})}updated(t){var e,i;if(super.updated(t),t.has("value")){const s=Array.isArray(this.value)?this.value.join(","):this.value;(e=this.internals)==null||e.setFormValue(s),this.hasUpdated&&(this._dirty=!0),this.syncSelection(),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():(i=this.cleanupPositioner)==null||i.call(this))}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){var t,e,i,s;if(this.multi){const a=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];(t=this.options)==null||t.forEach(n=>n.selected=a.includes(n.value)),this.valueLabel=a.length>0&&((e=this.options)==null?void 0:e.filter(n=>a.includes(n.value)).map(n=>n.label).join(", "))||this.placeholder}else{const a=String(this.value);(i=this.options)==null||i.forEach(r=>{r.selected=r.value===a});const n=(s=this.options)==null?void 0:s.find(r=>r.value===a);this.valueLabel=(n==null?void 0:n.label)||this.placeholder}}setupOptionsAccessibility(){var t;(t=this.options)==null||t.forEach((e,i)=>{e.setAttribute("role","option"),e.id||(e.id=`${this.id}-option-${i}`),e.tabIndex=-1;const s=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];e.setAttribute("aria-selected",String(this.multi?s.includes(e.value):e.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=h.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,a=i.top,n=Math.max(.75*Math.max(s,a),150),r=s<200&&a>s;this.ul.style.maxHeight=`${n}px`;const{x:d,y}=await h.computePosition(t,this.ul,{placement:r?"top-start":"bottom-start",middleware:[h.offset(5),h.flip(),h.shift({padding:5})]});Object.assign(this.ul.style,{left:`${d}px`,top:`${y}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const a=i.offsetTop,n=i.offsetHeight,r=this.ul.scrollTop,d=this.ul.clientHeight;a<r?this.ul.scrollTop=a:a+n>r+d&&(this.ul.scrollTop=a+n-d)}}}async openDropdown(t=!1){this.syncSelection(),this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t==null||t.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}handleOptionSelect(t){var e;if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const i=this.options.find(a=>a.value===t);if(!i)return;let s;i.selected=!i.selected,s=Array.isArray(this.value)?[...this.value]:this.value?this.value.split(","):[],i.selected?s.includes(t)||s.push(t):s=s.filter(a=>a!==t),this.value=s,this.valueLabel=s.length>0?this.options.filter(a=>s.includes(a.value)).map(a=>a.label).join(", "):this.placeholder}else this.options.forEach(i=>{i.selected=i.value===t}),this.value=t,this.valueLabel=((e=this.options.find(i=>i.value===t))==null?void 0:e.label)||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this.dispatchChange(this.value)}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){var i,s;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",(i=this.internals)==null||i.setValidity({})):(this.validationMessage="Please select an option.",(s=this.internals)==null||s.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const a=!this.isValid&&this.shouldShowValidation();this.inputRef.error=a,this.inputRef.hint=a?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){var e,i;this.validationMessage=t,t?(this.isValid=!1,(e=this.internals)==null||e.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,(i=this.internals)==null||i.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){var t;this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,(t=this.internals)==null||t.setValidity({}),this.syncSelection(),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return c.html`
-			<div class="relative">
-				<sch-input
-					.name=${this.name}
-					tabIndex="0"
-					class="trigger"
-					role="combobox"
-					aria-haspopup="listbox"
-					aria-expanded=${this.isOpen}
-					aria-controls="options"
-					aria-autocomplete="none"
-					aria-required=${this.required}
-					aria-activedescendant=${this._focusedOptionId||void 0}
-					.label=${this.label}
-					.placeholder=${this.placeholder}
-					.value=${this.valueLabel}
-					.required=${this.required}
-					.hint=${t?this.validationMessage:this.hint}
-					.error=${t}
-					.validateOn=${this.validateOn}
-					readonly
-					clickable
-					@click=${()=>{this.isOpen?(this._userInteracted=!0,this.closeDropdown()):this.openDropdown(!1)}}
-				>
-					${e}
-				</sch-input>
-
-				<!-- Overlay for capturing clicks outside when dropdown is open -->
-				${this.isOpen?c.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
-
-				<ul
-					id="options"
-					role="listbox"
-					aria-multiselectable=${this.multi}
-					class=${f.classMap({"absolute z-20 mt-1 rounded-md shadow-lg":!0,hidden:!this.isOpen})}
-					${v.color({bgColor:u.SchmancyTheme.sys.color.surface.container,color:u.SchmancyTheme.sys.color.surface.on})}
-				>
-					<slot
-						@slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
-					></slot>
-				</ul>
-			</div>
-		`}},exports.SchmancySelect.formAssociated=!0,l([o.property({type:String})],exports.SchmancySelect.prototype,"name",2),l([o.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),l([o.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),l([o.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"label",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"hint",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),l([o.state()],exports.SchmancySelect.prototype,"isOpen",2),l([o.state()],exports.SchmancySelect.prototype,"valueLabel",2),l([o.state()],exports.SchmancySelect.prototype,"isValid",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),l([o.state()],exports.SchmancySelect.prototype,"defaultValue",2),l([o.query("ul")],exports.SchmancySelect.prototype,"ul",2),l([o.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),l([o.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),l([o.state()],exports.SchmancySelect.prototype,"_userInteracted",2),l([o.state()],exports.SchmancySelect.prototype,"_touched",2),l([o.state()],exports.SchmancySelect.prototype,"_dirty",2),l([o.state()],exports.SchmancySelect.prototype,"_submitted",2),l([o.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=l([o.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-IisjLR3Q.cjs.map