@sellmate/design-system 1.0.62 → 1.0.64
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.
- package/dist/cjs/{component.modal-DmQUWbve.js → component.modal-BFelrSMx.js} +14 -0
- package/dist/cjs/constants-DJRV1upE.js +5 -0
- package/dist/cjs/design-system.cjs.js +3 -4
- package/dist/cjs/{index-BQt-JC6r.js → index-nsQP24mV.js} +130 -9
- package/dist/cjs/index.cjs.js +103 -32
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/cjs/sd-action-modal.cjs.entry.js +3 -3
- package/dist/cjs/sd-badge.cjs.entry.js +2 -2
- package/dist/cjs/sd-barcode-input.cjs.entry.js +4 -3
- package/dist/cjs/sd-button-v2_2.cjs.entry.js +9 -8
- package/dist/cjs/sd-button_4.cjs.entry.js +62 -18
- package/dist/cjs/sd-calendar.cjs.entry.js +1 -1
- package/dist/cjs/sd-card.cjs.entry.js +2 -2
- package/dist/cjs/sd-checkbox.cjs.entry.js +30 -5
- package/dist/cjs/sd-circle-progress.cjs.entry.js +71 -0
- package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +186 -0
- package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-picker-calendar.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-picker-trigger.cjs.entry.js +4 -4
- package/dist/cjs/sd-date-picker.cjs.entry.js +5 -4
- package/dist/cjs/{sd-date-picker.config-DWC_aiD2.js → sd-date-picker.config-D8xSALVj.js} +3 -3
- package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +5 -4
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +10 -5
- package/dist/cjs/sd-file-picker.cjs.entry.js +3 -2
- package/dist/cjs/sd-form.cjs.entry.js +1 -1
- package/dist/cjs/sd-ghost-button.cjs.entry.js +15 -6
- package/dist/cjs/sd-guide.cjs.entry.js +2 -2
- package/dist/cjs/sd-input_2.cjs.entry.js +8 -7
- package/dist/cjs/sd-loading-container.cjs.entry.js +29 -0
- package/dist/cjs/sd-modal-container.cjs.entry.js +45 -2
- package/dist/cjs/sd-number-input.cjs.entry.js +6 -10
- package/dist/cjs/{sd-select-v2.cjs.entry.js → sd-pagination_2.cjs.entry.js} +91 -4
- package/dist/cjs/sd-popover.cjs.entry.js +4 -4
- package/dist/cjs/sd-portal.cjs.entry.js +2 -2
- package/dist/cjs/sd-progress.cjs.entry.js +3 -3
- package/dist/cjs/sd-radio-button.cjs.entry.js +182 -0
- package/dist/cjs/sd-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio.cjs.entry.js +6 -6
- package/dist/cjs/sd-select-dropdown_2.cjs.entry.js +4 -4
- package/dist/cjs/sd-select-group.cjs.entry.js +4 -3
- package/dist/cjs/sd-select-multiple-group.cjs.entry.js +4 -3
- package/dist/cjs/sd-select-multiple.cjs.entry.js +4 -3
- package/dist/cjs/sd-select-option-group.cjs.entry.js +4 -4
- package/dist/cjs/sd-select-v2-list-item_4.cjs.entry.js +661 -0
- package/dist/cjs/sd-select.cjs.entry.js +180 -0
- package/dist/cjs/sd-switch.cjs.entry.js +110 -0
- package/dist/cjs/sd-table.cjs.entry.js +424 -651
- package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
- package/dist/cjs/sd-tag.cjs.entry.js +6 -5
- package/dist/cjs/sd-tbody.cjs.entry.js +66 -0
- package/dist/cjs/sd-td.cjs.entry.js +58 -0
- package/dist/cjs/sd-text-link.cjs.entry.js +10 -12
- package/dist/cjs/sd-textarea.cjs.entry.js +3 -2
- package/dist/cjs/sd-thead.cjs.entry.js +179 -0
- package/dist/cjs/sd-toast-container.cjs.entry.js +2 -2
- package/dist/cjs/sd-toast.cjs.entry.js +3 -3
- package/dist/cjs/sd-toggle.cjs.entry.js +96 -13
- package/dist/cjs/sd-tr.cjs.entry.js +171 -0
- package/dist/cjs/table-test.cjs.entry.js +96 -0
- package/dist/cjs/{tooltipArrow-CRCpqOYA.js → tooltipArrow-DhevfDPX.js} +1 -1
- package/dist/collection/__mocks__/nanoid-non-secure.js +13 -0
- package/dist/collection/__mocks__/nanoid.js +1 -0
- package/dist/collection/collection-manifest.json +11 -4
- package/dist/collection/components/sd-action-modal/sd-action-modal.js +1 -1
- package/dist/collection/components/sd-badge/sd-badge.js +1 -1
- package/dist/collection/components/sd-barcode-input/sd-barcode-input.css +3 -0
- package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +22 -1
- package/dist/collection/components/sd-button/sd-button.css +37 -37
- package/dist/collection/components/sd-button-v2/sd-button-v2.css +44 -44
- package/dist/collection/components/sd-button-v2/sd-button-v2.js +31 -6
- package/dist/collection/components/sd-card/sd-card.js +1 -1
- package/dist/collection/components/sd-checkbox/sd-checkbox.config.js +3 -0
- package/dist/collection/components/sd-checkbox/sd-checkbox.css +15 -0
- package/dist/collection/components/sd-checkbox/sd-checkbox.js +36 -2
- package/dist/collection/components/sd-circle-progress/sd-circle-progress.config.js +24 -0
- package/dist/collection/components/sd-circle-progress/sd-circle-progress.css +53 -0
- package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +109 -0
- package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.css +2 -2
- package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +2 -2
- package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.js +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +2 -2
- package/dist/collection/components/sd-date-picker/sd-date-picker.config.js +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +26 -5
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +26 -5
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js +5 -0
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.css +46 -36
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +4 -4
- package/dist/collection/components/sd-field/sd-field.config.js +21 -0
- package/dist/collection/components/sd-field/sd-field.css +26 -16
- package/dist/collection/components/sd-field/sd-field.js +72 -11
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +27 -6
- package/dist/collection/components/sd-ghost-button/sd-ghost-button.config.js +7 -1
- package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +3 -3
- package/dist/collection/components/sd-guide/sd-guide.css +37 -37
- package/dist/collection/components/sd-input/sd-input.css +3 -0
- package/dist/collection/components/sd-input/sd-input.js +23 -2
- package/dist/collection/components/sd-loading-container/sd-loading-container.config.js +1 -0
- package/dist/collection/components/sd-loading-container/sd-loading-container.css +40 -0
- package/dist/collection/components/sd-loading-container/sd-loading-container.js +83 -0
- package/dist/collection/components/sd-loading-modal/sd-loading-modal.config.js +31 -0
- package/dist/collection/components/sd-loading-modal/sd-loading-modal.css +37 -0
- package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +184 -0
- package/dist/collection/components/sd-modal-container/sd-modal-container.js +89 -3
- package/dist/collection/components/sd-number-input/sd-number-input.config.js +0 -2
- package/dist/collection/components/sd-number-input/sd-number-input.css +0 -1
- package/dist/collection/components/sd-number-input/sd-number-input.js +24 -4
- package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
- package/dist/collection/components/sd-popover/sd-popover.js +2 -2
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-radio/sd-radio.config.js +1 -1
- package/dist/collection/components/sd-radio-button/sd-radio-button.config.js +45 -0
- package/dist/collection/components/sd-radio-button/sd-radio-button.css +71 -0
- package/dist/collection/components/{sd-radio-button-group/sd-radio-button-group.js → sd-radio-button/sd-radio-button.js} +49 -18
- package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select/sd-select.css +4 -0
- package/dist/collection/components/sd-select/sd-select.js +22 -1
- package/dist/collection/components/sd-select-group/sd-select-group.css +4 -0
- package/dist/collection/components/sd-select-group/sd-select-group.js +22 -1
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.css +4 -0
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +22 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +4 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +22 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
- package/dist/collection/components/sd-select-v2/sd-select-v2-list-item/sd-select-v2-list-item.js +2 -2
- package/dist/collection/components/sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.css +4 -0
- package/dist/collection/components/sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.js +6 -3
- package/dist/collection/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.css +2 -3
- package/dist/collection/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.js +2 -1
- package/dist/collection/components/sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.js +2 -2
- package/dist/collection/components/sd-select-v2/sd-select-v2.config.js +1 -0
- package/dist/collection/components/sd-select-v2/sd-select-v2.js +24 -3
- package/dist/collection/components/sd-switch/sd-switch.config.js +23 -0
- package/dist/collection/components/sd-switch/sd-switch.css +54 -0
- package/dist/collection/components/{sd-toggle-button/sd-toggle-button.js → sd-switch/sd-switch.js} +30 -27
- package/dist/collection/components/sd-table/constants.js +1 -0
- package/dist/collection/components/sd-table/sd-table.css +76 -248
- package/dist/collection/components/sd-table/sd-table.js +705 -700
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.css +18 -0
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +105 -0
- package/dist/collection/components/sd-table/sd-td/sd-td.css +15 -0
- package/dist/collection/components/sd-table/sd-td/sd-td.js +121 -0
- package/dist/collection/components/sd-table/sd-thead/sd-thead.css +147 -0
- package/dist/collection/components/sd-table/sd-thead/sd-thead.js +442 -0
- package/dist/collection/components/sd-table/sd-tr/sd-tr.css +111 -0
- package/dist/collection/components/sd-table/sd-tr/sd-tr.js +376 -0
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-tag/sd-tag.js +2 -2
- package/dist/collection/components/sd-text-link/sd-text-link.css +1 -0
- package/dist/collection/components/sd-text-link/sd-text-link.js +7 -13
- package/dist/collection/components/sd-textarea/sd-textarea.js +22 -1
- package/dist/collection/components/sd-toast/sd-toast.js +2 -2
- package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
- package/dist/collection/components/sd-toggle/sd-toggle.config.js +33 -0
- package/dist/collection/components/sd-toggle/sd-toggle.css +38 -50
- package/dist/collection/components/sd-toggle/sd-toggle.js +29 -12
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
- package/dist/collection/components/table-test/table-test.css +59 -0
- package/dist/collection/components/table-test/table-test.js +316 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/loading.js +43 -0
- package/dist/collection/utils/modal.js +26 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-6LkBUj0w.js +1 -0
- package/dist/components/{p-DlujHEXS.js → p-6cueWz-l.js} +1 -1
- package/dist/components/{p-D0wZv01W.js → p-AKpbKrkW.js} +1 -1
- package/dist/components/p-B1S4ybd6.js +1 -0
- package/dist/components/{p-D93Cb_Vw.js → p-B6OgnOKC.js} +1 -1
- package/dist/components/{p-lKwhftf9.js → p-B6RvTdqt.js} +1 -1
- package/dist/components/p-BLC3AWW8.js +1 -0
- package/dist/components/{p-BUAwjF_Z.js → p-BZ7V5xV5.js} +1 -1
- package/dist/components/{p-BWgJ9XTj.js → p-BdsI1E5l.js} +1 -1
- package/dist/components/{p-DdBIc8AE.js → p-BgRPWxrz.js} +1 -1
- package/dist/components/{p-DCv5afjJ.js → p-Bh548Ckv.js} +1 -1
- package/dist/components/p-BjjrNz4C.js +1 -0
- package/dist/components/{p-BVBMsoZP.js → p-BkUclgga.js} +1 -1
- package/dist/components/p-C2r48NLP.js +1 -0
- package/dist/components/{p-BtH5wWA5.js → p-CGXwtYAv.js} +1 -1
- package/dist/components/p-CGssy8eb.js +1 -0
- package/dist/components/p-CKU8CeW3.js +1 -0
- package/dist/components/{p-BHQirDZt.js → p-CRl8Anfr.js} +1 -1
- package/dist/components/p-CU095QAR.js +1 -0
- package/dist/components/p-CpclstHV.js +1 -0
- package/dist/components/{p-C2Yw3PoX.js → p-Cpu_hXwN.js} +1 -1
- package/dist/components/{p-gTPCqs3t.js → p-Cr_74QR7.js} +1 -1
- package/dist/components/{p-BsJy4pgR.js → p-D9FDutsj.js} +1 -1
- package/dist/components/p-DBnszF5F.js +1 -0
- package/dist/components/p-DC9KYl3L.js +1 -0
- package/dist/components/p-DOXMJi-V.js +1 -0
- package/dist/components/p-DRY8HJ-T.js +1 -0
- package/dist/components/{p-98NWgkAU.js → p-DpsDTjcN.js} +1 -1
- package/dist/components/p-DuYi4aqj.js +1 -0
- package/dist/components/{p-AdSqif48.js → p-DxzgCf_d.js} +1 -1
- package/dist/components/p-TMuoVuhE.js +1 -0
- package/dist/components/{p-CE1Hmoij.js → p-VXLJLI30.js} +1 -1
- package/dist/components/p-bYCOh35g.js +1 -0
- package/dist/components/p-kZ5N_lFC.js +1 -0
- package/dist/components/{p-CqU3a1re.js → p-puZ1xlrr.js} +1 -1
- package/dist/components/p-sZMi_32I.js +1 -0
- package/dist/components/{p-Ci3yfjxH.js → p-xmvTLf74.js} +1 -1
- package/dist/components/sd-action-modal.js +1 -1
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-barcode-input.js +1 -1
- package/dist/components/sd-button-v2.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-calendar.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/{sd-loading-spinner.d.ts → sd-circle-progress.d.ts} +4 -4
- package/dist/components/sd-circle-progress.js +1 -0
- package/dist/components/sd-confirm-modal.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker-calendar.js +1 -1
- package/dist/components/sd-date-picker-trigger.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker-calendar.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-form.js +1 -1
- package/dist/components/sd-ghost-button.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/{sd-radio-button-group.d.ts → sd-loading-container.d.ts} +4 -4
- package/dist/components/sd-loading-container.js +1 -0
- package/dist/components/{sd-toggle-button.d.ts → sd-loading-modal.d.ts} +4 -4
- package/dist/components/sd-loading-modal.js +1 -0
- package/dist/components/sd-modal-container.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +1 -1
- package/dist/components/sd-radio-button.d.ts +11 -0
- package/dist/components/sd-radio-button.js +1 -0
- package/dist/components/sd-radio-group.js +1 -1
- package/dist/components/sd-radio.js +1 -1
- package/dist/components/sd-select-dropdown.js +1 -1
- package/dist/components/sd-select-group.js +1 -1
- package/dist/components/sd-select-multiple-group.js +1 -1
- package/dist/components/sd-select-multiple.js +1 -1
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select-v2-list-item-search.js +1 -1
- package/dist/components/sd-select-v2-list-item.js +1 -1
- package/dist/components/sd-select-v2-listbox.js +1 -1
- package/dist/components/sd-select-v2-trigger.js +1 -1
- package/dist/components/sd-select-v2.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-switch.d.ts +11 -0
- package/dist/components/sd-switch.js +1 -0
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tbody.d.ts +11 -0
- package/dist/components/sd-tbody.js +1 -0
- package/dist/components/sd-td.d.ts +11 -0
- package/dist/components/sd-td.js +1 -0
- package/dist/components/sd-text-link.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-thead.d.ts +11 -0
- package/dist/components/sd-thead.js +1 -0
- package/dist/components/sd-toast-container.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/components/sd-tr.d.ts +11 -0
- package/dist/components/sd-tr.js +1 -0
- package/dist/components/table-test.d.ts +11 -0
- package/dist/components/table-test.js +1 -0
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/p-010e4f47.entry.js +1 -0
- package/dist/design-system/p-03099a57.entry.js +1 -0
- package/dist/design-system/p-04be87a4.entry.js +1 -0
- package/dist/design-system/{p-e9c28bdc.entry.js → p-09ba9dbc.entry.js} +1 -1
- package/dist/design-system/p-0fbb6d92.entry.js +1 -0
- package/dist/design-system/p-12a03c88.entry.js +1 -0
- package/dist/design-system/p-15cda79c.entry.js +1 -0
- package/dist/design-system/{p-a03ad24f.entry.js → p-1d310832.entry.js} +1 -1
- package/dist/design-system/p-2ae97b1c.entry.js +1 -0
- package/dist/design-system/p-2f64dd95.entry.js +1 -0
- package/dist/design-system/p-33e4ce64.entry.js +1 -0
- package/dist/design-system/{p-14b67a6e.entry.js → p-363da5ff.entry.js} +1 -1
- package/dist/design-system/p-3d341993.entry.js +1 -0
- package/dist/design-system/p-3f79f1d1.entry.js +1 -0
- package/dist/design-system/{p-c59191d3.entry.js → p-40495e05.entry.js} +1 -1
- package/dist/design-system/p-4128c17f.entry.js +1 -0
- package/dist/design-system/{p-614c9883.entry.js → p-4a53d7b0.entry.js} +1 -1
- package/dist/design-system/{p-9ae589c4.entry.js → p-4dcadde3.entry.js} +1 -1
- package/dist/design-system/{p-62992b73.entry.js → p-53bc77f8.entry.js} +1 -1
- package/dist/design-system/{p-28058050.entry.js → p-5a63febd.entry.js} +1 -1
- package/dist/design-system/p-6644c4a0.entry.js +1 -0
- package/dist/design-system/{p-30055371.entry.js → p-6c71d7b7.entry.js} +1 -1
- package/dist/design-system/{p-7a18a52b.entry.js → p-73acee07.entry.js} +1 -1
- package/dist/design-system/p-7e09fdd5.entry.js +1 -0
- package/dist/design-system/{p-4272b9e6.entry.js → p-84a329fb.entry.js} +1 -1
- package/dist/design-system/p-867ec4ee.entry.js +1 -0
- package/dist/design-system/p-8acf3b67.entry.js +1 -0
- package/dist/design-system/p-8d2328ae.entry.js +1 -0
- package/dist/design-system/p-96b14db1.entry.js +1 -0
- package/dist/design-system/p-BqHL8W3c.js +2 -0
- package/dist/design-system/{p-DSRYrM1n.js → p-COK6PVLC.js} +1 -1
- package/dist/design-system/p-DOXMJi-V.js +1 -0
- package/dist/design-system/{p-72b564ed.entry.js → p-a129711d.entry.js} +1 -1
- package/dist/design-system/{p-3acd076e.entry.js → p-a27718c1.entry.js} +1 -1
- package/dist/design-system/p-a983560d.entry.js +1 -0
- package/dist/design-system/{p-3d10be45.entry.js → p-a9a91e69.entry.js} +1 -1
- package/dist/design-system/p-ae1800c0.entry.js +1 -0
- package/dist/design-system/p-b1fe12f8.entry.js +1 -0
- package/dist/design-system/p-b3279f07.entry.js +1 -0
- package/dist/design-system/p-b60ae063.entry.js +1 -0
- package/dist/design-system/p-b6e02544.entry.js +1 -0
- package/dist/design-system/p-b81e0493.entry.js +1 -0
- package/dist/design-system/p-bYCOh35g.js +1 -0
- package/dist/design-system/{p-85e22acd.entry.js → p-c4e68815.entry.js} +1 -1
- package/dist/design-system/p-cb65a9e4.entry.js +1 -0
- package/dist/design-system/p-cf1156cb.entry.js +1 -0
- package/dist/design-system/p-d040ec6f.entry.js +1 -0
- package/dist/design-system/{p-5d2e8779.entry.js → p-d04551be.entry.js} +1 -1
- package/dist/design-system/p-d8eb17a8.entry.js +1 -0
- package/dist/design-system/p-e0f9e5b5.entry.js +1 -0
- package/dist/design-system/p-e1fdd540.entry.js +1 -0
- package/dist/design-system/{p-2bd887ca.entry.js → p-e33389b8.entry.js} +1 -1
- package/dist/design-system/p-e78faea6.entry.js +1 -0
- package/dist/design-system/p-ed61fe19.entry.js +1 -0
- package/dist/design-system/p-f3d082c8.entry.js +1 -0
- package/dist/design-system/p-f9b9204d.entry.js +1 -0
- package/dist/design-system/{p-13fed1bd.entry.js → p-fd296c73.entry.js} +1 -1
- package/dist/design-system/p-sZMi_32I.js +1 -0
- package/dist/esm/{component.modal-mO5GcwI3.js → component.modal-DOXMJi-V.js} +14 -0
- package/dist/esm/constants-sZMi_32I.js +3 -0
- package/dist/esm/design-system.js +3 -4
- package/dist/esm/{index-DsU722JF.js → index-BqHL8W3c.js} +128 -10
- package/dist/esm/index.js +103 -33
- package/dist/esm/loader.js +3 -4
- package/dist/esm/sd-action-modal.entry.js +3 -3
- package/dist/esm/sd-badge.entry.js +2 -2
- package/dist/esm/sd-barcode-input.entry.js +4 -3
- package/dist/esm/sd-button-v2_2.entry.js +9 -8
- package/dist/esm/sd-button_4.entry.js +62 -18
- package/dist/esm/sd-calendar.entry.js +1 -1
- package/dist/esm/sd-card.entry.js +2 -2
- package/dist/esm/sd-checkbox.entry.js +30 -5
- package/dist/esm/sd-circle-progress.entry.js +69 -0
- package/dist/esm/sd-confirm-modal_2.entry.js +183 -0
- package/dist/esm/sd-date-box.entry.js +1 -1
- package/dist/esm/sd-date-picker-calendar.entry.js +3 -3
- package/dist/esm/sd-date-picker-trigger.entry.js +4 -4
- package/dist/esm/{sd-date-picker.config-C4i826lM.js → sd-date-picker.config-bYCOh35g.js} +3 -3
- package/dist/esm/sd-date-picker.entry.js +5 -4
- package/dist/esm/sd-date-range-picker-calendar.entry.js +3 -3
- package/dist/esm/sd-date-range-picker.entry.js +5 -4
- package/dist/esm/sd-dropdown-button.entry.js +10 -5
- package/dist/esm/sd-file-picker.entry.js +3 -2
- package/dist/esm/sd-form.entry.js +1 -1
- package/dist/esm/sd-ghost-button.entry.js +15 -6
- package/dist/esm/sd-guide.entry.js +2 -2
- package/dist/esm/sd-input_2.entry.js +8 -7
- package/dist/esm/sd-loading-container.entry.js +27 -0
- package/dist/esm/sd-modal-container.entry.js +45 -2
- package/dist/esm/sd-number-input.entry.js +6 -10
- package/dist/esm/{sd-select-v2.entry.js → sd-pagination_2.entry.js} +91 -5
- package/dist/esm/sd-popover.entry.js +4 -4
- package/dist/esm/sd-portal.entry.js +2 -2
- package/dist/esm/sd-progress.entry.js +3 -3
- package/dist/esm/sd-radio-button.entry.js +180 -0
- package/dist/esm/sd-radio-group.entry.js +1 -1
- package/dist/esm/sd-radio.entry.js +6 -6
- package/dist/esm/sd-select-dropdown_2.entry.js +4 -4
- package/dist/esm/sd-select-group.entry.js +4 -3
- package/dist/esm/sd-select-multiple-group.entry.js +4 -3
- package/dist/esm/sd-select-multiple.entry.js +4 -3
- package/dist/esm/sd-select-option-group.entry.js +4 -4
- package/dist/esm/sd-select-v2-list-item_4.entry.js +656 -0
- package/dist/esm/sd-select.entry.js +178 -0
- package/dist/esm/sd-switch.entry.js +108 -0
- package/dist/esm/sd-table.entry.js +424 -651
- package/dist/esm/sd-tabs.entry.js +2 -2
- package/dist/esm/sd-tag.entry.js +6 -5
- package/dist/esm/sd-tbody.entry.js +64 -0
- package/dist/esm/sd-td.entry.js +56 -0
- package/dist/esm/sd-text-link.entry.js +10 -12
- package/dist/esm/sd-textarea.entry.js +3 -2
- package/dist/esm/sd-thead.entry.js +177 -0
- package/dist/esm/sd-toast-container.entry.js +2 -2
- package/dist/esm/sd-toast.entry.js +3 -3
- package/dist/esm/sd-toggle.entry.js +96 -13
- package/dist/esm/sd-tr.entry.js +169 -0
- package/dist/esm/table-test.entry.js +94 -0
- package/dist/esm/{tooltipArrow-CJuzsrdH.js → tooltipArrow-BcsrQx1U.js} +1 -1
- package/dist/types/__mocks__/nanoid-non-secure.d.ts +2 -0
- package/dist/types/__mocks__/nanoid.d.ts +1 -0
- package/dist/types/components/sd-barcode-input/sd-barcode-input.d.ts +1 -0
- package/dist/types/components/sd-button-v2/sd-button-v2.d.ts +1 -0
- package/dist/types/components/sd-checkbox/sd-checkbox.config.d.ts +3 -0
- package/dist/types/components/sd-checkbox/sd-checkbox.d.ts +2 -0
- package/dist/types/components/sd-circle-progress/sd-circle-progress.config.d.ts +9 -0
- package/dist/types/components/sd-circle-progress/sd-circle-progress.d.ts +8 -0
- package/dist/types/components/sd-date-picker/sd-date-picker.d.ts +1 -0
- package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts +1 -0
- package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts +1 -0
- package/dist/types/components/sd-field/sd-field.config.d.ts +9 -0
- package/dist/types/components/sd-field/sd-field.d.ts +3 -0
- package/dist/types/components/sd-file-picker/sd-file-picker.d.ts +1 -0
- package/dist/types/components/sd-ghost-button/sd-ghost-button.config.d.ts +1 -1
- package/dist/types/components/sd-input/sd-input.d.ts +1 -0
- package/dist/types/components/sd-loading-container/sd-loading-container.config.d.ts +4 -0
- package/dist/types/components/sd-loading-container/sd-loading-container.d.ts +8 -0
- package/dist/types/components/sd-loading-modal/sd-loading-modal.config.d.ts +25 -0
- package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts +15 -0
- package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts +10 -0
- package/dist/types/components/sd-modal-container/sd-modal-container.d.ts +6 -2
- package/dist/types/components/sd-number-input/sd-number-input.config.d.ts +0 -1
- package/dist/types/components/sd-number-input/sd-number-input.d.ts +1 -0
- package/dist/types/components/sd-radio-button/sd-radio-button.config.d.ts +44 -0
- package/dist/types/components/{sd-radio-button-group/sd-radio-button-group.d.ts → sd-radio-button/sd-radio-button.d.ts} +4 -3
- package/dist/types/components/sd-select/sd-select.d.ts +1 -0
- package/dist/types/components/sd-select-group/sd-select-group.d.ts +1 -0
- package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts +1 -0
- package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +1 -0
- package/dist/types/components/sd-select-v2/sd-select-v2.config.d.ts +1 -0
- package/dist/types/components/sd-select-v2/sd-select-v2.d.ts +1 -0
- package/dist/types/components/sd-switch/sd-switch.config.d.ts +22 -0
- package/dist/types/components/{sd-toggle-button/sd-toggle-button.d.ts → sd-switch/sd-switch.d.ts} +2 -6
- package/dist/types/components/sd-table/constants.d.ts +44 -0
- package/dist/types/components/sd-table/sd-table.d.ts +103 -115
- package/dist/types/components/sd-table/sd-tbody/sd-tbody.d.ts +14 -0
- package/dist/types/components/sd-table/sd-td/sd-td.d.ts +12 -0
- package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts +36 -0
- package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +34 -0
- package/dist/types/components/sd-textarea/sd-textarea.d.ts +1 -0
- package/dist/types/components/sd-toggle/sd-toggle.config.d.ts +32 -0
- package/dist/types/components/sd-toggle/sd-toggle.d.ts +0 -3
- package/dist/types/components/table-test/table-test.d.ts +46 -0
- package/dist/types/components.d.ts +649 -141
- package/dist/types/index.d.ts +3 -1
- package/dist/types/utils/loading.d.ts +7 -0
- package/dist/types/utils/modal.d.ts +19 -3
- package/hydrate/index.js +2500 -968
- package/hydrate/index.mjs +2500 -968
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -5
- package/dist/cjs/sd-confirm-modal.cjs.entry.js +0 -106
- package/dist/cjs/sd-loading-spinner_3.cjs.entry.js +0 -283
- package/dist/cjs/sd-radio-button-group.cjs.entry.js +0 -57
- package/dist/cjs/sd-select-v2-list-item_2.cjs.entry.js +0 -150
- package/dist/cjs/sd-select-v2-listbox_2.cjs.entry.js +0 -353
- package/dist/cjs/sd-select-v2.config-7xBJQhvx.js +0 -171
- package/dist/cjs/sd-toggle-button.cjs.entry.js +0 -49
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.css +0 -44
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +0 -46
- package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.css +0 -85
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.css +0 -47
- package/dist/components/p-5OtzmjLh.js +0 -1
- package/dist/components/p-BFaIxm6b.js +0 -1
- package/dist/components/p-BP-QKaKz.js +0 -1
- package/dist/components/p-BSZadK9N.js +0 -1
- package/dist/components/p-BbtO5CEW.js +0 -1
- package/dist/components/p-BxPyZJaz.js +0 -1
- package/dist/components/p-C-qSDgVU.js +0 -1
- package/dist/components/p-C4i826lM.js +0 -1
- package/dist/components/p-CEa1HSpw.js +0 -1
- package/dist/components/p-CYRGa0VL.js +0 -1
- package/dist/components/p-ClgihpRm.js +0 -1
- package/dist/components/p-D-Y0-FQk.js +0 -1
- package/dist/components/p-D-pFdq6g.js +0 -1
- package/dist/components/p-DPipeCRI.js +0 -1
- package/dist/components/p-DSYw-7RA.js +0 -1
- package/dist/components/p-DXAB0k9r.js +0 -1
- package/dist/components/p-mO5GcwI3.js +0 -1
- package/dist/components/sd-loading-spinner.js +0 -1
- package/dist/components/sd-radio-button-group.js +0 -1
- package/dist/components/sd-toggle-button.js +0 -1
- package/dist/design-system/p-00207f08.entry.js +0 -1
- package/dist/design-system/p-067b0b3c.entry.js +0 -1
- package/dist/design-system/p-0e6f5a99.entry.js +0 -1
- package/dist/design-system/p-22a4972a.entry.js +0 -1
- package/dist/design-system/p-27df33c1.entry.js +0 -1
- package/dist/design-system/p-3ac6a626.entry.js +0 -1
- package/dist/design-system/p-6610c16b.entry.js +0 -1
- package/dist/design-system/p-739ac181.entry.js +0 -1
- package/dist/design-system/p-7dce4241.entry.js +0 -1
- package/dist/design-system/p-7e4c0a36.entry.js +0 -1
- package/dist/design-system/p-8b5b2866.entry.js +0 -1
- package/dist/design-system/p-90f51f65.entry.js +0 -1
- package/dist/design-system/p-C3eQSZx-.js +0 -1
- package/dist/design-system/p-C4i826lM.js +0 -1
- package/dist/design-system/p-DQuL1Twl.js +0 -1
- package/dist/design-system/p-DsU722JF.js +0 -2
- package/dist/design-system/p-a6bc8512.entry.js +0 -1
- package/dist/design-system/p-afeb740a.entry.js +0 -1
- package/dist/design-system/p-b3e0e6f4.entry.js +0 -1
- package/dist/design-system/p-ba90dc5f.entry.js +0 -1
- package/dist/design-system/p-bad88292.entry.js +0 -1
- package/dist/design-system/p-cbb5575d.entry.js +0 -1
- package/dist/design-system/p-ce6a0b0f.entry.js +0 -1
- package/dist/design-system/p-d07448fe.entry.js +0 -1
- package/dist/design-system/p-d1a94401.entry.js +0 -1
- package/dist/design-system/p-d5b5cfc7.entry.js +0 -1
- package/dist/design-system/p-d75e0dc0.entry.js +0 -1
- package/dist/design-system/p-dee605b1.entry.js +0 -1
- package/dist/design-system/p-e9ed9c00.entry.js +0 -1
- package/dist/design-system/p-f8567970.entry.js +0 -1
- package/dist/design-system/p-fa22f13c.entry.js +0 -1
- package/dist/design-system/p-fa8b64c2.entry.js +0 -1
- package/dist/design-system/p-fbac6160.entry.js +0 -1
- package/dist/design-system/p-mO5GcwI3.js +0 -1
- package/dist/esm/app-globals-DQuL1Twl.js +0 -3
- package/dist/esm/sd-confirm-modal.entry.js +0 -104
- package/dist/esm/sd-loading-spinner_3.entry.js +0 -279
- package/dist/esm/sd-radio-button-group.entry.js +0 -55
- package/dist/esm/sd-select-v2-list-item_2.entry.js +0 -147
- package/dist/esm/sd-select-v2-listbox_2.entry.js +0 -350
- package/dist/esm/sd-select-v2.config-C3eQSZx-.js +0 -158
- package/dist/esm/sd-toggle-button.entry.js +0 -47
- package/dist/types/components/sd-loading-spinner/sd-loading-spinner.d.ts +0 -5
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s}from"./p-DsU722JF.js";import{e as i,g as l,h as c,i as d}from"./p-C3eQSZx-.js";const r=class{constructor(s){e(this,s),this.listItemClick=t(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${i.paddingLeft[this.depthKey]}px`}handleClick=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=e=>{e.stopPropagation()};handleCheckboxUpdate=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const e=this.isGroup,t=e&&1===this.depth,d=e&&2===this.depth,r={"--list-item-padding-y":`${i.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${i.paddingRight}px`,"--list-item-gap":`${i.gap}px`,"--list-item-font-size":`${c.fontSize}px`,"--list-item-line-height":`${c.lineHeight}px`,"--list-item-font-weight":c.fontWeight,"--list-item-bg":t?l.depth1.bg:d?l.depth2.bg:l.bg.default,"--list-item-bg-hover":l.bg.hover,"--list-item-color":l.content.default,"--list-item-color-hover":l.content.hover,"--list-item-color-disabled":l.content.disabled};return t&&(r["--list-item-border-top"]=`${l.depth1.borderWidth}px solid ${l.depth1.border}`),s("div",{key:"8cd297b8d4ff1a7ef5c64bcaefef9cc54b3de357",class:{"sd-select-v2-list-item":!0,"sd-select-v2-list-item--group":e,"sd-select-v2-list-item--depth1-group":t,"sd-select-v2-list-item--depth2-group":d,"sd-select-v2-list-item--selected":!0===this.isSelected,"sd-select-v2-list-item--indeterminate":null===this.isSelected,"sd-select-v2-list-item--focused":this.isFocused,"sd-select-v2-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-v2-list-item--disabled":!!this.option.disabled},style:r,onClick:this.handleClick},this.useCheckbox&&s("sd-checkbox",{key:"11597153f05d17fc172920a65d26d74b4b7aa239",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,class:"sd-select-v2-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),s("span",{key:"1dc78dcbffc3f3826fac7a9a3b8aa300c3754de6",class:"sd-select-v2-list-item__label"},this.option.label),this.countInfo&&s("span",{key:"5b96136bc54b241359e60849ebd1e792eb749c0d",class:"sd-select-v2-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}};r.style="sd-select-v2-list-item{display:block}sd-select-v2-list-item .sd-select-v2-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-v2-list-item .sd-select-v2-list-item--selectable{cursor:pointer}sd-select-v2-list-item .sd-select-v2-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-v2-list-item .sd-select-v2-list-item--depth2-group{font-weight:500}sd-select-v2-list-item .sd-select-v2-list-item--focused.sd-select-v2-list-item--selectable:not(.sd-select-v2-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected:not(.sd-select-v2-list-item--group){font-weight:700;color:var(--list-item-bg-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected.sd-select-v2-list-item--focused{color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-v2-list-item .sd-select-v2-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-list-item .sd-select-v2-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-v2-list-item .sd-select-v2-list-item--group.sd-select-v2-list-item--focused .sd-select-v2-list-item__count{color:#ffffff}sd-select-v2-list-item .sd-select-v2-list-item__checkbox{flex-shrink:0}";const a=class{constructor(s){e(this,s),this.searchFilter=t(this,"sdSearchFilter",7),this.searchFocus=t(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=e=>{this.searchText=e.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),d)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){this.focusRafId&&cancelAnimationFrame(this.focusRafId),this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return s("div",{key:"8ccebea10b658edba2c417893f2a939a7361ef1b",class:{"sd-select-v2-list-item-search":!0,"sd-select-v2-list-item-search--scrolled":this.isScrolled}},s("div",{key:"4007afb556220e746c2379f643afb38445345853",class:"sd-select-v2-list-item-search__inner"},s("sd-icon",{key:"1afc1ef8aa6f3d26ee1001212ac9ea7d0bf3d1e4",name:"search",size:16,color:"grey_70",class:"sd-select-v2-list-item-search__icon"}),s("input",{key:"a32ddcc18a401217f1a624e544c56bd499b0f47e",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-v2-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),this.searchText&&s("button",{key:"150d5aca71d6ac6277917177ed4e4e157e4ba33f",type:"button",class:"sd-select-v2-list-item-search__clear",onClick:this.handleClear},s("sd-icon",{key:"f0397c023e5dd5972eb6dfd20f9fb1ac1027fb2f",name:"close",size:12,color:"#888888"}))))}};a.style="sd-select-v2-list-item-search{display:block}sd-select-v2-list-item-search .sd-select-v2-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #CCCCCC;border-radius:4px;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner:focus-within{border-color:#0075FF}sd-select-v2-list-item-search .sd-select-v2-list-item-search__icon{flex-shrink:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input::placeholder{color:#AAAAAA}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear:hover{background:#F0F0F0}";export{r as sd_select_v2_list_item,a as sd_select_v2_list_item_search}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,g as o,h as n}from"./p-DsU722JF.js";const e={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},i={help:{name:"helpOutline",size:20,color:"green_75"},pdf:{name:"pdf",size:20,color:"red_75"},youtube:{name:"youtube",size:20,color:"red_75"},notion:{name:"notion",size:16,color:"black"},event:{name:"event",size:16,color:"brilliantblue_70"}},d=class{constructor(o){t(this,o)}get el(){return o(this)}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"help"!==this.type?this.guideUrl&&window.open(this.guideUrl,"_blank"):this.popupShow=!this.popupShow};get guideClass(){const t=["sd-guide",`sd-guide--${this.type}`];return this.popupShow&&t.push("sd-guide--active"),t.join(" ")}closeDropdown=()=>{this.popupShow=!1};render(){const{name:t,size:o,color:d}=i[this.type];return n("div",{key:"0f70d3686c37c029635c93a8ad8f937fb2ca73c2",class:"sd-guide",style:{"--sd-guide-color":i[this.type].color}},n("sd-button",{key:"f07235cc53a908237af2f13a98f325340c83fd0e",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||e[this.type],size:"sm",color:this.popupShow?i[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":d,iconSize:o,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&n("sd-portal",{key:"9c5ade0db41a02a343bb77bc1dcb44d12dba6c04",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},n("div",{key:"d59caf4107b678ce132accfe9f392c3cfa6b35f4",style:{position:"absolute",width:"0px",height:"0px"}},n("div",{key:"22aa97a939e27454dec067effc6911aea6ace2a4",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},n("sd-button",{key:"6bf404b6718bbd036acff51101538d967a2cd642",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),n("div",{key:"a63aa9263715f57f2e8bf977c4849f868803a704",class:"sd-guide__popup__header"},n("sd-icon",{key:"8ba1969ada651d3226058bb9095ae8b794be1759",name:"helpOutline",size:24,color:"green_65"}),n("h3",{key:"41dd2533e146eae12ee7367a243e819362597761",class:"sd-guide__popup__title"},this.popupTitle||e[this.type])),n("ul",{key:"b45bfd9ff793f0c0860789d16c1c17fef2ad01d5",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const n=[];if(Array.isArray(t)){const e=t.map((t=>this.renderListItem(t,o+1)));n.push(...e.flat())}else n.push(this.renderLi(t,o));return n}renderLi=(t,o)=>n("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${o}`},n("p",{innerHTML:t}))};d.style='@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973C}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';export{d as sd_guide}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,g as a,h as s}from"./p-DsU722JF.js";import{m as e}from"./p-mO5GcwI3.js";const i={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},d={positive:"notificationOutline",negative:"warningOutline",default:null},n={positive:e.modal.confirm.positive.icon,negative:e.modal.confirm.negative.icon,default:""},l=Number(e.modal.confirm.title.icon),c=class{constructor(a){o(this,a),this.close=t(this,"sdClose",7),this.cancel=t(this,"sdCancel",7),this.ok=t(this,"sdOk",7)}get el(){return a(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??i[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=d[this.type],t=n[this.type];return s("div",{key:"5a81aa943cbaf554e665b5030c1c46e6aedc0a38",class:"sd-confirm-modal"},s("sd-ghost-button",{key:"d4d48c22ce5cd3895adb6e48688907f7c9d4202a",class:"sd-confirm-modal__close-button",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),o&&s("sd-icon",{key:"da157d4699b67cb75d25ee8d5da6694e13b874e4",class:"sd-confirm-modal__icon",name:o,size:l,color:t}),s("h2",{key:"4362cd4581cec25b4fd9b88206cc21f5ffa68ca9",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),s("div",{key:"2169cdc63bc9affb0149e50f0fb94d08ec371bf5",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&s("div",{key:"3f51315daed6bf8bce81137d8621c26b1960dac3",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((o=>s("p",{class:"sd-confirm-modal__message-text",innerHTML:o})))),this.showContentBox&&s("div",{key:"5826cd4b28b8b4c38f28bea030a43f32a2a4203e",class:"sd-confirm-modal__content-box"},this.tagContents?s("div",{class:"sd-confirm-modal__custom-content",ref:o=>{this.customContentRef=o}}):s("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&s("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&s("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&s("div",{key:"a28bacaafc973b8b5d8be998c49d4b203f7ecc19",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((o=>s("p",{class:"sd-confirm-modal__message-text",innerHTML:o}))))),s("div",{key:"791db1eb69ba9ef56fa0298d7539cde55b08e2ac",class:"sd-confirm-modal__button"},this.subButtonLabel&&s("sd-button-v2",{key:"08407e3d972c6828f58020be94aa81a93f5e0e8c",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),s("sd-button-v2",{key:"6ef6528e54d2fe81ad96a546512a8a49b17f67d5",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.ok.emit()})))}};c.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:22px;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:32px}";export{c as sd_confirm_modal}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i}from"./p-DsU722JF.js";var s={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const n={gap:s.textLink.gap,iconSize:Number(s.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},l={default:s.textLink.typography.default,underline:s.textLink.typography.underline},a={icon:s.textLink.icon},d=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(" "),s=this.disabled?a.icon.disabled:n.arrowColor;return i("span",{key:"b20b183974df13a11812d3f3c16abd2456dd0eb5",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:{"--sd-text-link-gap":`${n.gap}px`,"--sd-text-link-text-decoration":e.textDecoration},onClick:this.handleClick},this.icon&&i("sd-icon",{key:"581390418ffdd23767838b6f4777fa36cac3ec89",name:this.icon,size:n.iconSize,color:this.disabled?a.icon.disabled:this.iconColor||a.icon.default,class:"sd-text-link__icon"}),i("span",{key:"a733650304df4c66bb1a0f54cc0554538263830d",class:t},this.label),this.useArrow&&i("span",{key:"1437e31870f22bcb13146cc8f2652f3b8d7fa57a",class:"sd-text-link__arrow",style:{width:`${n.arrowFrame}px`,height:`${n.arrowFrame}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"17a886109c8e5f72daf5f1f8baa4e185161c934d",name:"chevronRight",size:n.arrowIconSize,color:s})))}};d.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)}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{d as sd_text_link}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s}from"./p-DsU722JF.js";const d=class{constructor(s){e(this,s),this.change=t(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];return this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return s("label",{key:"ca08050cdbbb4e5e7e615f72411be5bff93955d8","aria-label":this.label||"toggle",class:this.toggleClasses},s("input",{key:"abdae5d4dc59fc121ded9cc0800f68d3996d4e50",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&s("span",{key:"37d23f59f877100c53deace3c6c70b441df5748c",class:"sd-toggle__label"},this.label),s("div",{key:"545f76c3c1e63198f6dc80bdf6bf44f6840082b2",class:"sd-toggle__track"},s("div",{key:"4142b2e46b93cf1d5f86cb1b5a4490c0e6a03a05",class:"sd-toggle__thumb"})))}};d.style="sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#CCCCCC;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075FF}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#BBDAFF}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#EEEEEE}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005CC9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#BBBBBB}";export{d as sd_toggle}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s}from"./p-DsU722JF.js";import{c as i,S as r,f as o,E as h,L as n,a as l,b as c,d}from"./p-C3eQSZx-.js";const a=class{constructor(s){t(this,s),this.optionSelect=e(this,"sdOptionSelect",7)}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?i(this.options):this.options.length)>=r}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return o(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>e.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===i(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const t=[],e=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&t.push(i),s&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),t}isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return!!e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation(),this.emitOptionSelect(e[this.focusedIndex])}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-v2-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const i=!!t.children;return[s("sd-select-v2-list-item",{option:t,depth:e,isSelected:i?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),i&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return s("div",{key:"92289973077789bd6f9657bb5b2e5567845bdc19",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${n.radius}px`}},this.showSearch&&s("sd-select-v2-list-item-search",{key:"a26b9ba36f42165ab80347ea4f0194b98746a9a6",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"d563a179278ec5c6eaa0b4c71d18cc5055bbebb5",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.isEmpty?s("div",{class:"sd-select-v2-listbox__empty"},h):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>s("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};a.style="sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const g=class{constructor(s){t(this,s),this.triggerClick=e(this,"sdTriggerClick",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const t=!!this.displayText;return s("div",{key:"02e382b2a1867fa8816c11e2d07bb042a15027fb",class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${d.paddingX}px`,"--trigger-gap":`${d.gap}px`,"--trigger-font-size":`${c.fontSize}px`,"--trigger-line-height":`${c.lineHeight}px`,"--trigger-font-weight":c.fontWeight,"--trigger-color":this.disabled?l.text.disabled:t?l.text.default:l.icon.default,"--trigger-icon-color":this.disabled?l.icon.disabled:l.icon.default},onClick:this.handleClick},s("div",{key:"e08360c05f765ccc0c9dbefe8e402a66edd1c242",class:"sd-select-v2-trigger__content"},s("span",{key:"dc00441e24e17b9bb28a36892ff3564d4bb40a42",class:"sd-select-v2-trigger__text"},t?this.displayText:this.placeholder),s("sd-icon",{key:"3d78221139a6df71aa349277ed0f8d73fbba23ba",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};g.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{a as sd_select_v2_listbox,g as sd_select_v2_trigger}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,c as e,h as i}from"./p-DsU722JF.js";var r={fontWeight:"400",fontSize:"12",lineHeight:"20"},a={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},o={border:{default:"#0075FF"},dot:{default:"#0075FF"}};const s="16",t="1",c="8",h={fontSize:r.fontSize,lineHeight:r.lineHeight,fontWeight:r.fontWeight},l={unchecked:{bg:a.bg.default,bgHover:a.bg.hover,border:a.border.default,borderHover:a.border.hover},checked:{border:o.border.default,dot:o.dot.default},disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled,dot:{disabled:"#CCCCCC"}.disabled},label:{default:"#222222"}.default},n=class{constructor(i){d(this,i),this.update=e(this,"sdUpdate",7)}value;val;disabled=!1;label;update;valueChanged(d){this.value=d}get isSelected(){return String(this.val)===String(this.value)}get radioClasses(){const d=["sd-radio",this.isSelected?"sd-radio--checked":"sd-radio--unchecked"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange=()=>{this.disabled||(this.value=this.val,this.update.emit(this.value))};render(){return i("label",{key:"72b116f38c66acee8e68a839c3f062293d65129c",class:this.radioClasses,style:{"--sd-radio-size":`${s}px`,"--sd-radio-border-width":`${t}px`,"--sd-radio-gap":`${c}px`,"--sd-radio-font-size":`${h.fontSize}px`,"--sd-radio-line-height":`${h.lineHeight}px`,"--sd-radio-font-weight":h.fontWeight,"--sd-radio-unchecked-bg":l.unchecked.bg,"--sd-radio-unchecked-bg-hover":l.unchecked.bgHover,"--sd-radio-unchecked-border":l.unchecked.border,"--sd-radio-unchecked-border-hover":l.unchecked.borderHover,"--sd-radio-checked-border":l.checked.border,"--sd-radio-checked-dot":l.checked.dot,"--sd-radio-disabled-bg":l.disabled.bg,"--sd-radio-disabled-border":l.disabled.border,"--sd-radio-disabled-dot":l.disabled.dot,"--sd-radio-label-color":l.label},"aria-checked":this.isSelected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("input",{key:"edcf50f09c198ae3fb993706dec757fd706fe0de",type:"radio",name:String(this.val),value:String(this.val),checked:this.isSelected,disabled:this.disabled,"aria-label":this.label||String(this.val),onInput:this.handleRadioChange}),i("span",{key:"49ce92b075290f8aca715466456f4b7cdf3017e2",class:"sd-radio__circle"}),this.label&&i("span",{key:"99d2ce0d53daf5d8ef232f6984ef42e605a68541",class:"sd-radio__label"},this.label))}static get watchers(){return{value:[{valueChanged:0}]}}};n.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}';export{n as sd_radio}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e={default:"#888888",disabled:"#BBBBBB"},t={fontWeight:"400",fontSize:"12",lineHeight:"20"},d={default:"#222222",disabled:"#888888"},i={depth1:"12",depth2:"20",depth3:"28"},a={fontWeight:"400",fontSize:"12",lineHeight:"20"},n={default:"#FFFFFF",hover:"#0075FF"},h={default:"#222222",hover:"#FFFFFF",disabled:"#888888"},o={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const l={paddingX:"12",gap:"8"},s={fontSize:t.fontSize,lineHeight:t.lineHeight,fontWeight:t.fontWeight},f={icon:{default:e.default,disabled:e.disabled},text:{default:d.default,disabled:d.disabled}},r={paddingY:"4",paddingRight:"12",paddingLeft:{depth1:i.depth1,depth2:i.depth2,depth3:i.depth3},gap:"8"},g={fontSize:a.fontSize,lineHeight:a.lineHeight,fontWeight:a.fontWeight},F={bg:{default:n.default,hover:n.hover},content:{default:h.default,hover:h.hover,disabled:h.disabled},depth1:{bg:o.bg.default,border:o.border.color,borderWidth:o.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}},b={radius:"4"},p=11,u=1e3,c="표시할 항목이 없습니다.";function B(e){return e.reduce(((e,t)=>t.children?e+B(t.children):e+1),0)}function v(e,t){const d=t.toLowerCase();return e.reduce(((e,i)=>{const a=i.label.toLowerCase().includes(d);if(i.children){const d=v(i.children,t);d.length>0?e.push({...i,children:d}):a&&e.push({...i,children:[]})}else a&&e.push({...i});return e}),[])}export{c as E,b as L,p as S,f as a,s as b,B as c,l as d,r as e,v as f,F as g,g as h,u as i}
|
|
@@ -1 +0,0 @@
|
|
|
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:{size:"40",circle:{size:"32",radius:"9999"},default:{text:"#222222"},hover:{text:"#222222",border:"#0075FF"},select:{bg:"#0075FF",text:"#FFFFFF"},disabled:{text:"#888888"},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.size,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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=()=>{};export{o as g}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),e="type",o="value",l="serialized:";function s(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var i=(t,n)=>{var e;Object.entries(null!=(e=n.o.t)?e:{}).map((([e,[o]])=>{if(31&o||32&o){const o=t[e],l=s(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);l&&Object.defineProperty(t,e,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(e)?t[e]=n.l.get(e):void 0!==o&&(t[e]=o)}}))},r=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.i=t,512&n.o.u&&i(t,n))},u=(t,n)=>n in t,f=(t,n)=>(0,console.error)(t,n),a=new Map,d=new Map,p="s-id",v="sty-id",$="c-id",h="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",y="undefined"!=typeof window?window:{},b={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},g=t=>Promise.resolve(t),w=(()=>{try{return!!y.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),j=!!w&&(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)(),O=!1,S=[],k=[],N=(t,n)=>e=>{t.push(e),O||(O=!0,n&&4&b.u?C(E):b.raf(E))},x=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){f(t)}t.length=0},E=()=>{x(S),x(k),(O=S.length>0)&&b.raf(E)},C=t=>g().then(t),M=N(S,!1),L=N(k,!0),I=t=>{const n=V(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&R(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!T(t,D(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&V(t,"childNodes").length&&I(t)}};function R(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||D(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...R(o.childNodes,n,e)]}return s}var T=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)D(l)!==n||!e&&l["s-sr"]||o.push(l);return o},A=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,F=(t,n,e,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,i=V(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=V(s,"childNodes"),n=[l];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>i.call(s,t)))}else i.call(s,l);t["s-ol"]=l,t["s-sh"]=n["s-hn"]},D=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function P(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.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:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===D(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}function V(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}function H(t){var n,e,o;return null!=(o=null==(e=null==(n=t.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?o:void 0}var U=new WeakMap,_=t=>"sc-"+t.v,z=t=>"object"==(t=typeof t)||"function"===t,B=(t,n,...e)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!z(o))&&(o+=""),i&&r?c[c.length-1].$+=o:c.push(i?W(null,o):o),r=i)};if(u(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,Y);const f=W(t,null);return f.h=n,c.length>0&&(f.m=c),f.j=l,f.O=s,f},W=(t,n)=>({u:0,S:t,$:null!=n?n:null,k:null,m:null,h:null,j:null,O:null}),q={},Y={forEach:(t,n)=>t.map(G).forEach(n),map:(t,n)=>t.map(G).map(n).map(J)},G=t=>({vattrs:t.h,vchildren:t.m,vkey:t.j,vname:t.O,vtag:t.S,vtext:t.$}),J=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),B(t.vtag,n,...t.vchildren||[])}const n=W(t.vtag,t.vtext);return n.h=t.vattrs,n.m=t.vchildren,n.j=t.vkey,n.O=t.vname,n},Z=(t,n,e,o,l,s,i,r=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===i||"0"===u[0])){f=Q({u:0,N:u[0],C:u[1],M:u[2],L:u[3],S:s.tagName.toLowerCase(),k:s,h:{class:s.className||""}}),n.push(f),s.removeAttribute($),t.m||(t.m=[]),d&&u[0]===i&&(s["s-si"]=d,f.h.class+=" "+d);const o=f.k.getAttribute("s-sn");"string"==typeof o&&("slot-fb"===f.S&&(X(o,u[2],f,s,t,n,e,0,r),d&&s.classList.add(d)),f.k["s-sn"]=o,f.k.removeAttribute("s-sn")),void 0!==f.L&&(t.m[f.L]=f),t=f}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)Z(t,n,e,o,l,s.shadowRoot.childNodes[a],i,r);const p=s.__childNodes||s.childNodes;for(a=p.length-1;a>=0;a--)Z(t,n,e,o,l,p[a],i,r)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===i||"0"===u[1])&&(c=u[0],f=Q({N:u[1],C:u[2],M:u[3],L:u[4]||"0",k:s,h:null,m:null,j:null,O:null,S:null,$:null}),"t"===c?(f.k=lt(s,3),f.k&&3===f.k.nodeType&&(f.$=f.k.textContent,n.push(f),s.remove(),i===f.N&&(t.m||(t.m=[]),t.m[f.L]=f))):"c"===c?(f.k=lt(s,8),f.k&&8===f.k.nodeType&&(n.push(f),s.remove())):f.N===i&&("s"===c?X(s["s-sn"]=u[5]||"",u[2],f,s,t,n,e,0,r):"r"===c&&(l["s-cr"]=s,s["s-cn"]=!0)));else if(t&&"style"===t.S){const n=W(null,s.textContent);n.k=s,n.L="0",t.m=[n]}return t},K=(t,n)=>{if(1===t.nodeType){const e=t[p]||t.getAttribute(p);e&&n.set(e,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)K(t.shadowRoot.childNodes[o],n);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)K(l[o],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},Q=t=>({u:0,N:null,C:null,M:null,L:"0",k:null,h:null,m:null,j:null,O:null,S:null,$:null,...t});function X(t,n,e,o,l,s,i,r,c){o["s-sr"]=!0,e.O=t||null,e.S="slot";const u=(null==l?void 0:l.k)?l.k["s-id"]||l.k.getAttribute("s-id"):"";{const s=e.k,i=u&&u!==e.N&&l.k.shadowRoot;ot(c,n,t,o,i?u:e.N),P(o),i&&l.k.insertBefore(s,l.k.children[0])}s.push(e),i.push(e),l.m||(l.m=[]),l.m[e.L]=e}var tt,nt,et,ot=(t,n,e,o,l)=>{var s,i;let r=o.nextSibling;if(t[n]=t[n]||[],r&&!(null==(s=r.nodeValue)?void 0:s.startsWith("s.")))do{!r||(r.getAttribute&&r.getAttribute("slot")||r["s-sn"])!==e&&(""!==e||r["s-sn"]||r.getAttribute&&r.getAttribute("slot")||8!==r.nodeType&&3!==r.nodeType)||(r["s-sn"]=e,t[n].push({slot:o,node:r,hostId:l})),r=null==r?void 0:r.nextSibling}while(r&&!(null==(i=r.nodeValue)?void 0:i.startsWith("s.")))},lt=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},st=class l{static fromLocalValue(t){const n=t[e],s=o in t?t[o]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>l.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[n,e]of s){const o="object"==typeof n&&null!==n?l.fromLocalValue(n):n,s=l.fromLocalValue(e);t.set(o,s)}return t;case"object":const e={};for(const[t,n]of s)e[t]=l.fromLocalValue(n);return e;case"regexp":const{pattern:o,flags:i}=s;return RegExp(o,i);case"set":const r=new Set;for(const t of s)r.add(l.fromLocalValue(t));return r;case"symbol":return Symbol(s);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>l.fromLocalValue(t)))}static isLocalValueObject(l){if("object"!=typeof l||null===l)return!1;if(!l.hasOwnProperty(e))return!1;const s=l[e];return!!Object.values({...t,...n}).includes(s)&&("null"===s||"undefined"===s||l.hasOwnProperty(o))}},it=(t,n)=>"string"==typeof t&&t.startsWith(l)?t=function(t){return"string"==typeof t&&t.startsWith(l)?st.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||z(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,rt=t=>{var n;return null==(n=r(t))?void 0:n.$hostElement$},ct=(t,n,e)=>{const o=rt(t);return{emit:t=>ut(o,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},ut=(t,n,e)=>{const o=b.ce(n,e);return t.dispatchEvent(o),o},ft=(t,n,e,o,l,s,i)=>{if(e===o)return;let c=u(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,l=dt(e);let s=dt(o);if((t["s-si"]||t["s-sc"])&&i){const e=t["s-sc"]||t["s-si"];s.push(e),l.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...l.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===n){for(const n in e)o&&null!=o[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in o)e&&o[n]===e[n]||(n.includes("-")?t.style.setProperty(n,o[n]):t.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&Tt(o,t);else if(c||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let l;{const n=r(t);if(n&&n.o&&n.o.t){const t=n.o.t[e];t&&t[1]&&(l=t[1])}}return l||(l=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=o}catch(t){}return}{const i=z(o);if((c||i&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[n]!==o&&(t[n]=o);else{const l=null==o?"":o;"list"===n?c=!1:null!=e&&t[n]===l||("function"==typeof t.__lookupSetter__(n)?t[n]=l:t.setAttribute(n,l))}}catch(t){}let r=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(n=f,r=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(n)||(r?t.removeAttributeNS(m,n):t.removeAttribute(n)):(!c||4&s||l)&&!i&&1===t.nodeType&&(o=!0===o?"":o,r?t.setAttributeNS(m,n,o):t.setAttribute(n,o))}}else if(n="-"===n[2]?n.slice(3):u(y,f)?f.slice(2):f[2]+n.slice(3),e||o){const l=n.endsWith(pt);n=n.replace(vt,""),e&&b.rel(t,n,e,l),o&&b.ael(t,n,o,l)}},at=/\s/,dt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(at):[]),pt="Capture",vt=RegExp(pt+"$"),$t=(t,n,e,o)=>{const l=11===n.k.nodeType&&n.k.host?n.k.host:n.k,s=t&&t.h||{},i=n.h||{};for(const t of ht(Object.keys(s)))t in i||ft(l,t,s[t],void 0,e,n.u,o);for(const t of ht(Object.keys(i)))ft(l,t,s[t],i[t],e,n.u,o)};function ht(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var mt=!1,yt=!1,bt=!1,gt=!1,wt=[],jt=[],Ot=(t,n,e)=>{var o;const l=n.m[e];let s,i,r,c=0;if(mt||(bt=!0,"slot"===l.S&&(l.u|=l.m?2:1)),null!=l.$)s=l.k=y.document.createTextNode(l.$);else if(1&l.u)s=l.k=y.document.createTextNode(""),$t(null,l,gt);else{if(gt||(gt="svg"===l.S),!y.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=y.document.createElementNS(gt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!mt&&2&l.u?"slot-fb":l.S),gt&&"foreignObject"===l.S&&(gt=!1),$t(null,l,gt),null!=tt&&void 0!==tt&&s["s-si"]!==tt&&s.classList.add(s["s-si"]=tt),l.m){const n="template"===l.S?s.content:s;for(c=0;c<l.m.length;++c)i=Ot(t,l,c),i&&n.appendChild(i)}"svg"===l.S?gt=!1:"foreignObject"===s.tagName&&(gt=!0)}return s["s-hn"]=et,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=nt,s["s-sn"]=l.O||"",s["s-rf"]=null==(o=l.h)?void 0:o.ref,P(s),r=t&&t.m&&t.m[e],r&&r.S===l.S&&t.k&&St(t.k),Ft(nt,s,n.k,null==t?void 0:t.k)),s},St=t=>{b.u|=1;const n=t.closest(et.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(At(n,t,null!=e?e:null),t["s-sh"]=void 0,bt=!0)}b.u&=-2},kt=(t,n)=>{b.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===et&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==et&&o["s-ol"]&&(At(Ct(o).parentNode,o,Ct(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,bt=!0),n&&kt(o,n)}b.u&=-2},Nt=(t,n,e,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.S&&(r=r.content);l<=s;++l)o[l]&&(i=Ot(null,e,l),i&&(o[l].k=i,At(r,i,Ct(n))))},xt=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;Rt(n),t&&(yt=!0,t["s-ol"]?t["s-ol"].remove():kt(t,!0),t.remove())}}},Et=(t,n,e=!1)=>t.S===n.S&&("slot"===t.S?t.O===n.O:e?(e&&!t.j&&n.j&&(t.j=n.j),!0):t.j===n.j),Ct=t=>t&&t["s-ol"]||t,Mt=(t,n,e=!1)=>{const o=n.k=t.k,l=t.m,s=n.m,i=n.S,r=n.$;let c;null==r?(gt="svg"===i||"foreignObject"!==i&>,"slot"!==i||mt||t.O!==n.O&&(n.k["s-sn"]=n.O||"",St(n.k.parentElement)),$t(t,n,gt,e),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=n.length-1,d=n[0],p=n[a],v=o.length-1,$=o[0],h=o[v];const m="template"===e.S?t.content:t;for(;r<=a&&c<=v;)if(null==d)d=n[++r];else if(null==p)p=n[--a];else if(null==$)$=o[++c];else if(null==h)h=o[--v];else if(Et(d,$,l))Mt(d,$,l),d=n[++r],$=o[++c];else if(Et(p,h,l))Mt(p,h,l),p=n[--a],h=o[--v];else if(Et(d,h,l))"slot"!==d.S&&"slot"!==h.S||kt(d.k.parentNode,!1),Mt(d,h,l),At(m,d.k,p.k.nextSibling),d=n[++r],h=o[--v];else if(Et(p,$,l))"slot"!==d.S&&"slot"!==h.S||kt(p.k.parentNode,!1),Mt(p,$,l),At(m,p.k,d.k),p=n[--a],$=o[++c];else{for(u=-1,f=r;f<=a;++f)if(n[f]&&null!==n[f].j&&n[f].j===$.j){u=f;break}u>=0?(i=n[u],i.S!==$.S?s=Ot(n&&n[c],e,u):(Mt(i,$,l),n[u]=void 0,s=i.k),$=o[++c]):(s=Ot(n&&n[c],e,c),$=o[++c]),s&&At(Ct(d.k).parentNode,s,Ct(d.k))}r>a?Nt(t,null==o[v+1]?null:o[v+1].k,e,o,c,v):c>v&&xt(n,r,a)})(o,l,n,s,e):null!==s?(null!==t.$&&(o.textContent=""),Nt(o,null,n,s,0,s.length-1)):e||null===l?e&&null!==l&&null===s&&(n.m=l):xt(l,0,l.length-1),gt&&"svg"===i&&(gt=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:t.$!==r&&(o.data=r)},Lt=[],It=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(A(n,l)){let e=Lt.find((t=>t.I===n));yt=!0,n["s-sn"]=n["s-sn"]||l,e?(e.I["s-sh"]=t["s-hn"],e.R=t):(n["s-sh"]=t["s-hn"],Lt.push({R:t,I:n})),n["s-sr"]&&Lt.map((t=>{A(t.I,n["s-sn"])&&(e=Lt.find((t=>t.I===n)),e&&!t.R&&(t.R=e.R))}))}else Lt.some((t=>t.I===n))||Lt.push({I:n})}1===t.nodeType&&It(t)}},Rt=t=>{t.h&&t.h.ref&&wt.push((()=>t.h.ref(null))),t.m&&t.m.map(Rt)},Tt=(t,n)=>{jt.push((()=>t(n)))},At=(t,n,e,o)=>{if("string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])Ft(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=D(t)||"";return{slotNode:R(V(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)};function Ft(t,n,e,o){var l,s;let i;if(t&&"string"==typeof n["s-sn"]&&n["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=n["s-si"]||t.parentNode["s-sc"])){const t=n["s-sn"],r=n["s-hn"];if(null==(l=e.classList)||l.add(i+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(i+"-s"))){let n=(o.__childNodes||o.childNodes)[0],e=!1;for(;n;){if(n["s-sn"]!==t&&n["s-hn"]===r&&n["s-sr"]){e=!0;break}n=n.nextSibling}e||o.classList.remove(i+"-s")}}}var Dt=(t,n)=>{if(n&&!t.T&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.T=()=>{n["s-p"].splice(e-1,1),o()})))}},Pt=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);Dt(t,t.A);const e=()=>Vt(t,n);if(!n)return L(e);queueMicrotask((()=>{e()}))},Vt=(t,n)=>{const e=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${e.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 n?(t.F&&(t.F=!1,qt(o,"connectedCallback",void 0,e)),t.u|=256,t.D&&(t.D.map((([t,n])=>qt(o,t,n,e))),t.D=void 0),t.P.length&&t.P.forEach((t=>t(e))),l=qt(o,"componentWillLoad",void 0,e)):l=qt(o,"componentWillUpdate",void 0,e),l=Ht(l,(()=>qt(o,"componentWillRender",void 0,e))),Ht(l,(()=>_t(t,o,n)))},Ht=(t,n)=>Ut(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),Ut=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,_t=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.u,l=((t,n)=>{var e,o,l;const s=_(n),i=d.get(s);if(!y.document)return s;if(t=11===t.nodeType?t:y.document,i)if("string"==typeof i){let l,r=U.get(t=t.head||t);r||U.set(t,r=new Set);const c=t.querySelector(`[${v}="${s}"]`);if(c)c.textContent=i;else if(!r.has(s)){l=y.document.createElement("style"),l.textContent=i;const c=null!=(e=b.V)?e:H(y.document);if(null!=c&&l.setAttribute("nonce",c),!(1&n.u))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(w){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(i),j?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=i+n.textContent:t.prepend(l)}else t.append(l);1&n.u&&t.insertBefore(l,null),4&n.u&&(l.textContent+=h),r&&r.add(s)}}else{let n=U.get(t);if(n||U.set(t,n=new Set),!n.has(s)){const e=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(i.constructor===e.CSSStyleSheet)o=i;else{o=new e.CSSStyleSheet;for(let t=0;t<i.cssRules.length;t++)o.insertRule(i.cssRules[t].cssText,t)}if(j?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(s),"host"in t){const n=t.querySelector(`[${v}="${s}"]`);n&&L((()=>n.remove()))}}}return s})(e.getRootNode(),n);10&o&&(e["s-sc"]=l,e.classList.add(l+"-h"))})(t);zt(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>Bt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},zt=(t,n,e,o)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var o,l,s,i,r;const c=t.$hostElement$,u=t.o,f=t.H||W(null,null),a=(t=>t&&t.S===q)(n)?n:B(null,null,n);if(et=c.tagName,u.U&&(a.h=a.h||{},u.U.forEach((([t,n])=>{a.h[n]=c[t]}))),e&&a.h)for(const t of Object.keys(a.h))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.h[t]=c[t]);if(a.S=null,a.u|=4,t.H=a,a.k=f.k=c,tt=c["s-sc"],mt=!1,nt=c["s-cr"],yt=!1,Mt(f,a,e),b.u|=1,bt){It(a.k);for(const t of Lt){const n=t.I;if(!n["s-ol"]&&y.document){const t=y.document.createTextNode("");t["s-nr"]=n,At(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of Lt){const n=t.I,r=t.R;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),r){const t=r.parentNode;let o=r.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(At(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=y.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,At(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===n.nodeType&&(n.hidden=!0)}}if(yt&&I(a.k),b.u&=-2,Lt.length=0,!mt&&!(1&u.u)&&c["s-cr"]){const t=a.k.__childNodes||a.k.childNodes;for(const n of t)if(n["s-hn"]!==et&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(r=n.hidden)&&r),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=y.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],At(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}nt=void 0,wt.forEach((t=>t())),wt.length=0,jt.forEach((t=>t())),jt.length=0})(t,n,o)}catch(n){f(n,t.$hostElement$)}return null},Bt=t=>{const n=t.$hostElement$,e=t.i,o=t.A;qt(e,"componentDidRender",void 0,n),64&t.u?qt(e,"componentDidUpdate",void 0,n):(t.u|=64,Yt(n),qt(e,"componentDidLoad",void 0,n),t._(n),o||Wt()),t.B(n),t.T&&(t.T(),t.T=void 0),512&t.u&&C((()=>Pt(t,!1))),t.u&=-517},Wt=()=>{var t;C((()=>ut(y,"appload",{detail:{namespace:"design-system"}}))),(null==(t=b.W)?void 0:t.size)&&b.W.clear()},qt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){f(t,o)}},Yt=t=>t.setAttribute("hydrated",""),Gt=(t,n,e,o)=>{const l=r(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.v}" 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$,i=l.l.get(n),c=l.u,u=l.i;if(e=it(e,o.t[n][0]),!(8&c&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e))){if(l.l.set(n,e),o.q){const t=o.q[n];t&&t.map((t=>{try{const[[o,s]]=Object.entries(t);(128&c||1&s)&&(u?u[o](e,i,n):l.P.push((()=>{l.i[o](e,i,n)})))}catch(t){f(t,s)}}))}if(2&c){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(e,i,n)&&!(16&c))return;16&c||Pt(l,!1)}}},Jt=(t,n,e)=>{var o,l;const i=t.prototype;{t.watchers&&!n.q&&(n.q=t.watchers),t.deserializers&&!n.Y&&(n.Y=t.deserializers),t.serializers&&!n.G&&(n.G=t.serializers);const c=Object.entries(null!=(o=n.t)?o:{});if(c.map((([t,[o]])=>{if(31&o||2&e&&32&o){const{get:l,set:c}=s(i,t)||{};l&&(n.t[t][0]|=2048),c&&(n.t[t][0]|=4096),(1&e||!l)&&Object.defineProperty(i,t,{get(){{if(!(2048&n.t[t][0]))return((t,n)=>r(this).l.get(n))(0,t);const e=r(this),o=e?e.i:i;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(l){const s=r(this);if(s){if(c)return void 0===(32&o?this[t]:s.$hostElement$[t])&&s.l.get(t)&&(l=s.l.get(t)),c.call(this,it(l,o)),void Gt(this,t,l=32&o?this[t]:s.$hostElement$[t],n);{if(!(1&e&&4096&n.t[t][0]))return Gt(this,t,l,n),void(1&e&&!s.i&&s.P.push((()=>{4096&n.t[t][0]&&s.i[t]!==s.l.get(t)&&(s.i[t]=l)})));const i=()=>{const e=s.i[t];!s.l.get(t)&&e&&s.l.set(t,e),s.i[t]=it(l,o),Gt(this,t,s.i[t],n)};s.i?i():s.P.push((()=>{i()}))}}}})}else 1&e&&64&o&&Object.defineProperty(i,t,{value(...n){var e;const o=r(this);return null==(e=null==o?void 0:o.J)?void 0:e.then((()=>{var e;return null==(e=o.i)?void 0:e[t](...n)}))}})})),1&e){const e=new Map;i.attributeChangedCallback=function(t,o,l){b.jmp((()=>{var s;const u=e.get(t),f=r(this);if(this.hasOwnProperty(u)&&(l=this[u],delete this[u]),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==l)return;if(null==u){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&l!==o){const i=f.i,r=null==(s=n.q)?void 0:s[t];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=i[s]&&(128&e||1&r)&&i[s].call(i,l,o,t)}))}return}const a=c.find((([t])=>t===u));a&&4&a[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,u);l==this[u]||d.get&&!d.set||(this[u]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.q)?l:{}),...c.filter((([t,n])=>31&n[0])).map((([t,o])=>{var l;const s=o[1]||t;return e.set(s,t),512&o[0]&&(null==(l=n.U)||l.push([t,s])),s}))]))}}return t},Zt=(t,n)=>{qt(t,"connectedCallback",void 0,n)},Kt=t=>{if(!(1&b.u)){const n=r(t);if(!n)return;const e=n.o,o=()=>{};if(1&n.u)en(t,n,e.Z),(null==n?void 0:n.i)?Zt(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>Zt(n.i,t)));else{let o;if(n.u|=1,o=t.getAttribute(p),o){if(2&e.u){const n=_(e);t["s-sc"]=n}((t,n,e,o)=>{var l,s,i,c;const u=t.shadowRoot,f=[],a=[],d=[],v=W(n,null);let $;v.k=t;{const n=o.o;n&&10&n.u&&t["s-sc"]?($=t["s-sc"],t.classList.add($+"-h")):t["s-sc"]&&delete t["s-sc"]}!y.document||b.W&&b.W.size||K(y.document.body,b.W=new Map),t[p]=e,t.removeAttribute(p),o.H=Z(v,f,a,null,t,t,e,d);let h=0;const m=f.length;let g;for(;h<m;h++){g=f[h];const e=g.N+"."+g.C,o=b.W.get(e),s=g.k;if(u){if((null==(l=g.S)?void 0:(""+l).includes("-"))&&"slot-fb"!==g.S&&!g.k.shadowRoot){const t=r(g.k);if(t){const n=_(t.o),e=y.document.querySelector(`style[sty-id="${n}"]`);e&&null.unshift(e.cloneNode(!0))}}}else s["s-hn"]=n.toUpperCase(),"slot"===g.S&&(s["s-cr"]=t["s-cr"]);"slot"===g.S&&(g.O=g.k["s-sn"]||g.k.name||null,g.m?(g.u|=2,g.k.childNodes.length||g.m.forEach((t=>{g.k.appendChild(t.k)}))):g.u|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),u||(s["s-oo"]=parseInt(g.C))),o&&!o["s-id"]&&b.W.delete(e)}const w=[],j=d.length;let O,S,k,N,x=0,E=0;for(;x<j;x++)if(O=d[x],O&&O.length)for(k=O.length,S=0;S<k;S++){if(N=O[S],w[N.hostId]||(w[N.hostId]=b.W.get(N.hostId)),!w[N.hostId])continue;const t=w[N.hostId];t.shadowRoot&&N.node.parentElement!==t&&t.insertBefore(N.node,null==(i=null==(s=O[S-1])?void 0:s.node)?void 0:i.nextSibling),t.shadowRoot&&u||(N.slot["s-cr"]||(N.slot["s-cr"]=t["s-cr"],N.slot["s-cr"]=!N.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),F(N.node,N.slot,0,N.node["s-oo"]||E),(null==(c=N.node.parentElement)?void 0:c.shadowRoot)&&N.node.getAttribute&&N.node.getAttribute("slot")&&N.node.removeAttribute("slot")),E=(N.node["s-oo"]||E)+1}$&&a.length&&a.forEach((t=>{t.k.parentElement.classList.add($+"-s")})),o.$hostElement$=t})(t,e.v,o,n)}o||12&e.u&&Qt(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Dt(n,n.A=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.u)){if(n.u|=32,e.X){const l=((t,n)=>{const e=t.v.replace(/-/g,"_"),o=t.X;if(!o)return;const l=a.get(o);return l?l[e]:import(`./${o}.entry.js`).then((t=>(a.set(o,t),t[e])),(t=>{f(t,n.$hostElement$)}))
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${e.v}#${n.tt}" was not found`);o.isProxied||(e.q=o.watchers,e.G=o.serializers,e.Y=o.deserializers,Jt(o,e,2),o.isProxied=!0);const s=()=>{};n.u|=8;try{new o(n)}catch(n){f(n,t)}n.u&=-9,n.u|=128,s(),4&e.u?n.F=!0:Zt(n.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const n=_(e);if(!d.has(n)){const o=()=>{};((t,n,e)=>{let o=d.get(t);w&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,d.set(t,o)})(n,t,!!(1&e.u)),o()}}}const l=n.A,s=()=>Pt(n,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()}catch(e){f(e,t),n.T&&(n.T(),n.T=void 0),n._&&n._(t)}})(t,n,e)}o()}},Qt=t=>{if(!y.document)return;const n=t["s-cr"]=y.document.createComment("");n["s-cn"]=!0,At(t,n,t.firstChild)},Xt=(t,n)=>{qt(t,"disconnectedCallback",void 0,n||t)},tn=(t,n={})=>{var e;if(!y.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=n.exclude||[],s=y.customElements,i=y.document.head,c=i.querySelector("meta[charset]"),u=y.document.createElement("style"),f=[];let a,d=!0;Object.assign(b,n),b.p=new URL(n.resourcesUrl||"./",y.document.baseURI).href,b.u|=2;let p=!1;if(t.map((t=>{t[1].map((n=>{var e,i,c;const u={u:n[0],v:n[1],t:n[2],Z:n[3]};4&u.u&&(p=!0),u.t=n[2],u.Z=n[3],u.U=[],u.q=null!=(e=n[4])?e:{},u.G=null!=(i=n[5])?i:{},u.Y=null!=(c=n[6])?c:{};const v=u.v,$=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){super(t),((t,n)=>{const e={u:0,$hostElement$:t,o:n,l:new Map,nt:new Map};e.J=new Promise((t=>e.B=t)),e.K=new Promise((t=>e._=t)),t["s-p"]=[],t["s-rc"]=[],e.P=[];const o=e;t.__stencil__getHostRef=()=>o})(t=this,u)}connectedCallback(){const t=r(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,en(this,t,u.Z)),a&&(clearTimeout(a),a=null),d?f.push(this):b.jmp((()=>Kt(this))))}disconnectedCallback(){b.jmp((()=>(async t=>{if(!(1&b.u)){const n=r(t);(null==n?void 0:n.et)&&(n.et.map((t=>t())),n.et=void 0),(null==n?void 0:n.i)?Xt(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>Xt(n.i,t)))}U.has(t)&&U.delete(t),t.shadowRoot&&U.has(t.shadowRoot)&&U.delete(t.shadowRoot)})(this))),b.raf((()=>{var t;const n=r(this);if(!n)return;const e=f.findIndex((t=>t===this));e>-1&&f.splice(e,1),(null==(t=null==n?void 0:n.H)?void 0:t.k)instanceof Node&&!n.H.k.isConnected&&delete n.H.k}))}componentOnReady(){var t;return null==(t=r(this))?void 0:t.K}};u.X=t[0],l.includes(v)||s.get(v)||(o.push(v),s.define(v,Jt($,u,1)))}))})),o.length>0&&(p&&(u.textContent+=h),u.textContent+=o.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(e=b.V)?e:H(y.document);null!=t&&u.setAttribute("nonce",t),i.insertBefore(u,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):b.jmp((()=>a=setTimeout(Wt,30)))},nn=(t,n)=>n,en=(t,n,e)=>{e&&y.document&&e.map((([e,o,l])=>{const s=ln(y.document,t,e),i=on(n,l),r=sn(e);b.ael(s,o,i,r),(n.et=n.et||[]).push((()=>b.rel(s,o,i,r)))}))},on=(t,n)=>e=>{var o;try{256&t.u?null==(o=t.i)||o[n](e):(t.D=t.D||[]).push([n,e])}catch(n){f(n,t.$hostElement$)}},ln=(t,n,e)=>8&e?y:n,sn=t=>({passive:!!(1&t),capture:!!(2&t)}),rn=t=>b.V=t;export{nn as F,M as a,tn as b,ct as c,rt as g,B as h,g as p,c as r,rn as s}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,g as s,h as e}from"./p-DsU722JF.js";import{n}from"./p-CCwNgVmC.js";import{i as a}from"./p-CJwbBrt5.js";const o=a.textinput.sm,d=a.textinput.md,l={sm:{height:o.height,paddingX:o.paddingX,gap:o.gap,radius:o.radius,fontSize:o.typography.fontSize,lineHeight:o.typography.lineHeight,fontWeight:o.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},h={text:a.textinput.text,icon:a.textinput.icon},c=class{constructor(s){t(this,s),this.input=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get host(){return s(this)}value=null;type="text";size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;autocomplete="";maxlength;minlength;inputmode;enterkeyhint;spellcheck=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=n();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,i)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(i)):this.focus?.emit(i)};render(){const t=l[this.size]??l.sm;return e("sd-field",{key:"16881490eb9d8d08aa0788be2dbb845b12f50269",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,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${t.fontSize}px`,"--sd-input-line-height":`${t.lineHeight}px`,"--sd-input-font-weight":t.fontWeight,"--sd-input-padding-x":`${t.paddingX}px`,"--sd-input-gap":`${t.gap}px`,"--sd-input-text-color":h.text.default,"--sd-input-placeholder-color":h.text.placeholder,"--sd-input-disabled-color":h.text.disabled,"--sd-input-icon-color":h.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`}},e("label",{key:"04e71967c3b3f7bf4589a3aaf4505c5d67d615da",class:"sd-input__content"},e("slot",{key:"18476a19c8825734e475116586bab2711c1d84e3",name:"prefix"}),e("input",{key:"7600e0ade86d1bca8ba6197d49bd72ef4d0778dd",name:this.name,ref:t=>this.nativeEl=t,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,autocomplete:this.autocomplete||void 0,maxlength:this.maxlength,minlength:this.minlength,inputmode:this.inputmode,enterkeyhint:this.enterkeyhint,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),e("slot",{key:"5c98ef1acdb26a1c0f89fc04101c0315b017c08a",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&e("sd-ghost-button",{key:"f188270be3635c68d99a453eaba61f53d6bb2bc7",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&e("sd-ghost-button",{key:"cedaceae0b81e007e4672a57c950bd6b23d045cd",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled,class:"sd-input__password-icon",onClick:()=>{this.disabled||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.style="sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}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}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-input-text-color);font-size:var(--sd-input-font-size);line-height:var(--sd-input-line-height);font-weight:var(--sd-input-font-weight);padding:0 var(--sd-input-padding-x);gap:var(--sd-input-gap)}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:var(--sd-input-disabled-color)}sd-input .sd-input__content .sd-input__native::placeholder{color:var(--sd-input-placeholder-color)}sd-input .sd-input__content .sd-input__clear-icon,sd-input .sd-input__content .sd-input__password-icon{flex-shrink:0}sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}";const r=class{constructor(s){t(this,s),this.searchInput=i(this,"sdSearchInput",7),this.searchFocus=i(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const t=await this.sdGetNativeElement();t?.focus({preventScroll:!0})}render(){return e("div",{key:"356f1b606a50d6a247793aebd1609f509a08784e",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:t=>t.stopPropagation()},e("sd-input",{key:"99162b5eeb831b771666246ecbd223c0a1b93d9c",ref:t=>this.searchRef=t,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:t=>{this.searchInput.emit(String(t?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:t=>{"Enter"===t.code&&t.stopPropagation()}},e("sd-icon",{key:"e8929cfab6ab5a483531c939de1b4c0c11f1b145",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};r.style="sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}";export{c as sd_input,r as sd_select_search_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e}from"./p-DsU722JF.js";var o={size:"16",icon:"12"},i={size:"24",icon:"16"},n={size:"28",icon:"20"},r={size:"36",icon:"24"},a={size:"62",icon:"32"},b="4",d={opacity:"5%"},c={disabled:"#BBBBBB"},h={content:"#888888",hover:{bg:"#222222"}},u={content:"#E30000",hover:{bg:"#E30000"}},l={content:"#025497",hover:{bg:"#0075FF"}},g={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const v={xxs:{size:Number(o.size),icon:Number(o.icon)},xs:{size:Number(i.size),icon:Number(i.icon)},sm:{size:Number(n.size),icon:Number(n.icon)},md:{size:Number(r.size),icon:Number(r.icon)},lg:{size:Number(a.size),icon:Number(a.icon)}},p=Number(b),m=d.opacity,F={default:h.content,danger:u.content,action:l.content,inverse:g.content},z={default:h.hover.bg,danger:u.hover.bg,action:l.hover.bg,inverse:g.hover.bg},f=c.disabled,y={default:f,danger:f,action:f,inverse:g.disabled},x=class{constructor(e){t(this,e),this.click=s(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";disabled=!1;click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const t=v[this.size],s=this.disabled?y[this.intent]:F[this.intent],o=this.ariaLabel.trim()||void 0;return e("button",{key:"783888ed2c124bf8e08698de0bc2e904b86722e9",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button",disabled:this.disabled,"aria-label":o,style:{"--sd-ghost-button-size":`${t.size}px`,"--sd-ghost-button-radius":`${p}px`,"--sd-ghost-button-hover-bg":z[this.intent],"--sd-ghost-button-hover-opacity":m,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick},e("sd-icon",{key:"4ae4347b169267e6964c461126b6c9a4281578bb",name:this.icon,size:t.icon,color:s}))}};x.style='sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}';export{x as sd_ghost_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as i,F as s}from"./p-DsU722JF.js";import{b as n}from"./p-B1XBwjCW.js";import{r as d}from"./p-BxPyZJaz.js";import{T as a}from"./p-DSRYrM1n.js";const r={xs:Number(n.button.xs.icon),sm:Number(n.button.sm.icon),md:Number(n.button.md.icon),lg:Number(n.button.lg.icon)},l=class{constructor(o){t(this,o),this.click=e(this,"sdClick",7)}get el(){return o(this)}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),e=d(this.color);return i("button",{key:"b18b0e46ec5a26e35fd0c782c975c1e3f94c7bea",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":e},onClick:this.handleClick},i("div",{key:"3364b81ca9323e88b56ccde7783417416ecec4a0",class:"sd-button__content"},this.icon&&i("sd-icon",{key:"dbe12d21483f50cab4e7284fc340e5b02ec6578d",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??r[this.size],color:this.iconColor??("primary"===this.variant?"#fff":e)}),this.label&&i("div",{key:"793b3ef70ff8fbe7a043baf3b00097ab0c3bb59b",class:"sd-button__label"},this.label),this.iconRight&&i("sd-icon",{key:"9b35739d4c18c38f9487c806d4becc312146bed4",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:r[this.size],color:"primary"===this.variant?"#fff":e})))}};l.style='sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}';var f={sm:{height:"28",gap:"6",icon:"12",typography:{fontWeight:"700",fontSize:"12",lineHeight:"20"}}},h={gap:"6",paddingX:"12",typography:{fontWeight:"500",fontSize:"12",lineHeight:"20"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}};const b=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-barcode-input","sd-textarea","sd-number-input","sd-select-v2","sd-file-picker","sd-date-picker","sd-date-range-picker"],c=class{constructor(e){t(this,e)}get el(){return o(this)}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;hint="";errorMessage="";width="";label="";addonLabel="";icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let t="";return this.disabled?(t="disabled",`sd-field--${t}`):this.focused?(t="focus",`sd-field--${t}`):(this.hovered&&(t="hover"),this.status&&(t=this.status),this.error&&(t="error"),t?`sd-field--${t}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const t of b){const e=this.el.closest(t);if(e&&"value"in e)return e}return null}registerToForm(){const t=this.el.closest("sd-form");t&&"function"==typeof t.componentOnReady&&t.componentOnReady().then((t=>{t.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const t=this.el.closest("sd-form");t?.componentOnReady().then((t=>{t.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const t of this.rules){const e=t(this.value??"");if(!0!==e)return this.setError(!0,e),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(t,e){this.errorMsg=e,this.hostElement&&(this.hostElement.error=t)}render(){const t=this.addonLabel,e=f.sm,o=this.label?{"--sd-field-label-height":`${e.height}px`,"--sd-field-label-gap":`${e.gap}px`,"--sd-field-label-font-size":`${e.typography.fontSize}px`,"--sd-field-label-line-height":`${e.typography.lineHeight}px`,"--sd-field-label-font-weight":e.typography.fontWeight}:{},s=t?{"--sd-field-addon-padding-x":`${h.paddingX}px`,"--sd-field-addon-font-size":`${h.typography.fontSize}px`,"--sd-field-addon-line-height":`${h.typography.lineHeight}px`,"--sd-field-addon-font-weight":h.typography.fontWeight,"--sd-field-addon-bg":h.bg,"--sd-field-addon-border-color":this.disabled?h.border.disabled:h.border.default,"--sd-field-addon-gap":`${h.gap}px`,"--sd-field-addon-border-width":`${h.border.width}px`}:{};return i("div",{key:"3e4be9c9f1744faa0f763f0adc86c70bdceb8bbd",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-addon":!!t,[this.fieldStatus]:!!this.fieldStatus},style:{...o,...s}},i("div",{key:"240f8ffc487da6aa694aae2e2568a5c178233069",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"8d8273dfcf65dd7fe0dd6e565313470b491970a0",class:{"sd-field__control":!0,"sd-field__control--has-addon":!!t},style:this.width?{width:"number"==typeof this.width?`${this.width}px`:this.width,flex:"none"}:{}},t&&i("div",{key:"b08657bb5fe753defdd273464a5faeabc1a7e57e",class:"sd-field__addon"},t),i("slot",{key:"77c653b18f1cf4b3280e8deeff483ca22fbc0330"}))),this.errorMsg||this.errorMessage?i("div",{class:"sd-field__error-message"},this.errorMsg||this.errorMessage):this.hint&&i("div",{class:"sd-field__hint"},this.hint))}renderLabel(t){return t?i("label",{class:"sd-field__label"},this.icon&&i("sd-icon",{name:this.icon.name,size:this.icon.size??Number(f.sm.icon),color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),i("div",{class:"sd-field__label__text"},t),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},this.labelTooltip)):null}};c.style="sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid var(--sd-system-color-field-border-hover) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;height:var(--sd-field-label-height);margin-right:var(--sd-system-space-field-sm-gap)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap)}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;white-space:nowrap;padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-system-radius-field-sm) - 1px) 0 0 calc(var(--sd-system-radius-field-sm) - 1px)}sd-field .sd-field__wrapper{width:100%;height:var(--sd-system-size-field-sm-height);display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:100%;display:flex;flex:1;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-system-radius-field-sm);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-textinput-text-error-message);font-size:var(--sd-textinput-textinput-error-message-typography-font-size);line-height:var(--sd-textinput-textinput-error-message-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-textinput-text-hint);font-size:var(--sd-textinput-textinput-hint-typography-font-size);line-height:var(--sd-textinput-textinput-hint-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}";const u=class{constructor(o){t(this,o),this.close=e(this,"sdClose",7)}get el(){return o(this)}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:(this.zIndex??9999).toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[e,o]=this.offset,i=u.ARROW_SIZE;let s=0,n=0;switch(this.placement){case"top":s=t.top+window.scrollY-this.wrapper.offsetHeight+o-i,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"bottom":s=t.bottom+window.scrollY+o+i,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"left":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o,n=t.left+window.scrollX-this.wrapper.offsetWidth-e-i;break;case"right":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o,n=t.right+window.scrollX+e+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${n}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"4f7cf13fe78e7d4e906a2cda47de4258d9ceda74"})}};u.style=".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-floating-menu__content .sd-floating-menu__buttons--1{justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--2{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}";var p={bg:"#07284A",content:"#FFFFFF"},g={bg:"#FCEFEF",content:"#FB4444"},m={bg:"#FEF1EA",content:"#FF6B00"},v={bg:"#E6F1FF",content:"#0075FF"};const y={default:{bg:p.bg,content:p.content},danger:{bg:g.bg,content:g.content},warning:{bg:m.bg,content:m.content},accent:{bg:v.bg,content:v.content}},x=class{constructor(e){t(this,e)}get el(){return o(this)}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;sdClass="";showTooltip=!1;slotContentHTML="";buttonEl;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;show=()=>{this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing")};hide=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),x.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.hide()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.hide();componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t=this.trigger??"hover",e=this.placement??"top",o=this.tooltipType??"default",n=this.icon??"helpOutline",d=this.color??"#01BB4B",r=y[o]??y.default,l=()=>this.showTooltip=!this.showTooltip;return i(s,{key:"26a3cf140fdbc66fe79d9258f99082cdf0c79c60"},i("div",{key:"a47fb4ca41deecc63db4bc8d8e93419da8867e22",class:`sd-tooltip-trigger ${this.sdClass||""}`,..."hover"===t?{onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()}:this.label?{}:{onClick:l}},this.label?i("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:n,size:this.buttonSize??"sm",color:d,variant:this.buttonVariant??"primary",class:"sd-tooltip",..."click"===t&&this.label?{onSdClick:l}:{}}):i("sd-icon",{ref:t=>this.buttonEl=t,name:n,size:this.iconSize??12,color:d,class:"sd-tooltip"})),this.showTooltip&&i("sd-floating-portal",{key:"a728edde03eee82a0b4c72ea77a9cb918b27f709",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:e,offset:this.tooltipOffset},i("div",{key:"7afcb975b1045126fd19d2f6186a43d744de5922",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${o}`]:!0,[`sd-floating-menu--${e}`]:!0},style:{"--sd-floating-bg":r.bg,"--sd-floating-content":r.content},onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()},i("i",{key:"5c650247061d57b01adf3e53ddaa6d92c35a5e53",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${e}`},i(a,{key:"2bd40b24cd9c6015f1a3c5548b619c48b10df758"})),i("div",{key:"cce2db4ea12874ab11ac0bd04fb4080b2778c9b3",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}))))}};x.style="sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}";export{l as sd_button,c as sd_field,u as sd_floating_portal,x as sd_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,g as a,h as s}from"./p-DsU722JF.js";import{n as i}from"./p-CCwNgVmC.js";import{i as r}from"./p-CJwbBrt5.js";const d={paddingX:r.textinput.sm.paddingX,paddingY:r.textinput.sm.paddingY,radius:r.textinput.sm.radius,fontSize:r.textinput.sm.typography.fontSize,lineHeight:r.textinput.sm.typography.lineHeight,fontWeight:r.textinput.sm.typography.fontWeight},o={text:r.textinput.text,bg:r.textinput.bg,border:r.textinput.border,resizer:r.textinput.resizer},l=class{constructor(a){e(this,a),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return a(this)}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";addonLabel="";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=i();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return s("sd-field",{key:"ea611c76e2550f996cfe8848aa880d070325f133",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,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${d.fontSize}px`,"--sd-textarea-line-height":`${d.lineHeight}px`,"--sd-textarea-font-weight":d.fontWeight,"--sd-textarea-padding-x":`${d.paddingX}px`,"--sd-textarea-padding-y":`${d.paddingY}px`,"--sd-textarea-radius":`${d.radius}px`,"--sd-textarea-text-color":o.text.default,"--sd-textarea-placeholder-color":o.text.placeholder,"--sd-textarea-disabled-color":o.text.disabled,"--sd-textarea-bg-color":o.bg.default,"--sd-textarea-disabled-bg-color":o.bg.disabled,"--sd-textarea-border-color":o.border.default,"--sd-textarea-resizer-color":o.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${d.radius}px`}},s("div",{key:"90dbe39c0dd4eb8e6dfbf15afb8d04925d1c767b",class:"sd-textarea__content"},s("textarea",{key:"9026a4837b4b7bba8bc8237ad3c1f516b9dda267",name:this.name,ref:e=>this.nativeEl=e,class:`sd-textarea__native ${this.textareaClass}`,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};l.style="sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}";export{l as sd_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as s,g as t,h as i}from"./p-DsU722JF.js";import{n as a}from"./p-CCwNgVmC.js";import{D as r,a as h}from"./p-C4i826lM.js";const d=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 ~ YYYY-MM-DD";selectable;maxRange;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}),d.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)};get displayText(){return this.value&&this.value[0]&&this.value[1]?`${this.value[0]} ~ ${this.value[1]}`:""}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=h[this.size]??h.md;return i("sd-field",{key:"5c381ba40914b02d248b77852e8297ba367faed7",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,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"dee79baa195056a45b0af1c106b4f8890fc370a7",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"e5b46762012b35c8be2c56cbfbec22682ba7a3ed",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"47d0315e5a7baf3583286a730126ba0c4fdc1945",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"58b8765eacd17d7f7362ed67b8919eee8e89c68f",value:this.value,selectable:this.selectable,maxRange:this.maxRange,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};d.style="sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}";export{d as sd_date_range_picker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,g as d,h as n}from"./p-DsU722JF.js";import{B as r}from"./p-CRdYeSBK.js";import{B as e,g as s,c as i,P as a,d as p,b as u}from"./p-BsrEibf7.js";import{b}from"./p-B1XBwjCW.js";var c={accent:{default:"#0075FF"}},g={secondary:"#555555",inverse:"#FFFFFF"};const h=Object.keys(e).filter((t=>!t.endsWith("_lg"))),w=Object.fromEntries(h.map((t=>[t,e[t]]))),l=p,m=a,f=i,_={primary:b.button.brand.strong.dropdown.divider,secondary:b.button.brand.subtle.dropdown.divider,primary_outline:f.primary_outline,neutral_outline:f.neutral_outline,danger:b.button.danger.strong.dropdown.divider,danger_outline:f.danger_outline},x=g.secondary,v=c.accent.default,y=g.inverse,k={primary:x,secondary:x,primary_outline:x,neutral_outline:x,danger:x,danger_outline:x},z={primary:v,secondary:v,primary_outline:v,neutral_outline:v,danger:v,danger_outline:v},C={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},F=b.button.bg.disabled,D=b.button.text.disabled,O=b.button.border.disabled,j=class extends r{constructor(d){super(),t(this,d),this.click=o(this,"sdClick",7),this.dropDownShow=o(this,"sdDropDownShow",7)}get el(){return d(this)}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),j.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(this.name in w))throw new Error(`Invalid sd-dropdown-button name: ${this.name}`);return{config:w[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger",`sd-dropdown-button__trigger--${t}`,`sd-dropdown-button__trigger--${o}`];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":`${this.triggerRef.offsetWidth}px`,"--sd-dropdown-button-menu-item-color":k[t],"--sd-dropdown-button-menu-item-active-bg":z[t],"--sd-dropdown-button-menu-item-active-color":C[t],"--sd-dropdown-button-menu-border":"transparent"===f[t]?_[t]:f[t]}},this.items.map(((t,o)=>n("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,Boolean(t.disabled)),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return n("div",{key:"eaaa15c76c5c05dd8a7e103368ae5a884fd999b1",class:"sd-dropdown-button"},n("button",{key:"6e9dd2f7e7791ad7a4a17de1189bfc783cf61d69",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":String(this.isOpen),onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":l[o],"--sd-dropdown-button-border":f[o],"--sd-dropdown-button-content":m[o],"--sd-dropdown-button-divider":_[o],"--sd-dropdown-button-accent":u,"--sd-dropdown-button-disabled-bg":F,"--sd-dropdown-button-disabled-content":D,"--sd-dropdown-button-disabled-border":O}},n("span",{key:"921f7f8c98537dd01645a95bef0468768dd8571c",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"b871623ea1ba07cf797fd98e3057b01e7263234f",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"6c42e134ca5ed5291277c0316bceaf5bd6859363",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},n("sd-icon",{key:"ae1df86b93b174cfc488f3fa079c62ff55ae2e67",name:"chevronDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};j.style="sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-text-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-sm, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}";export{j as sd_dropdown_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as s,a as i,h as a,F as l}from"./p-DsU722JF.js";const d=class{constructor(s){t(this,s),this.sdSelectChange=e(this,"sdSelectChange",7),this.sdPageChange=e(this,"sdPageChange",7),this.sdRowsPerPageChange=e(this,"sdRowsPerPageChange",7)}get el(){return s(this)}columns;rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];useVirtualScroll={};virtualRowHeight=44;virtualColumnWidth=120;virtualBufferSize={vertical:5,horizontal:5};sdSelectChange;sdPageChange;sdRowsPerPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;virtualStartIndex=0;virtualEndIndex=0;scrollTopPosition=0;virtualStartColIdx=0;virtualEndColIdx=0;scrollLeftPosition=0;scrollRequestAnimationFrame=null;scrollContainer=null;resizeObserver=null;rafScheduled=!1;pendingUpdates={vertical:!1,horizontal:!1};cachedVirtualRows=null;cachedVirtualIndexKey="";cachedColumnOrder=null;lastColumnOrderKey="";cachedContainerHeight=0;cachedContainerWidth=0;stickyStyleCache=new Map;cachedIsAllChecked;lastSelectionKey="";onScroll;handleColumnsChange(t){this.columnWidths=this.getColumnWidths(t),this.refreshColumnLayout()}handleUseVirtualScrollChange(){this.columnWidths=this.getColumnWidths(this.columns||[]),this.refreshColumnLayout(),this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical")}handleVirtualColumnWidthChange(){this.useVirtualScroll.horizontal&&(this.columnWidths=this.getColumnWidths(this.columns||[]),this.refreshColumnLayout())}handleSelectableChange(){this.refreshColumnLayout()}handleStickyColumnChange(){this.refreshColumnLayout()}handleColumnWidthsChange(){this.stickyStyleCache.clear(),this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal")}handleRowsChange(t){this.innerRows=[...t],this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical")}handleSelectedChange(t){this.innerSelected=new Set(this.dedupeRowsByKey(t||[])),this.clearSelectionCache()}cleanUpVirtualCache(){this.cachedVirtualRows=null,this.cachedVirtualIndexKey="",this.cachedColumnOrder=null,this.lastColumnOrderKey=""}refreshColumnLayout(){this.cleanUpVirtualCache(),this.stickyStyleCache.clear(),this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal")}clearSelectionCache(){this.cachedIsAllChecked=void 0,this.lastSelectionKey=""}clearRowDerivedCache(){this.cleanUpVirtualCache(),this.clearSelectionCache()}handlePaginationChange(t){this.clearRowDerivedCache(),t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page,this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()))}componentWillLoad(){this.innerRows=[...this.rows||[]],this.innerSelected=new Set(this.dedupeRowsByKey(this.selected||[])),this.columnWidths=this.getColumnWidths(this.columns||[]),this.pagination?.page&&(this.currentPage=this.pagination.page)}componentDidLoad(){i((()=>{const t=this.el.querySelector(".sd-table__middle");t&&(this.onScroll=()=>{const e=t.scrollLeft,s=t.scrollTop,i=this.useVirtualScroll.vertical&&this.scrollTopPosition!==s,a=this.useVirtualScroll.horizontal&&this.scrollLeftPosition!==e,l=e>0,d=e+t.clientWidth<t.scrollWidth;this.scrolledLeft===l&&this.scrolledRight===d||(this.scrolledLeft=l,this.scrolledRight=d),(i||a)&&(null!==this.scrollRequestAnimationFrame&&cancelAnimationFrame(this.scrollRequestAnimationFrame),this.scrollRequestAnimationFrame=requestAnimationFrame((()=>{i&&(this.scrollTopPosition=s,this.calculateVisibleRange()),a&&(this.scrollLeftPosition=e,this.calculateVisibleColumnRange()),this.scrollRequestAnimationFrame=null})))},this.scrollContainer=t,requestAnimationFrame((()=>{this.scrollContainer&&this.onScroll&&(this.cachedContainerHeight=this.scrollContainer.clientHeight,this.cachedContainerWidth=this.scrollContainer.clientWidth,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.startResizeObserver(),this.useVirtualScroll.vertical&&this.calculateVisibleRange(),this.useVirtualScroll.horizontal&&this.calculateVisibleColumnRange(),this.onScroll())})))}))}changePage(t){this.useInternalPagination?(this.currentPage=t,this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()),this.sdPageChange.emit(this.currentPage)):this.sdPageChange.emit(t)}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);const s=Number(t||0);let i=Math.max(1,Math.ceil(this.innerRows.length/s)),a=this.currentPage;a>i&&(a=i),this.pagination={page:a,rowsPerPage:s,lastPage:i},this.currentPage=a,this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()),this.sdRowsPerPageChange.emit(e)}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll),this.resizeObserver?.disconnect(),null!==this.scrollRequestAnimationFrame&&cancelAnimationFrame(this.scrollRequestAnimationFrame)}get tableColumns(){return this.columns||[]}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:t=this.rows.length}=this.pagination||{};return this.innerRows.slice((this.currentPage-1)*t,this.currentPage*t)}get virtualRows(){const t=`${this.useInternalPagination?`${this.currentPage}-${this.pagination?.rowsPerPage??"all"}`:"all"}-${this.innerRows.length}-${this.virtualStartIndex}-${this.virtualEndIndex}`;return this.cachedVirtualRows&&this.cachedVirtualIndexKey===t||(this.cachedVirtualIndexKey=t,this.cachedVirtualRows=this.useVirtualScroll.vertical?this.paginatedRows.slice(this.virtualStartIndex,this.virtualEndIndex+1).map(((t,e)=>({row:t,actualIndex:this.virtualStartIndex+e}))):this.paginatedRows.map(((t,e)=>({row:t,actualIndex:e})))),this.cachedVirtualRows}get topSpacerHeight(){return this.useVirtualScroll.vertical&&0!==this.virtualStartIndex?this.virtualStartIndex*this.virtualRowHeight:0}get bottomSpacerHeight(){if(!this.useVirtualScroll.vertical)return 0;const t=this.paginatedRows.length-this.virtualEndIndex-1;return t>0?t*this.virtualRowHeight:0}getHorizontalSpacerWidth(t){const{stickyLeftCount:e,stickyRightCount:s}=this.getNormalizedStickyCounts(),i=this.columnWidths.slice(e,this.tableColumns.length-s);return"right"===t&&i.length-this.virtualEndColIdx-1<=0?0:i.slice(..."left"===t?[0,this.virtualStartColIdx]:[this.virtualEndColIdx+1]).reduce(((t,e)=>t+e),0)}get leftSpacerWidth(){return this.useVirtualScroll.horizontal&&0!==this.virtualStartColIdx?this.getHorizontalSpacerWidth("left"):0}get rightSpacerWidth(){return this.useVirtualScroll.horizontal?this.getHorizontalSpacerWidth("right"):0}get totalVirtualHeight(){return this.useVirtualScroll.vertical?this.paginatedRows.length*this.virtualRowHeight:0}get lastPageNumber(){const{lastPage:t,rowsPerPage:e=this.rows.length}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",this.hasStickyColumn&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}get hasStickyColumn(){const{stickyLeftCount:t,stickyRightCount:e}=this.getNormalizedStickyCounts();return this.selectable||t>0||e>0}get hasStickyLeftDataColumn(){return this.getNormalizedStickyCounts().stickyLeftCount>0}isRowSelected(t){return Array.from(this.innerSelected).some((e=>this.getRowKeyValue(e)===this.getRowKeyValue(t)))}updateRowSelect(t){const e=Array.from(this.innerSelected),s=this.isRowSelected(t)?e.filter((e=>this.getRowKeyValue(e)!==this.getRowKeyValue(t))):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(this.dedupeRowsByKey(s)),this.clearSelectionCache(),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)))}toggleSelectAll(t){const e=Array.from(this.innerSelected);if(t)this.innerSelected=new Set(this.dedupeRowsByKey([...e,...this.paginatedRows]));else{const t=new Set(this.paginatedRows.map((t=>this.getRowKeyValue(t))));this.innerSelected=new Set(e.filter((e=>!t.has(this.getRowKeyValue(e)))))}this.clearSelectionCache(),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const t=`${this.paginatedRows.map((t=>String(this.getRowKeyValue(t)))).join("|")}::${Array.from(this.innerSelected).map((t=>String(this.getRowKeyValue(t)))).sort().join("|")}`;if(void 0!==this.cachedIsAllChecked&&this.lastSelectionKey===t)return this.cachedIsAllChecked;const e=this.paginatedRows.length,s=this.paginatedRows.filter((t=>Array.from(this.innerSelected).some((e=>this.getRowKeyValue(e)===this.getRowKeyValue(t))))).length;let i;return i=0!==s&&(s===e||null),this.cachedIsAllChecked=i,this.lastSelectionKey=t,i}scheduleUpdate(t){this.pendingUpdates[t]=!0,this.rafScheduled||(this.rafScheduled=!0,this.scrollRequestAnimationFrame=requestAnimationFrame((()=>{this.pendingUpdates.vertical&&this.calculateVisibleRange(),this.pendingUpdates.horizontal&&this.calculateVisibleColumnRange(),this.pendingUpdates={vertical:!1,horizontal:!1},this.rafScheduled=!1,this.scrollRequestAnimationFrame=null})))}calculateVisibleRange(){if(!this.useVirtualScroll.vertical)return this.virtualStartIndex=0,void(this.virtualEndIndex=this.paginatedRows.length-1);const t=this.scrollTopPosition;let e=this.cachedContainerHeight;0===e&&this.scrollContainer&&(e=this.scrollContainer.clientHeight,this.cachedContainerHeight=e);const s=this.virtualBufferSize.vertical||5,i=Math.floor(t/this.virtualRowHeight),a=i+Math.ceil(e/this.virtualRowHeight)-1,l=Math.max(0,i-s),d=Math.min(this.paginatedRows.length-1,a+s);this.virtualStartIndex===l&&this.virtualEndIndex===d||(this.virtualStartIndex=l,this.virtualEndIndex=d)}calculateVisibleColumnRange(){if(!this.useVirtualScroll.horizontal)return this.virtualStartColIdx=0,void(this.virtualEndColIdx=this.tableColumns.length-1);const t=this.scrollLeftPosition;let e=this.cachedContainerWidth;0===e&&this.scrollContainer&&(e=this.scrollContainer.clientWidth,this.cachedContainerWidth=e);const{stickyLeftCount:s,stickyRightCount:i}=this.getNormalizedStickyCounts(),a=this.tableColumns.slice(s,this.tableColumns.length-i);if(0===a.length)return this.virtualStartColIdx=0,void(this.virtualEndColIdx=0);const l=this.columnWidths.slice(0,s).reduce(((t,e)=>t+e),0)+(this.selectable?52:0),d=e-l-this.columnWidths.slice(this.tableColumns.length-i).reduce(((t,e)=>t+e),0),r=this.columnWidths.slice(s,this.tableColumns.length-i),h=Math.max(0,t-l),n=r.reduce(((t,e,s)=>(t.push((t[s-1]||0)+e),t)),[]);let o=0,c=a.length-1;for(let t=0;t<n.length;t++)if(n[t]>h){o=Math.max(0,t);break}const b=h+d;for(let t=o;t<n.length;t++)if(n[t]>=b){c=Math.min(a.length-1,t);break}const _=this.virtualBufferSize.horizontal||5,p=Math.max(0,o-_),u=Math.min(a.length-1,c+_);this.virtualStartColIdx===p&&this.virtualEndColIdx===u||(this.virtualStartColIdx=p,this.virtualEndColIdx=u)}getStickyStyle(t){if(this.stickyStyleCache.has(t))return this.stickyStyleCache.get(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this.selectable?52:0),{stickyRightCount:s}=this.getNormalizedStickyCounts(),i={"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${this.columnWidths.filter(((e,i)=>i>=this.tableColumns.length-s&&i>t)).reduce(((t,e)=>t+e),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`};return this.stickyStyleCache.set(t,i),i}startResizeObserver(){this.scrollContainer&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver?.disconnect(),this.resizeObserver=new ResizeObserver((()=>{if(!this.scrollContainer)return;const t=this.scrollContainer.clientHeight,e=this.scrollContainer.clientWidth,s=this.cachedContainerHeight!==t,i=this.cachedContainerWidth!==e;(s||i)&&(this.cachedContainerHeight=t,this.cachedContainerWidth=e,s&&this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical"),i&&this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal"))})),this.resizeObserver.observe(this.scrollContainer))}parseColumnWidth(t,e){if("number"==typeof t)return Number.isFinite(t)?t:e;if("string"!=typeof t)return e;const s=t.trim();return s&&(/^\d+(\.\d+)?px$/.test(s)||/^\d+(\.\d+)?$/.test(s))?Number.parseFloat(s):e}getColumnWidths(t=[]){const e=this.useVirtualScroll.horizontal?this.virtualColumnWidth:120;return t.map((t=>this.parseColumnWidth(t.width,e)))}getNormalizedStickyCounts(){const t=this.tableColumns.length,e=Number(this.stickyColumn?.left??0)||0,s=Number(this.stickyColumn?.right??0)||0,i=Math.min(t,Math.max(0,e));return{stickyLeftCount:i,stickyRightCount:Math.min(Math.max(0,t-i),Math.max(0,s))}}getRowKeyValue(t){return t?.[this.rowKey]}dedupeRowsByKey(t){const e=new Map;return t.forEach((t=>{e.set(this.getRowKeyValue(t),t)})),Array.from(e.values())}handleResize(t,e){if("undefined"==typeof document)return;const s=e.clientX,i=this.columnWidths[t],a=e=>{if(!this.columnWidths[t])return;const a=this.tableColumns[t],l=a?.minWidth||50,d=a?.maxWidth||9999,r=Math.min(Math.max(i+e.clientX-s,l),d);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?r:e))},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)}getCellValue(t,e){const{field:s,format:i,name:a}=t,l="function"==typeof s?s(e):s?e[s]:e[a];return i?i(l,e):l}getColumnRenderedInOrder(){const{stickyLeftCount:t,stickyRightCount:e}=this.getNormalizedStickyCounts(),s=`${this.tableColumns.map((t=>t.name)).join("|")}-${t}-${e}-${this.useVirtualScroll.horizontal?`${this.virtualStartColIdx}-${this.virtualEndColIdx}`:"all"}`;if(this.cachedColumnOrder&&this.lastColumnOrderKey===s)return this.cachedColumnOrder;const i=this.tableColumns.slice(0,t),a=this.tableColumns.slice(this.tableColumns.length-e),l=this.useVirtualScroll.horizontal?this.tableColumns.slice(t,this.tableColumns.length-e).slice(this.virtualStartColIdx,this.virtualEndColIdx+1):this.tableColumns.slice(t,this.tableColumns.length-e);return this.cachedColumnOrder={stickyLeftCount:t,stickyRightCount:e,stickyLeftCols:i,middleCols:l,stickyRightCols:a},this.lastColumnOrderKey=s,this.cachedColumnOrder}renderHead(){const{stickyLeftCount:t,stickyRightCount:e,stickyLeftCols:s,middleCols:i,stickyRightCols:l}=this.getColumnRenderedInOrder();return a("thead",null,a("tr",null,this.selectable&&a("th",{class:{"sd-th":!0,"sd-th--selected":!0,"sticky-left":!0,"sticky-left-edge":!this.hasStickyLeftDataColumn},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{value:this.isAllChecked,disabled:!this.paginatedRows.length,onSdUpdate:t=>this.toggleSelectAll(t.detail)})),s.map(((e,s)=>a("th",{key:e.name,class:{"sd-th":!0,[`${e.thClass}`]:Boolean(e.thClass),"sticky-left":!0,"sticky-left-edge":s===t-1},style:{...e.thStyle,...this.getStickyStyle(s)}},a("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},a("slot",{name:`header-cell-${e.name}`},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),this.renderSpacerTh("left"),i.map(((e,s)=>{const i=t+this.virtualStartColIdx+s;return a("th",{key:e.name,class:{"sd-th":!0,[`${e.thClass}`]:Boolean(e.thClass)},style:{...e.thStyle,...this.getStickyStyle(i)}},a("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},a("slot",{name:`header-cell-${e.name}`},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(i,t)}))})),this.renderSpacerTh("right"),l.map(((t,s)=>{const i=this.tableColumns.length-e+s;return a("th",{key:t.name,class:{"sd-th":!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-right":!0,"sticky-right-edge":0===s},style:{...t.thStyle,...this.getStickyStyle(i)}},a("div",{class:`sd-th__content sd-th__content--${t.align||"left"}`},a("slot",{name:`header-cell-${t.name}`},a("div",{class:"sd-th__content--label"},t.label)),t.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&a("sd-tooltip",{...t.tooltipOptions},a("div",{slot:"content"},t.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(i,t)}))}))))}renderBody(){return a("tbody",{...!this.paginatedRows.length&&{part:"tbody-empty"},class:"sd-table-tbody "+(this.useVirtualScroll.vertical?"sd-table-tbody--virtual-scroll":""),style:{"--total-virtual-height":`${this.totalVirtualHeight}px`}},this.useVirtualScroll.vertical&&this.topSpacerHeight>0&&this.renderSpacerRow("top"),this.paginatedRows.length>0&&this.virtualRows.map((({row:t,actualIndex:e})=>this.renderRow(t,e))),this.useVirtualScroll.vertical&&this.bottomSpacerHeight>0&&this.renderSpacerRow("bottom"))}renderRow(t,e){const{stickyLeftCount:s,stickyRightCount:i,stickyLeftCols:l,middleCols:d,stickyRightCols:r}=this.getColumnRenderedInOrder();return a("tr",{key:t[this.rowKey],class:"hover:bg-Grey_Lighten-6",style:this.useVirtualScroll.vertical?{height:`${this.virtualRowHeight}px`}:{}},this.selectable&&a("td",{class:{"sd-td":!0,"sd-td--selected":!0,"sticky-left":!0,"sticky-left-edge":!this.hasStickyLeftDataColumn},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{value:this.isRowSelected(t),disabled:!this.paginatedRows.length,onSdUpdate:()=>this.updateRowSelect(t)})),l.map(((i,l)=>a("td",{key:i.name,part:`td-${i.name}`,class:{"sd-td":!0,[`sd-td--${i.align||"left"}`]:!0,"sticky-left":!0,"sticky-left-edge":l===s-1,[`${i.tdClass}`]:Boolean(i.tdClass)},style:this.getStickyStyle(l)},a("slot",{name:`body-cell-${i.name}-${e}`},this.getCellValue(i,t))))),this.renderSpacerTd("left",e),d.map(((i,l)=>{const d=s+this.virtualStartColIdx+l;return a("td",{key:i.name,part:`td-${i.name}`,class:{"sd-td":!0,[`sd-td--${i.align||"left"}`]:!0,[`${i.tdClass}`]:Boolean(i.tdClass)},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${i.name}-${e}`},this.getCellValue(i,t)))})),this.renderSpacerTd("right",e),r.map(((s,l)=>{const d=this.tableColumns.length-i+l;return a("td",{key:s.name,part:`td-${s.name}`,class:{"sd-td":!0,[`sd-td--${s.align||"left"}`]:!0,"sticky-right":!0,"sticky-right-edge":0===l,[`${s.tdClass}`]:Boolean(s.tdClass)},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${s.name}-${e}`},this.getCellValue(s,t)))})))}renderSpacerRow(t){return a("tr",{key:`virtual-${t}-spacer`,class:"sd-table__virtual-row-spacer",style:{height:`${"top"===t?this.topSpacerHeight:this.bottomSpacerHeight}px`},"aria-hidden":"true"},a("td",{colSpan:this.tableColumns.length+(this.selectable?1:0)},a("div",{class:"sd-table__skeleton",style:{"--row-height":`${this.virtualRowHeight}px`}})))}getSpacerCellStyle(t){return{width:`${t}px`,minWidth:`${t}px`,maxWidth:`${t}px`,padding:"0",border:"none"}}renderSpacerTh(t){return("left"===t?this.useVirtualScroll.horizontal&&this.leftSpacerWidth>0:this.useVirtualScroll.horizontal&&this.rightSpacerWidth>0)?a("th",{key:`virtual-${t}-spacer-header`,class:"sd-table__virtual-spacer",style:this.getSpacerCellStyle("left"===t?this.leftSpacerWidth:this.rightSpacerWidth),"aria-hidden":"true"},a("div",{class:"sd-table__skeleton-cell"})):null}renderSpacerTd(t,e){return("left"===t?this.useVirtualScroll.horizontal&&this.leftSpacerWidth>0:this.useVirtualScroll.horizontal&&this.rightSpacerWidth>0)?a("td",{key:`virtual-${t}-spacer-${e}`,class:"sd-table__virtual-spacer",style:this.getSpacerCellStyle("left"===t?this.leftSpacerWidth:this.rightSpacerWidth),"aria-hidden":"true"},a("div",{class:"sd-table__skeleton-cell"})):null}render(){return a(l,{key:"cc7236bc2511f0b7c6bd31610e005c558e4dda81"},a("div",{key:"c78feb1d4ba89c8340660405598c8892d660078d",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"e127e5e51cfa1b930a79d031ff4fbffac3cf8b69",class:"sd-table__container",style:{"--table-container-height":`calc(${this.height} - ${this.pagination&&this.innerRows.length>0?48:0}px)`}},a("div",{key:"ea47affe622b7f7c98b9c044db73f275a9c7b8ba",class:{"sd-table__middle":!0,"sd-table__middle--scrollable":this.paginatedRows.length>0,"sd-table__middle--loading":this.isLoading}},this.isLoading&&a("div",{key:"52c9d3a0b83bf786980cb6561b39234d3f1697ad",class:"sd-table__middle--loading__spinner"},a("sd-loading-spinner",{key:"60d8f10a4f35e509969190ab23713057f9fb1efb"})),a("table",{key:"fd25840b4aeddd456d97c7397541da58c8d0aed9",part:"table",class:this.sdTableClasses},this.renderHead(),this.renderBody())),!this.paginatedRows.length&&a("div",{key:"5d1ed19126eb328a78ff50e701392b0d18208030",class:"sd-table__bottom"},a("div",{key:"e3cc512088e0bf7f6ec9699c1ce948910d621e45",class:"sd-table__no-data"},a("slot",{key:"a5285e5d607a66a6e9f7993c6a82dc9bd6d53a08",name:"no-data"},this.noDataLabel)))),this.pagination&&this.innerRows.length>0&&a("div",{key:"1a57bf7960624ebfd80005cd320d0d29ed7b6123",class:"sd-table__pagination"},a("sd-pagination",{key:"dbc457c10036556928c3503ef84b8bfc29849342",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select",{key:"6a0bdf472ed0dfca4c57725635c50bf1a375f11c",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdUpdate:t=>this.changeRowsPerPage(t.detail.value)}))))}static get watchers(){return{columns:[{handleColumnsChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],virtualColumnWidth:[{handleVirtualColumnWidthChange:0}],selectable:[{handleSelectableChange:0}],stickyColumn:[{handleStickyColumnChange:0}],columnWidths:[{handleColumnWidthsChange:0}],rows:[{handleRowsChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}};d.style='.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);display:flex;flex-direction:column;position:relative;border:1px solid #E1E1E1;border-radius:8px;font-size:12px;overflow:hidden;background:#FFFFFF}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label{position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label:before,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#F5FAFF;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#F5FAFF}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left 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:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right 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:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #E1E1E1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #E1E1E1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;translate:0 -10%;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{font-size:12px;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #E1E1E1 calc(var(--row-height, 44px) - 1px), #E1E1E1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}';export{d as sd_table}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,h as r,F as s}from"./p-DsU722JF.js";const c=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(s,{key:"1097b68c59997cb041057ff7b77330275c52f7c7"},r("div",{key:"a6eb3be04f9bcad7f712c0f28ff9750ebfd5697a",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"c2b5ae153d520f4078bb6e7ab4cd41f83eb32ad3"})))}};c.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{c as sd_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,F as s,c as i,g as n}from"./p-DsU722JF.js";import{r as o}from"./p-BxPyZJaz.js";import{B as a}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";import{n as l}from"./p-CCwNgVmC.js";const d=class{constructor(e){t(this,e)}color="#0075ff";get resolvedColor(){return o(this.color)}render(){return e(s,{key:"a86933f554042c2d4b18836d37bb762d17080202"},e("svg",{key:"d0f301366f4b28855bf609dc048fdc7d76fd0433",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},e("circle",{key:"64068446f4a6ec1892a00ca92da7a3f1f566891c",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};d.style="sd-loading-spinner{display:inline-flex;width:fit-content;height:fit-content;align-items:center}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";const h={1:26,2:36,3:42,4:50,5:58},p=10,c=class{constructor(e){t(this,e),this.pageChange=i(this,"sdPageChange",7)}currentPage=1;lastPage=1;simple=!1;pageChange;get paginationClasses(){const t=["sd-pagination"];return this.simple&&t.push("sd-pagination--simple"),t.join(" ")}get pageNumbers(){const t=Math.floor((this.currentPage-1)/p)*p+1,e=Math.min(t+p-1,this.lastPage);return Array.from({length:e-t+1},((e,s)=>t+s))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return h[t]||h[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const e=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(e)}get isFirstGroup(){return this.currentPage<=p}get isLastGroup(){return Math.floor((this.currentPage-1)/p)*p+1+p-1>=this.lastPage}renderPrevButtons(){return this.simple?this.currentPage<=1?null:e(s,null,e("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},e("sd-icon",{name:"chevronLeftEnd",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},e("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:e(s,null,e("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},e("sd-icon",{name:"chevronLeftEnd",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},e("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:e(s,null,e("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},e("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},e("sd-icon",{name:"chevronRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:e(s,null,e("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},e("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},e("sd-icon",{name:"chevronRightEnd",size:"12",color:"#222222"})))}render(){return e("div",{key:"910b6487f1d2b5581116a19e4bdf4514fe961922",class:this.paginationClasses},e("div",{key:"1109809ea6c19088617f3ed4e3c878e60071084f",class:"prepend-btns"},this.renderPrevButtons()),this.simple?e("div",{class:"pagination-info"},e("span",{class:"current-page"},this.currentPage),e("span",null,"/"),e("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>e("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"pagination-btn":!0,"pagination-btn--selected":this.currentPage===t},disabled:this.currentPage===t,style:{"--pagination-btn-width":`${this.buttonWidth}px`},onClick:()=>this.handlePageChange(t)},t))),e("div",{key:"10a0645cba99193a64fbe1f2df90bef9b19da8d5",class:"append-btns"},this.renderNextButtons()))}};c.style=".sd-pagination{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;color:#555555;width:100%;font-size:12px}.sd-pagination .prepend-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .prepend-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .prepend-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .append-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .append-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .append-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;outline:none;border:none;cursor:pointer;height:26px;color:#555555;width:var(--pagination-btn-width, 26px)}.sd-pagination .pagination-btn--selected{background-color:#006AC1;color:white}.sd-pagination .pagination-btn:hover{border:1px solid #006AC1}.sd-pagination--simple .pagination-info{line-height:26px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.sd-pagination--simple .pagination-info .current-page,.sd-pagination--simple .pagination-info .last-page{padding:0 2px}";const g=class extends a{constructor(e){super(),t(this,e),this.update=i(this,"sdUpdate",7),this.dropDownShow=i(this,"sdDropDownShow",7)}get el(){return n(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=l();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 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.value=s.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((t=>t.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=t=>{const{option:e,event:s}=t;if(s.stopPropagation(),!e.disabled){this.value=e.value,this.isOpen=!1;const t=this.getSelectedOption();this.update?.emit({value:t?.value||null,option:t||null})}};render(){return e("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:t=>this.formField=t},e("div",{key:"148f21e1a19cf4f4b9e61b4192d631d85dbc57a4",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return e("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:t=>this.triggerRef=t},e("span",{class:"sd-select__value"},t?t.label:this.placeholder),this.clearable&&t&&!this.disabled&&e("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),e("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 t=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return e("sd-portal",{open:this.isOpen,parentRef:t,onSdClose:this.closeDropdown},e("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:t})=>this.handleOptionClick(t),onSdOptionFiltered:({detail:t})=>this.filteredOptions=t}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};g.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}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{d as sd_loading_spinner,c as sd_pagination,g as sd_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c,g as d,h as s}from"./p-DsU722JF.js";var h={fontWeight:"400",fontSize:"12",lineHeight:"20"},o={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},b={bg:{default:"#0075FF"},icon:{default:"#FFFFFF",disabled:"#BBBBBB"}};const i={size:"16",radius:"2",borderWidth:"1",gap:"8",iconSize:"12"},r={fontSize:h.fontSize,lineHeight:h.lineHeight,fontWeight:h.fontWeight},a={unchecked:{bg:o.bg.default,bgHover:o.bg.hover,border:o.border.default,borderHover:o.border.hover},checked:{bg:b.bg.default,icon:b.icon.default,iconDisabled:b.icon.disabled},label:{default:"#222222"}.default,disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled}},t=class{constructor(d){e(this,d),this.update=c(this,"sdUpdate",7)}get el(){return d(this)}value;val;disabled=!1;label="";isChecked=!1;hasWarnedMissingVal=!1;inputEl;update;componentWillLoad(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val),this.inputEl&&(this.inputEl.indeterminate=null===this.isChecked)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0!==this.val||this.hasWarnedMissingVal||(console.warn('A "val" property is required when using an array for the "value" property.'),this.hasWarnedMissingVal=!0);const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=!this.isChecked;this.value=e,this.update.emit(e)};render(){return s("label",{key:"b343ac293abfb6a7834cccc597cd30e56e3a161c",class:this.checkboxClasses,style:{"--sd-checkbox-size":`${i.size}px`,"--sd-checkbox-radius":`${i.radius}px`,"--sd-checkbox-border-width":`${i.borderWidth}px`,"--sd-checkbox-gap":`${i.gap}px`,"--sd-checkbox-font-size":`${r.fontSize}px`,"--sd-checkbox-line-height":`${r.lineHeight}px`,"--sd-checkbox-font-weight":r.fontWeight,"--sd-checkbox-unchecked-bg":a.unchecked.bg,"--sd-checkbox-unchecked-bg-hover":a.unchecked.bgHover,"--sd-checkbox-unchecked-border":a.unchecked.border,"--sd-checkbox-unchecked-border-hover":a.unchecked.borderHover,"--sd-checkbox-checked-bg":a.checked.bg,"--sd-checkbox-label-color":a.label,"--sd-checkbox-disabled-bg":a.disabled.bg,"--sd-checkbox-disabled-border":a.disabled.border}},s("input",{key:"89d3c5ec214af16680f2111e5e85fcb228ff2223",type:"checkbox",ref:e=>{this.inputEl=e},value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.val?.toString()||"checkbox","aria-label":this.label||"checkbox","aria-checked":null===this.isChecked?"mixed":this.isChecked?"true":"false","aria-disabled":this.disabled?"true":"false"}),s("div",{key:"8eef48a269cbbf8c479d60a53996b09cc4aa8f20",class:"sd-checkbox__bg"},!1!==this.isChecked?s("sd-icon",{name:!0===this.isChecked?"check":"minus",size:Number(i.iconSize),color:this.disabled?a.checked.iconDisabled:a.checked.icon}):null),this.label&&s("span",{key:"43bf36ec3a3890f68ef699dbb73b48eb6a98451d",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}};t.style="sd-checkbox{display:block;height:var(--sd-checkbox-line-height);line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-checkbox-gap);height:var(--sd-checkbox-line-height);max-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-checkbox .sd-checkbox>input:focus-visible+.sd-checkbox__bg{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-checkbox-checked-bg);outline:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border-color:var(--sd-checkbox-unchecked-border-hover);background:var(--sd-checkbox-unchecked-bg-hover)}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border-color:transparent;background:var(--sd-checkbox-disabled-bg)}sd-checkbox .sd-checkbox__bg{width:var(--sd-checkbox-size);height:var(--sd-checkbox-size);border-radius:var(--sd-checkbox-radius);border:var(--sd-checkbox-border-width) solid var(--sd-checkbox-unchecked-border);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{font-size:var(--sd-checkbox-font-size);font-weight:var(--sd-checkbox-font-weight);color:var(--sd-checkbox-label-color);line-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border-color:var(--sd-checkbox-checked-bg);background:var(--sd-checkbox-checked-bg)}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:var(--sd-checkbox-unchecked-bg)}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}";export{t as sd_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as s,g as t,h as i}from"./p-DsU722JF.js";import{n as a}from"./p-CCwNgVmC.js";import{D as d,a as h}from"./p-C4i826lM.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:"713640ad88e27954a12e75f8672032374f9effef",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,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:"6f4d6a4dabd3909c647ba9e8d672f1c97a4f50ff",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"06703672547b5a96b791eaacfbce4f7d23467e9c",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"74b099498b8cdf75038c5d3e4d81bd2f5ead9068",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-picker-calendar",{key:"6385470ab1578662f38c6bc4409b0010e55975a5",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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,g as t,h as s}from"./p-DsU722JF.js";var l={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const r={height:l.height,paddingX:l.paddingX,gap:l.gap,radius:l.radius,fontSize:l.typography.fontSize,lineHeight:l.typography.lineHeight,fontWeight:l.typography.fontWeight,iconSize:l.size.icon},o={text:l.text,icon:{default:"#888888",disabled:l.icon.disabled}},d=class{constructor(t){e(this,t),this.update=i(this,"sdUpdate",7),this.reject=i(this,"sdReject",7)}get el(){return t(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";addonLabel="";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?o.icon.disabled:o.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":`${r.fontSize}px`,"--sd-file-picker-line-height":`${r.lineHeight}px`,"--sd-file-picker-font-weight":r.fontWeight,"--sd-file-picker-padding-x":`${r.paddingX}px`,"--sd-file-picker-gap":`${r.gap}px`,"--sd-file-picker-text-color":o.text.default,"--sd-file-picker-placeholder-color":o.text.placeholder,"--sd-file-picker-disabled-color":o.text.disabled,"--sd-system-size-field-sm-height":`${r.height}px`,"--sd-system-radius-field-sm":`${r.radius}px`},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{name:"attachFile",size:Number(r.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{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,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}};d.style="sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}";export{d as sd_file_picker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,g as s,h as e}from"./p-DsU722JF.js";import{n as h}from"./p-CCwNgVmC.js";const o=class{constructor(s){t(this,s),this.update=i(this,"sdUpdate",7),this.dropDownShow=i(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return s(this)}name="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";addonLabel="";error=!1;hint="";errorMessage="";fieldName="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;triggerRef;closeAnimationTimer;internalName=h();watchIsOpen(t){this.focused=t,this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get displayText(){if(this.isMulti){if(!this.value||!Array.isArray(this.value))return"";if(this.emitValue){const t=this.flattenOptions(this.options);return this.value.map((i=>t.find((t=>t.value===i))?.label??"")).filter(Boolean).join(", ")}const t=this.value;return 0===t.length?"":t.map((t=>t.label)).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const s=Number.parseFloat(t);return Number.isFinite(s)?s:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=o.VIEWPORT_PADDING,s=o.PORTAL_OFFSET_Y,e=this.parsePixelValue(this.dropdownHeight,260),h=this.parsePixelValue(this.maxDropdownWidth,640),r=Math.max(window.innerHeight-t.bottom-i-s,0),n=Math.max(t.top-i-s,0),a=Math.max(r,n),l=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(e,a)}px`,this.resolvedMaxDropdownWidth=`${Math.min(h,l)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const s of i){if(s.value===t)return s;if(s.children){const i=this.findOriginalOption(t,s.children);if(i)return i}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),o.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints(),this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{const{option:i,leaves:s}=t;if(this.isMulti)this.handleMultiSelect(i,s);else{this.closeDropdown(),this.value=this.emitValue?i.value:i;const t=this.value;requestAnimationFrame((()=>{this.emitUpdate(t)}))}};handleMultiSelect(t,i){const s=this.getSelectedOptions();let e;if(t.children)if(i.every((t=>s.some((i=>i.value===t.value))))){const t=new Set(i.map((t=>t.value)));e=s.filter((i=>!t.has(i.value)))}else{const t=new Set(s.map((t=>t.value))),h=i.filter((i=>!t.has(i.value)));e=[...s,...h]}else e=s.some((i=>i.value===t.value))?s.filter((i=>i.value!==t.value)):[...s,t];this.value=this.toMultiValue(e),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:o.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return e("sd-field",{key:"3bce41792a627708e9a947649106fdeaf63bf12f",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,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},e("div",{key:"994150030e4e7d87650de8dc8fd7b44d57c3b62b",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"ff1d052c318bdec6d870bcc707fc33e40bc41f9c",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&e("sd-portal",{key:"0a1214c3f2fcc6c34afa2f5168c64edb305048ea",...t},e("sd-select-v2-listbox",{key:"c3888dbe740611633a95ef8b58024bdfa558f15b",name:this.name,options:this.options,value:this.value,emitValue:this.emitValue,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};o.style="sd-select-v2{display:inline-flex}sd-select-v2 sd-portal{display:none}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}";export{o as sd_select_v2}
|