@mhmo91/schmancy 0.2.72 → 0.2.75

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./teleport.component-14_ksDPx.cjs");
+"use strict";require("./teleport.component-T4UtckWn.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./teleport.component-D2o6a-Yh.js";
+import "./teleport.component-5h9nuQcu.js";
 //# sourceMappingURL=card.js.map

package/dist/content-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-14_ksDPx.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-T4UtckWn.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
 //# sourceMappingURL=content-drawer.cjs.map

package/dist/content-drawer.js

@@ -1,4 +1,4 @@
-import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-D2o6a-Yh.js";
+import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-5h9nuQcu.js";
 export {
   n as SchmancyContentDrawer,
   t as SchmancyContentDrawerID,

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-ZUEQQHIA.cjs");const r=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs");const o=require("./icon-button-CWUpvLIc.cjs"),e=require("./teleport.component-14_ksDPx.cjs"),S=require("./checkbox-9lpB6PGQ.cjs");require("./chips-C5BbSIAo.cjs");const u=require("./payment-card-form-BZiEUnKn.cjs");require("./date-range-J-JT-8ba.cjs");const y=require("./delay-CpKz9qoJ.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs");const t=require("./flex-lEIKuhdY.cjs"),m=require("./list-CwampsMO.cjs");require("./menu-Dem8Myie.cjs");const a=require("./outlet-6MP6k9wf.cjs");require("./option-C-gBYdv8.cjs");const b=require("./radio-group-B4Of8FBA.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-BTSVFloo.cjs"),n=require("./sheet-BgbV6g2F.cjs"),h=require("./slider-CR2itGT0.cjs"),p=require("./surface-CfAH2c9U.cjs");require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs");const i=require("./theme.component-BTfo42Lo.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-DsGEWHcv.cjs");const f=require("./tree-DJDSDjnb.cjs"),q=require("./types.cjs"),O=require("./typewriter-BF7pgYH2.cjs"),w=require("./typography-DVm5bpVi.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-ZUEQQHIA.cjs");const r=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs");const o=require("./icon-button-CWUpvLIc.cjs"),e=require("./teleport.component-T4UtckWn.cjs"),S=require("./checkbox-9lpB6PGQ.cjs");require("./chips-C5BbSIAo.cjs");const u=require("./payment-card-form-BZiEUnKn.cjs");require("./date-range-J-JT-8ba.cjs");const y=require("./delay-CpKz9qoJ.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs");const t=require("./flex-lEIKuhdY.cjs"),m=require("./list-CL31MEpb.cjs");require("./menu-Dem8Myie.cjs");const a=require("./outlet-6MP6k9wf.cjs");require("./option-C-gBYdv8.cjs");const b=require("./radio-group-B4Of8FBA.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-DtJckUTa.cjs"),n=require("./sheet-BgbV6g2F.cjs"),h=require("./slider-CR2itGT0.cjs"),p=require("./surface-BA2_6-th.cjs");require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs");const i=require("./theme.component-BTfo42Lo.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-DsGEWHcv.cjs");const f=require("./tree-DJDSDjnb.cjs"),q=require("./types.cjs"),O=require("./typewriter-BF7pgYH2.cjs"),w=require("./typography-DVm5bpVi.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -3,7 +3,7 @@ import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component
 import "./autocomplete-CaqTiWXc.js";
 import "./spinner-BKVFC3qz.js";
 import { S as R, a as v } from "./icon-button-GJ_fOvRP.js";
-import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-D2o6a-Yh.js";
+import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-5h9nuQcu.js";
 import { S as U } from "./checkbox-BClcyH7K.js";
 import "./chips-CECbQF-e.js";
 import { S as Z } from "./payment-card-form-CInoqXsW.js";
@@ -15,7 +15,7 @@ import "./form-BfV5JUNV.js";
 import "./icon-CS7L7dYv.js";
 import "./input-BOity9fs.js";
 import { S as sa, c as Sa, a as ha, b as ia } from "./flex-CLZyrhZ_.js";
-import { L as pa, S as fa } from "./list-CGCKKnfk.js";
+import { L as pa, S as fa } from "./list-R_GzuzkY.js";
 import "./menu-BW3qO2A1.js";
 import { $ as la, S as wa, a as Da } from "./outlet-jd-bRdrF.js";
 import "./option-DCA4GidB.js";
@@ -23,10 +23,10 @@ import { R as da } from "./radio-group-C98aizGb.js";
 import { mutationObserver as ba } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CuY8m6ta.js";
-import { S as Na } from "./select-Iem1gGwb.js";
+import { S as Na } from "./select-Ba3A3DS4.js";
 import { S as Ra, b as va, a as Ia, s as Ma } from "./sheet-WsaFx6-i.js";
 import { S as Ea, a as Aa } from "./slider-BOXmzToY.js";
-import { S as Ya } from "./surface-Ci1xR_sr.js";
+import { S as Ya } from "./surface-TFjCUP_C.js";
 import "./table-iRPRoThv.js";
 import "./tabs-group-BYuZ4dIc.js";
 import "./textarea-C5i4amtn.js";

package/dist/{list-CwampsMO.cjs → list-CL31MEpb.cjs}

@@ -1,17 +1,17 @@
-"use strict";const y=require("./consume-Bb7_UzYd.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-B7_ZpVpC.cjs"),h=require("./context-CHWQnKZ-.cjs"),l=require("lit"),n=require("lit/decorators.js"),m=require("lit/directives/when.js"),p=require("./provide-DSU87U5x.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(r,t,s,i)=>{for(var o,e=i>1?void 0:i?g(t,s):t,c=r.length-1;c>=0;c--)(o=r[c])&&(e=(i?o(t,s,e):o(e))||e);return i&&e&&f(t,s,e),e};exports.SchmancyListItem=class extends u.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var r,t;(r=this.leading)==null||r.forEach(s=>{s.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(s=>{s.classList.add(...this.imgClasses)})}render(){const r={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},t={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return l.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(r)}>
-			${m.when(!this.readonly,()=>l.html` <div class="${this.classMap(t)}"></div>`)}
+"use strict";const y=require("./consume-Bb7_UzYd.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-B7_ZpVpC.cjs"),h=require("./context-CHWQnKZ-.cjs"),a=require("lit"),i=require("lit/decorators.js"),m=require("lit/directives/when.js"),p=require("./provide-DSU87U5x.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,t,s,n)=>{for(var o,e=n>1?void 0:n?g(t,s):t,c=r.length-1;c>=0;c--)(o=r[c])&&(e=(n?o(t,s,e):o(e))||e);return n&&e&&f(t,s,e),e};exports.SchmancyListItem=class extends u.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var r,t;(r=this.leading)==null||r.forEach(s=>{s.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(s=>{s.classList.add(...this.imgClasses)})}render(){const r={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},t={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return a.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(r)}>
+			${m.when(!this.readonly,()=>a.html` <div class="${this.classMap(t)}"></div>`)}
 			<slot></slot>
-		</li>`}},a([y.c({context:h.SchmancySurfaceTypeContext,subscribe:!0}),n.property()],exports.SchmancyListItem.prototype,"variant",2),a([n.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),a([n.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),a([n.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),a([n.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),a([n.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=a([n.customElement("schmancy-list-item")],exports.SchmancyListItem);const b=p.n(void 0);var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(r,t,s,i)=>{for(var o,e=i>1?void 0:i?v(t,s):t,c=r.length-1;c>=0;c--)(o=r[c])&&(e=(i?o(t,s,e):o(e))||e);return i&&e&&x(t,s,e),e};exports.List=class extends u.TailwindElement(l.css`
+		</li>`}},l([y.c({context:h.SchmancySurfaceTypeContext,subscribe:!0}),i.property()],exports.SchmancyListItem.prototype,"variant",2),l([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),l([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),l([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),l([i.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),l([i.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=l([i.customElement("schmancy-list-item")],exports.SchmancyListItem);const b=p.n(void 0);var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(r,t,s,n)=>{for(var o,e=n>1?void 0:n?v(t,s):t,c=r.length-1;c>=0;c--)(o=r[c])&&(e=(n?o(t,s,e):o(e))||e);return n&&e&&x(t,s,e),e};exports.List=class extends u.TailwindElement(a.css`
 	:host {
 		display: block;
 		padding-top: 8px;
 		padding-bottom: 8px;
 	}
-`){render(){return l.html`
-			<schmancy-surface type=${this.surface}>
+`){constructor(){super(...arguments),this.fill="auto"}render(){return a.html`
+			<schmancy-surface .fill=${this.fill} type=${this.surface}>
 				<ul>
 					<slot></slot>
 				</ul>
 			</schmancy-surface>
-		`}},d([p.e({context:b}),n.property()],exports.List.prototype,"surface",2),exports.List=d([n.customElement("schmancy-list")],exports.List);
-//# sourceMappingURL=list-CwampsMO.cjs.map
+		`}},d([p.e({context:b}),i.property()],exports.List.prototype,"surface",2),d([i.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),exports.List=d([i.customElement("schmancy-list")],exports.List);
+//# sourceMappingURL=list-CL31MEpb.cjs.map

package/dist/list-CL31MEpb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CL31MEpb.cjs","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\n\n/**\n * @slot - The default slot.\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","constructor","fill","render","surface","provide","String","reflect"],"mappings":"kiBAeaA,QAAAA,iBAAN,cAA+BC,EAAAA,gBAA/B,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,WAU2CC,KAAAC,SAAAA,EAAA,CAcjD,gBACQ,CAAA,MAAA,CAAC,WAAY,WAAY,iBAAgB,CAGjD,cACMD,UAAAA,EAAAA,KAAAE,UAAAF,MAAAA,EAASG,QAAeC,GAAAA,CAC5BA,EAAIC,UAAUC,OAAON,KAAKO,UAAAA,CAAU,IAEhCP,EAAAA,KAAAQ,WAAAR,MAAAA,EAAUG,QAAeC,GAAAA,CAC7BA,EAAIC,UAAUC,IAAAA,GAAON,KAAKO,UAAU,CAAA,EACpC,CAGF,SACC,MAAME,EAAU,CACf,eAAgBT,KAAKU,UAArB,GACA,eAAgBV,KAAKU,QACrB,0PACC,GACD,oDAAqDV,KAAKC,QAAAA,EAGrDU,EAAoB,CACzB,sCAAA,GACA,eAAgBX,KAAKU,UAArB,GACA,eAAgBV,KAAKU,QACrB,uEAAwEV,KAAKY,QAAAA,EAEvE,OAAAC,wBAAsBb,KAAKY,YAAgB,CAAA,UAAWZ,KAAKc,SAASL,CAAAA,CAAAA;AAAAA,KACxEM,QAAMf,KAAKY,SAAU,IAAMC,EAAoBA,oBAAAb,KAAKc,SAASH,CAAAA,CAAAA,UAAAA,CAAAA;AAAAA;AAAAA,QAA6B,CAAA,EAlD9FK,EAAA,CAFCC,EAAAA,EAAQ,CAAEC,QAASC,EAA4BA,2BAAAC,UAAAA,KAC/CC,EAASA,SAAAA,CAAAA,EAFEzB,yBAGZ0B,UAAA,UAAA,CAAA,EAGAN,EAAA,CADCK,WAAS,CAAEE,KAAMC,OAAAA,CAAAA,CAAAA,EALN5B,yBAMZ0B,UAAA,UAAA,CAAA,EAE6BN,EAAA,CAA5BK,WAAS,CAAEE,KAAMC,OARN5B,CAAAA,CAAAA,EAAAA,yBAQiB0B,UAAA,WAAA,CAEAN,EAAAA,EAAA,CAA5BK,WAAS,CAAEE,KAAMC,OAVN5B,CAAAA,CAAAA,EAAAA,yBAUiB0B,UAAA,WAAA,CAMrBN,EAAAA,EAAA,CAJPS,wBAAsB,CACtBC,KAAM,UACNC,QAAS,EAAA,CAAA,CAAA,EAdE/B,yBAgBJ0B,UAAA,UAAA,CAAA,EAMAN,EAAA,CAJPS,wBAAsB,CACtBC,KAAM,WACNC,UApBW/B,CAAAA,CAAAA,EAAAA,yBAsBJ0B,UAAA,WAAA,CAAA,EAtBI1B,QAANA,iBAAAoB,EAAA,CADNY,EAAAA,cAAc,oBAAA,CAAA,EACFhC,wBCbA,EAAA,MAAAiC,EAA0BC,4MCU1BC,QAAAA,KAAN,cAAmBlC,EAAAA,gBAAgBmC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAnC,aAAAC,CAAAnC,MAAAC,GAAAA,SAAAA,EAkBsBC,KAAAkC,KAAA,MAAA,CAE5B,QAAAC,CACQ,OAAAtB,EAAAA;AAAAA,6BACoBb,KAAKkC,aAAalC,KAAKoC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAO,CAAA,EAP1DpB,EAAA,CAFCqB,IAAQ,CAAEnB,QAASW,CAAAA,CAAAA,EACnBR,EAASA,SAAAA,CAAAA,EAdEU,aAeZT,UAAA,UAAA,CAAA,EAGAN,EAAA,CADCK,EAAAA,SAAS,CAAEE,KAAMe,OAAQC,QAAAA,EAjBdR,CAAAA,CAAAA,EAAAA,aAkBZT,UAAA,OAAA,CAlBYS,EAAAA,QAANA,KAAAf,EAAA,CADNY,EAAAA,cAAc,kBACFG"}

package/dist/{list-CGCKKnfk.js → list-R_GzuzkY.js}

@@ -2,17 +2,17 @@ import { c as h } from "./consume-fRVATvdE.js";
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as f } from "./tailwind.mixin-DxmWMnBQ.js";
+import { T as m } from "./tailwind.mixin-DxmWMnBQ.js";
 import { S as g } from "./context-YZmnxxIi.js";
-import { html as p, css as b } from "lit";
-import { property as d, queryAssignedElements as u, customElement as y } from "lit/decorators.js";
+import { html as u, css as b } from "lit";
+import { property as c, queryAssignedElements as f, customElement as y } from "lit/decorators.js";
 import { when as v } from "lit/directives/when.js";
 import { n as x, e as O } from "./provide-BLSgVvMJ.js";
-var j = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (s, e, o, r) => {
-  for (var n, t = r > 1 ? void 0 : r ? w(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
-  return r && t && j(e, o, t), t;
+var $ = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (s, e, o, r) => {
+  for (var n, t = r > 1 ? void 0 : r ? j(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
+  return r && t && $(e, o, t), t;
 };
-let i = class extends f() {
+let i = class extends m() {
   constructor() {
     super(...arguments), this.selected = !1;
   }
@@ -29,28 +29,31 @@ let i = class extends f() {
   }
   render() {
     const s = { "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden": !0, "bg-secondary-container text-secondery-onContainer": this.selected }, e = { "z-0 duration-500 transition-opacity": !0, "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ": !this.readonly };
-    return p` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(s)}>
-			${v(!this.readonly, () => p` <div class="${this.classMap(e)}"></div>`)}
+    return u` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(s)}>
+			${v(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
 			<slot></slot>
 		</li>`;
   }
 };
-l([h({ context: g, subscribe: !0 }), d()], i.prototype, "variant", 2), l([d({ type: Boolean })], i.prototype, "rounded", 2), l([d({ type: Boolean })], i.prototype, "readonly", 2), l([d({ type: Boolean })], i.prototype, "selected", 2), l([u({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), l([u({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = l([y("schmancy-list-item")], i);
-const $ = x(void 0);
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, m = (s, e, o, r) => {
+l([h({ context: g, subscribe: !0 }), c()], i.prototype, "variant", 2), l([c({ type: Boolean })], i.prototype, "rounded", 2), l([c({ type: Boolean })], i.prototype, "readonly", 2), l([c({ type: Boolean })], i.prototype, "selected", 2), l([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), l([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = l([y("schmancy-list-item")], i);
+const w = x(void 0);
+var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, p = (s, e, o, r) => {
   for (var n, t = r > 1 ? void 0 : r ? E(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
   return r && t && C(e, o, t), t;
 };
-let c = class extends f(b`
+let d = class extends m(b`
 	:host {
 		display: block;
 		padding-top: 8px;
 		padding-bottom: 8px;
 	}
 `) {
+  constructor() {
+    super(...arguments), this.fill = "auto";
+  }
   render() {
-    return p`
-			<schmancy-surface type=${this.surface}>
+    return u`
+			<schmancy-surface .fill=${this.fill} type=${this.surface}>
 				<ul>
 					<slot></slot>
 				</ul>
@@ -58,9 +61,9 @@ let c = class extends f(b`
 		`;
   }
 };
-m([O({ context: $ }), d()], c.prototype, "surface", 2), c = m([y("schmancy-list")], c);
+p([O({ context: w }), c()], d.prototype, "surface", 2), p([c({ type: String, reflect: !0 })], d.prototype, "fill", 2), d = p([y("schmancy-list")], d);
 export {
-  c as L,
+  d as L,
   i as S
 };
-//# sourceMappingURL=list-CGCKKnfk.js.map
+//# sourceMappingURL=list-R_GzuzkY.js.map

package/dist/list-R_GzuzkY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-R_GzuzkY.js","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\n\n/**\n * @slot - The default slot.\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","constructor","super","arguments","this","selected","imgClasses","leading","forEach","img","classList","add","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","surface","provide","String","reflect"],"mappings":";;;;;;;;;;;;;;AAea,IAAAA,IAAN,cAA+BC,EAAAA,EAAAA;AAAAA,EAA/B,cAAAC;AAAAC,aAAAC,SAU2CC,GAAAA,KAAAC,WAAA;AAAA,EAAA;AAAA,EAcjD,IAAcC,aAAAA;AACN,WAAA,CAAC,YAAY,YAAY,gBAAA;AAAA,EAAgB;AAAA,EAGjD;;AACMF,KAAAA,IAAAA,KAAAG,YAAAH,QAAAA,EAASI,QAAeC,CAAAA,MAAAA;AAC5BA,MAAAA,EAAIC,UAAUC,IAAAA,GAAOP,KAAKE,UAAAA;AAAAA,IAAU,KAEhCF,IAAAA,KAAAQ,aAAAR,QAAAA,EAAUI,QAAeC,CAAAA,MAAAA;AAC7BA,MAAAA,EAAIC,UAAUC,IAAAA,GAAOP,KAAKE,UAAAA;AAAAA,IAAU;AAAA,EACpC;AAAA,EAGF,SACC;AAAA,UAAMO,IAAU,EACf,gBAAgBT,KAAKU,YAArB,IACA,gBAAgBV,KAAKU,SACrB,2PAAA,IAEA,qDAAqDV,KAAKC,SAGrDU,GAAAA,IAAoB,EACzB,uCAAuC,IACvC,gBAAgBX,KAAKU,YAAY,IACjC,gBAAgBV,KAAKU,SACrB,wEAAwEV,KAAKY,SAAAA;AAEvE,WAAAC,mBAAsBb,KAAKY,WAAAA,KAAgB,CAAA,UAAWZ,KAAKc,SAASL,CAAAA,CAAAA;AAAAA,KACxEM,EAAAA,CAAMf,KAAKY,UAAU,MAAMC,iBAAoBb,KAAKc,SAASH,CAAAA,CAAAA,UAAAA,CAAAA;AAAAA;AAAAA;AAAAA,EAA6B;AAAA;AAlD9FK,EAAA,CAFCC,EAAQ,EAAEC,SAASC,GAA4BC,WAAW,GAAA,CAAA,GAC1DC,EAFW1B,CAAAA,GAAAA,EAGZ2B,WAAA,WAAA,IAGAN,EAAA,CADCK,EAAS,EAAEE,MAAMC,QAAAA,CAAAA,CAAAA,GALN7B,EAMZ2B,WAAA,WAAA,CAAA,GAE6BN,EAAA,CAA5BK,EAAS,EAAEE,MAAMC,QAAAA,CAAAA,CAAAA,GARN7B,EAQiB2B,WAAA,YAAA,CAEAN,GAAAA,EAAA,CAA5BK,EAAS,EAAEE,MAAMC,QAVN7B,CAAAA,CAAAA,GAAAA,EAUiB2B,WAAA,YAAA,CAMrBN,GAAAA,EAAA,CAJPS,EAAsB,EACtBC,MAAM,WACNC,SAAS,GAAA,CAAA,CAAA,GAdEhC,EAgBJ2B,WAAA,WAAA,CAAA,GAMAN,EAAA,CAJPS,EAAsB,EACtBC,MAAM,YACNC,SAAAA,GApBWhC,CAAAA,CAAAA,GAAAA,EAsBJ2B,WAAA,YAAA,CAAA,GAtBI3B,IAANqB,EAAA,CADNY,EAAc,oBACFjC,CAAAA,GAAAA,CAAAA;ACbA,MAAAkC,IAA0BC,EAA6B,MAAA;;;;;ACUvD,IAAAC,IAAN,cAAmBnC,EAAgBoC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAnC,cAAAnC;AAAAC,UAAAC,GAAAA,SAAAA,GAkBsBC,KAAAiC,OAAA;AAAA,EAAA;AAAA,EAE5B,SACQ;AAAA,WAAApB;AAAAA,6BACoBb,KAAKiC,aAAajC,KAAKkC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAO;AAAA;AAP1DlB,EAAA,CAFCmB,EAAQ,EAAEjB,SAASW,EAAAA,CAAAA,GACnBR,EAdWU,CAAAA,GAAAA,EAeZT,WAAA,WAAA,CAGAN,GAAAA,EAAA,CADCK,EAAS,EAAEE,MAAMa,QAAQC,SAAAA,GAjBdN,CAAAA,CAAAA,GAAAA,EAkBZT,WAAA,QAAA,CAlBYS,GAAAA,IAANf,EAAA,CADNY,EAAc,eAAA,CAAA,GACFG;"}

package/dist/list.cjs

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

package/dist/list.js

@@ -1,4 +1,4 @@
-import { L as a, S as m } from "./list-CGCKKnfk.js";
+import { L as a, S as m } from "./list-R_GzuzkY.js";
 export {
   a as List,
   m as SchmancyListItem

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-14_ksDPx.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-T4UtckWn.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
 //# sourceMappingURL=nav-drawer.cjs.map

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-D2o6a-Yh.js";
+import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-5h9nuQcu.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/select-Ba3A3DS4.js

@@ -0,0 +1,181 @@
+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 "lit/directives/style-map.js";
+import { $ as f } from "./litElement.mixin-vAR9BIyD.js";
+import "./tailwind.mixin-DxmWMnBQ.js";
+import { c as g } from "./ripple-BumgqsDT.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;
+};
+let o = class extends f(O`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		overflow-y: auto;
+		outline: none;
+	}
+`) {
+  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 = "";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`), this.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), this.removeEventListener("keydown", this.handleKeyDown), (t = this.cleanupPositioner) == null || t.call(this);
+  }
+  firstUpdated() {
+    this.syncSelection(), this.setupOptionsAccessibility();
+  }
+  syncSelection() {
+    if (this.multi) {
+      const t = Array.isArray(this.value) ? this.value : [];
+      this.options.forEach((e) => e.selected = t.includes(e.value)), this.valueLabel = t.length > 0 ? this.options.filter((e) => t.includes(e.value)).map((e) => e.label).join(", ") : this.placeholder;
+    } else {
+      const t = this.options.find((e) => e.value === this.value);
+      this.valueLabel = (t == null ? void 0 : t.label) || this.placeholder;
+    }
+  }
+  setupOptionsAccessibility() {
+    this.options.forEach((t, e) => {
+      t.setAttribute("role", "option"), t.id || (t.id = `${this.id}-option-${e}`), t.tabIndex = -1;
+      const i = Array.isArray(this.value) ? this.value : [];
+      t.setAttribute("aria-selected", String(this.multi ? i.includes(t.value) : t.value === this.value));
+    });
+  }
+  async positionDropdown() {
+    const t = this.renderRoot.querySelector(".trigger");
+    if (!t || !this.ul) return;
+    const e = window.innerHeight - t.getBoundingClientRect().bottom - 10;
+    this.ul.style.maxHeight = `${e}px`, this.cleanupPositioner = d(t, this.ul, async () => {
+      const { x: i, y: s } = await u(t, this.ul, { placement: "bottom-start", middleware: [y(5), v(), m({ padding: 5 })] });
+      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) {
+      i.focus();
+      const s = this.renderRoot.querySelector(".trigger");
+      s == null || s.setAttribute("aria-activedescendant", i.id);
+    }
+  }
+  async openDropdown(t = !1) {
+    this.isOpen = !0, await this.updateComplete, this.positionDropdown(), this.setupOptionsAccessibility();
+    const e = Array.from(this.ul.querySelectorAll('[role="option"]')), i = this.multi ? 0 : e.findIndex((s) => s.getAttribute("value") === this.value);
+    this.focusOption(e, Math.max(i, 0)), t && this.reportValidity();
+  }
+  closeDropdown() {
+    var e;
+    this.isOpen = !1, (e = this.cleanupPositioner) == null || e.call(this);
+    const t = this.renderRoot.querySelector(".trigger");
+    t == null || t.removeAttribute("aria-activedescendant"), t == null || t.focus();
+  }
+  handleOptionSelect(t) {
+    var e;
+    if (this.multi) {
+      const i = this.options.find((l) => l.value === t);
+      if (!i) return;
+      i.selected = !i.selected;
+      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();
+  }
+  dispatchChange(t) {
+    this.isValid = !0, this.validationMessage = "", this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !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;
+  }
+  reportValidity() {
+    return !this.required || (this.checkValidity(), this.inputRef.required = !0, this.isValid ? (this.inputRef.reportValidity(), !0) : (this.openDropdown(), this.inputRef.reportValidity(), !1));
+  }
+  setCustomValidity(t) {
+    this.validationMessage = t;
+  }
+  render() {
+    return A`
+			<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}
+					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=${b({ "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;
+      const e = t, i = (s = e.detail) == null ? void 0 : s.value;
+      i && this.handleOptionSelect(i);
+    }}
+				>
+					<slot
+						@slotchange=${() => {
+      this.syncSelection(), this.setupOptionsAccessibility();
+    }}
+					></slot>
+				</ul>
+			</div>
+		`;
+  }
+};
+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);
+export {
+  o as S
+};
+//# sourceMappingURL=select-Ba3A3DS4.js.map

package/dist/select-Ba3A3DS4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-Ba3A3DS4.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, 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// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\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\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\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\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}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\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\t}\n\n\tpublic checkValidity(): boolean {\n\t\tthis.isValid = this.multi ? Array.isArray(this.value) && this.value.length > 0 : Boolean(this.value)\n\t\tthis.validationMessage = this.isValid ? '' : 'Please select an option.'\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tif (this.required) {\n\t\t\tthis.checkValidity()\n\t\t\tthis.inputRef.required = true\n\t\t\tif (!this.isValid) {\n\t\t\t\tthis.openDropdown()\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn false\n\t\t\t} else {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn true\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\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\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","arguments","this","required","placeholder","value","multi","label","isOpen","valueLabel","isValid","validationMessage","connectedCallback","id","Math","random","toString","substr","addEventListener","handleKeyDown","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","selectedValues","Array","isArray","options","forEach","o","selected","includes","length","filter","map","join","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","e","key","preventDefault","openDropdown","current","findIndex","matches","closeDropdown","focusOption","min","max","handleOptionSelect","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Boolean","checkValidity","inputRef","message","render","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","__decorateClass","property","type","prototype","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-DtJckUTa.cjs

@@ -0,0 +1,54 @@
+"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-C-c-2rdW.cjs");require("./tailwind.mixin-B7_ZpVpC.cjs");const d=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),o=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(e,t,i,s)=>{for(var l,n=s>1?void 0:s?v(t,i):t,c=e.length-1;c>=0;c--)(l=e[c])&&(n=(s?l(t,i,n):l(n))||n);return s&&n&&m(t,i,n),n};exports.SchmancySelect=class extends u.$LitElement(h.css`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		overflow-y: auto;
+		outline: none;
+	}
+`){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=""}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()}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"})})}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)}}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(l=>l.value===e);if(!i)return;i.selected=!i.selected;let s=Array.isArray(this.value)?[...this.value]:[];s=i.selected?[...s,e]:s.filter(l=>l!==e),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===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()}dispatchChange(e){this.isValid=!0,this.validationMessage="",this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!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}reportValidity(){return!this.required||(this.checkValidity(),this.inputRef.required=!0,this.isValid?(this.inputRef.reportValidity(),!0):(this.openDropdown(),this.inputRef.reportValidity(),!1))}setCustomValidity(e){this.validationMessage=e}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}
+					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>
+		`}},a([o.property({type:String})],exports.SchmancySelect.prototype,"name",2),a([o.property({type:Boolean})],exports.SchmancySelect.prototype,"required",2),a([o.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),a([o.property({type:String})],exports.SchmancySelect.prototype,"value",2),a([o.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),a([o.property({type:String})],exports.SchmancySelect.prototype,"label",2),a([o.state()],exports.SchmancySelect.prototype,"isOpen",2),a([o.state()],exports.SchmancySelect.prototype,"valueLabel",2),a([o.state()],exports.SchmancySelect.prototype,"isValid",2),a([o.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),a([o.query("ul")],exports.SchmancySelect.prototype,"ul",2),a([o.query("schmancy-input")],exports.SchmancySelect.prototype,"inputRef",2),a([o.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),exports.SchmancySelect=a([o.customElement("schmancy-select")],exports.SchmancySelect);
+//# sourceMappingURL=select-DtJckUTa.cjs.map