@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/notify-aasSKQGA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notify-aasSKQGA.cjs","sources":["../src/notification/notify.ts"],"sourcesContent":["import { Observable, tap, finalize, catchError } from 'rxjs'\r\nimport { $notify } from './notification-service'\r\nimport { NotificationOptions } from './notification-container'\r\n\r\nexport interface NotifyOptions {\r\n\t/**\r\n\t * Message to show while the operation is in progress\r\n\t */\r\n\tloadingMessage?: string\r\n\t/**\r\n\t * Message to show when the operation completes successfully\r\n\t */\r\n\tsuccessMessage?: string\r\n\t/**\r\n\t * Message to show when the operation fails (can be a function to format error)\r\n\t */\r\n\terrorMessage?: string | ((error: any) => string)\r\n\t/**\r\n\t * Type of notification for loading state\r\n\t */\r\n\tloadingType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for success state\r\n\t */\r\n\tsuccessType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for error state\r\n\t */\r\n\terrorType?: NotificationOptions['type']\r\n\t/**\r\n\t * Whether to auto-dismiss the loading notification on complete/error\r\n\t */\r\n\tautoDismissLoading?: boolean\r\n\t/**\r\n\t * Duration for success notification (ms). Use 0 for persistent\r\n\t */\r\n\tsuccessDuration?: number\r\n\t/**\r\n\t * Duration for error notification (ms). Use 0 for persistent\r\n\t */\r\n\terrorDuration?: number\r\n}\r\n\r\n/**\r\n * Wraps an Observable with notification lifecycle management.\r\n * Shows a loading notification with progress indicator, then auto-dismisses and shows success/error notification.\r\n * \r\n * @example\r\n * ```typescript\r\n * // Basic usage with progress indicator\r\n * someApiCall().pipe(\r\n *   notify({\r\n *     loadingMessage: 'Loading data...',\r\n *     successMessage: 'Data loaded successfully!',\r\n *     errorMessage: 'Failed to load data'\r\n *   })\r\n * ).subscribe()\r\n * \r\n * // With custom durations\r\n * saveData().pipe(\r\n *   notify({\r\n *     loadingMessage: 'Saving...',\r\n *     successMessage: 'Saved!',\r\n *     successDuration: 5000, // Success stays for 5 seconds\r\n *     errorMessage: (err) => `Save failed: ${err.message}`,\r\n *     errorDuration: 0 // Error is persistent until dismissed\r\n *   })\r\n * ).subscribe()\r\n * \r\n * // Full configuration example\r\n * uploadFile().pipe(\r\n *   notify({\r\n *     loadingMessage: 'Uploading file...',\r\n *     loadingType: 'info',\r\n *     successMessage: 'Upload complete!',\r\n *     successType: 'success',\r\n *     successDuration: 3000,\r\n *     errorMessage: (err) => `Upload failed: ${err.message}`,\r\n *     errorType: 'error',\r\n *     errorDuration: 10000,\r\n *     autoDismissLoading: true\r\n *   })\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notify<T>(options: NotifyOptions) {\r\n\treturn (source: Observable<T>): Observable<T> => {\r\n\t\tlet loadingNotificationId: string | undefined\r\n\r\n\t\t// Show loading notification if message provided\r\n\t\tif (options.loadingMessage) {\r\n\t\t\tloadingNotificationId = $notify.show({\r\n\t\t\t\tmessage: options.loadingMessage,\r\n\t\t\t\ttype: options.loadingType || 'info',\r\n\t\t\t\tduration: 0, // Persistent until dismissed\r\n\t\t\t\tshowProgress: true, // Show indeterminate progress by default\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\treturn source.pipe(\r\n\t\t\ttap((value) => {\r\n\t\t\t\t// Check if the emitted value contains progress information\r\n\t\t\t\t// Common patterns: { progress: number }, { loaded: number, total: number }, etc.\r\n\t\t\t\tif (loadingNotificationId && typeof value === 'object' && value !== null) {\r\n\t\t\t\t\tlet progress: number | undefined\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Check for different progress patterns\r\n\t\t\t\t\tif ('progress' in value && typeof (value as any).progress === 'number') {\r\n\t\t\t\t\t\tprogress = (value as any).progress\r\n\t\t\t\t\t} else if ('loaded' in value && 'total' in value) {\r\n\t\t\t\t\t\tconst loaded = (value as any).loaded\r\n\t\t\t\t\t\tconst total = (value as any).total\r\n\t\t\t\t\t\tif (typeof loaded === 'number' && typeof total === 'number' && total > 0) {\r\n\t\t\t\t\t\t\tprogress = (loaded / total) * 100\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Update notification with progress if available\r\n\t\t\t\t\tif (progress !== undefined) {\r\n\t\t\t\t\t\t// We need to update the progress of the notification\r\n\t\t\t\t\t\t// For now, we'll update the message to show progress percentage\r\n\t\t\t\t\t\t$notify.update?.(loadingNotificationId, {\r\n\t\t\t\t\t\t\tmessage: `${options.loadingMessage} (${Math.round(progress)}%)`,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t// Check if this is the final success emission (not a progress update)\r\n\t\t\t\t// Typically file uploads emit progress events then a final result\r\n\t\t\t\tconst isProgressUpdate = typeof value === 'object' && value !== null && \r\n\t\t\t\t\t('progress' in value || ('loaded' in value && 'total' in value))\r\n\t\t\t\t\r\n\t\t\t\tif (!isProgressUpdate) {\r\n\t\t\t\t\t// On successful final emission, dismiss loading and show success\r\n\t\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (options.successMessage) {\r\n\t\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\t\tmessage: options.successMessage,\r\n\t\t\t\t\t\t\ttype: options.successType || 'success',\r\n\t\t\t\t\t\t\tduration: options.successDuration ?? 2000,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}),\r\n\t\t\tcatchError((error) => {\r\n\t\t\t\t// On error, dismiss loading and show error\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (options.errorMessage) {\r\n\t\t\t\t\tconst message = typeof options.errorMessage === 'function' \r\n\t\t\t\t\t\t? options.errorMessage(error)\r\n\t\t\t\t\t\t: options.errorMessage\r\n\t\t\t\t\t\r\n\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\tmessage,\r\n\t\t\t\t\t\ttype: options.errorType || 'error',\r\n\t\t\t\t\t\tduration: options.errorDuration ?? 3000,\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Re-throw the error to maintain the error flow\r\n\t\t\t\tthrow error\r\n\t\t\t}),\r\n\t\t\tfinalize(() => {\r\n\t\t\t\t// Clean up any remaining loading notification\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t)\r\n\t}\r\n}\r\n\r\n/**\r\n * Simplified version for API calls that just need loading and auto-dismiss.\r\n * Perfect for fire-and-forget operations where you want to show progress.\r\n * \r\n * @example\r\n * ```typescript\r\n * downloadData().pipe(\r\n *   notifyProgress('Downloading...')\r\n * ).subscribe()\r\n * \r\n * // With custom messages\r\n * saveDocument().pipe(\r\n *   notifyProgress('Saving document...', 'Document saved!', 'Save failed')\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notifyProgress<T>(\r\n\tloadingMessage: string,\r\n\tsuccessMessage?: string,\r\n\terrorMessage?: string\r\n) {\r\n\treturn notify<T>({\r\n\t\tloadingMessage,\r\n\t\tsuccessMessage: successMessage || undefined,\r\n\t\terrorMessage: errorMessage || undefined,\r\n\t\tautoDismissLoading: true,\r\n\t})\r\n}"],"names":["notify","options","source","loadingNotificationId","loadingMessage","$notify","show","message","type","loadingType","duration","showProgress","pipe","tap","value","progress","loaded","total","update","Math","round","autoDismissLoading","dismiss","successMessage","successType","successDuration","catchError","error","errorMessage","errorType","errorDuration","finalize"],"mappings":"sFAqFO,SAASA,EAAUC,EAAAA,CACzB,OAAQC,IACP,IAAIC,EAYJ,OATIF,EAAQG,iBACXD,EAAwBE,EAAAA,QAAQC,KAAK,CACpCC,QAASN,EAAQG,eACjBI,KAAMP,EAAQQ,aAAe,OAC7BC,SAAU,EACVC,aAAAA,EAAc,CAAA,GAITT,EAAOU,KACbC,EAAAA,IAAKC,IAGJ,GAAIX,UAAgCW,GAAU,UAAYA,IAAU,KAAM,CACzE,IAAIC,EAGJ,GAAI,aAAcD,UAAiBA,EAAcC,UAAa,SAC7DA,EAAYD,EAAcC,iBAChB,WAAYD,GAAS,UAAWA,EAAO,CACjD,MAAME,EAAUF,EAAcE,OACxBC,EAASH,EAAcG,aAClBD,GAAW,UAA6B,OAAVC,GAAU,UAAYA,EAAQ,IACtEF,EAAYC,EAASC,EAAS,IAEhC,CAGIF,YAGHV,EAAAA,QAAQa,SAASf,EAAuB,CACvCI,QAAS,GAAGN,EAAQG,cAAAA,KAAmBe,KAAKC,MAAML,CAAAA,CAAAA,IAAAA,CAAAA,CAGrD,CAI0C,OAAVD,GAAU,UAAYA,IAAU,OAC9D,aAAcA,GAAU,WAAYA,GAAS,UAAWA,KAIrDX,GAAyBF,EAAQoB,qBAAjClB,KACHE,EAAAA,QAAQiB,QAAQnB,CAAAA,EAChBA,EAAAA,QAGGF,EAAQsB,gBACXlB,EAAAA,QAAQC,KAAK,CACZC,QAASN,EAAQsB,eACjBf,KAAMP,EAAQuB,aAAe,UAC7Bd,SAAUT,EAAQwB,iBAAmB,GAAA,CAAA,EAAA,CAAA,EAKzCC,EAAAA,WAAYC,GAAAA,CAOX,GALIxB,GAAyBF,EAAQoB,qBAAjClB,KACHE,EAAAA,QAAQiB,QAAQnB,CAAAA,EAChBA,EAAAA,QAGGF,EAAQ2B,aAAc,CACzB,MAAMrB,EAA0C,OAAzBN,EAAQ2B,cAAiB,WAC7C3B,EAAQ2B,aAAaD,GACrB1B,EAAQ2B,aAEXvB,EAAAA,QAAQC,KAAK,CACZC,QAAAA,EACAC,KAAMP,EAAQ4B,WAAa,QAC3BnB,SAAUT,EAAQ6B,eAAiB,GAAA,CAAA,CAErC,CAGA,MAAMH,CAAAA,CAAAA,EAEPI,EAAAA,SAAS,IAAA,CAEJ5B,GAAyBF,EAAQoB,qBAAjClB,IACHE,EAAAA,QAAQiB,QAAQnB,MAKrB,yCAkBO,SACNC,EACAmB,EACAK,GAEA,OAAO5B,EAAU,CAChBI,eAAAA,EACAmB,eAAgBA,GAAAA,OAChBK,aAAcA,GAAAA,OACdP,mBAAAA,EAAoB,CAAA,CAEtB"}

package/dist/progress-B1f3y-Mf.js

@@ -1,58 +0,0 @@
-import "rxjs";
-import "rxjs/operators";
-import { classMap as d } from "lit/directives/class-map.js";
-import { styleMap as m } from "lit/directives/style-map.js";
-import { property as a, customElement as p } from "lit/decorators.js";
-import { T as u } from "./tailwind.mixin-DIW0B_of.js";
-import { css as g, html as c } from "lit";
-var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (l, r, o, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? y(r, o) : r, h = l.length - 1; h >= 0; h--) (n = l[h]) && (s = (i ? n(r, o, s) : n(s)) || s);
-  return i && s && f(r, o, s), s;
-};
-let t = class extends u(g`
-  :host {
-    display: block;
-  }
-
-  @keyframes indeterminate {
-    0% {
-      left: -30%;
-    }
-    100% {
-      left: 100%;
-    }
-  }
-
-  .indeterminate-animation {
-    animation: indeterminate 1.5s infinite ease-in-out;
-  }
-`) {
-  constructor() {
-    super(...arguments), this.value = 0, this.max = 100, this.indeterminate = !1, this.size = "md", this.color = "primary", this.glass = !1;
-  }
-  get percentage() {
-    return this.indeterminate ? 0 : Math.min(100, Math.max(0, this.value / this.max * 100));
-  }
-  render() {
-    const l = { "w-full": !0, relative: !0, "overflow-hidden": !0, "rounded-full": !0, "h-0.5": this.size === "sm", "h-1": this.size === "md", "h-2": this.size === "lg", "backdrop-blur-xl": this.glass, "backdrop-saturate-150": this.glass, "bg-surface-container/20": this.glass && !this.indeterminate, "bg-surface-container": !this.glass, "shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]": this.glass, border: this.glass, "border-outline/20": this.glass }, r = { "h-full": !0, "rounded-full": !0, "transition-all": !0, "duration-300": !0, "ease-in-out": !0, relative: !0, "bg-primary-default": this.color === "primary" && !this.glass, "bg-secondary-default": this.color === "secondary" && !this.glass, "bg-tertiary-default": this.color === "tertiary" && !this.glass, "bg-error-default": this.color === "error" && !this.glass, "bg-success-default": this.color === "success" && !this.glass, "w-[30%]": this.indeterminate, absolute: this.indeterminate, "indeterminate-animation": this.indeterminate }, o = this.indeterminate ? {} : { width: `${this.percentage}%` }, i = { "backdrop-blur-sm": this.glass, "shadow-[0_0_20px_rgba(0,0,0,0.1)]": this.glass, "bg-primary-default/70": this.glass && this.color === "primary", "bg-secondary-default/70": this.glass && this.color === "secondary", "bg-tertiary-default/70": this.glass && this.color === "tertiary", "bg-error-default/70": this.glass && this.color === "error", "bg-success-default/70": this.glass && this.color === "success" };
-    return c`
-      <div class="${d(l)}">
-        <div 
-          class="${d({ ...r, ...i })}"
-          style="${m(o)}"
-          role="progressbar"
-          aria-valuenow="${this.value}"
-          aria-valuemin="0"
-          aria-valuemax="${this.max}"
-        >
-          ${this.glass ? c`
-            <!-- Glass shine effect -->
-            <div class="absolute inset-0 bg-gradient-to-b from-surface-on/20 to-transparent rounded-full"></div>
-          ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-e([a({ type: Number, reflect: !0 })], t.prototype, "value", 2), e([a({ type: Number, reflect: !0 })], t.prototype, "max", 2), e([a({ type: Boolean, reflect: !0 })], t.prototype, "indeterminate", 2), e([a({ type: String, reflect: !0 })], t.prototype, "size", 2), e([a({ type: String, reflect: !0 })], t.prototype, "color", 2), e([a({ type: Boolean, reflect: !0 })], t.prototype, "glass", 2), t = e([p("schmancy-progress")], t);
-//# sourceMappingURL=progress-B1f3y-Mf.js.map

package/dist/progress-B1f3y-Mf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-B1f3y-Mf.js","sources":["../src/progress/progress.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends TailwindElement(css`\n  :host {\n    display: block;\n  }\n\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.5s infinite ease-in-out;\n  }\n`) {\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-0.5': this.size === 'sm',\n      'h-1': this.size === 'md',\n      'h-2': this.size === 'lg',\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'w-[30%]': this.indeterminate,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-gradient-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}"],"names":["SchmancyProgress","TailwindElement","css","constructor","super","arguments","this","value","max","indeterminate","size","color","glass","percentage","Math","min","render","containerClasses","relative","border","barClasses","absolute","barStyles","width","glassBarClasses","html","classMap","styleMap","__decorateClass","property","type","Number","reflect","prototype","Boolean","String","customElement"],"mappings":"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"}

package/dist/progress-DdBHNIMT.cjs

@@ -1,35 +0,0 @@
-"use strict";require("rxjs"),require("rxjs/operators");const d=require("lit/directives/class-map.js"),u=require("lit/directives/style-map.js"),s=require("lit/decorators.js"),p=require("./tailwind.mixin-3TPVvhYf.cjs"),c=require("lit");var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,r=(o,i,l,a)=>{for(var n,t=a>1?void 0:a?m(i,l):i,h=o.length-1;h>=0;h--)(n=o[h])&&(t=(a?n(i,l,t):n(t))||t);return a&&t&&g(i,l,t),t};let e=class extends p.TailwindElement(c.css`
-  :host {
-    display: block;
-  }
-
-  @keyframes indeterminate {
-    0% {
-      left: -30%;
-    }
-    100% {
-      left: 100%;
-    }
-  }
-
-  .indeterminate-animation {
-    animation: indeterminate 1.5s infinite ease-in-out;
-  }
-`){constructor(){super(...arguments),this.value=0,this.max=100,this.indeterminate=!1,this.size="md",this.color="primary",this.glass=!1}get percentage(){return this.indeterminate?0:Math.min(100,Math.max(0,this.value/this.max*100))}render(){const o={"w-full":!0,relative:!0,"overflow-hidden":!0,"rounded-full":!0,"h-0.5":this.size==="sm","h-1":this.size==="md","h-2":this.size==="lg","backdrop-blur-xl":this.glass,"backdrop-saturate-150":this.glass,"bg-surface-container/20":this.glass&&!this.indeterminate,"bg-surface-container":!this.glass,"shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]":this.glass,border:this.glass,"border-outline/20":this.glass},i={"h-full":!0,"rounded-full":!0,"transition-all":!0,"duration-300":!0,"ease-in-out":!0,relative:!0,"bg-primary-default":this.color==="primary"&&!this.glass,"bg-secondary-default":this.color==="secondary"&&!this.glass,"bg-tertiary-default":this.color==="tertiary"&&!this.glass,"bg-error-default":this.color==="error"&&!this.glass,"bg-success-default":this.color==="success"&&!this.glass,"w-[30%]":this.indeterminate,absolute:this.indeterminate,"indeterminate-animation":this.indeterminate},l=this.indeterminate?{}:{width:`${this.percentage}%`},a={"backdrop-blur-sm":this.glass,"shadow-[0_0_20px_rgba(0,0,0,0.1)]":this.glass,"bg-primary-default/70":this.glass&&this.color==="primary","bg-secondary-default/70":this.glass&&this.color==="secondary","bg-tertiary-default/70":this.glass&&this.color==="tertiary","bg-error-default/70":this.glass&&this.color==="error","bg-success-default/70":this.glass&&this.color==="success"};return c.html`
-      <div class="${d.classMap(o)}">
-        <div 
-          class="${d.classMap({...i,...a})}"
-          style="${u.styleMap(l)}"
-          role="progressbar"
-          aria-valuenow="${this.value}"
-          aria-valuemin="0"
-          aria-valuemax="${this.max}"
-        >
-          ${this.glass?c.html`
-            <!-- Glass shine effect -->
-            <div class="absolute inset-0 bg-gradient-to-b from-surface-on/20 to-transparent rounded-full"></div>
-          `:""}
-        </div>
-      </div>
-    `}};r([s.property({type:Number,reflect:!0})],e.prototype,"value",2),r([s.property({type:Number,reflect:!0})],e.prototype,"max",2),r([s.property({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),r([s.property({type:String,reflect:!0})],e.prototype,"size",2),r([s.property({type:String,reflect:!0})],e.prototype,"color",2),r([s.property({type:Boolean,reflect:!0})],e.prototype,"glass",2),e=r([s.customElement("schmancy-progress")],e);
-//# sourceMappingURL=progress-DdBHNIMT.cjs.map

package/dist/progress-DdBHNIMT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-DdBHNIMT.cjs","sources":["../src/progress/progress.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends TailwindElement(css`\n  :host {\n    display: block;\n  }\n\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.5s infinite ease-in-out;\n  }\n`) {\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-0.5': this.size === 'sm',\n      'h-1': this.size === 'md',\n      'h-2': this.size === 'lg',\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'w-[30%]': this.indeterminate,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-gradient-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}"],"names":["SchmancyProgress","TailwindElement","css","constructor","super","arguments","this","value","max","indeterminate","size","color","glass","percentage","Math","min","render","containerClasses","relative","border","barClasses","absolute","barStyles","width","glassBarClasses","html","classMap","styleMap","__decorateClass","property","type","Number","reflect","prototype","Boolean","String","customElement"],"mappings":"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"}

package/dist/ripple-QoNZUUw_.js

@@ -1,148 +0,0 @@
-import { nothing as a } from "lit";
-import { directive as o, Directive as h, PartType as p } from "lit/directive.js";
-import { Subject as l, merge as u, fromEvent as i, debounceTime as f, startWith as b, takeUntil as v } from "rxjs";
-import { takeUntil as g, map as w } from "rxjs/operators";
-import { AsyncDirective as y } from "lit/async-directive.js";
-const C = o(class extends h {
-  constructor(s) {
-    super(s), this.config = {};
-  }
-  update(s, [t]) {
-    if (s.type !== p.ELEMENT) throw new Error("The `classMap` directive must be used in the `class` attribute");
-    const e = s.element;
-    this.config = t, this.config.bgColor && (e.style.backgroundColor = this.config.bgColor), this.config.color && (e.style.color = this.config.color);
-  }
-  render(s) {
-    return this.config = s, a;
-  }
-});
-let c = null;
-class E extends h {
-  constructor(t) {
-    super(t), this.destroy$ = new l(), this.handleDragStart = (e) => {
-      e.stopPropagation();
-      const n = { id: this.id };
-      e.dataTransfer?.setData("application/json", JSON.stringify(n)), e.dataTransfer.effectAllowed = "move", this.element?.style.setProperty("cursor", "grabbing"), c = this.id;
-    }, this.handleDragEnd = () => {
-      this.element?.style.setProperty("cursor", "grab"), c = null;
-    };
-  }
-  update(t, [e]) {
-    return this.id = e, this.element || (this.element = t.element, this.element.draggable = !0, this.element.style.cursor = "grab", u(i(this.element, "dragstart"), i(this.element, "dragend")).pipe(g(this.destroy$)).subscribe((n) => {
-      n.type === "dragstart" ? this.handleDragStart(n) : n.type === "dragend" && this.handleDragEnd();
-    })), a;
-  }
-  disconnected() {
-    this.destroy$.next(), this.destroy$.complete();
-  }
-  render(t) {
-    return a;
-  }
-}
-const L = o(E);
-class x extends h {
-  constructor(t) {
-    super(t), this.destroy$ = new l(), this.handleDragOver = (e) => {
-      e.preventDefault(), c !== this.destinationId && this.element && (this.element.style.outline = "1px dashed var(--schmancy-sys-color-tertiary-default)", this.element.style.outlineOffset = "1px", this.element.style.filter = "drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))");
-    }, this.handleDragLeave = () => {
-      this.element && (this.element.style.removeProperty("outline"), this.element.style.removeProperty("outline-offset"), this.element.style.filter = "none");
-    }, this.handleDrop = (e) => {
-      e.preventDefault(), this.handleDragLeave();
-      const n = e.dataTransfer?.getData("application/json");
-      if (n) try {
-        const { id: r } = JSON.parse(n);
-        if (r === this.destinationId) return;
-        this.element?.dispatchEvent(new CustomEvent("drop", { detail: { source: r, destination: this.destinationId }, bubbles: !0, composed: !0 }));
-      } catch {
-      }
-    };
-  }
-  update(t, [e]) {
-    return this.destinationId = e, this.element || (this.element = t.element, u(i(this.element, "dragover"), i(this.element, "dragleave"), i(this.element, "drop").pipe(w((n) => (n.stopPropagation(), n.preventDefault(), n)))).pipe(g(this.destroy$)).subscribe((n) => {
-      switch (n.type) {
-        case "dragover":
-          this.handleDragOver(n);
-          break;
-        case "dragleave":
-          this.handleDragLeave();
-          break;
-        case "drop":
-          this.handleDrop(n);
-      }
-    })), a;
-  }
-  disconnected() {
-    this.destroy$.next(), this.destroy$.complete();
-  }
-  render(t) {
-    return a;
-  }
-}
-const N = o(x), d = new l();
-i(window, "resize").pipe(f(10), b(window)).subscribe({ next: () => {
-  d.next(window);
-} });
-const M = o(class extends y {
-  constructor(s) {
-    super(s), this.disconnecting = new l(), d.pipe(v(this.disconnecting)).subscribe(() => {
-      this.element.style.setProperty("height", `${window.innerHeight}px`), setTimeout(() => {
-        this.element.style.setProperty("height", `${window.innerHeight}px`);
-      });
-    });
-  }
-  render() {
-  }
-  update(s) {
-    if (s.type !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
-    this.element = s.element, d.next(window);
-  }
-  disconnected() {
-    this.disconnecting.next(!0);
-  }
-  reconnected() {
-  }
-}), O = o(class extends y {
-  constructor() {
-    super(...arguments), this.addRippleEffect = (s) => {
-      const t = s.target, e = document.createElement("span"), n = Math.max(t.clientWidth, t.clientHeight), r = n / 2;
-      e.style.width = e.style.height = `${n}px`, e.style.left = s.clientX - t.getBoundingClientRect().left - r + "px", e.style.top = s.clientY - t.getBoundingClientRect().top - r + "px", e.classList.add("ripple");
-      const m = t.getElementsByClassName("ripple")[0];
-      m && m.remove(), t.appendChild(e);
-    };
-  }
-  render() {
-  }
-  update(s) {
-    if (s.type !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
-    this.element = s.element;
-    const t = document.createElement("style");
-    t.append(`.ripple {
-    position: absolute;
-    border-radius: 50%;
-    background: var(--schmancy-sys-color-surface-high);
-    transform: scale(0);
-    animation: ripple 600ms linear;
-}
-
-@keyframes ripple {
-    to {
-        transform: scale(4);
-        opacity: 0;
-    }
-}
-`), this.element.append(t), this.subscription?.unsubscribe(), this.subscription = i(this.element, "click").subscribe(this.addRippleEffect);
-  }
-  disconnected() {
-    this.subscription?.unsubscribe();
-  }
-});
-export {
-  E as D,
-  x as a,
-  N as b,
-  C as c,
-  L as d,
-  M as f,
-  O as r
-};
-//# sourceMappingURL=ripple-QoNZUUw_.js.map

package/dist/ripple-QoNZUUw_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ripple-QoNZUUw_.js","sources":["../src/directives/color.ts","../src/directives/drag.ts","../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n","import { nothing } from 'lit'\nimport { Directive, directive, Part, PartInfo } from 'lit/directive.js'\nimport { fromEvent, merge, Subject } from 'rxjs'\nimport { map, takeUntil } from 'rxjs/operators'\n\nexport type SchmancyDropEvent = CustomEvent<{ source: string; destination: string }>\n\n// A module-level variable to hold the current drag source id.\nlet currentDragSourceId: string | null = null\n\n// DRAG DIRECTIVE\nexport class DragDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate id!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragStart = (e: DragEvent) => {\n\t\te.stopPropagation()\n\t\tconst data = { id: this.id }\n\t\te.dataTransfer?.setData('application/json', JSON.stringify(data))\n\t\te.dataTransfer!.effectAllowed = 'move'\n\t\tthis.element?.style.setProperty('cursor', 'grabbing')\n\t\t// Store the source id globally so the drop directive can use it.\n\t\tcurrentDragSourceId = this.id\n\t}\n\n\tprivate handleDragEnd = () => {\n\t\tthis.element?.style.setProperty('cursor', 'grab')\n\t\t// Clear the global id once dragging ends.\n\t\tcurrentDragSourceId = null\n\t}\n\n\tupdate(part: Part, [id]: [string]) {\n\t\tthis.id = id\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\t\t\tthis.element.draggable = true\n\t\t\tthis.element.style.cursor = 'grab'\n\n\t\t\tmerge(fromEvent<DragEvent>(this.element, 'dragstart'), fromEvent<DragEvent>(this.element, 'dragend'))\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tif (event.type === 'dragstart') {\n\t\t\t\t\t\tthis.handleDragStart(event)\n\t\t\t\t\t} else if (event.type === 'dragend') {\n\t\t\t\t\t\tthis.handleDragEnd()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_id: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drag = directive(DragDirective)\n\n// DROP DIRECTIVE\nexport class DropDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate destinationId!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\t// If the current drag source id matches the drop target's id,\n\t\t// do not highlight the drop area.\n\t\tif (currentDragSourceId === this.destinationId) {\n\t\t\treturn\n\t\t}\n\t\tif (this.element) {\n\t\t\tthis.element.style.outline = '1px dashed var(--schmancy-sys-color-tertiary-default)'\n\t\t\tthis.element.style.outlineOffset = '1px'\n\t\t\t// apply shadow to the drop target when the draggable element is over it\n\t\t\tthis.element.style.filter = 'drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))'\n\t\t}\n\t}\n\n\tprivate handleDragLeave = () => {\n\t\tif (this.element) {\n\t\t\tthis.element.style.removeProperty('outline')\n\t\t\tthis.element.style.removeProperty('outline-offset')\n\t\t\t// remove filter from the drop target\n\t\t\tthis.element.style.filter = 'none'\n\t\t}\n\t}\n\n\tprivate handleDrop = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\tthis.handleDragLeave()\n\n\t\tconst data = e.dataTransfer?.getData('application/json')\n\t\tif (!data) return\n\n\t\ttry {\n\t\t\tconst { id: sourceId } = JSON.parse(data)\n\t\t\t// If the source and destination are the same, do nothing.\n\t\t\tif (sourceId === this.destinationId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.element?.dispatchEvent(\n\t\t\t\tnew CustomEvent('drop', {\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tsource: sourceId,\n\t\t\t\t\t\tdestination: this.destinationId,\n\t\t\t\t\t},\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tconsole.error('Error parsing drop data:', error)\n\t\t}\n\t}\n\n\tupdate(part: Part, [destinationId]: [string]) {\n\t\tthis.destinationId = destinationId\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\n\t\t\tmerge(\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragover'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragleave'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'drop').pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\treturn e\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tswitch (event.type) {\n\t\t\t\t\t\tcase 'dragover':\n\t\t\t\t\t\t\tthis.handleDragOver(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'dragleave':\n\t\t\t\t\t\t\tthis.handleDragLeave()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'drop':\n\t\t\t\t\t\t\tthis.handleDrop(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_destinationId: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drop = directive(DropDirective)\n","import { Subject, debounceTime, fromEvent, startWith, takeUntil } from 'rxjs'\n\nconst $SchmancyResize = new Subject<Window>()\nfromEvent<Event>(window, 'resize')\n\t.pipe(\n\t\tdebounceTime(10), // Adjust the debounce time as needed\n\t\tstartWith(window),\n\t)\n\t.subscribe({\n\t\tnext: () => {\n\t\t\t$SchmancyResize.next(window)\n\t\t},\n\t})\n\nimport { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { LitElement } from 'lit'\n\nclass FullHeight extends AsyncDirective {\n\telement: HTMLElement & LitElement\n\tdisconnecting = new Subject<boolean>()\n\trender() {\n\t\treturn\n\t}\n\n\tconstructor(_partInfo: PartInfo) {\n\t\tsuper(_partInfo)\n\t\t$SchmancyResize.pipe(takeUntil(this.disconnecting)).subscribe(() => {\n\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\t})\n\t\t})\n\t}\n\n\tupdate(part) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\t\tthis.element = part.element\n\t\t$SchmancyResize.next(window)\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting.next(true)\n\t}\n\n\treconnected() {}\n}\n\nexport const fullHeight = directive(FullHeight)\n","import { directive, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\nconst rippleStyle = `.ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--schmancy-sys-color-surface-high);\n    transform: scale(0);\n    animation: ripple 600ms linear;\n}\n\n@keyframes ripple {\n    to {\n        transform: scale(4);\n        opacity: 0;\n    }\n}\n`\nclass RippleDirective extends AsyncDirective {\n\telement: HTMLElement\n\tprivate subscription?: Subscription\n\n\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect = (event: MouseEvent) => {\n\t\tconst element = event.target as HTMLElement\n\t\tconst circle = document.createElement('span')\n\t\tconst diameter = Math.max(element.clientWidth, element.clientHeight)\n\t\tconst radius = diameter / 2\n\t\tcircle.style.width = circle.style.height = `${diameter}px`\n\t\tcircle.style.left = `${event.clientX - element.getBoundingClientRect().left - radius}px`\n\t\tcircle.style.top = `${event.clientY - element.getBoundingClientRect().top - radius}px`\n\t\tcircle.classList.add('ripple')\n\n\t\tconst ripple = element.getElementsByClassName('ripple')[0]\n\t\tif (ripple) {\n\t\t\tripple.remove()\n\t\t}\n\n\t\telement.appendChild(circle)\n\t}\n\n\tupdate(part: any) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\n\t\tthis.element = part.element\n\t\tconst style = document.createElement('style')\n\t\tstyle.append(rippleStyle)\n\t\tthis.element.append(style)\n\n\t\t// Clean up existing subscription\n\t\tthis.subscription?.unsubscribe()\n\n\t\t// Create new subscription\n\t\tthis.subscription = fromEvent<MouseEvent>(this.element, 'click').subscribe(this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tthis.subscription?.unsubscribe()\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["color","directive","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","nothing","currentDragSourceId","DragDirective","destroy$","Subject","handleDragStart","e","stopPropagation","data","id","dataTransfer","setData","JSON","stringify","effectAllowed","setProperty","handleDragEnd","draggable","cursor","merge","fromEvent","pipe","takeUntil","subscribe","event","disconnected","next","complete","_id","drag","DropDirective","handleDragOver","preventDefault","destinationId","outline","outlineOffset","filter","handleDragLeave","removeProperty","handleDrop","getData","sourceId","parse","dispatchEvent","CustomEvent","detail","source","destination","bubbles","composed","error","map","_destinationId","drop","$SchmancyResize","window","debounceTime","startWith","fullHeight","AsyncDirective","_partInfo","disconnecting","innerHeight","setTimeout","reconnected","ripple","constructor","arguments","addRippleEffect","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","getElementsByClassName","remove","appendChild","render","append","subscription","unsubscribe"],"mappings":"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"}

package/dist/ripple-Ujq_REH4.cjs

@@ -1,16 +0,0 @@
-"use strict";const o=require("lit"),i=require("lit/directive.js"),s=require("rxjs"),l=require("rxjs/operators"),u=require("lit/async-directive.js");class y extends i.Directive{constructor(e){super(e),this.config={}}update(e,[n]){if(e.type!==i.PartType.ELEMENT)throw new Error("The `classMap` directive must be used in the `class` attribute");const t=e.element;this.config=n,this.config.bgColor&&(t.style.backgroundColor=this.config.bgColor),this.config.color&&(t.style.color=this.config.color)}render(e){return this.config=e,o.nothing}}const f=i.directive(y);let c=null;class m extends i.Directive{constructor(e){super(e),this.destroy$=new s.Subject,this.handleDragStart=n=>{n.stopPropagation();const t={id:this.id};n.dataTransfer?.setData("application/json",JSON.stringify(t)),n.dataTransfer.effectAllowed="move",this.element?.style.setProperty("cursor","grabbing"),c=this.id},this.handleDragEnd=()=>{this.element?.style.setProperty("cursor","grab"),c=null}}update(e,[n]){return this.id=n,this.element||(this.element=e.element,this.element.draggable=!0,this.element.style.cursor="grab",s.merge(s.fromEvent(this.element,"dragstart"),s.fromEvent(this.element,"dragend")).pipe(l.takeUntil(this.destroy$)).subscribe(t=>{t.type==="dragstart"?this.handleDragStart(t):t.type==="dragend"&&this.handleDragEnd()})),o.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete()}render(e){return o.nothing}}const v=i.directive(m);class g extends i.Directive{constructor(e){super(e),this.destroy$=new s.Subject,this.handleDragOver=n=>{n.preventDefault(),c!==this.destinationId&&this.element&&(this.element.style.outline="1px dashed var(--schmancy-sys-color-tertiary-default)",this.element.style.outlineOffset="1px",this.element.style.filter="drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))")},this.handleDragLeave=()=>{this.element&&(this.element.style.removeProperty("outline"),this.element.style.removeProperty("outline-offset"),this.element.style.filter="none")},this.handleDrop=n=>{n.preventDefault(),this.handleDragLeave();const t=n.dataTransfer?.getData("application/json");if(t)try{const{id:r}=JSON.parse(t);if(r===this.destinationId)return;this.element?.dispatchEvent(new CustomEvent("drop",{detail:{source:r,destination:this.destinationId},bubbles:!0,composed:!0}))}catch{}}}update(e,[n]){return this.destinationId=n,this.element||(this.element=e.element,s.merge(s.fromEvent(this.element,"dragover"),s.fromEvent(this.element,"dragleave"),s.fromEvent(this.element,"drop").pipe(l.map(t=>(t.stopPropagation(),t.preventDefault(),t)))).pipe(l.takeUntil(this.destroy$)).subscribe(t=>{switch(t.type){case"dragover":this.handleDragOver(t);break;case"dragleave":this.handleDragLeave();break;case"drop":this.handleDrop(t)}})),o.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete()}render(e){return o.nothing}}const b=i.directive(g),d=new s.Subject;s.fromEvent(window,"resize").pipe(s.debounceTime(10),s.startWith(window)).subscribe({next:()=>{d.next(window)}});class w extends u.AsyncDirective{constructor(e){super(e),this.disconnecting=new s.Subject,d.pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.element.style.setProperty("height",`${window.innerHeight}px`),setTimeout(()=>{this.element.style.setProperty("height",`${window.innerHeight}px`)})})}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.element,d.next(window)}disconnected(){this.disconnecting.next(!0)}reconnected(){}}const E=i.directive(w);class D extends u.AsyncDirective{constructor(){super(...arguments),this.addRippleEffect=e=>{const n=e.target,t=document.createElement("span"),r=Math.max(n.clientWidth,n.clientHeight),h=r/2;t.style.width=t.style.height=`${r}px`,t.style.left=e.clientX-n.getBoundingClientRect().left-h+"px",t.style.top=e.clientY-n.getBoundingClientRect().top-h+"px",t.classList.add("ripple");const p=n.getElementsByClassName("ripple")[0];p&&p.remove(),n.appendChild(t)}}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.element;const n=document.createElement("style");n.append(`.ripple {
-    position: absolute;
-    border-radius: 50%;
-    background: var(--schmancy-sys-color-surface-high);
-    transform: scale(0);
-    animation: ripple 600ms linear;
-}
-
-@keyframes ripple {
-    to {
-        transform: scale(4);
-        opacity: 0;
-    }
-}
-`),this.element.append(n),this.subscription?.unsubscribe(),this.subscription=s.fromEvent(this.element,"click").subscribe(this.addRippleEffect)}disconnected(){this.subscription?.unsubscribe()}}const x=i.directive(D);exports.DragDirective=m,exports.DropDirective=g,exports.color=f,exports.drag=v,exports.drop=b,exports.fullHeight=E,exports.ripple=x;
-//# sourceMappingURL=ripple-Ujq_REH4.cjs.map

package/dist/ripple-Ujq_REH4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ripple-Ujq_REH4.cjs","sources":["../src/directives/color.ts","../src/directives/drag.ts","../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n","import { nothing } from 'lit'\nimport { Directive, directive, Part, PartInfo } from 'lit/directive.js'\nimport { fromEvent, merge, Subject } from 'rxjs'\nimport { map, takeUntil } from 'rxjs/operators'\n\nexport type SchmancyDropEvent = CustomEvent<{ source: string; destination: string }>\n\n// A module-level variable to hold the current drag source id.\nlet currentDragSourceId: string | null = null\n\n// DRAG DIRECTIVE\nexport class DragDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate id!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragStart = (e: DragEvent) => {\n\t\te.stopPropagation()\n\t\tconst data = { id: this.id }\n\t\te.dataTransfer?.setData('application/json', JSON.stringify(data))\n\t\te.dataTransfer!.effectAllowed = 'move'\n\t\tthis.element?.style.setProperty('cursor', 'grabbing')\n\t\t// Store the source id globally so the drop directive can use it.\n\t\tcurrentDragSourceId = this.id\n\t}\n\n\tprivate handleDragEnd = () => {\n\t\tthis.element?.style.setProperty('cursor', 'grab')\n\t\t// Clear the global id once dragging ends.\n\t\tcurrentDragSourceId = null\n\t}\n\n\tupdate(part: Part, [id]: [string]) {\n\t\tthis.id = id\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\t\t\tthis.element.draggable = true\n\t\t\tthis.element.style.cursor = 'grab'\n\n\t\t\tmerge(fromEvent<DragEvent>(this.element, 'dragstart'), fromEvent<DragEvent>(this.element, 'dragend'))\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tif (event.type === 'dragstart') {\n\t\t\t\t\t\tthis.handleDragStart(event)\n\t\t\t\t\t} else if (event.type === 'dragend') {\n\t\t\t\t\t\tthis.handleDragEnd()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_id: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drag = directive(DragDirective)\n\n// DROP DIRECTIVE\nexport class DropDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate destinationId!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\t// If the current drag source id matches the drop target's id,\n\t\t// do not highlight the drop area.\n\t\tif (currentDragSourceId === this.destinationId) {\n\t\t\treturn\n\t\t}\n\t\tif (this.element) {\n\t\t\tthis.element.style.outline = '1px dashed var(--schmancy-sys-color-tertiary-default)'\n\t\t\tthis.element.style.outlineOffset = '1px'\n\t\t\t// apply shadow to the drop target when the draggable element is over it\n\t\t\tthis.element.style.filter = 'drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))'\n\t\t}\n\t}\n\n\tprivate handleDragLeave = () => {\n\t\tif (this.element) {\n\t\t\tthis.element.style.removeProperty('outline')\n\t\t\tthis.element.style.removeProperty('outline-offset')\n\t\t\t// remove filter from the drop target\n\t\t\tthis.element.style.filter = 'none'\n\t\t}\n\t}\n\n\tprivate handleDrop = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\tthis.handleDragLeave()\n\n\t\tconst data = e.dataTransfer?.getData('application/json')\n\t\tif (!data) return\n\n\t\ttry {\n\t\t\tconst { id: sourceId } = JSON.parse(data)\n\t\t\t// If the source and destination are the same, do nothing.\n\t\t\tif (sourceId === this.destinationId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.element?.dispatchEvent(\n\t\t\t\tnew CustomEvent('drop', {\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tsource: sourceId,\n\t\t\t\t\t\tdestination: this.destinationId,\n\t\t\t\t\t},\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tconsole.error('Error parsing drop data:', error)\n\t\t}\n\t}\n\n\tupdate(part: Part, [destinationId]: [string]) {\n\t\tthis.destinationId = destinationId\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\n\t\t\tmerge(\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragover'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragleave'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'drop').pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\treturn e\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tswitch (event.type) {\n\t\t\t\t\t\tcase 'dragover':\n\t\t\t\t\t\t\tthis.handleDragOver(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'dragleave':\n\t\t\t\t\t\t\tthis.handleDragLeave()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'drop':\n\t\t\t\t\t\t\tthis.handleDrop(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_destinationId: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drop = directive(DropDirective)\n","import { Subject, debounceTime, fromEvent, startWith, takeUntil } from 'rxjs'\n\nconst $SchmancyResize = new Subject<Window>()\nfromEvent<Event>(window, 'resize')\n\t.pipe(\n\t\tdebounceTime(10), // Adjust the debounce time as needed\n\t\tstartWith(window),\n\t)\n\t.subscribe({\n\t\tnext: () => {\n\t\t\t$SchmancyResize.next(window)\n\t\t},\n\t})\n\nimport { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { LitElement } from 'lit'\n\nclass FullHeight extends AsyncDirective {\n\telement: HTMLElement & LitElement\n\tdisconnecting = new Subject<boolean>()\n\trender() {\n\t\treturn\n\t}\n\n\tconstructor(_partInfo: PartInfo) {\n\t\tsuper(_partInfo)\n\t\t$SchmancyResize.pipe(takeUntil(this.disconnecting)).subscribe(() => {\n\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\t})\n\t\t})\n\t}\n\n\tupdate(part) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\t\tthis.element = part.element\n\t\t$SchmancyResize.next(window)\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting.next(true)\n\t}\n\n\treconnected() {}\n}\n\nexport const fullHeight = directive(FullHeight)\n","import { directive, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\nconst rippleStyle = `.ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--schmancy-sys-color-surface-high);\n    transform: scale(0);\n    animation: ripple 600ms linear;\n}\n\n@keyframes ripple {\n    to {\n        transform: scale(4);\n        opacity: 0;\n    }\n}\n`\nclass RippleDirective extends AsyncDirective {\n\telement: HTMLElement\n\tprivate subscription?: Subscription\n\n\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect = (event: MouseEvent) => {\n\t\tconst element = event.target as HTMLElement\n\t\tconst circle = document.createElement('span')\n\t\tconst diameter = Math.max(element.clientWidth, element.clientHeight)\n\t\tconst radius = diameter / 2\n\t\tcircle.style.width = circle.style.height = `${diameter}px`\n\t\tcircle.style.left = `${event.clientX - element.getBoundingClientRect().left - radius}px`\n\t\tcircle.style.top = `${event.clientY - element.getBoundingClientRect().top - radius}px`\n\t\tcircle.classList.add('ripple')\n\n\t\tconst ripple = element.getElementsByClassName('ripple')[0]\n\t\tif (ripple) {\n\t\t\tripple.remove()\n\t\t}\n\n\t\telement.appendChild(circle)\n\t}\n\n\tupdate(part: any) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\n\t\tthis.element = part.element\n\t\tconst style = document.createElement('style')\n\t\tstyle.append(rippleStyle)\n\t\tthis.element.append(style)\n\n\t\t// Clean up existing subscription\n\t\tthis.subscription?.unsubscribe()\n\n\t\t// Create new subscription\n\t\tthis.subscription = fromEvent<MouseEvent>(this.element, 'click').subscribe(this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tthis.subscription?.unsubscribe()\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["ColorDirective","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","color","nothing","directive","currentDragSourceId","DragDirective","destroy$","Subject","handleDragStart","e","stopPropagation","data","id","dataTransfer","setData","JSON","stringify","effectAllowed","setProperty","handleDragEnd","draggable","cursor","merge","fromEvent","pipe","takeUntil","subscribe","event","disconnected","next","complete","_id","drag","DropDirective","handleDragOver","preventDefault","destinationId","outline","outlineOffset","filter","handleDragLeave","removeProperty","handleDrop","getData","sourceId","parse","dispatchEvent","CustomEvent","detail","source","destination","bubbles","composed","error","map","_destinationId","drop","$SchmancyResize","window","debounceTime","startWith","FullHeight","AsyncDirective","_partInfo","disconnecting","innerHeight","setTimeout","reconnected","fullHeight","RippleDirective","arguments","addRippleEffect","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","ripple","getElementsByClassName","remove","appendChild","render","append","subscription","unsubscribe"],"mappings":"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"}

package/dist/select-ApLZefMf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-ApLZefMf.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 { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\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: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\treturn this.multi\n\t\t\t? this._selectedValues$.value.join(',')\n\t\t\t: this._selectedValue$.value\n\t}\n\tset value(val: string | string[]) {\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis._selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis._selectedValue$.next(String(val || ''))\n\t\t}\n\t}\n\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\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\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\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\n\t// Reactive state management\n\tprivate _options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate _selectedValue$ = new BehaviorSubject<string>('')\n\tprivate _selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate _optionSelect$ = new Subject<SchmancyOption>()\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// Form event handlers\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// Setup reactive pipelines\n\t\tthis._setupReactivePipelines()\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(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\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\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// 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\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\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 || o.textContent || '')\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 - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\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 ? (selectedOption.label || selectedOption.textContent || '') : 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\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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 open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\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 _setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis._optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis._optionSelect$\n\t\t\t.pipe(\n\t\t\t\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\n\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\tthis._touched = true\n\t\t\t\t\tthis._dirty = true\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis._fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this._selectedValue$, this._selectedValues$, this._options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate _fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this._selectedValues$.value : this._selectedValue$.value\n\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// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\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\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 ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\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\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\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 min-w-full w-full 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.low,\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._options$.next(this.options)\n\t\t\t\t\t\t\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\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\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_options$","BehaviorSubject","_selectedValue$","_selectedValues$","_optionSelect$","Subject","_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","value","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","selectedOption","option","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","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}