@mhmo91/schmancy 0.4.34 → 0.4.36

package/dist/index.js

@@ -1,213 +1,214 @@
-import "./animated-text-AbNgT7ie.js";
-import { F as g, H as u, b as D, S as w, a as T, r as b } from "./area.component-BxrgxiLv.js";
-import { l as M, h as R, c as A, f as v, j as N, a as H, b as E, d as B, e as F, k as O, g as $, i as j, n as k, s as L } from "./utils-03Coa8AW.js";
-import "./autocomplete-Bx1vWN32.js";
-import { $ as Y, H as z, q as G, S as V, f as W, c as K, g as _, d as q, e as Q, h as J, a as U, b as X, j as Z, l as aa, m as ea, n as ra, k as ta, o as oa, p as ca, W as sa, s as na, i as ma, t as Sa } from "./avatar-aYgD4qxk.js";
-import { S as ya } from "./boat-vVWqUMYt.js";
-import "./spinner-NFkGJJz1.js";
-import { S as pa, a as la } from "./icon-button-CEnel9Yg.js";
-import "./media-DPQecp4W.js";
-import { S as xa } from "./checkbox-91xSd_El.js";
-import "./chips-D26R6u7T.js";
-import { S as Ca } from "./circular-progress-BAzvWUr0.js";
-import { S as ua, S as Da, a as wa } from "./code-preview-kNXSixdo.js";
-import { S as ba } from "./payment-card-form-ctWIc4vM.js";
-import { S as Ma, v as Ra } from "./date-range-gp2cu49l.js";
-import { S as va } from "./date-range-inline-DZwtgeXX.js";
-import { S as Ha, d as Ea } from "./delay-CYxt2x_w.js";
-import { C as Fa, S as Oa, a as $a } from "./dialog-content-DmUr4jZM.js";
-import { $ as ka, D as La } from "./dialog-service-DFMlRcXf.js";
-import { c as Ya, f as za, r as Ga } from "./ripple-BumgqsDT.js";
-import "./divider-BreFKYh2.js";
-import { S as Wa, a as Ka } from "./dropdown-content-DjIvlBvq.js";
-import { S as qa, a as Qa } from "./timezone-rpn_HlNW.js";
-import "./form-BKqz7W6V.js";
-import "./icon-DA0eDV8w.js";
-import { a as Ua, S as Xa } from "./input-B7Q3RRwE.js";
-import { S as ae, c as ee, a as re, b as te } from "./flex-DRvBt9P0.js";
-import { L as ce, a as se, S as ne } from "./list-BTm67LuV.js";
-import "./menu-C5KQk1CK.js";
-import { $ as Se, N as ie, S as ye, a as he } from "./notification-service-unFpqUQn.js";
-import "./option-Cy-nYxTs.js";
-import "./progress-4Ef6bw05.js";
-import { a as le, R as fe } from "./radio-button-CEp1kd-P.js";
-import { mutationObserver as de } from "./rxjs-utils.js";
+import "./animated-text-BtDJWgrr.js";
+import { F as g, H as u, b as D, S as w, a as T, r as b } from "./area.component-CYttliWA.js";
+import { l as M, h as R, c as A, f as v, j as N, a as H, b as B, d as E, e as F, k as O, g as $, i as j, n as k, s as L } from "./utils-03Coa8AW.js";
+import "./autocomplete-Cb6hDFh1.js";
+import { $ as Y, H as z, a as G, r as V, S as W, g as K, d as _, h as q, e as Q, f as J, i as U, b as X, c as Z, k as aa, m as ea, n as ra, o as ta, l as oa, p as ca, q as sa, W as na, s as ma, j as Sa, t as ia } from "./avatar-CaLFYyIO.js";
+import { S as ha } from "./boat-DcHe-GAJ.js";
+import "./spinner-4FisLDbU.js";
+import { S as la, a as fa } from "./icon-button-Cr7K-05m.js";
+import "./media-CMFuSVaN.js";
+import { S as da } from "./checkbox-CCgs10Lm.js";
+import "./chips-CJj0gvT6.js";
+import { S as ga } from "./circular-progress-BHbqdobG.js";
+import { S as Da, S as wa, a as Ta } from "./code-preview-BEpOOC-T.js";
+import { S as Ia } from "./payment-card-form-Bt7jTtGs.js";
+import { S as Ra, v as Aa } from "./date-range-BmcLAVvA.js";
+import { S as Na } from "./date-range-inline-DBYE6ies.js";
+import { S as Ba, d as Ea } from "./delay-DpYwuaNT.js";
+import { C as Oa, S as $a, a as ja } from "./dialog-content-DwLiPKn6.js";
+import { $ as La, D as Pa } from "./dialog-service-DFMlRcXf.js";
+import { c as za, f as Ga, r as Va } from "./ripple-BumgqsDT.js";
+import "./divider-C4SSlqD4.js";
+import { S as Ka, a as _a } from "./dropdown-content-Clz8-Sau.js";
+import { S as Qa, a as Ja } from "./timezone-Dtjp82BY.js";
+import "./form-BknmFXcv.js";
+import "./icon-DjtkMY5q.js";
+import { S as Xa, a as Za } from "./input-1jW0v1Pm.js";
+import { S as ee, c as re, a as te, b as oe } from "./flex-BVFtWBNT.js";
+import { L as se, a as ne, S as me } from "./list-BpV-YDKH.js";
+import "./menu-Cy55kr4r.js";
+import { $ as ie, N as ye, S as he, a as pe } from "./notification-service-DCOCdZOc.js";
+import "./option-Bo8xZrW9.js";
+import "./progress-DAwEZ_pK.js";
+import { a as fe, R as xe } from "./radio-button-BfTz8dzJ.js";
+import { mutationObserver as Ce } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CuY8m6ta.js";
-import { S as ge } from "./select-g77JoEFx.js";
-import "./sheet-rcWGv1EZ.js";
-import { S as De, d as we, b as Te, a as be, c as Ie, T as Me, f as Re, s as Ae, t as ve } from "./sheet.service-BKQ7n7nz.js";
-import { S as He, a as Ee } from "./slider-BJQE9wHL.js";
-import { S as Fe, a as Oe, b as $e, s as je } from "./schmancy-steps-container-KI2azXpv.js";
-import { B as Le, I as Pe, L as Ye, M as ze, S as Ge, a as Ve, b as We, d as Ke, c as _e } from "./context-object-CDDP4bTk.js";
-import { p as Qe, a as Je, v as Ue, G as Xe, c as Ze, E as ar, z as er, C as rr, B as tr, x as or, w as cr, y as sr, D as nr, F as mr, u as Sr, A as ir, b as yr, r as hr, d as pr, q as lr, f as fr, g as xr, i as dr, j as Cr, k as gr, l as ur, o as Dr, h as wr, n as Tr, m as br, e as Ir, s as Mr, t as Rr } from "./selector-hook-DPe2CGKx.js";
-import { a as vr, S as Nr } from "./surface-C7jJaxVu.js";
-import { a as Er, S as Br } from "./table-CmwIcTR5.js";
-import "./tabs-compatibility-BdKslPOu.js";
-import "./textarea-CfLyPiqF.js";
-import { S as Or } from "./theme.interface-C5Kj6WjD.js";
-import "./theme-button-tekBpoTr.js";
-import { S as jr, t as kr } from "./tooltip-C5DJ3omV.js";
-import { S as Pr } from "./tree-B38B9Zts.js";
-import { SchmancyEvents as zr } from "./types.js";
-import { T as Vr } from "./typewriter-Cf1Bl0lI.js";
-import { S as Kr } from "./typography-sm5Ne22S.js";
-import { i as qr } from "./intersection-CJxzz8c-.js";
+import { S as ue } from "./select-BJaDcPZl.js";
+import "./sheet-D4A-XwtC.js";
+import { S as we, d as Te, b as be, a as Ie, c as Me, T as Re, f as Ae, s as ve, t as Ne } from "./sheet.service-Cs6x0-dj.js";
+import { S as Be, a as Ee } from "./slider-R8CZdtHO.js";
+import { S as Oe, a as $e, b as je, s as ke } from "./schmancy-steps-container-x6jRkemp.js";
+import { B as Pe, I as Ye, L as ze, M as Ge, S as Ve, a as We, b as Ke, d as _e, c as qe } from "./context-object-CDDP4bTk.js";
+import { p as Je, a as Ue, v as Xe, G as Ze, c as ar, E as er, z as rr, C as tr, B as or, x as cr, w as sr, y as nr, D as mr, F as Sr, u as ir, A as yr, b as hr, r as pr, d as lr, q as fr, f as xr, g as dr, i as Cr, j as gr, k as ur, l as Dr, o as wr, h as Tr, n as br, m as Ir, e as Mr, s as Rr, t as Ar } from "./selector-hook-DPe2CGKx.js";
+import { a as Nr, S as Hr } from "./surface-DF75Qk2N.js";
+import { a as Er, S as Fr } from "./table-1SVYVJmx.js";
+import "./tabs-compatibility-A6VeNdH6.js";
+import "./textarea-Br2AU0Nv.js";
+import { S as $r } from "./theme.interface-C5Kj6WjD.js";
+import "./theme-button-Dw6gnMP7.js";
+import { S as kr, t as Lr } from "./tooltip-CbspXmfO.js";
+import { S as Yr } from "./tree-Cld52SH0.js";
+import { SchmancyEvents as Gr } from "./types.js";
+import { T as Wr } from "./typewriter-BVgRBrud.js";
+import { S as _r } from "./typography-BEhOBun8.js";
+import { i as Qr } from "./intersection-CJxzz8c-.js";
 export {
-  ka as $dialog,
+  La as $dialog,
   Y as $drawer,
-  Se as $notify,
-  Le as BaseStore,
-  Fa as ConfirmDialog,
-  La as DialogService,
+  ie as $notify,
+  Pe as BaseStore,
+  Oa as ConfirmDialog,
+  Pa as DialogService,
   g as FINDING_MORTIES,
   u as HERE_RICKY,
   D as HISTORY_STRATEGY,
   z as HereMorty,
-  Pe as IndexedDBStorageManager,
-  ce as List,
-  Ye as LocalStorageManager,
-  ze as MemoryStorageManager,
-  ie as NotificationAudioService,
-  le as RadioButton,
-  fe as RadioGroup,
+  Ye as IndexedDBStorageManager,
+  se as List,
+  ze as LocalStorageManager,
+  Ge as MemoryStorageManager,
+  ye as NotificationAudioService,
+  fe as RadioButton,
+  xe as RadioGroup,
+  G as ScBadgeV2,
   w as SchmancyArea,
-  Ge as SchmancyArrayStore,
-  G as SchmancyAvatar,
-  V as SchmancyBadgeV2,
-  ya as SchmancyBoat,
-  pa as SchmancyButton,
-  xa as SchmancyCheckbox,
-  Ca as SchmancyCircularProgress,
-  ua as SchmancyCode,
-  Da as SchmancyCodeHighlight,
-  wa as SchmancyCodePreview,
-  W as SchmancyContentDrawer,
-  K as SchmancyContentDrawerID,
-  _ as SchmancyContentDrawerMain,
-  q as SchmancyContentDrawerMaxHeight,
-  Q as SchmancyContentDrawerMinWidth,
-  J as SchmancyContentDrawerSheet,
-  U as SchmancyContentDrawerSheetMode,
-  X as SchmancyContentDrawerSheetState,
-  qa as SchmancyCountriesSelect,
+  Ve as SchmancyArrayStore,
+  V as SchmancyAvatar,
+  W as SchmancyBadgeV2,
+  ha as SchmancyBoat,
+  la as SchmancyButton,
+  da as SchmancyCheckbox,
+  ga as SchmancyCircularProgress,
+  Da as SchmancyCode,
+  wa as SchmancyCodeHighlight,
+  Ta as SchmancyCodePreview,
+  K as SchmancyContentDrawer,
+  _ as SchmancyContentDrawerID,
+  q as SchmancyContentDrawerMain,
+  Q as SchmancyContentDrawerMaxHeight,
+  J as SchmancyContentDrawerMinWidth,
+  U as SchmancyContentDrawerSheet,
+  X as SchmancyContentDrawerSheetMode,
+  Z as SchmancyContentDrawerSheetState,
+  Qa as SchmancyCountriesSelect,
   Er as SchmancyDataTable,
-  Ma as SchmancyDateRange,
-  va as SchmancyDateRangeInline,
-  Ha as SchmancyDelay,
-  Oa as SchmancyDialog,
-  $a as SchmancyDialogContent,
-  Z as SchmancyDrawerAppbar,
-  aa as SchmancyDrawerNavbarMode,
-  ea as SchmancyDrawerNavbarState,
-  Wa as SchmancyDropdown,
-  Ka as SchmancyDropdownContent,
-  zr as SchmancyEvents,
-  ae as SchmancyFlex,
-  ee as SchmancyFlexV2,
-  re as SchmancyGrid,
-  Ua as SchmancyInput,
-  Xa as SchmancyInputV2,
-  se as SchmancyListItem,
-  ne as SchmancyListTypeContext,
-  ra as SchmancyNavigationDrawer,
-  ta as SchmancyNavigationDrawerContent,
-  oa as SchmancyNavigationDrawerSidebar,
-  ye as SchmancyNotification,
-  he as SchmancyNotificationContainer,
-  ba as SchmancyPaymentCardForm,
-  te as SchmancyScroll,
-  ge as SchmancySelect,
-  De as SchmancySheetPosition,
-  He as SchmancySlide,
+  Ra as SchmancyDateRange,
+  Na as SchmancyDateRangeInline,
+  Ba as SchmancyDelay,
+  $a as SchmancyDialog,
+  ja as SchmancyDialogContent,
+  aa as SchmancyDrawerAppbar,
+  ea as SchmancyDrawerNavbarMode,
+  ra as SchmancyDrawerNavbarState,
+  Ka as SchmancyDropdown,
+  _a as SchmancyDropdownContent,
+  Gr as SchmancyEvents,
+  ee as SchmancyFlex,
+  re as SchmancyFlexV2,
+  te as SchmancyGrid,
+  Xa as SchmancyInput,
+  Za as SchmancyInputCompat,
+  ne as SchmancyListItem,
+  me as SchmancyListTypeContext,
+  ta as SchmancyNavigationDrawer,
+  oa as SchmancyNavigationDrawerContent,
+  ca as SchmancyNavigationDrawerSidebar,
+  he as SchmancyNotification,
+  pe as SchmancyNotificationContainer,
+  Ia as SchmancyPaymentCardForm,
+  oe as SchmancyScroll,
+  ue as SchmancySelect,
+  we as SchmancySheetPosition,
+  Be as SchmancySlide,
   Ee as SchmancySlider,
-  Fe as SchmancyStep,
-  Oe as SchmancyStepsContainer,
-  Ve as SchmancyStoreObject,
-  vr as SchmancySurface,
-  Nr as SchmancySurfaceTypeContext,
-  Br as SchmancyTableRow,
-  ca as SchmancyTeleportation,
-  Or as SchmancyTheme,
-  we as SchmancyThemeComponent,
-  Qa as SchmancyTimezonesSelect,
-  jr as SchmancyTooltip,
-  Pr as SchmancyTree,
-  Kr as SchmancyTypography,
-  la as SchmnacyIconButton,
-  We as SessionStorageManager,
-  Te as SheetHereMorty,
-  be as SheetWhereAreYouRicky,
-  $e as StepsController,
-  Ke as StoreError,
-  Ie as ThemeHereIAm,
-  Me as ThemeWhereAreYou,
-  Vr as TypewriterElement,
-  sa as WhereAreYouRicky,
+  Oe as SchmancyStep,
+  $e as SchmancyStepsContainer,
+  We as SchmancyStoreObject,
+  Nr as SchmancySurface,
+  Hr as SchmancySurfaceTypeContext,
+  Fr as SchmancyTableRow,
+  sa as SchmancyTeleportation,
+  $r as SchmancyTheme,
+  Te as SchmancyThemeComponent,
+  Ja as SchmancyTimezonesSelect,
+  kr as SchmancyTooltip,
+  Yr as SchmancyTree,
+  _r as SchmancyTypography,
+  fa as SchmnacyIconButton,
+  Ke as SessionStorageManager,
+  be as SheetHereMorty,
+  Ie as SheetWhereAreYouRicky,
+  je as StepsController,
+  _e as StoreError,
+  Me as ThemeHereIAm,
+  Re as ThemeWhereAreYou,
+  Wr as TypewriterElement,
+  na as WhereAreYouRicky,
   T as area,
   M as buildQueryString,
-  Ya as color,
+  za as color,
   R as compareActiveRoutes,
   A as compareCustomElementConstructors,
   v as compareRouteActions,
-  Qe as compareValues,
-  Je as createArrayContext,
-  Ue as createCollectionSelector,
-  Xe as createCompoundSelector,
-  Ze as createContext,
-  ar as createCountSelector,
-  er as createEntriesSelector,
-  rr as createFilterSelector,
-  tr as createFindSelector,
-  or as createItemSelector,
-  cr as createItemsSelector,
-  sr as createKeysSelector,
-  nr as createMapSelector,
-  mr as createOptimizedSelector,
+  Je as compareValues,
+  Ue as createArrayContext,
+  Xe as createCollectionSelector,
+  Ze as createCompoundSelector,
+  ar as createContext,
+  er as createCountSelector,
+  rr as createEntriesSelector,
+  tr as createFilterSelector,
+  or as createFindSelector,
+  cr as createItemSelector,
+  sr as createItemsSelector,
+  nr as createKeysSelector,
+  mr as createMapSelector,
+  Sr as createOptimizedSelector,
   N as createRouteCacheKey,
-  Sr as createSelector,
-  ir as createSortSelector,
-  _e as createStorageManager,
-  yr as createTestArrayContext,
+  ir as createSelector,
+  yr as createSortSelector,
+  qe as createStorageManager,
+  hr as createTestArrayContext,
   H as debounce,
-  E as decodeRouteState,
-  B as deepMerge,
+  B as decodeRouteState,
+  E as deepMerge,
   Ea as delayContext,
   F as encodeRouteState,
   O as extractQueryParams,
-  hr as filterArray,
-  pr as filterArrayItems,
-  lr as filterMap,
-  fr as filterMapItems,
-  Re as formateTheme,
-  za as fullHeight,
-  xr as getFieldValue,
+  pr as filterArray,
+  lr as filterArrayItems,
+  fr as filterMap,
+  xr as filterMapItems,
+  Ae as formateTheme,
+  Ga as fullHeight,
+  dr as getFieldValue,
   $ as getTagName,
-  qr as intersection$,
-  dr as isArray,
-  Cr as isDate,
-  gr as isIterable,
-  ur as isMap,
-  Dr as isNil,
-  wr as isNumber,
+  Qr as intersection$,
+  Cr as isArray,
+  gr as isDate,
+  ur as isIterable,
+  Dr as isMap,
+  wr as isNil,
+  Tr as isNumber,
   j as isObject,
-  Tr as isPlainObject,
-  br as isSet,
-  Ir as isString,
-  de as mutationObserver,
+  br as isPlainObject,
+  Ir as isSet,
+  Mr as isString,
+  Ce as mutationObserver,
   k as normalizeTagName,
-  Ga as ripple,
+  Va as ripple,
   b as routerHistory,
   L as sanitizeRouteState,
-  na as schmancyContentDrawer,
-  ma as schmancyNavDrawer,
-  Mr as select,
-  Rr as selectItem,
-  Ae as sheet,
-  je as stepsContext,
-  ve as tailwindStyles,
-  Sa as teleport,
-  kr as tooltip,
-  Ra as validateInitialDateRange
+  ma as schmancyContentDrawer,
+  Sa as schmancyNavDrawer,
+  Rr as select,
+  Ar as selectItem,
+  ve as sheet,
+  ke as stepsContext,
+  Ne as tailwindStyles,
+  ia as teleport,
+  Lr as tooltip,
+  Aa as validateInitialDateRange
 };
 //# sourceMappingURL=index.js.map

package/dist/input-1jW0v1Pm.js

@@ -0,0 +1,236 @@
+import { nothing as b, html as m, LitElement as x } from "lit";
+import { property as a, query as k, state as c, customElement as w } from "lit/decorators.js";
+import { ifDefined as o } from "lit/directives/if-defined.js";
+import { createRef as E, ref as $ } from "lit/directives/ref.js";
+import { when as y } from "lit/directives/when.js";
+import { fromEvent as p, map as v, takeUntil as d, distinctUntilChanged as R, filter as f } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import "./tailwind.mixin-CWA7D8Ym.js";
+import { S } from "./formField.mixin-Btf8vfYy.js";
+var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, s = (t, e, n, r) => {
+  for (var u, l = r > 1 ? void 0 : r ? V(e, n) : e, h = t.length - 1; h >= 0; h--) (u = t[h]) && (l = (r ? u(e, n, l) : u(l)) || l);
+  return r && l && C(e, n, l), l;
+};
+let i = class extends S("/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */:host{width:100%;min-width:calc(var(--spacing,.25rem)*0);box-sizing:border-box;max-width:100%;display:block}.date-input-container{width:100%;min-width:0;width:100%!important;max-width:100%!important}input{appearance:none;border-radius:8px;width:-webkit-fill-available;font-size:16px}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]{appearance:textfield}input:-webkit-autofill{animation-name:onAutoFillStart;-webkit-box-shadow:0 0 0 30px var(--schmancy-sys-color-surface-highest)inset!important;-webkit-text-fill-color:var(--schmancy-sys-color-surface-on)!important}input:autofill{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;width:100%;line-height:inherit;border-radius:8px;min-width:100%;max-width:100%;margin:0;display:block;overflow:hidden;border-radius:8px!important;width:100%!important}input::-webkit-datetime-edit{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit-fields-wrapper{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit{flex:1;width:100%}input::-webkit-datetime-edit-fields-wrapper{flex:1;justify-content:space-between;width:100%}input::-webkit-datetime-edit-text{align-items:center;display:flex}input::-webkit-datetime-edit-day-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-month-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-year-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-hour-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-minute-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-second-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-millisecond-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-meridiem-field{flex-shrink:0;padding:0 2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}@-moz-document url-prefix(){input[type=date],input[type=datetime-local],input[type=time]{min-height:inherit}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;border-radius:0;width:-webkit-fill-available!important;width:fill-available!important;padding-left:12px!important;padding-right:12px!important}input::-webkit-datetime-edit{width:100%!important;padding-left:0!important;padding-right:0!important}input::-webkit-datetime-edit-fields-wrapper{width:100%!important;margin:0!important;padding:0!important}}") {
+  constructor() {
+    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.clickable = !1, this.spellcheck = !1, this.align = "left", this.autofocus = !1, this.autocomplete = "on", this.tabIndex = 0, this.size = "md", this.validateOn = "touched", this.inputRef = E(), this.isAutofilled = !1, this.touched = !1, this.dirty = !1, this.submitted = !1, this.defaultValue = "";
+  }
+  willUpdate(t) {
+    this.id || (this.id = "sch-input-" + i._idCounter++), super.willUpdate(t);
+  }
+  updated(t) {
+    super.updated(t), t.has("value") && (this.value !== this.defaultValue && (this.dirty = !0), this.validateInput()), !this.hasUpdated && t.has("value") && (this.defaultValue = this.value);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.defaultValue = this.value, this.setupFormIntegration(), this.setupExternalLabelAssociation();
+  }
+  setupFormIntegration() {
+    this.form && (this.formResetObserver = new MutationObserver((t) => {
+      for (const e of t) e.type === "attributes" && e.attributeName === "reset" && this.resetToDefault();
+    }), this.formResetObserver.observe(this.form, { attributes: !0, childList: !1, subtree: !1 }), this.form.addEventListener("reset", () => {
+      this.resetToDefault();
+    }), this.form.addEventListener("submit", () => {
+      this.submitted = !0, this.validateInput(!0);
+    }));
+  }
+  setupExternalLabelAssociation() {
+    if (this.id) {
+      const t = () => {
+        document.querySelectorAll(`label[for="${this.id}"]`).forEach((e) => {
+          e.addEventListener("click", () => {
+            this.focus();
+          });
+        });
+      };
+      document.readyState === "complete" ? t() : document.addEventListener("DOMContentLoaded", t);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.formResetObserver && this.formResetObserver.disconnect(), this.id && document.querySelectorAll(`label[for="${this.id}"]`).forEach((t) => {
+      t.removeEventListener("click", () => {
+        this.focus();
+      });
+    });
+  }
+  resetToDefault() {
+    this.value = this.defaultValue, this.touched = !1, this.dirty = !1, this.submitted = !1, this.error = !1, this.validationMessage = "", this.dispatchEvent(new CustomEvent("reset", { bubbles: !0 }));
+  }
+  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;
+    }
+  }
+  validateInput(t = !1) {
+    if (this.disabled) return;
+    const e = this.shouldShowValidation(t), n = this.inputElement?.validity ?? { customError: !1, valid: !0 }, r = !n.valid && !n.customError;
+    e && r ? (this.error = !0, this.validationMessage = this.inputElement?.validationMessage || "") : n.valid ? (this.error = !1, n.customError || (this.validationMessage = "")) : e || (this.error = !1);
+  }
+  checkValidity() {
+    const t = this.inputRef.value?.checkValidity() ?? !0, e = super.checkValidity();
+    return t && e;
+  }
+  reportValidity() {
+    this.touched = !0, this.submitted = !0;
+    const t = this.inputRef.value?.reportValidity() ?? !0;
+    this.validateInput(!0);
+    const e = super.reportValidity();
+    return t && e;
+  }
+  setCustomValidity(t) {
+    this.inputRef.value && this.inputRef.value.setCustomValidity(t), super.setCustomValidity(t), this.error = t !== "" && this.shouldShowValidation();
+  }
+  firstUpdated() {
+    this.autofocus && setTimeout(() => {
+      this.focus();
+    }, 0), this.setupInputEvents(), this.setupFocusBlurEvents(), this.setupAutofillDetection(), this.setupEnterKeyEvents();
+  }
+  setupInputEvents() {
+    p(this.inputElement, "input").pipe(v((t) => {
+      const e = t;
+      return { value: t.target.value, inputType: e.inputType, data: e.data, isComposing: e.isComposing, originalEvent: t };
+    }), d(this.disconnecting)).subscribe((t) => {
+      this.value = t.value, this.dirty = this.value !== this.defaultValue;
+      const e = new CustomEvent("input", { detail: { value: t.value }, bubbles: !0, composed: !0 });
+      Object.defineProperties(e, { inputType: { value: t.inputType }, data: { value: t.data }, isComposing: { value: t.isComposing } }), this.dispatchEvent(e), this.validateInput();
+    }), p(this.inputElement, "change").pipe(v((t) => t.target.value), R(), d(this.disconnecting)).subscribe((t) => {
+      this.value = t, this.dirty = this.value !== this.defaultValue, this.emitChange({ value: t }), this.validateInput();
+    });
+  }
+  setupFocusBlurEvents() {
+    p(this.inputElement, "focus").pipe(d(this.disconnecting)).subscribe((t) => {
+      const e = new CustomEvent("focus", { bubbles: t.bubbles, cancelable: t.cancelable, composed: t.composed });
+      Object.defineProperties(e, { relatedTarget: { value: t.relatedTarget } }), this.dispatchEvent(e);
+    }), p(this.inputElement, "blur").pipe(d(this.disconnecting)).subscribe((t) => {
+      this.touched = !0, this.disabled || this.validateInput();
+      const e = new CustomEvent("blur", { bubbles: t.bubbles, cancelable: t.cancelable, composed: t.composed });
+      Object.defineProperties(e, { relatedTarget: { value: t.relatedTarget } }), this.dispatchEvent(e);
+    });
+  }
+  setupAutofillDetection() {
+    p(this.inputElement, "animationstart").pipe(f((t) => t.animationName === "onAutoFillStart"), d(this.disconnecting)).subscribe((t) => {
+      const { value: e } = t.target;
+      this.value = e, this.isAutofilled = !0, this.dirty = this.value !== this.defaultValue, this.dispatchEvent(new CustomEvent("autofill", { detail: { value: e }, bubbles: !0, composed: !0 })), this.emitChange({ value: e });
+    }), p(this.inputElement, "animationstart").pipe(f((t) => t.animationName === "onAutoFillCancel"), d(this.disconnecting)).subscribe(() => {
+      this.isAutofilled = !1;
+    });
+  }
+  setupEnterKeyEvents() {
+    p(this.inputElement, "keydown").pipe(f((t) => t.key === "Enter"), d(this.disconnecting)).subscribe((t) => {
+      const { value: e } = t.target;
+      this.value !== e && (this.value = e, this.dirty = this.value !== this.defaultValue), this.inputElement.blur();
+      const n = new CustomEvent("enter", { detail: { value: this.value }, bubbles: !0, composed: !0 });
+      Object.defineProperties(n, { key: { value: "Enter" }, code: { value: "Enter" }, keyCode: { value: 13 }, which: { value: 13 } }), this.dispatchEvent(n);
+    });
+  }
+  select() {
+    return this.inputRef.value?.select();
+  }
+  getValidity() {
+    return this.inputRef.value?.validity;
+  }
+  setSelectionRange(t, e, n) {
+    this.inputRef.value?.setSelectionRange(t, e, n);
+  }
+  get selectionStart() {
+    return this.inputRef.value?.selectionStart ?? null;
+  }
+  get selectionEnd() {
+    return this.inputRef.value?.selectionEnd ?? null;
+  }
+  get selectionDirection() {
+    return this.inputRef.value?.selectionDirection ?? null;
+  }
+  setRangeText(t, e, n, r) {
+    e !== void 0 && n !== void 0 ? this.inputRef.value?.setRangeText(t, e, n, r) : this.inputRef.value?.setRangeText(t);
+  }
+  focus(t) {
+    this.inputRef.value?.focus(t), this.dispatchEvent(new Event("focus"));
+  }
+  click() {
+    this.inputRef.value?.click(), this.dispatchEvent(new Event("click"));
+  }
+  blur() {
+    this.inputRef.value?.blur(), this.dispatchEvent(new Event("blur"));
+  }
+  render() {
+    const { height: t, padding: e, fontSize: n } = (() => {
+      switch (this.size) {
+        case "sm":
+          return { height: "40px", padding: "0 8px", fontSize: "0.875rem" };
+        case "lg":
+          return { height: "60px", padding: "0 20px", fontSize: "1.125rem" };
+        default:
+          return { height: "50px", padding: "0 16px", fontSize: "1rem" };
+      }
+    })(), r = ["date", "datetime-local", "time", "month", "week"].includes(this.type), u = { "block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on": !0, "outline-secondary-default focus:outline-1": !0, "disabled:opacity-40 disabled:cursor-not-allowed": !0, "placeholder:text-muted": !0, "ring-0 ring-inset focus:ring-1 focus:ring-inset": !0, "ring-secondary-default ring-outline focus:ring-secondary-default": !this.error, "ring-error-default focus:ring-error-default": this.error, "caret-transparent focus:outline-hidden cursor-pointer select-none": this.readonly, "cursor-pointer": this.clickable, "text-left": this.align === "left" || r, "text-center": this.align === "center" && !r, "text-right": this.align === "right" && !r, autofilled: this.isAutofilled }, l = { "block mb-1 font-medium": !0, "opacity-40": this.disabled, "text-sm": this.size === "sm", "text-base": this.size === "md", "text-lg": this.size === "lg", "text-primary-default": !this.error, "text-error-default": this.error }, h = { height: t, padding: e, fontSize: n, lineHeight: t };
+    return m`
+			<div class="w-full min-w-0 ${r ? "date-input-container" : ""}">
+				${y(this.label, () => m`
+						<label
+							for=${this.id}
+							class=${this.classMap(l)}
+						>
+							${this.label}
+						</label>
+					`)}
+
+				<input
+					${$(this.inputRef)}
+					id=${this.id}
+					name=${this.name}
+					class=${this.classMap(u)}
+					style=${this.styleMap(h)}
+					.value=${this.value}
+					.type=${this.type}
+					.autocomplete=${this.autocomplete}
+					.spellcheck=${this.spellcheck}
+					placeholder=${this.placeholder}
+					inputmode=${o(this.inputmode)}
+					pattern=${o(this.pattern)}
+					step=${o(this.step)}
+					minlength=${o(this.minlength)}
+					maxlength=${o(this.maxlength)}
+					min=${o(this.min)}
+					max=${o(this.max)}
+					list=${o(this.list)}
+					?required=${this.required}
+					?disabled=${this.disabled}
+					?readonly=${this.readonly}
+					aria-invalid=${this.error ? "true" : "false"}
+					aria-required=${this.required ? "true" : "false"}
+					aria-labelledby=${this.label ? `label-${this.id}` : b}
+					aria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : b}
+					aria-label=${o(this.label ? void 0 : this.placeholder || "Input")}
+				/>
+
+				${y(this.hint || this.error && this.validationMessage, () => m`
+						<div
+							id="hint-${this.id}"
+							class="mt-1 text-sm ${this.error ? "text-error-default" : "text-surface-onVariant"}"
+						>
+							${this.error && this.validationMessage ? this.validationMessage : this.hint}
+						</div>
+					`)}
+			</div>
+		`;
+  }
+};
+i._idCounter = 0, i.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, s([a({ type: String, reflect: !0 })], i.prototype, "value", 2), s([a({ reflect: !0 })], i.prototype, "type", 2), s([a()], i.prototype, "placeholder", 2), s([a({ type: String, reflect: !0 })], i.prototype, "pattern", 2), s([a({ type: Boolean, reflect: !0 })], i.prototype, "clickable", 2), s([a({ type: Boolean, reflect: !0 })], i.prototype, "spellcheck", 2), s([a({ type: String, reflect: !0 })], i.prototype, "align", 2), s([a()], i.prototype, "inputmode", 2), s([a({ type: Number, reflect: !0 })], i.prototype, "minlength", 2), s([a({ type: Number })], i.prototype, "maxlength", 2), s([a()], i.prototype, "min", 2), s([a()], i.prototype, "max", 2), s([a({ type: Number, reflect: !0 })], i.prototype, "step", 2), s([a({ type: Boolean })], i.prototype, "autofocus", 2), s([a({ type: String, reflect: !0 })], i.prototype, "autocomplete", 2), s([a({ type: Number, reflect: !0 })], i.prototype, "tabIndex", 2), s([a({ type: String, reflect: !0 })], i.prototype, "size", 2), s([a({ type: String })], i.prototype, "validateOn", 2), s([a({ type: String })], i.prototype, "list", 2), s([k("input")], i.prototype, "inputElement", 2), s([c()], i.prototype, "isAutofilled", 2), s([c()], i.prototype, "touched", 2), s([c()], i.prototype, "dirty", 2), s([c()], i.prototype, "submitted", 2), s([c()], i.prototype, "defaultValue", 2), i = s([w("schmancy-input")], i);
+let g = class extends i {
+};
+g = s([w("sch-input")], g);
+export {
+  i as S,
+  g as a
+};
+//# sourceMappingURL=input-1jW0v1Pm.js.map