@mhmo91/schmancy 0.5.21 → 0.5.22

package/dist/content-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BT1w6myH.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("./avatar-QYDHa7s3.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 { g as n, d as t, h as r, e as c, f as h, i as o, b as S, c as s, s as m } from "./avatar--NfBgxWj.js";
+import { g as n, d as t, h as r, e as c, f as h, i as o, b as S, c as s, s as m } from "./avatar-39MTGkwX.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-Bic7z7SI.cjs");const c=require("./area.component-BrvNYy7Z.cjs"),t=require("./utils-C38P63L6.cjs");require("./autocomplete-BJ_0fG9s.cjs");const r=require("./avatar-BT1w6myH.cjs"),N=require("./boat-DP98_5qG.cjs");require("./spinner-CiRbCC74.cjs");const g=require("./icon-button-C5hq1cKD.cjs");require("./media-CPIoKlRw.cjs");const v=require("./checkbox-CIMDI5hW.cjs"),i=require("./suggestion-chip-AVshmS4V.cjs"),A=require("./input-chip-CbD-eDs-.cjs"),h=require("./code-preview-CHuRZ9cY.cjs"),E=require("./payment-card-form-DTfoZiiN.cjs"),d=require("./date-range-B0yz-_Zv.cjs"),x=require("./date-range-inline-P8P2ixg1.cjs"),s=require("./delay-1aTGz1ZH.cjs"),B=require("./details-uxsPpjMp.cjs"),u=require("./dialog-content-CvVd9EwS.cjs"),f=require("./dialog-service-Bdaxn2t0.cjs"),b=require("./ripple-DqQrvaTe.cjs"),F=require("lit/directives/guard.js");require("./divider-CHGffGro.cjs");const C=require("./dropdown-content-FVKimBQR.cjs"),O=require("./timezone-DRSCR7bi.cjs");require("./form-SMbhjYsC.cjs"),require("./icon-BT_1B5_G.cjs");const P=require("./input-D3qmQZ-Y.cjs"),o=require("./flex-DisTVvBI.cjs"),p=require("./list-5Y_CGGJF.cjs"),n=require("./email-recipients-DxqCC99q.cjs"),H=require("./map-bTOQf8Jm.cjs");require("./menu-Cak8SbFx.cjs");const j=require("./navigation-rail-D1iYDMy2.cjs"),m=require("./notification-service-DaXxcXyj.cjs"),D=require("./notify-Dd5h2l-v.cjs");require("./option-C6PwIhut.cjs"),require("./progress-sFt6EeRy.cjs");const q=require("./radio-button-Cc5fCDdU.cjs"),V=require("./rxjs-utils.cjs");require("rxjs"),require("./index-CCi1otmh.cjs");const Y=require("./select-Cod_lOwT.cjs");require("./sheet-ZHVITumf.cjs");const y=require("./sheet.service-BxvWBGsJ.cjs"),w=require("./slider-BKUCiMOV.cjs"),S=require("./schmancy-steps-container-Cb-cUZWP.cjs"),a=require("./context-object-bNADqf9U.cjs"),e=require("./selector-hook-cqmAutda.cjs"),I=require("./surface-DTqeD1NX.cjs"),R=require("./table-CGB_dR8H.cjs");require("./tabs-compatibility-C1ifLAs_.cjs"),require("./textarea-1QvQzHKm.cjs");const l=require("./theme.component-BLKJxyFX.cjs"),T=require("./theme.events-Car6U_SQ.cjs"),z=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-B0n3kSd_.cjs");const M=require("./tooltip-B4nvmANO.cjs"),L=require("./tree-CRjGBeHH.cjs"),G=require("./types.cjs"),W=require("./typewriter-VGsKEZOj.cjs"),$=require("./typography-XN-pEi3Q.cjs"),k=require("./intersection-CVvaDv96.cjs"),K=require("./number-B7aCRYnH.cjs"),_=require("./search-DWW8IoOp.cjs");exports.FINDING_MORTIES=c.FINDING_MORTIES,exports.HERE_RICKY=c.HERE_RICKY,exports.HISTORY_STRATEGY=c.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>c.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>c.SchmancyRoute}),exports.area=c.area,exports.routerHistory=c.routerHistory,exports.buildQueryString=t.buildQueryString,exports.compareActiveRoutes=t.compareActiveRoutes,exports.compareCustomElementConstructors=t.compareCustomElementConstructors,exports.compareRouteActions=t.compareRouteActions,exports.createRouteCacheKey=t.createRouteCacheKey,exports.debounce=t.debounce,exports.decodeData=t.decodeData,exports.decodeRouteState=t.decodeRouteState,exports.deepMerge=t.deepMerge,exports.encodeData=t.encodeData,exports.encodeRouteState=t.encodeRouteState,exports.extractQueryParams=t.extractQueryParams,exports.getTagName=t.getTagName,exports.isObject=t.isObject,exports.lazy=t.lazy,exports.normalizeTagName=t.normalizeTagName,exports.sanitizeRouteState=t.sanitizeRouteState,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>r.ScBadgeV2}),Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>r.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>r.SchmancyNavigationBarItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>N.SchmancyBoat}),Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>g.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>g.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>v.SchmancyCheckboxElement}),Object.defineProperty(exports,"SchmancyAssistChip",{enumerable:!0,get:()=>i.SchmancyAssistChip}),exports.SchmancyChip=i.SchmancyFilterChip,exports.SchmancyFilterChip=i.SchmancyFilterChip,Object.defineProperty(exports,"SchmancySuggestionChip",{enumerable:!0,get:()=>i.SchmancySuggestionChip}),Object.defineProperty(exports,"SchmancyInputChip",{enumerable:!0,get:()=>A.SchmancyInputChip}),Object.defineProperty(exports,"SchmancyCode",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodeHighlight",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodePreview",{enumerable:!0,get:()=>h.SchmancyCodePreview}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>E.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>d.SchmancyDateRange}),exports.validateInitialDateRange=d.validateInitialDateRange,Object.defineProperty(exports,"SchmancyDateRangeInline",{enumerable:!0,get:()=>x.SchmancyDateRangeInline}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>s.SchmancyDelay}),exports.delayContext=s.delayContext,Object.defineProperty(exports,"SchmancyDetails",{enumerable:!0,get:()=>B.SchmancyDetails}),Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>u.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>u.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>u.SchmancyDialogContent}),exports.$dialog=f.$dialog,exports.DialogService=f.DialogService,exports.color=b.color,exports.fullHeight=b.fullHeight,exports.ripple=b.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>F.guard}),Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>C.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>C.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>O.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>O.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyInput",{enumerable:!0,get:()=>P.SchmancyInput}),Object.defineProperty(exports,"SchmancyInputCompat",{enumerable:!0,get:()=>P.SchmancyInputCompat}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>o.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>o.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>o.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>o.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>p.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>p.SchmancyListItem}),exports.SchmancyListTypeContext=p.SchmancyListTypeContext,Object.defineProperty(exports,"SchmancyEmailEditor",{enumerable:!0,get:()=>n.SchmancyEmailEditor}),Object.defineProperty(exports,"SchmancyEmailLayoutSelector",{enumerable:!0,get:()=>n.SchmancyEmailLayoutSelector}),Object.defineProperty(exports,"SchmancyEmailRecipients",{enumerable:!0,get:()=>n.SchmancyEmailRecipients}),Object.defineProperty(exports,"SchmancyEmailViewer",{enumerable:!0,get:()=>n.SchmancyEmailViewer}),Object.defineProperty(exports,"SchmancyMailbox",{enumerable:!0,get:()=>n.SchmancyMailbox}),Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>H.SchmancyMap}),Object.defineProperty(exports,"SchmancyNavigationRail",{enumerable:!0,get:()=>j.SchmancyNavigationRail}),Object.defineProperty(exports,"SchmancyNavigationRailItem",{enumerable:!0,get:()=>j.SchmancyNavigationRailItem}),exports.$notify=m.$notify,exports.NotificationAudioService=m.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>m.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>m.SchmancyNotificationContainer}),exports.notify=D.notify,exports.notifyProgress=D.notifyProgress,Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>q.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>q.RadioGroup}),exports.mutationObserver=V.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>Y.SchmancySelect}),exports.SchmancySheetPosition=y.SchmancySheetPosition,exports.SheetHereMorty=y.SheetHereMorty,exports.SheetWhereAreYouRicky=y.SheetWhereAreYouRicky,exports.sheet=y.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>w.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>w.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>S.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>S.SchmancyStepsContainer}),exports.StepsController=S.StepsController,exports.stepsContext=S.stepsContext,exports.BaseStore=a.BaseStore,exports.IndexedDBStorageManager=a.IndexedDBStorageManager,exports.LocalStorageManager=a.LocalStorageManager,exports.MemoryStorageManager=a.MemoryStorageManager,exports.SchmancyArrayStore=a.SchmancyArrayStore,exports.SchmancyStoreObject=a.SchmancyStoreObject,exports.SessionStorageManager=a.SessionStorageManager,exports.StoreError=a.StoreError,exports.createStorageManager=a.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>I.SchmancySurface}),exports.SchmancySurfaceTypeContext=I.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>R.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>R.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>l.SchmancyThemeComponent}),exports.formateTheme=l.formateTheme,exports.tailwindStyles=l.tailwindStyles,exports.theme=l.theme,exports.ThemeHereIAm=T.ThemeHereIAm,exports.ThemeWhereAreYou=T.ThemeWhereAreYou,exports.SchmancyTheme=z.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>M.SchmancyTooltip}),exports.tooltip=M.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>L.SchmancyTree}),exports.SchmancyEvents=G.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>W.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>$.SchmancyTypography}),exports.intersection$=k.intersection$,exports.Numbers=K.Numbers,exports.similarity=_.similarity;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-Bic7z7SI.cjs");const c=require("./area.component-BrvNYy7Z.cjs"),t=require("./utils-C38P63L6.cjs");require("./autocomplete-CG2YtfwU.cjs");const r=require("./avatar-QYDHa7s3.cjs"),N=require("./boat-DP98_5qG.cjs");require("./spinner-CiRbCC74.cjs");const g=require("./icon-button-C5hq1cKD.cjs");require("./media-CPIoKlRw.cjs");const v=require("./checkbox-CIMDI5hW.cjs"),i=require("./suggestion-chip-D7izoLhZ.cjs"),A=require("./input-chip-CbD-eDs-.cjs"),h=require("./code-preview-hWI3erYE.cjs"),E=require("./payment-card-form-DTfoZiiN.cjs"),d=require("./date-range-B0yz-_Zv.cjs"),x=require("./date-range-inline-P8P2ixg1.cjs"),s=require("./delay-1aTGz1ZH.cjs"),B=require("./details-uxsPpjMp.cjs"),u=require("./dialog-content-CvVd9EwS.cjs"),f=require("./dialog-service-Bdaxn2t0.cjs"),b=require("./ripple-DqQrvaTe.cjs"),F=require("lit/directives/guard.js");require("./divider-CHGffGro.cjs");const C=require("./dropdown-content-FVKimBQR.cjs"),O=require("./timezone-DRSCR7bi.cjs");require("./form-SMbhjYsC.cjs"),require("./icon-BT_1B5_G.cjs");const P=require("./input-D3qmQZ-Y.cjs"),o=require("./flex-DisTVvBI.cjs"),p=require("./list-5Y_CGGJF.cjs"),n=require("./email-recipients-DxqCC99q.cjs"),H=require("./map-bTOQf8Jm.cjs");require("./menu-Cak8SbFx.cjs");const j=require("./navigation-rail-D1iYDMy2.cjs"),m=require("./notification-service-DaXxcXyj.cjs"),D=require("./notify-Dd5h2l-v.cjs");require("./option-C6PwIhut.cjs"),require("./progress-sFt6EeRy.cjs");const q=require("./radio-button-Cc5fCDdU.cjs"),V=require("./rxjs-utils.cjs");require("rxjs"),require("./index-CCi1otmh.cjs");const Y=require("./select-BszKwEA_.cjs");require("./sheet-ZHVITumf.cjs");const y=require("./sheet.service-BxvWBGsJ.cjs"),w=require("./slider-BKUCiMOV.cjs"),S=require("./schmancy-steps-container-Cb-cUZWP.cjs"),a=require("./context-object-bNADqf9U.cjs"),e=require("./selector-hook-cqmAutda.cjs"),I=require("./surface-DTqeD1NX.cjs"),R=require("./table-CGB_dR8H.cjs");require("./tabs-compatibility-C1ifLAs_.cjs"),require("./textarea-1QvQzHKm.cjs");const l=require("./theme.component-BLKJxyFX.cjs"),T=require("./theme.events-Car6U_SQ.cjs"),z=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-B0n3kSd_.cjs");const M=require("./tooltip-B4nvmANO.cjs"),L=require("./tree-CRjGBeHH.cjs"),G=require("./types.cjs"),W=require("./typewriter-VGsKEZOj.cjs"),$=require("./typography-XN-pEi3Q.cjs"),k=require("./intersection-CVvaDv96.cjs"),K=require("./number-B7aCRYnH.cjs"),_=require("./search-DWW8IoOp.cjs");exports.FINDING_MORTIES=c.FINDING_MORTIES,exports.HERE_RICKY=c.HERE_RICKY,exports.HISTORY_STRATEGY=c.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>c.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>c.SchmancyRoute}),exports.area=c.area,exports.routerHistory=c.routerHistory,exports.buildQueryString=t.buildQueryString,exports.compareActiveRoutes=t.compareActiveRoutes,exports.compareCustomElementConstructors=t.compareCustomElementConstructors,exports.compareRouteActions=t.compareRouteActions,exports.createRouteCacheKey=t.createRouteCacheKey,exports.debounce=t.debounce,exports.decodeData=t.decodeData,exports.decodeRouteState=t.decodeRouteState,exports.deepMerge=t.deepMerge,exports.encodeData=t.encodeData,exports.encodeRouteState=t.encodeRouteState,exports.extractQueryParams=t.extractQueryParams,exports.getTagName=t.getTagName,exports.isObject=t.isObject,exports.lazy=t.lazy,exports.normalizeTagName=t.normalizeTagName,exports.sanitizeRouteState=t.sanitizeRouteState,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>r.ScBadgeV2}),Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>r.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>r.SchmancyNavigationBarItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>N.SchmancyBoat}),Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>g.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>g.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>v.SchmancyCheckboxElement}),Object.defineProperty(exports,"SchmancyAssistChip",{enumerable:!0,get:()=>i.SchmancyAssistChip}),exports.SchmancyChip=i.SchmancyFilterChip,exports.SchmancyFilterChip=i.SchmancyFilterChip,Object.defineProperty(exports,"SchmancySuggestionChip",{enumerable:!0,get:()=>i.SchmancySuggestionChip}),Object.defineProperty(exports,"SchmancyInputChip",{enumerable:!0,get:()=>A.SchmancyInputChip}),Object.defineProperty(exports,"SchmancyCode",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodeHighlight",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodePreview",{enumerable:!0,get:()=>h.SchmancyCodePreview}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>E.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>d.SchmancyDateRange}),exports.validateInitialDateRange=d.validateInitialDateRange,Object.defineProperty(exports,"SchmancyDateRangeInline",{enumerable:!0,get:()=>x.SchmancyDateRangeInline}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>s.SchmancyDelay}),exports.delayContext=s.delayContext,Object.defineProperty(exports,"SchmancyDetails",{enumerable:!0,get:()=>B.SchmancyDetails}),Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>u.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>u.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>u.SchmancyDialogContent}),exports.$dialog=f.$dialog,exports.DialogService=f.DialogService,exports.color=b.color,exports.fullHeight=b.fullHeight,exports.ripple=b.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>F.guard}),Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>C.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>C.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>O.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>O.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyInput",{enumerable:!0,get:()=>P.SchmancyInput}),Object.defineProperty(exports,"SchmancyInputCompat",{enumerable:!0,get:()=>P.SchmancyInputCompat}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>o.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>o.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>o.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>o.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>p.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>p.SchmancyListItem}),exports.SchmancyListTypeContext=p.SchmancyListTypeContext,Object.defineProperty(exports,"SchmancyEmailEditor",{enumerable:!0,get:()=>n.SchmancyEmailEditor}),Object.defineProperty(exports,"SchmancyEmailLayoutSelector",{enumerable:!0,get:()=>n.SchmancyEmailLayoutSelector}),Object.defineProperty(exports,"SchmancyEmailRecipients",{enumerable:!0,get:()=>n.SchmancyEmailRecipients}),Object.defineProperty(exports,"SchmancyEmailViewer",{enumerable:!0,get:()=>n.SchmancyEmailViewer}),Object.defineProperty(exports,"SchmancyMailbox",{enumerable:!0,get:()=>n.SchmancyMailbox}),Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>H.SchmancyMap}),Object.defineProperty(exports,"SchmancyNavigationRail",{enumerable:!0,get:()=>j.SchmancyNavigationRail}),Object.defineProperty(exports,"SchmancyNavigationRailItem",{enumerable:!0,get:()=>j.SchmancyNavigationRailItem}),exports.$notify=m.$notify,exports.NotificationAudioService=m.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>m.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>m.SchmancyNotificationContainer}),exports.notify=D.notify,exports.notifyProgress=D.notifyProgress,Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>q.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>q.RadioGroup}),exports.mutationObserver=V.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>Y.SchmancySelect}),exports.SchmancySheetPosition=y.SchmancySheetPosition,exports.SheetHereMorty=y.SheetHereMorty,exports.SheetWhereAreYouRicky=y.SheetWhereAreYouRicky,exports.sheet=y.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>w.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>w.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>S.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>S.SchmancyStepsContainer}),exports.StepsController=S.StepsController,exports.stepsContext=S.stepsContext,exports.BaseStore=a.BaseStore,exports.IndexedDBStorageManager=a.IndexedDBStorageManager,exports.LocalStorageManager=a.LocalStorageManager,exports.MemoryStorageManager=a.MemoryStorageManager,exports.SchmancyArrayStore=a.SchmancyArrayStore,exports.SchmancyStoreObject=a.SchmancyStoreObject,exports.SessionStorageManager=a.SessionStorageManager,exports.StoreError=a.StoreError,exports.createStorageManager=a.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>I.SchmancySurface}),exports.SchmancySurfaceTypeContext=I.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>R.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>R.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>l.SchmancyThemeComponent}),exports.formateTheme=l.formateTheme,exports.tailwindStyles=l.tailwindStyles,exports.theme=l.theme,exports.ThemeHereIAm=T.ThemeHereIAm,exports.ThemeWhereAreYou=T.ThemeWhereAreYou,exports.SchmancyTheme=z.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>M.SchmancyTooltip}),exports.tooltip=M.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>L.SchmancyTree}),exports.SchmancyEvents=G.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>W.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>$.SchmancyTypography}),exports.intersection$=k.intersection$,exports.Numbers=K.Numbers,exports.similarity=_.similarity;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,16 +1,16 @@
 import "./animated-text-CLEr78FV.js";
 import { F as g, H as C, c as u, S as D, b, a as w, r as I } from "./area.component-tIK_P5JR.js";
 import { p as T, k as M, c as N, j as v, m as A, b as E, d as B, h as H, a as F, e as L, f as O, o as $, g as j, i as k, l as z, n as P, s as V } from "./utils-CYOVFxSx.js";
-import "./autocomplete-BG5HqWvt.js";
-import { $ as G, H as W, a as K, v as _, S as q, g as Q, d as J, h as U, e as X, f as Z, i as aa, b as ea, c as ra, k as ta, m as oa, n as ca, r as sa, q as ma, o as na, l as Sa, p as ia, t as ha, W as ya, s as pa, j as la, u as fa } from "./avatar--NfBgxWj.js";
+import "./autocomplete-DzZQusAY.js";
+import { $ as G, H as W, a as K, v as _, S as q, g as Q, d as J, h as U, e as X, f as Z, i as aa, b as ea, c as ra, k as ta, m as oa, n as ca, r as sa, q as ma, o as na, l as Sa, p as ia, t as ha, W as ya, s as pa, j as la, u as fa } from "./avatar-39MTGkwX.js";
 import { S as da } from "./boat-BdJ1jyK_.js";
 import "./spinner-DZ3oE5cQ.js";
 import { S as Ca, a as ua } from "./icon-button-DsjqusZz.js";
 import "./media-CA52MXd3.js";
 import { S as ba } from "./checkbox-4mBWkzKG.js";
-import { S as Ia, a as Ra, a as Ta, b as Ma } from "./suggestion-chip-CxQK5dcP.js";
+import { S as Ia, a as Ra, a as Ta, b as Ma } from "./suggestion-chip-BTiLUD1d.js";
 import { S as va } from "./input-chip-DiThsRoi.js";
-import { S as Ea, S as Ba, a as Ha } from "./code-preview-DrB-Y8dn.js";
+import { S as Ea, S as Ba, a as Ha } from "./code-preview-CrsExDWj.js";
 import { S as La } from "./payment-card-form-xwk5dfeQ.js";
 import { S as $a, v as ja } from "./date-range-CM-5J_JO.js";
 import { S as za } from "./date-range-inline-CPI4EyL0.js";
@@ -40,7 +40,7 @@ import { a as Ye, R as Ge } from "./radio-button-CZq8Z-V-.js";
 import { mutationObserver as Ke } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CW6PhEkx.js";
-import { S as qe } from "./select-BxlDe36e.js";
+import { S as qe } from "./select-CHgsFxnz.js";
 import "./sheet-BscruHZw.js";
 import { S as Je, b as Ue, a as Xe, s as Ze } from "./sheet.service-lXqUf6n5.js";
 import { S as er, a as rr } from "./slider-gBHyj2TC.js";

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BT1w6myH.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("./avatar-QYDHa7s3.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, k as e, m as n, n as m, o as s, l as o, p as t, j as w } from "./avatar--NfBgxWj.js";
+import { $ as c, k as e, m as n, n as m, o as s, l as o, p as t, j as w } from "./avatar-39MTGkwX.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/navigation-bar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BT1w6myH.cjs");Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>e.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>e.SchmancyNavigationBarItem});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-QYDHa7s3.cjs");Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>e.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>e.SchmancyNavigationBarItem});
 //# sourceMappingURL=navigation-bar.cjs.map

package/dist/navigation-bar.js

@@ -1,4 +1,4 @@
-import { r as c, q as i } from "./avatar--NfBgxWj.js";
+import { r as c, q as i } from "./avatar-39MTGkwX.js";
 export {
   c as SchmancyNavigationBar,
   i as SchmancyNavigationBarItem

package/dist/{select-Cod_lOwT.cjs → select-BszKwEA_.cjs}

@@ -1,4 +1,4 @@
-"use strict";const p=require("@floating-ui/dom"),o=require("rxjs"),m=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-ChrVaJHF.cjs");const v=require("./litElement.mixin-rWG9s46P.cjs"),b=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const y=require("./theme.interface-Xg5Zi46a.cjs"),d=require("lit"),c=require("rxjs/operators");var S=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var l,r=s>1?void 0:s?g(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&&S(e,i,r),r};exports.SchmancySelect=class extends v.$LitElement(d.css`
+"use strict";const d=require("@floating-ui/dom"),o=require("rxjs"),m=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-ChrVaJHF.cjs");const v=require("./litElement.mixin-rWG9s46P.cjs"),b=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const y=require("./theme.interface-Xg5Zi46a.cjs"),p=require("lit"),c=require("rxjs/operators");var S=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var l,r=s>1?void 0:s?g(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&&S(e,i,r),r};exports.SchmancySelect=class extends v.$LitElement(p.css`
 	:host {
 		display: block;
 		position: relative;
@@ -8,7 +8,7 @@
 		overflow-y: auto;
 		outline: none;
 	}
-`){constructor(){super(),this.required=!1,this.disabled=!1,this.placeholder="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.size="md",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._options$=new o.BehaviorSubject([]),this._selectedValue$=new o.BehaviorSubject(""),this._selectedValues$=new o.BehaviorSubject([]),this._optionSelect$=new o.Subject,this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(this.disabled)return;if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(l=>l.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get value(){return this.multi?this._selectedValues$.value.join(","):this._selectedValue$.value}set value(t){if(this.multi){const e=Array.isArray(t)?t:t?String(t).split(",").map(i=>i.trim()).filter(Boolean):[];this._selectedValues$.next(e)}else this._selectedValue$.next(String(t||""))}get values(){return[...this._selectedValues$.value]}set values(t){this._selectedValues$.next(Array.isArray(t)?[...t]:[])}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,o.fromEvent(this,"keydown").pipe(o.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),this._setupReactivePipelines(),this.internals?.form&&(o.fromEvent(this.internals.form,"submit").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formSubmitHandler),o.fromEvent(this.internals.form,"reset").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.()}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){if(super.updated(t),t.has("value")){const e=Array.isArray(this.value)?this.value.join(","):this.value;this.internals?.setFormValue(e),this.hasUpdated&&(this._dirty=!0),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=this._selectedValues$.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||e.textContent||"").join(", ")||this.placeholder}else{const t=this._selectedValue$.value;this.options?.forEach(i=>{i.selected=i.value===t});const e=this.options?.find(i=>i.value===t);this.valueLabel=e?e.label||e.textContent||"":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:this.value?this.value.split(","):[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=p.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,l=i.top,r=Math.max(.75*Math.max(s,l),150),h=s<200&&l>s;this.ul.style.maxHeight=`${r}px`;const{x:u,y:f}=await p.computePosition(t,this.ul,{placement:h?"top-start":"bottom-start",middleware:[p.offset(5),p.flip(),p.shift({padding:5})]});Object.assign(this.ul.style,{left:`${u}px`,top:`${f}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const l=i.offsetTop,r=i.offsetHeight,h=this.ul.scrollTop,u=this.ul.clientHeight;l<h?this.ul.scrollTop=l:l+r>h+u&&(this.ul.scrollTop=l+r-u)}}}async openDropdown(t=!1){if(this.disabled)return;this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t?.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}_setupReactivePipelines(){o.fromEvent(this,"option-select").pipe(c.tap(t=>{t.stopPropagation();const e=this.options.find(i=>i.value===t.detail.value);e&&this._optionSelect$.next(e)}),o.takeUntil(this.disconnecting)).subscribe(),this._optionSelect$.pipe(c.withLatestFrom(this._selectedValue$,this._selectedValues$),c.tap(([t,e,i])=>{if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const s=i.indexOf(t.value),l=s>-1?[...i.slice(0,s),...i.slice(s+1)]:[...i,t.value];this._selectedValues$.next(l),this.valueLabel=l.length>0?this.options.filter(r=>l.includes(r.value)).map(r=>r.label||r.textContent||"").join(", "):this.placeholder}else this._selectedValue$.next(t.value),this.valueLabel=t.label||t.textContent||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this._fireChangeEvent()}),o.takeUntil(this.disconnecting)).subscribe(),this._options$.pipe(c.tap(t=>{t.forEach((e,i)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${i}`),e.hasAttribute("data-event-bound")||(o.fromEvent(e,"pointerdown").pipe(c.tap(s=>{s.preventDefault(),s.stopPropagation()}),o.takeUntil(this.disconnecting)).subscribe(()=>this._optionSelect$.next(e)),e.setAttribute("data-event-bound","true"))})}),o.takeUntil(this.disconnecting)).subscribe(),o.combineLatest([this._selectedValue$,this._selectedValues$,this._options$]).pipe(c.tap(([t,e,i])=>{i.length!==0&&(this.multi?i.forEach(s=>{s.selected=e.includes(s.value)}):i.forEach(s=>{s.selected=s.value===t}))}),o.takeUntil(this.disconnecting)).subscribe()}handleOptionSelect(t){const e=this.options.find(i=>i.value===t);e&&this._optionSelect$.next(e)}_fireChangeEvent(){const t=this.multi?this._selectedValues$.value:this._selectedValue$.value;this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",this.internals?.setValidity({})):(this.validationMessage="Please select an option.",this.internals?.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const i=!this.isValid&&this.shouldShowValidation();this.inputRef.error=i,this.inputRef.hint=i?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){this.validationMessage=t,t?(this.isValid=!1,this.internals?.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,this.internals?.setValidity({}),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?d.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:d.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return d.html`
+`){constructor(){super(),this.required=!1,this.disabled=!1,this.placeholder="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.size="md",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._options$=new o.BehaviorSubject([]),this._selectedValue$=new o.BehaviorSubject(""),this._selectedValues$=new o.BehaviorSubject([]),this._optionSelect$=new o.Subject,this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(this.disabled)return;if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(l=>l.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get value(){return this.multi?this._selectedValues$.value.join(","):this._selectedValue$.value}set value(t){if(this.multi){const e=Array.isArray(t)?t:t?String(t).split(",").map(i=>i.trim()).filter(Boolean):[];this._selectedValues$.next(e)}else this._selectedValue$.next(String(t||""))}get values(){return[...this._selectedValues$.value]}set values(t){this._selectedValues$.next(Array.isArray(t)?[...t]:[])}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,o.fromEvent(this,"keydown").pipe(o.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),this._setupReactivePipelines(),this.internals?.form&&(o.fromEvent(this.internals.form,"submit").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formSubmitHandler),o.fromEvent(this.internals.form,"reset").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.()}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){if(super.updated(t),t.has("value")){const e=Array.isArray(this.value)?this.value.join(","):this.value;this.internals?.setFormValue(e),this.hasUpdated&&(this._dirty=!0),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=this._selectedValues$.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||e.textContent||"").join(", ")||this.placeholder}else{const t=this._selectedValue$.value;this.options?.forEach(i=>{i.selected=i.value===t});const e=this.options?.find(i=>i.value===t);this.valueLabel=e?e.label||e.textContent||"":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:this.value?this.value.split(","):[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=d.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,l=i.top,r=Math.max(.75*Math.max(s,l),150),h=s<200&&l>s;this.ul.style.maxHeight=`${r}px`;const{x:u,y:f}=await d.computePosition(t,this.ul,{placement:h?"top-start":"bottom-start",middleware:[d.offset(5),d.flip(),d.shift({padding:5})]});Object.assign(this.ul.style,{left:`${u}px`,top:`${f}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const l=i.offsetTop,r=i.offsetHeight,h=this.ul.scrollTop,u=this.ul.clientHeight;l<h?this.ul.scrollTop=l:l+r>h+u&&(this.ul.scrollTop=l+r-u)}}}async openDropdown(t=!1){if(this.disabled)return;this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t?.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}_setupReactivePipelines(){o.fromEvent(this,"option-select").pipe(c.tap(t=>{t.stopPropagation();const e=this.options.find(i=>i.value===t.detail.value);e&&this._optionSelect$.next(e)}),o.takeUntil(this.disconnecting)).subscribe(),this._optionSelect$.pipe(c.withLatestFrom(this._selectedValue$,this._selectedValues$),c.tap(([t,e,i])=>{if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const s=i.indexOf(t.value),l=s>-1?[...i.slice(0,s),...i.slice(s+1)]:[...i,t.value];this._selectedValues$.next(l),this.valueLabel=l.length>0?this.options.filter(r=>l.includes(r.value)).map(r=>r.label||r.textContent||"").join(", "):this.placeholder}else this._selectedValue$.next(t.value),this.valueLabel=t.label||t.textContent||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this._fireChangeEvent()}),o.takeUntil(this.disconnecting)).subscribe(),this._options$.pipe(c.tap(t=>{t.forEach((e,i)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${i}`),e.hasAttribute("data-event-bound")||(o.fromEvent(e,"click").pipe(c.tap(s=>{s.stopPropagation()}),o.takeUntil(this.disconnecting)).subscribe(()=>this._optionSelect$.next(e)),e.setAttribute("data-event-bound","true"))})}),o.takeUntil(this.disconnecting)).subscribe(),o.combineLatest([this._selectedValue$,this._selectedValues$,this._options$]).pipe(c.tap(([t,e,i])=>{i.length!==0&&(this.multi?i.forEach(s=>{s.selected=e.includes(s.value)}):i.forEach(s=>{s.selected=s.value===t}))}),o.takeUntil(this.disconnecting)).subscribe()}handleOptionSelect(t){const e=this.options.find(i=>i.value===t);e&&this._optionSelect$.next(e)}_fireChangeEvent(){const t=this.multi?this._selectedValues$.value:this._selectedValue$.value;this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",this.internals?.setValidity({})):(this.validationMessage="Please select an option.",this.internals?.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const i=!this.isValid&&this.shouldShowValidation();this.inputRef.error=i,this.inputRef.hint=i?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){this.validationMessage=t,t?(this.isValid=!1,this.internals?.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,this.internals?.setValidity({}),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?p.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:p.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return p.html`
 			<div class="relative ${this.disabled?"opacity-60 cursor-not-allowed":""}">
 				<sch-input
 					.name=${this.name}
@@ -39,7 +39,7 @@
 				</sch-input>
 
 				<!-- Overlay for capturing clicks outside when dropdown is open -->
-				${this.isOpen?d.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
+				${this.isOpen?p.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
 
 				<ul
 					id="options"
@@ -54,4 +54,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,n([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),n([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",1),n([a.property({type:Array})],exports.SchmancySelect.prototype,"values",1),n([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"size",2),n([a.state()],exports.SchmancySelect.prototype,"isOpen",2),n([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),n([a.state()],exports.SchmancySelect.prototype,"isValid",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),n([a.state()],exports.SchmancySelect.prototype,"defaultValue",2),n([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),n([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),n([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),n([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),n([a.state()],exports.SchmancySelect.prototype,"_touched",2),n([a.state()],exports.SchmancySelect.prototype,"_dirty",2),n([a.state()],exports.SchmancySelect.prototype,"_submitted",2),n([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=n([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-Cod_lOwT.cjs.map
+//# sourceMappingURL=select-BszKwEA_.cjs.map

package/dist/select-BszKwEA_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BszKwEA_.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'\nimport { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\treturn this.multi\n\t\t\t? this._selectedValues$.value.join(',')\n\t\t\t: this._selectedValue$.value\n\t}\n\tset value(val: string | string[]) {\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis._selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis._selectedValue$.next(String(val || ''))\n\t\t}\n\t}\n\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\t// Reactive state management\n\tprivate _options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate _selectedValue$ = new BehaviorSubject<string>('')\n\tprivate _selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate _optionSelect$ = new Subject<SchmancyOption>()\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Form event handlers\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Setup reactive pipelines\n\t\tthis._setupReactivePipelines()\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption ? (selectedOption.label || selectedOption.textContent || '') : this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate _setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis._optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis._optionSelect$\n\t\t\t.pipe(\n\t\t\t\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\n\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\tthis._touched = true\n\t\t\t\t\tthis._dirty = true\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis._fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this._selectedValue$, this._selectedValues$, this._options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate _fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this._selectedValues$.value : this._selectedValue$.value\n\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis._options$.next(this.options)\n\t\t\t\t\t\t\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_options$","BehaviorSubject","_selectedValue$","_selectedValues$","_optionSelect$","Subject","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","value","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-BxlDe36e.js → select-CHgsFxnz.js}

@@ -1,20 +1,20 @@
 import { autoUpdate as _, computePosition as $, offset as V, flip as w, shift as O } from "@floating-ui/dom";
-import { BehaviorSubject as y, Subject as x, fromEvent as u, takeUntil as p, combineLatest as S } from "rxjs";
+import { BehaviorSubject as v, Subject as x, fromEvent as u, takeUntil as p, combineLatest as S } from "rxjs";
 import { classMap as A } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as r, state as h, query as b, queryAssignedElements as k, customElement as D } from "lit/decorators.js";
+import { property as r, state as h, query as b, queryAssignedElements as k, customElement as R } from "lit/decorators.js";
 import "./tailwind.mixin-9XFzAXGw.js";
-import { $ as R } from "./litElement.mixin-Bv6DGuhe.js";
+import { $ as D } from "./litElement.mixin-Bv6DGuhe.js";
 import { c as I } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
 import { S as m } from "./theme.interface-C5Kj6WjD.js";
-import { css as E, html as v } from "lit";
+import { css as E, html as y } from "lit";
 import { tap as c, withLatestFrom as M } from "rxjs/operators";
 var C = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (t, e, i, s) => {
   for (var n, l = s > 1 ? void 0 : s ? P(e, i) : e, d = t.length - 1; d >= 0; d--) (n = t[d]) && (l = (s ? n(e, i, l) : n(l)) || l);
   return s && l && C(e, i, l), l;
 };
-let o = class extends R(E`
+let o = class extends D(E`
 	:host {
 		display: block;
 		position: relative;
@@ -26,7 +26,7 @@ let o = class extends R(E`
 	}
 `) {
   constructor() {
-    super(), this.required = !1, this.disabled = !1, this.placeholder = "", this.multi = !1, this.label = "", this.hint = "", this.validateOn = "touched", this.size = "md", this.isOpen = !1, this.valueLabel = "", this.isValid = !0, this.validationMessage = "", this.defaultValue = "", this._options$ = new y([]), this._selectedValue$ = new y(""), this._selectedValues$ = new y([]), this._optionSelect$ = new x(), this._userInteracted = !1, this._touched = !1, this._dirty = !1, this._submitted = !1, this._focusedOptionId = "", this.formSubmitHandler = () => {
+    super(), this.required = !1, this.disabled = !1, this.placeholder = "", this.multi = !1, this.label = "", this.hint = "", this.validateOn = "touched", this.size = "md", this.isOpen = !1, this.valueLabel = "", this.isValid = !0, this.validationMessage = "", this.defaultValue = "", this._options$ = new v([]), this._selectedValue$ = new v(""), this._selectedValues$ = new v([]), this._optionSelect$ = new x(), this._userInteracted = !1, this._touched = !1, this._dirty = !1, this._submitted = !1, this._focusedOptionId = "", this.formSubmitHandler = () => {
       this._submitted = !0, this.checkValidity();
     }, this.formResetHandler = () => {
       this.reset();
@@ -178,8 +178,8 @@ let o = class extends R(E`
       this.setupOptionsAccessibility(), this._fireChangeEvent();
     }), p(this.disconnecting)).subscribe(), this._options$.pipe(c((t) => {
       t.forEach((e, i) => {
-        e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${i}`), e.hasAttribute("data-event-bound") || (u(e, "pointerdown").pipe(c((s) => {
-          s.preventDefault(), s.stopPropagation();
+        e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${i}`), e.hasAttribute("data-event-bound") || (u(e, "click").pipe(c((s) => {
+          s.stopPropagation();
         }), p(this.disconnecting)).subscribe(() => this._optionSelect$.next(e)), e.setAttribute("data-event-bound", "true"));
       });
     }), p(this.disconnecting)).subscribe(), S([this._selectedValue$, this._selectedValues$, this._options$]).pipe(c(([t, e, i]) => {
@@ -218,8 +218,8 @@ let o = class extends R(E`
     this.value = this.defaultValue, this.valueLabel = this.placeholder, this.isValid = !0, this.validationMessage = "", this._touched = !1, this._dirty = !1, this._submitted = !1, this._userInteracted = !1, this.internals?.setValidity({}), this.inputRef && (this.inputRef.error = !1, this.inputRef.hint = this.hint);
   }
   render() {
-    const t = !this.isValid && this.shouldShowValidation() && !this.isOpen, e = this.isOpen ? v`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>` : v`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;
-    return v`
+    const t = !this.isValid && this.shouldShowValidation() && !this.isOpen, e = this.isOpen ? y`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>` : y`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;
+    return y`
 			<div class="relative ${this.disabled ? "opacity-60 cursor-not-allowed" : ""}">
 				<sch-input
 					.name=${this.name}
@@ -253,7 +253,7 @@ let o = class extends R(E`
 				</sch-input>
 
 				<!-- Overlay for capturing clicks outside when dropdown is open -->
-				${this.isOpen ? v` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> ` : ""}
+				${this.isOpen ? y` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> ` : ""}
 
 				<ul
 					id="options"
@@ -272,8 +272,8 @@ let o = class extends R(E`
 		`;
   }
 };
-o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), a([r({ type: String })], o.prototype, "placeholder", 2), a([r({ type: String, reflect: !0 })], o.prototype, "value", 1), a([r({ type: Array })], o.prototype, "values", 1), a([r({ type: Boolean })], o.prototype, "multi", 2), a([r({ type: String })], o.prototype, "label", 2), a([r({ type: String })], o.prototype, "hint", 2), a([r({ type: String })], o.prototype, "validateOn", 2), a([r({ type: String })], o.prototype, "size", 2), a([h()], o.prototype, "isOpen", 2), a([h()], o.prototype, "valueLabel", 2), a([h()], o.prototype, "isValid", 2), a([r({ type: String })], o.prototype, "validationMessage", 2), a([h()], o.prototype, "defaultValue", 2), a([b("ul")], o.prototype, "ul", 2), a([b("sch-input")], o.prototype, "inputRef", 2), a([k({ flatten: !0 })], o.prototype, "options", 2), a([h()], o.prototype, "_userInteracted", 2), a([h()], o.prototype, "_touched", 2), a([h()], o.prototype, "_dirty", 2), a([h()], o.prototype, "_submitted", 2), a([h()], o.prototype, "_focusedOptionId", 2), o = a([D("schmancy-select")], o);
+o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), a([r({ type: String })], o.prototype, "placeholder", 2), a([r({ type: String, reflect: !0 })], o.prototype, "value", 1), a([r({ type: Array })], o.prototype, "values", 1), a([r({ type: Boolean })], o.prototype, "multi", 2), a([r({ type: String })], o.prototype, "label", 2), a([r({ type: String })], o.prototype, "hint", 2), a([r({ type: String })], o.prototype, "validateOn", 2), a([r({ type: String })], o.prototype, "size", 2), a([h()], o.prototype, "isOpen", 2), a([h()], o.prototype, "valueLabel", 2), a([h()], o.prototype, "isValid", 2), a([r({ type: String })], o.prototype, "validationMessage", 2), a([h()], o.prototype, "defaultValue", 2), a([b("ul")], o.prototype, "ul", 2), a([b("sch-input")], o.prototype, "inputRef", 2), a([k({ flatten: !0 })], o.prototype, "options", 2), a([h()], o.prototype, "_userInteracted", 2), a([h()], o.prototype, "_touched", 2), a([h()], o.prototype, "_dirty", 2), a([h()], o.prototype, "_submitted", 2), a([h()], o.prototype, "_focusedOptionId", 2), o = a([R("schmancy-select")], o);
 export {
   o as S
 };
-//# sourceMappingURL=select-BxlDe36e.js.map
+//# sourceMappingURL=select-CHgsFxnz.js.map

package/dist/select-CHgsFxnz.js.map

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

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-Cod_lOwT.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-BszKwEA_.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-BxlDe36e.js";
+import { S } from "./select-CHgsFxnz.js";
 export {
   S as SchmancySelect
 };

package/dist/{suggestion-chip-CxQK5dcP.js → suggestion-chip-BTiLUD1d.js}

@@ -129,7 +129,7 @@ let d = class extends w($`
   }
 };
 d.shadowRootOptions = { ...k.shadowRootOptions, delegatesFocus: !0 }, u([a({ reflect: !0 })], d.prototype, "value", 2), u([a({ reflect: !0 })], d.prototype, "icon", 2), u([a({ reflect: !0 })], d.prototype, "href", 2), u([a({ reflect: !0 })], d.prototype, "target", 2), u([a({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), u([a({ type: Boolean, reflect: !0 })], d.prototype, "elevated", 2), u([E()], d.prototype, "ripples", 2), d = u([_("schmancy-assist-chip")], d);
-var F = Object.defineProperty, P = Object.getOwnPropertyDescriptor, f = (t, e, s, o) => {
+var F = Object.defineProperty, P = Object.getOwnPropertyDescriptor, m = (t, e, s, o) => {
   for (var l, i = o > 1 ? void 0 : o ? P(e, s) : e, n = t.length - 1; n >= 0; n--) (l = t[n]) && (i = (o ? l(e, s, i) : l(i)) || i);
   return o && i && F(e, s, i), i;
 };
@@ -192,20 +192,20 @@ let v = class extends M($`
     super.firstUpdated(t), this.updateChipStates(this.mode, this._value, this._values);
   }
   render() {
-    const t = this.classMap({ "grid auto-cols-max grid-flow-col": !0, "items-center": !0, "flex-wrap": this.wrap, "overflow-x-auto": !this.wrap, "scrollbar-hide": !this.wrap, "gap-2": !0 });
+    const t = this.classMap({ "flex auto-cols-max": !0, "items-center": !0, "flex-wrap": this.wrap, "overflow-x-auto": !this.wrap, "scrollbar-hide": !this.wrap, "gap-2": !0 });
     return r`
-			<schmancy-scroll class=${t} @change=${this.change}>
+			<section class=${t} @change=${this.change}>
 					<slot
 					@slotchange=${() => {
       this.updateChipStates(this.mode, this._value, this._values);
     }}
 				></slot>
-			</schmancy-scroll>
+			</section>
 		`;
   }
 };
-f([a({ type: Boolean, reflect: !0 })], v.prototype, "multi", 1), f([a({ type: Array, reflect: !0 })], v.prototype, "values", 1), f([a({ type: String, reflect: !0 })], v.prototype, "value", 1), f([S({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], v.prototype, "chips", 2), f([a({ type: Boolean, reflect: !0 })], v.prototype, "wrap", 2), v = f([_("schmancy-chips")], v);
-var U = Object.defineProperty, I = Object.getOwnPropertyDescriptor, m = (t, e, s, o) => {
+m([a({ type: Boolean, reflect: !0 })], v.prototype, "multi", 1), m([a({ type: Array, reflect: !0 })], v.prototype, "values", 1), m([a({ type: String, reflect: !0 })], v.prototype, "value", 1), m([S({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], v.prototype, "chips", 2), m([a({ type: Boolean, reflect: !0 })], v.prototype, "wrap", 2), v = m([_("schmancy-chips")], v);
+var U = Object.defineProperty, I = Object.getOwnPropertyDescriptor, f = (t, e, s, o) => {
   for (var l, i = o > 1 ? void 0 : o ? I(e, s) : e, n = t.length - 1; n >= 0; n--) (l = t[n]) && (i = (o ? l(e, s, i) : l(i)) || i);
   return o && i && U(e, s, i), i;
 };
@@ -341,7 +341,7 @@ const y = class y extends w($`
 };
 y.shadowRootOptions = { ...k.shadowRootOptions, delegatesFocus: !0 }, y.formAssociated = !0;
 let h = y;
-if (m([a({ type: String, reflect: !0 })], h.prototype, "value", 2), m([a({ type: Boolean, reflect: !0 })], h.prototype, "selected", 1), m([a({ type: String, reflect: !0 })], h.prototype, "icon", 2), m([a({ type: Boolean, reflect: !0 })], h.prototype, "removable", 2), m([a({ type: Boolean, reflect: !0 })], h.prototype, "disabled", 2), m([a({ type: Boolean, reflect: !0 })], h.prototype, "elevated", 2), m([S({ slot: "icon" })], h.prototype, "iconSlotElements", 2), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", h), !customElements.get("schmancy-chip")) {
+if (f([a({ type: String, reflect: !0 })], h.prototype, "value", 2), f([a({ type: Boolean, reflect: !0 })], h.prototype, "selected", 1), f([a({ type: String, reflect: !0 })], h.prototype, "icon", 2), f([a({ type: Boolean, reflect: !0 })], h.prototype, "removable", 2), f([a({ type: Boolean, reflect: !0 })], h.prototype, "disabled", 2), f([a({ type: Boolean, reflect: !0 })], h.prototype, "elevated", 2), f([S({ slot: "icon" })], h.prototype, "iconSlotElements", 2), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", h), !customElements.get("schmancy-chip")) {
   class t extends h {
   }
   customElements.define("schmancy-chip", t);
@@ -473,4 +473,4 @@ export {
   h as a,
   p as b
 };
-//# sourceMappingURL=suggestion-chip-CxQK5dcP.js.map
+//# sourceMappingURL=suggestion-chip-BTiLUD1d.js.map