@sellmate/design-system 1.0.62 → 1.0.63

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 (509) hide show
  1. package/dist/cjs/{component.modal-DmQUWbve.js → component.modal-BFelrSMx.js} +14 -0
  2. package/dist/cjs/constants-DJRV1upE.js +5 -0
  3. package/dist/cjs/design-system.cjs.js +3 -4
  4. package/dist/cjs/{index-BQt-JC6r.js → index-nsQP24mV.js} +130 -9
  5. package/dist/cjs/index.cjs.js +103 -32
  6. package/dist/cjs/loader.cjs.js +3 -4
  7. package/dist/cjs/sd-action-modal.cjs.entry.js +3 -3
  8. package/dist/cjs/sd-badge.cjs.entry.js +2 -2
  9. package/dist/cjs/sd-barcode-input.cjs.entry.js +3 -3
  10. package/dist/cjs/sd-button-v2_2.cjs.entry.js +9 -8
  11. package/dist/cjs/sd-button_4.cjs.entry.js +56 -18
  12. package/dist/cjs/sd-calendar.cjs.entry.js +1 -1
  13. package/dist/cjs/sd-card.cjs.entry.js +2 -2
  14. package/dist/cjs/sd-checkbox.cjs.entry.js +30 -5
  15. package/dist/cjs/sd-circle-progress.cjs.entry.js +71 -0
  16. package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +186 -0
  17. package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
  18. package/dist/cjs/sd-date-picker-calendar.cjs.entry.js +3 -3
  19. package/dist/cjs/sd-date-picker-trigger.cjs.entry.js +4 -4
  20. package/dist/cjs/sd-date-picker.cjs.entry.js +4 -4
  21. package/dist/cjs/{sd-date-picker.config-DWC_aiD2.js → sd-date-picker.config-D8xSALVj.js} +3 -3
  22. package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +3 -3
  23. package/dist/cjs/sd-date-range-picker.cjs.entry.js +4 -4
  24. package/dist/cjs/sd-dropdown-button.cjs.entry.js +10 -5
  25. package/dist/cjs/sd-file-picker.cjs.entry.js +1 -1
  26. package/dist/cjs/sd-form.cjs.entry.js +1 -1
  27. package/dist/cjs/sd-ghost-button.cjs.entry.js +15 -6
  28. package/dist/cjs/sd-guide.cjs.entry.js +2 -2
  29. package/dist/cjs/sd-input_2.cjs.entry.js +7 -7
  30. package/dist/cjs/sd-loading-container.cjs.entry.js +29 -0
  31. package/dist/cjs/sd-modal-container.cjs.entry.js +45 -2
  32. package/dist/cjs/sd-number-input.cjs.entry.js +5 -10
  33. package/dist/cjs/{sd-select-v2.cjs.entry.js → sd-pagination_2.cjs.entry.js} +90 -4
  34. package/dist/cjs/sd-popover.cjs.entry.js +4 -4
  35. package/dist/cjs/sd-portal.cjs.entry.js +2 -2
  36. package/dist/cjs/sd-progress.cjs.entry.js +3 -3
  37. package/dist/cjs/sd-radio-button.cjs.entry.js +182 -0
  38. package/dist/cjs/sd-radio-group.cjs.entry.js +1 -1
  39. package/dist/cjs/sd-radio.cjs.entry.js +6 -6
  40. package/dist/cjs/sd-select-dropdown_2.cjs.entry.js +4 -4
  41. package/dist/cjs/sd-select-group.cjs.entry.js +3 -3
  42. package/dist/cjs/sd-select-multiple-group.cjs.entry.js +2 -2
  43. package/dist/cjs/sd-select-multiple.cjs.entry.js +3 -3
  44. package/dist/cjs/sd-select-option-group.cjs.entry.js +4 -4
  45. package/dist/cjs/sd-select-v2-list-item_4.cjs.entry.js +661 -0
  46. package/dist/cjs/sd-select.cjs.entry.js +179 -0
  47. package/dist/cjs/sd-switch.cjs.entry.js +110 -0
  48. package/dist/cjs/sd-table.cjs.entry.js +424 -651
  49. package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
  50. package/dist/cjs/sd-tag.cjs.entry.js +6 -5
  51. package/dist/cjs/sd-tbody.cjs.entry.js +66 -0
  52. package/dist/cjs/sd-td.cjs.entry.js +58 -0
  53. package/dist/cjs/sd-text-link.cjs.entry.js +10 -12
  54. package/dist/cjs/sd-textarea.cjs.entry.js +2 -2
  55. package/dist/cjs/sd-thead.cjs.entry.js +179 -0
  56. package/dist/cjs/sd-toast-container.cjs.entry.js +2 -2
  57. package/dist/cjs/sd-toast.cjs.entry.js +3 -3
  58. package/dist/cjs/sd-toggle.cjs.entry.js +96 -13
  59. package/dist/cjs/sd-tr.cjs.entry.js +171 -0
  60. package/dist/cjs/table-test.cjs.entry.js +96 -0
  61. package/dist/cjs/{tooltipArrow-CRCpqOYA.js → tooltipArrow-DhevfDPX.js} +1 -1
  62. package/dist/collection/__mocks__/nanoid-non-secure.js +13 -0
  63. package/dist/collection/__mocks__/nanoid.js +1 -0
  64. package/dist/collection/collection-manifest.json +11 -4
  65. package/dist/collection/components/sd-action-modal/sd-action-modal.js +1 -1
  66. package/dist/collection/components/sd-badge/sd-badge.js +1 -1
  67. package/dist/collection/components/sd-barcode-input/sd-barcode-input.css +3 -0
  68. package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +1 -1
  69. package/dist/collection/components/sd-button/sd-button.css +37 -37
  70. package/dist/collection/components/sd-button-v2/sd-button-v2.css +44 -44
  71. package/dist/collection/components/sd-button-v2/sd-button-v2.js +31 -6
  72. package/dist/collection/components/sd-card/sd-card.js +1 -1
  73. package/dist/collection/components/sd-checkbox/sd-checkbox.config.js +3 -0
  74. package/dist/collection/components/sd-checkbox/sd-checkbox.css +15 -0
  75. package/dist/collection/components/sd-checkbox/sd-checkbox.js +36 -2
  76. package/dist/collection/components/sd-circle-progress/sd-circle-progress.config.js +24 -0
  77. package/dist/collection/components/sd-circle-progress/sd-circle-progress.css +53 -0
  78. package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +109 -0
  79. package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.css +2 -2
  80. package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +2 -2
  81. package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.js +1 -1
  82. package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +2 -2
  83. package/dist/collection/components/sd-date-picker/sd-date-picker.config.js +1 -1
  84. package/dist/collection/components/sd-date-picker/sd-date-picker.js +5 -5
  85. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +1 -1
  86. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +5 -5
  87. package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js +5 -0
  88. package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.css +46 -36
  89. package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +4 -4
  90. package/dist/collection/components/sd-field/sd-field.config.js +21 -0
  91. package/dist/collection/components/sd-field/sd-field.css +19 -16
  92. package/dist/collection/components/sd-field/sd-field.js +46 -11
  93. package/dist/collection/components/sd-file-picker/sd-file-picker.js +5 -5
  94. package/dist/collection/components/sd-ghost-button/sd-ghost-button.config.js +7 -1
  95. package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +3 -3
  96. package/dist/collection/components/sd-guide/sd-guide.css +37 -37
  97. package/dist/collection/components/sd-input/sd-input.css +3 -0
  98. package/dist/collection/components/sd-input/sd-input.js +2 -2
  99. package/dist/collection/components/sd-loading-container/sd-loading-container.config.js +1 -0
  100. package/dist/collection/components/sd-loading-container/sd-loading-container.css +40 -0
  101. package/dist/collection/components/sd-loading-container/sd-loading-container.js +83 -0
  102. package/dist/collection/components/sd-loading-modal/sd-loading-modal.config.js +31 -0
  103. package/dist/collection/components/sd-loading-modal/sd-loading-modal.css +37 -0
  104. package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +184 -0
  105. package/dist/collection/components/sd-modal-container/sd-modal-container.js +89 -3
  106. package/dist/collection/components/sd-number-input/sd-number-input.config.js +0 -2
  107. package/dist/collection/components/sd-number-input/sd-number-input.css +0 -1
  108. package/dist/collection/components/sd-number-input/sd-number-input.js +3 -4
  109. package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
  110. package/dist/collection/components/sd-popover/sd-popover.js +2 -2
  111. package/dist/collection/components/sd-portal/sd-portal.js +1 -1
  112. package/dist/collection/components/sd-progress/sd-progress.js +2 -2
  113. package/dist/collection/components/sd-radio/sd-radio.config.js +1 -1
  114. package/dist/collection/components/sd-radio-button/sd-radio-button.config.js +45 -0
  115. package/dist/collection/components/sd-radio-button/sd-radio-button.css +71 -0
  116. package/dist/collection/components/{sd-radio-button-group/sd-radio-button-group.js → sd-radio-button/sd-radio-button.js} +49 -18
  117. package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
  118. package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
  119. package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
  120. package/dist/collection/components/sd-select/sd-select.css +4 -0
  121. package/dist/collection/components/sd-select-group/sd-select-group.css +4 -0
  122. package/dist/collection/components/sd-select-group/sd-select-group.js +1 -1
  123. package/dist/collection/components/sd-select-multiple/sd-select-multiple.css +4 -0
  124. package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +1 -1
  125. package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +4 -0
  126. package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
  127. package/dist/collection/components/sd-select-v2/sd-select-v2-list-item/sd-select-v2-list-item.js +2 -2
  128. package/dist/collection/components/sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.css +4 -0
  129. package/dist/collection/components/sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.js +6 -3
  130. package/dist/collection/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.css +2 -3
  131. package/dist/collection/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.js +2 -1
  132. package/dist/collection/components/sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.js +2 -2
  133. package/dist/collection/components/sd-select-v2/sd-select-v2.config.js +1 -0
  134. package/dist/collection/components/sd-select-v2/sd-select-v2.js +3 -3
  135. package/dist/collection/components/sd-switch/sd-switch.config.js +23 -0
  136. package/dist/collection/components/sd-switch/sd-switch.css +54 -0
  137. package/dist/collection/components/{sd-toggle-button/sd-toggle-button.js → sd-switch/sd-switch.js} +30 -27
  138. package/dist/collection/components/sd-table/constants.js +1 -0
  139. package/dist/collection/components/sd-table/sd-table.css +76 -248
  140. package/dist/collection/components/sd-table/sd-table.js +705 -700
  141. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.css +18 -0
  142. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +105 -0
  143. package/dist/collection/components/sd-table/sd-td/sd-td.css +15 -0
  144. package/dist/collection/components/sd-table/sd-td/sd-td.js +121 -0
  145. package/dist/collection/components/sd-table/sd-thead/sd-thead.css +147 -0
  146. package/dist/collection/components/sd-table/sd-thead/sd-thead.js +442 -0
  147. package/dist/collection/components/sd-table/sd-tr/sd-tr.css +111 -0
  148. package/dist/collection/components/sd-table/sd-tr/sd-tr.js +376 -0
  149. package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
  150. package/dist/collection/components/sd-tag/sd-tag.js +2 -2
  151. package/dist/collection/components/sd-text-link/sd-text-link.css +1 -0
  152. package/dist/collection/components/sd-text-link/sd-text-link.js +7 -13
  153. package/dist/collection/components/sd-textarea/sd-textarea.js +1 -1
  154. package/dist/collection/components/sd-toast/sd-toast.js +2 -2
  155. package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
  156. package/dist/collection/components/sd-toggle/sd-toggle.config.js +33 -0
  157. package/dist/collection/components/sd-toggle/sd-toggle.css +38 -50
  158. package/dist/collection/components/sd-toggle/sd-toggle.js +29 -12
  159. package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
  160. package/dist/collection/components/table-test/table-test.css +59 -0
  161. package/dist/collection/components/table-test/table-test.js +316 -0
  162. package/dist/collection/index.js +1 -0
  163. package/dist/collection/utils/loading.js +43 -0
  164. package/dist/collection/utils/modal.js +26 -0
  165. package/dist/components/index.js +1 -1
  166. package/dist/components/p-6LkBUj0w.js +1 -0
  167. package/dist/components/{p-DlujHEXS.js → p-6cueWz-l.js} +1 -1
  168. package/dist/components/{p-D0wZv01W.js → p-AKpbKrkW.js} +1 -1
  169. package/dist/components/p-B1S4ybd6.js +1 -0
  170. package/dist/components/{p-D93Cb_Vw.js → p-B6OgnOKC.js} +1 -1
  171. package/dist/components/{p-lKwhftf9.js → p-B6RvTdqt.js} +1 -1
  172. package/dist/components/p-BLC3AWW8.js +1 -0
  173. package/dist/components/{p-BUAwjF_Z.js → p-BZ7V5xV5.js} +1 -1
  174. package/dist/components/{p-BWgJ9XTj.js → p-BdsI1E5l.js} +1 -1
  175. package/dist/components/{p-DdBIc8AE.js → p-BgRPWxrz.js} +1 -1
  176. package/dist/components/{p-DCv5afjJ.js → p-Bh548Ckv.js} +1 -1
  177. package/dist/components/p-C2r48NLP.js +1 -0
  178. package/dist/components/{p-BtH5wWA5.js → p-CGXwtYAv.js} +1 -1
  179. package/dist/components/p-CGssy8eb.js +1 -0
  180. package/dist/components/{p-BHQirDZt.js → p-CRl8Anfr.js} +1 -1
  181. package/dist/components/p-CU095QAR.js +1 -0
  182. package/dist/components/p-CpclstHV.js +1 -0
  183. package/dist/components/{p-C2Yw3PoX.js → p-Cpu_hXwN.js} +1 -1
  184. package/dist/components/{p-gTPCqs3t.js → p-Cr_74QR7.js} +1 -1
  185. package/dist/components/{p-BsJy4pgR.js → p-D9FDutsj.js} +1 -1
  186. package/dist/components/p-DBnszF5F.js +1 -0
  187. package/dist/components/p-DOXMJi-V.js +1 -0
  188. package/dist/components/p-DRY8HJ-T.js +1 -0
  189. package/dist/components/{p-BVBMsoZP.js → p-DUqX35W_.js} +1 -1
  190. package/dist/components/{p-Ci3yfjxH.js → p-DgYBr7xb.js} +1 -1
  191. package/dist/components/{p-98NWgkAU.js → p-DpsDTjcN.js} +1 -1
  192. package/dist/components/p-DuYi4aqj.js +1 -0
  193. package/dist/components/{p-AdSqif48.js → p-DxzgCf_d.js} +1 -1
  194. package/dist/components/p-TMuoVuhE.js +1 -0
  195. package/dist/components/{p-CE1Hmoij.js → p-VXLJLI30.js} +1 -1
  196. package/dist/components/p-aC4HJHug.js +1 -0
  197. package/dist/components/p-bYCOh35g.js +1 -0
  198. package/dist/components/p-e35Du7-7.js +1 -0
  199. package/dist/components/p-e8HA30H_.js +1 -0
  200. package/dist/components/p-kZ5N_lFC.js +1 -0
  201. package/dist/components/{p-CqU3a1re.js → p-puZ1xlrr.js} +1 -1
  202. package/dist/components/p-sZMi_32I.js +1 -0
  203. package/dist/components/sd-action-modal.js +1 -1
  204. package/dist/components/sd-badge.js +1 -1
  205. package/dist/components/sd-barcode-input.js +1 -1
  206. package/dist/components/sd-button-v2.js +1 -1
  207. package/dist/components/sd-button.js +1 -1
  208. package/dist/components/sd-calendar.js +1 -1
  209. package/dist/components/sd-card.js +1 -1
  210. package/dist/components/sd-checkbox.js +1 -1
  211. package/dist/components/{sd-loading-spinner.d.ts → sd-circle-progress.d.ts} +4 -4
  212. package/dist/components/sd-circle-progress.js +1 -0
  213. package/dist/components/sd-confirm-modal.js +1 -1
  214. package/dist/components/sd-date-box.js +1 -1
  215. package/dist/components/sd-date-picker-calendar.js +1 -1
  216. package/dist/components/sd-date-picker-trigger.js +1 -1
  217. package/dist/components/sd-date-picker.js +1 -1
  218. package/dist/components/sd-date-range-picker-calendar.js +1 -1
  219. package/dist/components/sd-date-range-picker.js +1 -1
  220. package/dist/components/sd-dropdown-button.js +1 -1
  221. package/dist/components/sd-field.js +1 -1
  222. package/dist/components/sd-file-picker.js +1 -1
  223. package/dist/components/sd-floating-portal.js +1 -1
  224. package/dist/components/sd-form.js +1 -1
  225. package/dist/components/sd-ghost-button.js +1 -1
  226. package/dist/components/sd-guide.js +1 -1
  227. package/dist/components/sd-icon.js +1 -1
  228. package/dist/components/sd-input.js +1 -1
  229. package/dist/components/{sd-radio-button-group.d.ts → sd-loading-container.d.ts} +4 -4
  230. package/dist/components/sd-loading-container.js +1 -0
  231. package/dist/components/{sd-toggle-button.d.ts → sd-loading-modal.d.ts} +4 -4
  232. package/dist/components/sd-loading-modal.js +1 -0
  233. package/dist/components/sd-modal-container.js +1 -1
  234. package/dist/components/sd-number-input.js +1 -1
  235. package/dist/components/sd-pagination.js +1 -1
  236. package/dist/components/sd-popover.js +1 -1
  237. package/dist/components/sd-portal.js +1 -1
  238. package/dist/components/sd-progress.js +1 -1
  239. package/dist/components/sd-radio-button.d.ts +11 -0
  240. package/dist/components/sd-radio-button.js +1 -0
  241. package/dist/components/sd-radio-group.js +1 -1
  242. package/dist/components/sd-radio.js +1 -1
  243. package/dist/components/sd-select-dropdown.js +1 -1
  244. package/dist/components/sd-select-group.js +1 -1
  245. package/dist/components/sd-select-multiple-group.js +1 -1
  246. package/dist/components/sd-select-multiple.js +1 -1
  247. package/dist/components/sd-select-option-group.js +1 -1
  248. package/dist/components/sd-select-option.js +1 -1
  249. package/dist/components/sd-select-search-input.js +1 -1
  250. package/dist/components/sd-select-v2-list-item-search.js +1 -1
  251. package/dist/components/sd-select-v2-list-item.js +1 -1
  252. package/dist/components/sd-select-v2-listbox.js +1 -1
  253. package/dist/components/sd-select-v2-trigger.js +1 -1
  254. package/dist/components/sd-select-v2.js +1 -1
  255. package/dist/components/sd-select.js +1 -1
  256. package/dist/components/sd-switch.d.ts +11 -0
  257. package/dist/components/sd-switch.js +1 -0
  258. package/dist/components/sd-table.js +1 -1
  259. package/dist/components/sd-tabs.js +1 -1
  260. package/dist/components/sd-tag.js +1 -1
  261. package/dist/components/sd-tbody.d.ts +11 -0
  262. package/dist/components/sd-tbody.js +1 -0
  263. package/dist/components/sd-td.d.ts +11 -0
  264. package/dist/components/sd-td.js +1 -0
  265. package/dist/components/sd-text-link.js +1 -1
  266. package/dist/components/sd-textarea.js +1 -1
  267. package/dist/components/sd-thead.d.ts +11 -0
  268. package/dist/components/sd-thead.js +1 -0
  269. package/dist/components/sd-toast-container.js +1 -1
  270. package/dist/components/sd-toast.js +1 -1
  271. package/dist/components/sd-toggle.js +1 -1
  272. package/dist/components/sd-tooltip.js +1 -1
  273. package/dist/components/sd-tr.d.ts +11 -0
  274. package/dist/components/sd-tr.js +1 -0
  275. package/dist/components/table-test.d.ts +11 -0
  276. package/dist/components/table-test.js +1 -0
  277. package/dist/design-system/design-system.css +1 -1
  278. package/dist/design-system/design-system.esm.js +1 -1
  279. package/dist/design-system/index.esm.js +1 -1
  280. package/dist/design-system/p-03099a57.entry.js +1 -0
  281. package/dist/design-system/p-04be87a4.entry.js +1 -0
  282. package/dist/design-system/{p-e9c28bdc.entry.js → p-09ba9dbc.entry.js} +1 -1
  283. package/dist/design-system/p-0ca594a4.entry.js +1 -0
  284. package/dist/design-system/p-0fbb6d92.entry.js +1 -0
  285. package/dist/design-system/p-12a03c88.entry.js +1 -0
  286. package/dist/design-system/p-15cda79c.entry.js +1 -0
  287. package/dist/design-system/p-1b9e427e.entry.js +1 -0
  288. package/dist/design-system/p-1cbe4b22.entry.js +1 -0
  289. package/dist/design-system/{p-a03ad24f.entry.js → p-1d310832.entry.js} +1 -1
  290. package/dist/design-system/p-2f64dd95.entry.js +1 -0
  291. package/dist/design-system/p-33e4ce64.entry.js +1 -0
  292. package/dist/design-system/{p-14b67a6e.entry.js → p-363da5ff.entry.js} +1 -1
  293. package/dist/design-system/p-3d341993.entry.js +1 -0
  294. package/dist/design-system/p-3f79f1d1.entry.js +1 -0
  295. package/dist/design-system/{p-c59191d3.entry.js → p-40495e05.entry.js} +1 -1
  296. package/dist/design-system/p-4128c17f.entry.js +1 -0
  297. package/dist/design-system/{p-614c9883.entry.js → p-4a53d7b0.entry.js} +1 -1
  298. package/dist/design-system/{p-9ae589c4.entry.js → p-4dcadde3.entry.js} +1 -1
  299. package/dist/design-system/{p-62992b73.entry.js → p-53bc77f8.entry.js} +1 -1
  300. package/dist/design-system/{p-28058050.entry.js → p-5a63febd.entry.js} +1 -1
  301. package/dist/design-system/p-656acb07.entry.js +1 -0
  302. package/dist/design-system/{p-30055371.entry.js → p-6c71d7b7.entry.js} +1 -1
  303. package/dist/design-system/{p-7a18a52b.entry.js → p-73acee07.entry.js} +1 -1
  304. package/dist/design-system/p-748ece8e.entry.js +1 -0
  305. package/dist/design-system/p-7e09fdd5.entry.js +1 -0
  306. package/dist/design-system/{p-4272b9e6.entry.js → p-84a329fb.entry.js} +1 -1
  307. package/dist/design-system/p-867ec4ee.entry.js +1 -0
  308. package/dist/design-system/p-8acf3b67.entry.js +1 -0
  309. package/dist/design-system/p-8d2328ae.entry.js +1 -0
  310. package/dist/design-system/{p-dee605b1.entry.js → p-9af7e19a.entry.js} +1 -1
  311. package/dist/design-system/p-BqHL8W3c.js +2 -0
  312. package/dist/design-system/{p-DSRYrM1n.js → p-COK6PVLC.js} +1 -1
  313. package/dist/design-system/p-DOXMJi-V.js +1 -0
  314. package/dist/design-system/{p-72b564ed.entry.js → p-a129711d.entry.js} +1 -1
  315. package/dist/design-system/p-a24c3431.entry.js +1 -0
  316. package/dist/design-system/{p-3acd076e.entry.js → p-a27718c1.entry.js} +1 -1
  317. package/dist/design-system/{p-3d10be45.entry.js → p-a9a91e69.entry.js} +1 -1
  318. package/dist/design-system/p-ae1800c0.entry.js +1 -0
  319. package/dist/design-system/p-b1fe12f8.entry.js +1 -0
  320. package/dist/design-system/p-b60ae063.entry.js +1 -0
  321. package/dist/design-system/p-b6e02544.entry.js +1 -0
  322. package/dist/design-system/p-bYCOh35g.js +1 -0
  323. package/dist/design-system/{p-fa8b64c2.entry.js → p-c2f3470f.entry.js} +1 -1
  324. package/dist/design-system/{p-85e22acd.entry.js → p-c4e68815.entry.js} +1 -1
  325. package/dist/design-system/p-c98ed6ae.entry.js +1 -0
  326. package/dist/design-system/p-ca80379a.entry.js +1 -0
  327. package/dist/design-system/{p-5d2e8779.entry.js → p-d04551be.entry.js} +1 -1
  328. package/dist/design-system/p-e0f9e5b5.entry.js +1 -0
  329. package/dist/design-system/p-e1fdd540.entry.js +1 -0
  330. package/dist/design-system/{p-2bd887ca.entry.js → p-e33389b8.entry.js} +1 -1
  331. package/dist/design-system/p-e78faea6.entry.js +1 -0
  332. package/dist/design-system/p-e9f24d23.entry.js +1 -0
  333. package/dist/design-system/{p-00207f08.entry.js → p-ec79fefd.entry.js} +1 -1
  334. package/dist/design-system/{p-067b0b3c.entry.js → p-f3a60f61.entry.js} +1 -1
  335. package/dist/design-system/p-f9b9204d.entry.js +1 -0
  336. package/dist/design-system/{p-13fed1bd.entry.js → p-fd296c73.entry.js} +1 -1
  337. package/dist/design-system/p-sZMi_32I.js +1 -0
  338. package/dist/esm/{component.modal-mO5GcwI3.js → component.modal-DOXMJi-V.js} +14 -0
  339. package/dist/esm/constants-sZMi_32I.js +3 -0
  340. package/dist/esm/design-system.js +3 -4
  341. package/dist/esm/{index-DsU722JF.js → index-BqHL8W3c.js} +128 -10
  342. package/dist/esm/index.js +103 -33
  343. package/dist/esm/loader.js +3 -4
  344. package/dist/esm/sd-action-modal.entry.js +3 -3
  345. package/dist/esm/sd-badge.entry.js +2 -2
  346. package/dist/esm/sd-barcode-input.entry.js +3 -3
  347. package/dist/esm/sd-button-v2_2.entry.js +9 -8
  348. package/dist/esm/sd-button_4.entry.js +56 -18
  349. package/dist/esm/sd-calendar.entry.js +1 -1
  350. package/dist/esm/sd-card.entry.js +2 -2
  351. package/dist/esm/sd-checkbox.entry.js +30 -5
  352. package/dist/esm/sd-circle-progress.entry.js +69 -0
  353. package/dist/esm/sd-confirm-modal_2.entry.js +183 -0
  354. package/dist/esm/sd-date-box.entry.js +1 -1
  355. package/dist/esm/sd-date-picker-calendar.entry.js +3 -3
  356. package/dist/esm/sd-date-picker-trigger.entry.js +4 -4
  357. package/dist/esm/{sd-date-picker.config-C4i826lM.js → sd-date-picker.config-bYCOh35g.js} +3 -3
  358. package/dist/esm/sd-date-picker.entry.js +4 -4
  359. package/dist/esm/sd-date-range-picker-calendar.entry.js +3 -3
  360. package/dist/esm/sd-date-range-picker.entry.js +4 -4
  361. package/dist/esm/sd-dropdown-button.entry.js +10 -5
  362. package/dist/esm/sd-file-picker.entry.js +1 -1
  363. package/dist/esm/sd-form.entry.js +1 -1
  364. package/dist/esm/sd-ghost-button.entry.js +15 -6
  365. package/dist/esm/sd-guide.entry.js +2 -2
  366. package/dist/esm/sd-input_2.entry.js +7 -7
  367. package/dist/esm/sd-loading-container.entry.js +27 -0
  368. package/dist/esm/sd-modal-container.entry.js +45 -2
  369. package/dist/esm/sd-number-input.entry.js +5 -10
  370. package/dist/esm/{sd-select-v2.entry.js → sd-pagination_2.entry.js} +90 -5
  371. package/dist/esm/sd-popover.entry.js +4 -4
  372. package/dist/esm/sd-portal.entry.js +2 -2
  373. package/dist/esm/sd-progress.entry.js +3 -3
  374. package/dist/esm/sd-radio-button.entry.js +180 -0
  375. package/dist/esm/sd-radio-group.entry.js +1 -1
  376. package/dist/esm/sd-radio.entry.js +6 -6
  377. package/dist/esm/sd-select-dropdown_2.entry.js +4 -4
  378. package/dist/esm/sd-select-group.entry.js +3 -3
  379. package/dist/esm/sd-select-multiple-group.entry.js +2 -2
  380. package/dist/esm/sd-select-multiple.entry.js +3 -3
  381. package/dist/esm/sd-select-option-group.entry.js +4 -4
  382. package/dist/esm/sd-select-v2-list-item_4.entry.js +656 -0
  383. package/dist/esm/sd-select.entry.js +177 -0
  384. package/dist/esm/sd-switch.entry.js +108 -0
  385. package/dist/esm/sd-table.entry.js +424 -651
  386. package/dist/esm/sd-tabs.entry.js +2 -2
  387. package/dist/esm/sd-tag.entry.js +6 -5
  388. package/dist/esm/sd-tbody.entry.js +64 -0
  389. package/dist/esm/sd-td.entry.js +56 -0
  390. package/dist/esm/sd-text-link.entry.js +10 -12
  391. package/dist/esm/sd-textarea.entry.js +2 -2
  392. package/dist/esm/sd-thead.entry.js +177 -0
  393. package/dist/esm/sd-toast-container.entry.js +2 -2
  394. package/dist/esm/sd-toast.entry.js +3 -3
  395. package/dist/esm/sd-toggle.entry.js +96 -13
  396. package/dist/esm/sd-tr.entry.js +169 -0
  397. package/dist/esm/table-test.entry.js +94 -0
  398. package/dist/esm/{tooltipArrow-CJuzsrdH.js → tooltipArrow-BcsrQx1U.js} +1 -1
  399. package/dist/types/__mocks__/nanoid-non-secure.d.ts +2 -0
  400. package/dist/types/__mocks__/nanoid.d.ts +1 -0
  401. package/dist/types/components/sd-button-v2/sd-button-v2.d.ts +1 -0
  402. package/dist/types/components/sd-checkbox/sd-checkbox.config.d.ts +3 -0
  403. package/dist/types/components/sd-checkbox/sd-checkbox.d.ts +2 -0
  404. package/dist/types/components/sd-circle-progress/sd-circle-progress.config.d.ts +9 -0
  405. package/dist/types/components/sd-circle-progress/sd-circle-progress.d.ts +8 -0
  406. package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts +1 -0
  407. package/dist/types/components/sd-field/sd-field.config.d.ts +9 -0
  408. package/dist/types/components/sd-field/sd-field.d.ts +2 -0
  409. package/dist/types/components/sd-ghost-button/sd-ghost-button.config.d.ts +1 -1
  410. package/dist/types/components/sd-loading-container/sd-loading-container.config.d.ts +4 -0
  411. package/dist/types/components/sd-loading-container/sd-loading-container.d.ts +8 -0
  412. package/dist/types/components/sd-loading-modal/sd-loading-modal.config.d.ts +25 -0
  413. package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts +15 -0
  414. package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts +10 -0
  415. package/dist/types/components/sd-modal-container/sd-modal-container.d.ts +6 -2
  416. package/dist/types/components/sd-number-input/sd-number-input.config.d.ts +0 -1
  417. package/dist/types/components/sd-radio-button/sd-radio-button.config.d.ts +44 -0
  418. package/dist/types/components/{sd-radio-button-group/sd-radio-button-group.d.ts → sd-radio-button/sd-radio-button.d.ts} +4 -3
  419. package/dist/types/components/sd-select-v2/sd-select-v2.config.d.ts +1 -0
  420. package/dist/types/components/sd-switch/sd-switch.config.d.ts +22 -0
  421. package/dist/types/components/{sd-toggle-button/sd-toggle-button.d.ts → sd-switch/sd-switch.d.ts} +2 -6
  422. package/dist/types/components/sd-table/constants.d.ts +44 -0
  423. package/dist/types/components/sd-table/sd-table.d.ts +103 -115
  424. package/dist/types/components/sd-table/sd-tbody/sd-tbody.d.ts +14 -0
  425. package/dist/types/components/sd-table/sd-td/sd-td.d.ts +12 -0
  426. package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts +36 -0
  427. package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +34 -0
  428. package/dist/types/components/sd-toggle/sd-toggle.config.d.ts +32 -0
  429. package/dist/types/components/sd-toggle/sd-toggle.d.ts +0 -3
  430. package/dist/types/components/table-test/table-test.d.ts +46 -0
  431. package/dist/types/components.d.ts +532 -141
  432. package/dist/types/index.d.ts +3 -1
  433. package/dist/types/utils/loading.d.ts +7 -0
  434. package/dist/types/utils/modal.d.ts +19 -3
  435. package/hydrate/index.js +2466 -965
  436. package/hydrate/index.mjs +2466 -965
  437. package/package.json +1 -1
  438. package/readme.md +1 -1
  439. package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -5
  440. package/dist/cjs/sd-confirm-modal.cjs.entry.js +0 -106
  441. package/dist/cjs/sd-loading-spinner_3.cjs.entry.js +0 -283
  442. package/dist/cjs/sd-radio-button-group.cjs.entry.js +0 -57
  443. package/dist/cjs/sd-select-v2-list-item_2.cjs.entry.js +0 -150
  444. package/dist/cjs/sd-select-v2-listbox_2.cjs.entry.js +0 -353
  445. package/dist/cjs/sd-select-v2.config-7xBJQhvx.js +0 -171
  446. package/dist/cjs/sd-toggle-button.cjs.entry.js +0 -49
  447. package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.css +0 -44
  448. package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +0 -46
  449. package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.css +0 -85
  450. package/dist/collection/components/sd-toggle-button/sd-toggle-button.css +0 -47
  451. package/dist/components/p-5OtzmjLh.js +0 -1
  452. package/dist/components/p-BFaIxm6b.js +0 -1
  453. package/dist/components/p-BP-QKaKz.js +0 -1
  454. package/dist/components/p-BSZadK9N.js +0 -1
  455. package/dist/components/p-BbtO5CEW.js +0 -1
  456. package/dist/components/p-BxPyZJaz.js +0 -1
  457. package/dist/components/p-C-qSDgVU.js +0 -1
  458. package/dist/components/p-C4i826lM.js +0 -1
  459. package/dist/components/p-CEa1HSpw.js +0 -1
  460. package/dist/components/p-CYRGa0VL.js +0 -1
  461. package/dist/components/p-ClgihpRm.js +0 -1
  462. package/dist/components/p-D-Y0-FQk.js +0 -1
  463. package/dist/components/p-D-pFdq6g.js +0 -1
  464. package/dist/components/p-DPipeCRI.js +0 -1
  465. package/dist/components/p-DSYw-7RA.js +0 -1
  466. package/dist/components/p-DXAB0k9r.js +0 -1
  467. package/dist/components/p-mO5GcwI3.js +0 -1
  468. package/dist/components/sd-loading-spinner.js +0 -1
  469. package/dist/components/sd-radio-button-group.js +0 -1
  470. package/dist/components/sd-toggle-button.js +0 -1
  471. package/dist/design-system/p-0e6f5a99.entry.js +0 -1
  472. package/dist/design-system/p-22a4972a.entry.js +0 -1
  473. package/dist/design-system/p-27df33c1.entry.js +0 -1
  474. package/dist/design-system/p-3ac6a626.entry.js +0 -1
  475. package/dist/design-system/p-6610c16b.entry.js +0 -1
  476. package/dist/design-system/p-739ac181.entry.js +0 -1
  477. package/dist/design-system/p-7dce4241.entry.js +0 -1
  478. package/dist/design-system/p-7e4c0a36.entry.js +0 -1
  479. package/dist/design-system/p-8b5b2866.entry.js +0 -1
  480. package/dist/design-system/p-90f51f65.entry.js +0 -1
  481. package/dist/design-system/p-C3eQSZx-.js +0 -1
  482. package/dist/design-system/p-C4i826lM.js +0 -1
  483. package/dist/design-system/p-DQuL1Twl.js +0 -1
  484. package/dist/design-system/p-DsU722JF.js +0 -2
  485. package/dist/design-system/p-a6bc8512.entry.js +0 -1
  486. package/dist/design-system/p-afeb740a.entry.js +0 -1
  487. package/dist/design-system/p-b3e0e6f4.entry.js +0 -1
  488. package/dist/design-system/p-ba90dc5f.entry.js +0 -1
  489. package/dist/design-system/p-bad88292.entry.js +0 -1
  490. package/dist/design-system/p-cbb5575d.entry.js +0 -1
  491. package/dist/design-system/p-ce6a0b0f.entry.js +0 -1
  492. package/dist/design-system/p-d07448fe.entry.js +0 -1
  493. package/dist/design-system/p-d1a94401.entry.js +0 -1
  494. package/dist/design-system/p-d5b5cfc7.entry.js +0 -1
  495. package/dist/design-system/p-d75e0dc0.entry.js +0 -1
  496. package/dist/design-system/p-e9ed9c00.entry.js +0 -1
  497. package/dist/design-system/p-f8567970.entry.js +0 -1
  498. package/dist/design-system/p-fa22f13c.entry.js +0 -1
  499. package/dist/design-system/p-fbac6160.entry.js +0 -1
  500. package/dist/design-system/p-mO5GcwI3.js +0 -1
  501. package/dist/esm/app-globals-DQuL1Twl.js +0 -3
  502. package/dist/esm/sd-confirm-modal.entry.js +0 -104
  503. package/dist/esm/sd-loading-spinner_3.entry.js +0 -279
  504. package/dist/esm/sd-radio-button-group.entry.js +0 -55
  505. package/dist/esm/sd-select-v2-list-item_2.entry.js +0 -147
  506. package/dist/esm/sd-select-v2-listbox_2.entry.js +0 -350
  507. package/dist/esm/sd-select-v2.config-C3eQSZx-.js +0 -158
  508. package/dist/esm/sd-toggle-button.entry.js +0 -47
  509. package/dist/types/components/sd-loading-spinner/sd-loading-spinner.d.ts +0 -5
package/dist/design-system/p-BqHL8W3c.js ADDED
@@ -0,0 +1,2 @@
1
+ const e=()=>{},o=':root{--color-primary:#051D36;--sd-primary:#051D36;--color-secondary:#555555;--sd-secondary:#555555;--color-accent:#9C27B0;--sd-accent:#9C27B0;--color-positive:#0075FF;--sd-positive:#0075FF;--color-negative:#E30000;--sd-negative:#E30000;--color-info:#00CD52;--sd-info:#00CD52;--color-warning:#F2C037;--sd-warning:#F2C037;--color-caution_bg:#FEF1F1;--sd-caution_bg:#FEF1F1;--color-caution_icon:#FD9595;--sd-caution_icon:#FD9595;--color-header_alert:#FF7A00;--sd-header_alert:#FF7A00;--color-white:#FFFFFF;--sd-white:#FFFFFF;--color-black:#000000;--sd-black:#000000;--color-grey_10:#F6F6F6;--sd-grey_10:#F6F6F6;--color-grey_20:#EEEEEE;--sd-grey_20:#EEEEEE;--color-grey_25:#E5E5E5;--sd-grey_25:#E5E5E5;--color-grey_30:#E1E1E1;--sd-grey_30:#E1E1E1;--color-grey_35:#D8D8D8;--sd-grey_35:#D8D8D8;--color-grey_45:#CCCCCC;--sd-grey_45:#CCCCCC;--color-grey_50:#BBBBBB;--sd-grey_50:#BBBBBB;--color-grey_55:#AAAAAA;--sd-grey_55:#AAAAAA;--color-grey_60:#999999;--sd-grey_60:#999999;--color-grey_65:#888888;--sd-grey_65:#888888;--color-grey_70:#737373;--sd-grey_70:#737373;--color-grey_80:#555555;--sd-grey_80:#555555;--color-grey_85:#444444;--sd-grey_85:#444444;--color-grey_90:#333333;--sd-grey_90:#333333;--color-grey_95:#222222;--sd-grey_95:#222222;--color-grey_05:#F9F9F9;--sd-grey_05:#F9F9F9;--color-red_15:#FCEFEF;--sd-red_15:#FCEFEF;--color-red_20:#FCE6E6;--sd-red_20:#FCE6E6;--color-red_30:#FFD3D3;--sd-red_30:#FFD3D3;--color-red_45:#FFB5B5;--sd-red_45:#FFB5B5;--color-red_60:#FF7C7C;--sd-red_60:#FF7C7C;--color-red_70:#FB4444;--sd-red_70:#FB4444;--color-red_75:#E30000;--sd-red_75:#E30000;--color-red_75_006:#E30000;--sd-red_75_006:#E30000;--color-red_80:#AD0000;--sd-red_80:#AD0000;--color-red_85:#820000;--sd-red_85:#820000;--color-red_90:#5E0000;--sd-red_90:#5E0000;--color-red_95:#440000;--sd-red_95:#440000;--color-red_99:#220000;--sd-red_99:#220000;--color-orange_10:#FEF1EA;--sd-orange_10:#FEF1EA;--color-orange_20:#FFEAD7;--sd-orange_20:#FFEAD7;--color-orange_35:#FFD5AF;--sd-orange_35:#FFD5AF;--color-orange_45:#FFBC81;--sd-orange_45:#FFBC81;--color-orange_55:#FFA452;--sd-orange_55:#FFA452;--color-orange_60:#FF7F22;--sd-orange_60:#FF7F22;--color-orange_65:#FF6B00;--sd-orange_65:#FF6B00;--color-orange_75:#CE4900;--sd-orange_75:#CE4900;--color-orange_85:#9B3700;--sd-orange_85:#9B3700;--color-orange_90:#752A00;--sd-orange_90:#752A00;--color-orange_95:#4D1B00;--sd-orange_95:#4D1B00;--color-orange_99:#2F1100;--sd-orange_99:#2F1100;--color-yellow_10:#FFF7DD;--sd-yellow_10:#FFF7DD;--color-yellow_20:#FEF1C4;--sd-yellow_20:#FEF1C4;--color-yellow_25:#FFE99E;--sd-yellow_25:#FFE99E;--color-yellow_30:#FEE17C;--sd-yellow_30:#FEE17C;--color-yellow_40:#FFD643;--sd-yellow_40:#FFD643;--color-yellow_45:#FFC700;--sd-yellow_45:#FFC700;--color-yellow_50:#EBB110;--sd-yellow_50:#EBB110;--color-yellow_60:#CA9612;--sd-yellow_60:#CA9612;--color-yellow_70:#916C0D;--sd-yellow_70:#916C0D;--color-yellow_80:#6C5002;--sd-yellow_80:#6C5002;--color-yellow_90:#453602;--sd-yellow_90:#453602;--color-yellow_95:#322700;--sd-yellow_95:#322700;--color-olive_10:#FBFBBF;--sd-olive_10:#FBFBBF;--color-olive_15:#FAFAA1;--sd-olive_15:#FAFAA1;--color-olive_20:#F6F65F;--sd-olive_20:#F6F65F;--color-olive_30:#EEEE37;--sd-olive_30:#EEEE37;--color-olive_45:#DDDD12;--sd-olive_45:#DDDD12;--color-olive_55:#C7C700;--sd-olive_55:#C7C700;--color-olive_65:#A5A500;--sd-olive_65:#A5A500;--color-olive_70:#838300;--sd-olive_70:#838300;--color-olive_80:#636300;--sd-olive_80:#636300;--color-olive_90:#454500;--sd-olive_90:#454500;--color-olive_95:#2C2C00;--sd-olive_95:#2C2C00;--color-olive_05:#FEFED9;--sd-olive_05:#FEFED9;--color-green_15:#E8F9EF;--sd-green_15:#E8F9EF;--color-green_25:#D4FAE3;--sd-green_25:#D4FAE3;--color-green_45:#ACF4C9;--sd-green_45:#ACF4C9;--color-green_55:#6DE39C;--sd-green_55:#6DE39C;--color-green_65:#2BCE6C;--sd-green_65:#2BCE6C;--color-green_70:#12B553;--sd-green_70:#12B553;--color-green_75:#00973C;--sd-green_75:#00973C;--color-green_80:#007B31;--sd-green_80:#007B31;--color-green_85:#006629;--sd-green_85:#006629;--color-green_90:#00461C;--sd-green_90:#00461C;--color-green_95:#003013;--sd-green_95:#003013;--color-green_99:#001D0B;--sd-green_99:#001D0B;--color-steelblue_10:#ECF8FD;--sd-steelblue_10:#ECF8FD;--color-steelblue_25:#D9F2FD;--sd-steelblue_25:#D9F2FD;--color-steelblue_45:#A4E2FD;--sd-steelblue_45:#A4E2FD;--color-steelblue_60:#50BFF0;--sd-steelblue_60:#50BFF0;--color-steelblue_65:#229FD7;--sd-steelblue_65:#229FD7;--color-steelblue_70:#128FC7;--sd-steelblue_70:#128FC7;--color-steelblue_75:#066D9B;--sd-steelblue_75:#066D9B;--color-steelblue_80:#06587D;--sd-steelblue_80:#06587D;--color-steelblue_85:#033F59;--sd-steelblue_85:#033F59;--color-steelblue_90:#032D40;--sd-steelblue_90:#032D40;--color-steelblue_95:#02212F;--sd-steelblue_95:#02212F;--color-steelblue_99:#021A25;--sd-steelblue_99:#021A25;--color-oceanblue_15:#EAF5FE;--sd-oceanblue_15:#EAF5FE;--color-oceanblue_25:#D5EBFE;--sd-oceanblue_25:#D5EBFE;--color-oceanblue_50:#9CD1FC;--sd-oceanblue_50:#9CD1FC;--color-oceanblue_60:#5CB0F3;--sd-oceanblue_60:#5CB0F3;--color-oceanblue_65:#1F8AE1;--sd-oceanblue_65:#1F8AE1;--color-oceanblue_70:#006AC1;--sd-oceanblue_70:#006AC1;--color-oceanblue_75:#025497;--sd-oceanblue_75:#025497;--color-oceanblue_80:#004177;--sd-oceanblue_80:#004177;--color-oceanblue_85:#07284A;--sd-oceanblue_85:#07284A;--color-oceanblue_90:#051D36;--sd-oceanblue_90:#051D36;--color-oceanblue_95:#03172D;--sd-oceanblue_95:#03172D;--color-oceanblue_99:#011428;--sd-oceanblue_99:#011428;--color-brilliantblue_10:#EFF6FF;--sd-brilliantblue_10:#EFF6FF;--color-brilliantblue_20:#E6F1FF;--sd-brilliantblue_20:#E6F1FF;--color-brilliantblue_25:#D9EAFF;--sd-brilliantblue_25:#D9EAFF;--color-brilliantblue_40:#BBDAFF;--sd-brilliantblue_40:#BBDAFF;--color-brilliantblue_50:#93C4FF;--sd-brilliantblue_50:#93C4FF;--color-brilliantblue_60:#64ABFF;--sd-brilliantblue_60:#64ABFF;--color-brilliantblue_70:#2D8DFF;--sd-brilliantblue_70:#2D8DFF;--color-brilliantblue_75:#0075FF;--sd-brilliantblue_75:#0075FF;--color-brilliantblue_80:#005CC9;--sd-brilliantblue_80:#005CC9;--color-brilliantblue_85:#004290;--sd-brilliantblue_85:#004290;--color-brilliantblue_90:#002B5E;--sd-brilliantblue_90:#002B5E;--color-brilliantblue_95:#001B39;--sd-brilliantblue_95:#001B39;--color-brilliantblue_99:#001226;--sd-brilliantblue_99:#001226;--color-brilliantblue_05:#F5FAFF;--sd-brilliantblue_05:#F5FAFF;--sd-system-typography-control-xs-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-font-size:12px;--sd-system-typography-control-xs-font-weight:500;--sd-system-typography-control-xs-text-decoration:none;--sd-system-typography-control-xs-line-height:20px;--sd-system-typography-control-sm-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-default-font-size:12px;--sd-system-typography-control-sm-default-font-weight:500;--sd-system-typography-control-sm-default-text-decoration:none;--sd-system-typography-control-sm-default-line-height:20px;--sd-system-typography-control-sm-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-underline-font-size:12px;--sd-system-typography-control-sm-underline-font-weight:500;--sd-system-typography-control-sm-underline-text-decoration:underline;--sd-system-typography-control-sm-underline-line-height:22px;--sd-system-typography-control-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-md-font-size:16px;--sd-system-typography-control-md-font-weight:500;--sd-system-typography-control-md-text-decoration:none;--sd-system-typography-control-md-line-height:26px;--sd-system-typography-control-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-lg-font-size:18px;--sd-system-typography-control-lg-font-weight:500;--sd-system-typography-control-lg-text-decoration:none;--sd-system-typography-control-lg-line-height:30px;--sd-system-typography-feedback-xs-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-xs-font-size:11px;--sd-system-typography-feedback-xs-font-weight:500;--sd-system-typography-feedback-xs-line-height:18px;--sd-system-typography-feedback-xs-text-decoration:none;--sd-system-typography-feedback-sm-regular-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-regular-font-size:12px;--sd-system-typography-feedback-sm-regular-font-weight:400;--sd-system-typography-feedback-sm-regular-line-height:20px;--sd-system-typography-feedback-sm-regular-text-decoration:none;--sd-system-typography-feedback-sm-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-medium-font-size:12px;--sd-system-typography-feedback-sm-medium-font-weight:500;--sd-system-typography-feedback-sm-medium-line-height:20px;--sd-system-typography-feedback-sm-medium-text-decoration:none;--sd-system-typography-feedback-sm-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-bold-font-size:12px;--sd-system-typography-feedback-sm-bold-font-weight:700;--sd-system-typography-feedback-sm-bold-text-decoration:none;--sd-system-typography-feedback-sm-bold-line-height:20px;--sd-system-typography-feedback-sm-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-underline-font-size:12px;--sd-system-typography-feedback-sm-underline-font-weight:500;--sd-system-typography-feedback-sm-underline-line-height:20px;--sd-system-typography-feedback-sm-underline-text-decoration:underline;--sd-system-typography-feedback-md-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-md-bold-font-size:14px;--sd-system-typography-feedback-md-bold-font-weight:700;--sd-system-typography-feedback-md-bold-line-height:24px;--sd-system-typography-feedback-md-bold-text-decoration:none;--sd-system-typography-feedback-md-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-md-underline-font-size:14px;--sd-system-typography-feedback-md-underline-font-weight:700;--sd-system-typography-feedback-md-underline-line-height:24px;--sd-system-typography-feedback-md-underline-text-decoration:underline;--sd-system-typography-heading-sm-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-sm-font-weight:700;--sd-system-typography-heading-sm-font-size:14px;--sd-system-typography-heading-sm-line-height:24px;--sd-system-typography-heading-sm-text-decoration:none;--sd-system-typography-heading-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-md-font-weight:700;--sd-system-typography-heading-md-font-size:16px;--sd-system-typography-heading-md-text-decoration:none;--sd-system-typography-heading-md-line-height:26px;--sd-system-typography-heading-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-lg-font-weight:700;--sd-system-typography-heading-lg-font-size:18px;--sd-system-typography-heading-lg-line-height:30px;--sd-system-typography-heading-lg-text-decoration:none;--sd-system-typography-field-sm-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-default-font-weight:400;--sd-system-typography-field-sm-default-font-size:12px;--sd-system-typography-field-sm-default-line-height:20px;--sd-system-typography-field-sm-default-text-decoration:none;--sd-system-typography-field-sm-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-medium-font-weight:500;--sd-system-typography-field-sm-medium-font-size:12px;--sd-system-typography-field-sm-medium-text-decoration:none;--sd-system-typography-field-sm-medium-line-height:20px;--sd-system-typography-field-sm-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-bold-font-weight:700;--sd-system-typography-field-sm-bold-font-size:12px;--sd-system-typography-field-sm-bold-text-decoration:none;--sd-system-typography-field-sm-bold-line-height:20px;--sd-system-typography-field-md-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-default-font-weight:400;--sd-system-typography-field-md-default-font-size:14px;--sd-system-typography-field-md-default-text-decoration:none;--sd-system-typography-field-md-default-line-height:24px;--sd-system-typography-field-md-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-medium-font-weight:500;--sd-system-typography-field-md-medium-font-size:14px;--sd-system-typography-field-md-medium-text-decoration:none;--sd-system-typography-field-md-medium-line-height:24px;--sd-system-typography-field-md-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-bold-font-weight:700;--sd-system-typography-field-md-bold-font-size:14px;--sd-system-typography-field-md-bold-text-decoration:none;--sd-system-typography-field-md-bold-line-height:24px;--sd-system-typography-field-lg-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-default-font-weight:400;--sd-system-typography-field-lg-default-font-size:16px;--sd-system-typography-field-lg-default-line-height:26px;--sd-system-typography-field-lg-default-text-decoration:none;--sd-system-typography-field-lg-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-medium-font-weight:500;--sd-system-typography-field-lg-medium-font-size:16px;--sd-system-typography-field-lg-medium-line-height:26px;--sd-system-typography-field-lg-medium-text-decoration:none;--sd-system-typography-field-lg-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-bold-font-weight:700;--sd-system-typography-field-lg-bold-font-size:16px;--sd-system-typography-field-lg-bold-line-height:26px;--sd-system-typography-field-lg-bold-text-decoration:none;--sd-system-size-control-xs-height:24px;--sd-system-size-control-sm-height:28px;--sd-system-size-control-md-height:36px;--sd-system-size-control-lg-height:62px;--sd-system-size-icon-xxxs:8px;--sd-system-size-icon-xxs:10px;--sd-system-size-icon-xs:12px;--sd-system-size-icon-sm:16px;--sd-system-size-icon-md:20px;--sd-system-size-icon-lg:24px;--sd-system-size-icon-xl:32px;--sd-system-size-feedback-arrow-width:16px;--sd-system-size-feedback-arrow-height:12px;--sd-system-size-feedback-xs-height:20px;--sd-system-size-feedback-sm-height:24px;--sd-system-size-feedback-md-height:28px;--sd-system-size-field-control:16px;--sd-system-size-field-icon:12px;--sd-system-size-field-sm-height:28px;--sd-system-size-field-md-height:36px;--sd-system-space-control-xs-padding-x:8px;--sd-system-space-control-xs-gap:4px;--sd-system-space-control-sm-padding-x:12px;--sd-system-space-control-sm-gap:6px;--sd-system-space-control-md-padding-x:20px;--sd-system-space-control-md-gap:8px;--sd-system-space-control-lg-padding-x:28px;--sd-system-space-control-lg-gap:12px;--sd-system-space-feedback-xs-padding-x:6px;--sd-system-space-feedback-xs-gap:4px;--sd-system-space-feedback-sm-padding-x:8px;--sd-system-space-feedback-sm-gap:6px;--sd-system-space-feedback-md-padding-x:12px;--sd-system-space-feedback-md-gap:8px;--sd-system-space-stack-gap-tight:2px;--sd-system-space-stack-gap-normal:4px;--sd-system-space-field-sm-padding-x:12px;--sd-system-space-field-sm-padding-y:4px;--sd-system-space-field-sm-container-gap:8px;--sd-system-space-field-sm-gap:12px;--sd-system-space-field-md-padding-x:16px;--sd-system-space-field-md-container-gap:12px;--sd-system-space-field-md-gap:16px;--sd-system-radius-control-sm:4px;--sd-system-radius-control-md:6px;--sd-system-radius-feedback-xs-square:6px;--sd-system-radius-feedback-sm-square:8px;--sd-system-radius-feedback-pill:9999px;--sd-system-radius-field-sm:4px;--sd-system-radius-field-md:6px;--sd-system-border-width-control-default:1px;--sd-system-border-width-field-default:1px;--sd-system-color-bg-screen:#EEEEEE;--sd-system-color-bg-frame:#FFFFFF;--sd-system-color-bg-brand:#025497;--sd-system-color-bg-subtle:#1F8AE1;--sd-system-color-bg-accent-default:#0075FF;--sd-system-color-bg-accent-light:#F5FAFF;--sd-system-color-bg-accent-light-default:#D9EAFF;--sd-system-color-bg-accent-light-light:#F5FAFF;--sd-system-color-bg-deep:#07284A;--sd-system-color-bg-danger-default:#E30000;--sd-system-color-bg-danger-light:#FCEFEF;--sd-system-color-bg-danger-light-default:#FB4444;--sd-system-color-bg-danger-light-light:#FCEFEF;--sd-system-color-bg-warning:#FF6B00;--sd-system-color-bg-caution:#FFC700;--sd-system-color-bg-progress:#0075FF;--sd-system-color-bg-success-default:#00973C;--sd-system-color-bg-success-light:#12B553;--sd-system-color-bg-disabled:#E1E1E1;--sd-system-color-content-primary:#222222;--sd-system-color-content-secondary:#555555;--sd-system-color-content-tertiary:#888888;--sd-system-color-content-quaternary:#AAAAAA;--sd-system-color-content-brand:#005CC9;--sd-system-color-content-subtle:#066D9B;--sd-system-color-content-accent:#0075FF;--sd-system-color-content-danger-default:#E30000;--sd-system-color-content-danger-light:#FB4444;--sd-system-color-content-warning:#FF6B00;--sd-system-color-content-inverse:#FFFFFF;--sd-system-color-text-disabled:#888888;--sd-system-color-link-accent:#006AC1;--sd-system-color-icon-brand:#025497;--sd-system-color-icon-accent:#0075FF;--sd-system-color-icon-danger:#E30000;--sd-system-color-icon-warning:#FF6B00;--sd-system-color-icon-success:#00973C;--sd-system-color-icon-inverse:#FFFFFF;--sd-system-color-icon-disabled:#BBBBBB;--sd-system-color-border-default:#E1E1E1;--sd-system-color-border-accent:#0075FF;--sd-system-color-border-danger:#FB4444;--sd-system-color-border-success:#12B553;--sd-system-color-border-disabled:#CCCCCC;--sd-system-color-red-strong:#FB4444;--sd-system-color-red-subtle:#FCEFEF;--sd-system-color-orange-strong:#FF6B00;--sd-system-color-orange-subtle:#FEF1EA;--sd-system-color-yellow-strong:#916C0D;--sd-system-color-yellow-moderate:#FFC700;--sd-system-color-yellow-subtle:#FFF7DD;--sd-system-color-green-strong:#00973C;--sd-system-color-green-subtle:#E8F9EF;--sd-system-color-blue-strong:#0075FF;--sd-system-color-blue-subtle:#E6F1FF;--sd-system-color-darkblue-strong:#006AC1;--sd-system-color-darkblue-subtle:#EAF5FE;--sd-system-color-indigo-strong:#004290;--sd-system-color-indigo-subtle:#EFF6FF;--sd-system-color-grey-strong:#737373;--sd-system-color-grey-subtle:#EEEEEE;--sd-system-color-field-bg-default:#FFFFFF;--sd-system-color-field-bg-hover:#0075FF;--sd-system-color-field-border-default:#AAAAAA;--sd-system-color-field-border-focus:#0075FF;--sd-system-color-field-border-hover:#0075FF;--sd-system-color-field-border-danger:#FB4444;--sd-system-color-field-border-success:#12B553;--sd-system-color-field-text-default:#222222;--sd-system-color-field-text-placeholder:#AAAAAA;--sd-system-color-field-icon-default:#888888;--sd-system-color-divider-default:#E1E1E1;--sd-system-color-control-bg-inverse-hover:#0075FF;--sd-button-button-xs-height:24px;--sd-button-button-xs-padding-x:8px;--sd-button-button-xs-gap:4px;--sd-button-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-xs-typography-font-size:12px;--sd-button-button-xs-typography-font-weight:500;--sd-button-button-xs-typography-text-decoration:none;--sd-button-button-xs-typography-line-height:20px;--sd-button-button-xs-icon:12px;--sd-button-button-sm-height:28px;--sd-button-button-sm-padding-x:12px;--sd-button-button-sm-gap:6px;--sd-button-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-sm-typography-font-size:12px;--sd-button-button-sm-typography-font-weight:500;--sd-button-button-sm-typography-text-decoration:none;--sd-button-button-sm-typography-line-height:20px;--sd-button-button-sm-icon:16px;--sd-button-button-md-height:36px;--sd-button-button-md-padding-x:20px;--sd-button-button-md-gap:8px;--sd-button-button-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-md-typography-font-size:16px;--sd-button-button-md-typography-font-weight:500;--sd-button-button-md-typography-text-decoration:none;--sd-button-button-md-typography-line-height:26px;--sd-button-button-md-icon:20px;--sd-button-button-lg-height:62px;--sd-button-button-lg-padding-x:28px;--sd-button-button-lg-gap:12px;--sd-button-button-lg-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-lg-typography-font-size:18px;--sd-button-button-lg-typography-font-weight:500;--sd-button-button-lg-typography-text-decoration:none;--sd-button-button-lg-typography-line-height:30px;--sd-button-button-lg-icon:24px;--sd-button-button-radius-sm:4px;--sd-button-button-radius-md:6px;--sd-button-button-border-width-default:1px;--sd-button-button-border-disabled:#CCCCCC;--sd-button-button-icon-only-xs-width:24px;--sd-button-button-icon-only-sm-width:28px;--sd-button-button-icon-only-md-width:36px;--sd-button-button-icon-only-lg-width:62px;--sd-button-button-bg-disabled:#E1E1E1;--sd-button-button-text-disabled:#888888;--sd-button-button-icon-disabled:#BBBBBB;--sd-button-button-brand-strong-bg-default:#025497;--sd-button-button-brand-strong-bg-hover:#004177;--sd-button-button-brand-strong-content:#FFFFFF;--sd-button-button-brand-strong-dropdown-divider:#006AC1;--sd-button-button-brand-subtle-bg-default:#1F8AE1;--sd-button-button-brand-subtle-bg-hover:#006AC1;--sd-button-button-brand-subtle-content:#FFFFFF;--sd-button-button-brand-subtle-dropdown-divider:#5CB0F3;--sd-button-button-brand-outline-bg-default:#FFFFFF;--sd-button-button-brand-outline-bg-hover:#EAF5FE;--sd-button-button-brand-outline-border:#025497;--sd-button-button-brand-outline-content:#025497;--sd-button-button-neutral-outline-bg-default:#FFFFFF;--sd-button-button-neutral-outline-bg-hover:#EEEEEE;--sd-button-button-neutral-outline-border:#888888;--sd-button-button-neutral-outline-content:#222222;--sd-button-button-danger-strong-bg-default:#E30000;--sd-button-button-danger-strong-bg-hover:#AD0000;--sd-button-button-danger-strong-content:#FFFFFF;--sd-button-button-danger-strong-dropdown-divider:#FF7C7C;--sd-button-button-danger-outline-bg-default:#FFFFFF;--sd-button-button-danger-outline-bg-hover:#FCEFEF;--sd-button-button-danger-outline-border:#E30000;--sd-button-button-danger-outline-content:#E30000;--sd-ghost-button-ghost-button-xxs-size:16px;--sd-ghost-button-ghost-button-xxs-icon:12px;--sd-ghost-button-ghost-button-xs-size:24px;--sd-ghost-button-ghost-button-xs-icon:16px;--sd-ghost-button-ghost-button-sm-size:28px;--sd-ghost-button-ghost-button-sm-icon:20px;--sd-ghost-button-ghost-button-md-size:36px;--sd-ghost-button-ghost-button-md-icon:24px;--sd-ghost-button-ghost-button-lg-size:62px;--sd-ghost-button-ghost-button-lg-icon:32px;--sd-ghost-button-ghost-button-radius-sm:4px;--sd-ghost-button-ghost-button-radius-md:6px;--sd-ghost-button-ghost-button-hover-opacity:5%;--sd-ghost-button-ghost-button-icon-disabled:#BBBBBB;--sd-ghost-button-ghost-button-default-content:#888888;--sd-ghost-button-ghost-button-default-hover-bg:#222222;--sd-ghost-button-ghost-button-danger-content:#E30000;--sd-ghost-button-ghost-button-danger-hover-bg:#E30000;--sd-ghost-button-ghost-button-action-content:#025497;--sd-ghost-button-ghost-button-action-hover-bg:#0075FF;--sd-ghost-button-ghost-button-inverse-content:#FFFFFF;--sd-ghost-button-ghost-button-inverse-disabled:#E1E1E1;--sd-ghost-button-ghost-button-inverse-hover-bg:#FFFFFF;--sd-text-link-text-link-gap:4px;--sd-text-link-text-link-size-icon:16px;--sd-text-link-text-link-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-text-link-text-link-typography-default-font-size:12px;--sd-text-link-text-link-typography-default-font-weight:500;--sd-text-link-text-link-typography-default-text-decoration:none;--sd-text-link-text-link-typography-default-line-height:20px;--sd-text-link-text-link-typography-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-text-link-text-link-typography-underline-font-size:12px;--sd-text-link-text-link-typography-underline-font-weight:500;--sd-text-link-text-link-typography-underline-text-decoration:underline;--sd-text-link-text-link-typography-underline-line-height:22px;--sd-text-link-text-link-content-default:#222222;--sd-text-link-text-link-content-disabled:#888888;--sd-text-link-text-link-icon-default:#006AC1;--sd-text-link-text-link-icon-disabled:#BBBBBB;--sd-checkbox-checkbox-size:16px;--sd-checkbox-checkbox-radius:2px;--sd-checkbox-checkbox-border-width:1px;--sd-checkbox-checkbox-gap:8px;--sd-checkbox-checkbox-icon:12px;--sd-checkbox-checkbox-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-checkbox-checkbox-typography-font-weight:400;--sd-checkbox-checkbox-typography-font-size:12px;--sd-checkbox-checkbox-typography-line-height:20px;--sd-checkbox-checkbox-typography-text-decoration:none;--sd-checkbox-checkbox-unchecked-bg-default:#FFFFFF;--sd-checkbox-checkbox-unchecked-bg-hover:#D9EAFF;--sd-checkbox-checkbox-unchecked-border-default:#AAAAAA;--sd-checkbox-checkbox-unchecked-border-hover:#0075FF;--sd-checkbox-checkbox-checked-bg-default:#0075FF;--sd-checkbox-checkbox-checked-icon-default:#FFFFFF;--sd-checkbox-checkbox-checked-icon-disabled:#BBBBBB;--sd-checkbox-checkbox-checked-icon-inverse:#FFFFFF;--sd-checkbox-checkbox-checked-border-inverse:#FFFFFF;--sd-checkbox-checkbox-label-default:#222222;--sd-checkbox-checkbox-label-inverse:#FFFFFF;--sd-checkbox-checkbox-bg-disabled:#E1E1E1;--sd-checkbox-checkbox-border-disabled:#CCCCCC;--sd-radio-radio-size:16px;--sd-radio-radio-radius:9999px;--sd-radio-radio-border-width:1px;--sd-radio-radio-gap:8px;--sd-radio-radio-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-radio-typography-font-weight:400;--sd-radio-radio-typography-font-size:12px;--sd-radio-radio-typography-line-height:20px;--sd-radio-radio-typography-text-decoration:none;--sd-radio-radio-bg-default:#FFFFFF;--sd-radio-radio-bg-disabled:#E1E1E1;--sd-radio-radio-unchecked-bg-hover:#D9EAFF;--sd-radio-radio-unchecked-border-default:#AAAAAA;--sd-radio-radio-unchecked-border-hover:#0075FF;--sd-radio-radio-checked-border-default:#0075FF;--sd-radio-radio-checked-dot-default:#0075FF;--sd-radio-radio-border-disabled:#CCCCCC;--sd-radio-radio-dot-disabled:#CCCCCC;--sd-radio-radio-label-default:#222222;--sd-list-item-list-item-padding-y:4px;--sd-list-item-list-item-padding-right:12px;--sd-list-item-list-item-gap:8px;--sd-list-item-list-item-padding-left-depth1:12px;--sd-list-item-list-item-padding-left-depth2:20px;--sd-list-item-list-item-padding-left-depth3:28px;--sd-list-item-list-item-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-typography-font-weight:400;--sd-list-item-list-item-typography-font-size:12px;--sd-list-item-list-item-typography-line-height:20px;--sd-list-item-list-item-typography-text-decoration:none;--sd-list-item-list-item-bg-default:#FFFFFF;--sd-list-item-list-item-bg-hover:#0075FF;--sd-list-item-list-item-content-default:#222222;--sd-list-item-list-item-content-hover:#FFFFFF;--sd-list-item-list-item-content-disabled:#888888;--sd-list-item-list-item-indeterminate-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-indeterminate-typography-font-weight:700;--sd-list-item-list-item-indeterminate-typography-font-size:12px;--sd-list-item-list-item-indeterminate-typography-text-decoration:none;--sd-list-item-list-item-indeterminate-typography-line-height:20px;--sd-list-item-list-item-depth1-bg-default:#EFF6FF;--sd-list-item-list-item-depth1-bg-disabled:#EEEEEE;--sd-list-item-list-item-depth1-border-color:#E1E1E1;--sd-list-item-list-item-depth1-border-width:1px;--sd-list-item-list-item-depth1-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-depth1-title-typography-font-weight:700;--sd-list-item-list-item-depth1-title-typography-font-size:12px;--sd-list-item-list-item-depth1-title-typography-text-decoration:none;--sd-list-item-list-item-depth1-title-typography-line-height:20px;--sd-list-item-list-item-depth2-middle-bg:#F6F6F6;--sd-list-item-list-item-depth2-middle-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-depth2-middle-title-typography-font-weight:500;--sd-list-item-list-item-depth2-middle-title-typography-font-size:12px;--sd-list-item-list-item-depth2-middle-title-typography-text-decoration:none;--sd-list-item-list-item-depth2-middle-title-typography-line-height:20px;--sd-list-item-list-item-count-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-count-typography-font-weight:500;--sd-list-item-list-item-count-typography-font-size:12px;--sd-list-item-list-item-count-typography-text-decoration:none;--sd-list-item-list-item-count-typography-line-height:20px;--sd-list-item-list-item-count-color:#888888;--sd-list-box-list-box-radius:4px;--sd-list-box-list-box-bg:#FFFFFF;--sd-list-box-list-box-padding-bottom:4px;--sd-select-select-height:28px;--sd-select-select-radius:4px;--sd-select-select-border-width:1px;--sd-select-select-padding-x:12px;--sd-select-select-icon-default:#888888;--sd-select-select-icon-disabled:#BBBBBB;--sd-select-select-gap:8px;--sd-select-select-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-select-select-typography-font-weight:400;--sd-select-select-typography-font-size:12px;--sd-select-select-typography-line-height:20px;--sd-select-select-typography-text-decoration:none;--sd-select-select-border-default:#AAAAAA;--sd-select-select-border-hover:#0075FF;--sd-select-select-border-danger:#FB4444;--sd-select-select-border-disabled:#CCCCCC;--sd-select-select-bg-default:#FFFFFF;--sd-select-select-bg-disabled:#E1E1E1;--sd-select-select-text-default:#222222;--sd-select-select-text-disabled:#888888;--sd-select-select-size-icon:16px;--sd-field-field-label-sm-height:28px;--sd-field-field-label-sm-gap:6px;--sd-field-field-label-sm-icon:12px;--sd-field-field-label-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-label-sm-typography-font-weight:700;--sd-field-field-label-sm-typography-font-size:12px;--sd-field-field-label-sm-typography-text-decoration:none;--sd-field-field-label-sm-typography-line-height:20px;--sd-field-field-label-md-height:36px;--sd-field-field-label-md-gap:8px;--sd-field-field-label-md-icon:16px;--sd-field-field-label-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-label-md-typography-font-weight:700;--sd-field-field-label-md-typography-font-size:16px;--sd-field-field-label-md-typography-line-height:26px;--sd-field-field-label-md-typography-text-decoration:none;--sd-field-field-addon-label-height:28px;--sd-field-field-addon-label-gap:6px;--sd-field-field-addon-label-padding-x:12px;--sd-field-field-addon-label-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-addon-label-typography-font-weight:500;--sd-field-field-addon-label-typography-font-size:12px;--sd-field-field-addon-label-typography-text-decoration:none;--sd-field-field-addon-label-typography-line-height:20px;--sd-field-field-addon-label-bg:#F6F6F6;--sd-field-field-addon-label-border-default:#AAAAAA;--sd-field-field-addon-label-border-disabled:#CCCCCC;--sd-field-field-addon-label-border-width:1px;--sd-textinput-textinput-sm-height:28px;--sd-textinput-textinput-sm-padding-x:12px;--sd-textinput-textinput-sm-padding-y:4px;--sd-textinput-textinput-sm-gap:8px;--sd-textinput-textinput-sm-radius:4px;--sd-textinput-textinput-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-sm-typography-font-weight:400;--sd-textinput-textinput-sm-typography-font-size:12px;--sd-textinput-textinput-sm-typography-line-height:20px;--sd-textinput-textinput-sm-typography-text-decoration:none;--sd-textinput-textinput-md-height:36px;--sd-textinput-textinput-md-padding-x:16px;--sd-textinput-textinput-md-gap:12px;--sd-textinput-textinput-md-radius:6px;--sd-textinput-textinput-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-md-typography-font-weight:400;--sd-textinput-textinput-md-typography-font-size:16px;--sd-textinput-textinput-md-typography-line-height:26px;--sd-textinput-textinput-md-typography-text-decoration:none;--sd-textinput-textinput-border-width:1px;--sd-textinput-textinput-border-default:#AAAAAA;--sd-textinput-textinput-border-focus:#0075FF;--sd-textinput-textinput-border-danger:#FB4444;--sd-textinput-textinput-border-success:#12B553;--sd-textinput-textinput-border-disabled:#CCCCCC;--sd-textinput-textinput-bg-default:#FFFFFF;--sd-textinput-textinput-bg-disabled:#E1E1E1;--sd-textinput-textinput-bg-barcode:#FAFAA1;--sd-textinput-textinput-text-default:#222222;--sd-textinput-textinput-text-placeholder:#AAAAAA;--sd-textinput-textinput-text-disabled:#888888;--sd-textinput-textinput-text-hint:#555555;--sd-textinput-textinput-text-error-message:#E30000;--sd-textinput-textinput-size-icon:16px;--sd-textinput-textinput-icon-default:#888888;--sd-textinput-textinput-unit-color:#888888;--sd-textinput-textinput-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-hint-typography-font-weight:400;--sd-textinput-textinput-hint-typography-font-size:12px;--sd-textinput-textinput-hint-typography-line-height:20px;--sd-textinput-textinput-hint-typography-text-decoration:none;--sd-textinput-textinput-error-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-error-message-typography-font-weight:400;--sd-textinput-textinput-error-message-typography-font-size:12px;--sd-textinput-textinput-error-message-typography-line-height:20px;--sd-textinput-textinput-error-message-typography-text-decoration:none;--sd-textinput-textinput-contents-gap:4px;--sd-textinput-textinput-resizer-size:12px;--sd-textinput-textinput-resizer-color:#AAAAAA;--sd-number-input-number-input-sm-height:28px;--sd-number-input-number-input-sm-padding-x:6px;--sd-number-input-number-input-sm-radius:4px;--sd-number-input-number-input-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-sm-typography-font-weight:400;--sd-number-input-number-input-sm-typography-font-size:12px;--sd-number-input-number-input-sm-typography-line-height:20px;--sd-number-input-number-input-sm-typography-text-decoration:none;--sd-number-input-number-input-md-height:36px;--sd-number-input-number-input-md-padding-x:8px;--sd-number-input-number-input-md-radius:6px;--sd-number-input-number-input-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-md-typography-font-weight:400;--sd-number-input-number-input-md-typography-font-size:16px;--sd-number-input-number-input-md-typography-line-height:26px;--sd-number-input-number-input-md-typography-text-decoration:none;--sd-number-input-number-input-border-width:1px;--sd-number-input-number-input-contents-gap:4px;--sd-number-input-number-input-border-default:#AAAAAA;--sd-number-input-number-input-border-focus:#0075FF;--sd-number-input-number-input-border-danger:#FB4444;--sd-number-input-number-input-border-success:#12B553;--sd-number-input-number-input-border-disabled:#CCCCCC;--sd-number-input-number-input-bg-default:#FFFFFF;--sd-number-input-number-input-bg-disabled:#E1E1E1;--sd-number-input-number-input-text-default:#222222;--sd-number-input-number-input-text-placeholder:#AAAAAA;--sd-number-input-number-input-text-disabled:#888888;--sd-number-input-number-input-hint-color:#555555;--sd-number-input-number-input-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-hint-typography-font-weight:400;--sd-number-input-number-input-hint-typography-font-size:12px;--sd-number-input-number-input-hint-typography-line-height:20px;--sd-number-input-number-input-hint-typography-text-decoration:none;--sd-number-input-number-input-error-message-color:#E30000;--sd-number-input-number-input-error-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-error-message-typography-font-weight:400;--sd-number-input-number-input-error-message-typography-font-size:12px;--sd-number-input-number-input-error-message-typography-line-height:20px;--sd-number-input-number-input-error-message-typography-text-decoration:none;--sd-number-input-number-input-stepper-sm-size:20px;--sd-number-input-number-input-stepper-md-size:24px;--sd-number-input-number-input-stepper-radius:4px;--sd-number-input-number-input-stepper-bg-default:#EFF6FF;--sd-number-input-number-input-stepper-bg-disabled:#EEEEEE;--sd-number-input-number-input-stepper-icon-default:#0075FF;--sd-number-input-number-input-stepper-icon-disabled:#BBBBBB;--sd-filepicker-filepicker-height:28px;--sd-filepicker-filepicker-padding-x:12px;--sd-filepicker-filepicker-gap:8px;--sd-filepicker-filepicker-radius:4px;--sd-filepicker-filepicker-border-width:1px;--sd-filepicker-filepicker-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-filepicker-filepicker-typography-font-weight:400;--sd-filepicker-filepicker-typography-font-size:12px;--sd-filepicker-filepicker-typography-line-height:20px;--sd-filepicker-filepicker-typography-text-decoration:none;--sd-filepicker-filepicker-size-icon:16px;--sd-filepicker-filepicker-contents-gap:4px;--sd-filepicker-filepicker-border-default:#AAAAAA;--sd-filepicker-filepicker-border-disabled:#CCCCCC;--sd-filepicker-filepicker-bg-default:#FFFFFF;--sd-filepicker-filepicker-bg-disabled:#E1E1E1;--sd-filepicker-filepicker-text-default:#222222;--sd-filepicker-filepicker-text-placeholder:#AAAAAA;--sd-filepicker-filepicker-text-disabled:#888888;--sd-filepicker-filepicker-icon-disabled:#BBBBBB;--sd-datepicker-datepicker-sm-height:28px;--sd-datepicker-datepicker-sm-padding-x:12px;--sd-datepicker-datepicker-sm-gap:8px;--sd-datepicker-datepicker-sm-icon:16px;--sd-datepicker-datepicker-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-sm-typography-font-weight:400;--sd-datepicker-datepicker-sm-typography-font-size:12px;--sd-datepicker-datepicker-sm-typography-line-height:20px;--sd-datepicker-datepicker-sm-typography-text-decoration:none;--sd-datepicker-datepicker-sm-radius:4px;--sd-datepicker-datepicker-sm-date-gap:4px;--sd-datepicker-datepicker-md-height:36px;--sd-datepicker-datepicker-md-padding-x:16px;--sd-datepicker-datepicker-md-gap:12px;--sd-datepicker-datepicker-md-icon:20px;--sd-datepicker-datepicker-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-md-typography-font-weight:400;--sd-datepicker-datepicker-md-typography-font-size:16px;--sd-datepicker-datepicker-md-typography-line-height:26px;--sd-datepicker-datepicker-md-typography-text-decoration:none;--sd-datepicker-datepicker-md-radius:6px;--sd-datepicker-datepicker-md-date-gap:6px;--sd-datepicker-datepicker-border-width:1px;--sd-datepicker-datepicker-border-default:#AAAAAA;--sd-datepicker-datepicker-border-focus:#0075FF;--sd-datepicker-datepicker-border-disabled:#CCCCCC;--sd-datepicker-datepicker-bg-default:#FFFFFF;--sd-datepicker-datepicker-bg-disabled:#E1E1E1;--sd-datepicker-datepicker-icon-default:#888888;--sd-datepicker-datepicker-icon-disabled:#BBBBBB;--sd-datepicker-datepicker-text-default:#222222;--sd-datepicker-datepicker-text-hint:#555555;--sd-datepicker-datepicker-text-disabled:#888888;--sd-datepicker-datepicker-contents-gap:4px;--sd-datepicker-datepicker-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-hint-typography-font-weight:400;--sd-datepicker-datepicker-hint-typography-font-size:12px;--sd-datepicker-datepicker-hint-typography-line-height:20px;--sd-datepicker-datepicker-hint-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-bg:#FFFFFF;--sd-datepicker-datepicker-calendar-padding-x-y:24px;--sd-datepicker-datepicker-calendar-gap:12px;--sd-datepicker-datepicker-calendar-radius:8px;--sd-datepicker-datepicker-calendar-header-gap:8px;--sd-datepicker-datepicker-calendar-header-divider:#E1E1E1;--sd-datepicker-datepicker-calendar-header-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-header-typography-font-weight:500;--sd-datepicker-datepicker-calendar-header-typography-font-size:14px;--sd-datepicker-datepicker-calendar-header-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-header-typography-line-height:24px;--sd-datepicker-datepicker-calendar-week-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-week-typography-font-weight:400;--sd-datepicker-datepicker-calendar-week-typography-font-size:12px;--sd-datepicker-datepicker-calendar-week-typography-line-height:20px;--sd-datepicker-datepicker-calendar-week-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-week-color:#888888;--sd-datepicker-datepicker-calendar-grid-row-gap:4px;--sd-datepicker-datepicker-calendar-day-width:40px;--sd-datepicker-datepicker-calendar-day-circle-size:32px;--sd-datepicker-datepicker-calendar-day-circle-radius:9999px;--sd-datepicker-datepicker-calendar-day-default-text:#222222;--sd-datepicker-datepicker-calendar-day-hover-text:#222222;--sd-datepicker-datepicker-calendar-day-hover-border:#0075FF;--sd-datepicker-datepicker-calendar-day-select-bg:#0075FF;--sd-datepicker-datepicker-calendar-day-select-text:#FFFFFF;--sd-datepicker-datepicker-calendar-day-disabled-text:#BBBBBB;--sd-datepicker-datepicker-calendar-day-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-day-typography-default-font-weight:400;--sd-datepicker-datepicker-calendar-day-typography-default-font-size:14px;--sd-datepicker-datepicker-calendar-day-typography-default-text-decoration:none;--sd-datepicker-datepicker-calendar-day-typography-default-line-height:24px;--sd-datepicker-datepicker-calendar-day-typography-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-day-typography-bold-font-weight:700;--sd-datepicker-datepicker-calendar-day-typography-bold-font-size:14px;--sd-datepicker-datepicker-calendar-day-typography-bold-text-decoration:none;--sd-datepicker-datepicker-calendar-day-typography-bold-line-height:24px;--sd-datepicker-datepicker-calendar-day-dot-size:6px;--sd-datepicker-datepicker-calendar-day-dot-gap:2px;--sd-datepicker-datepicker-calendar-day-dot-padding-y:4px;--sd-datepicker-datepicker-calendar-range-bg:#D9EAFF;--sd-datepicker-datepicker-calendar-range-height:32px;--sd-datepicker-datepicker-calendar-range-panel-gap:24px;--sd-datepicker-datepicker-calendar-range-divider:#E1E1E1;--sd-datepicker-datepicker-calendar-range-width:20px;--sd-tag-tag-xs-height:20px;--sd-tag-tag-xs-padding-x:8px;--sd-tag-tag-xs-gap:4px;--sd-tag-tag-xs-icon:12px;--sd-tag-tag-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-xs-typography-font-size:11px;--sd-tag-tag-xs-typography-font-weight:500;--sd-tag-tag-xs-typography-line-height:18px;--sd-tag-tag-xs-typography-text-decoration:none;--sd-tag-tag-xs-radius:6px;--sd-tag-tag-sm-height:24px;--sd-tag-tag-sm-padding-x:8px;--sd-tag-tag-sm-gap:4px;--sd-tag-tag-sm-icon:16px;--sd-tag-tag-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-sm-typography-font-size:12px;--sd-tag-tag-sm-typography-font-weight:700;--sd-tag-tag-sm-typography-text-decoration:none;--sd-tag-tag-sm-typography-line-height:20px;--sd-tag-tag-sm-radius:6px;--sd-tag-tag-md-height:28px;--sd-tag-tag-md-padding-x:12px;--sd-tag-tag-md-gap:6px;--sd-tag-tag-md-icon:16px;--sd-tag-tag-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-md-typography-font-size:14px;--sd-tag-tag-md-typography-font-weight:700;--sd-tag-tag-md-typography-line-height:24px;--sd-tag-tag-md-typography-text-decoration:none;--sd-tag-tag-md-radius:8px;--sd-tag-tag-red-content:#FB4444;--sd-tag-tag-red-bg:#FCEFEF;--sd-tag-tag-orange-content:#FF6B00;--sd-tag-tag-orange-bg:#FEF1EA;--sd-tag-tag-yellow-content:#916C0D;--sd-tag-tag-yellow-bg:#FFF7DD;--sd-tag-tag-green-content:#00973C;--sd-tag-tag-green-bg:#E8F9EF;--sd-tag-tag-blue-content:#0075FF;--sd-tag-tag-blue-bg:#E6F1FF;--sd-tag-tag-darkblue-content:#006AC1;--sd-tag-tag-darkblue-bg:#EAF5FE;--sd-tag-tag-indigo-content:#004290;--sd-tag-tag-indigo-bg:#EFF6FF;--sd-tag-tag-grey-content:#737373;--sd-tag-tag-grey-bg:#EEEEEE;--sd-badge-badge-size:6px;--sd-badge-badge-radius:9999px;--sd-badge-badge-red:#FB4444;--sd-badge-badge-orange:#FF6B00;--sd-badge-badge-yellow:#FFC700;--sd-badge-badge-green:#00973C;--sd-badge-badge-blue:#0075FF;--sd-badge-badge-darkblue:#006AC1;--sd-badge-badge-indigo:#004290;--sd-badge-badge-grey:#737373;--sd-tooltip-tooltip-radius:6px;--sd-tooltip-tooltip-padding-y:12px;--sd-tooltip-tooltip-padding-x:16px;--sd-tooltip-tooltip-gap:12px;--sd-tooltip-tooltip-arrow-width:16px;--sd-tooltip-tooltip-arrow-height:12px;--sd-tooltip-tooltip-default-bg:#07284A;--sd-tooltip-tooltip-default-content:#FFFFFF;--sd-tooltip-tooltip-default-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-default-typography-font-size:12px;--sd-tooltip-tooltip-default-typography-font-weight:500;--sd-tooltip-tooltip-default-typography-line-height:20px;--sd-tooltip-tooltip-default-typography-text-decoration:none;--sd-tooltip-tooltip-danger-bg:#FCEFEF;--sd-tooltip-tooltip-danger-content:#FB4444;--sd-tooltip-tooltip-danger-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-danger-typography-font-size:12px;--sd-tooltip-tooltip-danger-typography-font-weight:700;--sd-tooltip-tooltip-danger-typography-text-decoration:none;--sd-tooltip-tooltip-danger-typography-line-height:20px;--sd-tooltip-tooltip-warning-bg:#FEF1EA;--sd-tooltip-tooltip-warning-content:#FF6B00;--sd-tooltip-tooltip-warning-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-warning-typography-font-size:12px;--sd-tooltip-tooltip-warning-typography-font-weight:700;--sd-tooltip-tooltip-warning-typography-text-decoration:none;--sd-tooltip-tooltip-warning-typography-line-height:20px;--sd-tooltip-tooltip-accent-bg:#E6F1FF;--sd-tooltip-tooltip-accent-content:#0075FF;--sd-tooltip-tooltip-accent-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-accent-typography-font-size:12px;--sd-tooltip-tooltip-accent-typography-font-weight:700;--sd-tooltip-tooltip-accent-typography-text-decoration:none;--sd-tooltip-tooltip-accent-typography-line-height:20px;--sd-popover-popover-radius:6px;--sd-popover-popover-padding-y:16px;--sd-popover-popover-padding-x:20px;--sd-popover-popover-gap:12px;--sd-popover-popover-body-gap:12px;--sd-popover-popover-contents-gap:4px;--sd-popover-popover-arrow-width:16px;--sd-popover-popover-arrow-height:12px;--sd-popover-popover-bg:#07284A;--sd-popover-popover-title-color:#FFFFFF;--sd-popover-popover-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-title-typography-font-size:14px;--sd-popover-popover-title-typography-font-weight:700;--sd-popover-popover-title-typography-line-height:24px;--sd-popover-popover-title-typography-text-decoration:none;--sd-popover-popover-description-color:#FFFFFF;--sd-popover-popover-description-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-description-typography-font-size:12px;--sd-popover-popover-description-typography-font-weight:500;--sd-popover-popover-description-typography-line-height:20px;--sd-popover-popover-description-typography-text-decoration:none;--sd-popover-popover-sub-action-color:#D8D8D8;--sd-popover-popover-sub-action-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-sub-action-typography-font-size:12px;--sd-popover-popover-sub-action-typography-font-weight:700;--sd-popover-popover-sub-action-typography-text-decoration:none;--sd-popover-popover-sub-action-typography-line-height:20px;--sd-toast-toast-radius:8px;--sd-toast-toast-padding-y:12px;--sd-toast-toast-padding-x:24px;--sd-toast-toast-gap:16px;--sd-toast-toast-icon:16px;--sd-toast-toast-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toast-toast-typography-default-font-size:14px;--sd-toast-toast-typography-default-font-weight:700;--sd-toast-toast-typography-default-line-height:24px;--sd-toast-toast-typography-default-text-decoration:none;--sd-toast-toast-typography-link-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toast-toast-typography-link-font-size:14px;--sd-toast-toast-typography-link-font-weight:700;--sd-toast-toast-typography-link-line-height:24px;--sd-toast-toast-typography-link-text-decoration:underline;--sd-toast-toast-default-bg:#07284A;--sd-toast-toast-default-content:#FFFFFF;--sd-toast-toast-danger-bg:#FB4444;--sd-toast-toast-danger-content:#FFFFFF;--sd-toast-toast-caution-bg:#FFC700;--sd-toast-toast-caution-content:#222222;--sd-toast-toast-complete-bg:#00973C;--sd-toast-toast-complete-content:#FFFFFF;--sd-toast-toast-accent-bg:#005CC9;--sd-toast-toast-accent-content:#FFFFFF;--sd-modal-modal-radius:8px;--sd-modal-modal-confirm-padding-x:32px;--sd-modal-modal-confirm-padding-y:40px;--sd-modal-modal-confirm-gap:40px;--sd-modal-modal-confirm-body-gap:20px;--sd-modal-modal-confirm-title-gap:12px;--sd-modal-modal-confirm-title-color:#222222;--sd-modal-modal-confirm-title-icon:32px;--sd-modal-modal-confirm-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-confirm-title-typography-font-weight:700;--sd-modal-modal-confirm-title-typography-font-size:18px;--sd-modal-modal-confirm-title-typography-line-height:30px;--sd-modal-modal-confirm-title-typography-text-decoration:none;--sd-modal-modal-confirm-button-gap:8px;--sd-modal-modal-confirm-message-color:#222222;--sd-modal-modal-confirm-positive-icon:#0075FF;--sd-modal-modal-confirm-negative-icon:#E30000;--sd-modal-modal-bg:#FFFFFF;--sd-modal-modal-action-header-padding-x:24px;--sd-modal-modal-action-header-padding-y:20px;--sd-modal-modal-action-header-gap:12px;--sd-modal-modal-action-title-color:#033F59;--sd-modal-modal-action-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-action-title-typography-font-weight:700;--sd-modal-modal-action-title-typography-font-size:16px;--sd-modal-modal-action-title-typography-text-decoration:none;--sd-modal-modal-action-title-typography-line-height:26px;--sd-modal-modal-action-body-padding-x:20px;--sd-modal-modal-action-body-padding-bottom:20px;--sd-modal-modal-action-footer-padding-x:20px;--sd-modal-modal-action-footer-padding-y:8px;--sd-modal-modal-action-footer-gap:16px;--sd-modal-modal-action-footer-bg:#F6F6F6;--sd-modal-modal-action-footer-border:#E1E1E1;--sd-modal-modal-loading-width:520px;--sd-modal-modal-loading-height:320px;--sd-modal-modal-loading-gap:20px;--sd-modal-modal-loading-content:80px;--sd-modal-modal-loading-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-loading-message-typography-font-size:12px;--sd-modal-modal-loading-message-typography-font-weight:400;--sd-modal-modal-loading-message-typography-line-height:20px;--sd-modal-modal-loading-message-typography-text-decoration:none;--sd-modal-modal-loading-message-color:#888888;--sd-spinner-spinner-size:80px;--sd-spinner-spinner-color-track:#EEEEEE;--sd-spinner-spinner-color-arc:#2D8DFF;--sd-radio-button-radio-button-xs-height:24px;--sd-radio-button-radio-button-xs-padding-x:8px;--sd-radio-button-radio-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-button-radio-button-xs-typography-font-size:12px;--sd-radio-button-radio-button-xs-typography-font-weight:500;--sd-radio-button-radio-button-xs-typography-text-decoration:none;--sd-radio-button-radio-button-xs-typography-line-height:20px;--sd-radio-button-radio-button-sm-height:28px;--sd-radio-button-radio-button-sm-padding-x:12px;--sd-radio-button-radio-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-button-radio-button-sm-typography-font-size:12px;--sd-radio-button-radio-button-sm-typography-font-weight:500;--sd-radio-button-radio-button-sm-typography-text-decoration:none;--sd-radio-button-radio-button-sm-typography-line-height:20px;--sd-radio-button-radio-button-radius:4px;--sd-radio-button-radio-button-border-width:1px;--sd-radio-button-radio-button-border-default:#CCCCCC;--sd-radio-button-radio-button-border-select:#0075FF;--sd-radio-button-radio-button-border-disabled:#CCCCCC;--sd-radio-button-radio-button-bg-default:#FFFFFF;--sd-radio-button-radio-button-bg-hover:#0075FF;--sd-radio-button-radio-button-bg-select:#FFFFFF;--sd-radio-button-radio-button-bg-disabled:#E1E1E1;--sd-radio-button-radio-button-content-default:#555555;--sd-radio-button-radio-button-content-hover:#FFFFFF;--sd-radio-button-radio-button-content-select:#0075FF;--sd-radio-button-radio-button-content-disabled:#888888;--sd-radio-button-radio-button-group-gap:-1px;--sd-toggle-toggle-height:28px;--sd-toggle-toggle-padding-x:12px;--sd-toggle-toggle-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toggle-toggle-typography-font-size:12px;--sd-toggle-toggle-typography-font-weight:500;--sd-toggle-toggle-typography-text-decoration:none;--sd-toggle-toggle-typography-line-height:20px;--sd-toggle-toggle-radius:9999px;--sd-toggle-toggle-border-width:1px;--sd-toggle-toggle-border-default:#CCCCCC;--sd-toggle-toggle-border-select:#0075FF;--sd-toggle-toggle-border-disabled:#CCCCCC;--sd-toggle-toggle-bg-default:#FFFFFF;--sd-toggle-toggle-bg-hover:#0075FF;--sd-toggle-toggle-bg-select:#FFFFFF;--sd-toggle-toggle-bg-disabled:#E1E1E1;--sd-toggle-toggle-content-default:#555555;--sd-toggle-toggle-content-hover:#FFFFFF;--sd-toggle-toggle-content-select:#0075FF;--sd-toggle-toggle-content-disabled:#888888;--sd-switch-switch-width:32px;--sd-switch-switch-height:20px;--sd-switch-switch-padding-x-y:2px;--sd-switch-switch-radius:9999px;--sd-switch-switch-knob-size:16px;--sd-switch-switch-knob-bg:#FFFFFF;--sd-switch-switch-bg-on:#0075FF;--sd-switch-switch-bg-off:#CCCCCC;--sd-switch-switch-bg-disabled-on:#BBDAFF;--sd-switch-switch-bg-disabled-off:#E1E1E1;--sd-switch-switch-label-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-switch-switch-label-typography-font-weight:500;--sd-switch-switch-label-typography-font-size:12px;--sd-switch-switch-label-typography-text-decoration:none;--sd-switch-switch-label-typography-line-height:20px;--sd-switch-switch-gap:6px}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}*{scroll-behavior:smooth}*::-webkit-scrollbar{opacity:0;width:8px;background:#E5E5E5}*::-webkit-scrollbar:horizontal{height:8px}*::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}*::-webkit-scrollbar-track{background-color:#E5E5E5}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}';var t=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(t||{}),r=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(r||{}),l="type",s="value",n="serialized:";function a(e,o,t){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,o);if(r&&(!t||r.get))return r;e=Object.getPrototypeOf(e)}}var i,d=(e,o)=>{var t;Object.entries(null!=(t=o.t.o)?t:{}).map((([t,[r]])=>{if(31&r||32&r){const r=e[t],l=a(Object.getPrototypeOf(e),t,!0)||Object.getOwnPropertyDescriptor(e,t);l&&Object.defineProperty(e,t,{get(){return l.get.call(this)},set(e){l.set.call(this,e)},configurable:!0,enumerable:!0}),o.l.has(t)?e[t]=o.l.get(t):void 0!==r&&(e[t]=r)}}))},p=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},c=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.i=e,512&o.t.p&&d(e,o))},g=(e,o)=>o in e,u=(e,o)=>(0,console.error)(e,o),y=new Map,b=new Map,m="s-id",h="sty-id",f="c-id",x="slot-fb{display:contents}slot-fb[hidden]{display:none}",F="http://www.w3.org/1999/xlink",_="undefined"!=typeof window?window:{},k={p:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,t,r)=>e.addEventListener(o,t,r),rel:(e,o,t,r)=>e.removeEventListener(o,t,r),ce:(e,o)=>new CustomEvent(e,o)},v=e=>Promise.resolve(e),E=(()=>{try{return!!_.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),S=!!E&&(()=>!!_.document&&Object.getOwnPropertyDescriptor(_.document.adoptedStyleSheets,"length").writable)(),A=!1,C=[],w=[],B=(e,o)=>t=>{e.push(t),A||(A=!0,o&&4&k.p?N(j):k.raf(j))},D=e=>{for(let o=0;o<e.length;o++)try{e[o](performance.now())}catch(e){u(e)}e.length=0},j=()=>{D(C),D(w),(A=C.length>0)&&k.raf(j)},N=e=>v().then(e),M=B(C,!1),I=B(w,!0);function P(){var e;const t=this.attachShadow({mode:"open"});if(void 0===i&&(i=null!=(e=function(e){if(!E)return;const o=new CSSStyleSheet;return o.replaceSync(e),o}(o))?e:null),i)S?t.adoptedStyleSheets.push(i):t.adoptedStyleSheets=[...t.adoptedStyleSheets,i];else if(!E){const e=document.createElement("style");e.innerHTML=o,t.prepend(e)}}var U=e=>{const o=O(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&G(o,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!z(e,V(e),!1).length)}));let t=0;for(t=0;t<o.length;t++){const e=o[t];1===e.nodeType&&O(e,"childNodes").length&&U(e)}};function G(e,o,t){let r,l=0,s=[];for(;l<e.length;l++){if(r=e[l],r["s-sr"]&&(!o||r["s-hn"]===o)&&(void 0===t||V(r)===t)&&(s.push(r),void 0!==t))return s;s=[...s,...G(r.childNodes,o,t)]}return s}var z=(e,o,t=!0)=>{const r=[];(t&&e["s-sr"]||!e["s-sr"])&&r.push(e);let l=e;for(;l=l.nextSibling;)V(l)!==o||!t&&l["s-sr"]||r.push(l);return r},$=(e,o)=>1===e.nodeType?null===e.getAttribute("slot")&&""===o||e.getAttribute("slot")===o:e["s-sn"]===o||""===o,R=(e,o,t,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=e,!o["s-cr"]||!o["s-cr"].parentNode)return;const s=o["s-cr"].parentNode,n=O(s,"appendChild");if(void 0!==r){l["s-oo"]=r;const e=O(s,"childNodes"),o=[l];e.forEach((e=>{e["s-nr"]&&o.push(e)})),o.sort(((e,o)=>!e["s-oo"]||e["s-oo"]<(o["s-oo"]||0)?-1:!o["s-oo"]||o["s-oo"]<e["s-oo"]?1:0)),o.forEach((e=>n.call(s,e)))}else n.call(s,l);e["s-ol"]=l,e["s-sh"]=o["s-hn"]},V=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function K(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=o=>function(e){const t=[],r=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(e=>{const o=[];for(let t=0;t<e.length;t++){const r=e[t]["s-nr"]||void 0;r&&r.isConnected&&o.push(r)}return o})(l.childNodes)).forEach((e=>{r===V(e)&&t.push(e)})),o?t.filter((e=>1===e.nodeType)):t}.bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}function O(e,o){if("__"+o in e){const t=e["__"+o];return"function"!=typeof t?t:t.bind(e)}return"function"!=typeof e[o]?e[o]:e[o].bind(e)}function L(e){var o,t,r;return null!=(r=null==(t=null==(o=e.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?r:void 0}var T=new WeakMap,q=(e,o,t)=>{let r=b.get(e);E&&t?(r=r||new CSSStyleSheet,"string"==typeof r?r=o:r.replaceSync(o)):r=o,b.set(e,r)},H=(e,o)=>{var t,r,l;const s=W(o),n=b.get(s);if(!_.document)return s;if(e=11===e.nodeType?e:_.document,n)if("string"==typeof n){let l,a=T.get(e=e.head||e);a||T.set(e,a=new Set);const i=e.querySelector(`[${h}="${s}"]`);if(i)i.textContent=n;else if(!a.has(s)){l=_.document.createElement("style"),l.textContent=n;const i=null!=(t=k.m)?t:L(_.document);if(null!=i&&l.setAttribute("nonce",i),!(1&o.p))if("HEAD"===e.nodeName){const o=e.querySelectorAll("link[rel=preconnect]"),t=o.length>0?o[o.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==t?void 0:t.parentNode)===e?t:null)}else if("host"in e)if(E){const o=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(n),S?e.adoptedStyleSheets.unshift(o):e.adoptedStyleSheets=[o,...e.adoptedStyleSheets]}else{const o=e.querySelector("style");o?o.textContent=n+o.textContent:e.prepend(l)}else e.append(l);1&o.p&&e.insertBefore(l,null),4&o.p&&(l.textContent+=x),a&&a.add(s)}}else{let o=T.get(e);if(o||T.set(e,o=new Set),!o.has(s)){const t=null!=(l=e.defaultView)?l:e.ownerDocument.defaultView;let r;if(n.constructor===t.CSSStyleSheet)r=n;else{r=new t.CSSStyleSheet;for(let e=0;e<n.cssRules.length;e++)r.insertRule(n.cssRules[e].cssText,e)}if(S?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],o.add(s),"host"in e){const o=e.querySelector(`[${h}="${s}"]`);o&&I((()=>o.remove()))}}}return s},W=e=>"sc-"+e.h,Y=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),J=e=>"object"==(e=typeof e)||"function"===e,Z=(e,o,...t)=>{let r=null,l=null,s=null,n=!1,a=!1;const i=[],d=o=>{for(let t=0;t<o.length;t++)r=o[t],Array.isArray(r)?d(r):null!=r&&"boolean"!=typeof r&&((n="function"!=typeof e&&!J(r))&&(r+=""),n&&a?i[i.length-1].F+=r:i.push(n?Q(null,r):r),a=n)};if(d(t),o){o.key&&(l=o.key),o.name&&(s=o.name);{const e=o.className||o.class;e&&(o.class="object"!=typeof e?e:Object.keys(e).filter((o=>e[o])).join(" "))}}if("function"==typeof e)return e(null===o?{}:o,i,ee);const p=Q(e,null);return p._=o,i.length>0&&(p.k=i),p.v=l,p.S=s,p},Q=(e,o)=>({p:0,A:e,F:null!=o?o:null,C:null,k:null,_:null,v:null,S:null}),X={},ee={forEach:(e,o)=>e.map(oe).forEach(o),map:(e,o)=>e.map(oe).map(o).map(te)},oe=e=>({vattrs:e._,vchildren:e.k,vkey:e.v,vname:e.S,vtag:e.A,vtext:e.F}),te=e=>{if("function"==typeof e.vtag){const o={...e.vattrs};return e.vkey&&(o.key=e.vkey),e.vname&&(o.name=e.vname),Z(e.vtag,o,...e.vchildren||[])}const o=Q(e.vtag,e.vtext);return o._=e.vattrs,o.k=e.vchildren,o.v=e.vkey,o.S=e.vname,o},re=(e,o,t,r,l,s,n,a=[])=>{let i,d,p,c;const g=l["s-sc"];if(1===s.nodeType){if(i=s.getAttribute(f),i&&(d=i.split("."),d[0]===n||"0"===d[0])){p=se({p:0,B:d[0],D:d[1],j:d[2],N:d[3],A:s.tagName.toLowerCase(),C:s,_:{class:s.className||""}}),o.push(p),s.removeAttribute(f),e.k||(e.k=[]),g&&d[0]===n&&(s["s-si"]=g,p._.class+=" "+g);const l=p.C.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===p.A&&(ne(l,d[2],p,s,e,o,t,r,a),g&&s.classList.add(g)),p.C["s-sn"]=l,p.C.removeAttribute("s-sn")),void 0!==p.N&&(e.k[p.N]=p),e=p,r&&"0"===p.j&&(r[p.N]=p.C)}if(s.shadowRoot)for(c=s.shadowRoot.childNodes.length-1;c>=0;c--)re(e,o,t,r,l,s.shadowRoot.childNodes[c],n,a);const u=s.__childNodes||s.childNodes;for(c=u.length-1;c>=0;c--)re(e,o,t,r,l,u[c],n,a)}else if(8===s.nodeType)d=s.nodeValue.split("."),(d[1]===n||"0"===d[1])&&(i=d[0],p=se({B:d[1],D:d[2],j:d[3],N:d[4]||"0",C:s,_:null,k:null,v:null,S:null,A:null,F:null}),"t"===i?(p.C=ce(s,3),p.C&&3===p.C.nodeType&&(p.F=p.C.textContent,o.push(p),s.remove(),n===p.B&&(e.k||(e.k=[]),e.k[p.N]=p),r&&"0"===p.j&&(r[p.N]=p.C))):"c"===i?(p.C=ce(s,8),p.C&&8===p.C.nodeType&&(o.push(p),s.remove())):p.B===n&&("s"===i?ne(s["s-sn"]=d[5]||"",d[2],p,s,e,o,t,r,a):"r"===i&&(r?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(e&&"style"===e.A){const o=Q(null,s.textContent);o.C=s,o.N="0",e.k=[o]}return e},le=(e,o)=>{if(1===e.nodeType){const t=e[m]||e.getAttribute(m);t&&o.set(t,e);let r=0;if(e.shadowRoot)for(;r<e.shadowRoot.childNodes.length;r++)le(e.shadowRoot.childNodes[r],o);const l=e.__childNodes||e.childNodes;for(r=0;r<l.length;r++)le(l[r],o)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(o.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},se=e=>({p:0,B:null,D:null,j:null,N:"0",C:null,_:null,k:null,v:null,S:null,A:null,F:null,...e});function ne(e,o,t,r,l,s,n,a,i){r["s-sr"]=!0,t.S=e||null,t.A="slot";const d=(null==l?void 0:l.C)?l.C["s-id"]||l.C.getAttribute("s-id"):"";if(a&&_.document){const s=t.C=_.document.createElement(t.A);t.S&&t.C.setAttribute("name",e),l.C.shadowRoot&&d&&d!==t.B?O(l.C,"insertBefore")(s,O(l.C,"children")[0]):O(O(r,"parentNode"),"insertBefore")(s,r),pe(i,o,e,r,t.B),r.remove(),"0"===t.j&&(a[t.N]=t.C)}else{const s=t.C,n=d&&d!==t.B&&l.C.shadowRoot;pe(i,o,e,r,n?d:t.B),K(r),n&&l.C.insertBefore(s,l.C.children[0])}s.push(t),n.push(t),l.k||(l.k=[]),l.k[t.N]=t}var ae,ie,de,pe=(e,o,t,r,l)=>{var s,n;let a=r.nextSibling;if(e[o]=e[o]||[],a&&!(null==(s=a.nodeValue)?void 0:s.startsWith("s.")))do{!a||(a.getAttribute&&a.getAttribute("slot")||a["s-sn"])!==t&&(""!==t||a["s-sn"]||a.getAttribute&&a.getAttribute("slot")||8!==a.nodeType&&3!==a.nodeType)||(a["s-sn"]=t,e[o].push({slot:r,node:a,hostId:l})),a=null==a?void 0:a.nextSibling}while(a&&!(null==(n=a.nodeValue)?void 0:n.startsWith("s.")))},ce=(e,o)=>{let t=e;do{t=t.nextSibling}while(t&&(t.nodeType!==o||!t.nodeValue));return t},ge=class e{static fromLocalValue(o){const t=o[l],r=s in o?o[s]:void 0;switch(t){case"string":case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return;case"null":return null;case"number":return"NaN"===r?NaN:"-0"===r?-0:"Infinity"===r?1/0:"-Infinity"===r?-1/0:r;case"array":return r.map((o=>e.fromLocalValue(o)));case"date":return new Date(r);case"map":const o=new Map;for(const[t,l]of r){const r="object"==typeof t&&null!==t?e.fromLocalValue(t):t,s=e.fromLocalValue(l);o.set(r,s)}return o;case"object":const l={};for(const[o,t]of r)l[o]=e.fromLocalValue(t);return l;case"regexp":const{pattern:s,flags:n}=r;return RegExp(s,n);case"set":const a=new Set;for(const o of r)a.add(e.fromLocalValue(o));return a;case"symbol":return Symbol(r);default:throw Error("Unsupported type: "+t)}}static fromLocalValueArray(o){return o.map((o=>e.fromLocalValue(o)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(l))return!1;const o=e[l];return!!Object.values({...t,...r}).includes(o)&&("null"===o||"undefined"===o||e.hasOwnProperty(s))}},ue=(e,o)=>"string"==typeof e&&e.startsWith(n)?e=function(e){return"string"==typeof e&&e.startsWith(n)?ge.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||J(e)?e:4&o?"false"!==e&&(""===e||!!e):2&o?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&o?e+"":e,ye=e=>{var o;return null==(o=p(e))?void 0:o.$hostElement$},be=(e,o,t)=>{const r=ye(e);return{emit:e=>me(r,o,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},me=(e,o,t)=>{const r=k.ce(o,t);return e.dispatchEvent(r),r},he=(e,o,t,r,l,s,n)=>{if(t===r)return;let a=g(e,o),i=o.toLowerCase();if("class"===o){const o=e.classList,l=xe(t);let s=xe(r);if((e["s-si"]||e["s-sc"])&&n){const t=e["s-sc"]||e["s-si"];s.push(t),l.forEach((e=>{e.startsWith(t)&&s.push(e)})),s=[...new Set(s)].filter((e=>e)),o.add(...s)}else o.remove(...l.filter((e=>e&&!s.includes(e)))),o.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===o){for(const o in t)r&&null!=r[o]||(o.includes("-")?e.style.removeProperty(o):e.style[o]="");for(const o in r)t&&r[o]===t[o]||(o.includes("-")?e.style.setProperty(o,r[o]):e.style[o]=r[o])}else if("key"===o);else if("ref"===o)r&&Ve(r,e);else if(a||"o"!==o[0]||"n"!==o[1]){if("a"===o[0]&&o.startsWith("attr:")){const t=o.slice(5);let l;{const o=p(e);if(o&&o.t&&o.t.o){const e=o.t.o[t];e&&e[1]&&(l=e[1])}}return l||(l=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(l)||e.removeAttribute(l):e.setAttribute(l,!0===r?"":r))}if("p"===o[0]&&o.startsWith("prop:")){const t=o.slice(5);try{e[t]=r}catch(e){}return}{const n=J(r);if((a||n&&null!==r)&&!l)try{if(e.tagName.includes("-"))e[o]!==r&&(e[o]=r);else{const l=null==r?"":r;"list"===o?a=!1:null!=t&&e[o]===l||("function"==typeof e.__lookupSetter__(o)?e[o]=l:e.setAttribute(o,l))}}catch(e){}let d=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(o=i,d=!0),null==r||!1===r?!1===r&&""!==e.getAttribute(o)||(d?e.removeAttributeNS(F,o):e.removeAttribute(o)):(!a||4&s||l)&&!n&&1===e.nodeType&&(r=!0===r?"":r,d?e.setAttributeNS(F,o,r):e.setAttribute(o,r))}}else if(o="-"===o[2]?o.slice(3):g(_,i)?i.slice(2):i[2]+o.slice(3),t||r){const l=o.endsWith(Fe);o=o.replace(_e,""),t&&k.rel(e,o,t,l),r&&k.ael(e,o,r,l)}},fe=/\s/,xe=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(fe):[]),Fe="Capture",_e=RegExp(Fe+"$"),ke=(e,o,t,r)=>{const l=11===o.C.nodeType&&o.C.host?o.C.host:o.C,s=e&&e._||{},n=o._||{};for(const e of ve(Object.keys(s)))e in n||he(l,e,s[e],void 0,t,o.p,r);for(const e of ve(Object.keys(n)))he(l,e,s[e],n[e],t,o.p,r)};function ve(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Ee=!1,Se=!1,Ae=!1,Ce=!1,we=[],Be=[],De=(e,o,t)=>{var r;const l=o.k[t];let s,n,a,i=0;if(Ee||(Ae=!0,"slot"===l.A&&(l.p|=l.k?2:1)),null!=l.F)s=l.C=_.document.createTextNode(l.F);else if(1&l.p)s=l.C=_.document.createTextNode(""),ke(null,l,Ce);else{if(Ce||(Ce="svg"===l.A),!_.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.C=_.document.createElementNS(Ce?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Ee&&2&l.p?"slot-fb":l.A),Ce&&"foreignObject"===l.A&&(Ce=!1),ke(null,l,Ce),null!=ae&&void 0!==ae&&s["s-si"]!==ae&&s.classList.add(s["s-si"]=ae),l.k){const o="template"===l.A?s.content:s;for(i=0;i<l.k.length;++i)n=De(e,l,i),n&&o.appendChild(n)}"svg"===l.A?Ce=!1:"foreignObject"===s.tagName&&(Ce=!0)}return s["s-hn"]=de,3&l.p&&(s["s-sr"]=!0,s["s-cr"]=ie,s["s-sn"]=l.S||"",s["s-rf"]=null==(r=l._)?void 0:r.ref,K(s),a=e&&e.k&&e.k[t],a&&a.A===l.A&&e.C&&je(e.C),Oe(ie,s,o.C,null==e?void 0:e.C)),s},je=e=>{k.p|=1;const o=e.closest(de.toLowerCase());if(null!=o){const t=Array.from(o.__childNodes||o.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of t?r.reverse():r)null!=e["s-sh"]&&(Ke(o,e,null!=t?t:null),e["s-sh"]=void 0,Ae=!0)}k.p&=-2},Ne=(e,o)=>{k.p|=1;const t=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let o=e;for(;o=o.nextSibling;)o&&o["s-sn"]===e["s-sn"]&&o["s-sh"]===de&&t.push(o)}for(let e=t.length-1;e>=0;e--){const r=t[e];r["s-hn"]!==de&&r["s-ol"]&&(Ke(Ue(r).parentNode,r,Ue(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,Ae=!0),o&&Ne(r,o)}k.p&=-2},Me=(e,o,t,r,l,s)=>{let n,a=e["s-cr"]&&e["s-cr"].parentNode||e;for(a.shadowRoot&&a.tagName===de&&(a=a.shadowRoot),"template"===t.A&&(a=a.content);l<=s;++l)r[l]&&(n=De(null,t,l),n&&(r[l].C=n,Ke(a,n,Ue(o))))},Ie=(e,o,t)=>{for(let r=o;r<=t;++r){const o=e[r];if(o){const e=o.C;Re(o),e&&(Se=!0,e["s-ol"]?e["s-ol"].remove():Ne(e,!0),e.remove())}}},Pe=(e,o,t=!1)=>e.A===o.A&&("slot"===e.A?e.S===o.S:t?(t&&!e.v&&o.v&&(e.v=o.v),!0):e.v===o.v),Ue=e=>e&&e["s-ol"]||e,Ge=(e,o,t=!1)=>{const r=o.C=e.C,l=e.k,s=o.k,n=o.A,a=o.F;let i;null==a?(Ce="svg"===n||"foreignObject"!==n&&Ce,"slot"!==n||Ee||e.S!==o.S&&(o.C["s-sn"]=o.S||"",je(o.C.parentElement)),ke(e,o,Ce,t),null!==l&&null!==s?((e,o,t,r,l=!1)=>{let s,n,a=0,i=0,d=0,p=0,c=o.length-1,g=o[0],u=o[c],y=r.length-1,b=r[0],m=r[y];const h="template"===t.A?e.content:e;for(;a<=c&&i<=y;)if(null==g)g=o[++a];else if(null==u)u=o[--c];else if(null==b)b=r[++i];else if(null==m)m=r[--y];else if(Pe(g,b,l))Ge(g,b,l),g=o[++a],b=r[++i];else if(Pe(u,m,l))Ge(u,m,l),u=o[--c],m=r[--y];else if(Pe(g,m,l))"slot"!==g.A&&"slot"!==m.A||Ne(g.C.parentNode,!1),Ge(g,m,l),Ke(h,g.C,u.C.nextSibling),g=o[++a],m=r[--y];else if(Pe(u,b,l))"slot"!==g.A&&"slot"!==m.A||Ne(u.C.parentNode,!1),Ge(u,b,l),Ke(h,u.C,g.C),u=o[--c],b=r[++i];else{for(d=-1,p=a;p<=c;++p)if(o[p]&&null!==o[p].v&&o[p].v===b.v){d=p;break}d>=0?(n=o[d],n.A!==b.A?s=De(o&&o[i],t,d):(Ge(n,b,l),o[d]=void 0,s=n.C),b=r[++i]):(s=De(o&&o[i],t,i),b=r[++i]),s&&Ke(Ue(g.C).parentNode,s,Ue(g.C))}a>c?Me(e,null==r[y+1]?null:r[y+1].C,t,r,i,y):i>y&&Ie(o,a,c)})(r,l,o,s,t):null!==s?(null!==e.F&&(r.textContent=""),Me(r,null,o,s,0,s.length-1)):t||null===l?t&&null!==l&&null===s&&(o.k=l):Ie(l,0,l.length-1),Ce&&"svg"===n&&(Ce=!1)):(i=r["s-cr"])?i.parentNode.textContent=a:e.F!==a&&(r.data=a)},ze=[],$e=e=>{let o,t,r;const l=e.__childNodes||e.childNodes;for(const e of l){if(e["s-sr"]&&(o=e["s-cr"])&&o.parentNode){t=o.parentNode.__childNodes||o.parentNode.childNodes;const l=e["s-sn"];for(r=t.length-1;r>=0;r--)if(o=t[r],!(o["s-cn"]||o["s-nr"]||o["s-hn"]===e["s-hn"]||o["s-sh"]&&o["s-sh"]===e["s-hn"]))if($(o,l)){let t=ze.find((e=>e.M===o));Se=!0,o["s-sn"]=o["s-sn"]||l,t?(t.M["s-sh"]=e["s-hn"],t.I=e):(o["s-sh"]=e["s-hn"],ze.push({I:e,M:o})),o["s-sr"]&&ze.map((e=>{$(e.M,o["s-sn"])&&(t=ze.find((e=>e.M===o)),t&&!e.I&&(e.I=t.I))}))}else ze.some((e=>e.M===o))||ze.push({M:o})}1===e.nodeType&&$e(e)}},Re=e=>{e._&&e._.ref&&we.push((()=>e._.ref(null))),e.k&&e.k.map(Re)},Ve=(e,o)=>{Be.push((()=>e(o)))},Ke=(e,o,t,r)=>{if("string"==typeof o["s-sn"]&&o["s-sr"]&&o["s-cr"])Oe(o["s-cr"],o,e,o.parentElement);else if("string"==typeof o["s-sn"]){e.insertBefore(o,t);const{slotNode:l}=function(e,o){var t;if(!(o=o||(null==(t=e["s-ol"])?void 0:t.parentElement)))return{slotNode:null,slotName:""};const r=e["s-sn"]=V(e)||"";return{slotNode:G(O(o,"childNodes"),o.tagName,r)[0],slotName:r}}(o);return l&&!r&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),o}return e.__insertBefore?e.__insertBefore(o,t):null==e?void 0:e.insertBefore(o,t)};function Oe(e,o,t,r){var l,s;let n;if(e&&"string"==typeof o["s-sn"]&&o["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(n=o["s-si"]||e.parentNode["s-sc"])){const e=o["s-sn"],a=o["s-hn"];if(null==(l=t.classList)||l.add(n+"-s"),r&&(null==(s=r.classList)?void 0:s.contains(n+"-s"))){let o=(r.__childNodes||r.childNodes)[0],t=!1;for(;o;){if(o["s-sn"]!==e&&o["s-hn"]===a&&o["s-sr"]){t=!0;break}o=o.nextSibling}t||r.classList.remove(n+"-s")}}}var Le=(e,o)=>{if(o&&!e.P&&o["s-p"]){const t=o["s-p"].push(new Promise((r=>e.P=()=>{o["s-p"].splice(t-1,1),r()})))}},Te=(e,o)=>{if(e.p|=16,4&e.p)return void(e.p|=512);Le(e,e.U);const t=()=>qe(e,o);if(!o)return I(t);queueMicrotask((()=>{t()}))},qe=(e,o)=>{const t=e.$hostElement$,r=e.i;if(!r)throw Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return o?(e.G&&(e.G=!1,eo(r,"connectedCallback",void 0,t)),e.p|=256,e.$&&(e.$.map((([e,o])=>eo(r,e,o,t))),e.$=void 0),e.R.length&&e.R.forEach((e=>e(t))),l=eo(r,"componentWillLoad",void 0,t)):l=eo(r,"componentWillUpdate",void 0,t),l=He(l,(()=>eo(r,"componentWillRender",void 0,t))),He(l,(()=>Ye(e,r,o)))},He=(e,o)=>We(e)?e.then(o).catch((e=>{console.error(e),o()})):o(),We=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ye=async(e,o,t)=>{var r;const l=e.$hostElement$,s=l["s-rc"];t&&(e=>{const o=e.t,t=e.$hostElement$,r=o.p,l=H(t.shadowRoot?t.shadowRoot:t.getRootNode(),o);10&r&&(t["s-sc"]=l,t.classList.add(l+"-h"))})(e);Je(e,o,l,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const o=null!=(r=l["s-p"])?r:[],t=()=>Ze(e);0===o.length?t():(Promise.all(o).then(t).catch(t),e.p|=4,o.length=0)}},Je=(e,o,t,r)=>{try{o=o.render(),e.p&=-17,e.p|=2,((e,o,t=!1)=>{var r,l,s,n,a;const i=e.$hostElement$,d=e.t,p=e.V||Q(null,null),c=(e=>e&&e.A===X)(o)?o:Z(null,null,o);if(de=i.tagName,d.K&&(c._=c._||{},d.K.forEach((([e,o])=>{c._[o]=i[e]}))),t&&c._)for(const e of Object.keys(c._))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(c._[e]=i[e]);if(c.A=null,c.p|=4,e.V=c,c.C=p.C=i.shadowRoot||i,ae=i["s-sc"],Ee=!(!(1&d.p)||128&d.p),ie=i["s-cr"],Se=!1,Ge(p,c,t),k.p|=1,Ae){$e(c.C);for(const e of ze){const o=e.M;if(!o["s-ol"]&&_.document){const e=_.document.createTextNode("");e["s-nr"]=o,Ke(o.parentNode,o["s-ol"]=e,o,t)}}for(const e of ze){const o=e.M,a=e.I;if(1===o.nodeType&&t&&(o["s-ih"]=null!=(r=o.hidden)&&r),a){const e=a.parentNode;let r=a.nextSibling;if(r&&1===r.nodeType){let t=null==(l=o["s-ol"])?void 0:l.previousSibling;for(;t;){let l=null!=(s=t["s-nr"])?s:null;if(l&&l["s-sn"]===o["s-sn"]&&e===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===o||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){r=l;break}}t=t.previousSibling}}if((!r&&e!==(o.__parentNode||o.parentNode)||(o.__nextSibling||o.nextSibling)!==r)&&o!==r){if(Ke(e,o,r,t),8===o.nodeType&&o.nodeValue.startsWith("s-nt-")){const e=_.document.createTextNode(o.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=o["s-hn"],e["s-sn"]=o["s-sn"],e["s-sh"]=o["s-sh"],e["s-sr"]=o["s-sr"],e["s-ol"]=o["s-ol"],e["s-ol"]["s-nr"]=e,Ke(o.parentNode,e,o,t),o.parentNode.removeChild(o)}1===o.nodeType&&"SLOT-FB"!==o.tagName&&(o.hidden=null!=(n=o["s-ih"])&&n)}o&&"function"==typeof a["s-rf"]&&a["s-rf"](a)}else 1===o.nodeType&&(o.hidden=!0)}}if(Se&&U(c.C),k.p&=-2,ze.length=0,!Ee&&!(1&d.p)&&i["s-cr"]){const e=c.C.__childNodes||c.C.childNodes;for(const o of e)if(o["s-hn"]!==de&&!o["s-sh"])if(t&&null==o["s-ih"]&&(o["s-ih"]=null!=(a=o.hidden)&&a),1===o.nodeType)o.hidden=!0;else if(3===o.nodeType&&o.nodeValue.trim()){const e=_.document.createComment("s-nt-"+o.nodeValue);e["s-sn"]=o["s-sn"],Ke(o.parentNode,e,o,t),o.parentNode.removeChild(o)}}ie=void 0,we.forEach((e=>e())),we.length=0,Be.forEach((e=>e())),Be.length=0})(e,o,r)}catch(o){u(o,e.$hostElement$)}return null},Ze=e=>{const o=e.$hostElement$,t=e.i,r=e.U;eo(t,"componentDidRender",void 0,o),64&e.p?eo(t,"componentDidUpdate",void 0,o):(e.p|=64,oo(o),eo(t,"componentDidLoad",void 0,o),e.O(o),r||Xe()),e.L(o),e.P&&(e.P(),e.P=void 0),512&e.p&&N((()=>Te(e,!1))),e.p&=-517},Qe=e=>{var o;{const t=p(e),r=null==(o=null==t?void 0:t.$hostElement$)?void 0:o.isConnected;return r&&2==(18&t.p)&&Te(t,!1),r}},Xe=()=>{var e;N((()=>me(_,"appload",{detail:{namespace:"design-system"}}))),(null==(e=k.T)?void 0:e.size)&&k.T.clear()},eo=(e,o,t,r)=>{if(e&&e[o])try{return e[o](t)}catch(e){u(e,r)}},oo=e=>e.setAttribute("hydrated",""),to=(e,o,t,r)=>{const l=p(e);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.$hostElement$,n=l.l.get(o),a=l.p,i=l.i;if(t=ue(t,r.o[o][0]),!(8&a&&void 0!==n||t===n||Number.isNaN(n)&&Number.isNaN(t))){if(l.l.set(o,t),r.q){const e=r.q[o];e&&e.map((e=>{try{const[[r,s]]=Object.entries(e);(128&a||1&s)&&(i?i[r](t,n,o):l.R.push((()=>{l.i[r](t,n,o)})))}catch(e){u(e,s)}}))}if(2&a){if(i.componentShouldUpdate&&!1===i.componentShouldUpdate(t,n,o)&&!(16&a))return;16&a||Te(l,!1)}}},ro=(e,o,t)=>{var r,l;const s=e.prototype;{e.watchers&&!o.q&&(o.q=e.watchers),e.deserializers&&!o.H&&(o.H=e.deserializers),e.serializers&&!o.W&&(o.W=e.serializers);const n=Object.entries(null!=(r=o.o)?r:{});if(n.map((([e,[r]])=>{if(31&r||2&t&&32&r){const{get:l,set:n}=a(s,e)||{};l&&(o.o[e][0]|=2048),n&&(o.o[e][0]|=4096),(1&t||!l)&&Object.defineProperty(s,e,{get(){{if(!(2048&o.o[e][0]))return((e,o)=>p(this).l.get(o))(0,e);const t=p(this),r=t?t.i:s;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(l){const s=p(this);if(s){if(n)return void 0===(32&r?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(l=s.l.get(e)),n.call(this,ue(l,r)),void to(this,e,l=32&r?this[e]:s.$hostElement$[e],o);{if(!(1&t&&4096&o.o[e][0]))return to(this,e,l,o),void(1&t&&!s.i&&s.R.push((()=>{4096&o.o[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=l)})));const n=()=>{const t=s.i[e];!s.l.get(e)&&t&&s.l.set(e,t),s.i[e]=ue(l,r),to(this,e,s.i[e],o)};s.i?n():s.R.push((()=>{n()}))}}}})}else 1&t&&64&r&&Object.defineProperty(s,e,{value(...o){var t;const r=p(this);return null==(t=null==r?void 0:r.Y)?void 0:t.then((()=>{var t;return null==(t=r.i)?void 0:t[e](...o)}))}})})),1&t){const t=new Map;s.attributeChangedCallback=function(e,r,l){k.jmp((()=>{var a;const i=t.get(e),d=p(this);if(this.hasOwnProperty(i)&&(l=this[i],delete this[i]),s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==l)return;if(null==i){const t=null==d?void 0:d.p;if(d&&t&&!(8&t)&&l!==r){const s=d.i,n=null==(a=o.q)?void 0:a[e];null==n||n.forEach((o=>{const[[n,a]]=Object.entries(o);null!=s[n]&&(128&t||1&a)&&s[n].call(s,l,r,e)}))}return}const c=n.find((([e])=>e===i));c&&4&c[1][0]&&(l=null!==l&&"false"!==l);const g=Object.getOwnPropertyDescriptor(s,i);l==this[i]||g.get&&!g.set||(this[i]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=o.q)?l:{}),...n.filter((([e,o])=>31&o[0])).map((([e,r])=>{var l;const s=r[1]||e;return t.set(s,e),512&r[0]&&(null==(l=o.K)||l.push([e,s])),s}))]))}}return e},lo=(e,o)=>{eo(e,"connectedCallback",void 0,o)},so=e=>{if(!(1&k.p)){const o=p(e);if(!o)return;const t=o.t,r=()=>{};if(1&o.p)co(e,o,t.J),(null==o?void 0:o.i)?lo(o.i,e):(null==o?void 0:o.Z)&&o.Z.then((()=>lo(o.i,e)));else{let r;if(o.p|=1,r=e.getAttribute(m),r){if(1&t.p){const o=H(e.shadowRoot,t);e.classList.remove(o+"-h",o+"-s")}else if(2&t.p){const o=W(t);e["s-sc"]=o}((e,o,t,r)=>{var l,s,n,a;const i=e.shadowRoot,d=[],c=[],g=[],u=i?[]:null,y=Q(o,null);let b;y.C=e;{const o=r.t;o&&10&o.p&&e["s-sc"]?(b=e["s-sc"],e.classList.add(b+"-h")):e["s-sc"]&&delete e["s-sc"]}!_.document||k.T&&k.T.size||le(_.document.body,k.T=new Map),e[m]=t,e.removeAttribute(m),r.V=re(y,d,c,u,e,e,t,g);let h=0;const f=d.length;let x;for(;h<f;h++){x=d[h];const t=x.B+"."+x.D,r=k.T.get(t),s=x.C;if(i){if((null==(l=x.A)?void 0:(""+l).includes("-"))&&"slot-fb"!==x.A&&!x.C.shadowRoot){const e=p(x.C);if(e){const o=W(e.t),t=_.document.querySelector(`style[sty-id="${o}"]`);t&&u.unshift(t.cloneNode(!0))}}}else s["s-hn"]=o.toUpperCase(),"slot"===x.A&&(s["s-cr"]=e["s-cr"]);"slot"===x.A&&(x.S=x.C["s-sn"]||x.C.name||null,x.k?(x.p|=2,x.C.childNodes.length||x.k.forEach((e=>{x.C.appendChild(e.C)}))):x.p|=1),r&&r.isConnected&&(r.parentElement.shadowRoot&&""===r["s-en"]&&r.parentNode.insertBefore(s,r.nextSibling),r.parentNode.removeChild(r),i||(s["s-oo"]=parseInt(x.D))),r&&!r["s-id"]&&k.T.delete(t)}const F=[],v=g.length;let E,S,A,C,w=0,B=0;for(;w<v;w++)if(E=g[w],E&&E.length)for(A=E.length,S=0;S<A;S++){if(C=E[S],F[C.hostId]||(F[C.hostId]=k.T.get(C.hostId)),!F[C.hostId])continue;const e=F[C.hostId];e.shadowRoot&&C.node.parentElement!==e&&e.insertBefore(C.node,null==(n=null==(s=E[S-1])?void 0:s.node)?void 0:n.nextSibling),e.shadowRoot&&i||(C.slot["s-cr"]||(C.slot["s-cr"]=e["s-cr"],C.slot["s-cr"]=!C.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(C.node,C.slot,0,C.node["s-oo"]||B),(null==(a=C.node.parentElement)?void 0:a.shadowRoot)&&C.node.getAttribute&&C.node.getAttribute("slot")&&C.node.removeAttribute("slot")),B=(C.node["s-oo"]||B)+1}if(b&&c.length&&c.forEach((e=>{e.C.parentElement.classList.add(b+"-s")})),i&&!i.childNodes.length){let o=0;const t=u.length;if(t){for(;o<t;o++){const e=u[o];e&&i.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}r.$hostElement$=e})(e,t.h,r,o)}r||12&t.p&&no(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){Le(o,o.U=t);break}}t.o&&Object.entries(t.o).map((([o,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(e,o)){const t=e[o];delete e[o],e[o]=t}})),(async(e,o,t)=>{let r;try{if(!(32&o.p)){if(o.p|=32,t.X){const l=((e,o)=>{const t=e.h.replace(/-/g,"_"),r=e.X;if(!r)return;const l=y.get(r);return l?l[t]:import(`./${r}.entry.js`).then((e=>(y.set(r,e),e[t])),(e=>{u(e,o.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,o);if(l&&"then"in l){const e=()=>{};r=await l,e()}else r=l;if(!r)throw Error(`Constructor for "${t.h}#${o.ee}" was not found`);r.isProxied||(t.q=r.watchers,t.W=r.serializers,t.H=r.deserializers,ro(r,t,2),r.isProxied=!0);const s=()=>{};o.p|=8;try{new r(o)}catch(o){u(o,e)}o.p&=-9,o.p|=128,s(),4&t.p?o.G=!0:lo(o.i,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>o.p|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const o=W(t);if(!b.has(o)){const r=()=>{};q(o,e,!!(1&t.p)),r()}}}const l=o.U,s=()=>Te(o,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()}catch(t){u(t,e),o.P&&(o.P(),o.P=void 0),o.O&&o.O(e)}})(e,o,t)}r()}},no=e=>{if(!_.document)return;const o=e["s-cr"]=_.document.createComment("");o["s-cn"]=!0,Ke(e,o,e.firstChild)},ao=(e,o)=>{eo(e,"disconnectedCallback",void 0,o||e)},io=(e,o={})=>{var t;if(!_.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],l=o.exclude||[],s=_.customElements,n=_.document.head,a=n.querySelector("meta[charset]"),i=_.document.createElement("style"),d=[];let c,g=!0;Object.assign(k,o),k.u=new URL(o.resourcesUrl||"./",_.document.baseURI).href,k.p|=2,(()=>{if(!_.document)return;const e=_.document.querySelectorAll(`[${h}]`);let o=0;for(;o<e.length;o++)q(e[o].getAttribute(h),Y(e[o].innerHTML),!0)})();let u=!1;if(e.map((e=>{e[1].map((o=>{var t,n,a;const i={p:o[0],h:o[1],o:o[2],J:o[3]};4&i.p&&(u=!0),i.o=o[2],i.J=o[3],i.K=[],i.q=null!=(t=o[4])?t:{},i.W=null!=(n=o[5])?n:{},i.H=null!=(a=o[6])?a:{};const y=i.h,b=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,o)=>{const t={p:0,$hostElement$:e,t:o,l:new Map,oe:new Map};t.Y=new Promise((e=>t.L=e)),t.Z=new Promise((e=>t.O=e)),e["s-p"]=[],e["s-rc"]=[],t.R=[];const r=t;e.__stencil__getHostRef=()=>r})(e=this,i),1&i.p)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${i.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else P.call(e,i)}connectedCallback(){const e=p(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,co(this,e,i.J)),c&&(clearTimeout(c),c=null),g?d.push(this):k.jmp((()=>so(this))))}disconnectedCallback(){k.jmp((()=>(async e=>{if(!(1&k.p)){const o=p(e);(null==o?void 0:o.te)&&(o.te.map((e=>e())),o.te=void 0),(null==o?void 0:o.i)?ao(o.i,e):(null==o?void 0:o.Z)&&o.Z.then((()=>ao(o.i,e)))}T.has(e)&&T.delete(e),e.shadowRoot&&T.has(e.shadowRoot)&&T.delete(e.shadowRoot)})(this))),k.raf((()=>{var e;const o=p(this);if(!o)return;const t=d.findIndex((e=>e===this));t>-1&&d.splice(t,1),(null==(e=null==o?void 0:o.V)?void 0:e.C)instanceof Node&&!o.V.C.isConnected&&delete o.V.C}))}componentOnReady(){var e;return null==(e=p(this))?void 0:e.Z}};i.X=e[0],l.includes(y)||s.get(y)||(r.push(y),s.define(y,ro(b,i,1)))}))})),r.length>0&&(u&&(i.textContent+=x),i.textContent+=r.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",i.innerHTML.length)){i.setAttribute("data-styles","");const e=null!=(t=k.m)?t:L(_.document);null!=e&&i.setAttribute("nonce",e),n.insertBefore(i,a?a.nextSibling:n.firstChild)}g=!1,d.length?d.map((e=>e.connectedCallback())):k.jmp((()=>c=setTimeout(Xe,30)))},po=(e,o)=>o,co=(e,o,t)=>{t&&_.document&&t.map((([t,r,l])=>{const s=uo(_.document,e,t),n=go(o,l),a=yo(t);k.ael(s,r,n,a),(o.te=o.te||[]).push((()=>k.rel(s,r,n,a)))}))},go=(e,o)=>t=>{var r;try{256&e.p?null==(r=e.i)||r[o](t):(e.$=e.$||[]).push([o,t])}catch(o){u(o,e.$hostElement$)}},uo=(e,o,t)=>8&t?_:o,yo=e=>({passive:!!(1&e),capture:!!(2&e)}),bo=e=>k.m=e;export{po as F,X as H,ye as a,io as b,be as c,M as d,Qe as f,e as g,Z as h,v as p,c as r,bo as s}
package/dist/design-system/{p-DSRYrM1n.js → p-COK6PVLC.js} RENAMED
@@ -1 +1 @@
1
- import{h as o}from"./p-DsU722JF.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T}
1
+ import{h as o}from"./p-BqHL8W3c.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T}
package/dist/design-system/p-DOXMJi-V.js ADDED
@@ -0,0 +1 @@
1
+ var e={modal:{radius:"8",confirm:{title:{icon:"32"},positive:{icon:"#0075FF"},negative:{icon:"#E30000"}},bg:"#FFFFFF",action:{header:{paddingX:"24",paddingY:"20",gap:"12"},title:{color:"#033F59",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"16",lineHeight:"26"}},body:{paddingX:"20",paddingBottom:"20"},footer:{paddingX:"20",paddingY:"8",gap:"16",bg:"#F6F6F6",border:"#E1E1E1"}},loading:{width:"520",height:"320",gap:"20",content:"80",message:{typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"400",lineHeight:"20"},color:"#888888"}}}};export{e as m}
package/dist/design-system/{p-72b564ed.entry.js → p-a129711d.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,h as d}from"./p-DsU722JF.js";const a={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},s=class{constructor(d){e(this,d)}color="blue";label="";render(){return d("div",{key:"ba4351faddf17a489fd4419e265d11279734a475",class:"sd-badge",style:{"--sd-badge-color":a[this.color]??a.blue}},d("div",{key:"84fbfecbd5ae7fd68941817891b91b68aee1d9e2",class:"sd-badge__dot"}),d("div",{key:"ef53189b37a82d8daa3cce3b6cd9052d8352c8e7",class:"sd-badge__label"},this.label))}};s.style="sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}";export{s as sd_badge}
1
+ import{r as e,h as d}from"./p-BqHL8W3c.js";const a={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},s=class{constructor(d){e(this,d)}color="blue";label="";render(){return d("div",{key:"7535760a065f5b0afa35d58c6f3017cacb31f507",class:"sd-badge",style:{"--sd-badge-color":a[this.color]??a.blue}},d("div",{key:"1a42bf60039e469b0676b0266f9cbde168e8c27e",class:"sd-badge__dot"}),d("div",{key:"2296c4187b5222849dbe0472d19669376b53350f",class:"sd-badge__label"},this.label))}};s.style="sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}";export{s as sd_badge}
package/dist/design-system/p-a24c3431.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as s,a as t,h as i}from"./p-BqHL8W3c.js";import{n as a}from"./p-CCwNgVmC.js";import{D as d,a as h}from"./p-bYCOh35g.js";const r=class{constructor(t){e(this,t),this.update=s(this,"sdUpdate",7),this.viewChange=s(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return t(this)}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";addonLabel="";hint="";errorMessage="";fieldName="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;internalName=a();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}),r.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=h[this.size]??h.md;return i("sd-field",{key:"cfbaa89a7e07ff2d8994f3e8faa16bc55decce0f",name:this.fieldName||this.internalName,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,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":d.border.default,"--sd-system-color-field-border-focus":d.border.focus,"--sd-system-color-field-bg-default":d.bg.default}},i("div",{key:"674cc78bc3a3cda15a1cff07c36d0d5adbcfa2ef",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"1491cea4ff657631b3dc197fa39981c2c4df96c7",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"9a759a3470bc077a52efbd4718cf11f3b67ef477",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-picker-calendar",{key:"a14a447fbf28d95173eca5fae3baa73319c0bc37",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};r.style="sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}";export{r as sd_date_picker}
package/dist/design-system/{p-3acd076e.entry.js → p-a27718c1.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as s,c as t,h as e}from"./p-DsU722JF.js";const a=class{constructor(e){s(this,e),this.update=t(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs",`sd-tabs--${this.size}`];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return e("div",{key:"df68b0102c4847bce978701991196b94447e82de",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const a=this.getBadgeName(s);return e("div",{key:`tab-${t}`,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},e("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&e("sd-tag",{name:a,label:s.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};a.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}';export{a as sd_tabs}
1
+ import{r as s,c as t,h as a}from"./p-BqHL8W3c.js";const e=class{constructor(a){s(this,a),this.update=t(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs",`sd-tabs--${this.size}`];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return a("div",{key:"3ac46ee8a763ba5a4a566fb25d4e32366ff8288b",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const e=this.getBadgeName(s);return a("div",{key:`tab-${t}`,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},a("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&a("sd-tag",{name:e,label:s.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};e.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}';export{e as sd_tabs}
package/dist/design-system/{p-3d10be45.entry.js → p-a9a91e69.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as a,c as o,h as d}from"./p-DsU722JF.js";import{m as t}from"./p-mO5GcwI3.js";const{modal:e}=t,i=e.action,s={radius:Number(e.radius),bg:e.bg,headerPaddingX:Number(i.header.paddingX),headerPaddingY:Number(i.header.paddingY),headerGap:Number(i.header.gap),bodyPaddingX:Number(i.body.paddingX),bodyPaddingBottom:Number(i.body.paddingBottom),footerPaddingX:Number(i.footer.paddingX),footerPaddingY:Number(i.footer.paddingY),footerGap:Number(i.footer.gap),footerBg:i.footer.bg,footerBorder:i.footer.border},n={color:i.title.color,fontFamily:i.title.typography.fontFamily,fontWeight:i.title.typography.fontWeight,fontSize:Number(i.title.typography.fontSize),lineHeight:Number(i.title.typography.lineHeight)},l={name:"primary_md",label:"확인"},c=class{constructor(d){a(this,d),this.close=o(this,"sdClose",7),this.ok=o(this,"sdOk",7)}modalTitle="";buttonProps={};close;ok;render(){return d("div",{key:"a49f78c558f14d89b18569388c9f63899b2d8584",class:"sd-action-modal",style:{"--sd-action-modal-radius":`${s.radius}px`,"--sd-action-modal-bg":s.bg,"--sd-action-modal-header-padding-x":`${s.headerPaddingX}px`,"--sd-action-modal-header-padding-y":`${s.headerPaddingY}px`,"--sd-action-modal-header-gap":`${s.headerGap}px`,"--sd-action-modal-body-padding-x":`${s.bodyPaddingX}px`,"--sd-action-modal-body-padding-bottom":`${s.bodyPaddingBottom}px`,"--sd-action-modal-footer-padding-x":`${s.footerPaddingX}px`,"--sd-action-modal-footer-padding-y":`${s.footerPaddingY}px`,"--sd-action-modal-footer-gap":`${s.footerGap}px`,"--sd-action-modal-footer-bg":s.footerBg,"--sd-action-modal-footer-border":s.footerBorder,"--sd-action-modal-title-color":n.color,"--sd-action-modal-title-font-family":n.fontFamily,"--sd-action-modal-title-font-weight":n.fontWeight,"--sd-action-modal-title-font-size":`${n.fontSize}px`,"--sd-action-modal-title-line-height":`${n.lineHeight}px`}},d("header",{key:"b03ed5b4eed300a78711eae2b7491e46340c4f61",class:"sd-action-modal__header"},d("h2",{key:"05a21b4f9fb2be6149c46de6f3a2f1ea6e33e95d",class:"sd-action-modal__title"},this.modalTitle),d("div",{key:"641524d22a46c5da6c8ed1265a4f6bf311be4603",class:"sd-action-modal__header-sub"},d("slot",{key:"b45fc41c0d895beadcd67314d56fb36f361f24b6",name:"header-sub-title"})),d("sd-ghost-button",{key:"aaeb806bab195f18cfa9c7af87c47ca8e63a6716",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),d("div",{key:"248af7a4bb179a9077a54534cb7c590eacde29fb",class:"sd-action-modal__body"},d("slot",{key:"af91ab4ad191c29ed3e72e05e6265d48781ed2e9",name:"body"})),d("footer",{key:"938ccf2283d70a152c598c03e62af8ff17192f74",class:"sd-action-modal__footer"},d("div",{key:"28e18ee211a61cec38259459d9deb3a80e99d4ff",class:"sd-action-modal__footer-sub"},d("slot",{key:"e3f2cafeb9978cb46f94c09692a924544cf1630a",name:"bottom-sub-content"})),d("sd-button-v2",{key:"765bc516e06d757c728f5d68b371c07061be61e0",...l,...this.buttonProps,onSdClick:()=>this.ok.emit()})))}};c.style="sd-action-modal{display:block;width:fit-content;min-width:520px}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button-v2{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}";export{c as sd_action_modal}
1
+ import{r as a,c as d,h as o}from"./p-BqHL8W3c.js";import{m as t}from"./p-DOXMJi-V.js";const{modal:e}=t,i=e.action,s={radius:Number(e.radius),bg:e.bg,headerPaddingX:Number(i.header.paddingX),headerPaddingY:Number(i.header.paddingY),headerGap:Number(i.header.gap),bodyPaddingX:Number(i.body.paddingX),bodyPaddingBottom:Number(i.body.paddingBottom),footerPaddingX:Number(i.footer.paddingX),footerPaddingY:Number(i.footer.paddingY),footerGap:Number(i.footer.gap),footerBg:i.footer.bg,footerBorder:i.footer.border},n={color:i.title.color,fontFamily:i.title.typography.fontFamily,fontWeight:i.title.typography.fontWeight,fontSize:Number(i.title.typography.fontSize),lineHeight:Number(i.title.typography.lineHeight)},l={name:"primary_md",label:"확인"},c=class{constructor(o){a(this,o),this.close=d(this,"sdClose",7),this.ok=d(this,"sdOk",7)}modalTitle="";buttonProps={};close;ok;render(){return o("div",{key:"b306dc102137e9b76faeeb19587dce32d670163c",class:"sd-action-modal",style:{"--sd-action-modal-radius":`${s.radius}px`,"--sd-action-modal-bg":s.bg,"--sd-action-modal-header-padding-x":`${s.headerPaddingX}px`,"--sd-action-modal-header-padding-y":`${s.headerPaddingY}px`,"--sd-action-modal-header-gap":`${s.headerGap}px`,"--sd-action-modal-body-padding-x":`${s.bodyPaddingX}px`,"--sd-action-modal-body-padding-bottom":`${s.bodyPaddingBottom}px`,"--sd-action-modal-footer-padding-x":`${s.footerPaddingX}px`,"--sd-action-modal-footer-padding-y":`${s.footerPaddingY}px`,"--sd-action-modal-footer-gap":`${s.footerGap}px`,"--sd-action-modal-footer-bg":s.footerBg,"--sd-action-modal-footer-border":s.footerBorder,"--sd-action-modal-title-color":n.color,"--sd-action-modal-title-font-family":n.fontFamily,"--sd-action-modal-title-font-weight":n.fontWeight,"--sd-action-modal-title-font-size":`${n.fontSize}px`,"--sd-action-modal-title-line-height":`${n.lineHeight}px`}},o("header",{key:"e6b9699e9943d1f4001b4cd23f99975474c3e86e",class:"sd-action-modal__header"},o("h2",{key:"4d30b98d01a191e4bdc3fb1ff772483dfd3a8397",class:"sd-action-modal__title"},this.modalTitle),o("div",{key:"f1083fe5c2643d09dc4bad4c50064ffda2db65ab",class:"sd-action-modal__header-sub"},o("slot",{key:"a11c9a13ae11569226ac11fb4be6b782667defeb",name:"header-sub-title"})),o("sd-ghost-button",{key:"e8a76ecd5d1388a79ac19705d634f40c05e6c2fc",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),o("div",{key:"eb615713a8fbfdd1c40c805e3146fc8341686c72",class:"sd-action-modal__body"},o("slot",{key:"d56a3331bc2e94748f150c11dba9e5bd1fad8043",name:"body"})),o("footer",{key:"d80ad9de537846b01f79588e363bb40e76c64fba",class:"sd-action-modal__footer"},o("div",{key:"49187df32a64d18b2492995a80ce49df02e9303e",class:"sd-action-modal__footer-sub"},o("slot",{key:"d73e66710152c0718d7cab6bbcbd1ab2cebf1f87",name:"bottom-sub-content"})),o("sd-button-v2",{key:"03d2f2a0fa6960983c46e47460f623dfd42811a3",...l,...this.buttonProps,onSdClick:()=>this.ok.emit()})))}};c.style="sd-action-modal{display:block;width:fit-content;min-width:520px}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button-v2{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}";export{c as sd_action_modal}
package/dist/design-system/p-ae1800c0.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as d,h as r,F as e}from"./p-BqHL8W3c.js";const s=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(e,{key:"dd37653555ffeab3b249575c8a1cbe9aa70498b1"},r("div",{key:"eb0cea509b62fe1942d8ddfb955fee920b5c51a5",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"a792a49e58b1b1756f11d0bb6e7441674c63455e"})))}};s.style="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}";export{s as sd_card}
package/dist/design-system/p-b1fe12f8.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,a as e,h as i,H as s}from"./p-BqHL8W3c.js";import{T as o}from"./p-sZMi_32I.js";const l=class{constructor(e){t(this,e)}get el(){return e(this)}columns;selectable;stickyColumn;rowKey="";row={};tableId="";columnWidths=[];isVisible=!0;_columns=[];_selectable=!1;_stickyColumn={left:0,right:0};_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;componentWillLoad(){this.syncTableContext(),this.columnWidths=this.columnWidths??[],this.resolveConfig(),this.columnWidths=this._columns.map((t=>parseInt(t.width||"120",10))),this.updateVisibilitySync()}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const e=t?.getTableIdSync?.(),i=t?.getAttribute(o),s=(e&&"undefined"!==e?e:null)??(i&&"undefined"!==i?i:null)??"";s&&s!==this.tableId&&(this.tableId=s)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=this.columns??t?.columns??[],this._selectable=this.selectable??t?.selectable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._scrolledLeft=t?.scrolledLeft??!1,this._scrolledRight=t?.scrolledRight??!1,t?.columnWidths&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths])}async refreshConfig(){this.resolveConfig()}async updateVisibility(){this.updateVisibilitySync()}updateVisibilitySync(){const t=parseInt(this.rowKey,10),e=this.tableEl?.getPaginationInfoSync?.();this.isVisible=!e||t>=e.startIndex&&t<e.endIndex}async setColumnWidths(t){this.columnWidths=t}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.isSelected())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}formatValue(t){return null==t?"":"number"==typeof t?t.toLocaleString():String(t)}getCellValue(t){const{field:e,format:i,name:s}=t,o="function"==typeof e?e(this.row):e?this.row[e]:this.row[s];return i?i(o,this.row):this.formatValue(o)}getStickyStyle(t){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((e,i)=>i>=this.visibleColumns.length-(this._stickyColumn.right||0)&&i>t)).reduce(((t,e)=>t+e),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}isSelected(){return!!this.tableEl?.isRowSelectedSync&&this.tableEl.isRowSelectedSync(this.row)}handleSelect(){this.tableEl?.updateRowSelectSync&&this.tableEl.updateRowSelectSync(this.row)}render(){const t=this._stickyColumn.left||0,e=this._stickyColumn.right||0,o=this.visibleColumns.slice(0,t),l=this.visibleColumns.slice(t,this.visibleColumns.length-e),n=this.visibleColumns.slice(this.visibleColumns.length-e);return i(s,{key:"e0b035db61ba424f4a33cdb470c839cb23c696cc",style:{display:this.isVisible?"":"none"}},i("tr",{key:"224e8c360e01f81dee44d8c93f9e6724c3e87b4f",class:"tr"},this._selectable&&i("td",{key:"34afbe37ae3f86054cc6151c31a9de4f20296aef",class:{td:!0,"td--selected":!0,"sticky-left":!0,"sticky-left-edge":0===t,"is-scrolled-left":0===t&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},i("sd-checkbox",{key:"29ad82d0b043964fdfc68cb250deddeda8029b39",value:this.isSelected(),onSdUpdate:()=>this.handleSelect()})),o.map(((e,s)=>i("td",{key:e.name,class:{td:!0,[`td--${e.align||"left"}`]:!0,"sticky-left":!0,"sticky-left-edge":s===t-1,"is-scrolled-left":s===t-1&&this._scrolledLeft,[`${e.tdClass}`]:Boolean(e.tdClass)},style:this.getStickyStyle(s)},i("slot",{name:`${this.tableId}-${"string"==typeof e.field?e.field:e.name}-${this.rowKey}`},i("span",null,this.getCellValue(e)))))),l.map(((e,s)=>{const o=t+s,l="string"==typeof e.field?e.field:e.name;return i("td",{key:e.name,class:{td:!0,[`td--${e.align||"left"}`]:!0,[`${e.tdClass}`]:Boolean(e.tdClass)},style:this.getStickyStyle(o)},i("slot",{name:`${this.tableId}-${l}-${this.rowKey}`},i("span",null,this.getCellValue(e))))})),n.map(((t,s)=>{const o=this.visibleColumns.length-e+s,l="string"==typeof t.field?t.field:t.name;return i("td",{key:t.name,class:{td:!0,[`td--${t.align||"left"}`]:!0,"sticky-right":!0,"sticky-right-edge":0===s,"is-scrolled-right":0===s&&this._scrolledRight,[`${t.tdClass}`]:Boolean(t.tdClass)},style:this.getStickyStyle(o)},i("slot",{name:`${this.tableId}-${l}-${this.rowKey}`},i("span",null,this.getCellValue(t))))}))))}};l.style='sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.td{display:table-cell;height:44px;padding:0 16px;border-bottom:1px solid #E1E1E1;background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}';export{l as sd_tr}
package/dist/design-system/p-b60ae063.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as i}from"./p-BqHL8W3c.js";var n={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const s={gap:n.textLink.gap,iconSize:Number(n.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},l={default:n.textLink.typography.default,underline:n.textLink.typography.underline},d={content:n.textLink.content,icon:n.textLink.icon},a=class{constructor(i){e(this,i),this.click=t(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?l.underline:l.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),n=this.disabled?d.icon.disabled:s.arrowColor,a={"--sd-text-link-gap":`${s.gap}px`,"--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":d.content.disabled}:{}};return i("span",{key:"348dc67e12982d74cd3f8b02d8e02071ad074c3f",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:a,onClick:this.handleClick},this.icon&&i("sd-icon",{key:"26c20691fd307e58b59339cf3b4fc1f3aab8c668",name:this.icon,size:s.iconSize,color:this.disabled?d.icon.disabled:this.iconColor||d.icon.default,class:"sd-text-link__icon"}),i("span",{key:"a767802a3df9fc15f7523d811d7dc69cc77404a1",class:t},this.label),this.useArrow&&i("span",{key:"a831f73d04cdfb970dcb78740889b6c5b242b880",class:"sd-text-link__arrow",style:{width:`${s.arrowFrame}px`,height:`${s.arrowFrame}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"a87e70e4977a2392de9876eb27904737c61b9e23",name:"chevronRight",size:s.arrowIconSize,color:n})))}};a.style="sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}";export{a as sd_text_link}
package/dist/design-system/p-b6e02544.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as o,c as a,a as d,h as i,H as s}from"./p-BqHL8W3c.js";import{m as e}from"./p-DOXMJi-V.js";const t={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},n={positive:"notificationOutline",negative:"warningOutline",default:null},l={positive:e.modal.confirm.positive.icon,negative:e.modal.confirm.negative.icon,default:""},m=Number(e.modal.confirm.title.icon),r=class{constructor(d){o(this,d),this.close=a(this,"sdClose",7),this.cancel=a(this,"sdCancel",7),this.ok=a(this,"sdOk",7)}get el(){return d(this)}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset="square_sm_grey";tagLabel="";slotLabel="";tagContents;close;cancel;ok;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof HTMLElement&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedMainButton(){return this.mainButtonName??t[this.type]}get hasTagContent(){return!(!this.tagLabel&&!this.slotLabel)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const o=Array.from(this.el.childNodes).some((o=>!(o.nodeType===Node.ELEMENT_NODE&&o.classList.contains("sd-confirm-modal"))&&(o.nodeType===Node.ELEMENT_NODE||o.nodeType===Node.TEXT_NODE&&o.textContent?.trim())));o!==this.hasSlottedContent&&(this.hasSlottedContent=o)}render(){const o=n[this.type],a=l[this.type];return i("div",{key:"c95e6e3992e9d63c19f27624e92c00b5046503e0",class:"sd-confirm-modal"},i("sd-ghost-button",{key:"edab233c28ebcfc181062d78cb80ec27a3ace8b4",class:"sd-confirm-modal__close-button",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),o&&i("sd-icon",{key:"4ea2ef8ac6027a6455367b39b6d3cc6cf073f0a8",class:"sd-confirm-modal__icon",name:o,size:m,color:a}),i("h2",{key:"5a25a6f0812a6932949a2667db2af1b69d772293",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),i("div",{key:"b431572003c129a0d44095a317532b535753abd3",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&i("div",{key:"cd425d24bde982323a0156ff18f4dcdc81660dd5",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((o=>i("p",{class:"sd-confirm-modal__message-text",innerHTML:o})))),this.showContentBox&&i("div",{key:"9486cf19dc6692228f615112b0777b6167c1a8de",class:"sd-confirm-modal__content-box"},this.tagContents?i("div",{class:"sd-confirm-modal__custom-content",ref:o=>{this.customContentRef=o}}):i("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&i("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&i("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&i("div",{key:"7218d8bf72e26f36f88db68f57818911bb09056d",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((o=>i("p",{class:"sd-confirm-modal__message-text",innerHTML:o}))))),i("div",{key:"e16de1bb3c851988050b12ac07c7adcedab560da",class:"sd-confirm-modal__button"},this.subButtonLabel&&i("sd-button-v2",{key:"8c14b099e6b8a93673ff3eb2f0931a45c98d620a",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),i("sd-button-v2",{key:"fb9a3984f0476d2fceca98bac186d0a52a0ab206",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.ok.emit()})))}};r.style="sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-confirm-padding-y) var(--sd-modal-modal-confirm-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:12px;right:12px}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-confirm-title-icon);height:var(--sd-modal-modal-confirm-title-icon);margin:0 auto var(--sd-modal-modal-confirm-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-confirm-title-color);font-size:var(--sd-modal-modal-confirm-title-typography-font-size);font-weight:var(--sd-modal-modal-confirm-title-typography-font-weight);line-height:var(--sd-modal-modal-confirm-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-confirm-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-confirm-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-confirm-message-color);font-size:12px;font-weight:400;line-height:20px;text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:22px;color:var(--sd-modal-modal-confirm-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-confirm-button-gap);margin-top:40px}";const c={minWidth:Number(e.modal.loading.width),minHeight:Number(e.modal.loading.height),gap:Number(e.modal.loading.gap),contentSize:Number(e.modal.loading.content),radius:Number(e.modal.radius)},g={bg:e.modal.bg,messageColor:e.modal.loading.message.color,errorIcon:e.modal.confirm.negative.icon},h=e.modal.loading.message.typography.fontFamily,f=Number(e.modal.loading.message.typography.fontSize),b=Number(e.modal.loading.message.typography.fontWeight),p=Number(e.modal.loading.message.typography.lineHeight),u={loading:"작업을 진행하고 있습니다. 잠시만 기다려 주세요.",error:"작업에 실패하였습니다. 다시 시도해 주세요."},_={loading:"작업 취소",error:"다시 시도"},v=class{constructor(d){o(this,d),this.click=a(this,"sdClick",7)}state="loading";message="";buttonLabel="";width;height;click;get resolvedMessage(){return this.message||u[this.state]}get resolvedButtonLabel(){return this.buttonLabel||_[this.state]}handleClick=()=>{this.click.emit()};toCssSize(o){if(null!=o&&""!==o)return"number"==typeof o?`${o}px`:o}render(){const o={"--sd-loading-modal-min-width":`${c.minWidth}px`,"--sd-loading-modal-min-height":`${c.minHeight}px`,"--sd-loading-modal-gap":`${c.gap}px`,"--sd-loading-modal-content-size":`${c.contentSize}px`,"--sd-loading-modal-radius":`${c.radius}px`,"--sd-loading-modal-bg":g.bg,"--sd-loading-modal-message-color":g.messageColor,"--sd-loading-modal-message-font-family":h,"--sd-loading-modal-message-font-size":`${f}px`,"--sd-loading-modal-message-font-weight":`${b}`,"--sd-loading-modal-message-line-height":`${p}px`,"--sd-loading-modal-error-color":g.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${c.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${c.minHeight}px`};return i(s,{key:"dcc53b3421a88970ce4ad8258285a896da0e400c",style:o},i("div",{key:"bb2319b861392c8a88587b7654f2c6227b226cc7",class:"sd-loading-modal"},i("div",{key:"f3064846c06d2cd1e9d2474dc16fe80773c4a8f7",class:"sd-loading-modal__content"},"loading"===this.state?i("sd-circle-progress",{indeterminate:!0}):i("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:c.contentSize,color:g.errorIcon})),i("p",{key:"932c71930b4484d652266f85556e7eb2195a81c9",class:"sd-loading-modal__message"},this.resolvedMessage),i("div",{key:"e06cfa7729b72f881789d573f38116ac5086e062",class:"sd-loading-modal__button"},i("sd-button-v2",{key:"63684aa367e552df0e020ce4766d6c34c1361427",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}};v.style="sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{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__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}";export{r as sd_confirm_modal,v as sd_loading_modal}
package/dist/design-system/p-bYCOh35g.js ADDED
@@ -0,0 +1 @@
1
+ var e={datepicker:{sm:{height:"28",paddingX:"12",gap:"8",icon:"16",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},radius:"4"},md:{height:"36",paddingX:"16",gap:"12",icon:"20",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"},radius:"6"},border:{default:"#AAAAAA",focus:"#0075FF"},bg:{default:"#FFFFFF"},icon:{default:"#888888",disabled:"#BBBBBB"},text:{default:"#222222",hint:"#555555",disabled:"#888888"},calendar:{bg:"#FFFFFF",paddingXY:"24",gap:"12",radius:"8",header:{gap:"8",divider:"#E1E1E1",typography:{fontWeight:"500",fontSize:"14",lineHeight:"24"}},week:{typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#888888"},grid:{rowGap:"4"},day:{width:"40",circle:{size:"32",radius:"9999"},default:{text:"#222222"},hover:{text:"#222222",border:"#0075FF"},select:{bg:"#0075FF",text:"#FFFFFF"},disabled:{text:"#BBBBBB"},typography:{default:{fontWeight:"400",fontSize:"14",lineHeight:"24"},bold:{fontWeight:"700"}}},range:{bg:"#D9EAFF",height:"32",panelGap:"24",divider:"#E1E1E1"}}}};const i=e.datepicker.sm,t=e.datepicker.md,d={sm:{height:i.height,paddingX:i.paddingX,gap:i.gap,iconSize:i.icon,radius:i.radius,fontSize:i.typography.fontSize,lineHeight:i.typography.lineHeight,fontWeight:i.typography.fontWeight},md:{height:t.height,paddingX:t.paddingX,gap:t.gap,iconSize:t.icon,radius:t.radius,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeight}},a={border:e.datepicker.border,bg:e.datepicker.bg,icon:e.datepicker.icon,text:e.datepicker.text},g={bg:e.datepicker.calendar.bg,paddingXY:e.datepicker.calendar.paddingXY,gap:e.datepicker.calendar.gap,radius:e.datepicker.calendar.radius,header:{gap:e.datepicker.calendar.header.gap,divider:e.datepicker.calendar.header.divider,fontSize:e.datepicker.calendar.header.typography.fontSize,lineHeight:e.datepicker.calendar.header.typography.lineHeight,fontWeight:e.datepicker.calendar.header.typography.fontWeight},week:{fontSize:e.datepicker.calendar.week.typography.fontSize,lineHeight:e.datepicker.calendar.week.typography.lineHeight,fontWeight:e.datepicker.calendar.week.typography.fontWeight,color:e.datepicker.calendar.week.color},grid:{rowGap:e.datepicker.calendar.grid.rowGap},day:{size:e.datepicker.calendar.day.width,circleSize:e.datepicker.calendar.day.circle.size,circleRadius:e.datepicker.calendar.day.circle.radius,defaultText:e.datepicker.calendar.day.default.text,hoverText:e.datepicker.calendar.day.hover.text,hoverBorder:e.datepicker.calendar.day.hover.border,selectBg:e.datepicker.calendar.day.select.bg,selectText:e.datepicker.calendar.day.select.text,disabledText:e.datepicker.calendar.day.disabled.text,fontSize:e.datepicker.calendar.day.typography.default.fontSize,lineHeight:e.datepicker.calendar.day.typography.default.lineHeight,fontWeight:e.datepicker.calendar.day.typography.default.fontWeight,boldFontWeight:e.datepicker.calendar.day.typography.bold.fontWeight}},o=["일","월","화","수","목","금","토"];export{g as C,a as D,o as W,d as a,e as d}
package/dist/design-system/{p-fa8b64c2.entry.js → p-c2f3470f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as e,g as s,h as i,F as o}from"./p-DsU722JF.js";import{n as l}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";disabled=!1;clearable=!1;searchable=!1;useCheckbox=!1;useAll=!1;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=l();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=this.useAll?this.itemIndex+1:this.itemIndex,o=s?.[i];o&&this.isOpen&&(this.optionRef=o,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"group"===e.type&&this.handleGroupOptionClick(t),"subgroup"===e.type&&this.handleSubGroupOptionClick(t),"item"===e.type&&this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled)).forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||null===s})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t,i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||null===s)this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null;else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));this.value=e?this.value?.filter((e=>e.value!==t.value))||null:[...this.value||[],t]};getAllItemsUnderOption(t,e=!1){const s=s=>s.parent===t.value&&(e||!s.disabled);if("subgroup"===t.type)return this.filteredOptions.filter((t=>s(t)&&"item"===t.type));const i=[],o=this.filteredOptions.filter(s);o.filter((t=>"subgroup"===t.type)).forEach((t=>{const s=this.filteredOptions.filter((s=>!(s.parent!==t.value||"item"!==s.type||!e&&s.disabled)));i.push(...s)}));const l=o.filter((t=>"item"===t.type));return i.push(...l),i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(0===e.length)return!1;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));return s.length===e.length||s.length>0&&null}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,!0);return{selectedCount:e.filter((t=>this.value?.some((e=>e.value===t.value)))).length,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||0===this.value.length)return!1;const t=this.options.filter((t=>"item"===t.type&&!t.disabled));if(0===t.length)return!1;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();return t?0===t.length?this.placeholder:this.isAllOptionsSelected()?this.allCheckedLabel:t.map((t=>t.label)).join(", "):"선택"}closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,o=e.scrollTop,l=e.clientHeight,n=e.querySelector(".sd-select-multiple-group__search-container"),r=n?n.offsetHeight:0,h=l-r,p=o+l;s<o+r?e.scrollTo({top:s-r,behavior:"instant"}):s+i>p&&e.scrollTo({top:s+i-h-r,behavior:"instant"})}))}render(){return i("sd-field",{key:"3cc9e5b2f1062e216a0dd738dff6918084c5e3b4",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"60be94c561be252d6cc822e6be60a5e31390a15f",class:{"sd-select-multiple-group":!0,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":!0,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":!0,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:0===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:!1}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{("item"===t.type||this.useCheckbox)&&this.handleOptionClick(e)},useCheckbox:this.useCheckbox,..."item"!==t.type&&{countInfo:this.getChildrenOptions(t)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{value:[{valueChanged:0}],options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}";export{h as sd_select_multiple_group}
1
+ import{r as t,c as e,a as s,h as i,F as o}from"./p-BqHL8W3c.js";import{n as l}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";disabled=!1;clearable=!1;searchable=!1;useCheckbox=!1;useAll=!1;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=l();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=this.useAll?this.itemIndex+1:this.itemIndex,o=s?.[i];o&&this.isOpen&&(this.optionRef=o,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"group"===e.type&&this.handleGroupOptionClick(t),"subgroup"===e.type&&this.handleSubGroupOptionClick(t),"item"===e.type&&this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled)).forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||null===s})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t,i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||null===s)this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null;else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));this.value=e?this.value?.filter((e=>e.value!==t.value))||null:[...this.value||[],t]};getAllItemsUnderOption(t,e=!1){const s=s=>s.parent===t.value&&(e||!s.disabled);if("subgroup"===t.type)return this.filteredOptions.filter((t=>s(t)&&"item"===t.type));const i=[],o=this.filteredOptions.filter(s);o.filter((t=>"subgroup"===t.type)).forEach((t=>{const s=this.filteredOptions.filter((s=>!(s.parent!==t.value||"item"!==s.type||!e&&s.disabled)));i.push(...s)}));const l=o.filter((t=>"item"===t.type));return i.push(...l),i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(0===e.length)return!1;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));return s.length===e.length||s.length>0&&null}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,!0);return{selectedCount:e.filter((t=>this.value?.some((e=>e.value===t.value)))).length,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||0===this.value.length)return!1;const t=this.options.filter((t=>"item"===t.type&&!t.disabled));if(0===t.length)return!1;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();return t?0===t.length?this.placeholder:this.isAllOptionsSelected()?this.allCheckedLabel:t.map((t=>t.label)).join(", "):"선택"}closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,o=e.scrollTop,l=e.clientHeight,n=e.querySelector(".sd-select-multiple-group__search-container"),r=n?n.offsetHeight:0,h=l-r,p=o+l;s<o+r?e.scrollTo({top:s-r,behavior:"instant"}):s+i>p&&e.scrollTo({top:s+i-h-r,behavior:"instant"})}))}render(){return i("sd-field",{key:"3cc9e5b2f1062e216a0dd738dff6918084c5e3b4",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"60be94c561be252d6cc822e6be60a5e31390a15f",class:{"sd-select-multiple-group":!0,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":!0,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":!0,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:0===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:!1}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{("item"===t.type||this.useCheckbox)&&this.handleOptionClick(e)},useCheckbox:this.useCheckbox,..."item"!==t.type&&{countInfo:this.getChildrenOptions(t)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{value:[{valueChanged:0}],options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{cursor:not-allowed}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}";export{h as sd_select_multiple_group}
package/dist/design-system/{p-85e22acd.entry.js → p-c4e68815.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as d,h as e}from"./p-DsU722JF.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"b14dd7c9806828807cdfc232420a30c816ffbeb2",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},e("div",{key:"acb1a2d51d018913e39f8fd1fc54ab85c4ce6957",class:"sd-date-box__content"},e("div",{key:"8c9445e4268cd254d76297ac1e775697d889f721",class:"sd-date-box__label"},this.date)))}};s.style='.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}';export{s as sd_date_box}
1
+ import{r as t,c as d,h as e}from"./p-BqHL8W3c.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"b14dd7c9806828807cdfc232420a30c816ffbeb2",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},e("div",{key:"acb1a2d51d018913e39f8fd1fc54ab85c4ce6957",class:"sd-date-box__content"},e("div",{key:"8c9445e4268cd254d76297ac1e775697d889f721",class:"sd-date-box__label"},this.date)))}};s.style='.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}';export{s as sd_date_box}
package/dist/design-system/p-c98ed6ae.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,c as e,a as i,h as s}from"./p-BqHL8W3c.js";import{n}from"./p-CCwNgVmC.js";var r={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const u=r.numberInput.sm,d=r.numberInput.md,a={sm:{height:u.height,paddingX:u.paddingX,radius:u.radius,fontSize:u.typography.fontSize,lineHeight:u.typography.lineHeight,fontWeight:u.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},h={border:r.numberInput.border,bg:r.numberInput.bg,text:r.numberInput.text},o={sm:{size:r.numberInput.stepper.sm.size},md:{size:r.numberInput.stepper.md.size},radius:r.numberInput.stepper.radius,bg:r.numberInput.stepper.bg,icon:r.numberInput.stepper.icon},l=r.numberInput.hint,p=r.numberInput.errorMessage,b=r.numberInput.contents.gap,c=class{constructor(i){t(this,i),this.update=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(this,"sdBlur",7)}get el(){return i(this)}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;value=null;label;addonLabel="";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=n();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:String(u)}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const i=parseFloat(e);return isNaN(i)||!this.useDecimal&&e.includes(".")?null:i}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=a[this.size]??a.sm,e="md"===this.size?14:12;return s("sd-field",{key:"e05cc16f4dde4fd82d11a811b578723af2f5b092",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":h.text.default,"--sd-number-input-placeholder-color":h.text.placeholder,"--sd-number-input-disabled-color":h.text.disabled,"--sd-number-input-stepper-size":`${o[this.size]?.size??o.sm.size}px`,"--sd-number-input-stepper-radius":`${o.radius}px`,"--sd-number-input-stepper-bg":o.bg.default,"--sd-number-input-stepper-bg-disabled":o.bg.disabled,"--sd-number-input-stepper-icon-color":o.icon.default,"--sd-number-input-stepper-icon-disabled":o.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":h.border.default,"--sd-system-color-field-border-focus":h.border.focus,"--sd-system-color-field-border-danger":h.border.danger,"--sd-system-color-field-bg-default":h.bg.default,"--sd-textinput-input-text-error-message":p.color,"--sd-textinput-input-error-message-typography-font-size":`${p.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${p.typography.lineHeight}px`,"--sd-textinput-input-text-hint":l.color,"--sd-textinput-input-hint-typography-font-size":`${l.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${l.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${b}px`}},s("div",{key:"db4f02b5f882acfe481698745ca374874643efbd",class:"sd-number-input__content"},this.useButton&&s("button",{key:"c83df0e915849792427b2f3609937bb0b62aae15",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"b7ea0704c9d114b5e1b8eca29a408efb5e532b7e",name:"minus",size:e,color:this.isDecrementDisabled()?o.icon.disabled:o.icon.default})),this.inputPrefix&&s("span",{key:"57ed4229c30d52b6925ebaccd816cd8496ab60c0",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"b018a810ca085218beb7acbba0187543c8369236",name:this.name,ref:t=>this.nativeEl=t,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"5db549a3cc81b98123cdec69b866b25d961f210f",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"8b0b8c4ba46cf1cc5fba21f7fa8c113ca215b265",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"77012f79ba5a3a5550af844149bb35fa1e165533",name:"add",size:e,color:this.isIncrementDisabled()?o.icon.disabled:o.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.style="sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}";export{c as sd_number_input}
package/dist/design-system/p-ca80379a.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as s,a as t,h as i}from"./p-BqHL8W3c.js";import{B as o}from"./p-CRdYeSBK.js";import{S as l}from"./p-Cy6HMEsK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(t){super(),e(this,t),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}get el(){return t(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";addonLabel="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return i("sd-field",{key:"33f8a4e75ab20389213be5643f479b806e8e78c3",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"148f21e1a19cf4f4b9e61b4192d631d85dbc57a4",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&i("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select .sd-select .sd-select__trigger{cursor:not-allowed}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}";export{r as sd_select}