@sellmate/design-system 1.32.0 → 1.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component.field-C7it8cZm.js → component.field-TjxaMQMn.js} +8 -6
- package/dist/cjs/{component.listItem-cAO_ppOz.js → component.listItem-CfZSDrA7.js} +4 -2
- package/dist/cjs/{component.textinput-Bb-nU5xI.js → component.textinput-BTgbHS8t.js} +2 -1
- package/dist/cjs/design-system.cjs.js +2 -2
- package/dist/cjs/{index-Cg7X15Hq.js → index-PIjvNamO.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/sd-action-modal.cjs.entry.js +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +1 -1
- package/dist/cjs/sd-barcode-input.cjs.entry.js +2 -2
- package/dist/cjs/sd-button_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-calendar_2.cjs.entry.js +4 -4
- package/dist/cjs/sd-callout.cjs.entry.js +1 -1
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- package/dist/cjs/sd-checkbox.cjs.entry.js +5 -3
- package/dist/cjs/sd-chip-input.cjs.entry.js +4 -3
- package/dist/cjs/sd-chip.cjs.entry.js +1 -1
- package/dist/cjs/sd-circle-progress.cjs.entry.js +1 -1
- package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
- package/dist/cjs/{sd-date-picker.config-CgyNxY03.js → sd-date-picker.config-CvdiwEii.js} +7 -5
- package/dist/cjs/sd-date-picker_8.cjs.entry.js +25 -24
- package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +4 -4
- package/dist/cjs/sd-divider.cjs.entry.js +2 -2
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-expansion-item.cjs.entry.js +68 -0
- package/dist/cjs/sd-field_3.cjs.entry.js +21 -14
- package/dist/cjs/sd-form.cjs.entry.js +1 -1
- package/dist/cjs/sd-ghost-button_3.cjs.entry.js +1 -1
- package/dist/cjs/sd-guide.cjs.entry.js +3 -2
- package/dist/cjs/sd-key-value-table.cjs.entry.js +1 -1
- package/dist/cjs/sd-linear-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-loading-container.cjs.entry.js +3 -3
- package/dist/cjs/sd-modal-container.cjs.entry.js +1 -1
- package/dist/cjs/sd-pagination.cjs.entry.js +4 -4
- package/dist/cjs/sd-popover.cjs.entry.js +7 -7
- package/dist/cjs/sd-popup.cjs.entry.js +2 -2
- package/dist/cjs/sd-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio.cjs.entry.js +5 -3
- package/dist/cjs/sd-scroll-area.cjs.entry.js +3 -3
- package/dist/cjs/sd-select-list-item_4.cjs.entry.js +14 -13
- package/dist/cjs/sd-stepper.cjs.entry.js +2 -2
- package/dist/cjs/sd-switch.cjs.entry.js +4 -4
- package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
- package/dist/cjs/sd-text-link.cjs.entry.js +4 -4
- package/dist/cjs/sd-time-picker-selector.cjs.entry.js +4 -4
- package/dist/cjs/sd-time-picker-trigger.cjs.entry.js +5 -5
- package/dist/cjs/sd-time-picker.cjs.entry.js +5 -5
- package/dist/cjs/{sd-time-picker.config-C7REB08L.js → sd-time-picker.config-BR3hVQiH.js} +28 -29
- package/dist/cjs/sd-time-range-picker-selector.cjs.entry.js +4 -4
- package/dist/cjs/sd-time-range-picker.cjs.entry.js +5 -5
- 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 +2 -2
- package/dist/cjs/{tooltipArrow-CZff77W-.js → tooltipArrow-BUV7X2B8.js} +1 -1
- package/dist/cjs/{useDatePicker-j06ymWZ_.js → useDatePicker-D4fa6SZx.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/sd-divider/sd-divider.js +1 -1
- package/dist/collection/components/sd-expansion-item/sd-expansion-item.config.js +2 -0
- package/dist/collection/components/sd-expansion-item/sd-expansion-item.css +61 -0
- package/dist/collection/components/sd-expansion-item/sd-expansion-item.js +201 -0
- package/dist/collection/components/sd-field/sd-field.css +8 -0
- package/dist/collection/components/sd-field/sd-field.js +16 -9
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +6 -6
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
- package/dist/collection/components/sd-input/sd-input.js +2 -2
- package/dist/collection/components/sd-linear-progress/sd-linear-progress.js +1 -1
- package/dist/collection/components/sd-loading-container/sd-loading-container.js +2 -2
- package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +1 -1
- package/dist/collection/components/sd-number-input/sd-number-input.js +4 -4
- package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
- package/dist/collection/components/sd-popover/sd-popover.js +5 -5
- package/dist/collection/components/sd-popup/sd-popup.js +1 -1
- package/dist/collection/components/sd-scroll-area/sd-scroll-area.js +2 -2
- package/dist/collection/components/sd-select/sd-select-list-item/sd-select-list-item.js +2 -2
- package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.js +4 -4
- package/dist/collection/components/sd-select/sd-select-listbox/sd-select-listbox.js +2 -2
- package/dist/collection/components/sd-select/sd-select-trigger/sd-select-trigger.js +2 -2
- package/dist/collection/components/sd-select/sd-select.js +4 -4
- package/dist/collection/components/sd-stepper/sd-stepper.js +1 -1
- package/dist/collection/components/sd-switch/sd-switch.js +1 -1
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-text-link/sd-text-link.js +3 -3
- package/dist/collection/components/sd-textarea/sd-textarea.js +1 -1
- package/dist/collection/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.js +1 -1
- package/dist/collection/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.js +2 -2
- package/dist/collection/components/sd-time-picker/sd-time-picker.js +2 -2
- package/dist/collection/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.js +1 -1
- package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.js +2 -2
- 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.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DvlLDBO7.js → p-1ZYElZaM.js} +1 -1
- package/dist/components/p-7VzVE0oV.js +1 -0
- package/dist/components/{p-DtadjLky.js → p-B-DK72cc.js} +1 -1
- package/dist/components/{p-C1KeTx0Z.js → p-B7_BI_-L.js} +1 -1
- package/dist/components/{p-22hyxPno.js → p-B7fiz4d8.js} +1 -1
- package/dist/components/{p-BhLF3gGb.js → p-B7yWar7A.js} +1 -1
- package/dist/components/{p-DjKOoQuF.js → p-B9hmJn6D.js} +1 -1
- package/dist/components/{p-CikPzSw-.js → p-BD30POlo.js} +1 -1
- package/dist/components/{p-BBAwMOGx.js → p-BFBKrBpn.js} +1 -1
- package/dist/components/{p-CghFB91T.js → p-BPC5SuWU.js} +1 -1
- package/dist/components/{p-C0IFrSzM.js → p-BUNdqbhQ.js} +1 -1
- package/dist/components/{p-DONA7SlO.js → p-BnioPrIq.js} +1 -1
- package/dist/components/{p-BU1DclrU.js → p-Bq8PIS3p.js} +1 -1
- package/dist/components/p-Br8E2gpA.js +1 -0
- package/dist/components/{p-ETWwVYq6.js → p-BsNOZUfc.js} +1 -1
- package/dist/components/{p-CRDS2TOy.js → p-Bt0JuXIx.js} +1 -1
- package/dist/components/{p-BkyM9ded.js → p-C5P9PUI3.js} +1 -1
- package/dist/components/{p-sLMSwbXi.js → p-CLhUHKxg.js} +1 -1
- package/dist/components/{p-B6BgOB_-.js → p-CWXl1y4p.js} +1 -1
- package/dist/components/{p-CNNjhHTA.js → p-CZym_85X.js} +1 -1
- package/dist/components/{p-D0IDp-M3.js → p-CbffRIae.js} +1 -1
- package/dist/components/{p-DdYWQ4Z5.js → p-Cf3_sXLv.js} +1 -1
- package/dist/components/p-Cj1tlXCY.js +1 -0
- package/dist/components/{p-DApl37Qw.js → p-Cl_48yfz.js} +1 -1
- package/dist/components/{p-DGAzuK5C.js → p-CsBK3_Oz.js} +1 -1
- package/dist/components/{p-CdeywvU6.js → p-DI0Ozqgn.js} +1 -1
- package/dist/components/{p-BDULNyBw.js → p-DQi-e0ko.js} +1 -1
- package/dist/components/{p-DVdDYnTl.js → p-DWyPo9fo.js} +1 -1
- package/dist/components/{p-x9AWBHPy.js → p-D_XhV8nM.js} +1 -1
- package/dist/components/{p-BPzs63D8.js → p-DdvvWKaG.js} +1 -1
- package/dist/components/{p-D2oNz1s-.js → p-Do-jFKZ8.js} +1 -1
- package/dist/components/p-DoeAW35u.js +1 -0
- package/dist/components/{p--BJuy06e.js → p-Dq0k3GHj.js} +1 -1
- package/dist/components/{p-BoJ_gLp7.js → p-DrZYy9kv.js} +1 -1
- package/dist/components/{p-CBx8KWmu.js → p-GBy_9AmI.js} +1 -1
- package/dist/components/{p-irA7XFIS.js → p-Hh0L_XZ6.js} +1 -1
- package/dist/components/{p-7lGaExLM.js → p-MquwxbYp.js} +1 -1
- package/dist/components/{p-UFNg7rhE.js → p-YMr1C1Dx.js} +1 -1
- package/dist/components/{p-BI1iKxNN.js → p-hXul9Vdx.js} +1 -1
- package/dist/components/{p-BpTKv3vN.js → p-jbqIrDHw.js} +1 -1
- package/dist/components/{p-ISXxxDfX.js → p-n7Aqcaet.js} +1 -1
- package/dist/components/{p-DMm_GeZC.js → p-tH_3uKAX.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.js +1 -1
- package/dist/components/sd-calendar.js +1 -1
- package/dist/components/sd-callout.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-chip-input.js +1 -1
- package/dist/components/sd-chip.js +1 -1
- package/dist/components/sd-circle-progress.js +1 -1
- package/dist/components/sd-confirm-modal.js +1 -1
- package/dist/components/sd-date-box.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-divider.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-expansion-item.d.ts +11 -0
- package/dist/components/sd-expansion-item.js +1 -0
- 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-key-value-table.js +1 -1
- package/dist/components/sd-linear-progress.js +1 -1
- package/dist/components/sd-loading-container.js +1 -1
- package/dist/components/sd-loading-modal.js +1 -1
- 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-popup.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-radio-button.js +1 -1
- package/dist/components/sd-radio-group.js +1 -1
- package/dist/components/sd-radio.js +1 -1
- package/dist/components/sd-scroll-area.js +1 -1
- package/dist/components/sd-select-list-item-search.js +1 -1
- package/dist/components/sd-select-list-item.js +1 -1
- package/dist/components/sd-select-listbox.js +1 -1
- package/dist/components/sd-select-trigger.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-stepper.js +1 -1
- package/dist/components/sd-switch.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-text-link.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-time-picker-selector.js +1 -1
- package/dist/components/sd-time-picker-trigger.js +1 -1
- package/dist/components/sd-time-picker.js +1 -1
- package/dist/components/sd-time-range-picker-selector.js +1 -1
- package/dist/components/sd-time-range-picker.js +1 -1
- 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/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-BnUjeY2n.js → p--VkAQGHJ.js} +1 -1
- package/dist/design-system/{p-fc9577d9.entry.js → p-013bc087.entry.js} +1 -1
- package/dist/design-system/{p-a05f4888.entry.js → p-06dd824e.entry.js} +1 -1
- package/dist/design-system/{p-8ea038d7.entry.js → p-115023e4.entry.js} +1 -1
- package/dist/design-system/{p-9afada52.entry.js → p-11f0b27f.entry.js} +1 -1
- package/dist/design-system/{p-1c4ba7ae.entry.js → p-1226fe8a.entry.js} +1 -1
- package/dist/design-system/{p-c5eea64c.entry.js → p-151e6c9a.entry.js} +1 -1
- package/dist/design-system/{p-7837f8f8.entry.js → p-199eaf3b.entry.js} +1 -1
- package/dist/design-system/{p-3a2be559.entry.js → p-25bb7c8d.entry.js} +1 -1
- package/dist/design-system/{p-5b725381.entry.js → p-3874f72a.entry.js} +1 -1
- package/dist/design-system/{p-5d7820f7.entry.js → p-39d9250a.entry.js} +1 -1
- package/dist/design-system/{p-405cb160.entry.js → p-3cb1bd19.entry.js} +1 -1
- package/dist/design-system/p-3d1f8228.entry.js +1 -0
- package/dist/design-system/{p-aaa551fa.entry.js → p-409d9ad3.entry.js} +1 -1
- package/dist/design-system/{p-4d845113.entry.js → p-444bb9d8.entry.js} +1 -1
- package/dist/design-system/{p-39db3098.entry.js → p-4dd46ee3.entry.js} +1 -1
- package/dist/design-system/p-4e04d600.entry.js +1 -0
- package/dist/design-system/{p-703bb49a.entry.js → p-4edcb754.entry.js} +1 -1
- package/dist/design-system/{p-a81e4ae0.entry.js → p-5121075d.entry.js} +1 -1
- package/dist/design-system/{p-814ae5f1.entry.js → p-513e9cbd.entry.js} +1 -1
- package/dist/design-system/p-52cf9533.entry.js +1 -0
- package/dist/design-system/{p-94d4c093.entry.js → p-56c15038.entry.js} +1 -1
- package/dist/design-system/{p-5dd631fe.entry.js → p-6726cdf9.entry.js} +1 -1
- package/dist/design-system/{p-b90eaebd.entry.js → p-67f1f4da.entry.js} +1 -1
- package/dist/design-system/{p-34e8dda6.entry.js → p-697fe396.entry.js} +1 -1
- package/dist/design-system/{p-71e7031e.entry.js → p-6bd2918c.entry.js} +1 -1
- package/dist/design-system/{p-e72706ea.entry.js → p-6cc37004.entry.js} +1 -1
- package/dist/design-system/{p-9df0dd32.entry.js → p-7dbfbdc6.entry.js} +1 -1
- package/dist/design-system/{p-937a30af.entry.js → p-909740d3.entry.js} +1 -1
- package/dist/design-system/{p-adc218f5.entry.js → p-91b33f8c.entry.js} +1 -1
- package/dist/design-system/{p-e16725f7.entry.js → p-94e8016a.entry.js} +1 -1
- package/dist/design-system/{p-c906d22d.entry.js → p-9a75c827.entry.js} +1 -1
- package/dist/design-system/{p-c5263a22.entry.js → p-9bdc1024.entry.js} +1 -1
- package/dist/design-system/{p-DjKOoQuF.js → p-B9hmJn6D.js} +1 -1
- package/dist/design-system/{p-Dz23PPdF.js → p-Bc1bqF3P.js} +1 -1
- package/dist/design-system/p-YU6oWX32.js +2 -0
- package/dist/design-system/{p-8804e3f3.entry.js → p-a4063e6e.entry.js} +1 -1
- package/dist/design-system/{p-456479cc.entry.js → p-a6ad7139.entry.js} +1 -1
- package/dist/design-system/{p-2e76157e.entry.js → p-a8dc243c.entry.js} +1 -1
- package/dist/design-system/{p-5761352f.entry.js → p-c0b77a96.entry.js} +1 -1
- package/dist/design-system/{p-2a36028d.entry.js → p-d2fd5d5a.entry.js} +1 -1
- package/dist/design-system/{p-e4096b72.entry.js → p-d346f5bf.entry.js} +1 -1
- package/dist/design-system/{p-0cdd05eb.entry.js → p-d3f6262e.entry.js} +1 -1
- package/dist/design-system/{p-370b820e.entry.js → p-d52ed5b8.entry.js} +1 -1
- package/dist/design-system/{p-b7e913e7.entry.js → p-e722acec.entry.js} +1 -1
- package/dist/design-system/{p-66e3fba3.entry.js → p-f3b1e6d4.entry.js} +1 -1
- package/dist/design-system/{p-fb01f963.entry.js → p-f77ca71d.entry.js} +1 -1
- package/dist/design-system/{p-6a5540d8.entry.js → p-fc5cf632.entry.js} +1 -1
- package/dist/design-system/{p-defe65db.entry.js → p-fd73281c.entry.js} +1 -1
- package/dist/design-system/{p-CHijmX_D.js → p-qK7MPoKS.js} +1 -1
- package/dist/design-system/{p-DMm_GeZC.js → p-tH_3uKAX.js} +1 -1
- package/dist/esm/{component.field-DjKOoQuF.js → component.field-B9hmJn6D.js} +8 -6
- package/dist/esm/{component.listItem-4S0_Ykmo.js → component.listItem-DgXp5DEl.js} +4 -2
- package/dist/esm/{component.textinput-e0ABNkP6.js → component.textinput-BqZ8dpm7.js} +2 -1
- package/dist/esm/design-system.js +3 -3
- package/dist/esm/{index-CdvQqvIe.js → index-YU6oWX32.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/sd-action-modal.entry.js +1 -1
- package/dist/esm/sd-badge.entry.js +1 -1
- package/dist/esm/sd-barcode-input.entry.js +2 -2
- package/dist/esm/sd-button_2.entry.js +1 -1
- package/dist/esm/sd-calendar_2.entry.js +4 -4
- package/dist/esm/sd-callout.entry.js +1 -1
- package/dist/esm/sd-card.entry.js +1 -1
- package/dist/esm/sd-checkbox.entry.js +5 -3
- package/dist/esm/sd-chip-input.entry.js +4 -3
- package/dist/esm/sd-chip.entry.js +1 -1
- package/dist/esm/sd-circle-progress.entry.js +1 -1
- package/dist/esm/sd-confirm-modal_2.entry.js +2 -2
- package/dist/esm/sd-date-box.entry.js +1 -1
- package/dist/esm/{sd-date-picker.config-CdXJcOGr.js → sd-date-picker.config-ab8NXZUc.js} +7 -5
- package/dist/esm/sd-date-picker_8.entry.js +25 -24
- package/dist/esm/sd-date-range-picker-calendar.entry.js +4 -4
- package/dist/esm/sd-divider.entry.js +2 -2
- package/dist/esm/sd-dropdown-button.entry.js +1 -1
- package/dist/esm/sd-expansion-item.entry.js +66 -0
- package/dist/esm/sd-field_3.entry.js +21 -14
- package/dist/esm/sd-form.entry.js +1 -1
- package/dist/esm/sd-ghost-button_3.entry.js +1 -1
- package/dist/esm/sd-guide.entry.js +3 -2
- package/dist/esm/sd-key-value-table.entry.js +1 -1
- package/dist/esm/sd-linear-progress.entry.js +2 -2
- package/dist/esm/sd-loading-container.entry.js +3 -3
- package/dist/esm/sd-modal-container.entry.js +1 -1
- package/dist/esm/sd-pagination.entry.js +4 -4
- package/dist/esm/sd-popover.entry.js +7 -7
- package/dist/esm/sd-popup.entry.js +2 -2
- package/dist/esm/sd-radio-button.entry.js +1 -1
- package/dist/esm/sd-radio.entry.js +5 -3
- package/dist/esm/sd-scroll-area.entry.js +3 -3
- package/dist/esm/sd-select-list-item_4.entry.js +14 -13
- package/dist/esm/sd-stepper.entry.js +2 -2
- package/dist/esm/sd-switch.entry.js +4 -4
- package/dist/esm/sd-tabs.entry.js +2 -2
- package/dist/esm/sd-text-link.entry.js +4 -4
- package/dist/esm/sd-time-picker-selector.entry.js +4 -4
- package/dist/esm/sd-time-picker-trigger.entry.js +5 -5
- package/dist/esm/{sd-time-picker.config-DUq29Nhs.js → sd-time-picker.config-nR5BQAyT.js} +28 -29
- package/dist/esm/sd-time-picker.entry.js +5 -5
- package/dist/esm/sd-time-range-picker-selector.entry.js +4 -4
- package/dist/esm/sd-time-range-picker.entry.js +5 -5
- 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 +2 -2
- package/dist/esm/{tooltipArrow-BsQ__AbZ.js → tooltipArrow-D3op61Yf.js} +1 -1
- package/dist/esm/{useDatePicker-DQ5Kyy_D.js → useDatePicker-DFUnA3DH.js} +1 -1
- package/dist/types/components/sd-expansion-item/sd-expansion-item.config.d.ts +57 -0
- package/dist/types/components/sd-expansion-item/sd-expansion-item.d.ts +21 -0
- package/dist/types/components/sd-field/sd-field.d.ts +5 -1
- package/dist/types/components/sd-number-input/sd-number-input.config.d.ts +2 -2
- package/dist/types/components/sd-time-picker/sd-time-picker.config.d.ts +10 -3
- package/dist/types/components.d.ts +102 -2
- package/hydrate/index.js +227 -126
- package/hydrate/index.mjs +227 -126
- package/package.json +1 -1
- package/dist/components/p-Bk6mL1Ml.js +0 -1
- package/dist/components/p-C8x8VEb8.js +0 -1
- package/dist/components/p-bXzpfkfN.js +0 -1
- package/dist/components/p-vj3gimgB.js +0 -1
- package/dist/design-system/p-336cb0c1.entry.js +0 -1
- package/dist/design-system/p-97a059b0.entry.js +0 -1
- package/dist/design-system/p-CdvQqvIe.js +0 -2
- /package/dist/components/{p-e0ABNkP6.js → p-BqZ8dpm7.js} +0 -0
- /package/dist/components/{p-4S0_Ykmo.js → p-DgXp5DEl.js} +0 -0
- /package/dist/design-system/{p-e0ABNkP6.js → p-BqZ8dpm7.js} +0 -0
- /package/dist/design-system/{p-4S0_Ykmo.js → p-DgXp5DEl.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as n,d as i,t as a}from"./p-
|
|
1
|
+
import{p as t,H as e,h as n,d as i,t as a}from"./p-Br8E2gpA.js";import{d as s}from"./p-jbqIrDHw.js";var o={height:"20",paddingX:"8",gap:"4",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},d={height:"24",paddingX:"8",gap:"4",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},g={height:"28",paddingX:"12",gap:"6",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},r={content:"#FB4444",bg:"#FCEFEF"},c={content:"#FF6B00",bg:"#FEF1EA"},h={content:"#916C0D",bg:"#FFF7DD"},l={content:"#00973C",bg:"#E8F9EF"},p={content:"#0075FF",bg:"#E6F1FF"},u={content:"#006AC1",bg:"#EAF5FE"},f={content:"#004290",bg:"#EFF6FF"},b={content:"#737373",bg:"#EEEEEE"};const x=["xs","sm","md"],m=["grey","red","orange","yellow","green","blue","darkblue","indigo"],y={grey:{background:b.bg,content:b.content,icon:b.content},red:{background:r.bg,content:r.content,icon:r.content},orange:{background:c.bg,content:c.content,icon:c.content},yellow:{background:h.bg,content:h.content,icon:h.content},green:{background:l.bg,content:l.content,icon:l.content},blue:{background:p.bg,content:p.content,icon:p.content},darkblue:{background:u.bg,content:u.content,icon:u.content},indigo:{background:f.bg,content:f.content,icon:f.content}},F={xs:{height:`${o.height}px`,paddingX:`${o.paddingX}px`,gap:`${o.gap}px`,fontSize:`${o.typography.fontSize}px`,fontWeight:o.typography.fontWeight,lineHeight:`${o.typography.lineHeight}px`,iconSize:12,radius:`${o.radius}px`},sm:{height:`${d.height}px`,paddingX:`${d.paddingX}px`,gap:`${d.gap}px`,fontSize:`${d.typography.fontSize}px`,fontWeight:d.typography.fontWeight,lineHeight:`${d.typography.lineHeight}px`,iconSize:16,radius:`${d.radius}px`},md:{height:`${g.height}px`,paddingX:`${g.paddingX}px`,gap:`${g.gap}px`,fontSize:`${g.typography.fontSize}px`,fontWeight:g.typography.fontWeight,lineHeight:`${g.typography.lineHeight}px`,iconSize:16,radius:`${g.radius}px`}},$={xs:{...F.xs,radius:"999px"},sm:{...F.sm,radius:"999px"},md:{...F.md,radius:"999px"}},E=Object.fromEntries(["square","pill"].flatMap((t=>x.flatMap((e=>m.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?F[e]:$[e],...y[n]}]))))))),w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}name="square_sm_grey";label="";icon;iconLeft=!0;width="";componentWillLoad(){this.name=this.name??"square_sm_grey"}get resolvedName(){if(!Object.prototype.hasOwnProperty.call(E,this.name))throw new Error(`Invalid sd-tag name: "${this.name}"`);return this.name}get resolvedConfig(){return E[this.resolvedName]}renderIcon(t,e){return null==this.icon?null:n("sd-icon",{class:"sd-tag__icon",name:this.icon,size:e,color:t})}get resolvedWidth(){if(""!==this.width&&0!==this.width)return"number"==typeof this.width?`${this.width}px`:this.width}render(){const t=this.resolvedConfig,e=this.renderIcon(t.icon,t.iconSize),a=this.resolvedWidth;return n(i,{key:"9e893a8ec67d1baa12cdfe030d3ae15798666c0c",style:null!=a?{"--sd-tag-width":a}:void 0},n("span",{key:"fe6b05143032b33bec7cc95ce5355701e894d0ea",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.iconLeft&&e,n("span",{key:"9c4a07ac015672839dc5dda40d01609870979e04",class:"sd-tag__label"},this.label),this.icon&&!this.iconLeft&&e))}static get style(){return"sd-tag{display:inline-flex;width:var(--sd-tag-width, fit-content);height:fit-content}.sd-tag{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}"}},[512,"sd-tag",{name:[1],label:[1],icon:[1],iconLeft:[4,"icon-left"],width:[8]}]);function k(){"undefined"!=typeof customElements&&["sd-tag","sd-icon"].forEach((t=>{switch(t){case"sd-tag":customElements.get(a(t))||customElements.define(a(t),w);break;case"sd-icon":customElements.get(a(t))||s()}}))}export{w as S,k as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,c as d,h as n,t as r}from"./p-C8x8VEb8.js";import{u as t,t as l,W as s,C as c}from"./p-BPzs63D8.js";import{d as i}from"./p-DtadjLky.js";import{d as o}from"./p-BpTKv3vN.js";import{d as h}from"./p-irA7XFIS.js";import{d as g}from"./p-CNNjhHTA.js";const p=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7),this.viewChange=d(this,"sdViewChange",7)}value=null;selectable;events;elevated=!1;currentYear;currentMonth;update;viewChange;dateUtil=t();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const n=a.get(d)??[];n.push({color:e.color,label:e.label}),a.set(d,n)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const n=`${d.color}|${d.label}`;e.has(n)||(e.add(n),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||l,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),r=1===a?12:a-1,t=1===a?e-1:e,l=new Date(t,r,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,i=[];for(let e=d-1;e>=0;e--){const a=l-e;i.push({date:this.formatDate(t,r,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=n;d++)i.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-i.length%7)%7;for(let e=1;e<=o;e++)i.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return i}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||(this.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":c.bg,"--calendar-padding":`${c.paddingXY}px`,"--calendar-gap":`${c.gap}px`,"--calendar-radius":`${c.radius}px`,"--calendar-header-gap":`${c.header.gap}px`,"--calendar-header-divider":c.header.divider,"--calendar-header-font-size":`${c.header.fontSize}px`,"--calendar-header-line-height":`${c.header.lineHeight}px`,"--calendar-header-font-weight":c.header.fontWeight,"--calendar-week-font-size":`${c.week.fontSize}px`,"--calendar-week-line-height":`${c.week.lineHeight}px`,"--calendar-week-font-weight":c.week.fontWeight,"--calendar-week-color":c.week.color,"--calendar-grid-row-gap":`${c.grid.rowGap}px`,"--calendar-day-size":`${c.day.size}px`,"--calendar-day-circle-size":`${c.day.circleSize}px`,"--calendar-day-circle-radius":`${c.day.circleRadius}px`,"--calendar-day-text":c.day.defaultText,"--calendar-day-hover-text":c.day.hoverText,"--calendar-day-hover-border":c.day.hoverBorder,"--calendar-day-select-bg":c.day.selectBg,"--calendar-day-select-text":c.day.selectText,"--calendar-day-disabled-text":c.day.disabledText,"--calendar-day-font-size":`${c.day.fontSize}px`,"--calendar-day-line-height":`${c.day.lineHeight}px`,"--calendar-day-font-weight":c.day.fontWeight,"--calendar-day-bold-font-weight":c.day.boldFontWeight,"--calendar-day-dot-size":`${c.day.dot.size}px`,"--calendar-day-dot-gap":`${c.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${c.day.dot.paddingY}px`,"--calendar-legend-font-size":`${c.legend.fontSize}px`,"--calendar-legend-line-height":`${c.legend.lineHeight}px`,"--calendar-legend-font-weight":c.legend.fontWeight,"--calendar-legend-gap":`${c.legend.gap}px`,"--calendar-legend-group-gap":`${c.legend.groupGap}px`},a=this.eventMap,d=this.legendItems,r=(this.events?.length??0)>0;return n("div",{key:"e1e0c276ef6642e811b796d6840ea2ed8860e5ef",class:{"sd-calendar":!0,"sd-calendar--elevated":this.elevated},style:e},n("div",{key:"ed4cb4166fe14237a0291986caae6641f7075be7",class:"sd-calendar__header"},n("div",{key:"83fb71b32ca4adaf6e42eee2a069d64ed67e08a2",class:"sd-calendar__nav-group"},n("sd-ghost-button",{key:"35610f7ad609f1f694929355ab6aa363609d035f",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),n("span",{key:"413232de704c401ff38a02e9d5d05788e53d650e",class:"sd-calendar__label"},this.currentYear),n("sd-ghost-button",{key:"5d60b66064809edaf3505659cca23e70c0702f97",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),n("span",{key:"0d137eea005ac4ee7dd21075f3954b1259a43de1",class:"sd-calendar__divider","aria-hidden":"true"}),n("div",{key:"b66dc00192dfd111b3afe98d7ad0ebb775de264d",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},n("sd-ghost-button",{key:"9e0087e68fe1ec2ac7d36454e135f0cd5dac71ce",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),n("span",{key:"83ff452dd50105c7515143a6fae5b33da204a945",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),n("sd-ghost-button",{key:"abc04cedfd725eb5b87ab49d451e55ab727d8fad",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),n("div",{key:"e06706abdd90a500067b211dea6141a99c736be9",class:"sd-calendar__week"},s.map((e=>n("span",{key:e,class:"sd-calendar__week-cell"},e)))),n("div",{key:"11a86af0b5b297ad3cfe66e207f2e7a12e9bf869",class:"sd-calendar__grid"},this.cells.map((e=>{const d=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&l===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date),c=e.inCurrentMonth?a.get(e.date):void 0;return n("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":d,"sd-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},n("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),r&&n("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},c?.map(((e,a)=>n("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),d.length>0&&[n("span",{key:"d924bb7ce8ceb077cad4d35face238cbb6e39802",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),n("div",{key:"2738f49b64e7a45aee0f11eac96c98b811312ad6",class:"sd-calendar__legend"},d.map((e=>n("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},n("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),n("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);user-select:none}sd-calendar .sd-calendar--elevated{box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-calendar .sd-calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__day-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}"}},[512,"sd-calendar",{value:[1025],selectable:[16],events:[16],elevated:[4],currentYear:[32],currentMonth:[32]},void 0,{value:[{handleValueChange:0}]}]);function y(){"undefined"!=typeof customElements&&["sd-calendar","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(r(e))||customElements.define(r(e),p);break;case"sd-ghost-button":customElements.get(r(e))||i();break;case"sd-icon":customElements.get(r(e))||o();break;case"sd-portal":customElements.get(r(e))||h();break;case"sd-tag":customElements.get(r(e))||g()}}))}export{p as S,y as d}
|
|
1
|
+
import{p as e,H as a,c as d,h as n,t as r}from"./p-Br8E2gpA.js";import{u as t,t as l,W as s,C as c}from"./p-DdvvWKaG.js";import{d as i}from"./p-B-DK72cc.js";import{d as o}from"./p-jbqIrDHw.js";import{d as h}from"./p-Hh0L_XZ6.js";import{d as g}from"./p-CZym_85X.js";const p=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7),this.viewChange=d(this,"sdViewChange",7)}value=null;selectable;events;elevated=!1;currentYear;currentMonth;update;viewChange;dateUtil=t();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const n=a.get(d)??[];n.push({color:e.color,label:e.label}),a.set(d,n)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const n=`${d.color}|${d.label}`;e.has(n)||(e.add(n),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||l,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),r=1===a?12:a-1,t=1===a?e-1:e,l=new Date(t,r,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,i=[];for(let e=d-1;e>=0;e--){const a=l-e;i.push({date:this.formatDate(t,r,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=n;d++)i.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-i.length%7)%7;for(let e=1;e<=o;e++)i.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return i}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||(this.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":c.bg,"--calendar-padding":`${c.paddingXY}px`,"--calendar-gap":`${c.gap}px`,"--calendar-radius":`${c.radius}px`,"--calendar-header-gap":`${c.header.gap}px`,"--calendar-header-divider":c.header.divider,"--calendar-header-font-size":`${c.header.fontSize}px`,"--calendar-header-line-height":`${c.header.lineHeight}px`,"--calendar-header-font-weight":c.header.fontWeight,"--calendar-week-font-size":`${c.week.fontSize}px`,"--calendar-week-line-height":`${c.week.lineHeight}px`,"--calendar-week-font-weight":c.week.fontWeight,"--calendar-week-color":c.week.color,"--calendar-grid-row-gap":`${c.grid.rowGap}px`,"--calendar-day-size":`${c.day.size}px`,"--calendar-day-circle-size":`${c.day.circleSize}px`,"--calendar-day-circle-radius":`${c.day.circleRadius}px`,"--calendar-day-text":c.day.defaultText,"--calendar-day-hover-text":c.day.hoverText,"--calendar-day-hover-border":c.day.hoverBorder,"--calendar-day-select-bg":c.day.selectBg,"--calendar-day-select-text":c.day.selectText,"--calendar-day-disabled-text":c.day.disabledText,"--calendar-day-font-size":`${c.day.fontSize}px`,"--calendar-day-line-height":`${c.day.lineHeight}px`,"--calendar-day-font-weight":c.day.fontWeight,"--calendar-day-bold-font-weight":c.day.boldFontWeight,"--calendar-day-dot-size":`${c.day.dot.size}px`,"--calendar-day-dot-gap":`${c.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${c.day.dot.paddingY}px`,"--calendar-legend-font-size":`${c.legend.fontSize}px`,"--calendar-legend-line-height":`${c.legend.lineHeight}px`,"--calendar-legend-font-weight":c.legend.fontWeight,"--calendar-legend-gap":`${c.legend.gap}px`,"--calendar-legend-group-gap":`${c.legend.groupGap}px`},a=this.eventMap,d=this.legendItems,r=(this.events?.length??0)>0;return n("div",{key:"e1e0c276ef6642e811b796d6840ea2ed8860e5ef",class:{"sd-calendar":!0,"sd-calendar--elevated":this.elevated},style:e},n("div",{key:"ed4cb4166fe14237a0291986caae6641f7075be7",class:"sd-calendar__header"},n("div",{key:"83fb71b32ca4adaf6e42eee2a069d64ed67e08a2",class:"sd-calendar__nav-group"},n("sd-ghost-button",{key:"35610f7ad609f1f694929355ab6aa363609d035f",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),n("span",{key:"413232de704c401ff38a02e9d5d05788e53d650e",class:"sd-calendar__label"},this.currentYear),n("sd-ghost-button",{key:"5d60b66064809edaf3505659cca23e70c0702f97",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),n("span",{key:"0d137eea005ac4ee7dd21075f3954b1259a43de1",class:"sd-calendar__divider","aria-hidden":"true"}),n("div",{key:"b66dc00192dfd111b3afe98d7ad0ebb775de264d",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},n("sd-ghost-button",{key:"9e0087e68fe1ec2ac7d36454e135f0cd5dac71ce",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),n("span",{key:"83ff452dd50105c7515143a6fae5b33da204a945",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),n("sd-ghost-button",{key:"abc04cedfd725eb5b87ab49d451e55ab727d8fad",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),n("div",{key:"e06706abdd90a500067b211dea6141a99c736be9",class:"sd-calendar__week"},s.map((e=>n("span",{key:e,class:"sd-calendar__week-cell"},e)))),n("div",{key:"11a86af0b5b297ad3cfe66e207f2e7a12e9bf869",class:"sd-calendar__grid"},this.cells.map((e=>{const d=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&l===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date),c=e.inCurrentMonth?a.get(e.date):void 0;return n("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":d,"sd-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},n("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),r&&n("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},c?.map(((e,a)=>n("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),d.length>0&&[n("span",{key:"d924bb7ce8ceb077cad4d35face238cbb6e39802",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),n("div",{key:"2738f49b64e7a45aee0f11eac96c98b811312ad6",class:"sd-calendar__legend"},d.map((e=>n("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},n("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),n("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);user-select:none}sd-calendar .sd-calendar--elevated{box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-calendar .sd-calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__day-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}"}},[512,"sd-calendar",{value:[1025],selectable:[16],events:[16],elevated:[4],currentYear:[32],currentMonth:[32]},void 0,{value:[{handleValueChange:0}]}]);function y(){"undefined"!=typeof customElements&&["sd-calendar","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(r(e))||customElements.define(r(e),p);break;case"sd-ghost-button":customElements.get(r(e))||i();break;case"sd-icon":customElements.get(r(e))||o();break;case"sd-portal":customElements.get(r(e))||h();break;case"sd-tag":customElements.get(r(e))||g()}}))}export{p as S,y as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o}from"./p-
|
|
1
|
+
import{h as o}from"./p-Br8E2gpA.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as i}from"./p-BPC5SuWU.js";import{f as t}from"./p-B9hmJn6D.js";const e=i.datepicker.sm,n=i.datepicker.md,o={sm:{height:e.height,paddingX:e.paddingX,gap:e.gap,iconSize:e.icon,radius:e.radius,fontSize:e.typography.fontSize,lineHeight:e.typography.lineHeight,fontWeight:e.typography.fontWeight},md:{height:n.height,paddingX:n.paddingX,gap:n.gap,iconSize:n.icon,radius:n.radius,fontSize:n.typography.fontSize,lineHeight:n.typography.lineHeight,fontWeight:n.typography.fontWeight}},a={border:i.datepicker.border,bg:i.datepicker.bg,icon:i.datepicker.icon,text:{...i.datepicker.text,hint:t.field.hint.color}};export{a as D,o as a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as i,c as t,h as s,t as l}from"./p-C8x8VEb8.js";import{n as r}from"./p-CCwNgVmC.js";import{f as o}from"./p-DjKOoQuF.js";import{l as a}from"./p-DlJaYVWf.js";import{d}from"./p-DONA7SlO.js";import{d as n}from"./p-vj3gimgB.js";import{d as c}from"./p-BBAwMOGx.js";import{d as p}from"./p-DtadjLky.js";import{d as h}from"./p-BpTKv3vN.js";import{d as f}from"./p-irA7XFIS.js";import{d as u}from"./p-CNNjhHTA.js";import{d as m}from"./p-22hyxPno.js";const b={sm:{height:"28",paddingX:"12",gap:"8",radius:"4",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20",textDecoration:"none"},icon:"16"},md:{height:"36",paddingX:"16",gap:"12",radius:"6",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",textDecoration:"none",lineHeight:"24"},icon:"20"},border:{default:"#AAAAAA",disabled:"#CCCCCC"},bg:{default:"#FFFFFF",disabled:"#E1E1E1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}},k=e=>({height:b[e].height,paddingX:b[e].paddingX,gap:b[e].gap,radius:b[e].radius,borderWidth:b[e].borderWidth,fontSize:b[e].typography.fontSize,lineHeight:b[e].typography.lineHeight,fontWeight:b[e].typography.fontWeight,iconSize:b[e].icon,contentsGap:o.field.contents.gap}),x=k("sm"),g={sm:x,md:k("md")},_={text:b.text,icon:{default:"#888888",disabled:b.icon.disabled}},v={radius:a.listBox.radius,bg:a.listBox.bg,chipPadding:a.listBox.chip.paddingXY,chipGap:a.listBox.chip.gap},y=e(class e extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;useMultipleListBox=!1;accept;maxFileSize;maxTotalSize;maxFiles;size="sm";name=r();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;isListboxOpen=!1;listboxWidth="";fileInputRef;fileNamesRef;contentRef;formField;static VIEWPORT_PADDING=20;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?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,i=0){const t=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),l=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=l&&i+e.length>l)return{accepted:[],rejected:e,reason:"max-files"};if(null!=t){const i=e.filter((e=>e.size>t));if(i.length>0)return{accepted:[],rejected:i,reason:"max-file-size"}}return null!=s&&e.reduce(((e,i)=>e+i.size),0)>s?{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);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:i,rejected:s,reason:l}=this.validateFiles(t,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=l)return void this.reject?.emit({files:s,reason:l});const r=[...e,...i];this.internalValue=r,this.value=r,this.update?.emit(this.value)}else{const{accepted:e,rejected:i,reason:s}=this.validateFiles(t);if(null!=s)return this.reject?.emit({files:i,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[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.isListboxOpen=!1,this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};handleListboxToggle=e=>{e.stopPropagation(),this.disabled||(this.isListboxOpen?this.isListboxOpen=!1:(this.contentRef&&(this.listboxWidth=`${this.contentRef.offsetWidth}px`),this.isListboxOpen=!0))};closeListbox=()=>{this.isListboxOpen=!1};hasFiles(){return Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()?this.multiple&&Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||(this.placeholder??"Click to upload"):this.placeholder??"Click to upload"}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const i=[...this.internalValue];i.splice(e,1),this.internalValue=i,this.value=i,this.update?.emit(this.value),0===i.length&&(this.isListboxOpen=!1)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,i)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(i)})))):null}renderListbox(){return this.hasChips()&&this.isListboxOpen?s("sd-portal",{open:this.isListboxOpen,parentRef:this.contentRef,viewportPadding:e.VIEWPORT_PADDING,onSdClose:this.closeListbox},s("div",{class:"sd-file-picker__listbox",style:{width:this.listboxWidth,padding:`${v.chipPadding}px`,gap:`${v.chipGap}px`,borderRadius:`${v.radius}px`,background:v.bg}},this.internalValue.map(((e,i)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(i)}))))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?_.icon.disabled:_.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t=g[this.size]??x,l={"--sd-file-picker-font-size":`${t.fontSize}px`,"--sd-file-picker-line-height":`${t.lineHeight}px`,"--sd-file-picker-font-weight":t.fontWeight,"--sd-file-picker-padding-x":`${t.paddingX}px`,"--sd-file-picker-gap":`${t.gap}px`,"--sd-file-picker-text-color":_.text.default,"--sd-file-picker-placeholder-color":_.text.placeholder,"--sd-file-picker-disabled-color":_.text.disabled,[`--sd-system-size-field-${this.size}-height`]:`${t.height}px`,[`--sd-system-radius-field-${this.size}`]:`${t.radius}px`},r=this.multiple&&this.useMultipleListBox,o=s("div",{key:"d1c3af9860038ddb11d540af8312ad59d051524f",role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",ref:e=>this.contentRef=e,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{key:"760c38cd73d0a2a3d0832c5597c0e22bf737bb06",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??"Click to upload"}),s("sd-icon",{key:"96ff0bf43eb3f17df92bd8834cd38a1ae36ad475",name:"attachFile",size:Number(t.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"0757b8b734e21fcf7bed04d7306ee3a9d202f950",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),r&&e&&!this.disabled&&s("sd-ghost-button",{key:"8e42d38452d00256147ee65e614bdeb7040917d7",icon:"caretDown",size:"xxs",ariaLabel:"toggle file list",disabled:this.disabled,class:{"sd-file-picker__caret":!0,"sd-file-picker__caret--open":this.isListboxOpen},onClick:this.handleListboxToggle}),!this.disabled&&e&&s("sd-ghost-button",{key:"6f65042ce5e4efa1b6ab126653d434ca77cdd790",icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"b41146f39c384a5954dca22f2d3da767a63ef0c0",class:"sd-file-picker__tooltip"},i));return s("div",{key:"858fea100a9317ac6806ae40699e9f5608394e10",class:{"sd-file-picker__wrapper":!0,"sd-file-picker--inline":this.inline,"sd-file-picker--inline-disabled":this.inline&&this.disabled},style:l},s("sd-field",{key:"1b7a6a57e4e46c253bd9f77c500dabf92edc2ae0",borderless:this.inline,size:this.size,name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,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},o),this.useMultipleListBox?this.renderListbox():this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-flow:row wrap;gap:8px;margin-top:8px}.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__caret{flex-shrink:0;cursor:pointer;transition:transform 0.15s ease}.sd-file-picker__caret--open{transform:rotate(180deg)}.sd-file-picker__listbox{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;max-width:100%;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;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{padding:0}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:not(.sd-file-picker--inline-disabled) .sd-file-picker__content:hover .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)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],useMultipleListBox:[516,"use-multiple-list-box"],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],size:[513],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],isListboxOpen:[32],listboxWidth:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["sd-file-picker","sd-chip","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),y);break;case"sd-chip":customElements.get(l(e))||d();break;case"sd-field":customElements.get(l(e))||n();break;case"sd-floating-portal":customElements.get(l(e))||c();break;case"sd-ghost-button":customElements.get(l(e))||p();break;case"sd-icon":customElements.get(l(e))||h();break;case"sd-portal":customElements.get(l(e))||f();break;case"sd-tag":customElements.get(l(e))||u();break;case"sd-tooltip":customElements.get(l(e))||m()}}))}export{y as S,w as d}
|
|
1
|
+
import{p as e,H as i,c as t,h as s,t as l}from"./p-Br8E2gpA.js";import{n as r}from"./p-CCwNgVmC.js";import{f as o}from"./p-B9hmJn6D.js";import{l as a}from"./p-DlJaYVWf.js";import{d}from"./p-BnioPrIq.js";import{d as n}from"./p-7VzVE0oV.js";import{d as c}from"./p-BFBKrBpn.js";import{d as p}from"./p-B-DK72cc.js";import{d as h}from"./p-jbqIrDHw.js";import{d as f}from"./p-Hh0L_XZ6.js";import{d as u}from"./p-CZym_85X.js";import{d as b}from"./p-B7fiz4d8.js";const m={sm:{height:"28",paddingX:"12",gap:"8",radius:"4",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",textDecoration:"none",lineHeight:"20"},icon:"16"},md:{height:"36",paddingX:"16",gap:"12",radius:"6",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",textDecoration:"none",lineHeight:"24"},icon:"20"},border:{default:"#AAAAAA",disabled:"#CCCCCC"},bg:{default:"#FFFFFF",disabled:"#E1E1E1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}},k=e=>({height:m[e].height,paddingX:m[e].paddingX,gap:m[e].gap,radius:m[e].radius,borderWidth:m[e].borderWidth,fontSize:m[e].typography.fontSize,lineHeight:m[e].typography.lineHeight,fontWeight:m[e].typography.fontWeight,iconSize:m[e].icon,contentsGap:o.field.contents.gap}),x=k("sm"),g={sm:x,md:k("md")},_={text:m.text,icon:{default:"#888888",disabled:m.icon.disabled}},v={radius:a.listBox.radius,bg:a.listBox.bg,chipPadding:a.listBox.chip.paddingXY,chipGap:a.listBox.chip.gap},y=e(class e extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;useMultipleListBox=!1;accept;maxFileSize;maxTotalSize;maxFiles;size="sm";name=r();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;isListboxOpen=!1;listboxWidth="";fileInputRef;fileNamesRef;contentRef;formField;static VIEWPORT_PADDING=20;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?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,i=0){const t=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),l=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=l&&i+e.length>l)return{accepted:[],rejected:e,reason:"max-files"};if(null!=t){const i=e.filter((e=>e.size>t));if(i.length>0)return{accepted:[],rejected:i,reason:"max-file-size"}}return null!=s&&e.reduce(((e,i)=>e+i.size),0)>s?{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);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:i,rejected:s,reason:l}=this.validateFiles(t,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=l)return void this.reject?.emit({files:s,reason:l});const r=[...e,...i];this.internalValue=r,this.value=r,this.update?.emit(this.value)}else{const{accepted:e,rejected:i,reason:s}=this.validateFiles(t);if(null!=s)return this.reject?.emit({files:i,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[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.isListboxOpen=!1,this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};handleListboxToggle=e=>{e.stopPropagation(),this.disabled||(this.isListboxOpen?this.isListboxOpen=!1:(this.contentRef&&(this.listboxWidth=`${this.contentRef.offsetWidth}px`),this.isListboxOpen=!0))};closeListbox=()=>{this.isListboxOpen=!1};hasFiles(){return Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()?this.multiple&&Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||(this.placeholder??"Click to upload"):this.placeholder??"Click to upload"}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const i=[...this.internalValue];i.splice(e,1),this.internalValue=i,this.value=i,this.update?.emit(this.value),0===i.length&&(this.isListboxOpen=!1)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,i)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(i)})))):null}renderListbox(){return this.hasChips()&&this.isListboxOpen?s("sd-portal",{open:this.isListboxOpen,parentRef:this.contentRef,viewportPadding:e.VIEWPORT_PADDING,onSdClose:this.closeListbox},s("div",{class:"sd-file-picker__listbox",style:{width:this.listboxWidth,padding:`${v.chipPadding}px`,gap:`${v.chipGap}px`,borderRadius:`${v.radius}px`,background:v.bg}},this.internalValue.map(((e,i)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(i)}))))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?_.icon.disabled:_.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t=g[this.size]??x,l={"--sd-file-picker-font-size":`${t.fontSize}px`,"--sd-file-picker-line-height":`${t.lineHeight}px`,"--sd-file-picker-font-weight":t.fontWeight,"--sd-file-picker-padding-x":`${t.paddingX}px`,"--sd-file-picker-gap":`${t.gap}px`,"--sd-file-picker-text-color":_.text.default,"--sd-file-picker-placeholder-color":_.text.placeholder,"--sd-file-picker-disabled-color":_.text.disabled,[`--sd-system-size-field-${this.size}-height`]:`${t.height}px`,[`--sd-system-radius-field-${this.size}`]:`${t.radius}px`},r=this.multiple&&this.useMultipleListBox,o=s("div",{key:"89b5383f3aaf2f230fd16b64e5587b4d7c37e82e",role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",ref:e=>this.contentRef=e,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{key:"58ca8f7af6b7760eefb3a37a0b076ea3eccd7d07",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??"Click to upload"}),s("sd-icon",{key:"3ed78b87ebd74fe12184f76d52ed6dc03fad5730",name:"attachFile",size:Number(t.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"035e18f041ad7ed5da3890f80c2fe33990496efa",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),r&&e&&!this.disabled&&s("sd-ghost-button",{key:"da396b601196f3bd9c23f8a1113b4aa5401e3725",icon:"caretDown",size:"xxs",ariaLabel:"toggle file list",disabled:this.disabled,class:{"sd-file-picker__caret":!0,"sd-file-picker__caret--open":this.isListboxOpen},onClick:this.handleListboxToggle}),!this.disabled&&e&&s("sd-ghost-button",{key:"1b73bb7ef8c9a8e4367a7d1983a75a85f96c35fa",icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"a1f532e4a680592d8cff62926405846f7ae386e0",class:"sd-file-picker__tooltip"},i));return s("div",{key:"1f235bfb586260961d00b4058009bbdd4a4eb8e7",class:{"sd-file-picker__wrapper":!0,"sd-file-picker--inline":this.inline,"sd-file-picker--inline-disabled":this.inline&&this.disabled},style:l},s("sd-field",{key:"7354bb733c65d30947fc35f6e67083eb255c07f9",borderless:this.inline,size:this.size,name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,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},o),this.useMultipleListBox?this.renderListbox():this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-flow:row wrap;gap:8px;margin-top:8px}.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__caret{flex-shrink:0;cursor:pointer;transition:transform 0.15s ease}.sd-file-picker__caret--open{transform:rotate(180deg)}.sd-file-picker__listbox{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;max-width:100%;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;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{padding:0}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:not(.sd-file-picker--inline-disabled) .sd-file-picker__content:hover .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)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],useMultipleListBox:[516,"use-multiple-list-box"],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],size:[513],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],isListboxOpen:[32],listboxWidth:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["sd-file-picker","sd-chip","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),y);break;case"sd-chip":customElements.get(l(e))||d();break;case"sd-field":customElements.get(l(e))||n();break;case"sd-floating-portal":customElements.get(l(e))||c();break;case"sd-ghost-button":customElements.get(l(e))||p();break;case"sd-icon":customElements.get(l(e))||h();break;case"sd-portal":customElements.get(l(e))||f();break;case"sd-tag":customElements.get(l(e))||u();break;case"sd-tooltip":customElements.get(l(e))||b()}}))}export{y as S,w as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,c as e,h as
|
|
1
|
+
import{p as t,H as s,c as e,h as a,t as o}from"./p-Br8E2gpA.js";import{d as n}from"./p-CWXl1y4p.js";import{d as i}from"./p-B-DK72cc.js";import{d as c}from"./p-jbqIrDHw.js";import{d}from"./p-Hh0L_XZ6.js";import{d as l}from"./p-CZym_85X.js";var r={bg:"#07284A",content:"#FFFFFF"},b={bg:"#FB4444",content:"#FFFFFF"},p={bg:"#FFC700",content:"#222222"},f={bg:"#00973C",content:"#FFFFFF"},u={bg:"#005CC9",content:"#FFFFFF"},m={bg:"#E6F1FF",icon:"#0075FF",text:"#222222",textLink:"#555555"};const g={default:"secondary_sm",danger:"danger_outline_sm",caution:"neutral_outline_sm",complete:"neutral_outline_sm",accent:"neutral_outline_sm",info:"secondary_sm"},h={default:{bg:r.bg,content:r.content},danger:{bg:b.bg,content:b.content},caution:{bg:p.bg,content:p.content},complete:{bg:f.bg,content:f.content},accent:{bg:u.bg,content:u.content},info:{bg:m.bg,content:m.text,icon:m.icon,linkColor:m.textLink}},_={iconSize:"16"},k=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose",7),this.buttonClick=e(this,"sdButtonClick",7)}icon;message;link;linkLabel;buttonLabel;useClose=!1;type="default";close;buttonClick;render(){const t=h[this.type]??h.default,s=Number(_.iconSize),e=t.icon??t.content,o=t.linkColor??t.content,n=["default","caution","info"].includes(this.type),i=g[this.type]??g.default;return a("div",{key:"c9e3741a53f59d37f2b384379aa6adef9cf3bb4b",style:{"--sd-toast-bg":t.bg,"--sd-toast-text":t.content,"--sd-toast-icon":e,"--sd-toast-link":o}},a("div",{key:"6340355a0ffa73765040930cca2e742427d796e2",class:"sd-toast",role:"status","aria-live":"polite","aria-atomic":"true"},this.icon&&a("div",{key:"2b2b03b9e7d46a71f7178b4e45f0fe3b383abc49",class:"sd-toast__icon"},a("sd-icon",{key:"641a3f15b31009e81d590ca8dc7318c55c773e22",name:this.icon,size:s,color:e})),a("div",{key:"ec6396936145b1fb7e1071221de0d67a3415ab77",class:"sd-toast__content"},a("span",{key:"0cc6791d14db783003c1aaefaa32757f39a7f043",class:"sd-toast__message"},this.message)),this.link&&a("a",{key:"19989545eb1f2d6f984565314de3da581ef666e4",href:this.link,class:"sd-toast__link",target:"_blank",rel:"noopener noreferrer"},this.linkLabel||this.link),this.buttonLabel&&a("sd-button",{key:"3ca5c3b9d77a04c2c4d70a48641c51053794bd33",class:"sd-toast__button",name:i,label:this.buttonLabel,onSdClick:t=>this.buttonClick.emit(t.detail)}),this.useClose&&a("sd-ghost-button",{key:"d5daf926f8a23f9d6bbec06cc560afc6c89aa064",class:"sd-toast__close",icon:"close",intent:n?"default":"inverse",ariaLabel:"close",size:"xs",onClick:()=>this.close.emit()})))}static get style(){return"sd-toast{display:block;width:fit-content;height:fit-content}sd-toast .sd-toast{display:flex;width:fit-content;align-items:center;gap:var(--sd-toast-gap, 16px);padding:var(--sd-toast-padding-y, 12px) var(--sd-toast-padding-x, 24px);border-radius:var(--sd-toast-radius, 8px);background-color:var(--sd-toast-bg);color:var(--sd-toast-text);box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}sd-toast .sd-toast__icon{display:flex;align-items:center;flex-shrink:0}sd-toast .sd-toast__content{display:flex;flex:1}sd-toast .sd-toast__message{font-size:14px;line-height:24px;font-weight:500;white-space:nowrap}sd-toast .sd-toast__link{font-size:14px;line-height:24px;font-weight:700;color:var(--sd-toast-link, var(--sd-toast-text));text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px;white-space:nowrap}sd-toast .sd-toast__link:hover{opacity:0.8}sd-toast .sd-toast__button{flex-shrink:0}sd-toast .sd-toast__close{flex-shrink:0}"}},[512,"sd-toast",{icon:[1],message:[1],link:[1],linkLabel:[1,"link-label"],buttonLabel:[1,"button-label"],useClose:[4,"use-close"],type:[1]}]);function F(){"undefined"!=typeof customElements&&["sd-toast","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-toast":customElements.get(o(t))||customElements.define(o(t),k);break;case"sd-button":customElements.get(o(t))||n();break;case"sd-ghost-button":customElements.get(o(t))||i();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-portal":customElements.get(o(t))||d();break;case"sd-tag":customElements.get(o(t))||l()}}))}export{k as S,F as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,c as r,h as t,F as n,t as d}from"./p-C8x8VEb8.js";import{u as i,t as s,W as c,C as l}from"./p-BPzs63D8.js";import{d as g}from"./p-CghFB91T.js";import{D as p,a as o}from"./p-bXzpfkfN.js";import{d as h}from"./p-DtadjLky.js";import{d as u}from"./p-BpTKv3vN.js";import{d as k}from"./p-irA7XFIS.js";import{d as _}from"./p-CNNjhHTA.js";const m=(e,a)=>{const[r,t,n]=e.split("-").map(Number),d=new Date(r,t-1,n);return d.setDate(d.getDate()+a),`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`},v={bg:g.datepicker.calendar.range.bg,height:g.datepicker.calendar.range.height,panelGap:g.datepicker.calendar.range.panelGap,divider:g.datepicker.calendar.range.divider},b=g.datepicker.calendar.time,f={bgDefault:b.bg.default,bgSelected:b.bg.selected,dateLabel:b.date.label,dateUnit:b.date.unit,dateGap:b.date.gap,radius:b.radius,paddingX:b.paddingX,paddingY:b.paddingY,gap:b.gap,sectionGap:b.section.gap,unitGap:b.unit.gap,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight,input:{height:o.sm.height,radius:o.sm.radius,border:p.border.default,borderFocus:p.border.focus,text:p.text.default,placeholder:p.text.disabled}},y=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=r(this,"sdSelect",7),this.viewChange=r(this,"sdViewChange",7)}value=null;selectable;maxRange;useTimePicker=!1;currentYear;currentMonth;pendingStart="";hoverDate="";displayValue=null;startHour="00";startMinute="00";endHour="00";endMinute="00";lastEmitted="";select;viewChange;dateUtil=i();componentWillLoad(){this.syncFromValue()}handleValueChange(){this.syncFromValue()}syncFromValue(){if(this.useTimePicker&&JSON.stringify(this.value)===this.lastEmitted)return;const e=this.splitDateTime(this.value?.[0]),a=this.splitDateTime(this.value?.[1]),r=e.date||s,[t,n]=r.split("-").map(Number);this.currentYear=t,this.currentMonth=n,this.pendingStart="",this.hoverDate="",this.displayValue=this.value?[e.date,a.date]:null,this.startHour=e.hour,this.startMinute=e.minute,this.endHour=a.hour,this.endMinute=a.minute}splitDateTime(e){if(null==e||""===e)return{date:"",hour:"00",minute:"00"};const[a="",r=""]=e.split(" "),[t="00",n="00"]=r.split(":");return{date:a,hour:t,minute:n}}get rightYear(){return 12===this.currentMonth?this.currentYear+1:this.currentYear}get rightMonth(){return 12===this.currentMonth?1:this.currentMonth+1}formatDate(e,a,r){return`${e}-${String(a).padStart(2,"0")}-${String(r).padStart(2,"0")}`}buildCells(e,a){const r=new Date(e,a-1,1).getDay(),t=new Date(e,a,0).getDate(),n=1===a?12:a-1,d=1===a?e-1:e,i=new Date(d,n,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,l=[];for(let e=r-1;e>=0;e--){const a=i-e;l.push({date:this.formatDate(d,n,a),day:a,inCurrentMonth:!1})}for(let r=1;r<=t;r++)l.push({date:this.formatDate(e,a,r),day:r,inCurrentMonth:!0});const g=(7-l.length%7)%7;for(let e=1;e<=g;e++)l.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return l}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goToday=e=>{e.stopPropagation();const[a,r]=s.split("-").map(Number);this.currentYear===a&&this.currentMonth===r||(this.currentYear=a,this.currentMonth=r,this.emitViewChange())};isDisabled(e){if(this.selectable){const[a,r]=this.selectable;if(null!=a&&""!==a&&e<a)return!0;if(null!=r&&""!==r&&e>r)return!0}if(null!=this.maxRange&&this.maxRange>0&&""!==this.pendingStart){const a=m(this.pendingStart,-this.maxRange),r=m(this.pendingStart,this.maxRange);if(e<a||e>r)return!0}return!1}handleDayClick(e){if(!e.inCurrentMonth)return;if(this.isDisabled(e.date))return;if(""===this.pendingStart||null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]||e.date<this.pendingStart)return this.pendingStart=e.date,this.displayValue=null,this.hoverDate="",void(this.useTimePicker&&(this.startHour="00",this.startMinute="00",this.endHour="23",this.endMinute="59"));const a=[this.pendingStart,e.date];this.pendingStart="",this.hoverDate="",this.displayValue=a,this.emitRange(a[0],a[1])}emitRange(e,a){const r=this.useTimePicker?[`${e} ${this.pad(this.startHour)}:${this.pad(this.startMinute)}`,`${a} ${this.pad(this.endHour)}:${this.pad(this.endMinute)}`]:[e,a];this.lastEmitted=JSON.stringify(r),this.select.emit(r)}pad(e){return String(Number(e)||0).padStart(2,"0")}handleTimeInput(e,a,r){const t=r.target,n=t.value.replace(/\D/g,"").slice(0,2),d="h"===a?23:59,i=""!==n&&Number(n)>d?String(d):n;t.value=i,this.setTimePart(e,a,i),null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]&&this.emitRange(this.displayValue[0],this.displayValue[1])}handleTimeBlur(e,a){this.setTimePart(e,a,this.pad(this.getTimePart(e,a)))}getTimePart(e,a){return"start"===e?"h"===a?this.startHour:this.startMinute:"h"===a?this.endHour:this.endMinute}setTimePart(e,a,r){"start"===e?"h"===a?this.startHour=r:this.startMinute=r:"h"===a?this.endHour=r:this.endMinute=r}handleDayHover(e){e.inCurrentMonth&&""!==this.pendingStart&&(this.hoverDate=e.date)}getRangeState(e,a){if(!a)return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1};if(""!==this.pendingStart){const a=e===this.pendingStart,r=""!==this.hoverDate&&this.hoverDate>=this.pendingStart?this.hoverDate:"";return{inRange:""!==r&&e>this.pendingStart&&e<=r,isRangeStart:a,isRangeEnd:""!==r&&e===r,isSelectedEdge:a}}if(null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]){const[a,r]=this.displayValue,t=e===a,n=e===r;return{inRange:e>a&&e<r,isRangeStart:t,isRangeEnd:n,isSelectedEdge:t||n}}return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1}}renderHeader(e,a,r){const n=`${e}.${String(a).padStart(2,"0")}`;return t("div",{class:"sd-date-range-picker-calendar__header"},t("div",{class:"sd-date-range-picker-calendar__nav-group sd-date-range-picker-calendar__nav-group-month"},t("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":!r},ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),t("span",{class:"sd-date-range-picker-calendar__label sd-date-range-picker-calendar__label-month"},n),t("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":r},ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth})))}renderYearNav(){return t("div",{class:"sd-date-range-picker-calendar__top-bar"},t("div",{class:"sd-date-range-picker-calendar__year-nav"},t("sd-ghost-button",{ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),t("span",{class:"sd-date-range-picker-calendar__label"},this.currentYear),t("sd-ghost-button",{ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),t("button",{type:"button",class:"sd-date-range-picker-calendar__today-button",onClick:this.goToday},"오늘"))}renderPanel(e,a,r){const n=this.buildCells(e,a);return t("div",{class:"sd-date-range-picker-calendar__panel"},this.renderHeader(e,a,r),t("div",{class:"sd-date-range-picker-calendar__week"},c.map((e=>t("span",{key:e,class:"sd-date-range-picker-calendar__week-cell"},e)))),t("div",{class:"sd-date-range-picker-calendar__grid"},n.map((e=>{const{inRange:a,isRangeStart:r,isRangeEnd:n,isSelectedEdge:d}=this.getRangeState(e.date,e.inCurrentMonth),i=e.inCurrentMonth&&s===e.date,c=e.inCurrentMonth&&this.isDisabled(e.date);return t("button",{type:"button",key:e.date,class:{"sd-date-range-picker-calendar__day":!0,"sd-date-range-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-range-picker-calendar__day--today":i,"sd-date-range-picker-calendar__day--in-range":a,"sd-date-range-picker-calendar__day--range-start":r,"sd-date-range-picker-calendar__day--range-end":n,"sd-date-range-picker-calendar__day--selected":d,"sd-date-range-picker-calendar__day--disabled":c},disabled:!e.inCurrentMonth||c,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e)},t("span",{class:"sd-date-range-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}renderTimeSection(e,a,r){const n=""!==a,[d="",i="",s=""]=n?a.split("-"):[],c="start"===e?this.startHour:this.endHour,l="start"===e?this.startMinute:this.endMinute,g=(e,a)=>t("span",{class:"sd-date-range-picker-calendar__time-num"},n&&""!==e?a?String(Number(e)):e:"-");return t("div",{class:{"sd-date-range-picker-calendar__time-section":!0,"sd-date-range-picker-calendar__time-section--active":n}},t("div",{class:"sd-date-range-picker-calendar__time-date"},g(d,!1),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"년"),g(i,!0),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"월"),g(s,!0),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"일")),t("div",{class:"sd-date-range-picker-calendar__time-input-group"},t("input",{type:"text",inputMode:"numeric",maxLength:2,class:"sd-date-range-picker-calendar__time-input",placeholder:"--","aria-label":`${r} 시`,disabled:!n,value:n?c:"",onInput:a=>this.handleTimeInput(e,"h",a),onBlur:()=>this.handleTimeBlur(e,"h")}),t("span",{class:"sd-date-range-picker-calendar__time-colon"},":"),t("input",{type:"text",inputMode:"numeric",maxLength:2,class:"sd-date-range-picker-calendar__time-input",placeholder:"--","aria-label":`${r} 분`,disabled:!n,value:n?l:"",onInput:a=>this.handleTimeInput(e,"m",a),onBlur:()=>this.handleTimeBlur(e,"m")})),t("span",{class:"sd-date-range-picker-calendar__time-suffix"},r))}renderTimeFooter(){const e=this.pendingStart||this.displayValue?.[0]||"",a=this.displayValue?.[1]||"";return t(n,null,t("span",{class:"sd-date-range-picker-calendar__time-divider","aria-hidden":"true"}),t("div",{class:"sd-date-range-picker-calendar__time"},this.renderTimeSection("start",e,"부터"),this.renderTimeSection("end",a,"까지")))}render(){return t(n,{key:"7d368d23f2c9d2b28c847a7fee5de474edc350f0"},t("div",{key:"6d97bfa728eb65c46d21f53c3b046b1a0c7d2ff6",class:{"sd-date-range-picker-calendar":!0,"sd-date-range-picker-calendar--with-time":this.useTimePicker},style:{"--calendar-bg":l.bg,"--calendar-padding":`${l.paddingXY}px`,"--calendar-gap":`${l.gap}px`,"--calendar-radius":`${l.radius}px`,"--calendar-header-gap":`${l.header.gap}px`,"--calendar-header-divider":l.header.divider,"--calendar-header-font-size":`${l.header.fontSize}px`,"--calendar-header-line-height":`${l.header.lineHeight}px`,"--calendar-header-font-weight":l.header.fontWeight,"--calendar-week-font-size":`${l.week.fontSize}px`,"--calendar-week-line-height":`${l.week.lineHeight}px`,"--calendar-week-font-weight":l.week.fontWeight,"--calendar-week-color":l.week.color,"--calendar-grid-row-gap":`${l.grid.rowGap}px`,"--calendar-day-size":`${l.day.size}px`,"--calendar-day-circle-size":`${l.day.circleSize}px`,"--calendar-day-circle-radius":`${l.day.circleRadius}px`,"--calendar-day-text":l.day.defaultText,"--calendar-day-hover-text":l.day.hoverText,"--calendar-day-hover-border":l.day.hoverBorder,"--calendar-day-select-bg":l.day.selectBg,"--calendar-day-select-text":l.day.selectText,"--calendar-day-disabled-text":l.day.disabledText,"--calendar-day-font-size":`${l.day.fontSize}px`,"--calendar-day-line-height":`${l.day.lineHeight}px`,"--calendar-day-font-weight":l.day.fontWeight,"--range-bg":v.bg,"--range-height":`${v.height}px`,"--range-panel-gap":`${v.panelGap}px`,"--range-divider":v.divider,"--time-bg-default":f.bgDefault,"--time-bg-selected":f.bgSelected,"--time-date-label":f.dateLabel,"--time-date-unit":f.dateUnit,"--time-date-gap":`${f.dateGap}px`,"--time-radius":`${f.radius}px`,"--time-padding-x":`${f.paddingX}px`,"--time-padding-y":`${f.paddingY}px`,"--time-gap":`${f.gap}px`,"--time-section-gap":`${f.sectionGap}px`,"--time-unit-gap":`${f.unitGap}px`,"--time-font-size":`${f.fontSize}px`,"--time-line-height":`${f.lineHeight}px`,"--time-font-weight":f.fontWeight,"--time-input-height":`${f.input.height}px`,"--time-input-radius":`${f.input.radius}px`,"--time-input-border":f.input.border,"--time-input-border-focus":f.input.borderFocus,"--time-input-text":f.input.text,"--time-input-placeholder":f.input.placeholder}},this.renderYearNav(),t("div",{key:"45b4a2488f6e73814d3a6be9710d7c14fd2e8130",class:"sd-date-range-picker-calendar__panels"},this.renderPanel(this.currentYear,this.currentMonth,!0),t("span",{key:"f1d741f8684ca213d30f559e7f6fc5a4388bbac1",class:"sd-date-range-picker-calendar__divider","aria-hidden":"true"}),this.renderPanel(this.rightYear,this.rightMonth,!1)),this.useTimePicker&&this.renderTimeFooter()))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-date-range-picker-calendar{display:block}sd-date-range-picker-calendar .sd-date-range-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:364px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar--with-time{height:auto}sd-date-range-picker-calendar .sd-date-range-picker-calendar__top-bar{position:relative;display:flex;align-items:center;justify-content:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__year-nav{display:flex;align-items:center;justify-content:center;gap:var(--calendar-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button{position:absolute;right:0;background:transparent;cursor:pointer;font-size:var(--calendar-week-font-size);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text);min-width:37px;height:24px;line-height:24px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button:hover{text-decoration:underline}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panels{display:flex;flex-direction:row;gap:var(--range-panel-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__divider{flex-shrink:0;width:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panel{display:flex;flex-direction:column;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__header{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group-month{display:flex;width:100%;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label-month{flex:1}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-placeholder{visibility:hidden;pointer-events:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:var(--range-height);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day-circle{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--today .sd-date-range-picker-calendar__day-circle{font-weight:700}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--in-range{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-start{background:linear-gradient(to right, transparent 50%, var(--range-bg) 50%)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-startsd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected .sd-date-range-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled:not(.sd-date-range-picker-calendar__day--in-range):not(.sd-date-range-picker-calendar__day--range-start):not(.sd-date-range-picker-calendar__day--range-end){background:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--empty{visibility:hidden;pointer-events:none;background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-divider{width:100%;height:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time{display:flex;flex-direction:row;gap:var(--time-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-section{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--time-section-gap);padding:var(--time-padding-y) var(--time-padding-x);border-radius:var(--time-radius);background:var(--time-bg-default);font-size:var(--time-font-size);line-height:var(--time-line-height);font-weight:var(--time-font-weight)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-section--active{background:var(--time-bg-selected)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-date{display:inline-flex;align-items:center;gap:var(--time-date-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-num{color:var(--time-date-label)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-unit{color:var(--time-date-unit)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input-group{display:inline-flex;align-items:center;gap:var(--time-unit-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input{width:40px;height:var(--time-input-height);padding:0;border:1px solid var(--time-input-border);border-radius:var(--time-input-radius);background:var(--calendar-bg);text-align:center;font-size:var(--time-font-size);line-height:var(--time-line-height);font-weight:var(--time-font-weight);color:var(--time-input-text);box-sizing:border-box;outline:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input::placeholder{color:var(--time-input-placeholder)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input:focus{border-color:var(--time-input-border-focus)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input:disabled{cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-colon{color:var(--time-date-label)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-suffix{color:var(--time-date-unit)}"}},[512,"sd-date-range-picker-calendar",{value:[16],selectable:[16],maxRange:[2,"max-range"],useTimePicker:[4,"use-time-picker"],currentYear:[32],currentMonth:[32],pendingStart:[32],hoverDate:[32],displayValue:[32],startHour:[32],startMinute:[32],endHour:[32],endMinute:[32]},void 0,{value:[{handleValueChange:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-date-range-picker-calendar","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-date-range-picker-calendar":customElements.get(d(e))||customElements.define(d(e),y);break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||u();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tag":customElements.get(d(e))||_()}}))}export{y as S,x as d}
|
|
1
|
+
import{p as e,H as a,c as r,h as t,F as n,t as d}from"./p-Br8E2gpA.js";import{u as i,t as s,W as c,C as l}from"./p-DdvvWKaG.js";import{d as g}from"./p-BPC5SuWU.js";import{D as p,a as o}from"./p-Cj1tlXCY.js";import{d as h}from"./p-B-DK72cc.js";import{d as u}from"./p-jbqIrDHw.js";import{d as k}from"./p-Hh0L_XZ6.js";import{d as _}from"./p-CZym_85X.js";const m=(e,a)=>{const[r,t,n]=e.split("-").map(Number),d=new Date(r,t-1,n);return d.setDate(d.getDate()+a),`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`},v={bg:g.datepicker.calendar.range.bg,height:g.datepicker.calendar.range.height,panelGap:g.datepicker.calendar.range.panelGap,divider:g.datepicker.calendar.range.divider},b=g.datepicker.calendar.time,f={bgDefault:b.bg.default,bgSelected:b.bg.selected,dateLabel:b.date.label,dateUnit:b.date.unit,dateGap:b.date.gap,radius:b.radius,paddingX:b.paddingX,paddingY:b.paddingY,gap:b.gap,sectionGap:b.section.gap,unitGap:b.unit.gap,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight,input:{height:o.sm.height,radius:o.sm.radius,border:p.border.default,borderFocus:p.border.focus,text:p.text.default,placeholder:p.text.disabled}},y=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=r(this,"sdSelect",7),this.viewChange=r(this,"sdViewChange",7)}value=null;selectable;maxRange;useTimePicker=!1;currentYear;currentMonth;pendingStart="";hoverDate="";displayValue=null;startHour="00";startMinute="00";endHour="00";endMinute="00";lastEmitted="";select;viewChange;dateUtil=i();componentWillLoad(){this.syncFromValue()}handleValueChange(){this.syncFromValue()}syncFromValue(){if(this.useTimePicker&&JSON.stringify(this.value)===this.lastEmitted)return;const e=this.splitDateTime(this.value?.[0]),a=this.splitDateTime(this.value?.[1]),r=e.date||s,[t,n]=r.split("-").map(Number);this.currentYear=t,this.currentMonth=n,this.pendingStart="",this.hoverDate="",this.displayValue=this.value?[e.date,a.date]:null,this.startHour=e.hour,this.startMinute=e.minute,this.endHour=a.hour,this.endMinute=a.minute}splitDateTime(e){if(null==e||""===e)return{date:"",hour:"00",minute:"00"};const[a="",r=""]=e.split(" "),[t="00",n="00"]=r.split(":");return{date:a,hour:t,minute:n}}get rightYear(){return 12===this.currentMonth?this.currentYear+1:this.currentYear}get rightMonth(){return 12===this.currentMonth?1:this.currentMonth+1}formatDate(e,a,r){return`${e}-${String(a).padStart(2,"0")}-${String(r).padStart(2,"0")}`}buildCells(e,a){const r=new Date(e,a-1,1).getDay(),t=new Date(e,a,0).getDate(),n=1===a?12:a-1,d=1===a?e-1:e,i=new Date(d,n,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,l=[];for(let e=r-1;e>=0;e--){const a=i-e;l.push({date:this.formatDate(d,n,a),day:a,inCurrentMonth:!1})}for(let r=1;r<=t;r++)l.push({date:this.formatDate(e,a,r),day:r,inCurrentMonth:!0});const g=(7-l.length%7)%7;for(let e=1;e<=g;e++)l.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return l}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goToday=e=>{e.stopPropagation();const[a,r]=s.split("-").map(Number);this.currentYear===a&&this.currentMonth===r||(this.currentYear=a,this.currentMonth=r,this.emitViewChange())};isDisabled(e){if(this.selectable){const[a,r]=this.selectable;if(null!=a&&""!==a&&e<a)return!0;if(null!=r&&""!==r&&e>r)return!0}if(null!=this.maxRange&&this.maxRange>0&&""!==this.pendingStart){const a=m(this.pendingStart,-this.maxRange),r=m(this.pendingStart,this.maxRange);if(e<a||e>r)return!0}return!1}handleDayClick(e){if(!e.inCurrentMonth)return;if(this.isDisabled(e.date))return;if(""===this.pendingStart||null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]||e.date<this.pendingStart)return this.pendingStart=e.date,this.displayValue=null,this.hoverDate="",void(this.useTimePicker&&(this.startHour="00",this.startMinute="00",this.endHour="23",this.endMinute="59"));const a=[this.pendingStart,e.date];this.pendingStart="",this.hoverDate="",this.displayValue=a,this.emitRange(a[0],a[1])}emitRange(e,a){const r=this.useTimePicker?[`${e} ${this.pad(this.startHour)}:${this.pad(this.startMinute)}`,`${a} ${this.pad(this.endHour)}:${this.pad(this.endMinute)}`]:[e,a];this.lastEmitted=JSON.stringify(r),this.select.emit(r)}pad(e){return String(Number(e)||0).padStart(2,"0")}handleTimeInput(e,a,r){const t=r.target,n=t.value.replace(/\D/g,"").slice(0,2),d="h"===a?23:59,i=""!==n&&Number(n)>d?String(d):n;t.value=i,this.setTimePart(e,a,i),null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]&&this.emitRange(this.displayValue[0],this.displayValue[1])}handleTimeBlur(e,a){this.setTimePart(e,a,this.pad(this.getTimePart(e,a)))}getTimePart(e,a){return"start"===e?"h"===a?this.startHour:this.startMinute:"h"===a?this.endHour:this.endMinute}setTimePart(e,a,r){"start"===e?"h"===a?this.startHour=r:this.startMinute=r:"h"===a?this.endHour=r:this.endMinute=r}handleDayHover(e){e.inCurrentMonth&&""!==this.pendingStart&&(this.hoverDate=e.date)}getRangeState(e,a){if(!a)return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1};if(""!==this.pendingStart){const a=e===this.pendingStart,r=""!==this.hoverDate&&this.hoverDate>=this.pendingStart?this.hoverDate:"";return{inRange:""!==r&&e>this.pendingStart&&e<=r,isRangeStart:a,isRangeEnd:""!==r&&e===r,isSelectedEdge:a}}if(null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]){const[a,r]=this.displayValue,t=e===a,n=e===r;return{inRange:e>a&&e<r,isRangeStart:t,isRangeEnd:n,isSelectedEdge:t||n}}return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1}}renderHeader(e,a,r){const n=`${e}.${String(a).padStart(2,"0")}`;return t("div",{class:"sd-date-range-picker-calendar__header"},t("div",{class:"sd-date-range-picker-calendar__nav-group sd-date-range-picker-calendar__nav-group-month"},t("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":!r},ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),t("span",{class:"sd-date-range-picker-calendar__label sd-date-range-picker-calendar__label-month"},n),t("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":r},ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth})))}renderYearNav(){return t("div",{class:"sd-date-range-picker-calendar__top-bar"},t("div",{class:"sd-date-range-picker-calendar__year-nav"},t("sd-ghost-button",{ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),t("span",{class:"sd-date-range-picker-calendar__label"},this.currentYear),t("sd-ghost-button",{ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),t("button",{type:"button",class:"sd-date-range-picker-calendar__today-button",onClick:this.goToday},"오늘"))}renderPanel(e,a,r){const n=this.buildCells(e,a);return t("div",{class:"sd-date-range-picker-calendar__panel"},this.renderHeader(e,a,r),t("div",{class:"sd-date-range-picker-calendar__week"},c.map((e=>t("span",{key:e,class:"sd-date-range-picker-calendar__week-cell"},e)))),t("div",{class:"sd-date-range-picker-calendar__grid"},n.map((e=>{const{inRange:a,isRangeStart:r,isRangeEnd:n,isSelectedEdge:d}=this.getRangeState(e.date,e.inCurrentMonth),i=e.inCurrentMonth&&s===e.date,c=e.inCurrentMonth&&this.isDisabled(e.date);return t("button",{type:"button",key:e.date,class:{"sd-date-range-picker-calendar__day":!0,"sd-date-range-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-range-picker-calendar__day--today":i,"sd-date-range-picker-calendar__day--in-range":a,"sd-date-range-picker-calendar__day--range-start":r,"sd-date-range-picker-calendar__day--range-end":n,"sd-date-range-picker-calendar__day--selected":d,"sd-date-range-picker-calendar__day--disabled":c},disabled:!e.inCurrentMonth||c,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e)},t("span",{class:"sd-date-range-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}renderTimeSection(e,a,r){const n=""!==a,[d="",i="",s=""]=n?a.split("-"):[],c="start"===e?this.startHour:this.endHour,l="start"===e?this.startMinute:this.endMinute,g=(e,a)=>t("span",{class:"sd-date-range-picker-calendar__time-num"},n&&""!==e?a?String(Number(e)):e:"-");return t("div",{class:{"sd-date-range-picker-calendar__time-section":!0,"sd-date-range-picker-calendar__time-section--active":n}},t("div",{class:"sd-date-range-picker-calendar__time-date"},g(d,!1),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"년"),g(i,!0),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"월"),g(s,!0),t("span",{class:"sd-date-range-picker-calendar__time-unit"},"일")),t("div",{class:"sd-date-range-picker-calendar__time-input-group"},t("input",{type:"text",inputMode:"numeric",maxLength:2,class:"sd-date-range-picker-calendar__time-input",placeholder:"--","aria-label":`${r} 시`,disabled:!n,value:n?c:"",onInput:a=>this.handleTimeInput(e,"h",a),onBlur:()=>this.handleTimeBlur(e,"h")}),t("span",{class:"sd-date-range-picker-calendar__time-colon"},":"),t("input",{type:"text",inputMode:"numeric",maxLength:2,class:"sd-date-range-picker-calendar__time-input",placeholder:"--","aria-label":`${r} 분`,disabled:!n,value:n?l:"",onInput:a=>this.handleTimeInput(e,"m",a),onBlur:()=>this.handleTimeBlur(e,"m")})),t("span",{class:"sd-date-range-picker-calendar__time-suffix"},r))}renderTimeFooter(){const e=this.pendingStart||this.displayValue?.[0]||"",a=this.displayValue?.[1]||"";return t(n,null,t("span",{class:"sd-date-range-picker-calendar__time-divider","aria-hidden":"true"}),t("div",{class:"sd-date-range-picker-calendar__time"},this.renderTimeSection("start",e,"부터"),this.renderTimeSection("end",a,"까지")))}render(){return t(n,{key:"7d368d23f2c9d2b28c847a7fee5de474edc350f0"},t("div",{key:"6d97bfa728eb65c46d21f53c3b046b1a0c7d2ff6",class:{"sd-date-range-picker-calendar":!0,"sd-date-range-picker-calendar--with-time":this.useTimePicker},style:{"--calendar-bg":l.bg,"--calendar-padding":`${l.paddingXY}px`,"--calendar-gap":`${l.gap}px`,"--calendar-radius":`${l.radius}px`,"--calendar-header-gap":`${l.header.gap}px`,"--calendar-header-divider":l.header.divider,"--calendar-header-font-size":`${l.header.fontSize}px`,"--calendar-header-line-height":`${l.header.lineHeight}px`,"--calendar-header-font-weight":l.header.fontWeight,"--calendar-week-font-size":`${l.week.fontSize}px`,"--calendar-week-line-height":`${l.week.lineHeight}px`,"--calendar-week-font-weight":l.week.fontWeight,"--calendar-week-color":l.week.color,"--calendar-grid-row-gap":`${l.grid.rowGap}px`,"--calendar-day-size":`${l.day.size}px`,"--calendar-day-circle-size":`${l.day.circleSize}px`,"--calendar-day-circle-radius":`${l.day.circleRadius}px`,"--calendar-day-text":l.day.defaultText,"--calendar-day-hover-text":l.day.hoverText,"--calendar-day-hover-border":l.day.hoverBorder,"--calendar-day-select-bg":l.day.selectBg,"--calendar-day-select-text":l.day.selectText,"--calendar-day-disabled-text":l.day.disabledText,"--calendar-day-font-size":`${l.day.fontSize}px`,"--calendar-day-line-height":`${l.day.lineHeight}px`,"--calendar-day-font-weight":l.day.fontWeight,"--range-bg":v.bg,"--range-height":`${v.height}px`,"--range-panel-gap":`${v.panelGap}px`,"--range-divider":v.divider,"--time-bg-default":f.bgDefault,"--time-bg-selected":f.bgSelected,"--time-date-label":f.dateLabel,"--time-date-unit":f.dateUnit,"--time-date-gap":`${f.dateGap}px`,"--time-radius":`${f.radius}px`,"--time-padding-x":`${f.paddingX}px`,"--time-padding-y":`${f.paddingY}px`,"--time-gap":`${f.gap}px`,"--time-section-gap":`${f.sectionGap}px`,"--time-unit-gap":`${f.unitGap}px`,"--time-font-size":`${f.fontSize}px`,"--time-line-height":`${f.lineHeight}px`,"--time-font-weight":f.fontWeight,"--time-input-height":`${f.input.height}px`,"--time-input-radius":`${f.input.radius}px`,"--time-input-border":f.input.border,"--time-input-border-focus":f.input.borderFocus,"--time-input-text":f.input.text,"--time-input-placeholder":f.input.placeholder}},this.renderYearNav(),t("div",{key:"45b4a2488f6e73814d3a6be9710d7c14fd2e8130",class:"sd-date-range-picker-calendar__panels"},this.renderPanel(this.currentYear,this.currentMonth,!0),t("span",{key:"f1d741f8684ca213d30f559e7f6fc5a4388bbac1",class:"sd-date-range-picker-calendar__divider","aria-hidden":"true"}),this.renderPanel(this.rightYear,this.rightMonth,!1)),this.useTimePicker&&this.renderTimeFooter()))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-date-range-picker-calendar{display:block}sd-date-range-picker-calendar .sd-date-range-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:364px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar--with-time{height:auto}sd-date-range-picker-calendar .sd-date-range-picker-calendar__top-bar{position:relative;display:flex;align-items:center;justify-content:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__year-nav{display:flex;align-items:center;justify-content:center;gap:var(--calendar-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button{position:absolute;right:0;background:transparent;cursor:pointer;font-size:var(--calendar-week-font-size);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text);min-width:37px;height:24px;line-height:24px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button:hover{text-decoration:underline}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panels{display:flex;flex-direction:row;gap:var(--range-panel-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__divider{flex-shrink:0;width:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panel{display:flex;flex-direction:column;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__header{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group-month{display:flex;width:100%;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label-month{flex:1}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-placeholder{visibility:hidden;pointer-events:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:var(--range-height);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day-circle{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--today .sd-date-range-picker-calendar__day-circle{font-weight:700}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--in-range{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-start{background:linear-gradient(to right, transparent 50%, var(--range-bg) 50%)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-startsd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected .sd-date-range-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled:not(.sd-date-range-picker-calendar__day--in-range):not(.sd-date-range-picker-calendar__day--range-start):not(.sd-date-range-picker-calendar__day--range-end){background:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--empty{visibility:hidden;pointer-events:none;background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-divider{width:100%;height:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time{display:flex;flex-direction:row;gap:var(--time-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-section{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--time-section-gap);padding:var(--time-padding-y) var(--time-padding-x);border-radius:var(--time-radius);background:var(--time-bg-default);font-size:var(--time-font-size);line-height:var(--time-line-height);font-weight:var(--time-font-weight)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-section--active{background:var(--time-bg-selected)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-date{display:inline-flex;align-items:center;gap:var(--time-date-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-num{color:var(--time-date-label)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-unit{color:var(--time-date-unit)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input-group{display:inline-flex;align-items:center;gap:var(--time-unit-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input{width:40px;height:var(--time-input-height);padding:0;border:1px solid var(--time-input-border);border-radius:var(--time-input-radius);background:var(--calendar-bg);text-align:center;font-size:var(--time-font-size);line-height:var(--time-line-height);font-weight:var(--time-font-weight);color:var(--time-input-text);box-sizing:border-box;outline:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input::placeholder{color:var(--time-input-placeholder)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input:focus{border-color:var(--time-input-border-focus)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-input:disabled{cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-colon{color:var(--time-date-label)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__time-suffix{color:var(--time-date-unit)}"}},[512,"sd-date-range-picker-calendar",{value:[16],selectable:[16],maxRange:[2,"max-range"],useTimePicker:[4,"use-time-picker"],currentYear:[32],currentMonth:[32],pendingStart:[32],hoverDate:[32],displayValue:[32],startHour:[32],startMinute:[32],endHour:[32],endMinute:[32]},void 0,{value:[{handleValueChange:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-date-range-picker-calendar","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-date-range-picker-calendar":customElements.get(d(e))||customElements.define(d(e),y);break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||u();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tag":customElements.get(d(e))||_()}}))}export{y as S,x as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as t,c as s,h as i,t as l}from"./p-Br8E2gpA.js";import{L as c,i as d,a as o,b as r}from"./p-D_XhV8nM.js";import{s as m}from"./p-BE4tnQ2Z.js";import{d as a}from"./p-Bq8PIS3p.js";import{d as h}from"./p-jbqIrDHw.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.listItemClick=s(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${c.paddingLeft[this.depthKey]}px`}handleClick=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,s=e&&2===this.depth,l={"--list-item-padding-y":`${c.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${c.paddingRight}px`,"--list-item-gap":`${c.gap}px`,"--list-item-font-size":`${r.fontSize}px`,"--list-item-line-height":`${r.lineHeight}px`,"--list-item-font-weight":r.fontWeight,"--list-item-bg":t?o.depth1.bg:s?o.depth2.bg:o.bg.default,"--list-item-bg-hover":o.bg.hover,"--list-item-color":o.content.default,"--list-item-color-hover":o.content.hover,"--list-item-color-disabled":o.content.disabled,"--list-item-color-selected":o.content.selected,"--list-item-font-weight-selected":r.selectedFontWeight};return t&&(l["--list-item-border-top"]=`${o.depth1.borderWidth}px solid ${o.depth1.border}`),i("div",{key:"20492e7ba882ac768bee279fe1506e69186ec958",role:"option",tabindex:-1,"aria-selected":!0===this.isSelected?"true":"false",class:{"sd-select-list-item":!0,"sd-select-list-item--group":e,"sd-select-list-item--depth1-group":t,"sd-select-list-item--depth2-group":s,"sd-select-list-item--selected":!0===this.isSelected,"sd-select-list-item--indeterminate":null===this.isSelected,"sd-select-list-item--focused":this.isFocused,"sd-select-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&i("sd-checkbox",{key:"1b413ea873fb41380928bbc1de435242966e8649",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),d(this.option.label)?i("span",{class:"sd-select-list-item__label",ref:e=>e&&(e.innerHTML=m(this.option.label))}):i("span",{class:"sd-select-list-item__label"},this.option.label),this.countInfo&&i("span",{key:"b6b97fcfc49794b61ec27e48680a0168ce895a6b",class:"sd-select-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}static get style(){return"sd-select-list-item{display:block}sd-select-list-item .sd-select-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-list-item .sd-select-list-item--selectable{cursor:pointer}sd-select-list-item .sd-select-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-list-item .sd-select-list-item--depth2-group{font-weight:500}sd-select-list-item .sd-select-list-item--focused.sd-select-list-item--selectable:not(.sd-select-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--selected:not(.sd-select-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-list-item .sd-select-list-item--selected.sd-select-list-item--focused{color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-list-item .sd-select-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-list-item .sd-select-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-list-item .sd-select-list-item--group.sd-select-list-item--focused .sd-select-list-item__count{color:#ffffff}sd-select-list-item .sd-select-list-item__checkbox{flex-shrink:0}"}},[512,"sd-select-list-item",{option:[16],depth:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],useCheckbox:[4,"use-checkbox"],countInfo:[16]}]);function p(){"undefined"!=typeof customElements&&["sd-select-list-item","sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-select-list-item":customElements.get(l(e))||customElements.define(l(e),n);break;case"sd-checkbox":customElements.get(l(e))||a();break;case"sd-icon":customElements.get(l(e))||h()}}))}export{n as S,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,c as e,h as i,t as o}from"./p-C8x8VEb8.js";import{c as l,d as r,f as h,i as c,e as n,E as d,g as a}from"./p-x9AWBHPy.js";import{d as u}from"./p-BU1DclrU.js";import{d as b}from"./p-BpTKv3vN.js";import{d as p}from"./p-BDULNyBw.js";import{d as m}from"./p-BoJ_gLp7.js";const x=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.optionSelect=e(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!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.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=s=>s.flatMap((s=>s.disabled?[]:s.children?t(s.children):[s]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const s=this.getSelectedValues(),e=t.filter((t=>s.has(t.value))).length;return 0!==e&&(e===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?l(this.options):this.options.length)>=r}get filteredOptions(){if(null==this.searchKeyword||""===this.searchKeyword)return this.options;if(this.isDepth)return h(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((s=>{const e=c(s.label)?n(s.label):s.label;return null!=e&&e.toLowerCase().includes(t)}))}get isEmpty(){return this.isDepth?0===l(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=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 s=this.getSelectedValues();if(0===s.size)return!1;const e=this.collectVisibleLeaves(t);if(0===e.length)return!1;const i=e.filter((t=>s.has(t.value))).length;return 0!==i&&(i===e.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const s=this.getSelectedValues(),e=this.collectVisibleLeaves(t);return{selected:e.filter((t=>s.has(t.value))).length,total:e.length}}findOriginalOption(t,s){for(const e of s){if(e.value===t)return e;if(e.children){const s=this.findOriginalOption(t,e.children);if(s)return s}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const s=this.findOriginalOption(t.value,this.options);return s?this.collectLeaves(s).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const s=[];this.showSelectAll&&s.push(t.SELECT_ALL_OPTION);const e=t=>{for(const i of t){const t=!!i.children;(!t||this.isMulti)&&!i.disabled&&s.push(i),t&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),s}isSelectAllOption(s){return this.showSelectAll&&s.value===t.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const s=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...t.SELECT_ALL_OPTION,children:s},leaves:s})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const s=this.navigableOptions[this.focusedIndex];return null!=s&&s.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 s=this.navigableOptions.findIndex((s=>s.value===t.value));s>=0&&(this.focusedIndex=s)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const s=this.navigableOptions;if("ArrowDown"===t.key){if(0===s.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%s.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===s.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?s.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=s.length)return;t.preventDefault(),t.stopPropagation();const e=s[this.focusedIndex];this.isSelectAllOption(e)?this.emitSelectAll():this.emitOptionSelect(e)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,s=t?.querySelector(".sd-select-list-item--focused");if(!t||!s)return;const e=t.getBoundingClientRect(),i=s.getBoundingClientRect();i.top<e.top?t.scrollTop+=i.top-e.top:i.bottom>e.bottom&&(t.scrollTop+=i.bottom-e.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,s=1){return t.map((t=>{const e=!!t.children;return[i("sd-select-list-item",{option:t,depth:s,isSelected:e?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),e&&t.children?this.renderOptions(t.children,s+1):null]}))}render(){return i("div",{key:"060d455fa7eb31d50fb13251f352643460cc1232",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${a.radius}px`}},this.showSearch&&i("sd-select-list-item-search",{key:"70543defd307911c3885b9ef3a0726465e9e4471",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"17aed7b1eb402f3b61044814cfad734e2cd4b922",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&i("sd-select-list-item",{key:"1f43ef353e470ebb0f70bfed5c495eb7de227c62",option:t.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(t.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(t.SELECT_ALL_OPTION)}),this.isEmpty?i("div",{class:"sd-select-listbox__empty"},d):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-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}]}}static get style(){return":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__list::-webkit-scrollbar{width:12px;height:12px;background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-track{background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-thumb{background-color:#CCCCCC;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-width:thin;scrollbar-color:#CCCCCC transparent}}:host .sd-select-listbox__list::-webkit-scrollbar,:host .sd-select-listbox__list::-webkit-scrollbar-track{background:#F6F6F6}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-color:#CCCCCC #F6F6F6}}:host .sd-select-listbox__list::-webkit-scrollbar-track:vertical{border-left:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-track:horizontal{border-top:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:vertical{border-left-width:3px}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:horizontal{border-top-width:3px}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}"}},[513,"sd-select-listbox",{type:[1],options:[16],value:[8],emitValue:[4,"emit-value"],useSearch:[4,"use-search"],useSelectAll:[4,"use-select-all"],triggerWidth:[1,"trigger-width"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],searchKeyword:[32],isScrolled:[32],focusedIndex:[32]},void 0,{searchKeyword:[{resetFocusOnFilter:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-listbox","sd-checkbox","sd-icon","sd-select-list-item","sd-select-list-item-search"].forEach((t=>{switch(t){case"sd-select-listbox":customElements.get(o(t))||customElements.define(o(t),x);break;case"sd-checkbox":customElements.get(o(t))||u();break;case"sd-icon":customElements.get(o(t))||b();break;case"sd-select-list-item":customElements.get(o(t))||p();break;case"sd-select-list-item-search":customElements.get(o(t))||m()}}))}export{x as S,f as d}
|
|
1
|
+
import{p as t,H as s,c as e,h as i,t as o}from"./p-Br8E2gpA.js";import{c as l,d as r,f as h,i as c,e as n,E as d,g as a}from"./p-D_XhV8nM.js";import{d as u}from"./p-Bq8PIS3p.js";import{d as b}from"./p-jbqIrDHw.js";import{d as p}from"./p-DQi-e0ko.js";import{d as m}from"./p-DrZYy9kv.js";const x=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.optionSelect=e(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!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.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=s=>s.flatMap((s=>s.disabled?[]:s.children?t(s.children):[s]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const s=this.getSelectedValues(),e=t.filter((t=>s.has(t.value))).length;return 0!==e&&(e===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?l(this.options):this.options.length)>=r}get filteredOptions(){if(null==this.searchKeyword||""===this.searchKeyword)return this.options;if(this.isDepth)return h(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((s=>{const e=c(s.label)?n(s.label):s.label;return null!=e&&e.toLowerCase().includes(t)}))}get isEmpty(){return this.isDepth?0===l(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=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 s=this.getSelectedValues();if(0===s.size)return!1;const e=this.collectVisibleLeaves(t);if(0===e.length)return!1;const i=e.filter((t=>s.has(t.value))).length;return 0!==i&&(i===e.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const s=this.getSelectedValues(),e=this.collectVisibleLeaves(t);return{selected:e.filter((t=>s.has(t.value))).length,total:e.length}}findOriginalOption(t,s){for(const e of s){if(e.value===t)return e;if(e.children){const s=this.findOriginalOption(t,e.children);if(s)return s}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const s=this.findOriginalOption(t.value,this.options);return s?this.collectLeaves(s).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const s=[];this.showSelectAll&&s.push(t.SELECT_ALL_OPTION);const e=t=>{for(const i of t){const t=!!i.children;(!t||this.isMulti)&&!i.disabled&&s.push(i),t&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),s}isSelectAllOption(s){return this.showSelectAll&&s.value===t.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const s=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...t.SELECT_ALL_OPTION,children:s},leaves:s})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const s=this.navigableOptions[this.focusedIndex];return null!=s&&s.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 s=this.navigableOptions.findIndex((s=>s.value===t.value));s>=0&&(this.focusedIndex=s)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const s=this.navigableOptions;if("ArrowDown"===t.key){if(0===s.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%s.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===s.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?s.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=s.length)return;t.preventDefault(),t.stopPropagation();const e=s[this.focusedIndex];this.isSelectAllOption(e)?this.emitSelectAll():this.emitOptionSelect(e)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,s=t?.querySelector(".sd-select-list-item--focused");if(!t||!s)return;const e=t.getBoundingClientRect(),i=s.getBoundingClientRect();i.top<e.top?t.scrollTop+=i.top-e.top:i.bottom>e.bottom&&(t.scrollTop+=i.bottom-e.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,s=1){return t.map((t=>{const e=!!t.children;return[i("sd-select-list-item",{option:t,depth:s,isSelected:e?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),e&&t.children?this.renderOptions(t.children,s+1):null]}))}render(){return i("div",{key:"c336ef386ead6881694925cc3e1fb1cd99e92037",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${a.radius}px`}},this.showSearch&&i("sd-select-list-item-search",{key:"9b8db37fbd34b71e2206e6919c122fa2666a68f9",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"5e02d3d337dd337c2029c50a7582abd0dbaafd33",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&i("sd-select-list-item",{key:"955b332da48d42a76637827e966568af3b495b39",option:t.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(t.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(t.SELECT_ALL_OPTION)}),this.isEmpty?i("div",{class:"sd-select-listbox__empty"},d):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-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}]}}static get style(){return":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__list::-webkit-scrollbar{width:12px;height:12px;background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-track{background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-thumb{background-color:#CCCCCC;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-width:thin;scrollbar-color:#CCCCCC transparent}}:host .sd-select-listbox__list::-webkit-scrollbar,:host .sd-select-listbox__list::-webkit-scrollbar-track{background:#F6F6F6}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-color:#CCCCCC #F6F6F6}}:host .sd-select-listbox__list::-webkit-scrollbar-track:vertical{border-left:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-track:horizontal{border-top:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:vertical{border-left-width:3px}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:horizontal{border-top-width:3px}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}"}},[513,"sd-select-listbox",{type:[1],options:[16],value:[8],emitValue:[4,"emit-value"],useSearch:[4,"use-search"],useSelectAll:[4,"use-select-all"],triggerWidth:[1,"trigger-width"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],searchKeyword:[32],isScrolled:[32],focusedIndex:[32]},void 0,{searchKeyword:[{resetFocusOnFilter:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-listbox","sd-checkbox","sd-icon","sd-select-list-item","sd-select-list-item-search"].forEach((t=>{switch(t){case"sd-select-listbox":customElements.get(o(t))||customElements.define(o(t),x);break;case"sd-checkbox":customElements.get(o(t))||u();break;case"sd-icon":customElements.get(o(t))||b();break;case"sd-select-list-item":customElements.get(o(t))||p();break;case"sd-select-list-item-search":customElements.get(o(t))||m()}}))}export{x as S,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{l as e}from"./p-
|
|
1
|
+
import{l as e}from"./p-DgXp5DEl.js";import{l as t}from"./p-DlJaYVWf.js";var a={paddingX:"12",gap:"8",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},d={default:"#888888",disabled:"#BBBBBB"},i={default:"#222222",disabled:"#888888"};const n={paddingX:a.paddingX,gap:a.gap},s={fontSize:a.typography.fontSize,lineHeight:a.typography.lineHeight,fontWeight:a.typography.fontWeight},o={icon:{default:d.default,disabled:d.disabled},text:{default:i.default,disabled:i.disabled}},r={paddingY:e.listItem.paddingY,paddingRight:e.listItem.paddingRight,paddingLeft:{depth1:e.listItem.paddingLeft.depth1,depth2:e.listItem.paddingLeft.depth2,depth3:e.listItem.paddingLeft.depth3},gap:e.listItem.gap},l={fontSize:e.listItem.typography.default.fontSize,lineHeight:e.listItem.typography.default.lineHeight,fontWeight:e.listItem.typography.default.fontWeight,selectedFontWeight:e.listItem.typography.selected.fontWeight},g={bg:{default:e.listItem.bg.default,hover:e.listItem.bg.hover},content:{default:e.listItem.content.default,hover:e.listItem.content.hover,disabled:e.listItem.content.disabled,selected:e.listItem.content.selected},depth1:{bg:e.listItem.depth1.bg.default,border:e.listItem.depth1.border.color,borderWidth:e.listItem.depth1.border.width},depth2:{bg:e.listItem.depth2.middle.bg}},f={radius:t.listBox.radius},p=11,h=1e3,u="표시할 항목이 없습니다.";function c(e){return/<[a-z][\s\S]*>/i.test(e)}function b(e){return e.replace(/<[^>]*>/g,"")}function B(e){return e.reduce(((e,t)=>t.children?e+B(t.children):e+1),0)}function W(e,t){const a=(t??"").toLowerCase();return e.reduce(((e,d)=>{const i=c(d.label)?b(d.label):d.label,n=null!=i&&i.toLowerCase().includes(a);if(d.children){const a=W(d.children,t);a.length>0?e.push({...d,children:a}):n&&e.push({...d,children:[]})}else n&&e.push({...d});return e}),[])}export{u as E,r as L,h as S,g as a,l as b,B as c,p as d,b as e,W as f,f as g,o as h,c as i,s as j,n as k}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as e}from"./p-
|
|
1
|
+
import{d as e}from"./p-BPC5SuWU.js";const t=(()=>{const e=new Date;return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`})(),r=()=>({formatDate:(e,t,r)=>`${e}-${String(t).padStart(2,"0")}-${String(r).padStart(2,"0")}`,createCalendar:(e,t)=>{const r=(e=>{const t=Number(e.split("-")[0]),r=Number(e.split("-")[1]),n=new Date(t,r,0).getDate();return Array.from({length:n},((e,t)=>t+1))})(`${e}-${String(t).padStart(2,"0")}-01`),n=new Date(e,t-1,1).getDay();return{days:r,prevMonthDays:Array.from({length:n}),afterMonthDays:Array.from({length:(7-(r.length+n)%7)%7})}},calculateYearMonth:(e,t,r)=>{let n=e,a="prev"===r?t-1:t+1;return a<1?(n=e-1,a=12):a>12&&(n=e+1,a=1),{newYear:n,newMonth:a}}}),n={bg:e.datepicker.calendar.bg,paddingXY:e.datepicker.calendar.paddingXY,gap:e.datepicker.calendar.gap,radius:e.datepicker.calendar.radius,header:{gap:e.datepicker.calendar.header.gap,divider:e.datepicker.calendar.header.divider,fontSize:e.datepicker.calendar.header.typography.fontSize,lineHeight:e.datepicker.calendar.header.typography.lineHeight,fontWeight:e.datepicker.calendar.header.typography.fontWeight},week:{fontSize:e.datepicker.calendar.week.typography.fontSize,lineHeight:e.datepicker.calendar.week.typography.lineHeight,fontWeight:e.datepicker.calendar.week.typography.fontWeight,color:e.datepicker.calendar.week.color},grid:{rowGap:e.datepicker.calendar.grid.rowGap},day:{size:e.datepicker.calendar.day.width,circleSize:e.datepicker.calendar.day.circle.size,circleRadius:e.datepicker.calendar.day.circle.radius,defaultText:e.datepicker.calendar.day.default.text,hoverText:e.datepicker.calendar.day.hover.text,hoverBorder:e.datepicker.calendar.day.hover.border,selectBg:e.datepicker.calendar.day.select.bg,selectText:e.datepicker.calendar.day.select.text,disabledText:e.datepicker.calendar.day.disabled.text,fontSize:e.datepicker.calendar.day.typography.default.fontSize,lineHeight:e.datepicker.calendar.day.typography.default.lineHeight,fontWeight:e.datepicker.calendar.day.typography.default.fontWeight,boldFontWeight:e.datepicker.calendar.day.typography.bold.fontWeight,dot:{size:e.datepicker.calendar.day.dot.size,gap:e.datepicker.calendar.day.dot.gap,paddingY:e.datepicker.calendar.day.dot.paddingY}},legend:{fontSize:e.datepicker.calendar.legend.typography.fontSize,lineHeight:e.datepicker.calendar.legend.typography.lineHeight,fontWeight:e.datepicker.calendar.legend.typography.fontWeight,gap:e.datepicker.calendar.legend.gap,groupGap:e.datepicker.calendar.legend.group.gap}},a=["일","월","화","수","목","금","토"];export{n as C,a as W,t,r as u}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,c as
|
|
1
|
+
import{p as t,H as s,c as i,h as e,t as n}from"./p-Br8E2gpA.js";import{n as a}from"./p-CCwNgVmC.js";import{i as o}from"./p-BqZ8dpm7.js";import{d}from"./p-7VzVE0oV.js";import{d as l}from"./p-BFBKrBpn.js";import{d as r}from"./p-B-DK72cc.js";import{d as p}from"./p-jbqIrDHw.js";import{d as u}from"./p-Hh0L_XZ6.js";import{d as h}from"./p-CZym_85X.js";import{d as c}from"./p-B7fiz4d8.js";const f=o.textinput.sm,b=o.textinput.md,m={sm:{height:f.height,paddingX:f.paddingX,gap:f.gap,radius:f.radius,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight},md:{height:b.height,paddingX:b.paddingX,gap:b.gap,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},g={text:o.textinput.text,icon:o.textinput.icon},_=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.input=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get host(){return this}value=null;type="text";size="sm";addonLabel="";addonAlign="start";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="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=a();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(){null!=this.value&&""!==this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,s)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(s)):this.focus?.emit(s)};render(){const t=m[this.size]??m.sm;return e("sd-field",{key:"3ae7b521de6759b8def5ff40f439628f18c7a91c",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,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":g.text.default,"--sd-input-placeholder-color":g.text.placeholder,"--sd-input-disabled-color":g.text.disabled,"--sd-input-icon-color":g.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`}},e("label",{key:"2a36f4af08b6fd5263491aeae7ada7a3038dbe8c",class:"sd-input__content"},e("slot",{key:"c13be01f5aedba1076401aa3ba41a8503d9f14ce",name:"prefix"}),e("input",{key:"7cd2bfd289b9f0e87e6de45772c3fdb9d74d1c21",name:this.name,ref:t=>this.nativeEl=t,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type??"text",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:"036abcab351dd45705e1a4abf87cf6b6181171ac",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&!this.readonly&&e("sd-ghost-button",{key:"a6ad01e9586019b30189cd8facf45eef4ddb80f5",icon:"close",ariaLabel:"clear",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||this.readonly||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&e("sd-ghost-button",{key:"abd32a3b71cda45e67b62d57c10c3fa59840ad75",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled||this.readonly,class:"sd-input__password-icon",onClick:()=>{this.disabled||this.readonly||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"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[readonly]{color:var(--sd-system-color-field-text-read-only)}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,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}"}},[772,"sd-input",{value:[1032],type:[1],size:[1],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],clearable:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],autocomplete:[1],maxlength:[2],minlength:[2],inputmode:[1],enterkeyhint:[1],spellcheck:[4],status:[1],hint:[1],errorMessage:[1,"error-message"],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],labelWidth:[8,"label-width"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],name:[1],internalValue:[32],passwordVisible:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["sd-input","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((t=>{switch(t){case"sd-input":customElements.get(n(t))||customElements.define(n(t),_);break;case"sd-field":customElements.get(n(t))||d();break;case"sd-floating-portal":customElements.get(n(t))||l();break;case"sd-ghost-button":customElements.get(n(t))||r();break;case"sd-icon":customElements.get(n(t))||p();break;case"sd-portal":customElements.get(n(t))||u();break;case"sd-tag":customElements.get(n(t))||h();break;case"sd-tooltip":customElements.get(n(t))||c()}}))}export{_ as S,v as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,c as a,h as s,t as d}from"./p-Br8E2gpA.js";import{n as r}from"./p-CCwNgVmC.js";import{i}from"./p-BqZ8dpm7.js";import{d as o}from"./p-7VzVE0oV.js";import{d as l}from"./p-BFBKrBpn.js";import{d as n}from"./p-B-DK72cc.js";import{d as h}from"./p-jbqIrDHw.js";import{d as c}from"./p-Hh0L_XZ6.js";import{d as u}from"./p-CZym_85X.js";import{d as p}from"./p-B7fiz4d8.js";const x={paddingX:i.textinput.sm.paddingX,paddingY:i.textinput.sm.paddingY,radius:i.textinput.sm.radius,fontSize:i.textinput.sm.typography.fontSize,lineHeight:i.textinput.sm.typography.lineHeight,fontWeight:i.textinput.sm.typography.fontWeight},m={text:i.textinput.text,bg:i.textinput.bg,border:i.textinput.border,resizer:i.textinput.resizer},b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate",7),this.focus=a(this,"sdFocus",7),this.blur=a(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=r();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:"cc18aa606f40b249f8de5d48b36470b294aa76e2",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${x.fontSize}px`,"--sd-textarea-line-height":`${x.lineHeight}px`,"--sd-textarea-font-weight":x.fontWeight,"--sd-textarea-padding-x":`${x.paddingX}px`,"--sd-textarea-padding-y":`${x.paddingY}px`,"--sd-textarea-radius":`${x.radius}px`,"--sd-textarea-text-color":m.text.default,"--sd-textarea-placeholder-color":m.text.placeholder,"--sd-textarea-disabled-color":m.text.disabled,"--sd-textarea-bg-color":m.bg.default,"--sd-textarea-disabled-bg-color":m.bg.disabled,"--sd-textarea-border-color":m.border.default,"--sd-textarea-resizer-color":m.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${x.radius}px`}},s("div",{key:"009d0fb7c7d098da800d7d3072e2011c3af79f75",class:"sd-textarea__content"},s("textarea",{key:"ccac986809b92089842aee333a0abd5b3c2d6821",name:this.name,ref:e=>this.nativeEl=e,class:`sd-textarea__native ${this.textareaClass}`,value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],name:[1],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-textarea","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(d(e))||customElements.define(d(e),b);break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||l();break;case"sd-ghost-button":customElements.get(d(e))||n();break;case"sd-icon":customElements.get(d(e))||h();break;case"sd-portal":customElements.get(d(e))||c();break;case"sd-tag":customElements.get(d(e))||u();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{b as S,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,t as a}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,t as a}from"./p-Br8E2gpA.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-Cj1tlXCY.js";import{d as o}from"./p-1ZYElZaM.js";import{d as n}from"./p-DI0Ozqgn.js";import{d as h}from"./p-7VzVE0oV.js";import{d as c}from"./p-BFBKrBpn.js";import{d as m}from"./p-B-DK72cc.js";import{d as p}from"./p-jbqIrDHw.js";import{d as u}from"./p-Hh0L_XZ6.js";import{d as g}from"./p-CZym_85X.js";import{d as b}from"./p-B7fiz4d8.js";const f=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;useTimePicker=!1;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.useTimePicker||this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}static DEFAULT_PLACEHOLDER="YYYY-MM-DD ~ YYYY-MM-DD";get resolvedPlaceholder(){return this.useTimePicker&&this.placeholder===e.DEFAULT_PLACEHOLDER?"YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm":this.placeholder}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.sm;return i("sd-field",{key:"01098a74a5066d2328409dcdf21bb38691adf455",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"dab4a666f5c144bbcbf3848528ce246c752ab906",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"5aa378df1b53a2b8cc29e159e7bda0544210a81e",displayText:this.displayText,placeholder:this.resolvedPlaceholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"8d18658004dc009d869804bdabd31155117edde3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"0bf96efeed4c567052e690a83a70f27df85ccc64",value:this.value,selectable:this.selectable,maxRange:this.maxRange,useTimePicker:this.useTimePicker,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-range-picker",{value:[1040],size:[513],placeholder:[513],selectable:[16],maxRange:[2,"max-range"],useTimePicker:[4,"use-time-picker"],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-date-picker-trigger","sd-date-range-picker-calendar","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(a(e))||customElements.define(a(e),f);break;case"sd-date-picker-trigger":customElements.get(a(e))||o();break;case"sd-date-range-picker-calendar":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||h();break;case"sd-floating-portal":customElements.get(a(e))||c();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||p();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tag":customElements.get(a(e))||g();break;case"sd-tooltip":customElements.get(a(e))||b()}}))}export{f as S,k as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,t as c}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,t as c}from"./p-Br8E2gpA.js";import{S as a}from"./p-D_XhV8nM.js";import{d as l}from"./p-jbqIrDHw.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),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)}),a)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){void 0!==this.focusRafId&&cancelAnimationFrame(this.focusRafId),void 0!==this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return i("div",{key:"e461ae14d90896bf0abfbe357b0d8068c25b439b",class:{"sd-select-list-item-search":!0,"sd-select-list-item-search--scrolled":this.isScrolled}},i("div",{key:"870b68748e166f56fbf921ab6431e165c397278c",class:"sd-select-list-item-search__inner"},i("sd-icon",{key:"0252b5648c10042ce7b7db6af880f00a0f81f50a",name:"search",size:16,color:"grey_70",class:"sd-select-list-item-search__icon"}),i("input",{key:"5154a2d317f66d4722dfcd4f9ae8a87a3e9d651f",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),i("button",{key:"a6d7e8ee24139325d66ff0e987d6b1140ea88ea7",type:"button",class:{"sd-select-list-item-search__clear":!0,"sd-select-list-item-search__clear--hidden":""===this.searchText},onClick:this.handleClear,tabindex:""!==this.searchText?0:-1,"aria-hidden":""!==this.searchText?"false":"true"},i("sd-icon",{key:"03a33242101dbe710cb3c3327b6f2c695d76baab",name:"close",size:12,color:"#888888"}))))}static get style(){return"sd-select-list-item-search{display:block}sd-select-list-item-search .sd-select-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-list-item-search .sd-select-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-list-item-search .sd-select-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-list-item-search .sd-select-list-item-search__inner:focus-within{border-color:#0075ff}sd-select-list-item-search .sd-select-list-item-search__icon{flex-shrink:0}sd-select-list-item-search .sd-select-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-list-item-search .sd-select-list-item-search__input::placeholder{color:#aaaaaa}sd-select-list-item-search .sd-select-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-list-item-search .sd-select-list-item-search__clear:hover{background:#f0f0f0}sd-select-list-item-search .sd-select-list-item-search__clear--hidden{visibility:hidden;pointer-events:none}"}},[512,"sd-select-list-item-search",{isScrolled:[4,"is-scrolled"],searchText:[32],sdFocus:[64]}]);function d(){"undefined"!=typeof customElements&&["sd-select-list-item-search","sd-icon"].forEach((e=>{switch(e){case"sd-select-list-item-search":customElements.get(c(e))||customElements.define(c(e),r);break;case"sd-icon":customElements.get(c(e))||l()}}))}export{r as S,d}
|