@sellmate/design-system 1.31.0 → 1.32.0

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 (285) hide show
  1. package/dist/cjs/design-system.cjs.js +2 -2
  2. package/dist/cjs/{index-Jr8OU0y9.js → index-Cg7X15Hq.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/sd-action-modal.cjs.entry.js +1 -1
  5. package/dist/cjs/sd-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/sd-barcode-input.cjs.entry.js +1 -1
  7. package/dist/cjs/sd-button_2.cjs.entry.js +1 -1
  8. package/dist/cjs/sd-calendar_2.cjs.entry.js +1 -1
  9. package/dist/cjs/sd-callout.cjs.entry.js +1 -1
  10. package/dist/cjs/sd-card.cjs.entry.js +1 -1
  11. package/dist/cjs/sd-checkbox.cjs.entry.js +1 -1
  12. package/dist/cjs/sd-chip-input.cjs.entry.js +2 -2
  13. package/dist/cjs/sd-chip.cjs.entry.js +1 -1
  14. package/dist/cjs/sd-circle-progress.cjs.entry.js +2 -2
  15. package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +1 -1
  16. package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
  17. package/dist/cjs/sd-date-picker_8.cjs.entry.js +6 -6
  18. package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +1 -1
  19. package/dist/cjs/sd-divider.cjs.entry.js +2 -2
  20. package/dist/cjs/sd-dropdown-button.cjs.entry.js +2 -2
  21. package/dist/cjs/sd-field_3.cjs.entry.js +4 -4
  22. package/dist/cjs/sd-form.cjs.entry.js +1 -1
  23. package/dist/cjs/sd-ghost-button_3.cjs.entry.js +1 -1
  24. package/dist/cjs/sd-guide.cjs.entry.js +2 -2
  25. package/dist/cjs/sd-key-value-table.cjs.entry.js +2 -2
  26. package/dist/cjs/sd-linear-progress.cjs.entry.js +2 -2
  27. package/dist/cjs/sd-loading-container.cjs.entry.js +1 -1
  28. package/dist/cjs/sd-modal-container.cjs.entry.js +1 -1
  29. package/dist/cjs/sd-pagination.cjs.entry.js +1 -1
  30. package/dist/cjs/sd-popover.cjs.entry.js +2 -2
  31. package/dist/cjs/sd-popup.cjs.entry.js +3 -3
  32. package/dist/cjs/sd-radio-button.cjs.entry.js +1 -1
  33. package/dist/cjs/sd-radio.cjs.entry.js +1 -1
  34. package/dist/cjs/sd-scroll-area.cjs.entry.js +44 -0
  35. package/dist/cjs/sd-select-list-item_4.cjs.entry.js +12 -12
  36. package/dist/cjs/sd-stepper.cjs.entry.js +190 -0
  37. package/dist/cjs/sd-switch.cjs.entry.js +2 -2
  38. package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
  39. package/dist/cjs/sd-text-link.cjs.entry.js +1 -1
  40. package/dist/cjs/sd-time-picker-selector.cjs.entry.js +2 -2
  41. package/dist/cjs/sd-time-picker-trigger.cjs.entry.js +3 -3
  42. package/dist/cjs/sd-time-picker.cjs.entry.js +3 -3
  43. package/dist/cjs/sd-time-range-picker-selector.cjs.entry.js +2 -2
  44. package/dist/cjs/sd-time-range-picker.cjs.entry.js +3 -3
  45. package/dist/cjs/sd-toast-container.cjs.entry.js +2 -2
  46. package/dist/cjs/sd-toast.cjs.entry.js +3 -3
  47. package/dist/cjs/sd-toggle.cjs.entry.js +2 -2
  48. package/dist/cjs/{system-B4KkVpu2.js → system-BGCBFBcM.js} +3 -1
  49. package/dist/cjs/{tooltipArrow-BlrFItn5.js → tooltipArrow-CZff77W-.js} +1 -1
  50. package/dist/collection/collection-manifest.json +2 -0
  51. package/dist/collection/components/sd-popup/sd-popup.css +40 -0
  52. package/dist/collection/components/sd-scroll-area/sd-scroll-area.config.js +8 -0
  53. package/dist/collection/components/sd-scroll-area/sd-scroll-area.css +61 -0
  54. package/dist/collection/components/sd-scroll-area/sd-scroll-area.js +151 -0
  55. package/dist/collection/components/sd-select/sd-select-list-item/sd-select-list-item.js +2 -2
  56. package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.js +4 -4
  57. package/dist/collection/components/sd-select/sd-select-listbox/sd-select-listbox.css +33 -9
  58. package/dist/collection/components/sd-select/sd-select-listbox/sd-select-listbox.js +2 -2
  59. package/dist/collection/components/sd-select/sd-select-trigger/sd-select-trigger.js +2 -2
  60. package/dist/collection/components/sd-select/sd-select.js +4 -4
  61. package/dist/collection/components/sd-stepper/sd-stepper.config.js +35 -0
  62. package/dist/collection/components/sd-stepper/sd-stepper.css +50 -0
  63. package/dist/collection/components/sd-stepper/sd-stepper.js +186 -0
  64. package/dist/collection/components/sd-switch/sd-switch.js +1 -1
  65. package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
  66. package/dist/collection/components/sd-textarea/sd-textarea.js +1 -1
  67. package/dist/collection/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.js +1 -1
  68. package/dist/collection/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.js +2 -2
  69. package/dist/collection/components/sd-time-picker/sd-time-picker.js +2 -2
  70. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.js +1 -1
  71. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.js +2 -2
  72. package/dist/collection/components/sd-toast/sd-toast.js +2 -2
  73. package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
  74. package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
  75. package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
  76. package/dist/components/index.js +1 -1
  77. package/dist/components/{p-1DsQj3tv.js → p--BJuy06e.js} +1 -1
  78. package/dist/components/{p-qZxAQy4p.js → p-22hyxPno.js} +1 -1
  79. package/dist/components/{p-Ckr9iuVb.js → p-7lGaExLM.js} +1 -1
  80. package/dist/components/{p-CKV2W-zU.js → p-B6BgOB_-.js} +1 -1
  81. package/dist/components/{p-DSWD8udu.js → p-BBAwMOGx.js} +1 -1
  82. package/dist/components/{p-C9IKm4j5.js → p-BDULNyBw.js} +1 -1
  83. package/dist/components/{p-CzJ9g73f.js → p-BI1iKxNN.js} +1 -1
  84. package/dist/components/{p-FGII920I.js → p-BU1DclrU.js} +1 -1
  85. package/dist/components/{p-DE8Ws9As.js → p-BhLF3gGb.js} +1 -1
  86. package/dist/components/p-Bk6mL1Ml.js +1 -0
  87. package/dist/components/{p-Bxv2AFOb.js → p-BkyM9ded.js} +1 -1
  88. package/dist/components/{p-DnlLqzGM.js → p-BoJ_gLp7.js} +1 -1
  89. package/dist/components/{p-DWnuCSqC.js → p-BpTKv3vN.js} +1 -1
  90. package/dist/components/{p-OnBLxJAP.js → p-C0IFrSzM.js} +1 -1
  91. package/dist/components/{p-D9qp3o5Y.js → p-C1KeTx0Z.js} +1 -1
  92. package/dist/components/{p-C6wuKkUq.js → p-C8x8VEb8.js} +1 -1
  93. package/dist/components/{p-ClbD4Gsr.js → p-CBx8KWmu.js} +1 -1
  94. package/dist/components/{p-CTCt17CE.js → p-CNNjhHTA.js} +1 -1
  95. package/dist/components/{p-Dc9g3-5z.js → p-CRDS2TOy.js} +1 -1
  96. package/dist/components/{p-Hjv7LqkN.js → p-CdeywvU6.js} +1 -1
  97. package/dist/components/{p-mcbwNjNT.js → p-CikPzSw-.js} +1 -1
  98. package/dist/components/{p-DasiqnrU.js → p-D0IDp-M3.js} +1 -1
  99. package/dist/components/{p-C6o10dl7.js → p-D2oNz1s-.js} +1 -1
  100. package/dist/components/{p-2g4jlJ3i.js → p-DApl37Qw.js} +1 -1
  101. package/dist/components/{p-In6mljvA.js → p-DGAzuK5C.js} +1 -1
  102. package/dist/components/{p-6U1qyU5A.js → p-DONA7SlO.js} +1 -1
  103. package/dist/components/{p-CwzkplrI.js → p-DVdDYnTl.js} +1 -1
  104. package/dist/components/{p-BvJ14GuJ.js → p-DdYWQ4Z5.js} +1 -1
  105. package/dist/components/{p-SYnTIeiO.js → p-DtadjLky.js} +1 -1
  106. package/dist/components/{p-D8yhjm54.js → p-DvlLDBO7.js} +1 -1
  107. package/dist/components/{p-CmCOLnc0.js → p-ETWwVYq6.js} +1 -1
  108. package/dist/components/{p-DOfLrOEu.js → p-ISXxxDfX.js} +1 -1
  109. package/dist/components/{p-B887QQl2.js → p-UFNg7rhE.js} +1 -1
  110. package/dist/components/{p-CH9dgzTr.js → p-irA7XFIS.js} +1 -1
  111. package/dist/components/{p-Bth2l1cy.js → p-rayWyWtG.js} +1 -1
  112. package/dist/components/{p-B-EV9bey.js → p-sLMSwbXi.js} +1 -1
  113. package/dist/components/{p-DsZwiWiU.js → p-vj3gimgB.js} +1 -1
  114. package/dist/components/sd-action-modal.js +1 -1
  115. package/dist/components/sd-badge.js +1 -1
  116. package/dist/components/sd-barcode-input.js +1 -1
  117. package/dist/components/sd-button.js +1 -1
  118. package/dist/components/sd-calendar.js +1 -1
  119. package/dist/components/sd-callout.js +1 -1
  120. package/dist/components/sd-card.js +1 -1
  121. package/dist/components/sd-checkbox.js +1 -1
  122. package/dist/components/sd-chip-input.js +1 -1
  123. package/dist/components/sd-chip.js +1 -1
  124. package/dist/components/sd-circle-progress.js +1 -1
  125. package/dist/components/sd-confirm-modal.js +1 -1
  126. package/dist/components/sd-date-box.js +1 -1
  127. package/dist/components/sd-date-picker-trigger.js +1 -1
  128. package/dist/components/sd-date-picker.js +1 -1
  129. package/dist/components/sd-date-range-picker-calendar.js +1 -1
  130. package/dist/components/sd-date-range-picker.js +1 -1
  131. package/dist/components/sd-divider.js +1 -1
  132. package/dist/components/sd-dropdown-button.js +1 -1
  133. package/dist/components/sd-field.js +1 -1
  134. package/dist/components/sd-file-picker.js +1 -1
  135. package/dist/components/sd-floating-portal.js +1 -1
  136. package/dist/components/sd-form.js +1 -1
  137. package/dist/components/sd-ghost-button.js +1 -1
  138. package/dist/components/sd-guide.js +1 -1
  139. package/dist/components/sd-icon.js +1 -1
  140. package/dist/components/sd-input.js +1 -1
  141. package/dist/components/sd-key-value-table.js +1 -1
  142. package/dist/components/sd-linear-progress.js +1 -1
  143. package/dist/components/sd-loading-container.js +1 -1
  144. package/dist/components/sd-loading-modal.js +1 -1
  145. package/dist/components/sd-modal-container.js +1 -1
  146. package/dist/components/sd-number-input.js +1 -1
  147. package/dist/components/sd-pagination.js +1 -1
  148. package/dist/components/sd-popover.js +1 -1
  149. package/dist/components/sd-popup.js +1 -1
  150. package/dist/components/sd-portal.js +1 -1
  151. package/dist/components/sd-radio-button.js +1 -1
  152. package/dist/components/sd-radio-group.js +1 -1
  153. package/dist/components/sd-radio.js +1 -1
  154. package/dist/components/sd-scroll-area.d.ts +11 -0
  155. package/dist/components/sd-scroll-area.js +1 -0
  156. package/dist/components/sd-select-list-item-search.js +1 -1
  157. package/dist/components/sd-select-list-item.js +1 -1
  158. package/dist/components/sd-select-listbox.js +1 -1
  159. package/dist/components/sd-select-trigger.js +1 -1
  160. package/dist/components/sd-select.js +1 -1
  161. package/dist/components/sd-stepper.d.ts +11 -0
  162. package/dist/components/sd-stepper.js +1 -0
  163. package/dist/components/sd-switch.js +1 -1
  164. package/dist/components/sd-tabs.js +1 -1
  165. package/dist/components/sd-tag.js +1 -1
  166. package/dist/components/sd-text-link.js +1 -1
  167. package/dist/components/sd-textarea.js +1 -1
  168. package/dist/components/sd-time-picker-selector.js +1 -1
  169. package/dist/components/sd-time-picker-trigger.js +1 -1
  170. package/dist/components/sd-time-picker.js +1 -1
  171. package/dist/components/sd-time-range-picker-selector.js +1 -1
  172. package/dist/components/sd-time-range-picker.js +1 -1
  173. package/dist/components/sd-toast-container.js +1 -1
  174. package/dist/components/sd-toast.js +1 -1
  175. package/dist/components/sd-toggle.js +1 -1
  176. package/dist/components/sd-tooltip.js +1 -1
  177. package/dist/design-system/design-system.css +1 -1
  178. package/dist/design-system/design-system.esm.js +1 -1
  179. package/dist/design-system/{p-21672bb8.entry.js → p-0cdd05eb.entry.js} +1 -1
  180. package/dist/design-system/p-1c4ba7ae.entry.js +1 -0
  181. package/dist/design-system/{p-219288ef.entry.js → p-2a36028d.entry.js} +1 -1
  182. package/dist/design-system/{p-3859316f.entry.js → p-2e76157e.entry.js} +1 -1
  183. package/dist/design-system/{p-b97a6cf3.entry.js → p-336cb0c1.entry.js} +1 -1
  184. package/dist/design-system/{p-570b9e91.entry.js → p-34e8dda6.entry.js} +1 -1
  185. package/dist/design-system/{p-62ff77e4.entry.js → p-370b820e.entry.js} +1 -1
  186. package/dist/design-system/{p-22ac9e05.entry.js → p-39db3098.entry.js} +1 -1
  187. package/dist/design-system/{p-843d1a8a.entry.js → p-3a2be559.entry.js} +1 -1
  188. package/dist/design-system/{p-e387ec65.entry.js → p-405cb160.entry.js} +1 -1
  189. package/dist/design-system/{p-52b1be6f.entry.js → p-456479cc.entry.js} +1 -1
  190. package/dist/design-system/{p-b5229957.entry.js → p-4d845113.entry.js} +1 -1
  191. package/dist/design-system/{p-a6c292d1.entry.js → p-5761352f.entry.js} +1 -1
  192. package/dist/design-system/{p-c1e625e5.entry.js → p-5b725381.entry.js} +1 -1
  193. package/dist/design-system/p-5d7820f7.entry.js +1 -0
  194. package/dist/design-system/{p-56e7c87b.entry.js → p-5dd631fe.entry.js} +1 -1
  195. package/dist/design-system/p-66e3fba3.entry.js +1 -0
  196. package/dist/design-system/{p-1858636f.entry.js → p-6a5540d8.entry.js} +1 -1
  197. package/dist/design-system/{p-4ae0a64a.entry.js → p-703bb49a.entry.js} +1 -1
  198. package/dist/design-system/{p-6c4fa9d7.entry.js → p-71e7031e.entry.js} +1 -1
  199. package/dist/design-system/{p-cdb2433a.entry.js → p-7837f8f8.entry.js} +1 -1
  200. package/dist/design-system/{p-4a117dd6.entry.js → p-814ae5f1.entry.js} +1 -1
  201. package/dist/design-system/{p-9c131122.entry.js → p-8804e3f3.entry.js} +1 -1
  202. package/dist/design-system/{p-e0e4a451.entry.js → p-8ea038d7.entry.js} +1 -1
  203. package/dist/design-system/{p-129b6330.entry.js → p-937a30af.entry.js} +1 -1
  204. package/dist/design-system/{p-c7f03dea.entry.js → p-94d4c093.entry.js} +1 -1
  205. package/dist/design-system/{p-16b9eac4.entry.js → p-97a059b0.entry.js} +1 -1
  206. package/dist/design-system/{p-46da4e95.entry.js → p-9afada52.entry.js} +1 -1
  207. package/dist/design-system/{p-8af8e302.entry.js → p-9df0dd32.entry.js} +1 -1
  208. package/dist/design-system/{p-Cn8LZw1e.js → p-CHijmX_D.js} +1 -1
  209. package/dist/design-system/{p-C599jhDs.js → p-CdvQqvIe.js} +1 -1
  210. package/dist/design-system/{p-b2dc1202.entry.js → p-a05f4888.entry.js} +1 -1
  211. package/dist/design-system/{p-a9cc4697.entry.js → p-a81e4ae0.entry.js} +1 -1
  212. package/dist/design-system/{p-2534d3d4.entry.js → p-aaa551fa.entry.js} +1 -1
  213. package/dist/design-system/p-adc218f5.entry.js +1 -0
  214. package/dist/design-system/{p-809a0a71.entry.js → p-b7e913e7.entry.js} +1 -1
  215. package/dist/design-system/{p-a0c55a19.entry.js → p-b90eaebd.entry.js} +1 -1
  216. package/dist/design-system/{p-d5325895.entry.js → p-c5263a22.entry.js} +1 -1
  217. package/dist/design-system/{p-82cb62a9.entry.js → p-c5eea64c.entry.js} +1 -1
  218. package/dist/design-system/{p-8836d9ff.entry.js → p-c906d22d.entry.js} +1 -1
  219. package/dist/design-system/{p-655324cd.entry.js → p-defe65db.entry.js} +1 -1
  220. package/dist/design-system/{p-efe3601d.entry.js → p-e16725f7.entry.js} +1 -1
  221. package/dist/design-system/{p-5a113197.entry.js → p-e4096b72.entry.js} +1 -1
  222. package/dist/design-system/{p-46eb3421.entry.js → p-e72706ea.entry.js} +1 -1
  223. package/dist/design-system/{p-66cff123.entry.js → p-fb01f963.entry.js} +1 -1
  224. package/dist/design-system/{p-15f43b9b.entry.js → p-fc9577d9.entry.js} +1 -1
  225. package/dist/design-system/{p-Bth2l1cy.js → p-rayWyWtG.js} +1 -1
  226. package/dist/esm/design-system.js +3 -3
  227. package/dist/esm/{index-C599jhDs.js → index-CdvQqvIe.js} +1 -1
  228. package/dist/esm/loader.js +3 -3
  229. package/dist/esm/sd-action-modal.entry.js +1 -1
  230. package/dist/esm/sd-badge.entry.js +1 -1
  231. package/dist/esm/sd-barcode-input.entry.js +1 -1
  232. package/dist/esm/sd-button_2.entry.js +1 -1
  233. package/dist/esm/sd-calendar_2.entry.js +1 -1
  234. package/dist/esm/sd-callout.entry.js +1 -1
  235. package/dist/esm/sd-card.entry.js +1 -1
  236. package/dist/esm/sd-checkbox.entry.js +1 -1
  237. package/dist/esm/sd-chip-input.entry.js +2 -2
  238. package/dist/esm/sd-chip.entry.js +1 -1
  239. package/dist/esm/sd-circle-progress.entry.js +2 -2
  240. package/dist/esm/sd-confirm-modal_2.entry.js +1 -1
  241. package/dist/esm/sd-date-box.entry.js +1 -1
  242. package/dist/esm/sd-date-picker_8.entry.js +6 -6
  243. package/dist/esm/sd-date-range-picker-calendar.entry.js +1 -1
  244. package/dist/esm/sd-divider.entry.js +2 -2
  245. package/dist/esm/sd-dropdown-button.entry.js +2 -2
  246. package/dist/esm/sd-field_3.entry.js +4 -4
  247. package/dist/esm/sd-form.entry.js +1 -1
  248. package/dist/esm/sd-ghost-button_3.entry.js +1 -1
  249. package/dist/esm/sd-guide.entry.js +2 -2
  250. package/dist/esm/sd-key-value-table.entry.js +2 -2
  251. package/dist/esm/sd-linear-progress.entry.js +2 -2
  252. package/dist/esm/sd-loading-container.entry.js +1 -1
  253. package/dist/esm/sd-modal-container.entry.js +1 -1
  254. package/dist/esm/sd-pagination.entry.js +1 -1
  255. package/dist/esm/sd-popover.entry.js +2 -2
  256. package/dist/esm/sd-popup.entry.js +3 -3
  257. package/dist/esm/sd-radio-button.entry.js +1 -1
  258. package/dist/esm/sd-radio.entry.js +1 -1
  259. package/dist/esm/sd-scroll-area.entry.js +42 -0
  260. package/dist/esm/sd-select-list-item_4.entry.js +12 -12
  261. package/dist/esm/sd-stepper.entry.js +188 -0
  262. package/dist/esm/sd-switch.entry.js +2 -2
  263. package/dist/esm/sd-tabs.entry.js +2 -2
  264. package/dist/esm/sd-text-link.entry.js +1 -1
  265. package/dist/esm/sd-time-picker-selector.entry.js +2 -2
  266. package/dist/esm/sd-time-picker-trigger.entry.js +3 -3
  267. package/dist/esm/sd-time-picker.entry.js +3 -3
  268. package/dist/esm/sd-time-range-picker-selector.entry.js +2 -2
  269. package/dist/esm/sd-time-range-picker.entry.js +3 -3
  270. package/dist/esm/sd-toast-container.entry.js +2 -2
  271. package/dist/esm/sd-toast.entry.js +3 -3
  272. package/dist/esm/sd-toggle.entry.js +2 -2
  273. package/dist/esm/{system-Bth2l1cy.js → system-rayWyWtG.js} +3 -1
  274. package/dist/esm/{tooltipArrow-DbLihSLI.js → tooltipArrow-BsQ__AbZ.js} +1 -1
  275. package/dist/types/components/sd-scroll-area/sd-scroll-area.config.d.ts +5 -0
  276. package/dist/types/components/sd-scroll-area/sd-scroll-area.d.ts +14 -0
  277. package/dist/types/components/sd-stepper/sd-stepper.config.d.ts +43 -0
  278. package/dist/types/components/sd-stepper/sd-stepper.d.ts +18 -0
  279. package/dist/types/components.d.ts +132 -0
  280. package/hydrate/index.js +289 -35
  281. package/hydrate/index.mjs +289 -35
  282. package/package.json +1 -1
  283. package/dist/components/p-DYjaQs6e.js +0 -1
  284. package/dist/design-system/p-4782331f.entry.js +0 -1
  285. package/dist/design-system/p-b75cc0dd.entry.js +0 -1
@@ -55,7 +55,7 @@ export class SdSwitch {
55
55
  // label(deprecated)은 rightLabel 로 흡수 (하위호환)
56
56
  const right = this.rightLabel ?? this.label;
57
57
  const accessibleName = [this.leftLabel, right].filter(Boolean).join(' ') || 'switch';
58
- return (h("label", { key: '617ec652e8878aa41abd2d376479730e4db69025', "aria-label": accessibleName, class: this.switchClasses, style: cssVars }, h("input", { key: 'd765a1b3038d2decec2bf561d96a201cb617b40d', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.leftLabel && h("span", { key: '2c6e398e7f926d3d9d9049aa1aa3fe459b92f51e', class: "sd-switch__label" }, this.leftLabel), h("div", { key: 'c71fdd196c0d50ce499c4c524005d01b834d066a', class: "sd-switch__track" }, h("div", { key: 'eabac4c3305fabf2e857fc8066a9acb80f90bf31', class: "sd-switch__knob" })), right && h("span", { key: '41a0f8ffd56791138b605379f88545b6e20d8df3', class: "sd-switch__label" }, right)));
58
+ return (h("label", { key: '3ff528a7fe1a39cae2475d31af98036dd5f0c7d8', "aria-label": accessibleName, class: this.switchClasses, style: cssVars }, h("input", { key: '02e54ab9b626be19ff1efd330069e3f9477367c6', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.leftLabel && h("span", { key: '2eed006c7de45f1cda9d009fa4228c8cb1f56755', class: "sd-switch__label" }, this.leftLabel), h("div", { key: '031c7c3121c54a45b7de0187c31e2e298a0f9701', class: "sd-switch__track" }, h("div", { key: '15a3225b7dd4deab98feb4f6581d89f9cf480edd', class: "sd-switch__knob" })), right && h("span", { key: '04b2185de5b5d2c05f24b3818c6dbc1300680d13', class: "sd-switch__label" }, right)));
59
59
  }
60
60
  static get is() { return "sd-switch"; }
61
61
  static get originalStyleUrls() {
@@ -78,7 +78,7 @@ export class SdTabs {
78
78
  };
79
79
  }
80
80
  render() {
81
- return (h("div", { key: 'd8d86075bbf5e13444f99e57cf63c2f5b9ef28fc', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
81
+ return (h("div", { key: 'c88c2d10181fd02076ac9c0ecdb6d3e95bd727c3', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
82
82
  const badgeName = this.getBadgeName(tab);
83
83
  return (h("div", { key: `tab-${index}`, role: "tab", tabindex: 0, "aria-selected": tab.value === this.value ? 'true' : 'false', class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab), onKeyDown: e => {
84
84
  if (e.key === 'Enter' || e.key === ' ') {
@@ -139,7 +139,7 @@ export class SdTextarea {
139
139
  '--sd-system-size-field-sm-height': 'auto',
140
140
  '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
141
141
  };
142
- return (h("sd-field", { key: 'f8fd8949824938bb79f101de2e5eca7980224b09', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '382441be15dd047888cf876006f1966256a503b7', class: "sd-textarea__content" }, h("textarea", { key: '5f5985ccdcc401f4aff2f47fe40003abeb76e8b3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
142
+ return (h("sd-field", { key: '007bdda5f38f94997c65f3542b4075a62c11a391', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '536185bb53815baae7807a5d4708d9f0100c07c1', class: "sd-textarea__content" }, h("textarea", { key: '144ae3ca78f8c3953bfef9951cb79952186b856c', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
143
143
  }
144
144
  static get is() { return "sd-textarea"; }
145
145
  static get originalStyleUrls() {
@@ -156,7 +156,7 @@ export class SdTimePickerSelector {
156
156
  '--selector-input-width': `${TIMEPICKER_SELECTOR.inputWidth}px`,
157
157
  '--selector-colon-size': `${TIMEPICKER_SELECTOR.colonSize}px`,
158
158
  };
159
- return (h("div", { key: '230eba90099f06b238a49da38bade09d5a1a168a', class: "sd-time-picker-selector", style: cssVars }, this.useMeridiem && (h("div", { key: 'a15baa49aa07b469843f15a1c381c97df6b31600', class: "sd-time-picker-selector__meridiem" }, h("div", { key: 'e1e9576461c4c9059b1d5c9f4a8528af91869316', class: "sd-time-picker-selector__meridiem-group" }, this.renderMeridiemButton('오전', 'AM', 'first'), this.renderMeridiemButton('오후', 'PM', 'end')))), this.useMeridiem && h("div", { key: 'c9c8dfbb3c724bef2d20d22ea839079c8176c1c6', class: "sd-time-picker-selector__divider" }), h("div", { key: 'd7157d6f5a38b09098fea6dc33d9ca69cf9fcd06', class: "sd-time-picker-selector__time" }, this.renderColumn('hour'), h("span", { key: '83b0ce7966cabe292eb454d103507a0504915aa7', class: "sd-time-picker-selector__colon" }, ":"), this.renderColumn('minute'))));
159
+ return (h("div", { key: '9bf6683c63cf784bba552872b00b53a19e7bd77d', class: "sd-time-picker-selector", style: cssVars }, this.useMeridiem && (h("div", { key: '096e30217c77ab8faf305965528f97026eefee85', class: "sd-time-picker-selector__meridiem" }, h("div", { key: '4931f8e17bfb1cb356e1d713dfdf1635ced0429a', class: "sd-time-picker-selector__meridiem-group" }, this.renderMeridiemButton('오전', 'AM', 'first'), this.renderMeridiemButton('오후', 'PM', 'end')))), this.useMeridiem && h("div", { key: 'a69fcd7379092069faaa556e7dc6649c46072314', class: "sd-time-picker-selector__divider" }), h("div", { key: '620e20c888b254533c34d626eac5012456b76052', class: "sd-time-picker-selector__time" }, this.renderColumn('hour'), h("span", { key: '483fc0afbbaf8faae65012bcead48a04bce6b446', class: "sd-time-picker-selector__colon" }, ":"), this.renderColumn('minute'))));
160
160
  }
161
161
  static get is() { return "sd-time-picker-selector"; }
162
162
  static get originalStyleUrls() {
@@ -48,7 +48,7 @@ export class SdTimePickerTrigger {
48
48
  ? TIMEPICKER_COLORS.icon.disabled
49
49
  : TIMEPICKER_COLORS.icon.default,
50
50
  };
51
- return (h("div", { key: '6b6bff8d9928ace4cda84a7bdb2ac6f73f0d2329', role: "button", tabindex: this.disabled ? -1 : 0, class: {
51
+ return (h("div", { key: '4cd9086e21a7e7fedb6601c163dcf9c5c8f374d1', role: "button", tabindex: this.disabled ? -1 : 0, class: {
52
52
  'sd-time-picker-trigger': true,
53
53
  'sd-time-picker-trigger--disabled': this.disabled,
54
54
  }, style: cssVars, onClick: this.handleClick, onKeyDown: e => {
@@ -56,7 +56,7 @@ export class SdTimePickerTrigger {
56
56
  e.preventDefault();
57
57
  this.handleClick();
58
58
  }
59
- } }, h("sd-icon", { key: 'd371bf5acec8592a44c0d18e738b5ac71b556f32', name: "clockOutline", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-time-picker-trigger__icon" }), h("span", { key: '2bc0ddfef47a1e929ceafb723345e1ae9e62095b', class: "sd-time-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder), this.clearable && hasValue && !this.disabled && (h("sd-ghost-button", { key: '76763c65dd6ee64c8f1abc0c871d8c50cfaf3852', class: "sd-time-picker-trigger__clear", icon: "close", size: "xs", ariaLabel: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30", onSdClick: this.handleClear }))));
59
+ } }, h("sd-icon", { key: 'c38c13b3dc8c072430bb5b40765b96582696e04c', name: "clockOutline", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-time-picker-trigger__icon" }), h("span", { key: '245e636a0645d97c825a44607516d8821cc533f9', class: "sd-time-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder), this.clearable && hasValue && !this.disabled && (h("sd-ghost-button", { key: 'fa740470bf8b798fcf0863ba9e7822e496e8e841', class: "sd-time-picker-trigger__clear", icon: "close", size: "xs", ariaLabel: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30", onSdClick: this.handleClear }))));
60
60
  }
61
61
  static get is() { return "sd-time-picker-trigger"; }
62
62
  static get originalStyleUrls() {
@@ -144,9 +144,9 @@ export class SdTimePicker {
144
144
  '--sd-system-color-field-border-focus': TIMEPICKER_COLORS.border.focus,
145
145
  '--sd-system-color-field-bg-default': TIMEPICKER_COLORS.bg.default,
146
146
  };
147
- return (h("sd-field", { key: 'dc433d8d452ad71bc5ea1b388399df862ca9cd04', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '258c3a0d3232e8edfe5304dd2e0fcea4060f5893', class: "sd-time-picker", ref: el => {
147
+ return (h("sd-field", { key: '77b2d4c36e19481ccb6a3d0cef288fe9eb902330', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '2d25872f4d1253faf85384030de21ef283e0696d', class: "sd-time-picker", ref: el => {
148
148
  this.triggerRef = el;
149
- } }, h("sd-time-picker-trigger", { key: '22af4e81d925cbdacea4e08b05aaa13cf5eb9ef8', displayText: formatTimeDisplay(this.value, this.effectiveUseMeridiem ? 'midday' : 'default'), placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '8c7e43950257c8a8bf3b157f69985b3284430107', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-picker-selector", { key: '27109beda36d1817807f6a8b6af8a7a12b4c31c6', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, onSdUpdate: this.handleSelect })))));
149
+ } }, h("sd-time-picker-trigger", { key: 'fe4a4611216642bcee5632c2202dec0058cc6898', displayText: formatTimeDisplay(this.value, this.effectiveUseMeridiem ? 'midday' : 'default'), placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'd2f921b2eee8d3cc33c52c6eb06f24188f18a78a', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-picker-selector", { key: 'd53c348ef16a1ddac731a49d0aafe64931007d32', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, onSdUpdate: this.handleSelect })))));
150
150
  }
151
151
  static get is() { return "sd-time-picker"; }
152
152
  static get originalStyleUrls() {
@@ -202,7 +202,7 @@ export class SdTimeRangePickerSelector {
202
202
  '--selector-bg-disabled': TIME_RANGE_PICKER_COLORS.bg.disabled,
203
203
  '--selector-text-default': TIME_RANGE_PICKER_COLORS.text.default,
204
204
  };
205
- return (h("div", { key: '2cfcf8240579a3526c40c430e1704c8b10556add', class: "sd-time-range-picker-selector", style: cssVars }, this.renderPanel('start', '시작 시간'), h("div", { key: 'c48b1c6af7897a64339ce9c1c1da9d8e4a02c612', class: "sd-time-range-picker-selector__divider" }), this.renderPanel('end', '종료 시간')));
205
+ return (h("div", { key: 'd62a959d611bd9379c0f07cd29cea18cda66b1f6', class: "sd-time-range-picker-selector", style: cssVars }, this.renderPanel('start', '시작 시간'), h("div", { key: '23e668d0bae4a16fdc8af3be4a2c40bec2d7f1cd', class: "sd-time-range-picker-selector__divider" }), this.renderPanel('end', '종료 시간')));
206
206
  }
207
207
  static get is() { return "sd-time-range-picker-selector"; }
208
208
  static get originalStyleUrls() {
@@ -150,9 +150,9 @@ export class SdTimeRangePicker {
150
150
  '--sd-system-color-field-border-focus': TIME_RANGE_PICKER_COLORS.border.focus,
151
151
  '--sd-system-color-field-bg-default': TIME_RANGE_PICKER_COLORS.bg.default,
152
152
  };
153
- return (h("sd-field", { key: '41f3bdb3d08a72f590a25486975962d02cb7bbb8', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'b3b8e08bd44e3f96a733c7341b8ca66c343aaa9d', class: "sd-time-range-picker", ref: el => {
153
+ return (h("sd-field", { key: 'b709c0fe129ab899b60aa75e41bc949cb82184d7', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '7fffb9bb91a0fa8a8fdce7704c47aea2de0b509a', class: "sd-time-range-picker", ref: el => {
154
154
  this.triggerRef = el;
155
- } }, h("sd-time-picker-trigger", { key: '39c927a8a3eee331bf253d2faabe9711c2516987', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '33fd2740d81d4dea5af75ed21888e4de213de1e3', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-range-picker-selector", { key: '554057e0b4a0fd27d570bf9ea955c947cfc5cc50', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, "range-order": this.rangeOrder, onSdUpdate: this.handleSelect })))));
155
+ } }, h("sd-time-picker-trigger", { key: 'b1f42c77070fc46da93aa66e681ee9504c999d11', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'ad91d531c8326a7e977f8c576e1026c4d6d0115c', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-range-picker-selector", { key: '0df138447c01169ea3e0462d012c4917ac7f904b', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, "range-order": this.rangeOrder, onSdUpdate: this.handleSelect })))));
156
156
  }
157
157
  static get is() { return "sd-time-range-picker"; }
158
158
  static get originalStyleUrls() {
@@ -26,12 +26,12 @@ export class SdToast {
26
26
  const linkColor = typeConfig.linkColor ?? typeConfig.content;
27
27
  const useDefaultCloseIntent = ['default', 'caution', 'info'].includes(this.type);
28
28
  const buttonName = TOAST_BUTTON_NAME_BY_TYPE[this.type] ?? TOAST_BUTTON_NAME_BY_TYPE.default;
29
- return (h("div", { key: 'f452ef18c746e75d0a2139fe14e10e2f6badc09e', style: {
29
+ return (h("div", { key: '5d7511c3fe5a5ef828986ff624af7c52ff087cfa', style: {
30
30
  '--sd-toast-bg': typeConfig.bg,
31
31
  '--sd-toast-text': typeConfig.content,
32
32
  '--sd-toast-icon': iconColor,
33
33
  '--sd-toast-link': linkColor,
34
- } }, h("div", { key: '2f72746f674d8eb2ea60ee4d77421a08c55c519d', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '41b1f311746bfae1cc85d262ab5358b3dc63b336', class: "sd-toast__icon" }, h("sd-icon", { key: 'c683d9d8a4b0712f70895c9168f1db0ed6de64f9', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '6656f4d296ea8fb284f8eb6cca961a23a993c811', class: "sd-toast__content" }, h("span", { key: '17a9b19754c725a6b70e56c23f92e518e7ded0a1', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '0b6da1f070cc31d136a5e366bd8d6655d8bbc291', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '9325d2e1ec659e72858a190077c821475e5ef8f2', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: 'acbb5e957e6fa989412e9824bf2b4f4314afca8c', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
34
+ } }, h("div", { key: 'c35b42d7ece2030ed0e27abb0059f9b09c4edb9e', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '015223ab3e9d4296d3782afc0c6cfd60e54289c7', class: "sd-toast__icon" }, h("sd-icon", { key: '6d8e5d73fc026df0d8f75439b926bd027ca6a008', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: 'b601081818d66910d9d2f9984bfb9a473237b065', class: "sd-toast__content" }, h("span", { key: '6a17766f5a337cbc85179dc310fb400186f35ac6', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '80abceec8d37905073c9a8e43fcdd1a78978b5f6', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '212516f32c46938d405e68dbb156cf139b39ffd8', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '9fd34f93f46d9a5a25ec52e0d164bbcaf4297e2e', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
35
35
  }
36
36
  static get is() { return "sd-toast"; }
37
37
  static get originalStyleUrls() {
@@ -225,7 +225,7 @@ export class SdToastContainer {
225
225
  const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
226
226
  const indexMap = new Map();
227
227
  activeToasts.forEach((t, i) => indexMap.set(t.id, i));
228
- return (h("div", { key: '3b7cfb69d072ae23f91b8afcced5d02f553f972b', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
228
+ return (h("div", { key: '166ac21503b08853631fddaed047ab108a99570a', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
229
229
  this.expanded = true;
230
230
  this.pauseTimers();
231
231
  }, onMouseLeave: () => {
@@ -49,7 +49,7 @@ export class SdToggle {
49
49
  '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
50
50
  '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
51
51
  };
52
- return (h("label", { key: 'af787ccf9ff1c49242a7f5822e8c97c5a65f2b95', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'e2584e65a77af911136766358ecdaa730b631394', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
52
+ return (h("label", { key: 'f78d58c01b943a5f22ace9cb14e50b0098cc8206', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '8b8d8e09b322a5093c57129f94c49f6951d78df7', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
53
53
  }
54
54
  static get is() { return "sd-toggle"; }
55
55
  static get originalStyleUrls() {
@@ -127,7 +127,7 @@ export class SdTooltip {
127
127
  const bodyHTML = this.message && this.message.length > 0
128
128
  ? this.message.map(line => `<div>${line}</div>`).join('')
129
129
  : this.slotContentHTML;
130
- return (h(Fragment, { key: 'bdac226a4c4363e4461619b197584742e670f0dc' }, h("div", { key: '3455977839562a69f8ee0a8b008e197b62944eac', ref: el => (this.triggerEl = el), class: triggerClasses, ...divTrigger }, this.isAnchorMode ? (h("slot", { name: "anchor" })) : (h("sd-icon", { name: icon, size: this.iconSize ?? 12, color: color, "aria-label": this.ariaLabel || undefined, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: '787d1240ed16df1d56d82449e8130376cc45cfa0', parentRef: this.triggerEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, h("div", { key: 'e8c6139f815f837b5ada7eb4d8d95a7ae47293a6', ref: el => (this.menuEl = el), class: {
130
+ return (h(Fragment, { key: 'd5854a26d23173e2c3493d301b0befefccd25cac' }, h("div", { key: '996d9ca989e7032f86ea3744b878b596e5947d15', ref: el => (this.triggerEl = el), class: triggerClasses, ...divTrigger }, this.isAnchorMode ? (h("slot", { name: "anchor" })) : (h("sd-icon", { name: icon, size: this.iconSize ?? 12, color: color, "aria-label": this.ariaLabel || undefined, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: '5583e344bac78edbd353c759f187c387823a4304', parentRef: this.triggerEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, h("div", { key: '446e2fbf5e0e26901e635081a1e1100c7bfb8106', ref: el => (this.menuEl = el), class: {
131
131
  'sd-floating-menu': true,
132
132
  [`sd-floating-menu--${tooltipType}`]: true,
133
133
  [`sd-floating-menu--${placement}`]: true,
@@ -135,7 +135,7 @@ export class SdTooltip {
135
135
  }, style: {
136
136
  '--sd-floating-bg': typeConfig.bg,
137
137
  '--sd-floating-content': typeConfig.content,
138
- }, onMouseEnter: () => this.openTooltip(), onMouseLeave: () => !this.useClose && this.startHideTimer() }, h("i", { key: 'b845e04d76578972d651bf62e5580571c187367f', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: '8d4dbba5fb8134ccfa4282e2344142d3427a8d1e' })), h("div", { key: '3d532c9ff232c51bde05543b24ce619c6ab34c9c', class: "sd-floating-menu__content", innerHTML: bodyHTML }), this.useClose && (h("sd-ghost-button", { key: '53eb0fd00f2713451e201bb47f8b211b39287a43', class: "sd-floating-menu__close-button", icon: "close", ariaLabel: "close", size: "xxs", onClick: () => this.closeTooltip() })))))));
138
+ }, onMouseEnter: () => this.openTooltip(), onMouseLeave: () => !this.useClose && this.startHideTimer() }, h("i", { key: '0ccae56e8e88cf2ca33eeb4780fbfabd9fa33a99', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: 'e10701628f3cb708f89fad5f910475edc30e0e50' })), h("div", { key: '3cbedf1225e4cc5bf3fad45754b7ab663e9ab5f2', class: "sd-floating-menu__content", innerHTML: bodyHTML }), this.useClose && (h("sd-ghost-button", { key: '90198241c12483bb8db4d13d5ba73ea6d3765574', class: "sd-floating-menu__close-button", icon: "close", ariaLabel: "close", size: "xxs", onClick: () => this.closeTooltip() })))))));
139
139
  }
140
140
  static get is() { return "sd-tooltip"; }
141
141
  static get originalStyleUrls() {
@@ -1 +1 @@
1
- export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-C6wuKkUq.js";import{c as t}from"./p-DRVnqiWc.js";let n=null;function e(t,n){void 0!==n&&(void 0!==n.position&&t.setAttribute("position",n.position),null!=n.maxVisible&&t.setAttribute("max-visible",n.maxVisible+""),null!=n.defaultDuration&&t.setAttribute("default-duration",n.defaultDuration+""),null!=n.zIndex&&t.setAttribute("z-index",n.zIndex+""))}function i(t){return n&&document.body.contains(n)?(e(n,t),n):(n=document.createElement("sd-toast-container"),e(n,t),document.body.appendChild(n),n)}function o(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const c={async create(t,n,e){const{globalOptions:s,...r}=e??{},c=i(s);return await o(c),c.create({message:t,type:n,...r})},async dismiss(t){if(null!=n)return await o(n),n.dismiss(t)},async dismissAll(){if(null!=n)return await o(n),n.dismissAll()},configure(t){i(t)}},u="sd-modal-container";let d=null;const l={ok:"confirm",cancel:"cancel",close:"close"};class m{modalId;okFn;cancelFn;closeFn;clickFn;submitFn;dismissedFn;containerRef;pendingActions=[];dismissRequested=!1;constructor(t,n){this.modalId=t,this.containerRef=n}onOk(t){return this.okFn=t,this}onCancel(t){return this.cancelFn=t,this}onClose(t){return this.closeFn=t,this}onClick(t){return this.clickFn=t,this}onSubmit(t){return this.submitFn=t,this}onDismissed(t){return this.dismissedFn=t,this}update(t){return this.runOrQueue((()=>{this.containerRef?.update(this.modalId,t)})),this}ok(){return this.dismiss("ok")}cancel(){return this.dismiss("cancel")}close(){return this.dismiss("close")}dismiss(t="close"){if(this.dismissRequested)return this;this.dismissRequested=!0;const n=l[t];return this.runOrQueue((()=>{this.containerRef?.dismissById(this.modalId,n)})),this}_hasSubmit(){return null!=this.submitFn}_triggerOk(){this.okFn?.()}_triggerSubmit(){this.submitFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerClick(){this.clickFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(t){this.modalId=t;const n=[...this.pendingActions];this.pendingActions=[],n.forEach((t=>t()))}_setContainer(t){this.containerRef=t}runOrQueue(t){""===this.modalId||null==this.containerRef?this.pendingActions.push(t):t()}}function h(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}function f(){if(h(),function(){if(!customElements.get(u))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),d&&d.isConnected)return d;const t=document.createElement(u);return t.setAttribute("auto-remove",""),document.body.appendChild(t),d=t,t}async function w(t){if(await customElements.whenDefined(u),"function"==typeof t.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function p(){return new m("")}function y(t,n){const{component:e,persistent:s}=n,i=f(),o={persistent:s};t._setContainer(i),w(i).then((async()=>{const n=await i.createCustom(e,o,t);t._setId(n)}))}const E={confirm(t){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.open(t,e);e._setId(s)})),e},loading(t={}){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.openLoading(t,e);e._setId(s)})),e},create(t){const n=p();return y(n,t),n},configure(n){h(),t(n)}},C="sd-loading-container";let k=null;async function _(t){const n=(function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdLoading] Browser APIs are unavailable. Use `sdLoading` only on the client.")}(),function(){if(!customElements.get(C))throw Error("[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.")}(),k&&document.body.contains(k)||(k=document.createElement(C),document.body.appendChild(k)),k);await customElements.whenDefined(C),t(n)}const A={show(t={}){_((n=>{n.show?.(t)}))},hide(){k&&_((t=>{t.hide?.()}))}};export{y as _attachSdModalWithRef,p as _createSdModalRef,A as sdLoading,E as sdModal,c as sdToast}
1
+ export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-C8x8VEb8.js";import{c as t}from"./p-DRVnqiWc.js";let n=null;function e(t,n){void 0!==n&&(void 0!==n.position&&t.setAttribute("position",n.position),null!=n.maxVisible&&t.setAttribute("max-visible",n.maxVisible+""),null!=n.defaultDuration&&t.setAttribute("default-duration",n.defaultDuration+""),null!=n.zIndex&&t.setAttribute("z-index",n.zIndex+""))}function i(t){return n&&document.body.contains(n)?(e(n,t),n):(n=document.createElement("sd-toast-container"),e(n,t),document.body.appendChild(n),n)}function o(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const c={async create(t,n,e){const{globalOptions:s,...r}=e??{},c=i(s);return await o(c),c.create({message:t,type:n,...r})},async dismiss(t){if(null!=n)return await o(n),n.dismiss(t)},async dismissAll(){if(null!=n)return await o(n),n.dismissAll()},configure(t){i(t)}},u="sd-modal-container";let d=null;const l={ok:"confirm",cancel:"cancel",close:"close"};class m{modalId;okFn;cancelFn;closeFn;clickFn;submitFn;dismissedFn;containerRef;pendingActions=[];dismissRequested=!1;constructor(t,n){this.modalId=t,this.containerRef=n}onOk(t){return this.okFn=t,this}onCancel(t){return this.cancelFn=t,this}onClose(t){return this.closeFn=t,this}onClick(t){return this.clickFn=t,this}onSubmit(t){return this.submitFn=t,this}onDismissed(t){return this.dismissedFn=t,this}update(t){return this.runOrQueue((()=>{this.containerRef?.update(this.modalId,t)})),this}ok(){return this.dismiss("ok")}cancel(){return this.dismiss("cancel")}close(){return this.dismiss("close")}dismiss(t="close"){if(this.dismissRequested)return this;this.dismissRequested=!0;const n=l[t];return this.runOrQueue((()=>{this.containerRef?.dismissById(this.modalId,n)})),this}_hasSubmit(){return null!=this.submitFn}_triggerOk(){this.okFn?.()}_triggerSubmit(){this.submitFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerClick(){this.clickFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(t){this.modalId=t;const n=[...this.pendingActions];this.pendingActions=[],n.forEach((t=>t()))}_setContainer(t){this.containerRef=t}runOrQueue(t){""===this.modalId||null==this.containerRef?this.pendingActions.push(t):t()}}function h(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}function f(){if(h(),function(){if(!customElements.get(u))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),d&&d.isConnected)return d;const t=document.createElement(u);return t.setAttribute("auto-remove",""),document.body.appendChild(t),d=t,t}async function w(t){if(await customElements.whenDefined(u),"function"==typeof t.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function p(){return new m("")}function y(t,n){const{component:e,persistent:s}=n,i=f(),o={persistent:s};t._setContainer(i),w(i).then((async()=>{const n=await i.createCustom(e,o,t);t._setId(n)}))}const E={confirm(t){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.open(t,e);e._setId(s)})),e},loading(t={}){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.openLoading(t,e);e._setId(s)})),e},create(t){const n=p();return y(n,t),n},configure(n){h(),t(n)}},C="sd-loading-container";let k=null;async function _(t){const n=(function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdLoading] Browser APIs are unavailable. Use `sdLoading` only on the client.")}(),function(){if(!customElements.get(C))throw Error("[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.")}(),k&&document.body.contains(k)||(k=document.createElement(C),document.body.appendChild(k)),k);await customElements.whenDefined(C),t(n)}const A={show(t={}){_((n=>{n.show?.(t)}))},hide(){k&&_((t=>{t.hide?.()}))}};export{y as _attachSdModalWithRef,p as _createSdModalRef,A as sdLoading,E as sdModal,c as sdToast}
@@ -1 +1 @@
1
- import{p as e,H as s,c as t,h as i,t as a}from"./p-C6wuKkUq.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-bXzpfkfN.js";import{d as o}from"./p-D8yhjm54.js";import{d as n}from"./p-Hjv7LqkN.js";import{d as h}from"./p-DsZwiWiU.js";import{d as c}from"./p-DSWD8udu.js";import{d as m}from"./p-SYnTIeiO.js";import{d as p}from"./p-DWnuCSqC.js";import{d as u}from"./p-CH9dgzTr.js";import{d as g}from"./p-CTCt17CE.js";import{d as b}from"./p-qZxAQy4p.js";const f=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;useTimePicker=!1;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.useTimePicker||this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}static DEFAULT_PLACEHOLDER="YYYY-MM-DD ~ YYYY-MM-DD";get resolvedPlaceholder(){return this.useTimePicker&&this.placeholder===e.DEFAULT_PLACEHOLDER?"YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm":this.placeholder}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.sm;return i("sd-field",{key:"01098a74a5066d2328409dcdf21bb38691adf455",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"dab4a666f5c144bbcbf3848528ce246c752ab906",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"5aa378df1b53a2b8cc29e159e7bda0544210a81e",displayText:this.displayText,placeholder:this.resolvedPlaceholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"8d18658004dc009d869804bdabd31155117edde3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"0bf96efeed4c567052e690a83a70f27df85ccc64",value:this.value,selectable:this.selectable,maxRange:this.maxRange,useTimePicker:this.useTimePicker,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-range-picker",{value:[1040],size:[513],placeholder:[513],selectable:[16],maxRange:[2,"max-range"],useTimePicker:[4,"use-time-picker"],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-date-picker-trigger","sd-date-range-picker-calendar","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(a(e))||customElements.define(a(e),f);break;case"sd-date-picker-trigger":customElements.get(a(e))||o();break;case"sd-date-range-picker-calendar":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||h();break;case"sd-floating-portal":customElements.get(a(e))||c();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||p();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tag":customElements.get(a(e))||g();break;case"sd-tooltip":customElements.get(a(e))||b()}}))}export{f as S,k as d}
1
+ import{p as e,H as s,c as t,h as i,t as a}from"./p-C8x8VEb8.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-bXzpfkfN.js";import{d as o}from"./p-DvlLDBO7.js";import{d as n}from"./p-CdeywvU6.js";import{d as h}from"./p-vj3gimgB.js";import{d as c}from"./p-BBAwMOGx.js";import{d as m}from"./p-DtadjLky.js";import{d as p}from"./p-BpTKv3vN.js";import{d as u}from"./p-irA7XFIS.js";import{d as g}from"./p-CNNjhHTA.js";import{d as b}from"./p-22hyxPno.js";const f=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;useTimePicker=!1;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.useTimePicker||this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}static DEFAULT_PLACEHOLDER="YYYY-MM-DD ~ YYYY-MM-DD";get resolvedPlaceholder(){return this.useTimePicker&&this.placeholder===e.DEFAULT_PLACEHOLDER?"YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm":this.placeholder}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.sm;return i("sd-field",{key:"01098a74a5066d2328409dcdf21bb38691adf455",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"dab4a666f5c144bbcbf3848528ce246c752ab906",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"5aa378df1b53a2b8cc29e159e7bda0544210a81e",displayText:this.displayText,placeholder:this.resolvedPlaceholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"8d18658004dc009d869804bdabd31155117edde3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"0bf96efeed4c567052e690a83a70f27df85ccc64",value:this.value,selectable:this.selectable,maxRange:this.maxRange,useTimePicker:this.useTimePicker,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-range-picker",{value:[1040],size:[513],placeholder:[513],selectable:[16],maxRange:[2,"max-range"],useTimePicker:[4,"use-time-picker"],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-date-picker-trigger","sd-date-range-picker-calendar","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(a(e))||customElements.define(a(e),f);break;case"sd-date-picker-trigger":customElements.get(a(e))||o();break;case"sd-date-range-picker-calendar":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||h();break;case"sd-floating-portal":customElements.get(a(e))||c();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||p();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tag":customElements.get(a(e))||g();break;case"sd-tooltip":customElements.get(a(e))||b()}}))}export{f as S,k as d}
@@ -1 +1 @@
1
- import{p as t,H as s,h as e,F as i,t as o}from"./p-C6wuKkUq.js";import{T as n}from"./p-BvJ14GuJ.js";import{d as a}from"./p-DSWD8udu.js";import{d as l}from"./p-SYnTIeiO.js";import{d as c}from"./p-DWnuCSqC.js";import{d as r}from"./p-CH9dgzTr.js";import{d}from"./p-CTCt17CE.js";var h={bg:"#07284A",content:"#FFFFFF"},m={bg:"#FCEFEF",content:"#FB4444"},p={bg:"#FEF1EA",content:"#FF6B00"},u={bg:"#E6F1FF",content:"#0075FF"};const g={default:{bg:h.bg,content:h.content},danger:{bg:m.bg,content:m.content},warning:{bg:p.bg,content:p.content},accent:{bg:u.bg,content:u.content}},f=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;ariaLabel="";disabled=!1;useClose=!1;message=[];triggerClassName="";showTooltip=!1;slotContentHTML="";triggerEl;isAnchorMode=!1;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;openTooltip=()=>{this.disabled||(this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing"))};closeTooltip=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),t.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.closeTooltip()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>!this.useClose&&this.closeTooltip();async show(){this.openTooltip()}async hide(){this.closeTooltip()}componentWillLoad(){this.isAnchorMode=Array.from(this.el.children).some((t=>"anchor"===t.getAttribute("slot"))),this.isAnchorMode||(this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren()),this.el.classList.toggle("visible",!0)}render(){const t=this.placement??"top",s=this.tooltipType??"default",o=this.icon??"helpOutline",a=this.color??"#01BB4B",l=g[s]??g.default,c="hover"===(this.trigger??"hover")?{onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()}:{onClick:()=>{this.showTooltip?this.showTooltip=!1:this.openTooltip()}},r=["sd-tooltip-trigger",this.triggerClassName].filter((t=>void 0!==t&&""!==t)).join(" "),d=this.message&&this.message.length>0?this.message.map((t=>`<div>${t}</div>`)).join(""):this.slotContentHTML;return e(i,{key:"bdac226a4c4363e4461619b197584742e670f0dc"},e("div",{key:"3455977839562a69f8ee0a8b008e197b62944eac",ref:t=>this.triggerEl=t,class:r,...c},this.isAnchorMode?e("slot",{name:"anchor"}):e("sd-icon",{name:o,size:this.iconSize??12,color:a,"aria-label":this.ariaLabel||void 0,class:"sd-tooltip"})),this.showTooltip&&e("sd-floating-portal",{key:"787d1240ed16df1d56d82449e8130376cc45cfa0",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.tooltipOffset},e("div",{key:"e8c6139f815f837b5ada7eb4d8d95a7ae47293a6",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${s}`]:!0,[`sd-floating-menu--${t}`]:!0,"sd-floating-menu--has-close":this.useClose},style:{"--sd-floating-bg":l.bg,"--sd-floating-content":l.content},onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()},e("i",{key:"b845e04d76578972d651bf62e5580571c187367f",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},e(n,{key:"8d4dbba5fb8134ccfa4282e2344142d3427a8d1e"})),e("div",{key:"3d532c9ff232c51bde05543b24ce619c6ab34c9c",class:"sd-floating-menu__content",innerHTML:d}),this.useClose&&e("sd-ghost-button",{key:"53eb0fd00f2713451e201bb47f8b211b39287a43",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xxs",onClick:()=>this.closeTooltip()}))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}"}},[772,"sd-tooltip",{trigger:[1],placement:[1],color:[1],tooltipType:[1,"tooltip-type"],icon:[1],iconSize:[2,"icon-size"],ariaLabel:[1,"aria-label"],disabled:[4],useClose:[4,"use-close"],message:[16],triggerClassName:[1,"trigger-class-name"],showTooltip:[32],slotContentHTML:[32],show:[64],hide:[64]}]);function b(){"undefined"!=typeof customElements&&["sd-tooltip","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(o(t))||customElements.define(o(t),f);break;case"sd-floating-portal":customElements.get(o(t))||a();break;case"sd-ghost-button":customElements.get(o(t))||l();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-portal":customElements.get(o(t))||r();break;case"sd-tag":customElements.get(o(t))||d()}}))}export{f as S,b as d}
1
+ import{p as t,H as s,h as e,F as i,t as o}from"./p-C8x8VEb8.js";import{T as a}from"./p-DdYWQ4Z5.js";import{d as n}from"./p-BBAwMOGx.js";import{d as l}from"./p-DtadjLky.js";import{d as c}from"./p-BpTKv3vN.js";import{d as r}from"./p-irA7XFIS.js";import{d}from"./p-CNNjhHTA.js";var h={bg:"#07284A",content:"#FFFFFF"},m={bg:"#FCEFEF",content:"#FB4444"},p={bg:"#FEF1EA",content:"#FF6B00"},f={bg:"#E6F1FF",content:"#0075FF"};const g={default:{bg:h.bg,content:h.content},danger:{bg:m.bg,content:m.content},warning:{bg:p.bg,content:p.content},accent:{bg:f.bg,content:f.content}},b=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;ariaLabel="";disabled=!1;useClose=!1;message=[];triggerClassName="";showTooltip=!1;slotContentHTML="";triggerEl;isAnchorMode=!1;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;openTooltip=()=>{this.disabled||(this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing"))};closeTooltip=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),t.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.closeTooltip()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>!this.useClose&&this.closeTooltip();async show(){this.openTooltip()}async hide(){this.closeTooltip()}componentWillLoad(){this.isAnchorMode=Array.from(this.el.children).some((t=>"anchor"===t.getAttribute("slot"))),this.isAnchorMode||(this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren()),this.el.classList.toggle("visible",!0)}render(){const t=this.placement??"top",s=this.tooltipType??"default",o=this.icon??"helpOutline",n=this.color??"#01BB4B",l=g[s]??g.default,c="hover"===(this.trigger??"hover")?{onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()}:{onClick:()=>{this.showTooltip?this.showTooltip=!1:this.openTooltip()}},r=["sd-tooltip-trigger",this.triggerClassName].filter((t=>void 0!==t&&""!==t)).join(" "),d=this.message&&this.message.length>0?this.message.map((t=>`<div>${t}</div>`)).join(""):this.slotContentHTML;return e(i,{key:"d5854a26d23173e2c3493d301b0befefccd25cac"},e("div",{key:"996d9ca989e7032f86ea3744b878b596e5947d15",ref:t=>this.triggerEl=t,class:r,...c},this.isAnchorMode?e("slot",{name:"anchor"}):e("sd-icon",{name:o,size:this.iconSize??12,color:n,"aria-label":this.ariaLabel||void 0,class:"sd-tooltip"})),this.showTooltip&&e("sd-floating-portal",{key:"5583e344bac78edbd353c759f187c387823a4304",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.tooltipOffset},e("div",{key:"446e2fbf5e0e26901e635081a1e1100c7bfb8106",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${s}`]:!0,[`sd-floating-menu--${t}`]:!0,"sd-floating-menu--has-close":this.useClose},style:{"--sd-floating-bg":l.bg,"--sd-floating-content":l.content},onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()},e("i",{key:"0ccae56e8e88cf2ca33eeb4780fbfabd9fa33a99",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},e(a,{key:"e10701628f3cb708f89fad5f910475edc30e0e50"})),e("div",{key:"3cbedf1225e4cc5bf3fad45754b7ab663e9ab5f2",class:"sd-floating-menu__content",innerHTML:d}),this.useClose&&e("sd-ghost-button",{key:"90198241c12483bb8db4d13d5ba73ea6d3765574",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xxs",onClick:()=>this.closeTooltip()}))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}"}},[772,"sd-tooltip",{trigger:[1],placement:[1],color:[1],tooltipType:[1,"tooltip-type"],icon:[1],iconSize:[2,"icon-size"],ariaLabel:[1,"aria-label"],disabled:[4],useClose:[4,"use-close"],message:[16],triggerClassName:[1,"trigger-class-name"],showTooltip:[32],slotContentHTML:[32],show:[64],hide:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-tooltip","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(o(t))||customElements.define(o(t),b);break;case"sd-floating-portal":customElements.get(o(t))||n();break;case"sd-ghost-button":customElements.get(o(t))||l();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-portal":customElements.get(o(t))||r();break;case"sd-tag":customElements.get(o(t))||d()}}))}export{b as S,u as d}
@@ -1 +1 @@
1
- import{p as e,H as t,c as r,h as s,t as i}from"./p-C6wuKkUq.js";import{p as n,f as o,c as a,T as c,d}from"./p-DMm_GeZC.js";import{d as l}from"./p-SYnTIeiO.js";import{d as m}from"./p-DWnuCSqC.js";import{d as p}from"./p-CH9dgzTr.js";import{d as u}from"./p-CTCt17CE.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=r(this,"sdUpdate",7)}value=null;useMeridiem=!1;minuteStep=1;rangeOrder="strict";update;editingKey=null;inputDraft={};autoAdjusted=null;getRange(){return this.value??["00:00","23:59"]}getParts(e){const[t,r]=this.getRange();return n("start"===e?t:r)}getMeridiem(e){return this.getParts(e).hour>=12?"PM":"AM"}getDisplayHour(e){const{hour:t}=this.getParts(e);if(!this.useMeridiem)return t;const r=t%12;return 0===r?12:r}emitSide(e,t,r,s="unknown"){const[i,n]=this.getRange(),a=o(t,r);this.update.emit(this.normalizeNextRange("start"===e?[a,n]:[i,a],e,s))}getTimeMinutes(e){const{hour:t,minute:r}=n(e);return 60*t+r}normalizeNextRange(e,t,r){if("allow-cross-day"===this.rangeOrder)return e;const[s,i]=e,[n,o]=this.getRange();return this.getTimeMinutes(s)<=this.getTimeMinutes(i)?this.autoAdjusted?.side!==t||n!==o||s===i||"unknown"!==r&&this.autoAdjusted.direction!==r?(this.autoAdjusted=null,e):"start"===t?[s,s]:[i,i]:(this.autoAdjusted={side:t,direction:"start"===t?"increase":"decrease"},"start"===t?[s,s]:[i,i])}getEditingKey(e,t){return`${e}-${t}`}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t,r){const s=this.getEditingKey(e,t);this.editingKey=s,this.setDraft(s,String(r).padStart(2,"0"))}commitHourDraft(e,t){const r=a(Number(t),this.useMeridiem?1:0,this.useMeridiem?12:23),{minute:s}=this.getParts(e),i=this.getMeridiem(e);return this.emitSide(e,this.useMeridiem?"PM"===i?12===r?12:r+12:12===r?0:r:r,s),r}commitMinuteDraft(e,t){const{hour:r}=this.getParts(e),s=a(Number(t),0,59);return this.emitSide(e,r,s),s}endEdit(e,t){const r=this.inputDraft[this.getEditingKey(e,t)];"hour"===t&&null!=r&&""!==r&&this.commitHourDraft(e,r),"minute"===t&&null!=r&&""!==r&&this.commitMinuteDraft(e,r),this.editingKey=null,this.inputDraft={}}setMeridiem(e,t){if(this.getMeridiem(e)===t)return;const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,"AM"===t?r-12:r+12,s)}changeHour(e,t){const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,(r+t+24)%24,s,t>0?"increase":"decrease")}changeMinute(e,t){const{hour:r,minute:s}=this.getParts(e),i=s+t;i>59?this.emitSide(e,(r+1)%24,i-60,t>0?"increase":"decrease"):i<0?this.emitSide(e,(r+23)%24,i+60,t>0?"increase":"decrease"):this.emitSide(e,r,i,t>0?"increase":"decrease")}handleHourInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"hour"),s),""===s)return;if(s.length<2)return;const i=this.commitHourDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"hour"),n)};handleMinuteInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"minute"),s),""===s)return;if(s.length<2)return;const i=this.commitMinuteDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"minute"),n)};renderMeridiemButton(e,t,r,i){const n=this.getMeridiem(e)===r;return s("button",{type:"button",class:{"sd-time-range-picker-selector__meridiem-button":!0,"sd-time-range-picker-selector__meridiem-button--selected":n,[`sd-time-range-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(e,r)},t)}renderColumn(e,t){const r="hour"===t,{minute:i}=this.getParts(e),n=r?this.getDisplayHour(e):i,o=this.getEditingKey(e,t),a=this.editingKey===o?this.inputDraft[o]??"":String(n).padStart(2,"0");return s("div",{class:"sd-time-range-picker-selector__column"},s("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${r?"시":"분"} 증가`,onSdClick:()=>r?this.changeHour(e,1):this.changeMinute(e,this.minuteStep)}),s("input",{class:"sd-time-range-picker-selector__input",type:"text",inputmode:"numeric",value:a,placeholder:"-",onFocus:()=>this.beginEdit(e,t,n),onBlur:()=>this.endEdit(e,t),onInput:t=>r?this.handleHourInput(e,t):this.handleMinuteInput(e,t),"aria-label":`${"start"===e?"시작":"종료"} ${r?"시":"분"}`}),s("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${r?"시":"분"} 감소`,onSdClick:()=>r?this.changeHour(e,-1):this.changeMinute(e,-this.minuteStep)}))}renderPanel(e,t){return s("div",{class:"sd-time-range-picker-selector__panel"},s("div",{class:"sd-time-range-picker-selector__heading"},s("div",{class:"sd-time-range-picker-selector__heading-text"},t),this.useMeridiem&&s("div",{class:"sd-time-range-picker-selector__meridiem-group"},this.renderMeridiemButton(e,"오전","AM","first"),this.renderMeridiemButton(e,"오후","PM","end"))),s("div",{class:"sd-time-range-picker-selector__time"},this.renderColumn(e,"hour"),s("span",{class:"sd-time-range-picker-selector__colon"},":"),this.renderColumn(e,"minute")))}render(){return s("div",{key:"2cfcf8240579a3526c40c430e1704c8b10556add",class:"sd-time-range-picker-selector",style:{"--selector-bg":d.bg,"--selector-radius":`${d.radius}px`,"--selector-range-padding":`${d.range.paddingXY}px`,"--selector-range-panel-gap":`${d.range.panelGap}px`,"--selector-range-section-gap":`${d.range.section.gap}px`,"--selector-range-heading-gap":`${d.range.heading.gap}px`,"--selector-range-heading-color":d.range.heading.color,"--selector-time-gap":`${d.time.gap}px`,"--selector-time-column-gap":`${d.time.column.gap}px`,"--selector-input-width":`${d.inputWidth}px`,"--selector-colon-size":`${d.colonSize}px`,"--selector-border-width":`${c.border.width}px`,"--selector-border-default":c.border.default,"--selector-border-focus":c.border.focus,"--selector-bg-disabled":c.bg.disabled,"--selector-text-default":c.text.default}},this.renderPanel("start","시작 시간"),s("div",{key:"c48b1c6af7897a64339ce9c1c1da9d8e4a02c612",class:"sd-time-range-picker-selector__divider"}),this.renderPanel("end","종료 시간"))}static get style(){return"sd-time-range-picker-selector{display:block}sd-time-range-picker-selector .sd-time-range-picker-selector{display:flex;align-items:flex-start;justify-content:center;gap:var(--selector-range-panel-gap);padding:var(--selector-range-padding);overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:var(--sd-system-shadow-spread-sm-x) var(--sd-system-shadow-spread-sm-y) var(--sd-system-shadow-spread-sm-blur) var(--sd-system-shadow-spread-sm-spread) var(--sd-system-shadow-spread-sm-color), var(--sd-system-shadow-spread-md-x) var(--sd-system-shadow-spread-md-y) var(--sd-system-shadow-spread-md-blur) var(--sd-system-shadow-spread-md-spread) var(--sd-system-shadow-spread-md-color)}sd-time-range-picker-selector .sd-time-range-picker-selector__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-range-section-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading{display:flex;flex-direction:column;align-items:center;gap:var(--selector-range-heading-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading-text{color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:700;text-align:center;white-space:nowrap}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button{width:61px;height:28px;border:var(--selector-border-width) solid var(--selector-border-default);background:var(--selector-bg);color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--selected{z-index:1;border-color:var(--selector-border-focus);color:var(--selector-border-focus)}sd-time-range-picker-selector .sd-time-range-picker-selector__divider{align-self:stretch;width:1px;background:var(--selector-bg-disabled)}sd-time-range-picker-selector .sd-time-range-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:0 16px;background:var(--selector-bg)}sd-time-range-picker-selector .sd-time-range-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:var(--selector-border-width) solid var(--selector-border-default);border-radius:4px;background:var(--selector-bg);color:var(--selector-text-default);font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-range-picker-selector .sd-time-range-picker-selector__colon{width:var(--selector-colon-size);color:var(--selector-range-heading-color);font-size:16px;line-height:16px;text-align:center}"}},[512,"sd-time-range-picker-selector",{value:[16],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],rangeOrder:[1,"range-order"],editingKey:[32],inputDraft:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-time-range-picker-selector","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-time-range-picker-selector":customElements.get(i(e))||customElements.define(i(e),h);break;case"sd-ghost-button":customElements.get(i(e))||l();break;case"sd-icon":customElements.get(i(e))||m();break;case"sd-portal":customElements.get(i(e))||p();break;case"sd-tag":customElements.get(i(e))||u()}}))}export{h as S,g as d}
1
+ import{p as e,H as t,c as r,h as s,t as i}from"./p-C8x8VEb8.js";import{p as n,f as o,c as a,T as c,d}from"./p-DMm_GeZC.js";import{d as l}from"./p-DtadjLky.js";import{d as p}from"./p-BpTKv3vN.js";import{d as m}from"./p-irA7XFIS.js";import{d as h}from"./p-CNNjhHTA.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=r(this,"sdUpdate",7)}value=null;useMeridiem=!1;minuteStep=1;rangeOrder="strict";update;editingKey=null;inputDraft={};autoAdjusted=null;getRange(){return this.value??["00:00","23:59"]}getParts(e){const[t,r]=this.getRange();return n("start"===e?t:r)}getMeridiem(e){return this.getParts(e).hour>=12?"PM":"AM"}getDisplayHour(e){const{hour:t}=this.getParts(e);if(!this.useMeridiem)return t;const r=t%12;return 0===r?12:r}emitSide(e,t,r,s="unknown"){const[i,n]=this.getRange(),a=o(t,r);this.update.emit(this.normalizeNextRange("start"===e?[a,n]:[i,a],e,s))}getTimeMinutes(e){const{hour:t,minute:r}=n(e);return 60*t+r}normalizeNextRange(e,t,r){if("allow-cross-day"===this.rangeOrder)return e;const[s,i]=e,[n,o]=this.getRange();return this.getTimeMinutes(s)<=this.getTimeMinutes(i)?this.autoAdjusted?.side!==t||n!==o||s===i||"unknown"!==r&&this.autoAdjusted.direction!==r?(this.autoAdjusted=null,e):"start"===t?[s,s]:[i,i]:(this.autoAdjusted={side:t,direction:"start"===t?"increase":"decrease"},"start"===t?[s,s]:[i,i])}getEditingKey(e,t){return`${e}-${t}`}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t,r){const s=this.getEditingKey(e,t);this.editingKey=s,this.setDraft(s,String(r).padStart(2,"0"))}commitHourDraft(e,t){const r=a(Number(t),this.useMeridiem?1:0,this.useMeridiem?12:23),{minute:s}=this.getParts(e),i=this.getMeridiem(e);return this.emitSide(e,this.useMeridiem?"PM"===i?12===r?12:r+12:12===r?0:r:r,s),r}commitMinuteDraft(e,t){const{hour:r}=this.getParts(e),s=a(Number(t),0,59);return this.emitSide(e,r,s),s}endEdit(e,t){const r=this.inputDraft[this.getEditingKey(e,t)];"hour"===t&&null!=r&&""!==r&&this.commitHourDraft(e,r),"minute"===t&&null!=r&&""!==r&&this.commitMinuteDraft(e,r),this.editingKey=null,this.inputDraft={}}setMeridiem(e,t){if(this.getMeridiem(e)===t)return;const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,"AM"===t?r-12:r+12,s)}changeHour(e,t){const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,(r+t+24)%24,s,t>0?"increase":"decrease")}changeMinute(e,t){const{hour:r,minute:s}=this.getParts(e),i=s+t;i>59?this.emitSide(e,(r+1)%24,i-60,t>0?"increase":"decrease"):i<0?this.emitSide(e,(r+23)%24,i+60,t>0?"increase":"decrease"):this.emitSide(e,r,i,t>0?"increase":"decrease")}handleHourInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"hour"),s),""===s)return;if(s.length<2)return;const i=this.commitHourDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"hour"),n)};handleMinuteInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"minute"),s),""===s)return;if(s.length<2)return;const i=this.commitMinuteDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"minute"),n)};renderMeridiemButton(e,t,r,i){const n=this.getMeridiem(e)===r;return s("button",{type:"button",class:{"sd-time-range-picker-selector__meridiem-button":!0,"sd-time-range-picker-selector__meridiem-button--selected":n,[`sd-time-range-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(e,r)},t)}renderColumn(e,t){const r="hour"===t,{minute:i}=this.getParts(e),n=r?this.getDisplayHour(e):i,o=this.getEditingKey(e,t),a=this.editingKey===o?this.inputDraft[o]??"":String(n).padStart(2,"0");return s("div",{class:"sd-time-range-picker-selector__column"},s("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${r?"시":"분"} 증가`,onSdClick:()=>r?this.changeHour(e,1):this.changeMinute(e,this.minuteStep)}),s("input",{class:"sd-time-range-picker-selector__input",type:"text",inputmode:"numeric",value:a,placeholder:"-",onFocus:()=>this.beginEdit(e,t,n),onBlur:()=>this.endEdit(e,t),onInput:t=>r?this.handleHourInput(e,t):this.handleMinuteInput(e,t),"aria-label":`${"start"===e?"시작":"종료"} ${r?"시":"분"}`}),s("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${r?"시":"분"} 감소`,onSdClick:()=>r?this.changeHour(e,-1):this.changeMinute(e,-this.minuteStep)}))}renderPanel(e,t){return s("div",{class:"sd-time-range-picker-selector__panel"},s("div",{class:"sd-time-range-picker-selector__heading"},s("div",{class:"sd-time-range-picker-selector__heading-text"},t),this.useMeridiem&&s("div",{class:"sd-time-range-picker-selector__meridiem-group"},this.renderMeridiemButton(e,"오전","AM","first"),this.renderMeridiemButton(e,"오후","PM","end"))),s("div",{class:"sd-time-range-picker-selector__time"},this.renderColumn(e,"hour"),s("span",{class:"sd-time-range-picker-selector__colon"},":"),this.renderColumn(e,"minute")))}render(){return s("div",{key:"d62a959d611bd9379c0f07cd29cea18cda66b1f6",class:"sd-time-range-picker-selector",style:{"--selector-bg":d.bg,"--selector-radius":`${d.radius}px`,"--selector-range-padding":`${d.range.paddingXY}px`,"--selector-range-panel-gap":`${d.range.panelGap}px`,"--selector-range-section-gap":`${d.range.section.gap}px`,"--selector-range-heading-gap":`${d.range.heading.gap}px`,"--selector-range-heading-color":d.range.heading.color,"--selector-time-gap":`${d.time.gap}px`,"--selector-time-column-gap":`${d.time.column.gap}px`,"--selector-input-width":`${d.inputWidth}px`,"--selector-colon-size":`${d.colonSize}px`,"--selector-border-width":`${c.border.width}px`,"--selector-border-default":c.border.default,"--selector-border-focus":c.border.focus,"--selector-bg-disabled":c.bg.disabled,"--selector-text-default":c.text.default}},this.renderPanel("start","시작 시간"),s("div",{key:"23e668d0bae4a16fdc8af3be4a2c40bec2d7f1cd",class:"sd-time-range-picker-selector__divider"}),this.renderPanel("end","종료 시간"))}static get style(){return"sd-time-range-picker-selector{display:block}sd-time-range-picker-selector .sd-time-range-picker-selector{display:flex;align-items:flex-start;justify-content:center;gap:var(--selector-range-panel-gap);padding:var(--selector-range-padding);overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:var(--sd-system-shadow-spread-sm-x) var(--sd-system-shadow-spread-sm-y) var(--sd-system-shadow-spread-sm-blur) var(--sd-system-shadow-spread-sm-spread) var(--sd-system-shadow-spread-sm-color), var(--sd-system-shadow-spread-md-x) var(--sd-system-shadow-spread-md-y) var(--sd-system-shadow-spread-md-blur) var(--sd-system-shadow-spread-md-spread) var(--sd-system-shadow-spread-md-color)}sd-time-range-picker-selector .sd-time-range-picker-selector__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-range-section-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading{display:flex;flex-direction:column;align-items:center;gap:var(--selector-range-heading-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading-text{color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:700;text-align:center;white-space:nowrap}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button{width:61px;height:28px;border:var(--selector-border-width) solid var(--selector-border-default);background:var(--selector-bg);color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--selected{z-index:1;border-color:var(--selector-border-focus);color:var(--selector-border-focus)}sd-time-range-picker-selector .sd-time-range-picker-selector__divider{align-self:stretch;width:1px;background:var(--selector-bg-disabled)}sd-time-range-picker-selector .sd-time-range-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:0 16px;background:var(--selector-bg)}sd-time-range-picker-selector .sd-time-range-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:var(--selector-border-width) solid var(--selector-border-default);border-radius:4px;background:var(--selector-bg);color:var(--selector-text-default);font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-range-picker-selector .sd-time-range-picker-selector__colon{width:var(--selector-colon-size);color:var(--selector-range-heading-color);font-size:16px;line-height:16px;text-align:center}"}},[512,"sd-time-range-picker-selector",{value:[16],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],rangeOrder:[1,"range-order"],editingKey:[32],inputDraft:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-time-range-picker-selector","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-time-range-picker-selector":customElements.get(i(e))||customElements.define(i(e),u);break;case"sd-ghost-button":customElements.get(i(e))||l();break;case"sd-icon":customElements.get(i(e))||p();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-tag":customElements.get(i(e))||h()}}))}export{u as S,g as d}
@@ -1 +1 @@
1
- import{p as t,H as n,c as o,h as s,t as d}from"./p-C6wuKkUq.js";import{I as i,d as b}from"./p-DWnuCSqC.js";import{i as e,g as a,B as u,f as r,e as h,a as l,c,P as p,d as g}from"./p-CGs6_91u.js";const v=t=>null!=t&&t in i,f=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick",7)}name="primary_sm";label="";icon;rightIcon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedName(){const t=this.name||"primary_sm";if(!e(t))throw new Error(`Invalid sd-button name: "${t}"`);return t}get resolvedConfig(){const t=this.resolvedName;return{config:u[t],preset:a(t)}}getButtonClasses(t,n,o,s){const d=["sd-button",`sd-button--${t}`,`sd-button--${n}`];return this.disabled&&d.push("sd-button--disabled"),s&&d.push("sd-button--icon-only"),o&&d.push("sd-button--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===this.label&&(v(this.icon)||v(this.rightIcon))&&""===this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon??this.rightIcon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const{config:t,preset:n}=this.resolvedConfig,o=Boolean(this.label),d=v(this.icon)?this.icon:void 0,i=v(this.rightIcon)?this.rightIcon:void 0,b=!o&&Boolean(d)!==Boolean(i),e=b&&""!==this.ariaLabel.trim()?this.ariaLabel:void 0;return s("button",{key:"2a57abd6819306be62a379861e15cfa06c626e63",class:this.getButtonClasses(n,t.size,o,b),type:this.type??"button",disabled:this.disabled,"aria-label":e,style:{"--sd-button-bg":t.color,"--sd-button-bg-hover":g[n],"--sd-button-border":p[n],"--sd-button-text":c[n],"--sd-button-icon":l[n],"--sd-button-accent":h},onClick:this.handleClick},s("span",{key:"af0bcef670ee1d3963f9e2f19fbba369bb8fa341",class:"sd-button__content"},d&&s("sd-icon",{key:"f2a104e410d76363981acd565ffe76132d69a420",class:"sd-button__icon",name:d,size:r[t.size],color:"var(--sd-button-current-icon)"}),this.label&&s("span",{key:"0e19594ad6525841f7567aced516aa82321c83a2",class:"sd-button__label"},this.label),i&&s("sd-icon",{key:"01cb1bba8a4a1450c0a2cc30abfb4608190788d5",class:"sd-button__icon sd-button__icon--right",name:i,size:r[t.size],color:"var(--sd-button-current-icon)"})))}static get style(){return"sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:36px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);--sd-button-bg:#025497;--sd-button-bg-hover:#004177;--sd-button-border:transparent;--sd-button-text:#FFFFFF;--sd-button-icon:var(--sd-button-text);--sd-button-current-text:var(--sd-button-text);--sd-button-current-icon:var(--sd-button-icon);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-height);min-width:var(--sd-button-min-width, auto);padding:0 var(--sd-button-padding-x);border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-button-bg);color:var(--sd-button-current-text);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);line-height:1;text-decoration:var(--sd-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button:hover:not(.sd-button--disabled){background:var(--sd-button-bg-hover)}.sd-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-accent)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, 36px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height))}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, 70px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height))}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 36px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, 100px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, 120px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--icon-only{width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height));padding:0}.sd-button--icon-only .sd-button__content{gap:0}.sd-button--disabled{border-color:var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-button-current-text:var(--sd-button-button-text-disabled, #888888);--sd-button-current-icon:var(--sd-button-button-icon-disabled, #BBBBBB);cursor:not-allowed}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap)}.sd-button .sd-button__label{font:inherit}"}},[512,"sd-button",{name:[1],label:[1],icon:[1],rightIcon:[1,"right-icon"],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]);function m(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-icon":customElements.get(d(t))||b()}}))}export{f as S,m as d}
1
+ import{p as t,H as n,c as o,h as s,t as d}from"./p-C8x8VEb8.js";import{I as i,d as b}from"./p-BpTKv3vN.js";import{i as e,g as a,B as u,f as r,e as h,a as l,c,P as p,d as g}from"./p-CGs6_91u.js";const v=t=>null!=t&&t in i,f=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick",7)}name="primary_sm";label="";icon;rightIcon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedName(){const t=this.name||"primary_sm";if(!e(t))throw new Error(`Invalid sd-button name: "${t}"`);return t}get resolvedConfig(){const t=this.resolvedName;return{config:u[t],preset:a(t)}}getButtonClasses(t,n,o,s){const d=["sd-button",`sd-button--${t}`,`sd-button--${n}`];return this.disabled&&d.push("sd-button--disabled"),s&&d.push("sd-button--icon-only"),o&&d.push("sd-button--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===this.label&&(v(this.icon)||v(this.rightIcon))&&""===this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon??this.rightIcon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const{config:t,preset:n}=this.resolvedConfig,o=Boolean(this.label),d=v(this.icon)?this.icon:void 0,i=v(this.rightIcon)?this.rightIcon:void 0,b=!o&&Boolean(d)!==Boolean(i),e=b&&""!==this.ariaLabel.trim()?this.ariaLabel:void 0;return s("button",{key:"2a57abd6819306be62a379861e15cfa06c626e63",class:this.getButtonClasses(n,t.size,o,b),type:this.type??"button",disabled:this.disabled,"aria-label":e,style:{"--sd-button-bg":t.color,"--sd-button-bg-hover":g[n],"--sd-button-border":p[n],"--sd-button-text":c[n],"--sd-button-icon":l[n],"--sd-button-accent":h},onClick:this.handleClick},s("span",{key:"af0bcef670ee1d3963f9e2f19fbba369bb8fa341",class:"sd-button__content"},d&&s("sd-icon",{key:"f2a104e410d76363981acd565ffe76132d69a420",class:"sd-button__icon",name:d,size:r[t.size],color:"var(--sd-button-current-icon)"}),this.label&&s("span",{key:"0e19594ad6525841f7567aced516aa82321c83a2",class:"sd-button__label"},this.label),i&&s("sd-icon",{key:"01cb1bba8a4a1450c0a2cc30abfb4608190788d5",class:"sd-button__icon sd-button__icon--right",name:i,size:r[t.size],color:"var(--sd-button-current-icon)"})))}static get style(){return"sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:36px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);--sd-button-bg:#025497;--sd-button-bg-hover:#004177;--sd-button-border:transparent;--sd-button-text:#FFFFFF;--sd-button-icon:var(--sd-button-text);--sd-button-current-text:var(--sd-button-text);--sd-button-current-icon:var(--sd-button-icon);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-height);min-width:var(--sd-button-min-width, auto);padding:0 var(--sd-button-padding-x);border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-button-bg);color:var(--sd-button-current-text);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);line-height:1;text-decoration:var(--sd-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button:hover:not(.sd-button--disabled){background:var(--sd-button-bg-hover)}.sd-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-accent)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, 36px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height))}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, 70px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height))}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 36px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, 100px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, 120px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--icon-only{width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height));padding:0}.sd-button--icon-only .sd-button__content{gap:0}.sd-button--disabled{border-color:var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-button-current-text:var(--sd-button-button-text-disabled, #888888);--sd-button-current-icon:var(--sd-button-button-icon-disabled, #BBBBBB);cursor:not-allowed}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap)}.sd-button .sd-button__label{font:inherit}"}},[512,"sd-button",{name:[1],label:[1],icon:[1],rightIcon:[1,"right-icon"],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]);function x(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-icon":customElements.get(d(t))||b()}}))}export{f as S,x as d}
@@ -1 +1 @@
1
- import{p as t,H as n,c as o,h as e,t as i}from"./p-C6wuKkUq.js";const a=t(class t extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=o(this,"sdClose",7)}get el(){return this}to="body";parentRef=null;offset=[0,0];zIndex=996;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;scrollHandler=()=>this.updatePosition();static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent(),window.addEventListener("scroll",this.scrollHandler,!0)}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),window.removeEventListener("scroll",this.scrollHandler,!0),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof n?t:document.body}resolveZIndex(){const t=this.zIndex??996,o=this.parentRef?.closest(".sd-modal-container__layer");if(!o)return t;const e=o.closest(".sd-modal-container"),i=e instanceof n?parseInt(getComputedStyle(e).zIndex,10):NaN,a=Number.isFinite(i)?i:997;return Math.max(t,a+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",zIndex:this.resolveZIndex().toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const n=this.parentRef.getBoundingClientRect();if(0===n.width&&0===n.height)return;const[o,e]=this.offset??[0,0],i=t.ARROW_SIZE;let a=0,s=0;switch(this.placement??"bottom"){case"top":a=n.top-this.wrapper.offsetHeight+e-i,s=n.left+n.width/2-this.wrapper.offsetWidth/2+o;break;case"bottom":a=n.bottom+e+i,s=n.left+n.width/2-this.wrapper.offsetWidth/2+o;break;case"left":a=n.top+n.height/2-this.wrapper.offsetHeight/2+e,s=n.left-this.wrapper.offsetWidth-o-i;break;case"right":a=n.top+n.height/2-this.wrapper.offsetHeight/2+e,s=n.right+o+i}Object.assign(this.wrapper.style,{top:`${a}px`,left:`${s}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}handleKeydown(t){"Escape"===t.key&&this.close.emit()}render(){return e("slot",{key:"f45790ba4fc45aef991a54b409acc2791342fcdf"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--with-link{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu--has-close .sd-floating-menu__content{padding-right:28px}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}"}},[772,"sd-floating-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]);function s(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}export{a as S,s as d}
1
+ import{p as t,H as n,c as o,h as e,t as i}from"./p-C8x8VEb8.js";const a=t(class t extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=o(this,"sdClose",7)}get el(){return this}to="body";parentRef=null;offset=[0,0];zIndex=996;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;scrollHandler=()=>this.updatePosition();static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent(),window.addEventListener("scroll",this.scrollHandler,!0)}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),window.removeEventListener("scroll",this.scrollHandler,!0),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof n?t:document.body}resolveZIndex(){const t=this.zIndex??996,o=this.parentRef?.closest(".sd-modal-container__layer");if(!o)return t;const e=o.closest(".sd-modal-container"),i=e instanceof n?parseInt(getComputedStyle(e).zIndex,10):NaN,a=Number.isFinite(i)?i:997;return Math.max(t,a+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",zIndex:this.resolveZIndex().toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const n=this.parentRef.getBoundingClientRect();if(0===n.width&&0===n.height)return;const[o,e]=this.offset??[0,0],i=t.ARROW_SIZE;let a=0,s=0;switch(this.placement??"bottom"){case"top":a=n.top-this.wrapper.offsetHeight+e-i,s=n.left+n.width/2-this.wrapper.offsetWidth/2+o;break;case"bottom":a=n.bottom+e+i,s=n.left+n.width/2-this.wrapper.offsetWidth/2+o;break;case"left":a=n.top+n.height/2-this.wrapper.offsetHeight/2+e,s=n.left-this.wrapper.offsetWidth-o-i;break;case"right":a=n.top+n.height/2-this.wrapper.offsetHeight/2+e,s=n.right+o+i}Object.assign(this.wrapper.style,{top:`${a}px`,left:`${s}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}handleKeydown(t){"Escape"===t.key&&this.close.emit()}render(){return e("slot",{key:"f45790ba4fc45aef991a54b409acc2791342fcdf"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--with-link{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu--has-close .sd-floating-menu__content{padding-right:28px}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}"}},[772,"sd-floating-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]);function s(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}export{a as S,s as d}
@@ -1 +1 @@
1
- import{p as t,H as e,c as s,h as i,t as l}from"./p-C6wuKkUq.js";import{L as c,i as d,a as o,b as r}from"./p-x9AWBHPy.js";import{s as m}from"./p-BE4tnQ2Z.js";import{d as a}from"./p-FGII920I.js";import{d as h}from"./p-DWnuCSqC.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.listItemClick=s(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${c.paddingLeft[this.depthKey]}px`}handleClick=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=t=>{t.stopPropagation()};handleCheckboxUpdate=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const t=this.isGroup,e=t&&1===this.depth,s=t&&2===this.depth,l={"--list-item-padding-y":`${c.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${c.paddingRight}px`,"--list-item-gap":`${c.gap}px`,"--list-item-font-size":`${r.fontSize}px`,"--list-item-line-height":`${r.lineHeight}px`,"--list-item-font-weight":r.fontWeight,"--list-item-bg":e?o.depth1.bg:s?o.depth2.bg:o.bg.default,"--list-item-bg-hover":o.bg.hover,"--list-item-color":o.content.default,"--list-item-color-hover":o.content.hover,"--list-item-color-disabled":o.content.disabled,"--list-item-color-selected":o.content.selected,"--list-item-font-weight-selected":r.selectedFontWeight};return e&&(l["--list-item-border-top"]=`${o.depth1.borderWidth}px solid ${o.depth1.border}`),i("div",{key:"4fff470052d5d02cddf204f33df24247e087a55d",role:"option",tabindex:-1,"aria-selected":!0===this.isSelected?"true":"false",class:{"sd-select-list-item":!0,"sd-select-list-item--group":t,"sd-select-list-item--depth1-group":e,"sd-select-list-item--depth2-group":s,"sd-select-list-item--selected":!0===this.isSelected,"sd-select-list-item--indeterminate":null===this.isSelected,"sd-select-list-item--focused":this.isFocused,"sd-select-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&i("sd-checkbox",{key:"45649f31743eac574560399b07c9ba94d7185013",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),d(this.option.label)?i("span",{class:"sd-select-list-item__label",ref:t=>t&&(t.innerHTML=m(this.option.label))}):i("span",{class:"sd-select-list-item__label"},this.option.label),this.countInfo&&i("span",{key:"2e2c1dca85ed4be38cf8435df86f8ea4b7273673",class:"sd-select-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}static get style(){return"sd-select-list-item{display:block}sd-select-list-item .sd-select-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-list-item .sd-select-list-item--selectable{cursor:pointer}sd-select-list-item .sd-select-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-list-item .sd-select-list-item--depth2-group{font-weight:500}sd-select-list-item .sd-select-list-item--focused.sd-select-list-item--selectable:not(.sd-select-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--selected:not(.sd-select-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-list-item .sd-select-list-item--selected.sd-select-list-item--focused{color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-list-item .sd-select-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-list-item .sd-select-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-list-item .sd-select-list-item--group.sd-select-list-item--focused .sd-select-list-item__count{color:#ffffff}sd-select-list-item .sd-select-list-item__checkbox{flex-shrink:0}"}},[512,"sd-select-list-item",{option:[16],depth:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],useCheckbox:[4,"use-checkbox"],countInfo:[16]}]);function p(){"undefined"!=typeof customElements&&["sd-select-list-item","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-select-list-item":customElements.get(l(t))||customElements.define(l(t),n);break;case"sd-checkbox":customElements.get(l(t))||a();break;case"sd-icon":customElements.get(l(t))||h()}}))}export{n as S,p as d}
1
+ import{p as t,H as e,c as s,h as i,t as l}from"./p-C8x8VEb8.js";import{L as c,i as d,a as o,b as r}from"./p-x9AWBHPy.js";import{s as a}from"./p-BE4tnQ2Z.js";import{d as m}from"./p-BU1DclrU.js";import{d as h}from"./p-BpTKv3vN.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.listItemClick=s(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${c.paddingLeft[this.depthKey]}px`}handleClick=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=t=>{t.stopPropagation()};handleCheckboxUpdate=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const t=this.isGroup,e=t&&1===this.depth,s=t&&2===this.depth,l={"--list-item-padding-y":`${c.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${c.paddingRight}px`,"--list-item-gap":`${c.gap}px`,"--list-item-font-size":`${r.fontSize}px`,"--list-item-line-height":`${r.lineHeight}px`,"--list-item-font-weight":r.fontWeight,"--list-item-bg":e?o.depth1.bg:s?o.depth2.bg:o.bg.default,"--list-item-bg-hover":o.bg.hover,"--list-item-color":o.content.default,"--list-item-color-hover":o.content.hover,"--list-item-color-disabled":o.content.disabled,"--list-item-color-selected":o.content.selected,"--list-item-font-weight-selected":r.selectedFontWeight};return e&&(l["--list-item-border-top"]=`${o.depth1.borderWidth}px solid ${o.depth1.border}`),i("div",{key:"e4f8fc195a7231cd3218b91a26c77f51df14e6dc",role:"option",tabindex:-1,"aria-selected":!0===this.isSelected?"true":"false",class:{"sd-select-list-item":!0,"sd-select-list-item--group":t,"sd-select-list-item--depth1-group":e,"sd-select-list-item--depth2-group":s,"sd-select-list-item--selected":!0===this.isSelected,"sd-select-list-item--indeterminate":null===this.isSelected,"sd-select-list-item--focused":this.isFocused,"sd-select-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&i("sd-checkbox",{key:"a9720067837860a8259b1a16b5eab111f02c7ac4",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),d(this.option.label)?i("span",{class:"sd-select-list-item__label",ref:t=>t&&(t.innerHTML=a(this.option.label))}):i("span",{class:"sd-select-list-item__label"},this.option.label),this.countInfo&&i("span",{key:"8ece77c44bea9aea99883efe099137bca7d89475",class:"sd-select-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}static get style(){return"sd-select-list-item{display:block}sd-select-list-item .sd-select-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-list-item .sd-select-list-item--selectable{cursor:pointer}sd-select-list-item .sd-select-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-list-item .sd-select-list-item--depth2-group{font-weight:500}sd-select-list-item .sd-select-list-item--focused.sd-select-list-item--selectable:not(.sd-select-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--selected:not(.sd-select-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-list-item .sd-select-list-item--selected.sd-select-list-item--focused{color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-list-item .sd-select-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-list-item .sd-select-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-list-item .sd-select-list-item--group.sd-select-list-item--focused .sd-select-list-item__count{color:#ffffff}sd-select-list-item .sd-select-list-item__checkbox{flex-shrink:0}"}},[512,"sd-select-list-item",{option:[16],depth:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],useCheckbox:[4,"use-checkbox"],countInfo:[16]}]);function p(){"undefined"!=typeof customElements&&["sd-select-list-item","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-select-list-item":customElements.get(l(t))||customElements.define(l(t),n);break;case"sd-checkbox":customElements.get(l(t))||m();break;case"sd-icon":customElements.get(l(t))||h()}}))}export{n as S,p as d}
@@ -1 +1 @@
1
- import{p as d,H as r,c as i,h as e,t as o}from"./p-C6wuKkUq.js";import{d as a}from"./p-CmCOLnc0.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>String(r.value)===String(d))),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return e("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>e("sd-radio",{key:`radio-${d.value}`,val:String(d.value),value:String(this.value??""),label:d.label,disabled:this.disabled||!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]);function t(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(o(d))||customElements.define(o(d),s);break;case"sd-radio":customElements.get(o(d))||a()}}))}export{s as S,t as d}
1
+ import{p as d,H as r,c as i,h as e,t as o}from"./p-C8x8VEb8.js";import{d as a}from"./p-ETWwVYq6.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>String(r.value)===String(d))),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return e("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>e("sd-radio",{key:`radio-${d.value}`,val:String(d.value),value:String(this.value??""),label:d.label,disabled:this.disabled||!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]);function t(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(o(d))||customElements.define(o(d),s);break;case"sd-radio":customElements.get(o(d))||a()}}))}export{s as S,t as d}
@@ -1 +1 @@
1
- import{p as e,H as c,c as d,h as s,t as o}from"./p-C6wuKkUq.js";import{d as h}from"./p-DWnuCSqC.js";var b={default:{fontWeight:"400",fontSize:"12",lineHeight:"20"},selected:{fontWeight:"500"}},i={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},r={bg:{default:"#0075FF"},icon:{default:"#FFFFFF",disabled:"#BBBBBB",inverse:"#FFFFFF"},border:{inverse:"#FFFFFF"}},t={default:"#222222",inverse:"#FFFFFF",disabled:"#888888"};const a={size:"16",radius:"2",borderWidth:"1",gap:"8",iconSize:"12"},n={fontSize:b.default.fontSize,lineHeight:b.default.lineHeight,fontWeight:b.default.fontWeight,selectedFontWeight:b.selected.fontWeight},k={unchecked:{bg:i.bg.default,bgHover:i.bg.hover,border:i.border.default,borderHover:i.border.hover},checked:{bg:r.bg.default,icon:r.icon.default,iconDisabled:r.icon.disabled,iconInverse:r.icon.inverse,borderInverse:r.border.inverse},label:t.default,labelInverse:t.inverse,labelDisabled:t.disabled,disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled}},l=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7)}get el(){return this}value;val;disabled=!1;inverse=!1;label="";isChecked=!1;hasWarnedMissingVal=!1;inputEl;update;componentWillLoad(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),this.inverse&&e.push("sd-checkbox--inverse"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val),this.inputEl&&(this.inputEl.indeterminate=null===this.isChecked)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0!==this.val||this.hasWarnedMissingVal||(console.warn('A "val" property is required when using an array for the "value" property.'),this.hasWarnedMissingVal=!0);const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=null!==this.value&&!this.isChecked;this.value=e,this.update.emit(e)};render(){return s("label",{key:"e8c51cf3c43e401dc7d5a625a424dc59203a18db",class:this.checkboxClasses,style:{"--sd-checkbox-size":`${a.size}px`,"--sd-checkbox-radius":`${a.radius}px`,"--sd-checkbox-border-width":`${a.borderWidth}px`,"--sd-checkbox-gap":`${a.gap}px`,"--sd-checkbox-font-size":`${n.fontSize}px`,"--sd-checkbox-line-height":`${n.lineHeight}px`,"--sd-checkbox-font-weight":n.fontWeight,"--sd-checkbox-font-weight-selected":n.selectedFontWeight,"--sd-checkbox-unchecked-bg":k.unchecked.bg,"--sd-checkbox-unchecked-bg-hover":k.unchecked.bgHover,"--sd-checkbox-unchecked-border":k.unchecked.border,"--sd-checkbox-unchecked-border-hover":k.unchecked.borderHover,"--sd-checkbox-checked-bg":k.checked.bg,"--sd-checkbox-label-color":k.label,"--sd-checkbox-label-disabled":k.labelDisabled,"--sd-checkbox-disabled-bg":k.disabled.bg,"--sd-checkbox-disabled-border":k.disabled.border,"--sd-checkbox-inverse-border":k.checked.borderInverse,"--sd-checkbox-inverse-icon":k.checked.iconInverse,"--sd-checkbox-inverse-label":k.labelInverse}},s("input",{key:"46d20e76a9c5b7a8a44bf13c7f75970dc5c05bad",type:"checkbox",ref:e=>{this.inputEl=e},value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.val?.toString()||"checkbox","aria-label":this.label||"checkbox","aria-checked":null===this.isChecked?"mixed":this.isChecked?"true":"false","aria-disabled":this.disabled?"true":"false"}),s("div",{key:"86a6a05ee77c940ae0eb54c0839eda9c0afb988e",class:"sd-checkbox__bg"},!1!==this.isChecked?s("sd-icon",{name:!0===this.isChecked?"checkboxCheck":"checkboxIndeterminate",size:Number(a.iconSize),color:this.disabled?k.checked.iconDisabled:this.inverse?k.checked.iconInverse:k.checked.icon}):null),this.label&&s("span",{key:"2ef1708c384c6668f256b8a75d2c7821f06ec10f",class:"sd-checkbox__label","data-text":this.label},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"sd-checkbox{display:block;height:var(--sd-checkbox-line-height);line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-checkbox-gap);height:var(--sd-checkbox-line-height);max-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-checkbox .sd-checkbox>input:focus-visible+.sd-checkbox__bg{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-checkbox-checked-bg);outline:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border-color:var(--sd-checkbox-unchecked-border-hover);background:var(--sd-checkbox-unchecked-bg-hover)}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border-color:transparent;background:var(--sd-checkbox-disabled-bg)}sd-checkbox .sd-checkbox__bg{width:var(--sd-checkbox-size);height:var(--sd-checkbox-size);border-radius:var(--sd-checkbox-radius);border:var(--sd-checkbox-border-width) solid var(--sd-checkbox-unchecked-border);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{display:inline-flex;flex-direction:column;font-size:var(--sd-checkbox-font-size);font-weight:var(--sd-checkbox-font-weight);color:var(--sd-checkbox-label-color);line-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox__label::after{content:attr(data-text);height:0;font-weight:var(--sd-checkbox-font-weight-selected);overflow:hidden;visibility:hidden;pointer-events:none}sd-checkbox .sd-checkbox--checked .sd-checkbox__label,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__label{font-weight:var(--sd-checkbox-font-weight-selected)}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border-color:var(--sd-checkbox-checked-bg);background:var(--sd-checkbox-checked-bg)}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:var(--sd-checkbox-unchecked-bg)}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__label{color:var(--sd-checkbox-label-disabled)}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--inverse .sd-checkbox__label{color:var(--sd-checkbox-inverse-label)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--unchecked .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--inverse.sd-checkbox--indeterminate .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse:hover.sd-checkbox--unchecked .sd-checkbox__bg{background:rgba(255, 255, 255, 0.12);border-color:var(--sd-checkbox-inverse-border)}"}},[512,"sd-checkbox",{value:[1028],val:[8],disabled:[516],inverse:[516],label:[1],isChecked:[32]},void 0,{value:[{watchValueHandler:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-checkbox":customElements.get(o(e))||customElements.define(o(e),l);break;case"sd-icon":customElements.get(o(e))||h()}}))}export{l as S,x as d}
1
+ import{p as e,H as c,c as d,h as s,t as o}from"./p-C8x8VEb8.js";import{d as h}from"./p-BpTKv3vN.js";var b={default:{fontWeight:"400",fontSize:"12",lineHeight:"20"},selected:{fontWeight:"500"}},i={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},r={bg:{default:"#0075FF"},icon:{default:"#FFFFFF",disabled:"#BBBBBB",inverse:"#FFFFFF"},border:{inverse:"#FFFFFF"}},t={default:"#222222",inverse:"#FFFFFF",disabled:"#888888"};const a={size:"16",radius:"2",borderWidth:"1",gap:"8",iconSize:"12"},n={fontSize:b.default.fontSize,lineHeight:b.default.lineHeight,fontWeight:b.default.fontWeight,selectedFontWeight:b.selected.fontWeight},k={unchecked:{bg:i.bg.default,bgHover:i.bg.hover,border:i.border.default,borderHover:i.border.hover},checked:{bg:r.bg.default,icon:r.icon.default,iconDisabled:r.icon.disabled,iconInverse:r.icon.inverse,borderInverse:r.border.inverse},label:t.default,labelInverse:t.inverse,labelDisabled:t.disabled,disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled}},l=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7)}get el(){return this}value;val;disabled=!1;inverse=!1;label="";isChecked=!1;hasWarnedMissingVal=!1;inputEl;update;componentWillLoad(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),this.inverse&&e.push("sd-checkbox--inverse"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val),this.inputEl&&(this.inputEl.indeterminate=null===this.isChecked)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0!==this.val||this.hasWarnedMissingVal||(console.warn('A "val" property is required when using an array for the "value" property.'),this.hasWarnedMissingVal=!0);const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=null!==this.value&&!this.isChecked;this.value=e,this.update.emit(e)};render(){return s("label",{key:"e8c51cf3c43e401dc7d5a625a424dc59203a18db",class:this.checkboxClasses,style:{"--sd-checkbox-size":`${a.size}px`,"--sd-checkbox-radius":`${a.radius}px`,"--sd-checkbox-border-width":`${a.borderWidth}px`,"--sd-checkbox-gap":`${a.gap}px`,"--sd-checkbox-font-size":`${n.fontSize}px`,"--sd-checkbox-line-height":`${n.lineHeight}px`,"--sd-checkbox-font-weight":n.fontWeight,"--sd-checkbox-font-weight-selected":n.selectedFontWeight,"--sd-checkbox-unchecked-bg":k.unchecked.bg,"--sd-checkbox-unchecked-bg-hover":k.unchecked.bgHover,"--sd-checkbox-unchecked-border":k.unchecked.border,"--sd-checkbox-unchecked-border-hover":k.unchecked.borderHover,"--sd-checkbox-checked-bg":k.checked.bg,"--sd-checkbox-label-color":k.label,"--sd-checkbox-label-disabled":k.labelDisabled,"--sd-checkbox-disabled-bg":k.disabled.bg,"--sd-checkbox-disabled-border":k.disabled.border,"--sd-checkbox-inverse-border":k.checked.borderInverse,"--sd-checkbox-inverse-icon":k.checked.iconInverse,"--sd-checkbox-inverse-label":k.labelInverse}},s("input",{key:"46d20e76a9c5b7a8a44bf13c7f75970dc5c05bad",type:"checkbox",ref:e=>{this.inputEl=e},value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.val?.toString()||"checkbox","aria-label":this.label||"checkbox","aria-checked":null===this.isChecked?"mixed":this.isChecked?"true":"false","aria-disabled":this.disabled?"true":"false"}),s("div",{key:"86a6a05ee77c940ae0eb54c0839eda9c0afb988e",class:"sd-checkbox__bg"},!1!==this.isChecked?s("sd-icon",{name:!0===this.isChecked?"checkboxCheck":"checkboxIndeterminate",size:Number(a.iconSize),color:this.disabled?k.checked.iconDisabled:this.inverse?k.checked.iconInverse:k.checked.icon}):null),this.label&&s("span",{key:"2ef1708c384c6668f256b8a75d2c7821f06ec10f",class:"sd-checkbox__label","data-text":this.label},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"sd-checkbox{display:block;height:var(--sd-checkbox-line-height);line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-checkbox-gap);height:var(--sd-checkbox-line-height);max-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-checkbox .sd-checkbox>input:focus-visible+.sd-checkbox__bg{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-checkbox-checked-bg);outline:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border-color:var(--sd-checkbox-unchecked-border-hover);background:var(--sd-checkbox-unchecked-bg-hover)}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border-color:transparent;background:var(--sd-checkbox-disabled-bg)}sd-checkbox .sd-checkbox__bg{width:var(--sd-checkbox-size);height:var(--sd-checkbox-size);border-radius:var(--sd-checkbox-radius);border:var(--sd-checkbox-border-width) solid var(--sd-checkbox-unchecked-border);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{display:inline-flex;flex-direction:column;font-size:var(--sd-checkbox-font-size);font-weight:var(--sd-checkbox-font-weight);color:var(--sd-checkbox-label-color);line-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox__label::after{content:attr(data-text);height:0;font-weight:var(--sd-checkbox-font-weight-selected);overflow:hidden;visibility:hidden;pointer-events:none}sd-checkbox .sd-checkbox--checked .sd-checkbox__label,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__label{font-weight:var(--sd-checkbox-font-weight-selected)}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border-color:var(--sd-checkbox-checked-bg);background:var(--sd-checkbox-checked-bg)}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:var(--sd-checkbox-unchecked-bg)}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__label{color:var(--sd-checkbox-label-disabled)}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--inverse .sd-checkbox__label{color:var(--sd-checkbox-inverse-label)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--unchecked .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--inverse.sd-checkbox--indeterminate .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse:hover.sd-checkbox--unchecked .sd-checkbox__bg{background:rgba(255, 255, 255, 0.12);border-color:var(--sd-checkbox-inverse-border)}"}},[512,"sd-checkbox",{value:[1028],val:[8],disabled:[516],inverse:[516],label:[1],isChecked:[32]},void 0,{value:[{watchValueHandler:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-checkbox":customElements.get(o(e))||customElements.define(o(e),l);break;case"sd-icon":customElements.get(o(e))||h()}}))}export{l as S,x as d}
@@ -1 +1 @@
1
- import{p as s,H as a,c as o,h as e,d,t}from"./p-C6wuKkUq.js";import{m as i}from"./p-Cw8yDfQh.js";import{d as l}from"./p-CKV2W-zU.js";import{d as n}from"./p-ClbD4Gsr.js";import{d as r}from"./p-SYnTIeiO.js";import{d as m}from"./p-DWnuCSqC.js";import{d as g}from"./p-CH9dgzTr.js";import{d as c}from"./p-CTCt17CE.js";const h={minWidth:Number(i.modal.loading.width),minHeight:Number(i.modal.loading.height),gap:Number(i.modal.loading.gap),contentSize:Number(i.modal.loading.content),radius:Number(i.modal.radius)},u={bg:i.modal.bg,messageColor:i.modal.loading.message.color,errorIcon:i.modal.confirm.negative.icon},b=i.modal.loading.message.typography.fontFamily,p=Number(i.modal.loading.message.typography.fontSize),f=Number(i.modal.loading.message.typography.fontWeight),v=Number(i.modal.loading.message.typography.lineHeight),x={loading:"작업 진행중...",error:"작업에 실패하였습니다. 다시 시도해 주세요."},_={loading:"작업 취소",error:"다시 시도"},y=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.click=o(this,"sdClick",7),this.close=o(this,"sdClose",7)}state="loading";message="";useButton=!1;buttonLabel="";width;height;progress;click;close;get resolvedState(){return this.state??"loading"}get resolvedMessage(){return this.message||x[this.resolvedState]}get resolvedButtonLabel(){return this.buttonLabel||_[this.resolvedState]}get showButton(){return this.useButton||"error"===this.resolvedState}handleClick=()=>{this.click.emit()};toCssSize(s){if(null!=s&&""!==s)return"number"==typeof s?`${s}px`:s}render(){const s={"--sd-loading-modal-min-width":`${h.minWidth}px`,"--sd-loading-modal-min-height":`${h.minHeight}px`,"--sd-loading-modal-gap":`${h.gap}px`,"--sd-loading-modal-content-size":`${h.contentSize}px`,"--sd-loading-modal-radius":`${h.radius}px`,"--sd-loading-modal-bg":u.bg,"--sd-loading-modal-message-color":u.messageColor,"--sd-loading-modal-message-font-family":b,"--sd-loading-modal-message-font-size":`${p}px`,"--sd-loading-modal-message-font-weight":`${f}`,"--sd-loading-modal-message-line-height":`${v}px`,"--sd-loading-modal-error-color":u.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${h.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${h.minHeight}px`};return e(d,{key:"c6b6406cc751cfc007f6fbff72580a22b2975c03",style:s},e("div",{key:"139b7397598768e526275dc8b508a333ba1e6058",class:"sd-loading-modal"},"error"===this.resolvedState&&e("sd-ghost-button",{key:"098c693d5da0c333fb06309be5371a5e8a6c3016",class:"sd-loading-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),e("div",{key:"f072a17c4c8e47e296cbf52d34414a32efa6aaa1",class:"sd-loading-modal__content"},"loading"===this.resolvedState?e("sd-circle-progress",void 0!==this.progress?{value:this.progress}:{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:h.contentSize,color:u.errorIcon})),e("div",{key:"a2c501cfee2181b2a7dda2544e03bf1a709baaf3",class:"sd-loading-modal__message-wrapper"},Array.isArray(this.resolvedMessage)?this.resolvedMessage.map((s=>e("p",{class:"sd-loading-modal__message"},s))):e("p",{class:"sd-loading-modal__message"},this.resolvedMessage)),this.showButton&&e("div",{key:"e9d1beef80bf8fa4a0647802ce4a6e023e74bc12",class:"sd-loading-modal__button"},e("sd-button",{key:"63a64f356fc09cbaf56ff715d04c97b208f63945",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}static get style(){return"sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}"}},[512,"sd-loading-modal",{state:[513],message:[1],useButton:[516,"use-button"],buttonLabel:[1,"button-label"],width:[8],height:[8],progress:[2]}]);function k(){"undefined"!=typeof customElements&&["sd-loading-modal","sd-button","sd-circle-progress","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((s=>{switch(s){case"sd-loading-modal":customElements.get(t(s))||customElements.define(t(s),y);break;case"sd-button":customElements.get(t(s))||l();break;case"sd-circle-progress":customElements.get(t(s))||n();break;case"sd-ghost-button":customElements.get(t(s))||r();break;case"sd-icon":customElements.get(t(s))||m();break;case"sd-portal":customElements.get(t(s))||g();break;case"sd-tag":customElements.get(t(s))||c()}}))}export{y as S,k as d}
1
+ import{p as s,H as a,c as o,h as e,d,t}from"./p-C8x8VEb8.js";import{m as i}from"./p-Cw8yDfQh.js";import{d as l}from"./p-B6BgOB_-.js";import{d as n}from"./p-CBx8KWmu.js";import{d as r}from"./p-DtadjLky.js";import{d as m}from"./p-BpTKv3vN.js";import{d as g}from"./p-irA7XFIS.js";import{d as c}from"./p-CNNjhHTA.js";const h={minWidth:Number(i.modal.loading.width),minHeight:Number(i.modal.loading.height),gap:Number(i.modal.loading.gap),contentSize:Number(i.modal.loading.content),radius:Number(i.modal.radius)},u={bg:i.modal.bg,messageColor:i.modal.loading.message.color,errorIcon:i.modal.confirm.negative.icon},p=i.modal.loading.message.typography.fontFamily,b=Number(i.modal.loading.message.typography.fontSize),f=Number(i.modal.loading.message.typography.fontWeight),v=Number(i.modal.loading.message.typography.lineHeight),x={loading:"작업 진행중...",error:"작업에 실패하였습니다. 다시 시도해 주세요."},_={loading:"작업 취소",error:"다시 시도"},y=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.click=o(this,"sdClick",7),this.close=o(this,"sdClose",7)}state="loading";message="";useButton=!1;buttonLabel="";width;height;progress;click;close;get resolvedState(){return this.state??"loading"}get resolvedMessage(){return this.message||x[this.resolvedState]}get resolvedButtonLabel(){return this.buttonLabel||_[this.resolvedState]}get showButton(){return this.useButton||"error"===this.resolvedState}handleClick=()=>{this.click.emit()};toCssSize(s){if(null!=s&&""!==s)return"number"==typeof s?`${s}px`:s}render(){const s={"--sd-loading-modal-min-width":`${h.minWidth}px`,"--sd-loading-modal-min-height":`${h.minHeight}px`,"--sd-loading-modal-gap":`${h.gap}px`,"--sd-loading-modal-content-size":`${h.contentSize}px`,"--sd-loading-modal-radius":`${h.radius}px`,"--sd-loading-modal-bg":u.bg,"--sd-loading-modal-message-color":u.messageColor,"--sd-loading-modal-message-font-family":p,"--sd-loading-modal-message-font-size":`${b}px`,"--sd-loading-modal-message-font-weight":`${f}`,"--sd-loading-modal-message-line-height":`${v}px`,"--sd-loading-modal-error-color":u.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${h.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${h.minHeight}px`};return e(d,{key:"c6b6406cc751cfc007f6fbff72580a22b2975c03",style:s},e("div",{key:"139b7397598768e526275dc8b508a333ba1e6058",class:"sd-loading-modal"},"error"===this.resolvedState&&e("sd-ghost-button",{key:"098c693d5da0c333fb06309be5371a5e8a6c3016",class:"sd-loading-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),e("div",{key:"f072a17c4c8e47e296cbf52d34414a32efa6aaa1",class:"sd-loading-modal__content"},"loading"===this.resolvedState?e("sd-circle-progress",void 0!==this.progress?{value:this.progress}:{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:h.contentSize,color:u.errorIcon})),e("div",{key:"a2c501cfee2181b2a7dda2544e03bf1a709baaf3",class:"sd-loading-modal__message-wrapper"},Array.isArray(this.resolvedMessage)?this.resolvedMessage.map((s=>e("p",{class:"sd-loading-modal__message"},s))):e("p",{class:"sd-loading-modal__message"},this.resolvedMessage)),this.showButton&&e("div",{key:"e9d1beef80bf8fa4a0647802ce4a6e023e74bc12",class:"sd-loading-modal__button"},e("sd-button",{key:"63a64f356fc09cbaf56ff715d04c97b208f63945",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}static get style(){return"sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}"}},[512,"sd-loading-modal",{state:[513],message:[1],useButton:[516,"use-button"],buttonLabel:[1,"button-label"],width:[8],height:[8],progress:[2]}]);function k(){"undefined"!=typeof customElements&&["sd-loading-modal","sd-button","sd-circle-progress","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((s=>{switch(s){case"sd-loading-modal":customElements.get(t(s))||customElements.define(t(s),y);break;case"sd-button":customElements.get(t(s))||l();break;case"sd-circle-progress":customElements.get(t(s))||n();break;case"sd-ghost-button":customElements.get(t(s))||r();break;case"sd-icon":customElements.get(t(s))||m();break;case"sd-portal":customElements.get(t(s))||g();break;case"sd-tag":customElements.get(t(s))||c()}}))}export{y as S,k as d}
@@ -0,0 +1 @@
1
+ import{p as e,H as t,c as a,h as s,t as r}from"./p-C8x8VEb8.js";import{n as i}from"./p-CCwNgVmC.js";import{i as d}from"./p-e0ABNkP6.js";import{d as o}from"./p-vj3gimgB.js";import{d as l}from"./p-BBAwMOGx.js";import{d as n}from"./p-DtadjLky.js";import{d as h}from"./p-BpTKv3vN.js";import{d as c}from"./p-irA7XFIS.js";import{d as u}from"./p-CNNjhHTA.js";import{d as p}from"./p-22hyxPno.js";const x={paddingX:d.textinput.sm.paddingX,paddingY:d.textinput.sm.paddingY,radius:d.textinput.sm.radius,fontSize:d.textinput.sm.typography.fontSize,lineHeight:d.textinput.sm.typography.lineHeight,fontWeight:d.textinput.sm.typography.fontWeight},m={text:d.textinput.text,bg:d.textinput.bg,border:d.textinput.border,resizer:d.textinput.resizer},b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate",7),this.focus=a(this,"sdFocus",7),this.blur=a(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=i();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return s("sd-field",{key:"007bdda5f38f94997c65f3542b4075a62c11a391",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${x.fontSize}px`,"--sd-textarea-line-height":`${x.lineHeight}px`,"--sd-textarea-font-weight":x.fontWeight,"--sd-textarea-padding-x":`${x.paddingX}px`,"--sd-textarea-padding-y":`${x.paddingY}px`,"--sd-textarea-radius":`${x.radius}px`,"--sd-textarea-text-color":m.text.default,"--sd-textarea-placeholder-color":m.text.placeholder,"--sd-textarea-disabled-color":m.text.disabled,"--sd-textarea-bg-color":m.bg.default,"--sd-textarea-disabled-bg-color":m.bg.disabled,"--sd-textarea-border-color":m.border.default,"--sd-textarea-resizer-color":m.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${x.radius}px`}},s("div",{key:"536185bb53815baae7807a5d4708d9f0100c07c1",class:"sd-textarea__content"},s("textarea",{key:"144ae3ca78f8c3953bfef9951cb79952186b856c",name:this.name,ref:e=>this.nativeEl=e,class:`sd-textarea__native ${this.textareaClass}`,value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],name:[1],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-textarea","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(r(e))||customElements.define(r(e),b);break;case"sd-field":customElements.get(r(e))||o();break;case"sd-floating-portal":customElements.get(r(e))||l();break;case"sd-ghost-button":customElements.get(r(e))||n();break;case"sd-icon":customElements.get(r(e))||h();break;case"sd-portal":customElements.get(r(e))||c();break;case"sd-tag":customElements.get(r(e))||u();break;case"sd-tooltip":customElements.get(r(e))||p()}}))}export{b as S,f as d}