@mhmo91/schmancy 0.10.20 → 0.10.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (339) hide show
  1. package/custom-elements.json +0 -49
  2. package/dist/agent/{overlay.confirm-body-mYm0zq4k.js → overlay.confirm-body-DXus8d-w.js} +1 -1
  3. package/dist/agent/{overlay.confirm-body-mYm0zq4k.js.map → overlay.confirm-body-DXus8d-w.js.map} +1 -1
  4. package/dist/agent/schmancy.agent.js +1291 -1257
  5. package/dist/agent/schmancy.agent.js.map +1 -1
  6. package/dist/agent/schmancy.manifest.json +0 -39
  7. package/dist/{area-C7MNn-3e.cjs → area-Cbkt0NX4.cjs} +12 -3
  8. package/dist/area-Cbkt0NX4.cjs.map +1 -0
  9. package/dist/{area-CRe41aIG.js → area-Ddk7P5wD.js} +14 -5
  10. package/dist/area-Ddk7P5wD.js.map +1 -0
  11. package/dist/area.cjs +1 -1
  12. package/dist/area.js +1 -1
  13. package/dist/{autocomplete-CqUl7o0e.cjs → autocomplete-CfBFDSc3.cjs} +1 -1
  14. package/dist/{autocomplete-CqUl7o0e.cjs.map → autocomplete-CfBFDSc3.cjs.map} +1 -1
  15. package/dist/{autocomplete-CRDFL4Ul.js → autocomplete-Ds3Q2cwR.js} +2 -2
  16. package/dist/{autocomplete-CRDFL4Ul.js.map → autocomplete-Ds3Q2cwR.js.map} +1 -1
  17. package/dist/autocomplete.cjs +1 -1
  18. package/dist/autocomplete.js +1 -1
  19. package/dist/avatar.cjs +1 -1
  20. package/dist/avatar.js +1 -1
  21. package/dist/badge.cjs +1 -1
  22. package/dist/badge.js +1 -1
  23. package/dist/{boat-XajM8A3M.js → boat-BF5P6p_f.js} +1 -1
  24. package/dist/{boat-XajM8A3M.js.map → boat-BF5P6p_f.js.map} +1 -1
  25. package/dist/{boat-BHV5kOlN.cjs → boat-BPN8HLzZ.cjs} +1 -1
  26. package/dist/{boat-BHV5kOlN.cjs.map → boat-BPN8HLzZ.cjs.map} +1 -1
  27. package/dist/boat.cjs +1 -1
  28. package/dist/boat.js +1 -1
  29. package/dist/breadcrumb.cjs +1 -1
  30. package/dist/breadcrumb.js +1 -1
  31. package/dist/{busy-D8YsqVBf.js → busy-BuACDJy6.js} +1 -1
  32. package/dist/{busy-D8YsqVBf.js.map → busy-BuACDJy6.js.map} +1 -1
  33. package/dist/{busy-BlBZ5ZOs.cjs → busy-C7ejPa-Q.cjs} +1 -1
  34. package/dist/{busy-BlBZ5ZOs.cjs.map → busy-C7ejPa-Q.cjs.map} +1 -1
  35. package/dist/busy.cjs +1 -1
  36. package/dist/busy.js +1 -1
  37. package/dist/button.cjs +1 -1
  38. package/dist/button.js +1 -1
  39. package/dist/{card-yT_St83D.cjs → card-BIzaLuEg.cjs} +1 -1
  40. package/dist/{card-yT_St83D.cjs.map → card-BIzaLuEg.cjs.map} +1 -1
  41. package/dist/{card-C9TljY2Z.js → card-CgQwXO8L.js} +1 -1
  42. package/dist/{card-C9TljY2Z.js.map → card-CgQwXO8L.js.map} +1 -1
  43. package/dist/card.cjs +1 -1
  44. package/dist/card.js +1 -1
  45. package/dist/{checkbox-Dz2lkJs0.cjs → checkbox-BAqE3sTx.cjs} +1 -1
  46. package/dist/{checkbox-Dz2lkJs0.cjs.map → checkbox-BAqE3sTx.cjs.map} +1 -1
  47. package/dist/{checkbox-BDgh4rge.js → checkbox-BNdg57Om.js} +1 -1
  48. package/dist/{checkbox-BDgh4rge.js.map → checkbox-BNdg57Om.js.map} +1 -1
  49. package/dist/checkbox.cjs +1 -1
  50. package/dist/checkbox.js +1 -1
  51. package/dist/{chips-M7Dr2npv.cjs → chips-DS3y4Lbn.cjs} +1 -1
  52. package/dist/{chips-M7Dr2npv.cjs.map → chips-DS3y4Lbn.cjs.map} +1 -1
  53. package/dist/{chips-N7fu0hA4.js → chips-DnqLaOb1.js} +2 -2
  54. package/dist/{chips-N7fu0hA4.js.map → chips-DnqLaOb1.js.map} +1 -1
  55. package/dist/chips.cjs +1 -1
  56. package/dist/chips.js +2 -2
  57. package/dist/connectivity.cjs +1 -1
  58. package/dist/connectivity.js +1 -1
  59. package/dist/content-drawer.cjs +1 -1
  60. package/dist/content-drawer.js +1 -1
  61. package/dist/{date-range-D2vxD814.cjs → date-range-CsJfjbmi.cjs} +1 -1
  62. package/dist/{date-range-D2vxD814.cjs.map → date-range-CsJfjbmi.cjs.map} +1 -1
  63. package/dist/{date-range-DFWOMgI3.js → date-range-aPSmSBhk.js} +2 -2
  64. package/dist/{date-range-DFWOMgI3.js.map → date-range-aPSmSBhk.js.map} +1 -1
  65. package/dist/{date-range-inline-C5JuZ_Kw.cjs → date-range-inline-CAa0_4EI.cjs} +1 -1
  66. package/dist/{date-range-inline-C5JuZ_Kw.cjs.map → date-range-inline-CAa0_4EI.cjs.map} +1 -1
  67. package/dist/{date-range-inline-D3q1OoKk.js → date-range-inline-PeRt1iIF.js} +1 -1
  68. package/dist/{date-range-inline-D3q1OoKk.js.map → date-range-inline-PeRt1iIF.js.map} +1 -1
  69. package/dist/date-range-inline.cjs +1 -1
  70. package/dist/date-range-inline.js +1 -1
  71. package/dist/date-range.cjs +1 -1
  72. package/dist/date-range.js +1 -1
  73. package/dist/delay.cjs +1 -1
  74. package/dist/delay.js +1 -1
  75. package/dist/{details-DmDEInaL.cjs → details-BnXbDpt7.cjs} +1 -1
  76. package/dist/{details-DmDEInaL.cjs.map → details-BnXbDpt7.cjs.map} +1 -1
  77. package/dist/{details-BrUPmd92.js → details-BpFjVclg.js} +1 -1
  78. package/dist/{details-BrUPmd92.js.map → details-BpFjVclg.js.map} +1 -1
  79. package/dist/details.cjs +1 -1
  80. package/dist/details.js +1 -1
  81. package/dist/directives.cjs +3 -3
  82. package/dist/directives.cjs.map +1 -1
  83. package/dist/directives.js +290 -203
  84. package/dist/directives.js.map +1 -1
  85. package/dist/{divider-B_Ts_-qz.cjs → divider-B84lt1A3.cjs} +1 -1
  86. package/dist/{divider-B_Ts_-qz.cjs.map → divider-B84lt1A3.cjs.map} +1 -1
  87. package/dist/{divider-BLijs8ba.js → divider-D8cBBkdG.js} +1 -1
  88. package/dist/{divider-BLijs8ba.js.map → divider-D8cBBkdG.js.map} +1 -1
  89. package/dist/divider.cjs +1 -1
  90. package/dist/divider.js +1 -1
  91. package/dist/dropdown.cjs +1 -1
  92. package/dist/dropdown.js +1 -1
  93. package/dist/{expand-C-xSpg7M.js → expand-BJiKggfg.js} +2 -2
  94. package/dist/{expand-C-xSpg7M.js.map → expand-BJiKggfg.js.map} +1 -1
  95. package/dist/{expand-DV5sWUB6.cjs → expand-DK-O37-j.cjs} +1 -1
  96. package/dist/{expand-DV5sWUB6.cjs.map → expand-DK-O37-j.cjs.map} +1 -1
  97. package/dist/expand.cjs +1 -1
  98. package/dist/expand.js +1 -1
  99. package/dist/{float-Y22yVBE2.js → float-B4FDN40h.js} +1 -1
  100. package/dist/{float-Y22yVBE2.js.map → float-B4FDN40h.js.map} +1 -1
  101. package/dist/{float-LyKef0LY.cjs → float-RWR6Q1Hh.cjs} +1 -1
  102. package/dist/{float-LyKef0LY.cjs.map → float-RWR6Q1Hh.cjs.map} +1 -1
  103. package/dist/float.cjs +1 -1
  104. package/dist/float.js +1 -1
  105. package/dist/{form-LFkEQkOX.js → form-Bz5WamuM.js} +8 -8
  106. package/dist/{form-LFkEQkOX.js.map → form-Bz5WamuM.js.map} +1 -1
  107. package/dist/{form-C_smXI2-.cjs → form-PioZDvzA.cjs} +1 -1
  108. package/dist/{form-C_smXI2-.cjs.map → form-PioZDvzA.cjs.map} +1 -1
  109. package/dist/form.cjs +1 -1
  110. package/dist/form.js +6 -6
  111. package/dist/handover/agent-runtime-followups.md +1 -1
  112. package/dist/handover/agent-runtime-v1.md +3 -3
  113. package/dist/{icons-B3pFrwKC.js → icons-BgUbHwy8.js} +1 -1
  114. package/dist/{icons-B3pFrwKC.js.map → icons-BgUbHwy8.js.map} +1 -1
  115. package/dist/{icons-CCNy4Egc.cjs → icons-morK4hHz.cjs} +1 -1
  116. package/dist/{icons-CCNy4Egc.cjs.map → icons-morK4hHz.cjs.map} +1 -1
  117. package/dist/icons.cjs +1 -1
  118. package/dist/icons.js +1 -1
  119. package/dist/{iframe-CCcmLZ_K.cjs → iframe-BXe1TPx1.cjs} +1 -1
  120. package/dist/{iframe-CCcmLZ_K.cjs.map → iframe-BXe1TPx1.cjs.map} +1 -1
  121. package/dist/{iframe-BbFlCEyP.js → iframe-CByrVlZy.js} +1 -1
  122. package/dist/{iframe-BbFlCEyP.js.map → iframe-CByrVlZy.js.map} +1 -1
  123. package/dist/iframe.cjs +1 -1
  124. package/dist/iframe.js +1 -1
  125. package/dist/index.cjs +1 -1
  126. package/dist/index.js +55 -56
  127. package/dist/{input-sBZ89wz1.cjs → input-BY9OCQWr.cjs} +1 -1
  128. package/dist/{input-sBZ89wz1.cjs.map → input-BY9OCQWr.cjs.map} +1 -1
  129. package/dist/{input-Dkneo4uA.js → input-Q0fm34Co.js} +1 -1
  130. package/dist/{input-Dkneo4uA.js.map → input-Q0fm34Co.js.map} +1 -1
  131. package/dist/{input-chip-F5NEkkBU.cjs → input-chip-BwNf3GD0.cjs} +1 -1
  132. package/dist/{input-chip-F5NEkkBU.cjs.map → input-chip-BwNf3GD0.cjs.map} +1 -1
  133. package/dist/{input-chip-C1-TYu4v.js → input-chip-CytUirVS.js} +1 -1
  134. package/dist/{input-chip-C1-TYu4v.js.map → input-chip-CytUirVS.js.map} +1 -1
  135. package/dist/input.cjs +1 -1
  136. package/dist/input.js +1 -1
  137. package/dist/json.cjs +1 -1
  138. package/dist/json.js +2 -2
  139. package/dist/kbd.cjs +1 -1
  140. package/dist/kbd.js +1 -1
  141. package/dist/layout.cjs +26 -1
  142. package/dist/layout.cjs.map +1 -0
  143. package/dist/layout.js +115 -2
  144. package/dist/layout.js.map +1 -0
  145. package/dist/{lightbox-D7hYFspE.js → lightbox-Ckvn5YNF.js} +1 -1
  146. package/dist/{lightbox-D7hYFspE.js.map → lightbox-Ckvn5YNF.js.map} +1 -1
  147. package/dist/{lightbox-B4m5lxGs.cjs → lightbox-p2E0oVR0.cjs} +1 -1
  148. package/dist/{lightbox-B4m5lxGs.cjs.map → lightbox-p2E0oVR0.cjs.map} +1 -1
  149. package/dist/lightbox.cjs +1 -1
  150. package/dist/lightbox.js +1 -1
  151. package/dist/{list-Ou72tSeq.js → list-CsrPVvmm.js} +1 -1
  152. package/dist/{list-Ou72tSeq.js.map → list-CsrPVvmm.js.map} +1 -1
  153. package/dist/{list-C2ycz-yr.cjs → list-r57UFHu3.cjs} +1 -1
  154. package/dist/{list-C2ycz-yr.cjs.map → list-r57UFHu3.cjs.map} +1 -1
  155. package/dist/list.cjs +1 -1
  156. package/dist/list.js +1 -1
  157. package/dist/{menu-ComSx-T0.cjs → menu-BOZ2iwed.cjs} +1 -1
  158. package/dist/{menu-ComSx-T0.cjs.map → menu-BOZ2iwed.cjs.map} +1 -1
  159. package/dist/{menu-YHbpRa7x.js → menu-CxE16xur.js} +2 -2
  160. package/dist/{menu-YHbpRa7x.js.map → menu-CxE16xur.js.map} +1 -1
  161. package/dist/menu.cjs +1 -1
  162. package/dist/menu.js +1 -1
  163. package/dist/mixins-DTCHPEd4.cjs +254 -0
  164. package/dist/{mixins-BwGJwK7X.cjs.map → mixins-DTCHPEd4.cjs.map} +1 -1
  165. package/dist/mixins-pU53qf6R.js +636 -0
  166. package/dist/{mixins-B9kY_60p.js.map → mixins-pU53qf6R.js.map} +1 -1
  167. package/dist/mixins.cjs +1 -1
  168. package/dist/mixins.js +1 -1
  169. package/dist/nav-drawer.cjs +1 -1
  170. package/dist/nav-drawer.js +1 -1
  171. package/dist/navigation-bar.cjs +1 -1
  172. package/dist/navigation-bar.js +1 -1
  173. package/dist/navigation-rail.cjs +1 -1
  174. package/dist/navigation-rail.js +1 -1
  175. package/dist/{notification-DZhL0ZEg.cjs → notification-58tkVys8.cjs} +1 -1
  176. package/dist/{notification-DZhL0ZEg.cjs.map → notification-58tkVys8.cjs.map} +1 -1
  177. package/dist/{notification-O4Q5pyio.js → notification-CgTBiAdf.js} +2 -2
  178. package/dist/{notification-O4Q5pyio.js.map → notification-CgTBiAdf.js.map} +1 -1
  179. package/dist/notification.cjs +1 -1
  180. package/dist/notification.js +1 -1
  181. package/dist/{option-C2VKw8Yt.cjs → option-61YE3gub.cjs} +1 -1
  182. package/dist/{option-C2VKw8Yt.cjs.map → option-61YE3gub.cjs.map} +1 -1
  183. package/dist/{option-BCks0a4i.js → option-Bicf6xpI.js} +1 -1
  184. package/dist/{option-BCks0a4i.js.map → option-Bicf6xpI.js.map} +1 -1
  185. package/dist/option.cjs +1 -1
  186. package/dist/option.js +1 -1
  187. package/dist/{overlay-CG1gc1Jw.cjs → overlay-B3gKPWhu.cjs} +2 -2
  188. package/dist/{overlay-CG1gc1Jw.cjs.map → overlay-B3gKPWhu.cjs.map} +1 -1
  189. package/dist/{overlay-C0YSnxoV.js → overlay-D3mdWOLS.js} +7 -4
  190. package/dist/{overlay-C0YSnxoV.js.map → overlay-D3mdWOLS.js.map} +1 -1
  191. package/dist/overlay.cjs +1 -1
  192. package/dist/{overlay.confirm-body-BmOnrKbF.js → overlay.confirm-body-Czi6cMZq.js} +1 -1
  193. package/dist/{overlay.confirm-body-BmOnrKbF.js.map → overlay.confirm-body-Czi6cMZq.js.map} +1 -1
  194. package/dist/{overlay.confirm-body-B-Kmn7LF.cjs → overlay.confirm-body-yr0HzS_d.cjs} +1 -1
  195. package/dist/{overlay.confirm-body-B-Kmn7LF.cjs.map → overlay.confirm-body-yr0HzS_d.cjs.map} +1 -1
  196. package/dist/overlay.js +3 -3
  197. package/dist/{overlay.service-CRoq9Gu-.js → overlay.service-BfZf3xoD.js} +2 -2
  198. package/dist/{overlay.service-CRoq9Gu-.js.map → overlay.service-BfZf3xoD.js.map} +1 -1
  199. package/dist/{overlay.service-BPKV2a8w.cjs → overlay.service-DNs3AWqp.cjs} +1 -1
  200. package/dist/{overlay.service-BPKV2a8w.cjs.map → overlay.service-DNs3AWqp.cjs.map} +1 -1
  201. package/dist/{progress-B9RWAFv5.cjs → progress-D8XZJVl5.cjs} +1 -1
  202. package/dist/{progress-B9RWAFv5.cjs.map → progress-D8XZJVl5.cjs.map} +1 -1
  203. package/dist/{progress-CEEl7vdd.js → progress-Zqx-S9NZ.js} +1 -1
  204. package/dist/{progress-CEEl7vdd.js.map → progress-Zqx-S9NZ.js.map} +1 -1
  205. package/dist/progress.cjs +1 -1
  206. package/dist/progress.js +1 -1
  207. package/dist/{radio-group-VERF_8rC.js → radio-group-D9MU1Mxz.js} +1 -1
  208. package/dist/{radio-group-VERF_8rC.js.map → radio-group-D9MU1Mxz.js.map} +1 -1
  209. package/dist/{radio-group-C2y6H5YY.cjs → radio-group-bl8K4Gls.cjs} +1 -1
  210. package/dist/{radio-group-C2y6H5YY.cjs.map → radio-group-bl8K4Gls.cjs.map} +1 -1
  211. package/dist/radio-group.cjs +1 -1
  212. package/dist/radio-group.js +1 -1
  213. package/dist/range.cjs +1 -1
  214. package/dist/range.js +1 -1
  215. package/dist/{rxjs-utils-Cs6XGwF6.js.map → rxjs-utils-BK8VMe3K.js.map} +1 -1
  216. package/dist/{rxjs-utils-Dsj75cJy.cjs.map → rxjs-utils-DhOKenkS.cjs.map} +1 -1
  217. package/dist/rxjs-utils.cjs +1 -1
  218. package/dist/rxjs-utils.js +1 -1
  219. package/dist/{select-ClJj_2AP.js → select-CMwkl-D6.js} +1 -1
  220. package/dist/{select-ClJj_2AP.js.map → select-CMwkl-D6.js.map} +1 -1
  221. package/dist/{select-CngphfDB.cjs → select-COIfVtZl.cjs} +1 -1
  222. package/dist/{select-CngphfDB.cjs.map → select-COIfVtZl.cjs.map} +1 -1
  223. package/dist/select.cjs +1 -1
  224. package/dist/select.js +1 -1
  225. package/dist/skeleton.cjs +1 -1
  226. package/dist/skeleton.js +1 -1
  227. package/dist/skills/SKILL.md +6 -2
  228. package/dist/skills/area.md +13 -0
  229. package/dist/skills/overlay.md +13 -0
  230. package/dist/skills/page.md +71 -29
  231. package/dist/skills/schmancy/SKILL.md +6 -2
  232. package/dist/skills/schmancy/area.md +13 -0
  233. package/dist/skills/schmancy/overlay.md +13 -0
  234. package/dist/skills/schmancy/page.md +71 -29
  235. package/dist/slider.cjs +1 -1
  236. package/dist/slider.js +1 -1
  237. package/dist/{splash-screen-CntIFk2h.cjs → splash-screen-2hxq8Sft.cjs} +1 -1
  238. package/dist/{splash-screen-CntIFk2h.cjs.map → splash-screen-2hxq8Sft.cjs.map} +1 -1
  239. package/dist/{splash-screen-BQsBy3O1.js → splash-screen-xrMNpzkm.js} +1 -1
  240. package/dist/{splash-screen-BQsBy3O1.js.map → splash-screen-xrMNpzkm.js.map} +1 -1
  241. package/dist/splash-screen.cjs +1 -1
  242. package/dist/splash-screen.js +1 -1
  243. package/dist/{src-BAXhEv8f.js → src-CHd-U-w4.js} +34 -35
  244. package/dist/{src-BAXhEv8f.js.map → src-CHd-U-w4.js.map} +1 -1
  245. package/dist/{src-ChFa-FDD.cjs → src-ggWtvpDr.cjs} +1 -1
  246. package/dist/{src-ChFa-FDD.cjs.map → src-ggWtvpDr.cjs.map} +1 -1
  247. package/dist/steps.cjs +1 -1
  248. package/dist/steps.js +1 -1
  249. package/dist/{surface-CHUJSY1o.js → surface-3nnvlxeE.js} +1 -1
  250. package/dist/{surface-CHUJSY1o.js.map → surface-3nnvlxeE.js.map} +1 -1
  251. package/dist/{surface-CXmQuXun.cjs → surface-BkQ44Wuo.cjs} +1 -1
  252. package/dist/{surface-CXmQuXun.cjs.map → surface-BkQ44Wuo.cjs.map} +1 -1
  253. package/dist/surface.cjs +1 -1
  254. package/dist/surface.js +1 -1
  255. package/dist/switch.cjs +1 -1
  256. package/dist/switch.js +1 -1
  257. package/dist/table.cjs +1 -1
  258. package/dist/table.js +1 -1
  259. package/dist/{tabs-DPVX21WM.js → tabs-CnLIe8nE.js} +1 -1
  260. package/dist/{tabs-DPVX21WM.js.map → tabs-CnLIe8nE.js.map} +1 -1
  261. package/dist/{tabs-Bku0sC0p.cjs → tabs-Dql0rcqZ.cjs} +1 -1
  262. package/dist/{tabs-Bku0sC0p.cjs.map → tabs-Dql0rcqZ.cjs.map} +1 -1
  263. package/dist/tabs.cjs +1 -1
  264. package/dist/tabs.js +1 -1
  265. package/dist/teleport.cjs +1 -1
  266. package/dist/teleport.js +1 -1
  267. package/dist/{textarea-D6z1UZzs.js → textarea-BAogS_Ff.js} +1 -1
  268. package/dist/{textarea-D6z1UZzs.js.map → textarea-BAogS_Ff.js.map} +1 -1
  269. package/dist/{textarea-CqJNviYi.cjs → textarea-CGD6lAEe.cjs} +1 -1
  270. package/dist/{textarea-CqJNviYi.cjs.map → textarea-CGD6lAEe.cjs.map} +1 -1
  271. package/dist/textarea.cjs +1 -1
  272. package/dist/textarea.js +1 -1
  273. package/dist/{theme-DbHfINBV.js → theme-CUK0HrS3.js} +1 -1
  274. package/dist/{theme-DbHfINBV.js.map → theme-CUK0HrS3.js.map} +1 -1
  275. package/dist/{theme-BpKVBJCr.cjs → theme-DKrrQ-ic.cjs} +1 -1
  276. package/dist/{theme-BpKVBJCr.cjs.map → theme-DKrrQ-ic.cjs.map} +1 -1
  277. package/dist/{theme-button-BeU8Nbs2.js → theme-button-Bb8qW2IH.js} +1 -1
  278. package/dist/{theme-button-BeU8Nbs2.js.map → theme-button-Bb8qW2IH.js.map} +1 -1
  279. package/dist/{theme-button-Cof9I85G.cjs → theme-button-CmTwFm3l.cjs} +1 -1
  280. package/dist/{theme-button-Cof9I85G.cjs.map → theme-button-CmTwFm3l.cjs.map} +1 -1
  281. package/dist/theme-button.cjs +1 -1
  282. package/dist/theme-button.js +1 -1
  283. package/dist/theme.cjs +1 -1
  284. package/dist/theme.js +2 -2
  285. package/dist/tree.cjs +1 -1
  286. package/dist/tree.js +1 -1
  287. package/dist/typography.cjs +1 -1
  288. package/dist/typography.js +1 -1
  289. package/dist/{utils-DXE5fBBd.js.map → utils-Cxg0Kfy5.js.map} +1 -1
  290. package/dist/{utils-C-Q8ePtG.cjs.map → utils-aCJYAGUr.cjs.map} +1 -1
  291. package/dist/utils.cjs +1 -1
  292. package/dist/utils.js +1 -1
  293. package/dist/visually-hidden.cjs +1 -1
  294. package/dist/visually-hidden.js +1 -1
  295. package/dist/{window-Cql1aIX2.cjs → window-BbWlaPZv.cjs} +1 -1
  296. package/dist/{window-Cql1aIX2.cjs.map → window-BbWlaPZv.cjs.map} +1 -1
  297. package/dist/{window-DmMNsos0.js → window-DuDAQa6y.js} +1 -1
  298. package/dist/{window-DmMNsos0.js.map → window-DuDAQa6y.js.map} +1 -1
  299. package/dist/window.cjs +1 -1
  300. package/dist/window.js +1 -1
  301. package/package.json +1 -1
  302. package/skills/schmancy/SKILL.md +6 -2
  303. package/skills/schmancy/area.md +13 -0
  304. package/skills/schmancy/overlay.md +13 -0
  305. package/skills/schmancy/page.md +71 -29
  306. package/src/area/area.component.ts +13 -1
  307. package/src/directives/fill.ts +137 -0
  308. package/src/directives/index.ts +2 -0
  309. package/src/directives/overflow-within.ts +186 -0
  310. package/src/index.ts +0 -1
  311. package/src/overlay/index.ts +1 -0
  312. package/src/overlay/overlay.component.ts +9 -0
  313. package/src/overlay/overlay.types.ts +10 -3
  314. package/types/src/directives/fill.d.ts +46 -0
  315. package/types/src/directives/index.d.ts +2 -0
  316. package/types/src/directives/overflow-within.d.ts +77 -0
  317. package/types/src/index.d.ts +0 -1
  318. package/types/src/overlay/index.d.ts +1 -1
  319. package/types/src/overlay/overlay.types.d.ts +9 -3
  320. package/dist/area-C7MNn-3e.cjs.map +0 -1
  321. package/dist/area-CRe41aIG.js.map +0 -1
  322. package/dist/mixins-B9kY_60p.js +0 -636
  323. package/dist/mixins-BwGJwK7X.cjs +0 -254
  324. package/dist/page.cjs +0 -20
  325. package/dist/page.cjs.map +0 -1
  326. package/dist/page.js +0 -74
  327. package/dist/page.js.map +0 -1
  328. package/dist/scroll-Bj7FsS08.js +0 -115
  329. package/dist/scroll-Bj7FsS08.js.map +0 -1
  330. package/dist/scroll-Djz3pJfX.cjs +0 -26
  331. package/dist/scroll-Djz3pJfX.cjs.map +0 -1
  332. package/src/page/index.ts +0 -1
  333. package/src/page/page.ts +0 -137
  334. package/types/src/page/index.d.ts +0 -1
  335. package/types/src/page/page.d.ts +0 -37
  336. /package/dist/{rxjs-utils-Cs6XGwF6.js → rxjs-utils-BK8VMe3K.js} +0 -0
  337. /package/dist/{rxjs-utils-Dsj75cJy.cjs → rxjs-utils-DhOKenkS.cjs} +0 -0
  338. /package/dist/{utils-DXE5fBBd.js → utils-Cxg0Kfy5.js} +0 -0
  339. /package/dist/{utils-C-Q8ePtG.cjs → utils-aCJYAGUr.cjs} +0 -0
package/dist/{iframe-CCcmLZ_K.cjs.map → iframe-BXe1TPx1.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"iframe-CCcmLZ_K.cjs","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private _height = 60\n\tprivate _srcdoc = ''\n\tprivate _iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis._srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis._height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis._iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis._height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis._height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this._iframeRef)}\n\t\t\t.srcdoc=${this._srcdoc}\n\t\t\tstyle=\"height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":"wMAMA,IAwBe,EAAA,cAA6B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,KAWR,GAAA,KAAA,IAGD,GAAA,KAAA,QAtCV;;;;;;;;;;6EAAA,KAAA,QA4Cc,iCAAA,KAAA,UAGE,GAAA,KAAA,QAEb,GAAA,KAAA,QACT,GAAA,KAAA,YAAA,EAAA,EAAA,YAAA,CAAA,OAAA,KAAA,OAzBF,CAAC,EAAA,GAAG;;;;;;;;GA4BpB,WAAqB,EAAA,EAChB,EAAQ,IAAI,OAAA,EAAW,EAAQ,IAAI,MAAA,EAAU,EAAQ,IAAI,UAAA,IAC5D,KAAK,QAAU,KAAK,KAAO,KAAK,aAAA,CAAgB,GAChD,KAAK,QAAU,KAAK,WAItB,QAAkB,EAAA,CACb,EAAQ,IAAI,UAAA,EACf,KAAK,WAAW,OAAO,aAAa,UAAW,KAAK,QAAA,CAItD,aAAA,CAEC,MAAO,0JADQ,KAAK,IAAM,GAAG,KAAK,QAAA,IAAY,KAAK,MAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA,gBAG3C,OAAe,EAAA,CACd,IAAM,EAAS,EAAE,OACjB,GAAA,CACC,IAAM,EAAM,EAAO,gBACnB,GAAA,CAAK,EAAK,OACV,KAAK,QAAU,KAAK,IAAI,EAAI,gBAAgB,aAAc,KAAK,UAAA,MAAA,CAE/D,KAAK,QAAU,KAAK,IAAI,IAAK,KAAK,UAAA,EAIpC,QAAA,CACC,OAAK,KAAK,KACH,EAAA,IAAI;eACJ,KAAK,WAAA,CAAA;aACD,KAAK,QAAA;mBACC,KAAK,QAAA,gBAAwB,KAAK,UAAA;WAC1C,KAAK,OAAA;cALS,EAAA,IAAI,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAnDlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,MAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAEnB,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA1BM,kBAAA,CAAA,CAAkB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
1
+ {"version":3,"file":"iframe-BXe1TPx1.cjs","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private _height = 60\n\tprivate _srcdoc = ''\n\tprivate _iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis._srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis._height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis._iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis._height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis._height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this._iframeRef)}\n\t\t\t.srcdoc=${this._srcdoc}\n\t\t\tstyle=\"height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":"wMAMA,IAwBe,EAAA,cAA6B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,KAWR,GAAA,KAAA,IAGD,GAAA,KAAA,QAtCV;;;;;;;;;;6EAAA,KAAA,QA4Cc,iCAAA,KAAA,UAGE,GAAA,KAAA,QAEb,GAAA,KAAA,QACT,GAAA,KAAA,YAAA,EAAA,EAAA,YAAA,CAAA,OAAA,KAAA,OAzBF,CAAC,EAAA,GAAG;;;;;;;;GA4BpB,WAAqB,EAAA,EAChB,EAAQ,IAAI,OAAA,EAAW,EAAQ,IAAI,MAAA,EAAU,EAAQ,IAAI,UAAA,IAC5D,KAAK,QAAU,KAAK,KAAO,KAAK,aAAA,CAAgB,GAChD,KAAK,QAAU,KAAK,WAItB,QAAkB,EAAA,CACb,EAAQ,IAAI,UAAA,EACf,KAAK,WAAW,OAAO,aAAa,UAAW,KAAK,QAAA,CAItD,aAAA,CAEC,MAAO,0JADQ,KAAK,IAAM,GAAG,KAAK,QAAA,IAAY,KAAK,MAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA,gBAG3C,OAAe,EAAA,CACd,IAAM,EAAS,EAAE,OACjB,GAAA,CACC,IAAM,EAAM,EAAO,gBACnB,GAAA,CAAK,EAAK,OACV,KAAK,QAAU,KAAK,IAAI,EAAI,gBAAgB,aAAc,KAAK,UAAA,MAAA,CAE/D,KAAK,QAAU,KAAK,IAAI,IAAK,KAAK,UAAA,EAIpC,QAAA,CACC,OAAK,KAAK,KACH,EAAA,IAAI;eACJ,KAAK,WAAA,CAAA;aACD,KAAK,QAAA;mBACC,KAAK,QAAA,gBAAwB,KAAK,UAAA;WAC1C,KAAK,OAAA;cALS,EAAA,IAAI,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAnDlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,MAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAEnB,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA1BM,kBAAA,CAAA,CAAkB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
package/dist/{iframe-BbFlCEyP.js → iframe-CByrVlZy.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { c as e } from "./mixins-B9kY_60p.js";
1
+ import { c as e } from "./mixins-pU53qf6R.js";
2
2
  import { a as t } from "./active-host-BP0zy_Y9.js";
3
3
  import { customElement as n, property as r, state as i } from "lit/decorators.js";
4
4
  import { css as a, html as o } from "lit";
package/dist/{iframe-BbFlCEyP.js.map → iframe-CByrVlZy.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"iframe-BbFlCEyP.js","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private _height = 60\n\tprivate _srcdoc = ''\n\tprivate _iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis._srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis._height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis._iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis._height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis._height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this._iframeRef)}\n\t\t\t.srcdoc=${this._srcdoc}\n\t\t\tstyle=\"height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":";;;;;AAMA,IAwBe,IAAA,cAA6B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,EAAA,EAAA,KAAA,OAWR,IAAA,KAAA,MAGD,IAAA,KAAA,UAtCV,27BAAA,KAAA,UA4Cc,kCAAA,KAAA,YAGE,IAAA,KAAA,UAEb,IAAA,KAAA,UACT,IAAA,KAAA,aACG,GAAA;;CAAA;EAAA,KAAA,SA1BL,CAAC,CAAG;;;;;;;;;;CA4BpB,WAAqB,GAAA;EAAA,CAChB,EAAQ,IAAI,OAAA,IAAW,EAAQ,IAAI,MAAA,IAAU,EAAQ,IAAI,UAAA,MAC5D,KAAK,UAAU,KAAK,OAAO,KAAK,aAAA,GAAgB,IAChD,KAAK,UAAU,KAAK;;CAItB,QAAkB,GAAA;EACb,EAAQ,IAAI,UAAA,IACf,KAAK,WAAW,OAAO,aAAa,WAAW,KAAK,QAAA;;CAItD,cAAA;EAEC,OAAO,0JADQ,KAAK,MAAM,GAAG,KAAK,QAAA,IAAY,KAAK,QAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA;;CAG3C,OAAe,GAAA;EACd,IAAM,IAAS,EAAE;EACjB,IAAA;GACC,IAAM,IAAM,EAAO;GACnB,IAAA,CAAK,GAAK;GACV,KAAK,UAAU,KAAK,IAAI,EAAI,gBAAgB,cAAc,KAAK,UAAA;UAAA;GAE/D,KAAK,UAAU,KAAK,IAAI,KAAK,KAAK,UAAA;;;CAIpC,SAAA;EACC,OAAK,KAAK,OACH,CAAI;KACR,EAAI,KAAK,WAAA,CAAA;aACD,KAAK,QAAA;mBACC,KAAK,QAAA,gBAAwB,KAAK,UAAA;WAC1C,KAAK,OAAA;gBALS,CAAI;;;AAAA,EAAA,CAnD3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,OAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAE1B,GAAA,CAAA,EAAO,EAAA,WAAA,WAAA,KAAA,EAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA1BR,EAAc,kBAAA,CAAA,EAAkB,EAAA;AAAA,SAAA,KAAA"}
1
+ {"version":3,"file":"iframe-CByrVlZy.js","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private _height = 60\n\tprivate _srcdoc = ''\n\tprivate _iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis._srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis._height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis._iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis._height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis._height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this._iframeRef)}\n\t\t\t.srcdoc=${this._srcdoc}\n\t\t\tstyle=\"height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":";;;;;AAMA,IAwBe,IAAA,cAA6B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,EAAA,EAAA,KAAA,OAWR,IAAA,KAAA,MAGD,IAAA,KAAA,UAtCV,27BAAA,KAAA,UA4Cc,kCAAA,KAAA,YAGE,IAAA,KAAA,UAEb,IAAA,KAAA,UACT,IAAA,KAAA,aACG,GAAA;;CAAA;EAAA,KAAA,SA1BL,CAAC,CAAG;;;;;;;;;;CA4BpB,WAAqB,GAAA;EAAA,CAChB,EAAQ,IAAI,OAAA,IAAW,EAAQ,IAAI,MAAA,IAAU,EAAQ,IAAI,UAAA,MAC5D,KAAK,UAAU,KAAK,OAAO,KAAK,aAAA,GAAgB,IAChD,KAAK,UAAU,KAAK;;CAItB,QAAkB,GAAA;EACb,EAAQ,IAAI,UAAA,IACf,KAAK,WAAW,OAAO,aAAa,WAAW,KAAK,QAAA;;CAItD,cAAA;EAEC,OAAO,0JADQ,KAAK,MAAM,GAAG,KAAK,QAAA,IAAY,KAAK,QAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA;;CAG3C,OAAe,GAAA;EACd,IAAM,IAAS,EAAE;EACjB,IAAA;GACC,IAAM,IAAM,EAAO;GACnB,IAAA,CAAK,GAAK;GACV,KAAK,UAAU,KAAK,IAAI,EAAI,gBAAgB,cAAc,KAAK,UAAA;UAAA;GAE/D,KAAK,UAAU,KAAK,IAAI,KAAK,KAAK,UAAA;;;CAIpC,SAAA;EACC,OAAK,KAAK,OACH,CAAI;KACR,EAAI,KAAK,WAAA,CAAA;aACD,KAAK,QAAA;mBACC,KAAK,QAAA,gBAAwB,KAAK,UAAA;WAC1C,KAAK,OAAA;gBALS,CAAI;;;AAAA,EAAA,CAnD3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,OAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAE1B,GAAA,CAAA,EAAO,EAAA,WAAA,WAAA,KAAA,EAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA1BR,EAAc,kBAAA,CAAA,EAAkB,EAAA;AAAA,SAAA,KAAA"}
package/dist/iframe.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./iframe-CCcmLZ_K.cjs`);exports.SchmancyIframe=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./iframe-BXe1TPx1.cjs`);exports.SchmancyIframe=e.t;
package/dist/iframe.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./iframe-BbFlCEyP.js";
1
+ import { t as e } from "./iframe-CByrVlZy.js";
2
2
  export { e as SchmancyIframe };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const ee=require(`./mixins-BwGJwK7X.cjs`),e=require(`./active-host-jH3iloCR.cjs`),t=require(`./area-C7MNn-3e.cjs`),n=require(`./lazy-CayEFyC3.cjs`),r=require(`./state-DcGj-pJJ.cjs`),i=require(`./sound.service-DVJZb9ox.cjs`),a=require(`./audio-Cvmemu84.cjs`),te=require(`./search-DPKoC-dT.cjs`),o=require(`./input-chip-F5NEkkBU.cjs`),s=require(`./animation-CCOIW4wJ.cjs`),c=require(`./reduced-motion-Dzfp_w5x.cjs`),l=require(`./cursor-glow-C8LgCxpI.cjs`),u=require(`./theme.service-CnFUmUpc.cjs`),d=require(`./layout-BbCIfIgo.cjs`),f=require(`./magnetic-Bgh7aHHI.cjs`),p=require(`./directives.cjs`),m=require(`./src-ChFa-FDD.cjs`),h=require(`./boat-BHV5kOlN.cjs`),g=require(`./button.cjs`),_=require(`./checkbox-Dz2lkJs0.cjs`),v=require(`./chips-M7Dr2npv.cjs`),ne=require(`./connectivity.cjs`),y=require(`./overlay.service-BPKV2a8w.cjs`),b=require(`./date-range-D2vxD814.cjs`),x=require(`./date-range-inline-C5JuZ_Kw.cjs`),S=require(`./delay.cjs`),C=require(`./details-DmDEInaL.cjs`),w=require(`./discovery.cjs`),T=require(`./dropdown.cjs`),E=require(`./surface-CXmQuXun.cjs`),D=require(`./expand-DV5sWUB6.cjs`),re=require(`./overlay-stack-Dk0xETTy.cjs`),O=require(`./window-Cql1aIX2.cjs`),ie=require(`./float-LyKef0LY.cjs`),k=require(`./form-C_smXI2-.cjs`),A=require(`./input-sBZ89wz1.cjs`),j=require(`./radio-group-C2y6H5YY.cjs`),M=require(`./range.cjs`),N=require(`./theme.interface-D4NeufQA.cjs`),P=require(`./select-CngphfDB.cjs`),F=require(`./switch.cjs`),I=require(`./iframe-CCcmLZ_K.cjs`),L=require(`./notification-DZhL0ZEg.cjs`),R=require(`./json.cjs`),z=require(`./scroll-Djz3pJfX.cjs`),B=require(`./lightbox-B4m5lxGs.cjs`),V=require(`./list-C2ycz-yr.cjs`),H=require(`./navigation-rail.cjs`),U=require(`./overlay-CG1gc1Jw.cjs`),W=require(`./overlay.confirm-body-B-Kmn7LF.cjs`),ae=require(`./page.cjs`),G=require(`./rxjs-utils-Dsj75cJy.cjs`),K=require(`./slider.cjs`),q=require(`./steps.cjs`),J=require(`./table.cjs`),Y=require(`./theme-BpKVBJCr.cjs`),oe=require(`./tooltip.cjs`),se=require(`./tree.cjs`),ce=require(`./types.cjs`),le=require(`./typewriter.cjs`),X=require(`./typography.cjs`),Z=require(`./utils-C-Q8ePtG.cjs`),ue=require(`./avatar.cjs`),Q=require(`./breadcrumb.cjs`),de=require(`./kbd.cjs`),fe=require(`./skeleton.cjs`),pe=require(`./visually-hidden.cjs`);let $=require(`@lit-labs/signals`);exports.$drawer=m.p,exports.$notify=L.r,exports.$sounds=a.t,exports.ANIMATION_CSS_VARS=s.t,exports.BLACKBIRD_EASING=s.n,exports.DISCOVER_EVENT=w.DISCOVER_EVENT,exports.DISCOVER_RESPONSE_EVENT=w.DISCOVER_RESPONSE_EVENT,exports.DURATION_BACKDROP=s.r,exports.DURATION_ENTER=s.i,exports.DURATION_EXIT=s.a,exports.DragDirective=p.DragDirective,exports.DropDirective=p.DropDirective,exports.EASE_IN=s.o,exports.EASE_OUT=s.s,exports.EmotionalSoundGenerator=a.n,exports.FINDING_MORTIES=t.b,exports.GRID_ANIMATION_CSS=s.c,exports.HERE_RICKY=t.x,exports.HISTORY_STRATEGY=t.v,exports.HereMorty=m.n,Object.defineProperty(exports,`List`,{enumerable:!0,get:function(){return V.t}}),exports.Numbers=Z.t,Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return j.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return j.n}}),exports.SCHMANCY_EXPAND_REQUEST_CLOSE=D.t,exports.SPRING_BOUNCY=s.l,exports.SPRING_GENTLE=s.u,exports.SPRING_SMOOTH=s.d,exports.SPRING_SNAPPY=s.f,Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return m.w}}),Object.defineProperty(exports,`SchmancyArea`,{enumerable:!0,get:function(){return t._}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return v.r}}),Object.defineProperty(exports,`SchmancyAvatar`,{enumerable:!0,get:function(){return ue.SchmancyAvatar}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return m.T}}),exports.SchmancyBoat=h.t,Object.defineProperty(exports,`SchmancyBreadcrumb`,{enumerable:!0,get:function(){return Q.SchmancyBreadcrumb}}),Object.defineProperty(exports,`SchmancyBreadcrumbItem`,{enumerable:!0,get:function(){return Q.SchmancyBreadcrumbItem}}),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return g.SchmancyButton}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return _.t}}),exports.SchmancyChip=v.n,exports.SchmancyFilterChip=v.n,Object.defineProperty(exports,`SchmancyConnectivityStatus`,{enumerable:!0,get:function(){return ne.SchmancyConnectivityStatus}}),Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return m._}}),exports.SchmancyContentDrawerID=m.v,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return m.g}}),exports.SchmancyContentDrawerMaxHeight=m.y,exports.SchmancyContentDrawerMinWidth=m.b,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return m.h}}),exports.SchmancyContentDrawerSheetMode=m.x,exports.SchmancyContentDrawerSheetState=m.S,exports.SchmancyContext=r.o,Object.defineProperty(exports,`SchmancyDataTable`,{enumerable:!0,get:function(){return J.SchmancyDataTable}}),Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return b.t}}),exports.SchmancyDateRangeInline=x.t,Object.defineProperty(exports,`SchmancyDelay`,{enumerable:!0,get:function(){return S.SchmancyDelay}}),exports.SchmancyDetails=C.t,Object.defineProperty(exports,`SchmancyDrawerAppbar`,{enumerable:!0,get:function(){return m.f}}),exports.SchmancyDrawerNavbarMode=m.l,exports.SchmancyDrawerNavbarState=m.u,Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return T.SchmancyDropdown}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return T.SchmancyDropdownContent}}),exports.SchmancyEvents=ce.SchmancyEvents,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return D.n}}),exports.SchmancyFloat=ie.t,exports.SchmancyForm=k.n,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return k.t}}),exports.SchmancyGenerateMoodAudioEvent=Y.n,exports.SchmancyIframe=I.t,exports.SchmancyInput=A.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return A.t}}),Object.defineProperty(exports,`SchmancyJson`,{enumerable:!0,get:function(){return R.SchmancyJson}}),Object.defineProperty(exports,`SchmancyKbd`,{enumerable:!0,get:function(){return de.SchmancyKbd}}),Object.defineProperty(exports,`SchmancyLightbox`,{enumerable:!0,get:function(){return B.i}}),Object.defineProperty(exports,`SchmancyListItem`,{enumerable:!0,get:function(){return V.n}}),exports.SchmancyListTypeContext=V.r,Object.defineProperty(exports,`SchmancyNavigationBar`,{enumerable:!0,get:function(){return m.a}}),Object.defineProperty(exports,`SchmancyNavigationBarItem`,{enumerable:!0,get:function(){return m.o}}),Object.defineProperty(exports,`SchmancyNavigationDrawer`,{enumerable:!0,get:function(){return m.c}}),Object.defineProperty(exports,`SchmancyNavigationDrawerContent`,{enumerable:!0,get:function(){return m.d}}),Object.defineProperty(exports,`SchmancyNavigationDrawerSidebar`,{enumerable:!0,get:function(){return m.s}}),Object.defineProperty(exports,`SchmancyNavigationRail`,{enumerable:!0,get:function(){return H.SchmancyNavigationRail}}),Object.defineProperty(exports,`SchmancyNavigationRailItem`,{enumerable:!0,get:function(){return H.SchmancyNavigationRailItem}}),exports.SchmancyNotification=L.i,Object.defineProperty(exports,`SchmancyOverlay`,{enumerable:!0,get:function(){return U.t}}),Object.defineProperty(exports,`SchmancyOverlayPromptBody`,{enumerable:!0,get:function(){return W.t}}),Object.defineProperty(exports,`SchmancyPage`,{enumerable:!0,get:function(){return ae.SchmancyPage}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return M.SchmancyRange}}),Object.defineProperty(exports,`SchmancyRoute`,{enumerable:!0,get:function(){return t.y}}),Object.defineProperty(exports,`SchmancyScroll`,{enumerable:!0,get:function(){return z.t}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return P.t}}),Object.defineProperty(exports,`SchmancySkeleton`,{enumerable:!0,get:function(){return fe.SchmancySkeleton}}),Object.defineProperty(exports,`SchmancySlide`,{enumerable:!0,get:function(){return K.SchmancySlide}}),Object.defineProperty(exports,`SchmancySlider`,{enumerable:!0,get:function(){return K.SchmancySlider}}),Object.defineProperty(exports,`SchmancyStep`,{enumerable:!0,get:function(){return q.SchmancyStep}}),Object.defineProperty(exports,`SchmancyStepsContainer`,{enumerable:!0,get:function(){return q.SchmancyStepsContainer}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return v.t}}),Object.defineProperty(exports,`SchmancySurface`,{enumerable:!0,get:function(){return E.t}}),exports.SchmancySurfaceTypeContext=E.n,Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return F.SchmancySwitch}}),Object.defineProperty(exports,`SchmancyTableRow`,{enumerable:!0,get:function(){return J.SchmancyTableRow}}),Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return m.t}}),exports.SchmancyTheme=N.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return Y.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return Y.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return Y.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return Y.t}}),Object.defineProperty(exports,`SchmancyTree`,{enumerable:!0,get:function(){return se.SchmancyTree}}),Object.defineProperty(exports,`SchmancyTypography`,{enumerable:!0,get:function(){return X.SchmancyTypography}}),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return pe.SchmancyVisuallyHidden}}),exports.SchmancyWindow=O.t,Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return g.SchmnacyIconButton}}),Object.defineProperty(exports,`Signal`,{enumerable:!0,get:function(){return $.Signal}}),exports.StepsController=q.StepsController,exports.ThemeHereIAm=u.r,exports.ThemeWhereAreYou=u.i,exports.WhereAreYouRicky=m.r,exports._activeHost=e.t,exports.animateText=p.animateText,exports.area=t.S,exports.bindState=r.t,exports.buildQueryString=t.t,exports.color=p.color,exports.compareActiveRoutes=t.n,exports.compareCustomElementConstructors=t.r,exports.compareRouteActions=t.i,Object.defineProperty(exports,`computed`,{enumerable:!0,get:function(){return $.computed}}),exports.confirm=y.t,exports.confirmClick=p.confirmClick,exports.createAnimation=s.p,exports.createDarkTonalPaletteFromBaseColor=Y.s,exports.createDismissAnimation=s.m,exports.createLightTonalPaletteFromBaseColor=Y.c,exports.createRevealAnimation=s.h,exports.createRouteCacheKey=t.a,exports.createScaleAnimation=s.g,exports.cursorGlow=l.t,exports.cycleText=p.cycleText,exports.debounce=t.o,exports.decodeData=t.h,exports.decodeRouteState=t.s,exports.deepMerge=t.c,exports.delayContext=S.delayContext,exports.depthOfField=p.depthOfField,exports.discover=w.discover,exports.discoverAllElements=w.discoverAllElements,exports.discoverAnyComponent=w.discoverAnyComponent,exports.discoverComponent=w.discoverComponent,exports.discoverElement=w.discoverElement,exports.dismissAll=y.n,exports.drag=p.drag,exports.drop=p.drop,exports.effect=r.n,exports.encodeData=t.g,exports.encodeRouteState=t.l,exports.extractQueryParams=t.u,exports.flip=B.r,exports.formSubmitState=k.r,exports.formatTheme=Y.l,exports.fromResizeObserver=d.t,exports.fullHeight=d.n,exports.fullWidth=d.r,exports.getEasing=s._,exports.getTagName=t.d,exports.gravity=p.gravity,exports.intersect=p.intersect,exports.intersection$=Z.n,exports.isObject=t.f,exports.lazy=n.t,exports.lightbox=B.t,exports.lightboxDirective=B.n,exports.liquid=p.liquid,exports.livingBorder=p.livingBorder,exports.longPress=p.longPress,exports.magnetic=f.t,exports.mutationObserver=G.t,exports.nebula=p.nebula,exports.normalizeTagName=t.p,exports.notify=L.t,exports.notifyProgress=L.n,exports.observe=r.r,exports.openOverlays$=y.r,exports.overlayEvents=y.i,exports.overlayStack=re.t,exports.prefersReducedMotion=s.v,exports.prompt=y.a,exports.reducedMotion$=c.t,exports.reveal=p.reveal,exports.ripple=p.ripple,exports.routerHistory=t.C,exports.sanitizeRouteState=t.m,exports.schmancyContentDrawer=m.C,exports.schmancyNavDrawer=m.m,exports.schmancySound=i.t,exports.schmancyTheme=u.t,exports.show=y.o,exports.similarity=te.t,exports.sound=i.n,exports.state=r.i,exports.stateFromObservable=r.a,exports.stepsContext=q.stepsContext,exports.tailwindAnimations=s.y,exports.tailwindStyles=Y.o,exports.teleport=m.i,exports.theme=u.n,exports.themeContext=ee.f,exports.tooltip=oe.tooltip,exports.typewriter=le.typewriter,exports.validateInitialDateRange=b.n,exports.windowManager=O.n;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const ee=require(`./mixins-DTCHPEd4.cjs`),e=require(`./active-host-jH3iloCR.cjs`),t=require(`./area-Cbkt0NX4.cjs`),n=require(`./lazy-CayEFyC3.cjs`),r=require(`./state-DcGj-pJJ.cjs`),i=require(`./sound.service-DVJZb9ox.cjs`),a=require(`./audio-Cvmemu84.cjs`),te=require(`./search-DPKoC-dT.cjs`),o=require(`./input-chip-BwNf3GD0.cjs`),s=require(`./animation-CCOIW4wJ.cjs`),c=require(`./reduced-motion-Dzfp_w5x.cjs`),l=require(`./cursor-glow-C8LgCxpI.cjs`),u=require(`./theme.service-CnFUmUpc.cjs`),d=require(`./layout-BbCIfIgo.cjs`),f=require(`./magnetic-Bgh7aHHI.cjs`),p=require(`./directives.cjs`),m=require(`./src-ggWtvpDr.cjs`),h=require(`./boat-BPN8HLzZ.cjs`),g=require(`./button.cjs`),_=require(`./checkbox-BAqE3sTx.cjs`),v=require(`./chips-DS3y4Lbn.cjs`),ne=require(`./connectivity.cjs`),y=require(`./overlay.service-DNs3AWqp.cjs`),b=require(`./date-range-CsJfjbmi.cjs`),x=require(`./date-range-inline-CAa0_4EI.cjs`),S=require(`./delay.cjs`),C=require(`./details-BnXbDpt7.cjs`),w=require(`./discovery.cjs`),T=require(`./dropdown.cjs`),E=require(`./surface-BkQ44Wuo.cjs`),D=require(`./expand-DK-O37-j.cjs`),O=require(`./overlay-stack-Dk0xETTy.cjs`),k=require(`./window-BbWlaPZv.cjs`),re=require(`./float-RWR6Q1Hh.cjs`),A=require(`./form-PioZDvzA.cjs`),j=require(`./input-BY9OCQWr.cjs`),M=require(`./radio-group-bl8K4Gls.cjs`),N=require(`./range.cjs`),P=require(`./theme.interface-D4NeufQA.cjs`),F=require(`./select-COIfVtZl.cjs`),I=require(`./switch.cjs`),L=require(`./iframe-BXe1TPx1.cjs`),R=require(`./notification-58tkVys8.cjs`),z=require(`./json.cjs`),B=require(`./layout.cjs`),V=require(`./lightbox-p2E0oVR0.cjs`),H=require(`./list-r57UFHu3.cjs`),U=require(`./navigation-rail.cjs`),W=require(`./overlay-B3gKPWhu.cjs`),G=require(`./overlay.confirm-body-yr0HzS_d.cjs`),ie=require(`./rxjs-utils-DhOKenkS.cjs`),K=require(`./slider.cjs`),q=require(`./steps.cjs`),J=require(`./table.cjs`),Y=require(`./theme-DKrrQ-ic.cjs`),ae=require(`./tooltip.cjs`),oe=require(`./tree.cjs`),se=require(`./types.cjs`),ce=require(`./typewriter.cjs`),le=require(`./typography.cjs`),X=require(`./utils-aCJYAGUr.cjs`),ue=require(`./avatar.cjs`),Z=require(`./breadcrumb.cjs`),Q=require(`./kbd.cjs`),de=require(`./skeleton.cjs`),fe=require(`./visually-hidden.cjs`);let $=require(`@lit-labs/signals`);exports.$drawer=m.p,exports.$notify=R.r,exports.$sounds=a.t,exports.ANIMATION_CSS_VARS=s.t,exports.BLACKBIRD_EASING=s.n,exports.DISCOVER_EVENT=w.DISCOVER_EVENT,exports.DISCOVER_RESPONSE_EVENT=w.DISCOVER_RESPONSE_EVENT,exports.DURATION_BACKDROP=s.r,exports.DURATION_ENTER=s.i,exports.DURATION_EXIT=s.a,exports.DragDirective=p.DragDirective,exports.DropDirective=p.DropDirective,exports.EASE_IN=s.o,exports.EASE_OUT=s.s,exports.EmotionalSoundGenerator=a.n,exports.FINDING_MORTIES=t.b,exports.GRID_ANIMATION_CSS=s.c,exports.HERE_RICKY=t.x,exports.HISTORY_STRATEGY=t.v,exports.HereMorty=m.n,Object.defineProperty(exports,`List`,{enumerable:!0,get:function(){return H.t}}),exports.Numbers=X.t,Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return M.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return M.n}}),exports.SCHMANCY_EXPAND_REQUEST_CLOSE=D.t,exports.SPRING_BOUNCY=s.l,exports.SPRING_GENTLE=s.u,exports.SPRING_SMOOTH=s.d,exports.SPRING_SNAPPY=s.f,Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return m.w}}),Object.defineProperty(exports,`SchmancyArea`,{enumerable:!0,get:function(){return t._}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return v.r}}),Object.defineProperty(exports,`SchmancyAvatar`,{enumerable:!0,get:function(){return ue.SchmancyAvatar}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return m.T}}),exports.SchmancyBoat=h.t,Object.defineProperty(exports,`SchmancyBreadcrumb`,{enumerable:!0,get:function(){return Z.SchmancyBreadcrumb}}),Object.defineProperty(exports,`SchmancyBreadcrumbItem`,{enumerable:!0,get:function(){return Z.SchmancyBreadcrumbItem}}),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return g.SchmancyButton}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return _.t}}),exports.SchmancyChip=v.n,exports.SchmancyFilterChip=v.n,Object.defineProperty(exports,`SchmancyConnectivityStatus`,{enumerable:!0,get:function(){return ne.SchmancyConnectivityStatus}}),Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return m._}}),exports.SchmancyContentDrawerID=m.v,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return m.g}}),exports.SchmancyContentDrawerMaxHeight=m.y,exports.SchmancyContentDrawerMinWidth=m.b,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return m.h}}),exports.SchmancyContentDrawerSheetMode=m.x,exports.SchmancyContentDrawerSheetState=m.S,exports.SchmancyContext=r.o,Object.defineProperty(exports,`SchmancyDataTable`,{enumerable:!0,get:function(){return J.SchmancyDataTable}}),Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return b.t}}),exports.SchmancyDateRangeInline=x.t,Object.defineProperty(exports,`SchmancyDelay`,{enumerable:!0,get:function(){return S.SchmancyDelay}}),exports.SchmancyDetails=C.t,Object.defineProperty(exports,`SchmancyDrawerAppbar`,{enumerable:!0,get:function(){return m.f}}),exports.SchmancyDrawerNavbarMode=m.l,exports.SchmancyDrawerNavbarState=m.u,Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return T.SchmancyDropdown}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return T.SchmancyDropdownContent}}),exports.SchmancyEvents=se.SchmancyEvents,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return D.n}}),exports.SchmancyFloat=re.t,exports.SchmancyForm=A.n,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return A.t}}),exports.SchmancyGenerateMoodAudioEvent=Y.n,exports.SchmancyIframe=L.t,exports.SchmancyInput=j.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return j.t}}),Object.defineProperty(exports,`SchmancyJson`,{enumerable:!0,get:function(){return z.SchmancyJson}}),Object.defineProperty(exports,`SchmancyKbd`,{enumerable:!0,get:function(){return Q.SchmancyKbd}}),Object.defineProperty(exports,`SchmancyLightbox`,{enumerable:!0,get:function(){return V.i}}),Object.defineProperty(exports,`SchmancyListItem`,{enumerable:!0,get:function(){return H.n}}),exports.SchmancyListTypeContext=H.r,Object.defineProperty(exports,`SchmancyNavigationBar`,{enumerable:!0,get:function(){return m.a}}),Object.defineProperty(exports,`SchmancyNavigationBarItem`,{enumerable:!0,get:function(){return m.o}}),Object.defineProperty(exports,`SchmancyNavigationDrawer`,{enumerable:!0,get:function(){return m.c}}),Object.defineProperty(exports,`SchmancyNavigationDrawerContent`,{enumerable:!0,get:function(){return m.d}}),Object.defineProperty(exports,`SchmancyNavigationDrawerSidebar`,{enumerable:!0,get:function(){return m.s}}),Object.defineProperty(exports,`SchmancyNavigationRail`,{enumerable:!0,get:function(){return U.SchmancyNavigationRail}}),Object.defineProperty(exports,`SchmancyNavigationRailItem`,{enumerable:!0,get:function(){return U.SchmancyNavigationRailItem}}),exports.SchmancyNotification=R.i,Object.defineProperty(exports,`SchmancyOverlay`,{enumerable:!0,get:function(){return W.t}}),Object.defineProperty(exports,`SchmancyOverlayPromptBody`,{enumerable:!0,get:function(){return G.t}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return N.SchmancyRange}}),Object.defineProperty(exports,`SchmancyRoute`,{enumerable:!0,get:function(){return t.y}}),Object.defineProperty(exports,`SchmancyScroll`,{enumerable:!0,get:function(){return B.SchmancyScroll}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return F.t}}),Object.defineProperty(exports,`SchmancySkeleton`,{enumerable:!0,get:function(){return de.SchmancySkeleton}}),Object.defineProperty(exports,`SchmancySlide`,{enumerable:!0,get:function(){return K.SchmancySlide}}),Object.defineProperty(exports,`SchmancySlider`,{enumerable:!0,get:function(){return K.SchmancySlider}}),Object.defineProperty(exports,`SchmancyStep`,{enumerable:!0,get:function(){return q.SchmancyStep}}),Object.defineProperty(exports,`SchmancyStepsContainer`,{enumerable:!0,get:function(){return q.SchmancyStepsContainer}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return v.t}}),Object.defineProperty(exports,`SchmancySurface`,{enumerable:!0,get:function(){return E.t}}),exports.SchmancySurfaceTypeContext=E.n,Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return I.SchmancySwitch}}),Object.defineProperty(exports,`SchmancyTableRow`,{enumerable:!0,get:function(){return J.SchmancyTableRow}}),Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return m.t}}),exports.SchmancyTheme=P.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return Y.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return Y.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return Y.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return Y.t}}),Object.defineProperty(exports,`SchmancyTree`,{enumerable:!0,get:function(){return oe.SchmancyTree}}),Object.defineProperty(exports,`SchmancyTypography`,{enumerable:!0,get:function(){return le.SchmancyTypography}}),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return fe.SchmancyVisuallyHidden}}),exports.SchmancyWindow=k.t,Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return g.SchmnacyIconButton}}),Object.defineProperty(exports,`Signal`,{enumerable:!0,get:function(){return $.Signal}}),exports.StepsController=q.StepsController,exports.ThemeHereIAm=u.r,exports.ThemeWhereAreYou=u.i,exports.WhereAreYouRicky=m.r,exports._activeHost=e.t,exports.animateText=p.animateText,exports.area=t.S,exports.bindState=r.t,exports.buildQueryString=t.t,exports.color=p.color,exports.compareActiveRoutes=t.n,exports.compareCustomElementConstructors=t.r,exports.compareRouteActions=t.i,Object.defineProperty(exports,`computed`,{enumerable:!0,get:function(){return $.computed}}),exports.confirm=y.t,exports.confirmClick=p.confirmClick,exports.createAnimation=s.p,exports.createDarkTonalPaletteFromBaseColor=Y.s,exports.createDismissAnimation=s.m,exports.createLightTonalPaletteFromBaseColor=Y.c,exports.createRevealAnimation=s.h,exports.createRouteCacheKey=t.a,exports.createScaleAnimation=s.g,exports.cursorGlow=l.t,exports.cycleText=p.cycleText,exports.debounce=t.o,exports.decodeData=t.h,exports.decodeRouteState=t.s,exports.deepMerge=t.c,exports.delayContext=S.delayContext,exports.depthOfField=p.depthOfField,exports.discover=w.discover,exports.discoverAllElements=w.discoverAllElements,exports.discoverAnyComponent=w.discoverAnyComponent,exports.discoverComponent=w.discoverComponent,exports.discoverElement=w.discoverElement,exports.dismissAll=y.n,exports.drag=p.drag,exports.drop=p.drop,exports.effect=r.n,exports.encodeData=t.g,exports.encodeRouteState=t.l,exports.extractQueryParams=t.u,exports.fill=p.fill,exports.flip=V.r,exports.formSubmitState=A.r,exports.formatTheme=Y.l,exports.fromResizeObserver=d.t,exports.fullHeight=d.n,exports.fullWidth=d.r,exports.getEasing=s._,exports.getTagName=t.d,exports.gravity=p.gravity,exports.intersect=p.intersect,exports.intersection$=X.n,exports.isObject=t.f,exports.lazy=n.t,exports.lightbox=V.t,exports.lightboxDirective=V.n,exports.liquid=p.liquid,exports.livingBorder=p.livingBorder,exports.longPress=p.longPress,exports.magnetic=f.t,exports.mutationObserver=ie.t,exports.nebula=p.nebula,exports.normalizeTagName=t.p,exports.notify=R.t,exports.notifyProgress=R.n,exports.observe=r.r,exports.openOverlays$=y.r,exports.overflowWithin=p.overflowWithin,exports.overlayEvents=y.i,exports.overlayStack=O.t,exports.prefersReducedMotion=s.v,exports.prompt=y.a,exports.reducedMotion$=c.t,exports.reveal=p.reveal,exports.ripple=p.ripple,exports.routerHistory=t.C,exports.sanitizeRouteState=t.m,exports.schmancyContentDrawer=m.C,exports.schmancyNavDrawer=m.m,exports.schmancySound=i.t,exports.schmancyTheme=u.t,exports.show=y.o,exports.similarity=te.t,exports.sound=i.n,exports.state=r.i,exports.stateFromObservable=r.a,exports.stepsContext=q.stepsContext,exports.tailwindAnimations=s.y,exports.tailwindStyles=Y.o,exports.teleport=m.i,exports.theme=u.n,exports.themeContext=ee.f,exports.tooltip=ae.tooltip,exports.typewriter=ce.typewriter,exports.validateInitialDateRange=b.n,exports.windowManager=k.n;
package/dist/index.js CHANGED
@@ -1,68 +1,67 @@
1
- import { f as ee } from "./mixins-B9kY_60p.js";
1
+ import { f as ee } from "./mixins-pU53qf6R.js";
2
2
  import { t as te } from "./active-host-BP0zy_Y9.js";
3
- import { C as ne, S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./area-CRe41aIG.js";
3
+ import { C as ne, S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./area-Ddk7P5wD.js";
4
4
  import { t as S } from "./lazy-D-bO2r4m.js";
5
5
  import { a as C, c as w, i as T, n as E, o as D, r as O, s as k, t as A } from "./state-CHbIt2Dw.js";
6
6
  import { n as j, t as M } from "./sound.service-v_jqCkos.js";
7
7
  import { n as N, t as P } from "./audio-CxO5a2HL.js";
8
8
  import { t as F } from "./search-MvIBA93K.js";
9
- import { t as I } from "./input-chip-C1-TYu4v.js";
9
+ import { t as I } from "./input-chip-CytUirVS.js";
10
10
  import { _ as L, a as R, c as z, d as B, f as V, g as H, h as U, i as W, l as G, m as K, n as q, o as J, p as Y, r as X, s as Z, t as re, u as ie, v as ae, y as oe } from "./animation-DCznELuT.js";
11
11
  import { t as se } from "./reduced-motion-D7LqTUMn.js";
12
12
  import { t as ce } from "./cursor-glow-Cs2XLDB9.js";
13
13
  import { i as le, n as ue, r as de, t as fe } from "./theme.service-CSzNkqBB.js";
14
14
  import { n as pe, r as me, t as he } from "./layout-Dq2oeOTS.js";
15
15
  import { t as ge } from "./magnetic-DxvoEz8_.js";
16
- import { DragDirective as _e, DropDirective as ve, animateText as ye, color as be, confirmClick as xe, cycleText as Se, depthOfField as Ce, drag as we, drop as Te, gravity as Ee, intersect as De, liquid as Oe, livingBorder as ke, longPress as Ae, nebula as je, reveal as Me, ripple as Ne } from "./directives.js";
17
- import { C as Pe, S as Fe, T as Ie, _ as Le, a as Re, b as ze, c as Be, d as Ve, f as He, g as Ue, h as We, i as Ge, l as Ke, m as qe, n as Je, o as Ye, p as Xe, r as Ze, s as Qe, t as $e, u as et, v as tt, w as nt, x as rt, y as it } from "./src-BAXhEv8f.js";
18
- import { t as at } from "./boat-XajM8A3M.js";
19
- import { SchmancyButton as ot, SchmnacyIconButton as st } from "./button.js";
20
- import { t as ct } from "./checkbox-BDgh4rge.js";
21
- import { n as Q, r as $, t as lt } from "./chips-N7fu0hA4.js";
22
- import { SchmancyConnectivityStatus as ut } from "./connectivity.js";
23
- import { a as dt, i as ft, n as pt, o as mt, r as ht, t as gt } from "./overlay.service-CRoq9Gu-.js";
24
- import { n as _t, t as vt } from "./date-range-DFWOMgI3.js";
25
- import { t as yt } from "./date-range-inline-D3q1OoKk.js";
26
- import { SchmancyDelay as bt, delayContext as xt } from "./delay.js";
27
- import { t as St } from "./details-BrUPmd92.js";
28
- import { DISCOVER_EVENT as Ct, DISCOVER_RESPONSE_EVENT as wt, discover as Tt, discoverAllElements as Et, discoverAnyComponent as Dt, discoverComponent as Ot, discoverElement as kt } from "./discovery.js";
29
- import { SchmancyDropdown as At, SchmancyDropdownContent as jt } from "./dropdown.js";
30
- import { n as Mt, t as Nt } from "./surface-CHUJSY1o.js";
31
- import { n as Pt, t as Ft } from "./expand-C-xSpg7M.js";
32
- import { t as It } from "./overlay-stack-BR4iYivO.js";
33
- import { n as Lt, t as Rt } from "./window-DmMNsos0.js";
34
- import { t as zt } from "./float-Y22yVBE2.js";
35
- import { n as Bt, r as Vt, t as Ht } from "./form-LFkEQkOX.js";
36
- import { n as Ut, t as Wt } from "./input-Dkneo4uA.js";
37
- import { n as Gt, t as Kt } from "./radio-group-VERF_8rC.js";
38
- import { SchmancyRange as qt } from "./range.js";
39
- import { t as Jt } from "./theme.interface-C2XNgsLB.js";
40
- import { t as Yt } from "./select-ClJj_2AP.js";
41
- import { SchmancySwitch as Xt } from "./switch.js";
42
- import { t as Zt } from "./iframe-BbFlCEyP.js";
43
- import { i as Qt, n as $t, r as en, t as tn } from "./notification-O4Q5pyio.js";
44
- import { SchmancyJson as nn } from "./json.js";
45
- import { t as rn } from "./scroll-Bj7FsS08.js";
46
- import { i as an, n as on, r as sn, t as cn } from "./lightbox-D7hYFspE.js";
47
- import { n as ln, r as un, t as dn } from "./list-Ou72tSeq.js";
48
- import { SchmancyNavigationRail as fn, SchmancyNavigationRailItem as pn } from "./navigation-rail.js";
49
- import { t as mn } from "./overlay-C0YSnxoV.js";
50
- import { t as hn } from "./overlay.confirm-body-BmOnrKbF.js";
51
- import { SchmancyPage as gn } from "./page.js";
52
- import { t as _n } from "./rxjs-utils-Cs6XGwF6.js";
53
- import { SchmancySlide as vn, SchmancySlider as yn } from "./slider.js";
54
- import { SchmancyStep as bn, SchmancyStepsContainer as xn, StepsController as Sn, stepsContext as Cn } from "./steps.js";
55
- import { SchmancyDataTable as wn, SchmancyTableRow as Tn } from "./table.js";
56
- import { a as En, c as Dn, i as On, l as kn, n as An, o as jn, r as Mn, s as Nn, t as Pn } from "./theme-DbHfINBV.js";
57
- import { tooltip as Fn } from "./tooltip.js";
58
- import { SchmancyTree as In } from "./tree.js";
59
- import { SchmancyEvents as Ln } from "./types.js";
60
- import { typewriter as Rn } from "./typewriter.js";
61
- import { SchmancyTypography as zn } from "./typography.js";
62
- import { n as Bn, t as Vn } from "./utils-DXE5fBBd.js";
63
- import { SchmancyAvatar as Hn } from "./avatar.js";
64
- import { SchmancyBreadcrumb as Un, SchmancyBreadcrumbItem as Wn } from "./breadcrumb.js";
65
- import { SchmancyKbd as Gn } from "./kbd.js";
66
- import { SchmancySkeleton as Kn } from "./skeleton.js";
67
- import { SchmancyVisuallyHidden as qn } from "./visually-hidden.js";
68
- export { Xe as $drawer, en as $notify, P as $sounds, re as ANIMATION_CSS_VARS, q as BLACKBIRD_EASING, Ct as DISCOVER_EVENT, wt as DISCOVER_RESPONSE_EVENT, X as DURATION_BACKDROP, W as DURATION_ENTER, R as DURATION_EXIT, _e as DragDirective, ve as DropDirective, J as EASE_IN, Z as EASE_OUT, N as EmotionalSoundGenerator, r as FINDING_MORTIES, z as GRID_ANIMATION_CSS, b as HERE_RICKY, y as HISTORY_STRATEGY, Je as HereMorty, dn as List, Vn as Numbers, Kt as RadioButton, Gt as RadioGroup, Ft as SCHMANCY_EXPAND_REQUEST_CLOSE, G as SPRING_BOUNCY, ie as SPRING_GENTLE, B as SPRING_SMOOTH, V as SPRING_SNAPPY, nt as ScBadgeV2, t as SchmancyArea, $ as SchmancyAssistChip, Hn as SchmancyAvatar, Ie as SchmancyBadgeV2, at as SchmancyBoat, Un as SchmancyBreadcrumb, Wn as SchmancyBreadcrumbItem, ot as SchmancyButton, ct as SchmancyCheckbox, Q as SchmancyChip, Q as SchmancyFilterChip, ut as SchmancyConnectivityStatus, Le as SchmancyContentDrawer, tt as SchmancyContentDrawerID, Ue as SchmancyContentDrawerMain, it as SchmancyContentDrawerMaxHeight, ze as SchmancyContentDrawerMinWidth, We as SchmancyContentDrawerSheet, rt as SchmancyContentDrawerSheetMode, Fe as SchmancyContentDrawerSheetState, w as SchmancyContext, wn as SchmancyDataTable, vt as SchmancyDateRange, yt as SchmancyDateRangeInline, bt as SchmancyDelay, St as SchmancyDetails, He as SchmancyDrawerAppbar, Ke as SchmancyDrawerNavbarMode, et as SchmancyDrawerNavbarState, At as SchmancyDropdown, jt as SchmancyDropdownContent, Ln as SchmancyEvents, Pt as SchmancyExpandRoot, zt as SchmancyFloat, Bt as SchmancyForm, Ht as SchmancyFormSummary, An as SchmancyGenerateMoodAudioEvent, Zt as SchmancyIframe, Ut as SchmancyInput, I as SchmancyInputChip, Wt as SchmancyInputCompat, nn as SchmancyJson, Gn as SchmancyKbd, an as SchmancyLightbox, ln as SchmancyListItem, un as SchmancyListTypeContext, Re as SchmancyNavigationBar, Ye as SchmancyNavigationBarItem, Be as SchmancyNavigationDrawer, Ve as SchmancyNavigationDrawerContent, Qe as SchmancyNavigationDrawerSidebar, fn as SchmancyNavigationRail, pn as SchmancyNavigationRailItem, Qt as SchmancyNotification, mn as SchmancyOverlay, hn as SchmancyOverlayPromptBody, gn as SchmancyPage, qt as SchmancyRange, x as SchmancyRoute, rn as SchmancyScroll, Yt as SchmancySelect, Kn as SchmancySkeleton, vn as SchmancySlide, yn as SchmancySlider, bn as SchmancyStep, xn as SchmancyStepsContainer, lt as SchmancySuggestionChip, Nt as SchmancySurface, Mt as SchmancySurfaceTypeContext, Xt as SchmancySwitch, Tn as SchmancyTableRow, $e as SchmancyTeleportation, Jt as SchmancyTheme, Mn as SchmancyThemeAudioPlayer, En as SchmancyThemeComponent, On as SchmancyThemeController, Pn as SchmancyThemeControllerBoat, In as SchmancyTree, zn as SchmancyTypography, qn as SchmancyVisuallyHidden, Rt as SchmancyWindow, st as SchmnacyIconButton, A as Signal, Sn as StepsController, de as ThemeHereIAm, le as ThemeWhereAreYou, Ze as WhereAreYouRicky, te as _activeHost, ye as animateText, e as area, E as bindState, _ as buildQueryString, be as color, f as compareActiveRoutes, h as compareCustomElementConstructors, l as compareRouteActions, O as computed, gt as confirm, xe as confirmClick, Y as createAnimation, Nn as createDarkTonalPaletteFromBaseColor, K as createDismissAnimation, Dn as createLightTonalPaletteFromBaseColor, U as createRevealAnimation, n as createRouteCacheKey, H as createScaleAnimation, ce as cursorGlow, Se as cycleText, p as debounce, c as decodeData, g as decodeRouteState, i as deepMerge, xt as delayContext, Ce as depthOfField, Tt as discover, Et as discoverAllElements, Dt as discoverAnyComponent, Ot as discoverComponent, kt as discoverElement, pt as dismissAll, we as drag, Te as drop, T as effect, s as encodeData, u as encodeRouteState, v as extractQueryParams, sn as flip, Vt as formSubmitState, kn as formatTheme, he as fromResizeObserver, pe as fullHeight, me as fullWidth, L as getEasing, a as getTagName, Ee as gravity, De as intersect, Bn as intersection$, o as isObject, S as lazy, cn as lightbox, on as lightboxDirective, Oe as liquid, ke as livingBorder, Ae as longPress, ge as magnetic, _n as mutationObserver, je as nebula, m as normalizeTagName, tn as notify, $t as notifyProgress, C as observe, ht as openOverlays$, ft as overlayEvents, It as overlayStack, ae as prefersReducedMotion, dt as prompt, se as reducedMotion$, Me as reveal, Ne as ripple, ne as routerHistory, d as sanitizeRouteState, Pe as schmancyContentDrawer, qe as schmancyNavDrawer, M as schmancySound, fe as schmancyTheme, mt as show, F as similarity, j as sound, D as state, k as stateFromObservable, Cn as stepsContext, oe as tailwindAnimations, jn as tailwindStyles, Ge as teleport, ue as theme, ee as themeContext, Fn as tooltip, Rn as typewriter, _t as validateInitialDateRange, Lt as windowManager };
16
+ import { DragDirective as _e, DropDirective as ve, animateText as ye, color as be, confirmClick as xe, cycleText as Se, depthOfField as Ce, drag as we, drop as Te, fill as Ee, gravity as De, intersect as Oe, liquid as ke, livingBorder as Ae, longPress as je, nebula as Me, overflowWithin as Ne, reveal as Pe, ripple as Fe } from "./directives.js";
17
+ import { C as Ie, S as Le, T as Re, _ as ze, a as Be, b as Ve, c as He, d as Ue, f as We, g as Ge, h as Ke, i as qe, l as Je, m as Ye, n as Xe, o as Ze, p as Qe, r as $e, s as et, t as tt, u as nt, v as rt, w as it, x as at, y as ot } from "./src-CHd-U-w4.js";
18
+ import { t as st } from "./boat-BF5P6p_f.js";
19
+ import { SchmancyButton as ct, SchmnacyIconButton as lt } from "./button.js";
20
+ import { t as Q } from "./checkbox-BNdg57Om.js";
21
+ import { n as $, r as ut, t as dt } from "./chips-DnqLaOb1.js";
22
+ import { SchmancyConnectivityStatus as ft } from "./connectivity.js";
23
+ import { a as pt, i as mt, n as ht, o as gt, r as _t, t as vt } from "./overlay.service-BfZf3xoD.js";
24
+ import { n as yt, t as bt } from "./date-range-aPSmSBhk.js";
25
+ import { t as xt } from "./date-range-inline-PeRt1iIF.js";
26
+ import { SchmancyDelay as St, delayContext as Ct } from "./delay.js";
27
+ import { t as wt } from "./details-BpFjVclg.js";
28
+ import { DISCOVER_EVENT as Tt, DISCOVER_RESPONSE_EVENT as Et, discover as Dt, discoverAllElements as Ot, discoverAnyComponent as kt, discoverComponent as At, discoverElement as jt } from "./discovery.js";
29
+ import { SchmancyDropdown as Mt, SchmancyDropdownContent as Nt } from "./dropdown.js";
30
+ import { n as Pt, t as Ft } from "./surface-3nnvlxeE.js";
31
+ import { n as It, t as Lt } from "./expand-BJiKggfg.js";
32
+ import { t as Rt } from "./overlay-stack-BR4iYivO.js";
33
+ import { n as zt, t as Bt } from "./window-DuDAQa6y.js";
34
+ import { t as Vt } from "./float-B4FDN40h.js";
35
+ import { n as Ht, r as Ut, t as Wt } from "./form-Bz5WamuM.js";
36
+ import { n as Gt, t as Kt } from "./input-Q0fm34Co.js";
37
+ import { n as qt, t as Jt } from "./radio-group-D9MU1Mxz.js";
38
+ import { SchmancyRange as Yt } from "./range.js";
39
+ import { t as Xt } from "./theme.interface-C2XNgsLB.js";
40
+ import { t as Zt } from "./select-CMwkl-D6.js";
41
+ import { SchmancySwitch as Qt } from "./switch.js";
42
+ import { t as $t } from "./iframe-CByrVlZy.js";
43
+ import { i as en, n as tn, r as nn, t as rn } from "./notification-CgTBiAdf.js";
44
+ import { SchmancyJson as an } from "./json.js";
45
+ import { SchmancyScroll as on } from "./layout.js";
46
+ import { i as sn, n as cn, r as ln, t as un } from "./lightbox-Ckvn5YNF.js";
47
+ import { n as dn, r as fn, t as pn } from "./list-CsrPVvmm.js";
48
+ import { SchmancyNavigationRail as mn, SchmancyNavigationRailItem as hn } from "./navigation-rail.js";
49
+ import { t as gn } from "./overlay-D3mdWOLS.js";
50
+ import { t as _n } from "./overlay.confirm-body-Czi6cMZq.js";
51
+ import { t as vn } from "./rxjs-utils-BK8VMe3K.js";
52
+ import { SchmancySlide as yn, SchmancySlider as bn } from "./slider.js";
53
+ import { SchmancyStep as xn, SchmancyStepsContainer as Sn, StepsController as Cn, stepsContext as wn } from "./steps.js";
54
+ import { SchmancyDataTable as Tn, SchmancyTableRow as En } from "./table.js";
55
+ import { a as Dn, c as On, i as kn, l as An, n as jn, o as Mn, r as Nn, s as Pn, t as Fn } from "./theme-CUK0HrS3.js";
56
+ import { tooltip as In } from "./tooltip.js";
57
+ import { SchmancyTree as Ln } from "./tree.js";
58
+ import { SchmancyEvents as Rn } from "./types.js";
59
+ import { typewriter as zn } from "./typewriter.js";
60
+ import { SchmancyTypography as Bn } from "./typography.js";
61
+ import { n as Vn, t as Hn } from "./utils-Cxg0Kfy5.js";
62
+ import { SchmancyAvatar as Un } from "./avatar.js";
63
+ import { SchmancyBreadcrumb as Wn, SchmancyBreadcrumbItem as Gn } from "./breadcrumb.js";
64
+ import { SchmancyKbd as Kn } from "./kbd.js";
65
+ import { SchmancySkeleton as qn } from "./skeleton.js";
66
+ import { SchmancyVisuallyHidden as Jn } from "./visually-hidden.js";
67
+ export { Qe as $drawer, nn as $notify, P as $sounds, re as ANIMATION_CSS_VARS, q as BLACKBIRD_EASING, Tt as DISCOVER_EVENT, Et as DISCOVER_RESPONSE_EVENT, X as DURATION_BACKDROP, W as DURATION_ENTER, R as DURATION_EXIT, _e as DragDirective, ve as DropDirective, J as EASE_IN, Z as EASE_OUT, N as EmotionalSoundGenerator, r as FINDING_MORTIES, z as GRID_ANIMATION_CSS, b as HERE_RICKY, y as HISTORY_STRATEGY, Xe as HereMorty, pn as List, Hn as Numbers, Jt as RadioButton, qt as RadioGroup, Lt as SCHMANCY_EXPAND_REQUEST_CLOSE, G as SPRING_BOUNCY, ie as SPRING_GENTLE, B as SPRING_SMOOTH, V as SPRING_SNAPPY, it as ScBadgeV2, t as SchmancyArea, ut as SchmancyAssistChip, Un as SchmancyAvatar, Re as SchmancyBadgeV2, st as SchmancyBoat, Wn as SchmancyBreadcrumb, Gn as SchmancyBreadcrumbItem, ct as SchmancyButton, Q as SchmancyCheckbox, $ as SchmancyChip, $ as SchmancyFilterChip, ft as SchmancyConnectivityStatus, ze as SchmancyContentDrawer, rt as SchmancyContentDrawerID, Ge as SchmancyContentDrawerMain, ot as SchmancyContentDrawerMaxHeight, Ve as SchmancyContentDrawerMinWidth, Ke as SchmancyContentDrawerSheet, at as SchmancyContentDrawerSheetMode, Le as SchmancyContentDrawerSheetState, w as SchmancyContext, Tn as SchmancyDataTable, bt as SchmancyDateRange, xt as SchmancyDateRangeInline, St as SchmancyDelay, wt as SchmancyDetails, We as SchmancyDrawerAppbar, Je as SchmancyDrawerNavbarMode, nt as SchmancyDrawerNavbarState, Mt as SchmancyDropdown, Nt as SchmancyDropdownContent, Rn as SchmancyEvents, It as SchmancyExpandRoot, Vt as SchmancyFloat, Ht as SchmancyForm, Wt as SchmancyFormSummary, jn as SchmancyGenerateMoodAudioEvent, $t as SchmancyIframe, Gt as SchmancyInput, I as SchmancyInputChip, Kt as SchmancyInputCompat, an as SchmancyJson, Kn as SchmancyKbd, sn as SchmancyLightbox, dn as SchmancyListItem, fn as SchmancyListTypeContext, Be as SchmancyNavigationBar, Ze as SchmancyNavigationBarItem, He as SchmancyNavigationDrawer, Ue as SchmancyNavigationDrawerContent, et as SchmancyNavigationDrawerSidebar, mn as SchmancyNavigationRail, hn as SchmancyNavigationRailItem, en as SchmancyNotification, gn as SchmancyOverlay, _n as SchmancyOverlayPromptBody, Yt as SchmancyRange, x as SchmancyRoute, on as SchmancyScroll, Zt as SchmancySelect, qn as SchmancySkeleton, yn as SchmancySlide, bn as SchmancySlider, xn as SchmancyStep, Sn as SchmancyStepsContainer, dt as SchmancySuggestionChip, Ft as SchmancySurface, Pt as SchmancySurfaceTypeContext, Qt as SchmancySwitch, En as SchmancyTableRow, tt as SchmancyTeleportation, Xt as SchmancyTheme, Nn as SchmancyThemeAudioPlayer, Dn as SchmancyThemeComponent, kn as SchmancyThemeController, Fn as SchmancyThemeControllerBoat, Ln as SchmancyTree, Bn as SchmancyTypography, Jn as SchmancyVisuallyHidden, Bt as SchmancyWindow, lt as SchmnacyIconButton, A as Signal, Cn as StepsController, de as ThemeHereIAm, le as ThemeWhereAreYou, $e as WhereAreYouRicky, te as _activeHost, ye as animateText, e as area, E as bindState, _ as buildQueryString, be as color, f as compareActiveRoutes, h as compareCustomElementConstructors, l as compareRouteActions, O as computed, vt as confirm, xe as confirmClick, Y as createAnimation, Pn as createDarkTonalPaletteFromBaseColor, K as createDismissAnimation, On as createLightTonalPaletteFromBaseColor, U as createRevealAnimation, n as createRouteCacheKey, H as createScaleAnimation, ce as cursorGlow, Se as cycleText, p as debounce, c as decodeData, g as decodeRouteState, i as deepMerge, Ct as delayContext, Ce as depthOfField, Dt as discover, Ot as discoverAllElements, kt as discoverAnyComponent, At as discoverComponent, jt as discoverElement, ht as dismissAll, we as drag, Te as drop, T as effect, s as encodeData, u as encodeRouteState, v as extractQueryParams, Ee as fill, ln as flip, Ut as formSubmitState, An as formatTheme, he as fromResizeObserver, pe as fullHeight, me as fullWidth, L as getEasing, a as getTagName, De as gravity, Oe as intersect, Vn as intersection$, o as isObject, S as lazy, un as lightbox, cn as lightboxDirective, ke as liquid, Ae as livingBorder, je as longPress, ge as magnetic, vn as mutationObserver, Me as nebula, m as normalizeTagName, rn as notify, tn as notifyProgress, C as observe, _t as openOverlays$, Ne as overflowWithin, mt as overlayEvents, Rt as overlayStack, ae as prefersReducedMotion, pt as prompt, se as reducedMotion$, Pe as reveal, Fe as ripple, ne as routerHistory, d as sanitizeRouteState, Ie as schmancyContentDrawer, Ye as schmancyNavDrawer, M as schmancySound, fe as schmancyTheme, gt as show, F as similarity, j as sound, D as state, k as stateFromObservable, wn as stepsContext, oe as tailwindAnimations, Mn as tailwindStyles, qe as teleport, ue as theme, ee as themeContext, In as tooltip, zn as typewriter, yt as validateInitialDateRange, zt as windowManager };
package/dist/{input-sBZ89wz1.cjs → input-BY9OCQWr.cjs} RENAMED
@@ -1,4 +1,4 @@
1
- require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BwGJwK7X.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/ref.js`),s=require(`lit/directives/when.js`);var c,l=class extends e.o((0,i.unsafeCSS)(`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-DTCHPEd4.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/ref.js`),s=require(`lit/directives/when.js`);var c,l=class extends e.o((0,i.unsafeCSS)(`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  :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;transition:box-shadow .3s cubic-bezier(.34,1.56,.64,1),border-color .2s}input:focus{box-shadow:0 0 0 1px var(--schmancy-sys-color-secondary-default), 0 0 16px -4px var(--schmancy-sys-color-secondary-default)}@supports (color:color-mix(in lab, red, red)){input:focus{box-shadow:0 0 0 1px var(--schmancy-sys-color-secondary-default), 0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-secondary-default) 20%, transparent)}}input[aria-invalid=true]{box-shadow:0 0 12px -4px var(--schmancy-sys-color-error-default)}@supports (color:color-mix(in lab, red, red)){input[aria-invalid=true]{box-shadow:0 0 12px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 15%, transparent)}}input[aria-invalid=true]:focus{box-shadow:0 0 0 1px var(--schmancy-sys-color-error-default), 0 0 16px -4px var(--schmancy-sys-color-error-default)}@supports (color:color-mix(in lab, red, red)){input[aria-invalid=true]:focus{box-shadow:0 0 0 1px var(--schmancy-sys-color-error-default), 0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 25%, transparent)}}@media (prefers-reduced-motion:reduce){input{transition:none}}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}}`)){static{c=this}constructor(...e){super(...e),this.value=``,this.type=`text`,this.placeholder=``,this.clickable=!1,this.spellcheck=!1,this.align=`left`,this.step=`any`,this.autofocus=!1,this.autocomplete=`on`,this.tabIndex=0,this.size=`md`,this.inputRef=(0,o.createRef)(),this.isAutofilled=!1}static{this._idCounter=0}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0}}willUpdate(e){this.id||=`sch-input-`+ c._idCounter++,super.willUpdate(e)}connectedCallback(){super.connectedCallback(),this.setupExternalLabelAssociation()}setupExternalLabelAssociation(){if(this.id){let e=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{(0,n.fromEvent)(e,`click`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(()=>{this.focus()})})};document.readyState===`complete`?e():(0,n.fromEvent)(document,`DOMContentLoaded`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(e)}}updated(e){super.updated?.(e),(e.has(`value`)||e.has(`required`)||e.has(`type`)||e.has(`pattern`)||e.has(`min`)||e.has(`max`)||e.has(`minlength`)||e.has(`maxlength`))&&this.checkValidity()}_firstMatchingErrorMessage(e){let t=this.errorMessages;if(t)return e.valueMissing&&t.valueMissing?t.valueMissing:e.typeMismatch&&t.typeMismatch?t.typeMismatch:e.patternMismatch&&t.patternMismatch?t.patternMismatch:e.tooShort&&t.tooShort?t.tooShort:e.tooLong&&t.tooLong?t.tooLong:e.rangeUnderflow&&t.rangeUnderflow?t.rangeUnderflow:e.rangeOverflow&&t.rangeOverflow?t.rangeOverflow:e.stepMismatch&&t.stepMismatch?t.stepMismatch:e.badInput&&t.badInput?t.badInput:void 0}checkValidity(){let e=this.inputElement??this.inputRef.value,t=e?.validity;if(t&&!t.valid){let n={valueMissing:t.valueMissing||void 0,typeMismatch:t.typeMismatch||void 0,patternMismatch:t.patternMismatch||void 0,tooShort:t.tooShort||void 0,tooLong:t.tooLong||void 0,rangeUnderflow:t.rangeUnderflow||void 0,rangeOverflow:t.rangeOverflow||void 0,stepMismatch:t.stepMismatch||void 0,badInput:t.badInput||void 0,customError:t.customError||void 0},r=this._firstMatchingErrorMessage(t);if(this.internals?.setValidity(n,r||e.validationMessage||this.validationMessage||`Invalid value`),this._shouldShowError()){this.error=!0;let n=r||e.validationMessage;n&&(this.validationMessage=n);for(let e of[`value-missing`,`type-mismatch`,`pattern-mismatch`,`too-short`,`too-long`,`range-underflow`,`range-overflow`,`step-mismatch`,`bad-input`])this.internals?.states.delete(e);t.valueMissing&&this.internals?.states.add(`value-missing`),t.typeMismatch&&this.internals?.states.add(`type-mismatch`),t.patternMismatch&&this.internals?.states.add(`pattern-mismatch`),t.tooShort&&this.internals?.states.add(`too-short`),t.tooLong&&this.internals?.states.add(`too-long`),t.rangeUnderflow&&this.internals?.states.add(`range-underflow`),t.rangeOverflow&&this.internals?.states.add(`range-overflow`),t.stepMismatch&&this.internals?.states.add(`step-mismatch`),t.badInput&&this.internals?.states.add(`bad-input`)}return!1}let n=super.checkValidity();if(n)for(let e of[`value-missing`,`type-mismatch`,`pattern-mismatch`,`too-short`,`too-long`,`range-underflow`,`range-overflow`,`step-mismatch`,`bad-input`])this.internals?.states.delete(e);return n}reportValidity(){this.markSubmitted();let e=this.inputRef.value?.reportValidity()??!0,t=super.reportValidity();return e&&t}setCustomValidity(e){this.inputRef.value&&this.inputRef.value.setCustomValidity(e),super.setCustomValidity(e)}firstUpdated(){this.autofocus&&(0,n.timer)(0).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(()=>this.focus()),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){(0,n.fromEvent)(this.inputElement,`input`).pipe((0,n.map)(e=>{e.stopPropagation();let t=e;return{value:e.target.value,inputType:t.inputType,data:t.data,isComposing:t.isComposing,originalEvent:e}}),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e.value;let t=new CustomEvent(`input`,{detail:{value:e.value},bubbles:!0,composed:!0});Object.defineProperties(t,{inputType:{value:e.inputType},data:{value:e.data},isComposing:{value:e.isComposing}}),this.dispatchEvent(t)}),(0,n.fromEvent)(this.inputElement,`change`).pipe((0,n.map)(e=>(e.stopPropagation(),e.target.value)),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.emitChange({value:e})})}setupFocusBlurEvents(){(0,n.fromEvent)(this.inputElement,`focus`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(e=>{let t=new CustomEvent(`focus`,{bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed});Object.defineProperties(t,{relatedTarget:{value:e.relatedTarget}}),this.dispatchEvent(t)}),(0,n.fromEvent)(this.inputElement,`blur`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.markTouched();let t=new CustomEvent(`blur`,{bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed});Object.defineProperties(t,{relatedTarget:{value:e.relatedTarget}}),this.dispatchEvent(t)})}setupAutofillDetection(){(0,n.fromEvent)(this.inputElement,`animationstart`).pipe((0,n.filter)(e=>e.animationName===`onAutoFillStart`),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{let{value:t}=e.target;this.value=t,this.isAutofilled=!0,this.dispatchEvent(new CustomEvent(`autofill`,{detail:{value:t},bubbles:!0,composed:!0})),this.emitChange({value:t})}),(0,n.fromEvent)(this.inputElement,`animationstart`).pipe((0,n.filter)(e=>e.animationName===`onAutoFillCancel`),(0,n.takeUntil)(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){(0,n.fromEvent)(this.inputElement,`keydown`).pipe((0,n.filter)(e=>e.key===`Enter`),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{let{value:t}=e.target;this.value!==t&&(this.value=t),this.inputElement.blur();let 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(e,t,n){this.inputRef.value?.setSelectionRange(e,t,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(e,t,n,r){t!==void 0&&n!==void 0?this.inputRef.value?.setRangeText(e,t,n,r):this.inputRef.value?.setRangeText(e)}focus(e){this.inputRef.value?.focus(e),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(){let{height:e,padding:t,fontSize:n}=(()=>{switch(this.size){case`xxs`:return{height:`24px`,padding:`0 8px`,fontSize:`0.625rem`};case`xs`:return{height:`32px`,padding:`0 12px`,fontSize:`0.75rem`};case`sm`:return{height:`40px`,padding:`0 16px`,fontSize:`0.875rem`};case`lg`:return{height:`56px`,padding:`0 20px`,fontSize:`1rem`};default:return{height:`48px`,padding:`0 16px`,fontSize:`0.875rem`}}})(),r=[`date`,`datetime-local`,`time`,`month`,`week`].includes(this.type),c={"block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on":!0,"border-outline":!this.error,"border-error-default":this.error,"outline-secondary-default focus:outline-1 focus:border-secondary-default":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 focus:ring-1 focus:ring-inset":!0,"focus:ring-secondary-default":!this.error,"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-[10px]":this.size===`xxs`,"text-xs":this.size===`xs`,"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},u={height:e,padding:t,fontSize:n,lineHeight:e};return i.html`
3
3
  <div class="w-full min-w-0 ${r?`date-input-container`:``}">
4
4
  ${(0,s.when)(this.label,()=>i.html`
package/dist/{input-sBZ89wz1.cjs.map → input-BY9OCQWr.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"input-sBZ89wz1.cjs","names":[],"sources":["../src/form/fields/input/input.scss?inline","../src/form/fields/input/input.ts"],"sourcesContent":[" @reference \"tailwindcss\";\n\n:host {\n\t@apply block w-full min-w-0;\n\t/* Ensure no constraints on mobile */\n\tmax-width: 100%;\n\tbox-sizing: border-box;\n}\n\n/* Date input container needs special handling on mobile */\n.date-input-container {\n\t@apply w-full;\n\t/* Explicit width for mobile Safari */\n\twidth: 100% !important;\n\tmax-width: 100% !important;\n\tmin-width: 0;\n}\n\n/* Reset native input styles for consistency */\ninput {\n\t/* Remove all native styling */\n\t@apply appearance-none rounded-[8px];\n\t/* Prevent Safari zoom on focus */\n\tfont-size: 16px;\n\twidth: -webkit-fill-available;\n\t/* Ensure border radius is applied */\n\tborder-radius: 8px;\n\t/* Smooth transitions for luminous focus */\n\ttransition:\n\t\tbox-shadow 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\tborder-color 200ms ease;\n}\n\n/* Luminous focus glow — light-based depth on focus */\ninput:focus {\n\tbox-shadow:\n\t\t0 0 0 1px var(--schmancy-sys-color-secondary-default),\n\t\t0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-secondary-default) 20%, transparent);\n}\n\n/* Luminous error glow — red glow on error focus */\ninput[aria-invalid=\"true\"] {\n\tbox-shadow: 0 0 12px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 15%, transparent);\n}\ninput[aria-invalid=\"true\"]:focus {\n\tbox-shadow:\n\t\t0 0 0 1px var(--schmancy-sys-color-error-default),\n\t\t0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 25%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n\tinput { transition: none; }\n}\n\n/* Remove number input spinners */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n\t-webkit-appearance: none;\n\tappearance: none;\n\t@apply m-0;\n}\n\ninput[type='number'] {\n\t-moz-appearance: textfield;\n\tappearance: textfield;\n}\n\n/* Autofill styling */\n@keyframes onAutoFillStart {\n\tfrom {}\n\tto {}\n}\n\ninput:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\t/* Use box-shadow trick to override autofill background */\n\t-webkit-box-shadow: 0 0 0 30px var(--schmancy-sys-color-surface-highest) inset !important;\n\t-webkit-text-fill-color: var(--schmancy-sys-color-surface-on) !important;\n}\n\n/* Simplified autofill for all browsers */\ninput:autofill {\n\tbackground-color: var(--schmancy-sys-color-surface-highest) !important;\n\tcolor: var(--schmancy-sys-color-surface-on) !important;\n}\n\n/* Date and datetime inputs need special handling */\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"time\"],\ninput[type=\"month\"],\ninput[type=\"week\"] {\n\t/* Ensure consistent height and padding */\n\t@apply block w-full rounded-[8px];\n\t/* Reset WebKit styling */\n\t-webkit-appearance: none;\n\tappearance: none;\n\t/* Ensure text doesn't get cut off */\n\tline-height: inherit;\n\t/* Force full width on mobile */\n\twidth: 100% !important;\n\tmin-width: 100%;\n\tmax-width: 100%;\n\t/* Remove any default margins */\n\tmargin: 0;\n\t/* Force border radius */\n\tborder-radius: 8px !important;\n\toverflow: hidden;\n}\n\n/* WebKit date/time edit container - this is what needs centering */\ninput::-webkit-datetime-edit,\ninput::-webkit-datetime-edit-fields-wrapper {\n\t/* Center the date/time fields vertically */\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\t/* Ensure full width on mobile */\n\twidth: 100%;\n\tpadding: 0;\n\tmargin: 0;\n}\n\ninput::-webkit-datetime-edit {\n\t/* Ensure the edit container fills available space */\n\tflex: 1;\n\twidth: 100%;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n\t/* Make fields wrapper expand */\n\tflex: 1;\n\twidth: 100%;\n\tjustify-content: space-between;\n}\n\ninput::-webkit-datetime-edit-text {\n\t/* Ensure separators are also centered */\n\tdisplay: flex;\n\talign-items: center;\n}\n\n/* Individual date fields */\ninput::-webkit-datetime-edit-day-field,\ninput::-webkit-datetime-edit-month-field,\ninput::-webkit-datetime-edit-year-field,\ninput::-webkit-datetime-edit-hour-field,\ninput::-webkit-datetime-edit-minute-field,\ninput::-webkit-datetime-edit-second-field,\ninput::-webkit-datetime-edit-millisecond-field,\ninput::-webkit-datetime-edit-meridiem-field {\n\t/* Ensure fields don't shrink */\n\tflex-shrink: 0;\n\tpadding: 0 2px;\n}\n\n/* Safari date input calendar icon */\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"datetime-local\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator,\ninput[type=\"month\"]::-webkit-calendar-picker-indicator,\ninput[type=\"week\"]::-webkit-calendar-picker-indicator {\n\t/* Make the calendar icon more subtle */\n\topacity: 0.5;\n\tcursor: pointer;\n}\n\n/* Firefox date input styling */\n@-moz-document url-prefix() {\n\tinput[type=\"date\"],\n\tinput[type=\"datetime-local\"],\n\tinput[type=\"time\"] {\n\t\t/* Firefox needs explicit height */\n\t\tmin-height: inherit;\n\t}\n}\n\n/* iOS Safari specific fixes */\n@supports (-webkit-touch-callout: none) {\n\tinput[type=\"date\"],\n\tinput[type=\"datetime-local\"],\n\tinput[type=\"time\"],\n\tinput[type=\"month\"],\n\tinput[type=\"week\"] {\n\t\t/* iOS Safari needs explicit width */\n\t\twidth: -webkit-fill-available !important;\n\t\twidth: fill-available !important;\n\t\t/* Remove default iOS styling */\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tborder-radius: 0;\n\t\t/* Remove default padding that causes issues */\n\t\tpadding-left: 12px !important;\n\t\tpadding-right: 12px !important;\n\t}\n\t\n\t/* Target shadow DOM elements on iOS */\n\tinput::-webkit-datetime-edit {\n\t\t/* Force full width */\n\t\twidth: 100% !important;\n\t\tpadding-left: 0 !important;\n\t\tpadding-right: 0 !important;\n\t}\n\t\n\tinput::-webkit-datetime-edit-fields-wrapper {\n\t\t/* Ensure proper spacing on mobile */\n\t\twidth: 100% !important;\n\t\tpadding: 0 !important;\n\t\tmargin: 0 !important;\n\t}\n}\n","import { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil, timer } from 'rxjs'\n\nimport { SchmancyFormField } from '@mixins/index'\n\n// Import styles\nimport style from './input.scss?inline'\n\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t\t'sch-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n/**\n * Size variants for the input - M3 spec aligned.\n * - xxs: Ultra-compact (24dp) - for menu cards, compact UIs\n * - xs: Dense/compact (32dp) - M3 density -3\n * - sm: Default (40dp) - M3 density 0\n * - md: Standard (48dp) - M3 large\n * - lg: Extra large (56dp) - M3 extra large\n */\nexport type InputSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Enhanced version of the SchmancyInput component with improved form integration\n * and compatibility with legacy API.\n *\n * This component uses the native form association API and maintains parity with\n * native input behaviors while providing a stylish, accessible interface.\n *\n * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends SchmancyFormField(unsafeCSS(style)) {\n\t// ----------------------------\n\t// A) Public properties\n\t// ----------------------------\n\n\t/** Auto-incrementing counter for generating unique IDs */\n\tstatic _idCounter = 0\n\n\t/** Override value to be string only for input element */\n\t@property({ type: String, reflect: true })\n\tpublic override value = ''\n\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\n\t@property()\n\tpublic placeholder = ''\n\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number, reflect: true })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ reflect: true })\n\tpublic step?: string = 'any'\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String, reflect: true })\n\tpublic autocomplete: AutoFill = 'on'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic override tabIndex = 0\n\n\n\t/**\n\t * The size of the input.\n\t * - 'xxs': Ultra-compact size (24px) - for menu cards\n\t * - 'xs': Extra small, very compact size (32px)\n\t * - 'sm': Small, compact size (40px)\n\t * - 'md': Medium size (default) (48px)\n\t * - 'lg': Large size (56px)\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic size: InputSize = 'md'\n\n\t/**\n\t * For datalist support\n\t */\n\t@property({ type: String })\n\tpublic list?: string\n\n\n\t// ----------------------------\n\t// B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t// C) Internal States\n\t// ----------------------------\n\n\t/**\n\t * For integration with browser's autofill support\n\t */\n\t@state()\n\tprivate isAutofilled = false\n\n\t// `touched`, `dirty`, `submitted`, and `validateOn` come from FormFieldMixin.\n\t// `_defaultValue` (mixin) replaces the old `defaultValue` field.\n\n\t// ----------------------------\n\t// D) Form-associated logic\n\t// ----------------------------\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps as never)\n\t}\n\n\n\t// `updated()` removed — FormFieldMixin's `willUpdate` recomputes `dirty`,\n\t// triggers `checkValidity()` when `_shouldShowError()` is true, and updates\n\t// `:state(dirty)` automatically.\n\t//\n\t// Default value capture is also handled by the mixin (`firstUpdated` sets\n\t// `_defaultValue` from `value`).\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Form reset and submit are now handled by the mixin via FACE callbacks\n\t\t// (`formResetCallback`) and by `<schmancy-form>`'s submit sweep\n\t\t// (`markSubmitted()`). No manual form listeners needed.\n\t\tthis.setupExternalLabelAssociation()\n\t}\n\n\t/**\n\t * Set up external label association for native HTML label support\n\t */\n\tprivate setupExternalLabelAssociation() {\n\t\tif (this.id) {\n\t\t\tconst setupLabelClickListener = () => {\n\t\t\t\tconst labels = document.querySelectorAll(`label[for=\"${this.id}\"]`)\n\t\t\t\tlabels.forEach(label => {\n\t\t\t\t\t// Use RxJS for label click events\n\t\t\t\t\tfromEvent(label, 'click')\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe(() => {\n\t\t\t\t\t\t\tthis.focus()\n\t\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Initialize after DOM is ready\n\t\t\tif (document.readyState === 'complete') {\n\t\t\t\tsetupLabelClickListener()\n\t\t\t} else {\n\t\t\t\t// Use RxJS for DOMContentLoaded event\n\t\t\t\tfromEvent(document, 'DOMContentLoaded')\n\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t.subscribe(setupLabelClickListener)\n\t\t\t}\n\t\t}\n\t}\n\n\t// `disconnectedCallback`, `resetToDefault`, `shouldShowValidation`, and\n\t// `validateInput` are gone — the mixin's `willUpdate` runs `checkValidity()`\n\t// at the right moments (Phase 2/3/4 of the validation contract) and\n\t// `formResetCallback` → `resetForm()` handles reset.\n\n\t/**\n\t * Check validity. Folds in the inner native input's structured\n\t * `ValidityState` flags (`typeMismatch`, `patternMismatch`, `tooShort`,\n\t * `tooLong`, `rangeUnderflow`, `rangeOverflow`, `stepMismatch`, `badInput`)\n\t * via `internals.setValidity` so consumers can target specific flags via\n\t * `field.validity.<flag>` and `:state(value-missing|type-mismatch|…)`.\n\t *\n\t * The visual `error` flag is still gated by the mixin's `_shouldShowError()`.\n\t */\n\t/**\n\t * Re-run checkValidity AFTER render so the native inner input's `.value`\n\t * binding has propagated. The mixin's willUpdate fires checkValidity too\n\t * early — at that point native.validity still reflects the previous value.\n\t */\n\tprotected override updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tsuper.updated?.(changedProps)\n\t\tif (\n\t\t\tchangedProps.has('value') ||\n\t\t\tchangedProps.has('required') ||\n\t\t\tchangedProps.has('type') ||\n\t\t\tchangedProps.has('pattern') ||\n\t\t\tchangedProps.has('min') ||\n\t\t\tchangedProps.has('max') ||\n\t\t\tchangedProps.has('minlength') ||\n\t\t\tchangedProps.has('maxlength')\n\t\t) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\t/**\n\t * Pick the first matching `errorMessages` override for the failing flags.\n\t * Order matches the natural priority of validity flags (valueMissing\n\t * before more specific ones — empty trumps malformed).\n\t */\n\tprivate _firstMatchingErrorMessage(v: ValidityState): string | undefined {\n\t\tconst m = this.errorMessages\n\t\tif (!m) return undefined\n\t\tif (v.valueMissing && m.valueMissing) return m.valueMissing\n\t\tif (v.typeMismatch && m.typeMismatch) return m.typeMismatch\n\t\tif (v.patternMismatch && m.patternMismatch) return m.patternMismatch\n\t\tif (v.tooShort && m.tooShort) return m.tooShort\n\t\tif (v.tooLong && m.tooLong) return m.tooLong\n\t\tif (v.rangeUnderflow && m.rangeUnderflow) return m.rangeUnderflow\n\t\tif (v.rangeOverflow && m.rangeOverflow) return m.rangeOverflow\n\t\tif (v.stepMismatch && m.stepMismatch) return m.stepMismatch\n\t\tif (v.badInput && m.badInput) return m.badInput\n\t\treturn undefined\n\t}\n\n\tpublic override checkValidity() {\n\t\t// Prefer @query (always live) over @ref (may lag during initial paint).\n\t\tconst native = this.inputElement ?? this.inputRef.value\n\t\tconst v = native?.validity\n\t\tif (v && !v.valid) {\n\t\t\t// Surface the native flags. valueMissing also surfaces here when\n\t\t\t// `required` + empty — overrides the mixin's coarse check.\n\t\t\tconst flags: ValidityStateFlags = {\n\t\t\t\tvalueMissing: v.valueMissing || undefined,\n\t\t\t\ttypeMismatch: v.typeMismatch || undefined,\n\t\t\t\tpatternMismatch: v.patternMismatch || undefined,\n\t\t\t\ttooShort: v.tooShort || undefined,\n\t\t\t\ttooLong: v.tooLong || undefined,\n\t\t\t\trangeUnderflow: v.rangeUnderflow || undefined,\n\t\t\t\trangeOverflow: v.rangeOverflow || undefined,\n\t\t\t\tstepMismatch: v.stepMismatch || undefined,\n\t\t\t\tbadInput: v.badInput || undefined,\n\t\t\t\tcustomError: v.customError || undefined,\n\t\t\t}\n\t\t\t// errorMessages override: pick the first matching flag and use the\n\t\t\t// consumer-provided copy. Falls back to the native browser message.\n\t\t\tconst overrideMessage = this._firstMatchingErrorMessage(v)\n\t\t\tthis.internals?.setValidity(\n\t\t\t\tflags,\n\t\t\t\toverrideMessage || native.validationMessage || this.validationMessage || 'Invalid value',\n\t\t\t)\n\t\t\tif (this._shouldShowError()) {\n\t\t\t\tthis.error = true\n\t\t\t\t// Always reflect the current flag's message — previous\n\t\t\t\t// validationMessage may be stale (different flag).\n\t\t\t\tconst newMessage = overrideMessage || native.validationMessage\n\t\t\t\tif (newMessage) this.validationMessage = newMessage\n\t\t\t\t// Mirror flags into :state() so CSS can target specifics.\n\t\t\t\tfor (const flag of [\n\t\t\t\t\t'value-missing',\n\t\t\t\t\t'type-mismatch',\n\t\t\t\t\t'pattern-mismatch',\n\t\t\t\t\t'too-short',\n\t\t\t\t\t'too-long',\n\t\t\t\t\t'range-underflow',\n\t\t\t\t\t'range-overflow',\n\t\t\t\t\t'step-mismatch',\n\t\t\t\t\t'bad-input',\n\t\t\t\t]) {\n\t\t\t\t\tthis.internals?.states.delete(flag)\n\t\t\t\t}\n\t\t\t\tif (v.valueMissing) this.internals?.states.add('value-missing')\n\t\t\t\tif (v.typeMismatch) this.internals?.states.add('type-mismatch')\n\t\t\t\tif (v.patternMismatch) this.internals?.states.add('pattern-mismatch')\n\t\t\t\tif (v.tooShort) this.internals?.states.add('too-short')\n\t\t\t\tif (v.tooLong) this.internals?.states.add('too-long')\n\t\t\t\tif (v.rangeUnderflow) this.internals?.states.add('range-underflow')\n\t\t\t\tif (v.rangeOverflow) this.internals?.states.add('range-overflow')\n\t\t\t\tif (v.stepMismatch) this.internals?.states.add('step-mismatch')\n\t\t\t\tif (v.badInput) this.internals?.states.add('bad-input')\n\t\t\t}\n\t\t\treturn false\n\t\t}\n\n\t\t// Native says valid — but the mixin's `required` check might still\n\t\t// fire (mixin checks `value === ''` directly, native may treat empty\n\t\t// differently for type=email/url with no value).\n\t\tconst parentValid = super.checkValidity()\n\t\tif (parentValid) {\n\t\t\t// Clear specific-flag :state() entries.\n\t\t\tfor (const flag of [\n\t\t\t\t'value-missing',\n\t\t\t\t'type-mismatch',\n\t\t\t\t'pattern-mismatch',\n\t\t\t\t'too-short',\n\t\t\t\t'too-long',\n\t\t\t\t'range-underflow',\n\t\t\t\t'range-overflow',\n\t\t\t\t'step-mismatch',\n\t\t\t\t'bad-input',\n\t\t\t]) {\n\t\t\t\tthis.internals?.states.delete(flag)\n\t\t\t}\n\t\t}\n\t\treturn parentValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity.\n\t * Marks the field as submitted so the mixin's gate flips to \"always show.\"\n\t */\n\tpublic override reportValidity() {\n\t\tthis.markSubmitted()\n\t\tconst inputValid = this.inputRef.value?.reportValidity() ?? true\n\t\tconst parentValid = super.reportValidity()\n\t\treturn inputValid && parentValid\n\t}\n\n\t/** Set a custom validation error on both the inner input and the mixin. */\n\tpublic override setCustomValidity(message: string) {\n\t\tif (this.inputRef.value) {\n\t\t\tthis.inputRef.value.setCustomValidity(message)\n\t\t}\n\t\tsuper.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t// E) Lifecycle Hooks & Event Handlers\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\t// Schedule focus after initial render — RxJS timer for cancel-on-disconnect.\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.focus())\n\t\t}\n\n\t\t// Subscribe to input events\n\t\tthis.setupInputEvents()\n\t\tthis.setupFocusBlurEvents()\n\t\tthis.setupAutofillDetection()\n\t\tthis.setupEnterKeyEvents()\n\t}\n\n\t/**\n\t * Set up input event handling for value changes\n\t */\n\tprivate setupInputEvents() {\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Stop native event from bubbling - we'll dispatch our own custom event\n\t\t\t\t\tev.stopPropagation()\n\n\t\t\t\t\t// Capture all input event properties for complete event forwarding\n\t\t\t\t\tconst inputEvent = ev as InputEvent\n\t\t\t\t\tconst target = ev.target as HTMLInputElement\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: target.value,\n\t\t\t\t\t\tinputType: inputEvent.inputType,\n\t\t\t\t\t\tdata: inputEvent.data,\n\t\t\t\t\t\tisComposing: inputEvent.isComposing,\n\t\t\t\t\t\toriginalEvent: ev,\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(eventData => {\n\t\t\t\t// Update component value\n\t\t\t\tthis.value = eventData.value\n\n\t\t\t\t// `dirty` is a getter on the mixin (value vs _defaultValue) — no manual set.\n\n\t\t\t\t// Fire custom 'input' event with extended details\n\t\t\t\tconst customEvent = new CustomEvent<EventDetails>('input', {\n\t\t\t\t\tdetail: { value: eventData.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add additional properties to match native events more closely\n\t\t\t\tObject.defineProperties(customEvent, {\n\t\t\t\t\tinputType: { value: eventData.inputType },\n\t\t\t\t\tdata: { value: eventData.data },\n\t\t\t\t\tisComposing: { value: eventData.isComposing },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(customEvent)\n\n\t\t\t\t// Mixin's willUpdate runs checkValidity() on value-change when\n\t\t\t\t// _shouldShowError() is true — no manual validateInput() call.\n\t\t\t})\n\n\t\t// Subscribe to native change events (usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Stop native event from bubbling - we'll dispatch our own custom event\n\t\t\t\t\tev.stopPropagation()\n\t\t\t\t\treturn (ev.target as HTMLInputElement).value\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.emitChange({ value })\n\t\t\t\t// Validation runs automatically via mixin's willUpdate.\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up focus/blur event handling\n\t */\n\tprivate setupFocusBlurEvents() {\n\t\tfromEvent<FocusEvent>(this.inputElement, 'focus')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Create a custom focus event that includes standard props\n\t\t\t\tconst focusEvent = new CustomEvent('focus', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add focus-specific properties\n\t\t\t\tObject.defineProperties(focusEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(focusEvent)\n\t\t\t})\n\n\t\tfromEvent<FocusEvent>(this.inputElement, 'blur')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Mark as touched on blur — mixin's willUpdate handles the rest\n\t\t\t\t// (validates if dirty, broadcasts :state(touched), etc.).\n\t\t\t\tthis.markTouched()\n\n\t\t\t\t// Create a custom blur event that includes standard props\n\t\t\t\tconst blurEvent = new CustomEvent('blur', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add blur-specific properties\n\t\t\t\tObject.defineProperties(blurEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(blurEvent)\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up autofill detection\n\t */\n\tprivate setupAutofillDetection() {\n\t\t// Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.isAutofilled = true\n\t\t\t\t// `dirty` is a getter on the mixin — recomputes from value vs _defaultValue.\n\n\t\t\t\t// Dispatch autofill event for integration with autofill systems\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('autofill', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// Also propagate as a change event like browsers do\n\t\t\t\tthis.emitChange({ value })\n\t\t\t})\n\n\t\t// Detect end of autofill (Chrome)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillCancel'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.isAutofilled = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up enter key event handling\n\t */\n\tprivate setupEnterKeyEvents() {\n\t\t// Listen for Enter on keydown\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\t\n\t\t\t\t// Update value if changed (mixin recomputes dirty automatically)\n\t\t\t\tif (this.value !== value) {\n\t\t\t\t\tthis.value = value\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Blur the input to trigger change event naturally\n\t\t\t\t// This mimics what happens when you tab out of the field\n\t\t\t\tthis.inputElement.blur()\n\n\t\t\t\t// Dispatch enhanced enter event\n\t\t\t\tconst enterEvent = new CustomEvent<EventDetails>('enter', {\n\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add extra keyboard event props\n\t\t\t\tObject.defineProperties(enterEvent, {\n\t\t\t\t\tkey: { value: 'Enter' },\n\t\t\t\t\tcode: { value: 'Enter' },\n\t\t\t\t\tkeyCode: { value: 13 },\n\t\t\t\t\twhich: { value: 13 },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(enterEvent)\n\t\t\t})\n\t}\n\n\t// ----------------------------\n\t// F) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Sets the selection range. Mirrors native input.setSelectionRange\n\t */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.inputRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/**\n\t * Returns the selected text within the input (start position)\n\t */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.inputRef.value?.selectionStart ?? null\n\t}\n\n\t/**\n\t * Returns the selected text within the input (end position)\n\t */\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.inputRef.value?.selectionEnd ?? null\n\t}\n\n\t/**\n\t * Returns the direction of selection\n\t */\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.inputRef.value?.selectionDirection ?? null\n\t}\n\n\t/**\n\t * Sets the range of text to be selected.\n\t */\n\tpublic setRangeText(\n\t\treplacement: string,\n\t\tstart?: number,\n\t\tend?: number,\n\t\tselectMode?: 'select' | 'start' | 'end' | 'preserve',\n\t) {\n\t\tif (start !== undefined && end !== undefined) {\n\t\t\tthis.inputRef.value?.setRangeText(replacement, start, end, selectMode)\n\t\t} else {\n\t\t\tthis.inputRef.value?.setRangeText(replacement)\n\t\t}\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t// G) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\t// Determine height and padding based on size - M3 spec aligned\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'xxs':\n\t\t\t\t\t// Ultra-compact: 24dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.625rem', // 10px\n\t\t\t\t\t}\n\t\t\t\tcase 'xs':\n\t\t\t\t\t// M3 dense: 32dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '32px',\n\t\t\t\t\t\tpadding: '0 12px',\n\t\t\t\t\t\tfontSize: '0.75rem', // 12px\n\t\t\t\t\t}\n\t\t\t\tcase 'sm':\n\t\t\t\t\t// M3 default: 40dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\t// M3 extra large: 56dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '56px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\t// M3 standard: 48dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\t// Check if it's a date-type input\n\t\tconst isDateType = ['date', 'datetime-local', 'time', 'month', 'week'].includes(this.type)\n\n\t\tconst inputClasses = {\n\t\t\t// Base styles - outlined rounded input\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t// Ring colors based on error state\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Text alignment (date inputs always left-aligned)\n\t\t\t'text-left': this.align === 'left' || isDateType,\n\t\t\t'text-center': this.align === 'center' && !isDateType,\n\t\t\t'text-right': this.align === 'right' && !isDateType,\n\t\t\t// Autofill\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-[10px]': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'md',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t\t// Ensure vertical centering for all input types\n\t\t\tlineHeight: height,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t<div class=\"w-full min-w-0 ${isDateType ? 'date-input-container' : ''}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\t.step=${this.step ?? ''}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n/**\n * Register the component with the legacy tag name for backward compatibility\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('sch-input')\nexport class SchmancyInputCompat extends SchmancyInput {}\n"],"mappings":"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"}
1
+ {"version":3,"file":"input-BY9OCQWr.cjs","names":[],"sources":["../src/form/fields/input/input.scss?inline","../src/form/fields/input/input.ts"],"sourcesContent":[" @reference \"tailwindcss\";\n\n:host {\n\t@apply block w-full min-w-0;\n\t/* Ensure no constraints on mobile */\n\tmax-width: 100%;\n\tbox-sizing: border-box;\n}\n\n/* Date input container needs special handling on mobile */\n.date-input-container {\n\t@apply w-full;\n\t/* Explicit width for mobile Safari */\n\twidth: 100% !important;\n\tmax-width: 100% !important;\n\tmin-width: 0;\n}\n\n/* Reset native input styles for consistency */\ninput {\n\t/* Remove all native styling */\n\t@apply appearance-none rounded-[8px];\n\t/* Prevent Safari zoom on focus */\n\tfont-size: 16px;\n\twidth: -webkit-fill-available;\n\t/* Ensure border radius is applied */\n\tborder-radius: 8px;\n\t/* Smooth transitions for luminous focus */\n\ttransition:\n\t\tbox-shadow 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\tborder-color 200ms ease;\n}\n\n/* Luminous focus glow — light-based depth on focus */\ninput:focus {\n\tbox-shadow:\n\t\t0 0 0 1px var(--schmancy-sys-color-secondary-default),\n\t\t0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-secondary-default) 20%, transparent);\n}\n\n/* Luminous error glow — red glow on error focus */\ninput[aria-invalid=\"true\"] {\n\tbox-shadow: 0 0 12px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 15%, transparent);\n}\ninput[aria-invalid=\"true\"]:focus {\n\tbox-shadow:\n\t\t0 0 0 1px var(--schmancy-sys-color-error-default),\n\t\t0 0 16px -4px color-mix(in srgb, var(--schmancy-sys-color-error-default) 25%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n\tinput { transition: none; }\n}\n\n/* Remove number input spinners */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n\t-webkit-appearance: none;\n\tappearance: none;\n\t@apply m-0;\n}\n\ninput[type='number'] {\n\t-moz-appearance: textfield;\n\tappearance: textfield;\n}\n\n/* Autofill styling */\n@keyframes onAutoFillStart {\n\tfrom {}\n\tto {}\n}\n\ninput:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\t/* Use box-shadow trick to override autofill background */\n\t-webkit-box-shadow: 0 0 0 30px var(--schmancy-sys-color-surface-highest) inset !important;\n\t-webkit-text-fill-color: var(--schmancy-sys-color-surface-on) !important;\n}\n\n/* Simplified autofill for all browsers */\ninput:autofill {\n\tbackground-color: var(--schmancy-sys-color-surface-highest) !important;\n\tcolor: var(--schmancy-sys-color-surface-on) !important;\n}\n\n/* Date and datetime inputs need special handling */\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"time\"],\ninput[type=\"month\"],\ninput[type=\"week\"] {\n\t/* Ensure consistent height and padding */\n\t@apply block w-full rounded-[8px];\n\t/* Reset WebKit styling */\n\t-webkit-appearance: none;\n\tappearance: none;\n\t/* Ensure text doesn't get cut off */\n\tline-height: inherit;\n\t/* Force full width on mobile */\n\twidth: 100% !important;\n\tmin-width: 100%;\n\tmax-width: 100%;\n\t/* Remove any default margins */\n\tmargin: 0;\n\t/* Force border radius */\n\tborder-radius: 8px !important;\n\toverflow: hidden;\n}\n\n/* WebKit date/time edit container - this is what needs centering */\ninput::-webkit-datetime-edit,\ninput::-webkit-datetime-edit-fields-wrapper {\n\t/* Center the date/time fields vertically */\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\t/* Ensure full width on mobile */\n\twidth: 100%;\n\tpadding: 0;\n\tmargin: 0;\n}\n\ninput::-webkit-datetime-edit {\n\t/* Ensure the edit container fills available space */\n\tflex: 1;\n\twidth: 100%;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n\t/* Make fields wrapper expand */\n\tflex: 1;\n\twidth: 100%;\n\tjustify-content: space-between;\n}\n\ninput::-webkit-datetime-edit-text {\n\t/* Ensure separators are also centered */\n\tdisplay: flex;\n\talign-items: center;\n}\n\n/* Individual date fields */\ninput::-webkit-datetime-edit-day-field,\ninput::-webkit-datetime-edit-month-field,\ninput::-webkit-datetime-edit-year-field,\ninput::-webkit-datetime-edit-hour-field,\ninput::-webkit-datetime-edit-minute-field,\ninput::-webkit-datetime-edit-second-field,\ninput::-webkit-datetime-edit-millisecond-field,\ninput::-webkit-datetime-edit-meridiem-field {\n\t/* Ensure fields don't shrink */\n\tflex-shrink: 0;\n\tpadding: 0 2px;\n}\n\n/* Safari date input calendar icon */\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"datetime-local\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator,\ninput[type=\"month\"]::-webkit-calendar-picker-indicator,\ninput[type=\"week\"]::-webkit-calendar-picker-indicator {\n\t/* Make the calendar icon more subtle */\n\topacity: 0.5;\n\tcursor: pointer;\n}\n\n/* Firefox date input styling */\n@-moz-document url-prefix() {\n\tinput[type=\"date\"],\n\tinput[type=\"datetime-local\"],\n\tinput[type=\"time\"] {\n\t\t/* Firefox needs explicit height */\n\t\tmin-height: inherit;\n\t}\n}\n\n/* iOS Safari specific fixes */\n@supports (-webkit-touch-callout: none) {\n\tinput[type=\"date\"],\n\tinput[type=\"datetime-local\"],\n\tinput[type=\"time\"],\n\tinput[type=\"month\"],\n\tinput[type=\"week\"] {\n\t\t/* iOS Safari needs explicit width */\n\t\twidth: -webkit-fill-available !important;\n\t\twidth: fill-available !important;\n\t\t/* Remove default iOS styling */\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tborder-radius: 0;\n\t\t/* Remove default padding that causes issues */\n\t\tpadding-left: 12px !important;\n\t\tpadding-right: 12px !important;\n\t}\n\t\n\t/* Target shadow DOM elements on iOS */\n\tinput::-webkit-datetime-edit {\n\t\t/* Force full width */\n\t\twidth: 100% !important;\n\t\tpadding-left: 0 !important;\n\t\tpadding-right: 0 !important;\n\t}\n\t\n\tinput::-webkit-datetime-edit-fields-wrapper {\n\t\t/* Ensure proper spacing on mobile */\n\t\twidth: 100% !important;\n\t\tpadding: 0 !important;\n\t\tmargin: 0 !important;\n\t}\n}\n","import { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil, timer } from 'rxjs'\n\nimport { SchmancyFormField } from '@mixins/index'\n\n// Import styles\nimport style from './input.scss?inline'\n\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t\t'sch-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n/**\n * Size variants for the input - M3 spec aligned.\n * - xxs: Ultra-compact (24dp) - for menu cards, compact UIs\n * - xs: Dense/compact (32dp) - M3 density -3\n * - sm: Default (40dp) - M3 density 0\n * - md: Standard (48dp) - M3 large\n * - lg: Extra large (56dp) - M3 extra large\n */\nexport type InputSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Enhanced version of the SchmancyInput component with improved form integration\n * and compatibility with legacy API.\n *\n * This component uses the native form association API and maintains parity with\n * native input behaviors while providing a stylish, accessible interface.\n *\n * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends SchmancyFormField(unsafeCSS(style)) {\n\t// ----------------------------\n\t// A) Public properties\n\t// ----------------------------\n\n\t/** Auto-incrementing counter for generating unique IDs */\n\tstatic _idCounter = 0\n\n\t/** Override value to be string only for input element */\n\t@property({ type: String, reflect: true })\n\tpublic override value = ''\n\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\n\t@property()\n\tpublic placeholder = ''\n\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number, reflect: true })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ reflect: true })\n\tpublic step?: string = 'any'\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String, reflect: true })\n\tpublic autocomplete: AutoFill = 'on'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic override tabIndex = 0\n\n\n\t/**\n\t * The size of the input.\n\t * - 'xxs': Ultra-compact size (24px) - for menu cards\n\t * - 'xs': Extra small, very compact size (32px)\n\t * - 'sm': Small, compact size (40px)\n\t * - 'md': Medium size (default) (48px)\n\t * - 'lg': Large size (56px)\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic size: InputSize = 'md'\n\n\t/**\n\t * For datalist support\n\t */\n\t@property({ type: String })\n\tpublic list?: string\n\n\n\t// ----------------------------\n\t// B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t// C) Internal States\n\t// ----------------------------\n\n\t/**\n\t * For integration with browser's autofill support\n\t */\n\t@state()\n\tprivate isAutofilled = false\n\n\t// `touched`, `dirty`, `submitted`, and `validateOn` come from FormFieldMixin.\n\t// `_defaultValue` (mixin) replaces the old `defaultValue` field.\n\n\t// ----------------------------\n\t// D) Form-associated logic\n\t// ----------------------------\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps as never)\n\t}\n\n\n\t// `updated()` removed — FormFieldMixin's `willUpdate` recomputes `dirty`,\n\t// triggers `checkValidity()` when `_shouldShowError()` is true, and updates\n\t// `:state(dirty)` automatically.\n\t//\n\t// Default value capture is also handled by the mixin (`firstUpdated` sets\n\t// `_defaultValue` from `value`).\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Form reset and submit are now handled by the mixin via FACE callbacks\n\t\t// (`formResetCallback`) and by `<schmancy-form>`'s submit sweep\n\t\t// (`markSubmitted()`). No manual form listeners needed.\n\t\tthis.setupExternalLabelAssociation()\n\t}\n\n\t/**\n\t * Set up external label association for native HTML label support\n\t */\n\tprivate setupExternalLabelAssociation() {\n\t\tif (this.id) {\n\t\t\tconst setupLabelClickListener = () => {\n\t\t\t\tconst labels = document.querySelectorAll(`label[for=\"${this.id}\"]`)\n\t\t\t\tlabels.forEach(label => {\n\t\t\t\t\t// Use RxJS for label click events\n\t\t\t\t\tfromEvent(label, 'click')\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe(() => {\n\t\t\t\t\t\t\tthis.focus()\n\t\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Initialize after DOM is ready\n\t\t\tif (document.readyState === 'complete') {\n\t\t\t\tsetupLabelClickListener()\n\t\t\t} else {\n\t\t\t\t// Use RxJS for DOMContentLoaded event\n\t\t\t\tfromEvent(document, 'DOMContentLoaded')\n\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t.subscribe(setupLabelClickListener)\n\t\t\t}\n\t\t}\n\t}\n\n\t// `disconnectedCallback`, `resetToDefault`, `shouldShowValidation`, and\n\t// `validateInput` are gone — the mixin's `willUpdate` runs `checkValidity()`\n\t// at the right moments (Phase 2/3/4 of the validation contract) and\n\t// `formResetCallback` → `resetForm()` handles reset.\n\n\t/**\n\t * Check validity. Folds in the inner native input's structured\n\t * `ValidityState` flags (`typeMismatch`, `patternMismatch`, `tooShort`,\n\t * `tooLong`, `rangeUnderflow`, `rangeOverflow`, `stepMismatch`, `badInput`)\n\t * via `internals.setValidity` so consumers can target specific flags via\n\t * `field.validity.<flag>` and `:state(value-missing|type-mismatch|…)`.\n\t *\n\t * The visual `error` flag is still gated by the mixin's `_shouldShowError()`.\n\t */\n\t/**\n\t * Re-run checkValidity AFTER render so the native inner input's `.value`\n\t * binding has propagated. The mixin's willUpdate fires checkValidity too\n\t * early — at that point native.validity still reflects the previous value.\n\t */\n\tprotected override updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tsuper.updated?.(changedProps)\n\t\tif (\n\t\t\tchangedProps.has('value') ||\n\t\t\tchangedProps.has('required') ||\n\t\t\tchangedProps.has('type') ||\n\t\t\tchangedProps.has('pattern') ||\n\t\t\tchangedProps.has('min') ||\n\t\t\tchangedProps.has('max') ||\n\t\t\tchangedProps.has('minlength') ||\n\t\t\tchangedProps.has('maxlength')\n\t\t) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\t/**\n\t * Pick the first matching `errorMessages` override for the failing flags.\n\t * Order matches the natural priority of validity flags (valueMissing\n\t * before more specific ones — empty trumps malformed).\n\t */\n\tprivate _firstMatchingErrorMessage(v: ValidityState): string | undefined {\n\t\tconst m = this.errorMessages\n\t\tif (!m) return undefined\n\t\tif (v.valueMissing && m.valueMissing) return m.valueMissing\n\t\tif (v.typeMismatch && m.typeMismatch) return m.typeMismatch\n\t\tif (v.patternMismatch && m.patternMismatch) return m.patternMismatch\n\t\tif (v.tooShort && m.tooShort) return m.tooShort\n\t\tif (v.tooLong && m.tooLong) return m.tooLong\n\t\tif (v.rangeUnderflow && m.rangeUnderflow) return m.rangeUnderflow\n\t\tif (v.rangeOverflow && m.rangeOverflow) return m.rangeOverflow\n\t\tif (v.stepMismatch && m.stepMismatch) return m.stepMismatch\n\t\tif (v.badInput && m.badInput) return m.badInput\n\t\treturn undefined\n\t}\n\n\tpublic override checkValidity() {\n\t\t// Prefer @query (always live) over @ref (may lag during initial paint).\n\t\tconst native = this.inputElement ?? this.inputRef.value\n\t\tconst v = native?.validity\n\t\tif (v && !v.valid) {\n\t\t\t// Surface the native flags. valueMissing also surfaces here when\n\t\t\t// `required` + empty — overrides the mixin's coarse check.\n\t\t\tconst flags: ValidityStateFlags = {\n\t\t\t\tvalueMissing: v.valueMissing || undefined,\n\t\t\t\ttypeMismatch: v.typeMismatch || undefined,\n\t\t\t\tpatternMismatch: v.patternMismatch || undefined,\n\t\t\t\ttooShort: v.tooShort || undefined,\n\t\t\t\ttooLong: v.tooLong || undefined,\n\t\t\t\trangeUnderflow: v.rangeUnderflow || undefined,\n\t\t\t\trangeOverflow: v.rangeOverflow || undefined,\n\t\t\t\tstepMismatch: v.stepMismatch || undefined,\n\t\t\t\tbadInput: v.badInput || undefined,\n\t\t\t\tcustomError: v.customError || undefined,\n\t\t\t}\n\t\t\t// errorMessages override: pick the first matching flag and use the\n\t\t\t// consumer-provided copy. Falls back to the native browser message.\n\t\t\tconst overrideMessage = this._firstMatchingErrorMessage(v)\n\t\t\tthis.internals?.setValidity(\n\t\t\t\tflags,\n\t\t\t\toverrideMessage || native.validationMessage || this.validationMessage || 'Invalid value',\n\t\t\t)\n\t\t\tif (this._shouldShowError()) {\n\t\t\t\tthis.error = true\n\t\t\t\t// Always reflect the current flag's message — previous\n\t\t\t\t// validationMessage may be stale (different flag).\n\t\t\t\tconst newMessage = overrideMessage || native.validationMessage\n\t\t\t\tif (newMessage) this.validationMessage = newMessage\n\t\t\t\t// Mirror flags into :state() so CSS can target specifics.\n\t\t\t\tfor (const flag of [\n\t\t\t\t\t'value-missing',\n\t\t\t\t\t'type-mismatch',\n\t\t\t\t\t'pattern-mismatch',\n\t\t\t\t\t'too-short',\n\t\t\t\t\t'too-long',\n\t\t\t\t\t'range-underflow',\n\t\t\t\t\t'range-overflow',\n\t\t\t\t\t'step-mismatch',\n\t\t\t\t\t'bad-input',\n\t\t\t\t]) {\n\t\t\t\t\tthis.internals?.states.delete(flag)\n\t\t\t\t}\n\t\t\t\tif (v.valueMissing) this.internals?.states.add('value-missing')\n\t\t\t\tif (v.typeMismatch) this.internals?.states.add('type-mismatch')\n\t\t\t\tif (v.patternMismatch) this.internals?.states.add('pattern-mismatch')\n\t\t\t\tif (v.tooShort) this.internals?.states.add('too-short')\n\t\t\t\tif (v.tooLong) this.internals?.states.add('too-long')\n\t\t\t\tif (v.rangeUnderflow) this.internals?.states.add('range-underflow')\n\t\t\t\tif (v.rangeOverflow) this.internals?.states.add('range-overflow')\n\t\t\t\tif (v.stepMismatch) this.internals?.states.add('step-mismatch')\n\t\t\t\tif (v.badInput) this.internals?.states.add('bad-input')\n\t\t\t}\n\t\t\treturn false\n\t\t}\n\n\t\t// Native says valid — but the mixin's `required` check might still\n\t\t// fire (mixin checks `value === ''` directly, native may treat empty\n\t\t// differently for type=email/url with no value).\n\t\tconst parentValid = super.checkValidity()\n\t\tif (parentValid) {\n\t\t\t// Clear specific-flag :state() entries.\n\t\t\tfor (const flag of [\n\t\t\t\t'value-missing',\n\t\t\t\t'type-mismatch',\n\t\t\t\t'pattern-mismatch',\n\t\t\t\t'too-short',\n\t\t\t\t'too-long',\n\t\t\t\t'range-underflow',\n\t\t\t\t'range-overflow',\n\t\t\t\t'step-mismatch',\n\t\t\t\t'bad-input',\n\t\t\t]) {\n\t\t\t\tthis.internals?.states.delete(flag)\n\t\t\t}\n\t\t}\n\t\treturn parentValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity.\n\t * Marks the field as submitted so the mixin's gate flips to \"always show.\"\n\t */\n\tpublic override reportValidity() {\n\t\tthis.markSubmitted()\n\t\tconst inputValid = this.inputRef.value?.reportValidity() ?? true\n\t\tconst parentValid = super.reportValidity()\n\t\treturn inputValid && parentValid\n\t}\n\n\t/** Set a custom validation error on both the inner input and the mixin. */\n\tpublic override setCustomValidity(message: string) {\n\t\tif (this.inputRef.value) {\n\t\t\tthis.inputRef.value.setCustomValidity(message)\n\t\t}\n\t\tsuper.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t// E) Lifecycle Hooks & Event Handlers\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\t// Schedule focus after initial render — RxJS timer for cancel-on-disconnect.\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.focus())\n\t\t}\n\n\t\t// Subscribe to input events\n\t\tthis.setupInputEvents()\n\t\tthis.setupFocusBlurEvents()\n\t\tthis.setupAutofillDetection()\n\t\tthis.setupEnterKeyEvents()\n\t}\n\n\t/**\n\t * Set up input event handling for value changes\n\t */\n\tprivate setupInputEvents() {\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Stop native event from bubbling - we'll dispatch our own custom event\n\t\t\t\t\tev.stopPropagation()\n\n\t\t\t\t\t// Capture all input event properties for complete event forwarding\n\t\t\t\t\tconst inputEvent = ev as InputEvent\n\t\t\t\t\tconst target = ev.target as HTMLInputElement\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: target.value,\n\t\t\t\t\t\tinputType: inputEvent.inputType,\n\t\t\t\t\t\tdata: inputEvent.data,\n\t\t\t\t\t\tisComposing: inputEvent.isComposing,\n\t\t\t\t\t\toriginalEvent: ev,\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(eventData => {\n\t\t\t\t// Update component value\n\t\t\t\tthis.value = eventData.value\n\n\t\t\t\t// `dirty` is a getter on the mixin (value vs _defaultValue) — no manual set.\n\n\t\t\t\t// Fire custom 'input' event with extended details\n\t\t\t\tconst customEvent = new CustomEvent<EventDetails>('input', {\n\t\t\t\t\tdetail: { value: eventData.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add additional properties to match native events more closely\n\t\t\t\tObject.defineProperties(customEvent, {\n\t\t\t\t\tinputType: { value: eventData.inputType },\n\t\t\t\t\tdata: { value: eventData.data },\n\t\t\t\t\tisComposing: { value: eventData.isComposing },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(customEvent)\n\n\t\t\t\t// Mixin's willUpdate runs checkValidity() on value-change when\n\t\t\t\t// _shouldShowError() is true — no manual validateInput() call.\n\t\t\t})\n\n\t\t// Subscribe to native change events (usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Stop native event from bubbling - we'll dispatch our own custom event\n\t\t\t\t\tev.stopPropagation()\n\t\t\t\t\treturn (ev.target as HTMLInputElement).value\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.emitChange({ value })\n\t\t\t\t// Validation runs automatically via mixin's willUpdate.\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up focus/blur event handling\n\t */\n\tprivate setupFocusBlurEvents() {\n\t\tfromEvent<FocusEvent>(this.inputElement, 'focus')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Create a custom focus event that includes standard props\n\t\t\t\tconst focusEvent = new CustomEvent('focus', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add focus-specific properties\n\t\t\t\tObject.defineProperties(focusEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(focusEvent)\n\t\t\t})\n\n\t\tfromEvent<FocusEvent>(this.inputElement, 'blur')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Mark as touched on blur — mixin's willUpdate handles the rest\n\t\t\t\t// (validates if dirty, broadcasts :state(touched), etc.).\n\t\t\t\tthis.markTouched()\n\n\t\t\t\t// Create a custom blur event that includes standard props\n\t\t\t\tconst blurEvent = new CustomEvent('blur', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add blur-specific properties\n\t\t\t\tObject.defineProperties(blurEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(blurEvent)\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up autofill detection\n\t */\n\tprivate setupAutofillDetection() {\n\t\t// Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.isAutofilled = true\n\t\t\t\t// `dirty` is a getter on the mixin — recomputes from value vs _defaultValue.\n\n\t\t\t\t// Dispatch autofill event for integration with autofill systems\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('autofill', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// Also propagate as a change event like browsers do\n\t\t\t\tthis.emitChange({ value })\n\t\t\t})\n\n\t\t// Detect end of autofill (Chrome)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillCancel'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.isAutofilled = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up enter key event handling\n\t */\n\tprivate setupEnterKeyEvents() {\n\t\t// Listen for Enter on keydown\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\t\n\t\t\t\t// Update value if changed (mixin recomputes dirty automatically)\n\t\t\t\tif (this.value !== value) {\n\t\t\t\t\tthis.value = value\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Blur the input to trigger change event naturally\n\t\t\t\t// This mimics what happens when you tab out of the field\n\t\t\t\tthis.inputElement.blur()\n\n\t\t\t\t// Dispatch enhanced enter event\n\t\t\t\tconst enterEvent = new CustomEvent<EventDetails>('enter', {\n\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add extra keyboard event props\n\t\t\t\tObject.defineProperties(enterEvent, {\n\t\t\t\t\tkey: { value: 'Enter' },\n\t\t\t\t\tcode: { value: 'Enter' },\n\t\t\t\t\tkeyCode: { value: 13 },\n\t\t\t\t\twhich: { value: 13 },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(enterEvent)\n\t\t\t})\n\t}\n\n\t// ----------------------------\n\t// F) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Sets the selection range. Mirrors native input.setSelectionRange\n\t */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.inputRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/**\n\t * Returns the selected text within the input (start position)\n\t */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.inputRef.value?.selectionStart ?? null\n\t}\n\n\t/**\n\t * Returns the selected text within the input (end position)\n\t */\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.inputRef.value?.selectionEnd ?? null\n\t}\n\n\t/**\n\t * Returns the direction of selection\n\t */\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.inputRef.value?.selectionDirection ?? null\n\t}\n\n\t/**\n\t * Sets the range of text to be selected.\n\t */\n\tpublic setRangeText(\n\t\treplacement: string,\n\t\tstart?: number,\n\t\tend?: number,\n\t\tselectMode?: 'select' | 'start' | 'end' | 'preserve',\n\t) {\n\t\tif (start !== undefined && end !== undefined) {\n\t\t\tthis.inputRef.value?.setRangeText(replacement, start, end, selectMode)\n\t\t} else {\n\t\t\tthis.inputRef.value?.setRangeText(replacement)\n\t\t}\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t// G) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\t// Determine height and padding based on size - M3 spec aligned\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'xxs':\n\t\t\t\t\t// Ultra-compact: 24dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.625rem', // 10px\n\t\t\t\t\t}\n\t\t\t\tcase 'xs':\n\t\t\t\t\t// M3 dense: 32dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '32px',\n\t\t\t\t\t\tpadding: '0 12px',\n\t\t\t\t\t\tfontSize: '0.75rem', // 12px\n\t\t\t\t\t}\n\t\t\t\tcase 'sm':\n\t\t\t\t\t// M3 default: 40dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\t// M3 extra large: 56dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '56px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\t// M3 standard: 48dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\t// Check if it's a date-type input\n\t\tconst isDateType = ['date', 'datetime-local', 'time', 'month', 'week'].includes(this.type)\n\n\t\tconst inputClasses = {\n\t\t\t// Base styles - outlined rounded input\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t// Ring colors based on error state\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Text alignment (date inputs always left-aligned)\n\t\t\t'text-left': this.align === 'left' || isDateType,\n\t\t\t'text-center': this.align === 'center' && !isDateType,\n\t\t\t'text-right': this.align === 'right' && !isDateType,\n\t\t\t// Autofill\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-[10px]': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'md',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t\t// Ensure vertical centering for all input types\n\t\t\tlineHeight: height,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t<div class=\"w-full min-w-0 ${isDateType ? 'date-input-container' : ''}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\t.step=${this.step ?? ''}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n/**\n * Register the component with the legacy tag name for backward compatibility\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('sch-input')\nexport class SchmancyInputCompat extends SchmancyInput {}\n"],"mappings":"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"}
package/dist/{input-Dkneo4uA.js → input-Q0fm34Co.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { o as e } from "./mixins-B9kY_60p.js";
1
+ import { o as e } from "./mixins-pU53qf6R.js";
2
2
  import { a as t } from "./active-host-BP0zy_Y9.js";
3
3
  import { distinctUntilChanged as n, filter as r, fromEvent as i, map as a, takeUntil as o, timer as s } from "rxjs";
4
4
  import { customElement as c, property as l, query as u, state as d } from "lit/decorators.js";