@sellmate/design-system 1.7.0 → 1.7.2
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/sd-action-modal.cjs.entry.js +2 -2
- package/dist/cjs/sd-badge.cjs.entry.js +1 -1
- package/dist/cjs/sd-barcode-input.cjs.entry.js +1 -1
- package/dist/cjs/sd-button_2.cjs.entry.js +2 -2
- package/dist/cjs/sd-calendar_2.cjs.entry.js +5 -5
- package/dist/cjs/sd-callout.cjs.entry.js +1 -1
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- 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 +3 -3
- package/dist/cjs/sd-date-picker_7.cjs.entry.js +10 -10
- package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +1 -1
- package/dist/cjs/sd-divider.cjs.entry.js +1 -1
- package/dist/cjs/sd-field_3.cjs.entry.js +8 -8
- package/dist/cjs/sd-ghost-button.cjs.entry.js +2 -2
- package/dist/cjs/sd-guide.cjs.entry.js +2 -2
- package/dist/cjs/sd-linear-progress.cjs.entry.js +1 -1
- package/dist/cjs/sd-loading-container.cjs.entry.js +2 -2
- package/dist/cjs/sd-pagination_4.cjs.entry.js +8 -8
- package/dist/cjs/sd-popover.cjs.entry.js +3 -3
- package/dist/cjs/sd-popup.cjs.entry.js +1 -1
- package/dist/cjs/sd-portal.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-list-item_2.cjs.entry.js +6 -6
- package/dist/cjs/sd-select_3.cjs.entry.js +8 -8
- package/dist/cjs/sd-switch.cjs.entry.js +1 -1
- package/dist/cjs/sd-table.cjs.entry.js +6 -6
- package/dist/cjs/sd-tabs.cjs.entry.js +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +2 -2
- package/dist/cjs/sd-td.cjs.entry.js +1 -1
- package/dist/cjs/sd-text-link.cjs.entry.js +3 -3
- package/dist/cjs/sd-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/sd-toast.cjs.entry.js +2 -2
- package/dist/cjs/sd-toggle.cjs.entry.js +1 -1
- package/dist/collection/components/sd-action-modal/sd-action-modal.css +2 -3
- package/dist/collection/components/sd-action-modal/sd-action-modal.js +1 -1
- package/dist/collection/components/sd-badge/sd-badge.js +1 -1
- package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +1 -1
- package/dist/collection/components/sd-button/sd-button.js +2 -2
- package/dist/collection/components/sd-calendar/sd-calendar.js +3 -3
- package/dist/collection/components/sd-callout/sd-callout.js +1 -1
- package/dist/collection/components/sd-card/sd-card.js +1 -1
- package/dist/collection/components/sd-chip/sd-chip.js +1 -1
- package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +1 -1
- package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +2 -2
- package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +2 -2
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +2 -2
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +1 -1
- package/dist/collection/components/sd-divider/sd-divider.js +1 -1
- package/dist/collection/components/sd-field/sd-field.js +5 -5
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
- package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +2 -2
- package/dist/collection/components/sd-guide/sd-guide.js +2 -2
- 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 +3 -3
- package/dist/collection/components/sd-popup/sd-popup.js +1 -1
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-radio/sd-radio.js +1 -1
- package/dist/collection/components/sd-radio-button/sd-radio-button.js +1 -1
- package/dist/collection/components/sd-radio-group/sd-radio-group.js +1 -1
- 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-switch/sd-switch.js +1 -1
- package/dist/collection/components/sd-table/sd-table.js +6 -6
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +2 -2
- package/dist/collection/components/sd-table/sd-td/sd-td.js +1 -1
- package/dist/collection/components/sd-table/sd-thead/sd-thead.js +3 -3
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-tag/sd-tag.js +2 -2
- package/dist/collection/components/sd-text-link/sd-text-link.js +3 -3
- package/dist/collection/components/sd-textarea/sd-textarea.js +1 -1
- package/dist/collection/components/sd-toast/sd-toast.js +2 -2
- package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
- package/dist/components/{p-DeHt0RYQ.js → p-2z2c2umH.js} +1 -1
- package/dist/components/{p-BDJJQALT.js → p-B45aOf4I.js} +1 -1
- package/dist/components/{p-CSbyXQa9.js → p-B6G64i5a.js} +1 -1
- package/dist/components/{p-CRq8zgt_.js → p-B6JOxZKP.js} +1 -1
- package/dist/components/{p-CAP-9lnL.js → p-B6L3bPm2.js} +1 -1
- package/dist/components/{p-C1Fk1556.js → p-BWJtQGYo.js} +1 -1
- package/dist/components/{p-DAAHX92J.js → p-Bhh7ig9Q.js} +1 -1
- package/dist/components/{p-DR1f1cS9.js → p-C8c6MuKQ.js} +1 -1
- package/dist/components/{p-Dq38kgOY.js → p-CARYLqH9.js} +1 -1
- package/dist/components/{p-BYRvYsiC.js → p-CTuKWVTh.js} +1 -1
- package/dist/components/{p-CJRGLvgC.js → p-CkR5oiLy.js} +1 -1
- package/dist/components/{p-5_BC8C6x.js → p-CwQTEZWO.js} +1 -1
- package/dist/components/{p-CK6jFkqR.js → p-CwRItc2J.js} +1 -1
- package/dist/components/{p-CtXad9by.js → p-D6cUtm8p.js} +1 -1
- package/dist/components/{p-2aQ4cVXp.js → p-DCFqtVBm.js} +1 -1
- package/dist/components/{p-D4mjSR0u.js → p-DISZkQqT.js} +1 -1
- package/dist/components/{p-vZLoby4N.js → p-DMrXwfmf.js} +1 -1
- package/dist/components/{p-DwKYjjIC.js → p-DP0Dp12H.js} +1 -1
- package/dist/components/{p-DY1iQfib.js → p-DhmsCQrB.js} +1 -1
- package/dist/components/{p-DfKa36bs.js → p-DhtKHJ7-.js} +1 -1
- package/dist/components/{p-DK4Jvax0.js → p-DmDGMDzt.js} +1 -1
- package/dist/components/p-DoREs-rv.js +1 -0
- package/dist/components/{p-BNXKU1BW.js → p-EcuI_UmK.js} +1 -1
- package/dist/components/{p-CnbeQ2DI.js → p-I9SoAcVO.js} +1 -1
- package/dist/components/{p-BVvVDIo0.js → p-ZSGGRCNc.js} +1 -1
- package/dist/components/{p-F7yyGdIc.js → p-cX2DD74L.js} +1 -1
- package/dist/components/{p-CWGbMz0J.js → p-f10Mw7qM.js} +1 -1
- package/dist/components/{p-D155awu4.js → p-lOVBaLB7.js} +1 -1
- package/dist/components/p-p4bNikji.js +1 -0
- package/dist/components/{p-EbF6qsnG.js → p-uVZjhyvS.js} +1 -1
- package/dist/components/{p-B_2U9h3P.js → p-wLoP3KMv.js} +1 -1
- package/dist/components/p-y_6iWhDy.js +1 -0
- 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-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-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-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-ghost-button.js +1 -1
- package/dist/components/sd-guide.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-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-switch.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +1 -1
- package/dist/components/sd-text-link.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-thead.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.esm.js +1 -1
- package/dist/design-system/{p-32d96a70.entry.js → p-07b0d118.entry.js} +1 -1
- package/dist/design-system/{p-e159f70d.entry.js → p-0de5a53b.entry.js} +1 -1
- package/dist/design-system/{p-e1350f4d.entry.js → p-1219699a.entry.js} +1 -1
- package/dist/design-system/p-18057222.entry.js +1 -0
- package/dist/design-system/{p-08798232.entry.js → p-18d3ae55.entry.js} +1 -1
- package/dist/design-system/{p-643c004a.entry.js → p-1aafbc7b.entry.js} +1 -1
- package/dist/design-system/{p-0060136e.entry.js → p-2c0a8333.entry.js} +1 -1
- package/dist/design-system/{p-ea17a361.entry.js → p-2d3d25bd.entry.js} +1 -1
- package/dist/design-system/p-3e2b5e01.entry.js +1 -0
- package/dist/design-system/{p-840f592d.entry.js → p-46faa7ed.entry.js} +1 -1
- package/dist/design-system/{p-b08ca29b.entry.js → p-4c3ead1b.entry.js} +1 -1
- package/dist/design-system/{p-a6c9baa5.entry.js → p-5c4fd9c1.entry.js} +1 -1
- package/dist/design-system/{p-eef5f8d7.entry.js → p-5d5d8220.entry.js} +1 -1
- package/dist/design-system/p-60b80bf3.entry.js +1 -0
- package/dist/design-system/{p-8d2815cf.entry.js → p-74b3e95b.entry.js} +1 -1
- package/dist/design-system/{p-0964c79a.entry.js → p-78b0b759.entry.js} +1 -1
- package/dist/design-system/p-78c2fd6d.entry.js +1 -0
- package/dist/design-system/p-8674d868.entry.js +1 -0
- package/dist/design-system/{p-10f579ba.entry.js → p-95bbba4f.entry.js} +1 -1
- package/dist/design-system/{p-b5e9320f.entry.js → p-969665c0.entry.js} +1 -1
- package/dist/design-system/{p-adce8704.entry.js → p-97b405aa.entry.js} +1 -1
- package/dist/design-system/{p-4ef942a8.entry.js → p-9d34518e.entry.js} +1 -1
- package/dist/design-system/{p-d1da969d.entry.js → p-a5930cbd.entry.js} +1 -1
- package/dist/design-system/{p-102c2153.entry.js → p-bd4e5141.entry.js} +1 -1
- package/dist/design-system/{p-70f47e43.entry.js → p-c1bac61e.entry.js} +1 -1
- package/dist/design-system/{p-f172920e.entry.js → p-c73cadc7.entry.js} +1 -1
- package/dist/design-system/p-cce38339.entry.js +1 -0
- package/dist/design-system/{p-7444d475.entry.js → p-cffa6da7.entry.js} +1 -1
- package/dist/design-system/{p-914d74c4.entry.js → p-deec1ef0.entry.js} +1 -1
- package/dist/design-system/{p-2e4d1fe1.entry.js → p-e6bd8ab1.entry.js} +1 -1
- package/dist/design-system/{p-1743651a.entry.js → p-e81cb8c9.entry.js} +1 -1
- package/dist/design-system/{p-e9079238.entry.js → p-ea586c5e.entry.js} +1 -1
- package/dist/design-system/{p-733aa107.entry.js → p-f14962bd.entry.js} +1 -1
- package/dist/design-system/{p-521e5d2e.entry.js → p-f3dff8b8.entry.js} +1 -1
- package/dist/design-system/{p-282b1260.entry.js → p-ff33d019.entry.js} +1 -1
- package/dist/esm/sd-action-modal.entry.js +2 -2
- package/dist/esm/sd-badge.entry.js +1 -1
- package/dist/esm/sd-barcode-input.entry.js +1 -1
- package/dist/esm/sd-button_2.entry.js +2 -2
- package/dist/esm/sd-calendar_2.entry.js +5 -5
- package/dist/esm/sd-callout.entry.js +1 -1
- package/dist/esm/sd-card.entry.js +1 -1
- 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 +3 -3
- package/dist/esm/sd-date-picker_7.entry.js +10 -10
- package/dist/esm/sd-date-range-picker-calendar.entry.js +1 -1
- package/dist/esm/sd-divider.entry.js +1 -1
- package/dist/esm/sd-field_3.entry.js +8 -8
- package/dist/esm/sd-ghost-button.entry.js +2 -2
- package/dist/esm/sd-guide.entry.js +2 -2
- package/dist/esm/sd-linear-progress.entry.js +1 -1
- package/dist/esm/sd-loading-container.entry.js +2 -2
- package/dist/esm/sd-pagination_4.entry.js +8 -8
- package/dist/esm/sd-popover.entry.js +3 -3
- package/dist/esm/sd-popup.entry.js +1 -1
- package/dist/esm/sd-portal.entry.js +1 -1
- package/dist/esm/sd-radio-button.entry.js +1 -1
- package/dist/esm/sd-radio.entry.js +1 -1
- package/dist/esm/sd-select-list-item_2.entry.js +6 -6
- package/dist/esm/sd-select_3.entry.js +8 -8
- package/dist/esm/sd-switch.entry.js +1 -1
- package/dist/esm/sd-table.entry.js +6 -6
- package/dist/esm/sd-tabs.entry.js +1 -1
- package/dist/esm/sd-tag.entry.js +2 -2
- package/dist/esm/sd-td.entry.js +1 -1
- package/dist/esm/sd-text-link.entry.js +3 -3
- package/dist/esm/sd-toast-container.entry.js +1 -1
- package/dist/esm/sd-toast.entry.js +2 -2
- package/dist/esm/sd-toggle.entry.js +1 -1
- package/hydrate/index.js +92 -92
- package/hydrate/index.mjs +92 -92
- package/package.json +1 -1
- package/dist/components/p-BFAQ4nY2.js +0 -1
- package/dist/components/p-LZKaKr8O.js +0 -1
- package/dist/components/p-pTx5xpqU.js +0 -1
- package/dist/design-system/p-17ec576c.entry.js +0 -1
- package/dist/design-system/p-4cf1c8ae.entry.js +0 -1
- package/dist/design-system/p-69a208c0.entry.js +0 -1
- package/dist/design-system/p-9c74571a.entry.js +0 -1
- package/dist/design-system/p-afdca5bb.entry.js +0 -1
- package/dist/design-system/p-f97b75d3.entry.js +0 -1
|
@@ -27,7 +27,7 @@ const ACTION_MODAL_TITLE = {
|
|
|
27
27
|
lineHeight: Number(action.title.typography.lineHeight),
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
const sdActionModalCss = () => `sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer
|
|
30
|
+
const sdActionModalCss = () => `sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer-sub{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}`;
|
|
31
31
|
|
|
32
32
|
const DEFAULT_BUTTON_PROPS = {
|
|
33
33
|
name: 'primary_md',
|
|
@@ -73,7 +73,7 @@ const SdActionModal = class {
|
|
|
73
73
|
if (this.height != null && this.height !== '') {
|
|
74
74
|
sizeStyle.height = typeof this.height === 'number' ? `${this.height}px` : this.height;
|
|
75
75
|
}
|
|
76
|
-
return (index.h("div", { key: '
|
|
76
|
+
return (index.h("div", { key: '91a94a7058a38f4433809705cf2fefdc3bbaefa9', class: "sd-action-modal", style: { ...cssVars, ...sizeStyle } }, index.h("header", { key: 'e47efbc4183c9cff34d0ed66aab69521efb9e9e5', class: "sd-action-modal__header" }, index.h("h2", { key: '7a54d5f4decb8d6d599808feafca68e548cf173e', class: "sd-action-modal__title" }, this.modalTitle), index.h("div", { key: '621c4a86ef0ba69833b84515c74d4972f0a6cc42', class: "sd-action-modal__header-sub" }, index.h("slot", { key: 'f7453ed96822804094c239cef05638934aed288e', name: "header-sub-title" })), index.h("sd-ghost-button", { key: '29cee49b27b6f261d719e6856f8b38a9fa590bf4', class: "sd-action-modal__close", icon: "close", ariaLabel: "close", onClick: () => this.close.emit() })), index.h("div", { key: '610840c291b3a26a82146549220ff1be470eafc2', class: "sd-action-modal__body" }, index.h("slot", { key: '7d390550e2ba1ae27409fb64beccf4f33f744aad', name: "body" })), (this.buttonProps != null || this.buttonProps != undefined) && (index.h("footer", { key: 'c835a2fb96066b393a8833d492d03adc2806cb07', class: "sd-action-modal__footer" }, index.h("div", { key: 'b46ed9f18f9e760bd5159260e2cf4b3f27d8dd23', class: "sd-action-modal__footer-sub" }, index.h("slot", { key: '4b9cce3c5b44b7921e82cb813a87ca5e76cd4928', name: "bottom-sub-content" })), index.h("sd-button", { key: '6cf14c10ef064a1c5993a48ef9f921069d6d70f6', ...DEFAULT_BUTTON_PROPS, ...this.buttonProps, onSdClick: () => this.ok.emit() })))));
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
79
|
SdActionModal.style = sdActionModalCss();
|
|
@@ -36,7 +36,7 @@ const SdBadge = class {
|
|
|
36
36
|
color = 'blue';
|
|
37
37
|
render() {
|
|
38
38
|
const resolvedColor = BADGE_COLOR_MAP[this.color] ?? BADGE_COLOR_MAP.blue;
|
|
39
|
-
return (index.h("div", { key: '
|
|
39
|
+
return (index.h("div", { key: '5fec3220f60c6567d1aa5de6aa3d1c7c9f9e605b', class: "sd-badge", style: { '--sd-badge-color': resolvedColor } }, index.h("div", { key: '892f2c5c1d004d172c06bc0871688d30e449e80f', class: "sd-badge__dot" })));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
SdBadge.style = sdBadgeCss();
|
|
@@ -141,7 +141,7 @@ const SdBarcodeInput = class {
|
|
|
141
141
|
'--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
|
|
142
142
|
'--sd-system-color-field-bg-default': BARCODE_INPUT_COLORS.bg.barcode,
|
|
143
143
|
};
|
|
144
|
-
return (index.h("sd-field", { key: '
|
|
144
|
+
return (index.h("sd-field", { key: 'c009f4c33b31e9498c230e9a0f4064925a1e5757', 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, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("label", { key: 'a614817eab514a80f7132ebb92ebb0b8bb8009e4', class: "sd-barcode-input__content" }, index.h("slot", { key: '16a0bf4c55eafec3fb827ba8fe54f61e546fbbca', name: "prefix" }), index.h("input", { key: 'de9e2abcfe4b8f34084feb8691ef6c8183568932', name: this.name, ref: el => (this.nativeEl = el), class: `sd-barcode-input__native ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), index.h("slot", { key: 'dbfc3e2c03b20da68e80cc3855cace42aae268ec', name: "suffix" }), this.clearable && this.internalValue && (index.h("sd-ghost-button", { key: '05670236ffb93c7b894bdea9763d11adcab75e05', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-barcode-input__clear-icon", onClick: async () => {
|
|
145
145
|
if (this.disabled)
|
|
146
146
|
return;
|
|
147
147
|
this.internalValue = '';
|
|
@@ -560,13 +560,13 @@ const SdButton = class {
|
|
|
560
560
|
const validRightIcon = isValidIcon(this.rightIcon) ? this.rightIcon : undefined;
|
|
561
561
|
const iconOnly = !hasLabel && Boolean(validIcon) !== Boolean(validRightIcon);
|
|
562
562
|
const accessibleName = iconOnly && this.ariaLabel.trim() !== '' ? this.ariaLabel : undefined;
|
|
563
|
-
return (index.h("button", { key: '
|
|
563
|
+
return (index.h("button", { key: 'a234c7f16473512ada9eb1e06bf64f77c399cbfc', class: this.getButtonClasses(preset, config.size, hasLabel, iconOnly), type: this.type ?? 'button', disabled: this.disabled, "aria-label": accessibleName, style: {
|
|
564
564
|
'--sd-button-bg': config.color,
|
|
565
565
|
'--sd-button-bg-hover': sdButton_config.PRESET_HOVER_BACKGROUNDS[preset],
|
|
566
566
|
'--sd-button-border': sdButton_config.PRESET_BORDER_COLORS[preset],
|
|
567
567
|
'--sd-button-content': sdButton_config.PRESET_CONTENT_COLORS[preset],
|
|
568
568
|
'--sd-button-accent': sdButton_config.BUTTON_FOCUS_RING_COLOR,
|
|
569
|
-
}, onClick: this.handleClick }, index.h("span", { key: '
|
|
569
|
+
}, onClick: this.handleClick }, index.h("span", { key: 'f7b9352e23e52ff28380e06deb25e777a5432800', class: "sd-button__content" }, validIcon && (index.h("sd-icon", { key: '07327cab83e95c69cf8739be2eb08cdd8272393d', class: "sd-button__icon", name: validIcon, size: sdButton_config.BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-current-icon)" })), this.label && index.h("span", { key: '4274f4b275c3ac9f3f09d4a6c1bf75d2d5f650ee', class: "sd-button__label" }, this.label), validRightIcon && (index.h("sd-icon", { key: 'ba796a53ba1cb389db209d91c224b04381445b25', class: "sd-button__icon sd-button__icon--right", name: validRightIcon, size: sdButton_config.BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-current-icon)" })))));
|
|
570
570
|
}
|
|
571
571
|
};
|
|
572
572
|
SdButton.style = sdButtonCss();
|
|
@@ -183,7 +183,7 @@ const SdCalendar = class {
|
|
|
183
183
|
const eventMap = this.eventMap;
|
|
184
184
|
const legend = this.legendItems;
|
|
185
185
|
const hasEvents = (this.events?.length ?? 0) > 0;
|
|
186
|
-
return (index.h("div", { key: '
|
|
186
|
+
return (index.h("div", { key: 'd85abe861103677565ff172def182761255eee97', class: { 'sd-calendar': true, 'sd-calendar--elevated': this.elevated }, style: cssVars }, index.h("div", { key: '2d087beb6f61c1545c61c040d7266eb809c59c56', class: "sd-calendar__header" }, index.h("div", { key: '90b85428cd8f22aac7f0d8915a0fb0fc1ba0fd0f', class: "sd-calendar__nav-group" }, index.h("sd-ghost-button", { key: '6a5b6c35489eeeae6d2fca4a96a77755b5d48c5a', ariaLabel: "prevYear", size: "xxs", icon: "chevronLeft", onClick: this.goPrevYear }), index.h("span", { key: 'b00bab4993fb6f57bf1c6e8fd02243b8cbab8007', class: "sd-calendar__label" }, this.currentYear), index.h("sd-ghost-button", { key: '1ed1ea634a311b429c6e2053c22e1d043d34aa82', ariaLabel: "nextYear", size: "xxs", icon: "chevronRight", onClick: this.goNextYear })), index.h("span", { key: '1d471e12d7e5a48998b33ef6c3b7208c2fff1796', class: "sd-calendar__divider", "aria-hidden": "true" }), index.h("div", { key: '07e70fb3696cfe6bcf2253c0ead87fead96ad04e', class: "sd-calendar__nav-group sd-calendar__nav-group-month" }, index.h("sd-ghost-button", { key: 'c8401e8f8a1018eec46d9ee9857e8aa64235fff5', ariaLabel: "prevMonth", size: "xxs", icon: "chevronLeft", onClick: this.goPrevMonth }), index.h("span", { key: '3ceaa4a07a45eb16c43ed70e953f4540c2554ae9', class: "sd-calendar__label sd-calendar__label-month" }, this.currentMonth, "\uC6D4"), index.h("sd-ghost-button", { key: '6dd7c2c29159e549e2294141726b39c0ad559634', ariaLabel: "nextMonth", size: "xxs", icon: "chevronRight", onClick: this.goNextMonth }))), index.h("div", { key: '623928bc8970c2746f3d924a4ae36149ce7d21f7', class: "sd-calendar__week" }, useDatePicker.WEEK_LABELS.map(label => (index.h("span", { key: label, class: "sd-calendar__week-cell" }, label)))), index.h("div", { key: '5ab1f7042906eb7542f4effa35c0c9992ded34dc', class: "sd-calendar__grid" }, this.cells.map(cell => {
|
|
187
187
|
const isSelected = cell.inCurrentMonth && this.value !== '' && this.value === cell.date;
|
|
188
188
|
const isToday = cell.inCurrentMonth && useDatePicker.today === cell.date;
|
|
189
189
|
const isDisabled = cell.inCurrentMonth && this.isDisabled(cell.date);
|
|
@@ -196,8 +196,8 @@ const SdCalendar = class {
|
|
|
196
196
|
'sd-calendar__day--disabled': isDisabled,
|
|
197
197
|
}, disabled: !cell.inCurrentMonth || isDisabled, tabindex: !cell.inCurrentMonth ? -1 : undefined, "aria-hidden": !cell.inCurrentMonth ? 'true' : undefined, onClick: () => cell.inCurrentMonth && this.handleDayClick(cell) }, index.h("span", { class: "sd-calendar__day-circle" }, cell.inCurrentMonth ? cell.day : ''), hasEvents && (index.h("span", { class: "sd-calendar__dot-row", "aria-hidden": "true" }, dayEvents?.map((ev, i) => (index.h("span", { key: `${ev.color}|${ev.label}|${i}`, class: "sd-calendar__dot", style: { backgroundColor: ev.color } })))))));
|
|
198
198
|
})), legend.length > 0 && [
|
|
199
|
-
index.h("span", { key: '
|
|
200
|
-
index.h("div", { key: '
|
|
199
|
+
index.h("span", { key: '9d3f938ca0ac1d48ec6189a6b9f7598c06dbaf13', class: "sd-calendar__divider-bottom", "aria-hidden": "true" }),
|
|
200
|
+
index.h("div", { key: '1b5a55959212257085707478d7d0a358dc355403', class: "sd-calendar__legend" }, legend.map(item => (index.h("span", { key: `${item.color}|${item.label}`, class: "sd-calendar__legend-item" }, index.h("span", { class: "sd-calendar__legend-dot", style: { backgroundColor: item.color }, "aria-hidden": "true" }), index.h("span", { class: "sd-calendar__legend-label" }, item.label))))),
|
|
201
201
|
]));
|
|
202
202
|
}
|
|
203
203
|
static get watchers() { return {
|
|
@@ -247,7 +247,7 @@ const SdDatePickerTrigger = class {
|
|
|
247
247
|
? sdDatePicker_config.DATEPICKER_COLORS.icon.disabled
|
|
248
248
|
: sdDatePicker_config.DATEPICKER_COLORS.icon.default,
|
|
249
249
|
};
|
|
250
|
-
return (index.h("div", { key: '
|
|
250
|
+
return (index.h("div", { key: '8a41444172b2d9aa54fa6efe09c4440705d55e06', role: "button", tabindex: this.disabled ? -1 : 0, class: {
|
|
251
251
|
'sd-date-picker-trigger': true,
|
|
252
252
|
'sd-date-picker-trigger--disabled': this.disabled,
|
|
253
253
|
}, style: cssVars, onClick: this.handleClick, onKeyDown: e => {
|
|
@@ -255,7 +255,7 @@ const SdDatePickerTrigger = class {
|
|
|
255
255
|
e.preventDefault();
|
|
256
256
|
this.handleClick();
|
|
257
257
|
}
|
|
258
|
-
} }, index.h("sd-icon", { key: '
|
|
258
|
+
} }, index.h("sd-icon", { key: '74613a1b65814a1f73d00c67d7c1f01019961511', name: "date", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-date-picker-trigger__icon" }), index.h("span", { key: '118733548ddee2bc20ccdc92785ada3bbc765303', class: "sd-date-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder)));
|
|
259
259
|
}
|
|
260
260
|
};
|
|
261
261
|
SdDatePickerTrigger.style = sdDatePickerTriggerCss();
|
|
@@ -144,7 +144,7 @@ const SdCallout = class {
|
|
|
144
144
|
}
|
|
145
145
|
render() {
|
|
146
146
|
const showTitle = this.type === 'danger';
|
|
147
|
-
return (index.h("div", { key: '
|
|
147
|
+
return (index.h("div", { key: 'b11c9ade2fcd2a17704b4d8965e53cc80ddd4a15', class: "sd-callout", style: this.calloutStyle, role: "note" }, showTitle && this.renderTitle(), index.h("div", { key: '0c5712690ab2141820f444092a63ac4c11d33c80', class: "sd-callout__body" }, this.renderBody())));
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
150
|
SdCallout.style = sdCalloutCss();
|
|
@@ -11,7 +11,7 @@ const SdCard = class {
|
|
|
11
11
|
bordered = false;
|
|
12
12
|
sdClass = '';
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Fragment, { key: '
|
|
14
|
+
return (index.h(index.Fragment, { key: '366604b2ca458d2b9b26f61c1cb282543b27a699' }, index.h("div", { key: '889e8ec8d359eb26713762ebb9990ea07dfaf0ba', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.sdClass}` }, index.h("slot", { key: 'd680bfe14dc135da77e35440587f089781ef383f' }))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
SdCard.style = sdCardCss();
|
|
@@ -291,7 +291,7 @@ const SdChip = class {
|
|
|
291
291
|
'--sd-chip-font-weight': typography.fontWeight,
|
|
292
292
|
'--sd-chip-line-height': typography.lineHeight,
|
|
293
293
|
};
|
|
294
|
-
return (index.h("span", { key: '
|
|
294
|
+
return (index.h("span", { key: '6503611c9cb03be2de4fc09398e2ce1b34b8ab10', class: {
|
|
295
295
|
'sd-chip': true,
|
|
296
296
|
[`sd-chip--${state}`]: true,
|
|
297
297
|
'sd-chip--disabled': this.disabled,
|
|
@@ -72,7 +72,7 @@ const SdCircleProgress = class {
|
|
|
72
72
|
}
|
|
73
73
|
const c = CIRCLE_PROGRESS_VIEWBOX_SIZE / 2;
|
|
74
74
|
const showPercent = !this.indeterminate;
|
|
75
|
-
return (index.h(index.Host, { key: '
|
|
75
|
+
return (index.h(index.Host, { key: '9a4424e79b095c240b2dd53c8655b9a4cccaf581', style: hostStyle }, index.h("svg", { key: '37ca87d4c4aa6ab6b84a4301225d775f1998c0c1', class: "sd-circle-progress", viewBox: `0 0 ${CIRCLE_PROGRESS_VIEWBOX_SIZE} ${CIRCLE_PROGRESS_VIEWBOX_SIZE}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '372f7031310dddba431323b0527c273311a498e3', class: "sd-circle-progress__track", cx: c, cy: c, r: CIRCLE_PROGRESS_RADIUS, fill: "none", "stroke-width": CIRCLE_PROGRESS_STROKE_WIDTH }), index.h("circle", { key: 'def6ff7573e4c4a08648f35f7cb545d6b8064f6d', class: "sd-circle-progress__arc", cx: c, cy: c, r: CIRCLE_PROGRESS_RADIUS, fill: "none", "stroke-width": CIRCLE_PROGRESS_STROKE_WIDTH, "stroke-linecap": "round", style: arcStyle })), showPercent && (index.h("span", { key: '13d6345672fdafaf6a1e1eef9f5987179a99c3ae', class: "sd-circle-progress__percent" }, Math.round(this.clampedValue), "%")), this.label && index.h("span", { key: 'c42e2fa2826284017e530e967975e45277ae9ee3', class: "sd-circle-progress__label" }, this.label)));
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
SdCircleProgress.style = sdCircleProgressCss();
|
|
@@ -102,9 +102,9 @@ const SdConfirmModal = class {
|
|
|
102
102
|
const type = this.resolvedType;
|
|
103
103
|
const iconName = CONFIRM_MODAL_ICON_MAP[type];
|
|
104
104
|
const iconColor = CONFIRM_MODAL_ICON_COLOR[type];
|
|
105
|
-
return (index.h("div", { key: '
|
|
105
|
+
return (index.h("div", { key: 'c41a58f13b95da7f1f0aea3620abf239dcb116b6', class: "sd-confirm-modal" }, index.h("sd-ghost-button", { key: 'bdc1bc374934c2f9745f567b4e6ffd55ec3675ce', class: "sd-confirm-modal__close-button", icon: "close", ariaLabel: "close", onClick: () => this.close.emit() }), iconName && (index.h("sd-icon", { key: 'ff16ebde448157e657eb74e1b0c5f4a331cf396a', class: "sd-confirm-modal__icon", name: iconName, size: TITLE_ICON_SIZE, color: iconColor })), index.h("h2", { key: 'd718b2ae6f6e92f8c77ec821b78924ffbe267d12', class: `sd-confirm-modal__title ${this.titleClass ?? ''}` }, this.modalTitle), index.h("div", { key: 'a3909abde84c4d6987c9036a705cba4aa7d01ea6', class: "sd-confirm-modal__body" }, (this.topMessage ?? []).length > 0 && (index.h("div", { key: '29a4bf80ab75d973544c0a29c87133c9ef8a5aab', class: "sd-confirm-modal__message" }, (this.topMessage ?? []).map(msg => (index.h("p", { class: "sd-confirm-modal__message-text", innerHTML: sanitizeInlineHtml.sanitizeInlineHtml(msg) }))))), this.showContentBox && (index.h("div", { key: '93eb2c75728cf26969a229a876f9217b4e00c63a', class: "sd-confirm-modal__content-box" }, this.tagContents ? (index.h("div", { class: "sd-confirm-modal__custom-content", ref: el => {
|
|
106
106
|
this.customContentRef = el;
|
|
107
|
-
} })) : (index.h("slot", { onSlotchange: () => this.syncHasSlottedContent() }, this.tagLabel && (index.h("sd-tag", { name: this.tagPreset ?? 'square_sm_grey', label: this.tagLabel })), this.slotLabel && (index.h("span", { class: "sd-confirm-modal__slot-label" }, this.slotLabel)))))), (this.bottomMessage ?? []).length > 0 && (index.h("div", { key: '
|
|
107
|
+
} })) : (index.h("slot", { onSlotchange: () => this.syncHasSlottedContent() }, this.tagLabel && (index.h("sd-tag", { name: this.tagPreset ?? 'square_sm_grey', label: this.tagLabel })), this.slotLabel && (index.h("span", { class: "sd-confirm-modal__slot-label" }, this.slotLabel)))))), (this.bottomMessage ?? []).length > 0 && (index.h("div", { key: '730fd073ade9b8788de77d36fc4aeddd0b304c07', class: "sd-confirm-modal__message" }, (this.bottomMessage ?? []).map(msg => (index.h("p", { class: "sd-confirm-modal__message-text", innerHTML: sanitizeInlineHtml.sanitizeInlineHtml(msg) })))))), index.h("div", { key: '059fd87fb39b8e2976fcb671c7dd78310324119f', class: "sd-confirm-modal__button" }, this.subButtonLabel && (index.h("sd-button", { key: '6b320645505c099783a4a6704e96e9261054c7dc', name: SUB_BUTTON_PRESET, label: this.subButtonLabel, onSdClick: () => this.cancel.emit() })), index.h("sd-button", { key: 'd6a4554a7db861ae7afc610a629591224946d990', name: this.resolvedMainButton, label: this.mainButtonLabel ?? '확인', onSdClick: () => this.ok.emit() }))));
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
110
|
SdConfirmModal.style = sdConfirmModalCss();
|
|
@@ -188,7 +188,7 @@ const SdLoadingModal = class {
|
|
|
188
188
|
'--sd-loading-modal-width': this.toCssSize(this.width) ?? `${LOADING_MODAL_LAYOUT.minWidth}px`,
|
|
189
189
|
'--sd-loading-modal-height': this.toCssSize(this.height) ?? `${LOADING_MODAL_LAYOUT.minHeight}px`,
|
|
190
190
|
};
|
|
191
|
-
return (index.h(index.Host, { key: '
|
|
191
|
+
return (index.h(index.Host, { key: 'e1161a16a56cddedc8e4bb76370bdf456d90e15a', style: hostStyle }, index.h("div", { key: 'e01979e4636465afa4b960ffdb9722f645386dca', class: "sd-loading-modal" }, index.h("div", { key: '1c1ecc05d20f58084c0d6f8048b17cd84f446edb', class: "sd-loading-modal__content" }, this.resolvedState === 'loading' ? (this.progress !== undefined ? (index.h("sd-circle-progress", { value: this.progress })) : (index.h("sd-circle-progress", { indeterminate: true }))) : (index.h("sd-icon", { class: "sd-loading-modal__icon", name: "warningOutline", size: LOADING_MODAL_LAYOUT.contentSize, color: LOADING_MODAL_COLORS.errorIcon }))), index.h("div", { key: '6793b86562b67699c59fd83fb0d6ee7378f6d991', class: "sd-loading-modal__message-wrapper" }, Array.isArray(this.resolvedMessage) ? (this.resolvedMessage.map(message => (index.h("p", { class: "sd-loading-modal__message" }, message)))) : (index.h("p", { class: "sd-loading-modal__message" }, this.resolvedMessage))), this.useButton && (index.h("div", { key: '75036f7d88be636987de2fe999c00d338fa352d5', class: "sd-loading-modal__button" }, index.h("sd-button", { key: '91f30470702df2be7256d451cc80d27e86510d2e', name: LOADING_MODAL_BUTTON_PRESET, label: this.resolvedButtonLabel, onSdClick: this.handleClick }))))));
|
|
192
192
|
}
|
|
193
193
|
};
|
|
194
194
|
SdLoadingModal.style = sdLoadingModalCss();
|
|
@@ -105,9 +105,9 @@ const SdDatePicker = class {
|
|
|
105
105
|
'--sd-system-color-field-border-focus': sdDatePicker_config.DATEPICKER_COLORS.border.focus,
|
|
106
106
|
'--sd-system-color-field-bg-default': sdDatePicker_config.DATEPICKER_COLORS.bg.default,
|
|
107
107
|
};
|
|
108
|
-
return (index.h("sd-field", { key: '
|
|
108
|
+
return (index.h("sd-field", { key: '12d77a181caa4a6a9125db8a5c823149386ee059', 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, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("div", { key: '2abc775817955caf06dd721d7b91c65d1bfd54de', class: "sd-date-picker", ref: el => {
|
|
109
109
|
this.triggerRef = el;
|
|
110
|
-
} }, index.h("sd-date-picker-trigger", { key: '
|
|
110
|
+
} }, index.h("sd-date-picker-trigger", { key: 'c8c041a503785e35ac4a14d902eeef0a20fa2dd7', displayText: this.value ?? '', placeholder: this.placeholder, disabled: this.disabled, size: this.size, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (index.h("sd-portal", { key: '2c3bf831068ca090247fa4494fac6c2ce3b20e81', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, index.h("sd-calendar", { key: '52df44d23b85540cbca17c352aba5568ff43685d', elevated: true, value: this.value, selectable: this.selectable, onSdUpdate: this.handleSelect, onSdViewChange: this.handleViewChange })))));
|
|
111
111
|
}
|
|
112
112
|
static get watchers() { return {
|
|
113
113
|
"isOpen": [{
|
|
@@ -650,12 +650,12 @@ const SdInput = class {
|
|
|
650
650
|
'--sd-system-size-field-sm-height': `${sizeTokens.height}px`,
|
|
651
651
|
'--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
|
|
652
652
|
};
|
|
653
|
-
return (index.h("sd-field", { key: '
|
|
653
|
+
return (index.h("sd-field", { key: '184bd0b614071b1c26d0ef3588db8eea1ac519cb', 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: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("label", { key: '599d757b62bd61be0ba5c2dde2e1030b4d6f2973', class: "sd-input__content" }, index.h("slot", { key: '8b71b1449225e51cbab4204e34c077d83101e09e', name: "prefix" }), index.h("input", { key: 'ed48cf8544adc9e3475229b03129ace0af0e6d4e', name: this.name, ref: el => (this.nativeEl = el), class: `sd-input__native ${this.inputClass}`, type: this.type === 'password' && this.passwordVisible ? 'text' : (this.type ?? 'text'), value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, autocomplete: this.autocomplete || undefined, maxlength: this.maxlength, minlength: this.minlength, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), index.h("slot", { key: 'f084df7c3174756111c6eeb824202e26273d369a', name: "suffix" }), this.clearable && this.internalValue && !this.disabled && !this.readonly && (index.h("sd-ghost-button", { key: '62f87c780b971ef43ec9bd15ae47d1f773ec18ca', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-input__clear-icon", onClick: async () => {
|
|
654
654
|
if (this.disabled || this.readonly)
|
|
655
655
|
return;
|
|
656
656
|
this.internalValue = '';
|
|
657
657
|
await this.formField?.sdValidate();
|
|
658
|
-
} })), this.type === 'password' && (index.h("sd-ghost-button", { key: '
|
|
658
|
+
} })), this.type === 'password' && (index.h("sd-ghost-button", { key: '83f511acdc0db74f6d7745e4a47c731f9bcf9bb5', icon: this.passwordVisible ? 'visibilityOn' : 'visibilityOff', ariaLabel: "visibility", size: "xxs", disabled: this.disabled || this.readonly, class: "sd-input__password-icon", onClick: () => {
|
|
659
659
|
if (this.disabled || this.readonly)
|
|
660
660
|
return;
|
|
661
661
|
this.passwordVisible = !this.passwordVisible;
|
|
@@ -1056,15 +1056,15 @@ const SdNumberInput = class {
|
|
|
1056
1056
|
'--sd-textinput-input-hint-typography-line-height': `${NUMBER_INPUT_HINT.typography.lineHeight}px`,
|
|
1057
1057
|
'--sd-textinput-input-contents-gap': `${NUMBER_INPUT_CONTENTS_GAP}px`,
|
|
1058
1058
|
};
|
|
1059
|
-
return (index.h("sd-field", { key: '
|
|
1059
|
+
return (index.h("sd-field", { key: '36525cd069e57fc9177e25065381f722d1afa66e', 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: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("div", { key: '47e0981ffcd5dd5182fa5586fda0014be865da9e', class: {
|
|
1060
1060
|
'sd-number-input__content': true,
|
|
1061
1061
|
'sd-number-input__content--no-stepper': !this.useButton,
|
|
1062
|
-
} }, this.useButton && (index.h("button", { key: '
|
|
1062
|
+
} }, this.useButton && (index.h("button", { key: '7f5afc1ded2c889ccf7d689f4ee058cb171571d9', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--decrement", disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, index.h("sd-icon", { key: 'fd980fd4e568feaaebb19621ca837201bea519dd', name: "minus", size: iconSize, color: this.isDecrementDisabled()
|
|
1063
1063
|
? NUMBER_INPUT_STEPPER.icon.disabled
|
|
1064
|
-
: NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && index.h("span", { key: '
|
|
1064
|
+
: NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && index.h("span", { key: '2af6450d437cc765697e0bb4c8a0fcb58a9abd2f', class: "sd-number-input__prefix" }, this.inputPrefix), index.h("input", { key: '21396363bd0e08f1639cd5a56b0bb7d5c9acd6c1', name: this.name, ref: el => (this.nativeEl = el), class: `sd-number-input__native ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
|
|
1065
1065
|
textAlign: this.useButton ? 'center' : 'right',
|
|
1066
1066
|
...this.inputStyle,
|
|
1067
|
-
} }), this.inputSuffix && index.h("span", { key: '
|
|
1067
|
+
} }), this.inputSuffix && index.h("span", { key: 'd3cd84cd41e0161cfe0b13ed44b412991e498a92', class: "sd-number-input__suffix" }, this.inputSuffix), this.useButton && (index.h("button", { key: '0a1fdf262b953ce79515ab9771d3177560e11eed', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--increment", disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, index.h("sd-icon", { key: '5ffd93512d528309a9051d01f59bb31f1b1f9bb8', name: "add", size: iconSize, color: this.isIncrementDisabled()
|
|
1068
1068
|
? NUMBER_INPUT_STEPPER.icon.disabled
|
|
1069
1069
|
: NUMBER_INPUT_STEPPER.icon.default }))))));
|
|
1070
1070
|
}
|
|
@@ -1108,7 +1108,7 @@ const SdRadioGroup = class {
|
|
|
1108
1108
|
return classes.join(' ');
|
|
1109
1109
|
}
|
|
1110
1110
|
render() {
|
|
1111
|
-
return (index.h("div", { key: '
|
|
1111
|
+
return (index.h("div", { key: 'd60a7fed2bbe1cd2d577827b10c99627aabbda66', class: this.getGroupClasses(), role: "radiogroup" }, this.options.map(option => {
|
|
1112
1112
|
return (index.h("sd-radio", { key: `radio-${option.value}`, val: String(option.value), value: String(this.value), label: option.label, disabled: this.disabled || !!option.disabled, onSdUpdate: ({ detail }) => this.handleRadioChange(detail) }));
|
|
1113
1113
|
})));
|
|
1114
1114
|
}
|
|
@@ -1246,7 +1246,7 @@ const SdTextarea = class {
|
|
|
1246
1246
|
'--sd-system-size-field-sm-height': 'auto',
|
|
1247
1247
|
'--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
|
|
1248
1248
|
};
|
|
1249
|
-
return (index.h("sd-field", { key: '
|
|
1249
|
+
return (index.h("sd-field", { key: '1f1a6ed592df92b4aa0aacfbc1ba8926b93b7066', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("div", { key: '63b4847968e5a1ceb309b7d0950da33927e25244', class: "sd-textarea__content" }, index.h("textarea", { key: '89d81a7792c3b5a4a1bcaa0f7bd73e0b3a0bd192', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
|
|
1250
1250
|
}
|
|
1251
1251
|
static get watchers() { return {
|
|
1252
1252
|
"value": [{
|
|
@@ -267,7 +267,7 @@ const SdDateRangePickerCalendar = class {
|
|
|
267
267
|
'--range-panel-gap': `${RANGE_LAYOUT.panelGap}px`,
|
|
268
268
|
'--range-divider': RANGE_LAYOUT.divider,
|
|
269
269
|
};
|
|
270
|
-
return (index.h(index.Fragment, { key: '
|
|
270
|
+
return (index.h(index.Fragment, { key: 'a9e5bc8198cfda50227069661812341e7a19b21d' }, index.h("div", { key: 'a2c5bf6ae806fc24f421cb6b52323f4e92bfc255', class: "sd-date-range-picker-calendar", style: cssVars }, this.renderYearNav(), index.h("div", { key: '2575175fa3537e010e1c7d573428d5c8ebfae488', class: "sd-date-range-picker-calendar__panels" }, this.renderPanel(this.currentYear, this.currentMonth, true), index.h("span", { key: 'bd43ac98b88665dbe85804c8b6345c19dca7d9fa', class: "sd-date-range-picker-calendar__divider", "aria-hidden": "true" }), this.renderPanel(this.rightYear, this.rightMonth, false)))));
|
|
271
271
|
}
|
|
272
272
|
static get watchers() { return {
|
|
273
273
|
"value": [{
|
|
@@ -19,7 +19,7 @@ const SdDivider = class {
|
|
|
19
19
|
const hostStyle = {
|
|
20
20
|
'--sd-divider-color': DIVIDER_COLORS.default,
|
|
21
21
|
};
|
|
22
|
-
return (index.h(index.Host, { key: '
|
|
22
|
+
return (index.h(index.Host, { key: '92e9f5ef8d6d382e1e2a62f3421feaf1bc27aab7', style: hostStyle }, index.h("hr", { key: '40827e6308a258e6de4a438c53d4de9465a6d0a1', "aria-orientation": this.vertical ? 'vertical' : 'horizontal' })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
SdDivider.style = sdDividerCss();
|
|
@@ -248,21 +248,21 @@ const SdField = class {
|
|
|
248
248
|
: {}),
|
|
249
249
|
}
|
|
250
250
|
: {};
|
|
251
|
-
return (index.h("div", { key: '
|
|
251
|
+
return (index.h("div", { key: 'c6d4bc9d09982d65c31596319569590df9b994b1', class: {
|
|
252
252
|
'sd-field': true,
|
|
253
253
|
'sd-field--has-label': this.label !== '',
|
|
254
254
|
'sd-field--has-addon': addon !== '',
|
|
255
255
|
[this.fieldStatus]: this.fieldStatus !== '',
|
|
256
|
-
}, style: { ...sizeCssVars, ...labelCssVars, ...addonCssVars } }, index.h("div", { key: '
|
|
256
|
+
}, style: { ...sizeCssVars, ...labelCssVars, ...addonCssVars } }, index.h("div", { key: '24f3e7702b3d3be42f8236988e1d64e26a31840e', class: "sd-field__wrapper" }, this.renderLabel(this.label), index.h("div", { key: '7c45edce014adee7e2eb91296779896d9fd9fcc3', class: "sd-field__main", style: this.width !== '' && this.width !== 0
|
|
257
257
|
? {
|
|
258
258
|
width: typeof this.width === 'number' ? `${this.width}px` : this.width,
|
|
259
259
|
flex: 'none',
|
|
260
260
|
}
|
|
261
|
-
: {} }, index.h("div", { key: '
|
|
261
|
+
: {} }, index.h("div", { key: '13c99702bf11e4ff76332141a9eaff93185882d3', class: {
|
|
262
262
|
'sd-field__control': true,
|
|
263
263
|
'sd-field__control--has-addon': addon !== '',
|
|
264
|
-
} }, addon && (index.h("div", { key: '
|
|
265
|
-
Number(FIELD_LABEL_SIZE_MAP[(this.size in FIELD_LABEL_SIZE_MAP ? this.size : 'sm')].icon), color: this.icon.color, rotate: this.icon.rotate })), addon)), index.h("slot", { key: '
|
|
264
|
+
} }, addon && (index.h("div", { key: '461170360e26e24051fab4507a22e932f5a37244', class: "sd-field__addon" }, this.icon && (index.h("sd-icon", { key: 'c8b63273a253da7911e5d8a6f57143a9cc909853', name: this.icon.name, size: this.icon.size ??
|
|
265
|
+
Number(FIELD_LABEL_SIZE_MAP[(this.size in FIELD_LABEL_SIZE_MAP ? this.size : 'sm')].icon), color: this.icon.color, rotate: this.icon.rotate })), addon)), index.h("slot", { key: '3c4a72a6152c50d525df972a2a4c4d6840240116' })), this.errorMsg !== '' || this.errorMessage !== '' ? (index.h("div", { class: "sd-field__error-message" }, this.errorMsg !== '' ? this.errorMsg : this.errorMessage)) : (this.hint !== '' && index.h("div", { class: "sd-field__hint" }, this.hint))))));
|
|
266
266
|
}
|
|
267
267
|
renderLabel(label) {
|
|
268
268
|
if (label == null || label === '')
|
|
@@ -433,7 +433,7 @@ const SdFloatingPopover = class {
|
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
435
|
render() {
|
|
436
|
-
return index.h("slot", { key: '
|
|
436
|
+
return index.h("slot", { key: 'df97046860db0225724f9768428063a3390c5f6e' });
|
|
437
437
|
}
|
|
438
438
|
};
|
|
439
439
|
SdFloatingPopover.style = sdFloatingPortalCss();
|
|
@@ -551,14 +551,14 @@ const SdTooltip = class {
|
|
|
551
551
|
const hasLabel = this.label !== undefined && this.label !== '';
|
|
552
552
|
const divTrigger = trigger === 'hover' ? hoverTrigger : hasLabel ? {} : { onClick: toggleTooltip };
|
|
553
553
|
const buttonClickTrigger = trigger === 'click' && hasLabel ? { onSdClick: toggleTooltip } : {};
|
|
554
|
-
return (index.h(index.Fragment, { key: '
|
|
554
|
+
return (index.h(index.Fragment, { key: '0ffbc5e61b4b5ab9bf1fda1c064de63c1467bb37' }, index.h("div", { key: 'c74bff7fde9c1f139435c2b37f69e7ee7492ec91', class: `sd-tooltip-trigger ${this.sdClass !== undefined && this.sdClass !== '' ? this.sdClass : ''}`, ...divTrigger }, hasLabel ? (index.h("sd-button", { ref: el => (this.buttonEl = el), name: this.name ?? 'primary_sm', label: this.label, icon: icon, rightIcon: this.rightIcon, ariaLabel: this.ariaLabel, disabled: this.disabled, type: this.type ?? 'button', class: "sd-tooltip", ...buttonClickTrigger })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: icon, size: this.iconSize ?? 12, color: color, class: "sd-tooltip" }))), this.showTooltip && (index.h("sd-floating-portal", { key: '3a83a7d7a33fbdd720a52149b2a156ecc72c087b', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, index.h("div", { key: 'abb63e4db76edae3df1d16d756e20a61284db87f', ref: el => (this.menuEl = el), class: {
|
|
555
555
|
'sd-floating-menu': true,
|
|
556
556
|
[`sd-floating-menu--${tooltipType}`]: true,
|
|
557
557
|
[`sd-floating-menu--${placement}`]: true,
|
|
558
558
|
}, style: {
|
|
559
559
|
'--sd-floating-bg': typeConfig.bg,
|
|
560
560
|
'--sd-floating-content': typeConfig.content,
|
|
561
|
-
}, onMouseEnter: () => this.show(), onMouseLeave: () => this.startHideTimer() }, index.h("i", { key: '
|
|
561
|
+
}, onMouseEnter: () => this.show(), onMouseLeave: () => this.startHideTimer() }, index.h("i", { key: 'c29052cc7ed0e514ed27a7f576585d8865728cd4', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, index.h(tooltipArrow.TooltipArrow, { key: '9602237020591571cd76d3afa9e1c6383f7f421f' })), index.h("div", { key: '29091435fa3008eaf352b831eb4345ed9d6a5d86', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
|
|
562
562
|
}
|
|
563
563
|
};
|
|
564
564
|
SdTooltip.style = sdTooltipCss();
|
|
@@ -162,7 +162,7 @@ const SdGhostButton = class {
|
|
|
162
162
|
? GHOST_BUTTON_DISABLED_COLORS[intent]
|
|
163
163
|
: GHOST_BUTTON_CONTENT_COLORS[intent];
|
|
164
164
|
const accessibleName = (this.ariaLabel ?? '').trim() || undefined;
|
|
165
|
-
return (index.h("button", { key: '
|
|
165
|
+
return (index.h("button", { key: '7bf9f8b8d487be0b66a969668308fd451faeb442', class: {
|
|
166
166
|
'sd-ghost-button': true,
|
|
167
167
|
'sd-ghost-button--disabled': this.disabled,
|
|
168
168
|
}, type: "button", disabled: this.disabled, "aria-label": accessibleName, style: {
|
|
@@ -171,7 +171,7 @@ const SdGhostButton = class {
|
|
|
171
171
|
'--sd-ghost-button-hover-bg': GHOST_BUTTON_HOVER_BG_COLORS[intent],
|
|
172
172
|
'--sd-ghost-button-hover-opacity': GHOST_BUTTON_HOVER_OPACITY,
|
|
173
173
|
'--sd-ghost-button-accent': GHOST_BUTTON_FOCUS_RING_COLOR,
|
|
174
|
-
}, onClick: this.handleClick }, index.h("sd-icon", { key: '
|
|
174
|
+
}, onClick: this.handleClick }, index.h("sd-icon", { key: '4b6b05d186f8c38d2f05415fa24960349dd6c453', name: this.icon, size: sizeConfig.icon, color: contentColor })));
|
|
175
175
|
}
|
|
176
176
|
};
|
|
177
177
|
SdGhostButton.style = sdGhostButtonCss();
|
|
@@ -188,10 +188,10 @@ const SdGuide = class {
|
|
|
188
188
|
const buttonClasses = ['sd-guide__button', `sd-guide__button--type-${this.type ?? 'tip'}`];
|
|
189
189
|
if (isActive)
|
|
190
190
|
buttonClasses.push('sd-guide__button--active');
|
|
191
|
-
return (index.h("div", { key: 'ea4f220faf6165f7650360f74a19d9f781b81489', class: "sd-guide", style: this.guideStyle }, index.h("sd-button", { key: 'c90eaa6cc42a9a2f20b8fc79db16697db0cf2ff2', ref: el => (this.guideRef = el), class: buttonClasses.join(' '), name: isActive ? 'primary_sm' : 'neutral_outline_sm', label: this.label || defaultLabel, icon: iconName, onSdClick: this.handleClickGuide }), this.popupShow && (index.h("sd-portal", { key: '21f57a739141ffa36f3b799a2688ca5b3c1bd428', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, index.h("div", { key: '
|
|
191
|
+
return (index.h("div", { key: 'ea4f220faf6165f7650360f74a19d9f781b81489', class: "sd-guide", style: this.guideStyle }, index.h("sd-button", { key: 'c90eaa6cc42a9a2f20b8fc79db16697db0cf2ff2', ref: el => (this.guideRef = el), class: buttonClasses.join(' '), name: isActive ? 'primary_sm' : 'neutral_outline_sm', label: this.label || defaultLabel, icon: iconName, onSdClick: this.handleClickGuide }), this.popupShow && (index.h("sd-portal", { key: '21f57a739141ffa36f3b799a2688ca5b3c1bd428', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, index.h("div", { key: '94e12fa797748a02334b97e13c5012ab95bc2bce', class: "sd-guide__popup", style: {
|
|
192
192
|
...this.guideStyle,
|
|
193
193
|
width: this.popupWidth != null ? this.popupWidth + 'px' : '426px',
|
|
194
|
-
} }, index.h("sd-ghost-button", { key: '
|
|
194
|
+
} }, index.h("sd-ghost-button", { key: '6fc71032016e7a3be0581508ef0ecc6772981185', class: "sd-guide__popup__close", icon: "close", ariaLabel: "close", size: "sm", onSdClick: this.closeDropdown }), index.h("div", { key: '385c0c18bc888be6a654525dc6f4359a56ad6de9', class: "sd-guide__popup__header" }, index.h("sd-icon", { key: '34624d2ac3397ba15b2dc7ba23dc460a87cb878b', name: iconName, size: 24, color: popupIconColor }), index.h("h3", { key: 'dd3527ec329698b0fd1ec82f2a7d0cf5865802c2', class: "sd-guide__popup__title" }, this.popupTitle || defaultLabel)), index.h("ul", { key: '429357d0203acdf31177353ceb45d9ac41fadae7', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
|
|
195
195
|
}
|
|
196
196
|
// 현재 2depth까지만 스타일 적용
|
|
197
197
|
renderListItem(message, depth = 0) {
|
|
@@ -49,7 +49,7 @@ const SdLinearProgress = class {
|
|
|
49
49
|
clipPath: `inset(0 ${100 - this.clampedValue}% 0 0)`,
|
|
50
50
|
};
|
|
51
51
|
const valueText = `${Math.round(this.clampedValue)}%`;
|
|
52
|
-
return (index.h(index.Host, { key: '
|
|
52
|
+
return (index.h(index.Host, { key: '41d89c01b35a6edba09a3ef9f848458d284d491a', style: hostStyle }, index.h("div", { key: '79d7490c934437aa0075e39aea0f352dec61eae0', class: 'sd-linear-progress__track' }, index.h("div", { key: 'd6743f9b4f5a086e11a368989fd0f52a10bdc2ef', class: 'sd-linear-progress__fill', style: fillStyle }), !this.indeterminate && (index.h("span", { key: '2d013c7cdf438e069d00c6fcddfca12ff55490e6', class: 'sd-linear-progress__value sd-linear-progress__value--on-track' }, valueText)), !this.indeterminate && (index.h("span", { key: '4f473a670cab7b0d104f9c455c28e415d5863a86', class: 'sd-linear-progress__value sd-linear-progress__value--on-fill', style: valueOnFillStyle }, valueText))), this.label && index.h("span", { key: '6581d326a1d05413587b44715613a4d878e4f658', class: 'sd-linear-progress__label' }, this.label)));
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
SdLinearProgress.style = sdLinearProgressCss();
|
|
@@ -18,10 +18,10 @@ const SdLoadingContainer = class {
|
|
|
18
18
|
this.visible = false;
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h("div", { key: '
|
|
21
|
+
return (index.h("div", { key: '99c6d9e798862f41142f246f371a357cd604aa44', class: {
|
|
22
22
|
'sd-loading-container': true,
|
|
23
23
|
'sd-loading-container--visible': this.visible,
|
|
24
|
-
}, "aria-hidden": this.visible ? 'false' : 'true' }, index.h("div", { key: '
|
|
24
|
+
}, "aria-hidden": this.visible ? 'false' : 'true' }, index.h("div", { key: 'b836c7d283113e57d0947a178035591521dc8ee2', class: "sd-loading-container__backdrop" }), index.h("div", { key: '02f1ae9b17eedb29f24d0170c65ef4217f38a5b5', class: "sd-loading-container__content" }, index.h("sd-circle-progress", { key: '3d9c1b33693e823c4c55967d00a63eff8a2a805e', indeterminate: true, type: "inverse" }), this.message && (index.h("p", { key: '46c060f444506a9771507b09fd0867f763a95680', class: "sd-loading-container__message" }, this.message)))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
SdLoadingContainer.style = sdLoadingContainerCss();
|
|
@@ -154,13 +154,13 @@ const SdPagination = class {
|
|
|
154
154
|
'--sd-pagination-bg-selected': PAGINATION_COLORS.bgSelected,
|
|
155
155
|
'--sd-pagination-item-width': `${this.buttonWidth}px`,
|
|
156
156
|
};
|
|
157
|
-
return (index.h("div", { key: '
|
|
157
|
+
return (index.h("div", { key: '36a334a05ade253a6345e82d57647a4bab0c94cf', class: {
|
|
158
158
|
'sd-pagination': true,
|
|
159
159
|
'sd-pagination--simple': this.simple,
|
|
160
|
-
}, style: cssVars }, index.h("div", { key: '
|
|
160
|
+
}, style: cssVars }, index.h("div", { key: '50963e0cdf4da3078020207c0115ccebfe1881d6', class: "sd-pagination__group sd-pagination__group--prev" }, this.renderPrevButtons()), this.simple ? (index.h("div", { class: "sd-pagination__info" }, index.h("span", { class: "sd-pagination__current" }, this.currentPage), index.h("span", { class: "sd-pagination__divider" }, "/"), index.h("span", { class: "sd-pagination__last" }, this.lastPage))) : (index.h("div", { class: "sd-pagination__numbers" }, this.pageNumbers.map(n => (index.h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
|
|
161
161
|
'sd-pagination__item': true,
|
|
162
162
|
'sd-pagination__item--selected': this.currentPage === n,
|
|
163
|
-
}, onClick: () => this.handlePageChange(n) }, n))))), index.h("div", { key: '
|
|
163
|
+
}, onClick: () => this.handlePageChange(n) }, n))))), index.h("div", { key: 'a0d0b565cd2b5108c997888b2536ee740b167367', class: "sd-pagination__group sd-pagination__group--next" }, this.renderNextButtons())));
|
|
164
164
|
}
|
|
165
165
|
};
|
|
166
166
|
SdPagination.style = sdPaginationCss();
|
|
@@ -215,9 +215,9 @@ const SdTbody = class {
|
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
render() {
|
|
218
|
-
return (index.h(index.Host, { key: '
|
|
218
|
+
return (index.h(index.Host, { key: 'cee6094ac768af309c39500cb337d8516de6aabe', slot: `${this.tableId}-body` }, index.h("tbody", { key: '50d46c6b102900b18a96c1e345afb4185e59e0ae', class: { tbody: true } }, [
|
|
219
219
|
this.topSpacerHeight > 0 && (index.h("tr", { key: "spacer-top", class: "tbody__spacer", style: { height: `${this.topSpacerHeight}px`, display: 'block' } })),
|
|
220
|
-
index.h("slot", { key: '
|
|
220
|
+
index.h("slot", { key: 'd4f8057c143b2f91146831fac2b4ba1162d36aeb' }),
|
|
221
221
|
this.bottomSpacerHeight > 0 && (index.h("tr", { key: "spacer-bottom", class: "tbody__spacer", style: { height: `${this.bottomSpacerHeight}px`, display: 'block' } })),
|
|
222
222
|
])));
|
|
223
223
|
}
|
|
@@ -392,16 +392,16 @@ const SdThead = class {
|
|
|
392
392
|
'--table-border-color': sdTable_config.TABLE_BORDER.color,
|
|
393
393
|
'--table-border-width': `${sdTable_config.TABLE_BORDER.width}px`,
|
|
394
394
|
};
|
|
395
|
-
return (index.h(index.Host, { key: '
|
|
395
|
+
return (index.h(index.Host, { key: '2b949f43561a2cd36b82de324d3d8c0d8a1d8431', slot: `${this.tableId}-head`, style: headStyle }, index.h("thead", { key: '45918bfb1dc44bb0f45a0f1646bf2276b1ca74ec', class: {
|
|
396
396
|
'thead': true,
|
|
397
397
|
'thead--sticky': this._stickyHeader,
|
|
398
|
-
} }, index.h("tr", { key: '
|
|
398
|
+
} }, index.h("tr", { key: '3802f86a730041ca405071b243a99c28e04558d2', class: "tr" }, this._selectable && (index.h("th", { key: 'd60e1323fca90516f38cedfa6fc8bf17840fad5d', class: {
|
|
399
399
|
'th': true,
|
|
400
400
|
'th--selected': true,
|
|
401
401
|
'sticky-left': true,
|
|
402
402
|
'sticky-left-edge': stickyLeftCount === 0,
|
|
403
403
|
'is-scrolled-left': stickyLeftCount === 0 && this._scrolledLeft,
|
|
404
|
-
}, style: { '--sticky-left-offset': '0px' } }, index.h("sd-checkbox", { key: '
|
|
404
|
+
}, style: { '--sticky-left-offset': '0px' } }, index.h("sd-checkbox", { key: '0c0b61405a8624cfc1d803f8ae8905d74d6c10f1', value: this.getIsAllChecked(), disabled: safeRows.length === 0, onSdUpdate: (e) => this.handleSelectAll(e.detail) }), index.h("div", { key: 'b808a627e740a9c3a9f6f03e32cf90e598fd506f', class: "th__bar" }))), stickyLeftCols.map((col, idx) => (index.h("th", { key: col.name, class: {
|
|
405
405
|
'th': true,
|
|
406
406
|
[`${col.thClass}`]: Boolean(col.thClass),
|
|
407
407
|
'sticky-left': true,
|
|
@@ -67,17 +67,17 @@ const SdPopover = class {
|
|
|
67
67
|
const leftLink = this.leftLink;
|
|
68
68
|
const button = this.button;
|
|
69
69
|
const hasFooter = !!leftLink || !!button;
|
|
70
|
-
return (index.h(index.Fragment, { key: '
|
|
70
|
+
return (index.h(index.Fragment, { key: 'f0b7cc015ab688e21d6df2a797c3964808965934' }, this.label !== '' ? (index.h("sd-button", { ref: el => (this.buttonEl = el), name: this.name ?? 'primary_sm', label: this.label, icon: icon, rightIcon: this.rightIcon, ariaLabel: this.ariaLabel || this.label || icon || 'Open popover', disabled: this.disabled, type: this.type ?? 'button', class: "sd-popover", onSdClick: () => this.setShow(!this.show) })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: icon, size: iconSize, color: color, class: "sd-popover", onClick: () => this.setShow(!this.show) })), this.show && (index.h("sd-floating-portal", { key: '3b8ad8010a7d74fb519f0ad9ff504c0c0fa32941', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: placement, offset: this.popoverOffset }, index.h("div", { key: '8fba73c8cf2718258a176dac2033fb3b33a8a618', class: {
|
|
71
71
|
'sd-floating-menu': true,
|
|
72
72
|
'sd-floating-menu--popover': true,
|
|
73
73
|
[`sd-floating-menu--${placement}`]: true,
|
|
74
74
|
[menuClass]: menuClass !== '',
|
|
75
75
|
}, style: {
|
|
76
76
|
'--sd-floating-bg': popoverTokens.popover.bg,
|
|
77
|
-
} }, index.h("i", { key: '
|
|
77
|
+
} }, index.h("i", { key: '1cef252c66b1c350ea43849e552faced5a53fec0', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, index.h(tooltipArrow.TooltipArrow, { key: '755246fe5fbf9b203509f8d45d2bcbeead0c02c6' })), index.h("div", { key: 'cbefa421598f83f692533d4abf8cfc584b4e02e1', class: "sd-floating-menu__content" }, this.menuTitle && index.h("div", { key: '0f1dfbaf65236416ba00e5f87cb60e2e98971995', class: "sd-floating-menu__title" }, this.menuTitle), this.slotContentHTML && (index.h("div", { key: '38ef67a38921e3fbd1e8bee95892655fc57d124c', class: "sd-floating-menu__messages", innerHTML: this.slotContentHTML })), hasFooter && (index.h("div", { key: '6b3f297563e3b7aa17ace0e20c4423d09b528b32', class: {
|
|
78
78
|
'sd-floating-menu__buttons': true,
|
|
79
79
|
'sd-floating-menu__buttons--with-link': !!leftLink,
|
|
80
|
-
} }, leftLink && (index.h("sd-text-link", { key: '
|
|
80
|
+
} }, leftLink && (index.h("sd-text-link", { key: '6ff83b0aefa24ac3bbae7f1399fdaaa1028b4e75', class: "sd-floating-menu__left-link", label: leftLink.label, icon: leftLink.icon ?? '', iconColor: leftLink.iconColor ?? '', useArrow: !!leftLink.useArrow, underline: !!leftLink.underline, disabled: !!leftLink.disabled, onSdClick: leftLink.onClick })), button && (index.h("sd-button", { key: 'b8b75cd68c55b16b5eb0e4635c16b784381ced78', name: button.name ?? 'secondary_xs', label: button.label, icon: button.icon, rightIcon: button.rightIcon, ariaLabel: button.ariaLabel || button.label || button.icon || 'Open popover', disabled: button.disabled, type: button.type, onSdClick: button.onClick }))))), index.h("sd-ghost-button", { key: '246ab053d1109d7b999e63c3aa5a1048d6096583', class: "sd-floating-menu__close-button", icon: "close", ariaLabel: "close", size: "xs", onClick: this.handleClose }))))));
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
SdPopover.style = sdPopoverCss();
|
|
@@ -105,7 +105,7 @@ const SdPopup = class {
|
|
|
105
105
|
...DEFAULT_SUBMIT_BUTTON_PROPS,
|
|
106
106
|
...this.submitButtonProps,
|
|
107
107
|
};
|
|
108
|
-
return (index.h("div", { key: '
|
|
108
|
+
return (index.h("div", { key: '77379698e76b000368df2d2b7345010cde3df7ba', class: `sd-popup sd-popup--${this.type}`, style: cssVars }, index.h("header", { key: 'e00d2292b718bfd21e491a09e5ea8c18fbb1a2c8', class: "sd-popup__header" }, index.h("h2", { key: 'b8bac8f58f7f916a3b6fe40a66d21318da45d4d3', class: "sd-popup__title" }, this.popupTitle)), index.h("div", { key: '56e5b653539752b9fd0fa4694f7342914cd7abc6', class: "sd-popup__body" }, index.h("slot", { key: '183fafa8179a3350817ec6e3dea12281860f7639' })), this.useFooter && (index.h("footer", { key: 'd1b7fe2d67e5f3ad3b3f8e20408271fdaab86d93', class: "sd-popup__footer" }, index.h("div", { key: '7cc5d0bd9d314942d8d5f982f1f459c56fde4bc0', class: "sd-popup__footer-slot sd-popup__footer-slot--left" }, index.h("slot", { key: 'ffb52c9d679e4ddf9e50e012f8a9aa02b0cb1f95', name: "footer-left" })), index.h("sd-button", { key: '3ab8061bf4119a9351921a41c3d9cb942c00b5d1', ...submitButtonProps, class: "sd-popup__submit", onSdClick: () => this.submit.emit() })))));
|
|
109
109
|
}
|
|
110
110
|
};
|
|
111
111
|
SdPopup.style = sdPopupCss();
|
|
@@ -227,7 +227,7 @@ const SdPortal = class {
|
|
|
227
227
|
this.close.emit();
|
|
228
228
|
}
|
|
229
229
|
render() {
|
|
230
|
-
return index.h("slot", { key: '
|
|
230
|
+
return index.h("slot", { key: '87fb9bf3f15d09321c6c02a1f7b4ed9084516a04' });
|
|
231
231
|
}
|
|
232
232
|
static get watchers() { return {
|
|
233
233
|
"open": [{
|