@mhmo91/schmancy 0.2.113 → 0.2.115

package/dist/ripple-3indJ14o.js

@@ -0,0 +1,64 @@
+import { Subject as c, fromEvent as d, debounceTime as m, startWith as h, takeUntil as y } from "rxjs";
+import { directive as l, PartType as p } from "lit/directive.js";
+import { AsyncDirective as a } from "lit/async-directive.js";
+const i = new c();
+d(window, "resize").pipe(m(10), h(window)).subscribe({ next: () => {
+  i.next(window);
+} });
+const g = l(class extends a {
+  constructor(e) {
+    super(e), this.disconnecting = new c(), i.pipe(y(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 !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
+    this.element = e.element, i.next(window);
+  }
+  disconnected() {
+    this.disconnecting.next(!0);
+  }
+  reconnected() {
+  }
+}), E = l(class extends a {
+  render() {
+  }
+  addRippleEffect(e) {
+    const t = e.target, n = document.createElement("span"), s = Math.max(t.clientWidth, t.clientHeight), r = s / 2;
+    n.style.width = n.style.height = `${s}px`, n.style.left = e.clientX - t.getBoundingClientRect().left - r + "px", n.style.top = e.clientY - t.getBoundingClientRect().top - r + "px", n.classList.add("ripple");
+    const o = t.getElementsByClassName("ripple")[0];
+    o && o.remove(), t.appendChild(n);
+  }
+  update(e) {
+    if (e.type !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
+    this.element = e.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.element.addEventListener("click", this.addRippleEffect);
+  }
+  disconnected() {
+    this.element && this.element.removeEventListener("click", this.addRippleEffect);
+  }
+});
+export {
+  g as f,
+  E as r
+};
+//# sourceMappingURL=ripple-3indJ14o.js.map

package/dist/ripple-3indJ14o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-3indJ14o.js","sources":["../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["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'\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\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect(event) {\n\t\tconst element = event.target\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) {\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\t\tthis.element.addEventListener('click', this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tif (this.element) {\n\t\t\tthis.element.removeEventListener('click', this.addRippleEffect)\n\t\t}\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["$SchmancyResize","Subject","fromEvent","window","pipe","debounceTime","startWith","subscribe","next","fullHeight","directive","AsyncDirective","_partInfo","super","this","disconnecting","takeUntil","element","style","setProperty","innerHeight","setTimeout","render","part","type","PartType","ELEMENT","Error","disconnected","reconnected","ripple","event","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","getElementsByClassName","remove","appendChild","append","addEventListener","addRippleEffect","removeEventListener"],"mappings":";;;AAEA,MAAMA,IAAkB,IAAIC;AAC5BC,EAAiBC,QAAQ,QAAA,EACvBC,KACAC,EAAa,KACbC,EAAUH,MAAAA,CAAAA,EAEVI,UAAU,EACVC,MAAM,MAAA;AACLR,EAAAA,EAAgBQ,KAAKL,MAAAA;AAAM,EAwCjB,CAAA;AAAA,MAAAM,IAAaC,EAhC1B,cAAyBC,EAOxB;AAAA,EAAA,YAAYC,GAAAA;AACXC,UAAMD,CAAAA,GANPE,KAAAC,gBAAgB,IAAId,KAOnBD,EAAgBI,KAAKY,EAAUF,KAAKC,aAAAA,CAAAA,EAAgBR,UAAU,MAAA;AAC7DO,WAAKG,QAAQC,MAAMC,YAAY,UAAU,GAAGhB,OAAOiB,WACnDC,IAAAA,GAAAA,WAAW,MACVP;AAAAA,aAAKG,QAAQC,MAAMC,YAAY,UAAU,GAAGhB,OAAOiB,WAAAA,IAAAA;AAAAA,MAAe;IAClE,CACD;AAAA,EAAA;AAAA,EAXF,SAAAE;AAAAA,EACC;AAAA,EAaD,OAAOC,GACF;AAAA,QAAAA,EAAKC,SAASC,EAASC,QACpB,OAAA,IAAIC,MAAM,qDAEjBb;AAAAA,SAAKG,UAAUM,EAAKN,SACpBjB,EAAgBQ,KAAKL,MAAM;AAAA,EAAA;AAAA,EAG5B,eAAAyB;AACMd,SAAAC,cAAcP,KAAAA,EAAS;AAAA,EAAA;AAAA,EAG7B,cAAAqB;AAAAA,EAAc;ACcF,CAAA,GAAAC,IAASpB,EA3CtB,cAA8BC,EAAAA;AAAAA,EAE7B,SAAAW;AAAAA,EACC;AAAA,EAGD,gBAAgBS,GACf;AAAA,UAAMd,IAAUc,EAAMC,QAChBC,IAASC,SAASC,cAAc,MAAA,GAChCC,IAAWC,KAAKC,IAAIrB,EAAQsB,aAAatB,EAAQuB,YAAAA,GACjDC,IAASL,IAAW;AAC1BH,IAAAA,EAAOf,MAAMwB,QAAQT,EAAOf,MAAMyB,SAAS,GAAGP,CACvCH,MAAAA,EAAAf,MAAM0B,OAAUb,EAAMc,UAAU5B,EAAQ6B,sBAAwBF,EAAAA,OAAOH,IAA1D,MACbR,EAAAf,MAAM6B,MAAShB,EAAMiB,UAAU/B,EAAQ6B,sBAAAA,EAAwBC,MAAMN,IAAzD,MACZR,EAAAgB,UAAUC,IAAI,QAErB;AAAA,UAAMpB,IAASb,EAAQkC,uBAAuB,QAAU,EAAA,CAAA;AACpDrB,IAAAA,KACHA,EAAOsB,OAGRnC,GAAAA,EAAQoC,YAAYpB,CAAM;AAAA,EAAA;AAAA,EAG3B,OAAOV,GACF;AAAA,QAAAA,EAAKC,SAASC,EAASC,QACpB,OAAA,IAAIC,MAAM,qDAGjBb;AAAAA,SAAKG,UAAUM,EAAKN;AACd,UAAAC,IAAQgB,SAASC,cAAc,OACrCjB;AAAAA,IAAAA,EAAMoC,OA9CY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,GA+CbxC,KAAAG,QAAQqC,OAAOpC,CACpBJ,GAAAA,KAAKG,QAAQsC,iBAAiB,SAASzC,KAAK0C;EAAe;AAAA,EAG5D,eACK1C;AAAAA,SAAKG,WACRH,KAAKG,QAAQwC,oBAAoB,SAAS3C,KAAK0C,eAChD;AAAA,EAAA;AAAA,CAAA;"}

package/dist/ripple-B_wT0zgD.cjs

@@ -0,0 +1,16 @@
+"use strict";const i=require("rxjs"),s=require("lit/directive.js"),p=require("lit/async-directive.js"),r=new i.Subject;i.fromEvent(window,"resize").pipe(i.debounceTime(10),i.startWith(window)).subscribe({next:()=>{r.next(window)}});class a extends p.AsyncDirective{constructor(e){super(e),this.disconnecting=new i.Subject,r.pipe(i.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!==s.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.element,r.next(window)}disconnected(){this.disconnecting.next(!0)}reconnected(){}}const h=s.directive(a);class m extends p.AsyncDirective{render(){}addRippleEffect(e){const t=e.target,n=document.createElement("span"),c=Math.max(t.clientWidth,t.clientHeight),l=c/2;n.style.width=n.style.height=`${c}px`,n.style.left=e.clientX-t.getBoundingClientRect().left-l+"px",n.style.top=e.clientY-t.getBoundingClientRect().top-l+"px",n.classList.add("ripple");const o=t.getElementsByClassName("ripple")[0];o&&o.remove(),t.appendChild(n)}update(e){if(e.type!==s.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.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.element.addEventListener("click",this.addRippleEffect)}disconnected(){this.element&&this.element.removeEventListener("click",this.addRippleEffect)}}const u=s.directive(m);exports.fullHeight=h,exports.ripple=u;
+//# sourceMappingURL=ripple-B_wT0zgD.cjs.map

package/dist/ripple-B_wT0zgD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-B_wT0zgD.cjs","sources":["../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["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'\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\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect(event) {\n\t\tconst element = event.target\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) {\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\t\tthis.element.addEventListener('click', this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tif (this.element) {\n\t\t\tthis.element.removeEventListener('click', this.addRippleEffect)\n\t\t}\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["$SchmancyResize","Subject","fromEvent","window","pipe","debounceTime","startWith","subscribe","next","FullHeight","AsyncDirective","_partInfo","super","this","disconnecting","takeUntil","element","style","setProperty","innerHeight","setTimeout","part","type","PartType","ELEMENT","Error","disconnected","fullHeight","directive","RippleDirective","event","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","ripple","getElementsByClassName","remove","appendChild","append","addEventListener","addRippleEffect","removeEventListener"],"mappings":"qGAEMA,EAAAA,EAAkB,IAAIC,EAAAA,QAC5BC,EAAAA,UAAiBC,OAAQ,QACvBC,EAAAA,KACAC,EAAAA,aAAa,EACbC,EAAAA,EAAAA,UAAUH,MAAAA,CAAAA,EAEVI,UAAU,CACVC,KAAM,IAAA,CACLR,EAAgBQ,KAAKL,MAAAA,CAAM,CAQ9B,CAAA,EAAA,MAAMM,UAAmBC,EAAAA,cAOxB,CAAA,YAAYC,EAAAA,CACXC,MAAMD,CAAAA,EANPE,KAAAC,cAAgB,IAAIb,UAOnBD,EAAgBI,KAAKW,YAAUF,KAAKC,aAAgBP,CAAAA,EAAAA,UAAU,IAC7DM,CAAAA,KAAKG,QAAQC,MAAMC,YAAY,SAAU,GAAGf,OAAOgB,WAAAA,IAAAA,EACnDC,WAAW,IAAA,CACVP,KAAKG,QAAQC,MAAMC,YAAY,SAAU,GAAGf,OAAOgB,WAAAA,IAAAA,CAAe,CAClE,CAAA,CAAA,CACD,CAXF,QACC,CAAA,CAaD,OAAOE,EACF,CAAA,GAAAA,EAAKC,OAASC,EAAAA,SAASC,QACpB,MAAA,IAAIC,MAAM,uDAEjBZ,KAAKG,QAAUK,EAAKL,QACpBhB,EAAgBQ,KAAKL,MAAM,CAAA,CAG5B,cAAAuB,CACMb,KAAAC,cAAcN,KAAK,EAAA,CAAI,CAG7B,aAAc,CAAA,CAAA,CAGF,MAAAmB,EAAaC,YAAUnB,CChCpC,EAAA,MAAMoB,UAAwBnB,EAAAA,cAE7B,CAAA,QACC,CAAA,CAGD,gBAAgBoB,EAAAA,CACf,MAAMd,EAAUc,EAAMC,OAChBC,EAASC,SAASC,cAAc,MAAA,EAChCC,EAAWC,KAAKC,IAAIrB,EAAQsB,YAAatB,EAAQuB,YACjDC,EAAAA,EAASL,EAAW,EAC1BH,EAAOf,MAAMwB,MAAQT,EAAOf,MAAMyB,OAAS,GAAGP,CAAAA,KACvCH,EAAAf,MAAM0B,KAAUb,EAAMc,QAAU5B,EAAQ6B,sBAAAA,EAAwBF,KAAOH,EAA1D,KACbR,EAAAf,MAAM6B,IAAShB,EAAMiB,QAAU/B,EAAQ6B,sBAAAA,EAAwBC,IAAMN,EAAzD,KACZR,EAAAgB,UAAUC,IAAI,QAErB,EAAA,MAAMC,EAASlC,EAAQmC,uBAAuB,QAAA,EAAU,CACpDD,EAAAA,GACHA,EAAOE,OAAAA,EAGRpC,EAAQqC,YAAYrB,CAAAA,CAAM,CAG3B,OAAOX,EAAAA,CACF,GAAAA,EAAKC,OAASC,EAAAA,SAASC,QACpB,MAAA,IAAIC,MAAM,qDAAA,EAGjBZ,KAAKG,QAAUK,EAAKL,QACd,MAAAC,EAAQgB,SAASC,cAAc,OACrCjB,EAAAA,EAAMqC,OA9CY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,EA+CbzC,KAAAG,QAAQsC,OAAOrC,CACpBJ,EAAAA,KAAKG,QAAQuC,iBAAiB,QAAS1C,KAAK2C,eAAe,CAAA,CAG5D,cAAA9B,CACKb,KAAKG,SACRH,KAAKG,QAAQyC,oBAAoB,QAAS5C,KAAK2C,eAAAA,CAChD,CAIW,CAAA,MAAAN,EAAStB,YAAUC,CAAAA"}

package/dist/{select-8AjN6LbM.js → select-DRi9CB_N.js}

@@ -1,18 +1,19 @@
 import { autoUpdate as d, computePosition as u, offset as y, flip as v, shift as m } from "@floating-ui/dom";
 import "rxjs";
-import { classMap as b } from "lit/directives/class-map.js";
+import { classMap as f } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as f } from "./litElement.mixin-NzkxESus.js";
-import "./tailwind.mixin-DklgfhB4.js";
-import { c as g } from "./ripple-BumgqsDT.js";
+import { $ as b } from "./litElement.mixin-MZntPOCu.js";
+import "./tailwind.mixin-B-T2bBPl.js";
+import { c as g } from "./color-DrgmL7QT.js";
+import "./ripple-3indJ14o.js";
 import { S as w } from "./theme.interface-C5Kj6WjD.js";
-import { css as O, html as A } from "lit";
-import { property as r, state as p, query as c, queryAssignedElements as $, customElement as D } from "lit/decorators.js";
-var x = Object.defineProperty, S = Object.getOwnPropertyDescriptor, a = (t, e, i, s) => {
-  for (var l, n = s > 1 ? void 0 : s ? S(e, i) : e, h = t.length - 1; h >= 0; h--) (l = t[h]) && (n = (s ? l(e, i, n) : l(n)) || n);
-  return s && n && x(e, i, n), n;
+import { css as A, html as O } from "lit";
+import { property as n, state as p, query as c, queryAssignedElements as $, customElement as D } from "lit/decorators.js";
+var V = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, e, i, s) => {
+  for (var l, r = s > 1 ? void 0 : s ? x(e, i) : e, h = t.length - 1; h >= 0; h--) (l = t[h]) && (r = (s ? l(e, i, r) : l(r)) || r);
+  return s && r && V(e, i, r), r;
 };
-let o = class extends f(O`
+let o = class extends b(A`
 	:host {
 		display: block;
 		position: relative;
@@ -24,7 +25,33 @@ let o = class extends f(O`
 	}
 `) {
   constructor() {
-    super(...arguments), this.required = !1, this.placeholder = "", this.value = "", this.multi = !1, this.label = "", this.isOpen = !1, this.valueLabel = "", this.isValid = !0, this.validationMessage = "";
+    super(), this.required = !1, this.placeholder = "", this.value = "", this.multi = !1, this.label = "", this.hint = "", this.isOpen = !1, this.valueLabel = "", this.isValid = !0, this.validationMessage = "", this.handleKeyDown = (t) => {
+      if (!this.isOpen) return void (["Enter", " ", "ArrowDown"].includes(t.key) && (t.preventDefault(), this.openDropdown(!1)));
+      const e = this.options.findIndex((i) => i.matches(":focus")) ?? -1;
+      switch (t.key) {
+        case "Escape":
+        case "Tab":
+          this.closeDropdown();
+          break;
+        case "ArrowDown":
+          t.preventDefault(), this.focusOption(this.options, Math.min(e + 1, this.options.length - 1));
+          break;
+        case "ArrowUp":
+          t.preventDefault(), this.focusOption(this.options, Math.max(e - 1, 0));
+          break;
+        case "Enter":
+        case " ":
+          t.preventDefault(), e >= 0 && this.handleOptionSelect(this.options[e].value);
+      }
+    };
+    try {
+      this.internals = this.attachInternals();
+    } catch {
+    }
+  }
+  get form() {
+    var t;
+    return (t = this.internals) == null ? void 0 : t.form;
   }
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`), this.addEventListener("keydown", this.handleKeyDown);
@@ -36,6 +63,13 @@ let o = class extends f(O`
   firstUpdated() {
     this.syncSelection(), this.setupOptionsAccessibility();
   }
+  updated(t) {
+    var e;
+    if (super.updated(t), t.has("value")) {
+      const i = Array.isArray(this.value) ? this.value.join(",") : this.value;
+      (e = this.internals) == null || e.setFormValue(i), this.required && this.checkValidity();
+    }
+  }
   syncSelection() {
     if (this.multi) {
       const t = Array.isArray(this.value) ? this.value : [];
@@ -61,25 +95,6 @@ let o = class extends f(O`
       Object.assign(this.ul.style, { left: `${i}px`, top: `${s}px`, position: "absolute" });
     });
   }
-  handleKeyDown(t) {
-    if (!this.isOpen) return void (["Enter", " ", "ArrowDown"].includes(t.key) && (t.preventDefault(), this.openDropdown(!1)));
-    const e = this.options.findIndex((i) => i.matches(":focus")) ?? -1;
-    switch (t.key) {
-      case "Escape":
-      case "Tab":
-        this.closeDropdown();
-        break;
-      case "ArrowDown":
-        t.preventDefault(), this.focusOption(this.options, Math.min(e + 1, this.options.length - 1));
-        break;
-      case "ArrowUp":
-        t.preventDefault(), this.focusOption(this.options, Math.max(e - 1, 0));
-        break;
-      case "Enter":
-      case " ":
-        t.preventDefault(), e >= 0 && this.handleOptionSelect(this.options[e].value);
-    }
-  }
   focusOption(t, e) {
     const i = t[e];
     if (i) {
@@ -108,22 +123,30 @@ let o = class extends f(O`
       let s = Array.isArray(this.value) ? [...this.value] : [];
       s = i.selected ? [...s, t] : s.filter((l) => l !== t), this.value = s, this.valueLabel = s.length > 0 ? this.options.filter((l) => s.includes(l.value)).map((l) => l.label).join(", ") : this.placeholder, this.dispatchChange(s);
     } 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.dispatchChange(t), this.closeDropdown();
-    this.setupOptionsAccessibility();
+    this.setupOptionsAccessibility(), this.checkValidity();
   }
   dispatchChange(t) {
-    this.isValid = !0, this.validationMessage = "", this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 }));
+    this.isValid = !0, this.validationMessage = "", this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   checkValidity() {
-    return this.isValid = this.multi ? Array.isArray(this.value) && this.value.length > 0 : !!this.value, this.validationMessage = this.isValid ? "" : "Please select an option.", this.isValid;
+    var e, i;
+    const t = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value;
+    return this.isValid = !(this.required && t), this.isValid ? (this.validationMessage = "", (e = this.internals) == null || e.setValidity({})) : (this.validationMessage = "Please select an option.", (i = this.internals) == null || i.setValidity({ valueMissing: !0 }, "Please select an option.", this.inputRef)), this.isValid;
   }
   reportValidity() {
-    return !this.required || (this.checkValidity(), this.inputRef.required = !0, this.isValid ? (this.inputRef.reportValidity(), !0) : (this.openDropdown(), this.inputRef.reportValidity(), !1));
+    const t = this.checkValidity();
+    return !t && this.required && (this.inputRef.required = !0, this.inputRef.reportValidity(), this.isOpen || this.openDropdown(!1)), t;
   }
   setCustomValidity(t) {
-    this.validationMessage = t;
+    var e;
+    this.validationMessage = t, (e = this.internals) == null || e.setValidity(t ? { customError: !0 } : {}, t, this.inputRef);
+  }
+  reset() {
+    var t;
+    this.value = "", this.valueLabel = this.placeholder, this.isValid = !0, this.validationMessage = "", (t = this.internals) == null || t.setValidity({}), this.options.forEach((e) => e.selected = !1);
   }
   render() {
-    return A`
+    return O`
 			<div class="relative">
 				<schmancy-input
 					.name=${this.name}
@@ -139,6 +162,8 @@ let o = class extends f(O`
 					.placeholder=${this.placeholder}
 					.value=${this.valueLabel}
 					.required=${this.required}
+					.hint=${this.hint || this.validationMessage}
+					.error=${!this.isValid}
 					readonly
 					@click=${() => this.isOpen ? this.closeDropdown() : this.openDropdown(!0)}
 				></schmancy-input>
@@ -156,7 +181,7 @@ let o = class extends f(O`
 					id="options"
 					role="listbox"
 					aria-multiselectable=${this.multi}
-					class=${b({ "absolute z-[1000] mt-1 w-full rounded-md shadow-sm": !0, hidden: !this.isOpen })}
+					class=${f({ "absolute z-[1000] mt-1 w-full rounded-md shadow-sm": !0, hidden: !this.isOpen })}
 					${g({ bgColor: w.sys.color.surface.container })}
 					@click=${(t) => {
       var s;
@@ -174,8 +199,8 @@ let o = class extends f(O`
 		`;
   }
 };
-a([r({ type: String })], o.prototype, "name", 2), a([r({ type: Boolean })], o.prototype, "required", 2), a([r({ type: String })], o.prototype, "placeholder", 2), a([r({ type: String })], o.prototype, "value", 2), a([r({ type: Boolean })], o.prototype, "multi", 2), a([r({ type: String })], o.prototype, "label", 2), a([p()], o.prototype, "isOpen", 2), a([p()], o.prototype, "valueLabel", 2), a([p()], o.prototype, "isValid", 2), a([r({ type: String })], o.prototype, "validationMessage", 2), a([c("ul")], o.prototype, "ul", 2), a([c("schmancy-input")], o.prototype, "inputRef", 2), a([$({ flatten: !0 })], o.prototype, "options", 2), o = a([D("schmancy-select")], o);
+o.formAssociated = !0, a([n({ type: String })], o.prototype, "name", 2), a([n({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), a([n({ type: String })], o.prototype, "placeholder", 2), a([n({ type: String, reflect: !0 })], o.prototype, "value", 2), a([n({ type: Boolean })], o.prototype, "multi", 2), a([n({ type: String })], o.prototype, "label", 2), a([n({ type: String })], o.prototype, "hint", 2), a([p()], o.prototype, "isOpen", 2), a([p()], o.prototype, "valueLabel", 2), a([p()], o.prototype, "isValid", 2), a([n({ type: String })], o.prototype, "validationMessage", 2), a([c("ul")], o.prototype, "ul", 2), a([c("schmancy-input")], o.prototype, "inputRef", 2), a([$({ flatten: !0 })], o.prototype, "options", 2), o = a([D("schmancy-select")], o);
 export {
   o as S
 };
-//# sourceMappingURL=select-8AjN6LbM.js.map
+//# sourceMappingURL=select-DRi9CB_N.js.map

package/dist/select-DRi9CB_N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DRi9CB_N.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'\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\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@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\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).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\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// Check validity after value changes\n\t\t\tif (this.required) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\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 : []\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(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\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\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\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\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: '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})\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\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\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(this.options, Math.min(current + 1, this.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(this.options, Math.max(current - 1, 0))\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 (current >= 0) this.handleOptionSelect(this.options[current].value)\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: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\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\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\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\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\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\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.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\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// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\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\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\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\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-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\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=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\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-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\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","isOpen","valueLabel","isValid","validationMessage","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","render","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-SQOIioEy.cjs

@@ -0,0 +1,56 @@
+"use strict";const r=require("@floating-ui/dom");require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const u=require("./litElement.mixin-D_oDZMIO.cjs");require("./tailwind.mixin-CduPdozY.cjs");const d=require("./color-D8r6dpWm.cjs");require("./ripple-B_wT0zgD.cjs");const y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),a=require("lit/decorators.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(e,t,i,s)=>{for(var n,l=s>1?void 0:s?m(t,i):t,c=e.length-1;c>=0;c--)(n=e[c])&&(l=(s?n(t,i,l):n(l))||l);return s&&l&&v(t,i,l),l};exports.SchmancySelect=class extends u.$LitElement(h.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.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.handleKeyDown=e=>{if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(e.key)&&(e.preventDefault(),this.openDropdown(!1)));const t=this.options.findIndex(i=>i.matches(":focus"))??-1;switch(e.key){case"Escape":case"Tab":this.closeDropdown();break;case"ArrowDown":e.preventDefault(),this.focusOption(this.options,Math.min(t+1,this.options.length-1));break;case"ArrowUp":e.preventDefault(),this.focusOption(this.options,Math.max(t-1,0));break;case"Enter":case" ":e.preventDefault(),t>=0&&this.handleOptionSelect(this.options[t].value)}};try{this.internals=this.attachInternals()}catch{}}get form(){var e;return(e=this.internals)==null?void 0:e.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substr(2,9)}`),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),(e=this.cleanupPositioner)==null||e.call(this)}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(e){var t;if(super.updated(e),e.has("value")){const i=Array.isArray(this.value)?this.value.join(","):this.value;(t=this.internals)==null||t.setFormValue(i),this.required&&this.checkValidity()}}syncSelection(){if(this.multi){const e=Array.isArray(this.value)?this.value:[];this.options.forEach(t=>t.selected=e.includes(t.value)),this.valueLabel=e.length>0?this.options.filter(t=>e.includes(t.value)).map(t=>t.label).join(", "):this.placeholder}else{const e=this.options.find(t=>t.value===this.value);this.valueLabel=(e==null?void 0:e.label)||this.placeholder}}setupOptionsAccessibility(){this.options.forEach((e,t)=>{e.setAttribute("role","option"),e.id||(e.id=`${this.id}-option-${t}`),e.tabIndex=-1;const i=Array.isArray(this.value)?this.value:[];e.setAttribute("aria-selected",String(this.multi?i.includes(e.value):e.value===this.value))})}async positionDropdown(){const e=this.renderRoot.querySelector(".trigger");if(!e||!this.ul)return;const t=window.innerHeight-e.getBoundingClientRect().bottom-10;this.ul.style.maxHeight=`${t}px`,this.cleanupPositioner=r.autoUpdate(e,this.ul,async()=>{const{x:i,y:s}=await r.computePosition(e,this.ul,{placement:"bottom-start",middleware:[r.offset(5),r.flip(),r.shift({padding:5})]});Object.assign(this.ul.style,{left:`${i}px`,top:`${s}px`,position:"absolute"})})}focusOption(e,t){const i=e[t];if(i){i.focus();const s=this.renderRoot.querySelector(".trigger");s==null||s.setAttribute("aria-activedescendant",i.id)}}async openDropdown(e=!1){this.isOpen=!0,await this.updateComplete,this.positionDropdown(),this.setupOptionsAccessibility();const t=Array.from(this.ul.querySelectorAll('[role="option"]')),i=this.multi?0:t.findIndex(s=>s.getAttribute("value")===this.value);this.focusOption(t,Math.max(i,0)),e&&this.reportValidity()}closeDropdown(){var t;this.isOpen=!1,(t=this.cleanupPositioner)==null||t.call(this);const e=this.renderRoot.querySelector(".trigger");e==null||e.removeAttribute("aria-activedescendant"),e==null||e.focus()}handleOptionSelect(e){var t;if(this.multi){const i=this.options.find(n=>n.value===e);if(!i)return;i.selected=!i.selected;let s=Array.isArray(this.value)?[...this.value]:[];s=i.selected?[...s,e]:s.filter(n=>n!==e),this.value=s,this.valueLabel=s.length>0?this.options.filter(n=>s.includes(n.value)).map(n=>n.label).join(", "):this.placeholder,this.dispatchChange(s)}else this.options.forEach(i=>i.selected=i.value===e),this.value=e,this.valueLabel=((t=this.options.find(i=>i.value===e))==null?void 0:t.label)||this.placeholder,this.dispatchChange(e),this.closeDropdown();this.setupOptionsAccessibility(),this.checkValidity()}dispatchChange(e){this.isValid=!0,this.validationMessage="",this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))}checkValidity(){var t,i;const e=this.multi?!Array.isArray(this.value)||this.value.length===0:!this.value;return this.isValid=!(this.required&&e),this.isValid?(this.validationMessage="",(t=this.internals)==null||t.setValidity({})):(this.validationMessage="Please select an option.",(i=this.internals)==null||i.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.isValid}reportValidity(){const e=this.checkValidity();return!e&&this.required&&(this.inputRef.required=!0,this.inputRef.reportValidity(),this.isOpen||this.openDropdown(!1)),e}setCustomValidity(e){var t;this.validationMessage=e,(t=this.internals)==null||t.setValidity(e?{customError:!0}:{},e,this.inputRef)}reset(){var e;this.value="",this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",(e=this.internals)==null||e.setValidity({}),this.options.forEach(t=>t.selected=!1)}render(){return h.html`
+			<div class="relative">
+				<schmancy-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}
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.value=${this.valueLabel}
+					.required=${this.required}
+					.hint=${this.hint||this.validationMessage}
+					.error=${!this.isValid}
+					readonly
+					@click=${()=>this.isOpen?this.closeDropdown():this.openDropdown(!0)}
+				></schmancy-input>
+
+				<div
+					id="overlay"
+					class="fixed inset-0"
+					?hidden=${!this.isOpen}
+					@click=${this.closeDropdown}
+					tabindex="-1"
+					aria-hidden="true"
+				></div>
+
+				<ul
+					id="options"
+					role="listbox"
+					aria-multiselectable=${this.multi}
+					class=${p.classMap({"absolute z-[1000] mt-1 w-full rounded-md shadow-sm":!0,hidden:!this.isOpen})}
+					${d.color({bgColor:y.SchmancyTheme.sys.color.surface.container})}
+					@click=${e=>{var s;const t=e,i=(s=t.detail)==null?void 0:s.value;i&&this.handleOptionSelect(i)}}
+				>
+					<slot
+						@slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
+					></slot>
+				</ul>
+			</div>
+		`}},exports.SchmancySelect.formAssociated=!0,o([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),o([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),o([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),o([a.state()],exports.SchmancySelect.prototype,"isOpen",2),o([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),o([a.state()],exports.SchmancySelect.prototype,"isValid",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("schmancy-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);
+//# sourceMappingURL=select-SQOIioEy.cjs.map

package/dist/select-SQOIioEy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-SQOIioEy.cjs","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'\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\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@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\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).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\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// Check validity after value changes\n\t\t\tif (this.required) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\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 : []\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(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\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\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\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\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: '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})\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\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\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(this.options, Math.min(current + 1, this.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(this.options, Math.max(current - 1, 0))\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 (current >= 0) this.handleOptionSelect(this.options[current].value)\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: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\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\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\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\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\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\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.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\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// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\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\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\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\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-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\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=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\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-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\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","isOpen","valueLabel","isValid","validationMessage","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-BdU6KcPX.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-SQOIioEy.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -1,4 +1,4 @@
-import { S } from "./select-8AjN6LbM.js";
+import { S } from "./select-DRi9CB_N.js";
 export {
   S as SchmancySelect
 };

package/dist/{sheet-xR13xD2A.js → sheet-BJGyAQko.js}

@@ -1,10 +1,10 @@
 import { Subject as x, switchMap as D, forkJoin as S, fromEvent as d, of as k, takeUntil as f, timer as C, map as m, defaultIfEmpty as F, tap as h, delay as y, filter as U, take as j, mergeMap as P, merge as B } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T } from "./tailwind.mixin-DklgfhB4.js";
+import { T } from "./tailwind.mixin-B-T2bBPl.js";
 import { html as g } from "lit";
-import { property as c, customElement as A, query as z, queryAssignedElements as q } from "lit/decorators.js";
-import { $ as I } from "./litElement.mixin-NzkxESus.js";
+import { property as c, customElement as A, query as z, queryAssignedElements as I } from "lit/decorators.js";
+import { $ as q } from "./litElement.mixin-MZntPOCu.js";
 import { when as L } from "lit/directives/when.js";
 var N = Object.defineProperty, M = Object.getOwnPropertyDescriptor, $ = (t, e, s, i) => {
   for (var a, o = i > 1 ? void 0 : i ? M(e, s) : e, l = t.length - 1; l >= 0; l--) (a = t[l]) && (o = (i ? a(e, s, o) : a(o)) || o);
@@ -77,7 +77,7 @@ var R = Object.defineProperty, J = Object.getOwnPropertyDescriptor, r = (t, e, s
   for (var a, o = i > 1 ? void 0 : i ? J(e, s) : e, l = t.length - 1; l >= 0; l--) (a = t[l]) && (o = (i ? a(e, s, o) : a(o)) || o);
   return i && o && R(e, s, o), o;
 };
-let n = class extends I(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) ease-in-out}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) ease-in-out}.content{z-index:1;transition:transform var(--transition-duration) ease-in-out;overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}") {
+let n = class extends q(":host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) ease-in-out}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) ease-in-out}.content{z-index:1;transition:transform var(--transition-duration) ease-in-out;overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}") {
   constructor() {
     super(...arguments), this.open = !1, this.header = "visible", this.position = O.Side, this.persist = !1, this.allowOverlayDismiss = !0, this.title = "", this.focusAttribute = "autofocus", this.lastFocusedElement = null, this.handleFocusIn = (t) => {
       var e;
@@ -164,7 +164,7 @@ let n = class extends I(":host{--overlay-color: var(--schmancy-sys-color-surface
   }
 };
 var u, p;
-r([c({ type: String, reflect: !0 })], n.prototype, "uid", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), r([c({ type: String, reflect: !0 })], n.prototype, "header", 2), r([c({ type: String, reflect: !0 })], n.prototype, "position", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "persist", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "allowOverlayDismiss", 2), r([c({ type: String, reflect: !0 })], n.prototype, "title", 2), r([z(".sheet")], n.prototype, "sheet", 2), r([q({ flatten: !0 })], n.prototype, "assignedElements", 2), r([c()], n.prototype, "focusAttribute", 2), r([(u = "open", (t, e) => {
+r([c({ type: String, reflect: !0 })], n.prototype, "uid", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), r([c({ type: String, reflect: !0 })], n.prototype, "header", 2), r([c({ type: String, reflect: !0 })], n.prototype, "position", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "persist", 2), r([c({ type: Boolean, reflect: !0 })], n.prototype, "allowOverlayDismiss", 2), r([c({ type: String, reflect: !0 })], n.prototype, "title", 2), r([z(".sheet")], n.prototype, "sheet", 2), r([I({ flatten: !0 })], n.prototype, "assignedElements", 2), r([c()], n.prototype, "focusAttribute", 2), r([(u = "open", (t, e) => {
   const { willUpdate: s } = t;
   p = Object.assign({ waitUntilFirstUpdate: !1 }, p), t.willUpdate = function(i) {
     if (s.call(this, i), i.has(u)) {
@@ -179,4 +179,4 @@ export {
   E as b,
   v as s
 };
-//# sourceMappingURL=sheet-xR13xD2A.js.map
+//# sourceMappingURL=sheet-BJGyAQko.js.map