@sellmate/design-system 0.0.55 → 0.0.56
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/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-button_24.cjs.entry.js +32 -32
- package/dist/cjs/sd-card.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-popover.cjs.entry.js +2 -2
- package/dist/cjs/sd-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-select-multiple.cjs.entry.js +2 -2
- package/dist/cjs/sd-tbody_3.cjs.entry.js +3 -3
- package/dist/cjs/sd-td.cjs.entry.js +2 -2
- package/dist/collection/components/sd-card/sd-card.css +1 -4
- package/dist/collection/components/sd-card/sd-card.js +6 -6
- package/dist/collection/components/sd-card/sd-card.js.map +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
- package/dist/collection/components/sd-guide/sd-guide.js +2 -2
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- package/dist/collection/components/sd-input/sd-input.js +4 -4
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.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 +2 -2
- package/dist/collection/components/sd-popover/sd-popover.js +2 -2
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +2 -2
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +1 -1
- package/dist/collection/components/sd-table/sd-td/sd-td.js +2 -2
- package/dist/collection/components/sd-table/sd-th/sd-th.js +1 -1
- package/dist/collection/components/sd-table/sd-tr/sd-tr.js +1 -1
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +4 -4
- package/dist/collection/components/sd-tooltip-portal/sd-tooltip-portal.js +1 -1
- package/dist/components/{p-BLidMbc_.js → p-6qJVnQg4.js} +3 -3
- package/dist/components/{p-BLidMbc_.js.map → p-6qJVnQg4.js.map} +1 -1
- package/dist/components/{p-D5BkkT2U.js → p-B8yBkdjE.js} +3 -3
- package/dist/components/{p-D5BkkT2U.js.map → p-B8yBkdjE.js.map} +1 -1
- package/dist/components/{p-vhe6g4Qt.js → p-BHHbLFXg.js} +3 -3
- package/dist/components/{p-vhe6g4Qt.js.map → p-BHHbLFXg.js.map} +1 -1
- package/dist/components/{p-DRGcUx0C.js → p-BREduhZA.js} +5 -5
- package/dist/components/{p-DRGcUx0C.js.map → p-BREduhZA.js.map} +1 -1
- package/dist/components/{p-CKhzpdPk.js → p-Bj4u0G5b.js} +3 -3
- package/dist/components/{p-CKhzpdPk.js.map → p-Bj4u0G5b.js.map} +1 -1
- package/dist/components/{p-CfKJNKMH.js → p-C4kdHNdl.js} +7 -7
- package/dist/components/{p-CfKJNKMH.js.map → p-C4kdHNdl.js.map} +1 -1
- package/dist/components/{p-njRAT-yp.js → p-C5U6Otnl.js} +3 -3
- package/dist/components/{p-njRAT-yp.js.map → p-C5U6Otnl.js.map} +1 -1
- package/dist/components/{p-DD9g6GYA.js → p-CNrsaSqW.js} +3 -3
- package/dist/components/{p-DD9g6GYA.js.map → p-CNrsaSqW.js.map} +1 -1
- package/dist/components/{p-nqDJZ_gy.js → p-CfivfPAO.js} +3 -3
- package/dist/components/{p-nqDJZ_gy.js.map → p-CfivfPAO.js.map} +1 -1
- package/dist/components/{p-DMqinLuj.js → p-D8KGixEs.js} +8 -8
- package/dist/components/{p-DMqinLuj.js.map → p-D8KGixEs.js.map} +1 -1
- package/dist/components/{p-BESbtjDi.js → p-DLrb7Zq3.js} +3 -3
- package/dist/components/{p-BESbtjDi.js.map → p-DLrb7Zq3.js.map} +1 -1
- package/dist/components/{p-DroKiQ6J.js → p-K42WRBPA.js} +9 -9
- package/dist/components/{p-DroKiQ6J.js.map → p-K42WRBPA.js.map} +1 -1
- package/dist/components/{p-CWwMpVqI.js → p-O3tgQfvT.js} +5 -5
- package/dist/components/{p-CWwMpVqI.js.map → p-O3tgQfvT.js.map} +1 -1
- package/dist/components/{p-QNYqIsvU.js → p-QpwY2yqY.js} +7 -7
- package/dist/components/{p-QNYqIsvU.js.map → p-QpwY2yqY.js.map} +1 -1
- package/dist/components/{p-MRYVk6Qh.js → p-w5tohH2H.js} +7 -7
- package/dist/components/{p-MRYVk6Qh.js.map → p-w5tohH2H.js.map} +1 -1
- package/dist/components/{p-DKoWHxRI.js → p-xme-KFvK.js} +3 -3
- package/dist/components/{p-DKoWHxRI.js.map → p-xme-KFvK.js.map} +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +4 -4
- package/dist/components/sd-card.js.map +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-picker.js +4 -4
- package/dist/components/sd-date-range-picker.js +5 -5
- package/dist/components/sd-file-picker.js +4 -4
- package/dist/components/sd-guide.js +5 -5
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-loading-spinner.js +1 -1
- package/dist/components/sd-modal-card.js +2 -2
- package/dist/components/sd-number-input.js +5 -5
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +5 -5
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +2 -2
- package/dist/components/sd-select-multiple-group.js +6 -6
- package/dist/components/sd-select-multiple.js +7 -7
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table-backup.js +12 -12
- package/dist/components/sd-table.js +14 -14
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +2 -2
- package/dist/components/sd-th.js +1 -1
- package/dist/components/sd-toast-message.js +2 -2
- package/dist/components/sd-toggle-button.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip-portal.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/components/sd-tr.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-0893dbd0.entry.js +2 -0
- package/dist/design-system/{p-5acdd14a.entry.js → p-2633690f.entry.js} +2 -2
- package/dist/design-system/p-5576f0f0.entry.js +2 -0
- package/dist/design-system/{p-0d2814dc.entry.js → p-7ca988ab.entry.js} +2 -2
- package/dist/design-system/p-a7bdb6ba.entry.js +2 -0
- package/dist/design-system/{p-7b94b34e.entry.js → p-b5720c60.entry.js} +2 -2
- package/dist/design-system/{p-e5065700.entry.js → p-bdd9afaf.entry.js} +2 -2
- package/dist/design-system/p-ddfe63b8.entry.js +2 -0
- package/dist/design-system/p-ddfe63b8.entry.js.map +1 -0
- package/dist/design-system/{p-665c5c48.entry.js → p-e180c69c.entry.js} +2 -2
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-button_24.entry.js +32 -32
- package/dist/esm/sd-card.entry.js +3 -3
- package/dist/esm/sd-card.entry.js.map +1 -1
- package/dist/esm/sd-date-picker.entry.js +1 -1
- package/dist/esm/sd-date-range-picker.entry.js +2 -2
- package/dist/esm/sd-popover.entry.js +2 -2
- package/dist/esm/sd-progress.entry.js +2 -2
- package/dist/esm/sd-select-multiple.entry.js +2 -2
- package/dist/esm/sd-tbody_3.entry.js +3 -3
- package/dist/esm/sd-td.entry.js +2 -2
- package/dist/types/components/sd-card/sd-card.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/hydrate/index.js +50 -50
- package/hydrate/index.mjs +50 -50
- package/package.json +2 -2
- package/dist/design-system/p-2c57bdea.entry.js +0 -2
- package/dist/design-system/p-3bc4effa.entry.js +0 -2
- package/dist/design-system/p-3bc4effa.entry.js.map +0 -1
- package/dist/design-system/p-97b271a7.entry.js +0 -2
- package/dist/design-system/p-fc3580fd.entry.js +0 -2
- /package/dist/design-system/{p-fc3580fd.entry.js.map → p-0893dbd0.entry.js.map} +0 -0
- /package/dist/design-system/{p-5acdd14a.entry.js.map → p-2633690f.entry.js.map} +0 -0
- /package/dist/design-system/{p-2c57bdea.entry.js.map → p-5576f0f0.entry.js.map} +0 -0
- /package/dist/design-system/{p-0d2814dc.entry.js.map → p-7ca988ab.entry.js.map} +0 -0
- /package/dist/design-system/{p-97b271a7.entry.js.map → p-a7bdb6ba.entry.js.map} +0 -0
- /package/dist/design-system/{p-7b94b34e.entry.js.map → p-b5720c60.entry.js.map} +0 -0
- /package/dist/design-system/{p-e5065700.entry.js.map → p-bdd9afaf.entry.js.map} +0 -0
- /package/dist/design-system/{p-665c5c48.entry.js.map → p-e180c69c.entry.js.map} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { c as colors } from './p-BYf-ybt2.js';
|
|
3
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$4 } from './p-DLrb7Zq3.js';
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-B8yBkdjE.js';
|
|
6
6
|
|
|
7
7
|
const sdGuideCss = () => `@charset "UTF-8";sd-button{display:inline-block;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-flex;align-items:center}sd-guide .sd-guide{display:inline-flex}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #12b553}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}`;
|
|
8
8
|
|
|
@@ -60,9 +60,9 @@ const SdGuide$1 = /*@__PURE__*/ proxyCustomElement(class SdGuide extends H {
|
|
|
60
60
|
};
|
|
61
61
|
render() {
|
|
62
62
|
const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '73cc9c84ec4e921e83e9d0cde2971c5088cbb48f', style: {
|
|
64
64
|
'--sd-guide-color': GUIDE_ICON[this.type].color,
|
|
65
|
-
} }, h("sd-button", { key: '
|
|
65
|
+
} }, h("sd-button", { key: '310afd874d062a91fab4b179a9a4e2f340a95175', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '133bb71a98efd9a15407aad915937caec728aa38', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: '4a39145ce20e1e37ebc3f639712f635231f34f2d', style: { position: 'absolute', width: '0px', height: '0px' } }, h("div", { key: 'e71a8217b3969db9fadf9083835402cf69e62c3c', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: 'f035ca961013d99305b0409f406fdd3063e11155', class: "sd-guide__popup__close", icon: "close", color: colors.grey_65, size: "md", variant: "ghost", noHover: true, onSdClick: this.closeDropdown }), h("div", { key: 'a3d505a21abd77e85fac45a792ca7bb2b2448a6a', class: "sd-guide__popup__header" }, h("sd-icon", { key: '785bfbe594936b56f407edd2349e19076cf6ece9', name: "helpOutline", size: 24, color: colors.green_65 }), h("h3", { key: 'da5dfaed05a11ccef574580a4c18341646d59e4f', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), h("ul", { key: '0faa4a71c1d77d21490436323c2d80c792397991', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
|
|
66
66
|
}
|
|
67
67
|
// 현재 2depth까지만 스타일 적용
|
|
68
68
|
renderListItem(message, depth = 0) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdLoadingSpinner$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdLoadingSpinner$1, d as defineCustomElement$1 } from './p-CfivfPAO.js';
|
|
2
2
|
|
|
3
3
|
const SdLoadingSpinner = SdLoadingSpinner$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { r as resolveColor } from './p-BYf-ybt2.js';
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-DLrb7Zq3.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-BHHbLFXg.js';
|
|
5
5
|
|
|
6
6
|
const sdModalCardCss = () => `sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}`;
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-BHHbLFXg.js';
|
|
3
3
|
|
|
4
4
|
const sdNumberInputCss = () => `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)}.sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;color:#333333;font-size:12px;line-height:20px;background:white;position:relative}.sd-number-input--hovered{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}.sd-number-input.sd-number-input--error{border-color:#fb4444}.sd-number-input.sd-number-input--pass{border-color:#2bce6c}.sd-number-input.sd-number-input--disabled{background-color:#eeeeee !important;border-color:#cccccc !important;cursor:not-allowed !important;box-shadow:none !important}.sd-number-input.sd-number-input--disabled .sd-number-input__input{color:#888888 !important;cursor:not-allowed !important}.sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}.sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}.sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}.sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}.sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}.sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}.sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}.sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}.sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}`;
|
|
5
5
|
|
|
@@ -264,17 +264,17 @@ const SdNumberInput$1 = /*@__PURE__*/ proxyCustomElement(class SdNumberInput ext
|
|
|
264
264
|
const inputStyles = {
|
|
265
265
|
textAlign: this.useButton ? 'center' : 'right',
|
|
266
266
|
};
|
|
267
|
-
return (h(Host, { key: '
|
|
267
|
+
return (h(Host, { key: '00862eac1b5ac354058dfc63ac7cbae7ea675c2e', style: inputWidth, onFocus: this.handleFocus, onBlur: this.handleBlur }, this.useButton ? 'use buttons' : 'dont use buttons', this.label && h("div", { key: '368ea9ee71d69fccd1f4793e990b1345e7d87cfe', class: "sd-number-input__label" }, this.label), h("label", { key: '0f8d107bc23e308d6e9523f04199eccc39bd1268', class: {
|
|
268
268
|
'sd-number-input': true,
|
|
269
269
|
[this.getInputStatus()]: true,
|
|
270
270
|
'sd-number-input--with-buttons': this.useButton,
|
|
271
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '
|
|
271
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '7f6f4a677ba9460ea022ae2060a73872123d19be', ref: el => (this.nativeEl = el), class: `sd-number-input__input ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, style: inputStyles }), this.useButton && (h("div", { key: 'fd85f670c841fd7aee190fa040b4e228af3075a6', class: "sd-number-input__buttons" }, h("button", { key: 'c49d7ca15872cf5dc9fa6e46a3a7bca02a10d4d1', type: "button", class: {
|
|
272
272
|
'sd-number-input__button': true,
|
|
273
273
|
'sd-number-input__button--decrement': true,
|
|
274
|
-
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '
|
|
274
|
+
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '9fe03669015bbac1704f06bcacf8625c6937253d', name: "minus", size: 12, color: this.isDecrementDisabled() ? '#CCCCCC' : '#2D8DFF' })), h("button", { key: '98ea1cc55299f03e1689bb9becc6e87ab5720d7a', type: "button", class: {
|
|
275
275
|
'sd-number-input__button': true,
|
|
276
276
|
'sd-number-input__button--increment': true,
|
|
277
|
-
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '
|
|
277
|
+
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: 'b6d446dfdd0435b8c991901a2cb100af4ae4d8b5', name: "add", size: 12, color: this.isIncrementDisabled() ? '#CCCCCC' : '#2D8DFF' })))))));
|
|
278
278
|
}
|
|
279
279
|
static get watchers() { return {
|
|
280
280
|
"value": ["valueChanged"],
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { T as TooltipArrow } from './p-BDkKpeVz.js';
|
|
3
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$4 } from './p-DLrb7Zq3.js';
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-C5U6Otnl.js';
|
|
6
6
|
|
|
7
7
|
const sdPopoverCss = () => `.sd-popover{position:relative;cursor:pointer;display:inline-block}`;
|
|
8
8
|
|
|
@@ -43,11 +43,11 @@ const SdPopover$1 = /*@__PURE__*/ proxyCustomElement(class SdPopover extends H {
|
|
|
43
43
|
this.showPopover = false;
|
|
44
44
|
};
|
|
45
45
|
render() {
|
|
46
|
-
return (h(Fragment, { key: '
|
|
46
|
+
return (h(Fragment, { key: '9d9b2e9ab7dd6d7b3a79fdf8468c1921b64c8e6f' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-tooltip-portal", { key: '44e2139f21c20017b93d59888ca358fe78bb21db', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'eac4edb768cc3e738d9fa0a9680d85aab5d9c795', class: {
|
|
47
47
|
'sd-popover-menu': true,
|
|
48
48
|
[`sd-popover-menu--${this.placement}`]: true,
|
|
49
49
|
[this.menuClass]: !!this.menuClass,
|
|
50
|
-
} }, h("i", { key: '
|
|
50
|
+
} }, h("i", { key: '8b4228cabeebf775419ce25c89a609c5a24bbc86', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '794ea65c5d1bd4362b5245611f49bab0bdbdf451' })), h("div", { key: 'f3a756194b51dbfea1c2c1a9f09d390a7a01add2', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: 'e3425e647b09ad929741811f5962855d4b489a34', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '157ce5e1ceeee570cd12581471281124e91ccfe9', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '82ce6ee0c7ab22981785df2751aab973321db044', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'd5ce191f037db5c466f6de9ebdaabbbf3691f2b1', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '1ee550de3c8d8eaa72a3faa4d7abece5b4725452', name: "close", size: "12", color: "#AAAAAA" }))))))));
|
|
51
51
|
}
|
|
52
52
|
static get watchers() { return {
|
|
53
53
|
"show": ["watchShowHandler"]
|
|
@@ -42,10 +42,10 @@ const SdProgress$1 = /*@__PURE__*/ proxyCustomElement(class SdProgress extends H
|
|
|
42
42
|
return this.statusColor[this.progressStatus];
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: 'b254676f6936364f895fd8dd85edd33b95b9d52e', style: {
|
|
46
46
|
'--progress-color': this.progressColor,
|
|
47
47
|
'--progress-percentage': `${this.progressPercentage}%`,
|
|
48
|
-
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '
|
|
48
|
+
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: 'aeb82be4b54ec40dfec7dc8717faeea41c4fd0e8', class: "sd-progress__label" }, this.label)));
|
|
49
49
|
}
|
|
50
50
|
renderBarProgress() {
|
|
51
51
|
return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { p as proxyCustomElement, d as createEvent, h, c as Host, F as Fragment, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-B3H_uLbl.js';
|
|
3
|
-
import { d as defineCustomElement$7 } from './p-
|
|
4
|
-
import { d as defineCustomElement$6 } from './p-
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
6
|
-
import { d as defineCustomElement$4 } from './p-
|
|
7
|
-
import { d as defineCustomElement$3 } from './p-
|
|
8
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$7 } from './p-Bj4u0G5b.js';
|
|
4
|
+
import { d as defineCustomElement$6 } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-C4kdHNdl.js';
|
|
6
|
+
import { d as defineCustomElement$4 } from './p-B8yBkdjE.js';
|
|
7
|
+
import { d as defineCustomElement$3 } from './p-w5tohH2H.js';
|
|
8
|
+
import { d as defineCustomElement$2 } from './p-QpwY2yqY.js';
|
|
9
9
|
|
|
10
10
|
const sdSelectMultipleGroupCss = () => `.sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}`;
|
|
11
11
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { p as proxyCustomElement, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-B3H_uLbl.js';
|
|
3
|
-
import { d as defineCustomElement$6 } from './p-
|
|
4
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
6
|
-
import { d as defineCustomElement$3 } from './p-
|
|
7
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$6 } from './p-Bj4u0G5b.js';
|
|
4
|
+
import { d as defineCustomElement$5 } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-C4kdHNdl.js';
|
|
6
|
+
import { d as defineCustomElement$3 } from './p-B8yBkdjE.js';
|
|
7
|
+
import { d as defineCustomElement$2 } from './p-O3tgQfvT.js';
|
|
8
8
|
|
|
9
9
|
const sdSelectMultipleCss = () => `.sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}`;
|
|
10
10
|
|
|
@@ -223,11 +223,11 @@ const SdSelectMultiple$1 = /*@__PURE__*/ proxyCustomElement(class SdSelectMultip
|
|
|
223
223
|
'--select-width': this.width || '200px',
|
|
224
224
|
'--select-dropdown-height': this.dropdownHeight || '260px',
|
|
225
225
|
};
|
|
226
|
-
return (h(Host, { key: '
|
|
226
|
+
return (h(Host, { key: 'ff0653e24d97db442399017df0380a17f96dffe4', style: style }, h("div", { key: 'd5f6c3425abfcfdd81e47529659aa591fc604b0b', class: {
|
|
227
227
|
'sd-select-multiple': true,
|
|
228
228
|
'sd-select-multiple--open': this.isOpen,
|
|
229
229
|
'sd-select-multiple--disabled': this.disabled,
|
|
230
|
-
}, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '
|
|
230
|
+
}, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: 'ee82c8383eb3e98729b2d55065b66e9a84cf5215', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
|
|
231
231
|
}
|
|
232
232
|
renderLabel(label) {
|
|
233
233
|
if (!label)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdSelectOptionGroup$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdSelectOptionGroup$1, d as defineCustomElement$1 } from './p-w5tohH2H.js';
|
|
2
2
|
|
|
3
3
|
const SdSelectOptionGroup = SdSelectOptionGroup$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-QpwY2yqY.js';
|
|
2
2
|
|
|
3
3
|
const SdSelectSearchInput = SdSelectSearchInput$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, e as readTask, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
|
-
import { d as defineCustomElement$d } from './p-
|
|
3
|
-
import { d as defineCustomElement$c } from './p-
|
|
4
|
-
import { d as defineCustomElement$b } from './p-
|
|
5
|
-
import { d as defineCustomElement$a } from './p-
|
|
6
|
-
import { d as defineCustomElement$9 } from './p-
|
|
7
|
-
import { d as defineCustomElement$8 } from './p-
|
|
8
|
-
import { d as defineCustomElement$7 } from './p-
|
|
9
|
-
import { d as defineCustomElement$6 } from './p-
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-
|
|
11
|
-
import { d as defineCustomElement$4 } from './p-
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
13
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$d } from './p-DLrb7Zq3.js';
|
|
3
|
+
import { d as defineCustomElement$c } from './p-Bj4u0G5b.js';
|
|
4
|
+
import { d as defineCustomElement$b } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$a } from './p-C4kdHNdl.js';
|
|
6
|
+
import { d as defineCustomElement$9 } from './p-CfivfPAO.js';
|
|
7
|
+
import { d as defineCustomElement$8 } from './p-BREduhZA.js';
|
|
8
|
+
import { d as defineCustomElement$7 } from './p-B8yBkdjE.js';
|
|
9
|
+
import { d as defineCustomElement$6 } from './p-D8KGixEs.js';
|
|
10
|
+
import { d as defineCustomElement$5 } from './p-O3tgQfvT.js';
|
|
11
|
+
import { d as defineCustomElement$4 } from './p-QpwY2yqY.js';
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-K42WRBPA.js';
|
|
13
|
+
import { d as defineCustomElement$2 } from './p-C5U6Otnl.js';
|
|
14
14
|
|
|
15
15
|
const sdTableBackupCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{padding-top:15%;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}`;
|
|
16
16
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
|
-
import { d as defineCustomElement$f } from './p-
|
|
3
|
-
import { d as defineCustomElement$e } from './p-
|
|
4
|
-
import { d as defineCustomElement$d } from './p-
|
|
5
|
-
import { d as defineCustomElement$c } from './p-
|
|
6
|
-
import { d as defineCustomElement$b } from './p-
|
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
|
8
|
-
import { d as defineCustomElement$9 } from './p-
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
10
|
-
import { d as defineCustomElement$7 } from './p-
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
|
12
|
-
import { d as defineCustomElement$5 } from './p-
|
|
13
|
-
import { d as defineCustomElement$4 } from './p-
|
|
14
|
-
import { d as defineCustomElement$3 } from './p-
|
|
15
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$f } from './p-DLrb7Zq3.js';
|
|
3
|
+
import { d as defineCustomElement$e } from './p-Bj4u0G5b.js';
|
|
4
|
+
import { d as defineCustomElement$d } from './p-BHHbLFXg.js';
|
|
5
|
+
import { d as defineCustomElement$c } from './p-C4kdHNdl.js';
|
|
6
|
+
import { d as defineCustomElement$b } from './p-BREduhZA.js';
|
|
7
|
+
import { d as defineCustomElement$a } from './p-B8yBkdjE.js';
|
|
8
|
+
import { d as defineCustomElement$9 } from './p-D8KGixEs.js';
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-O3tgQfvT.js';
|
|
10
|
+
import { d as defineCustomElement$7 } from './p-QpwY2yqY.js';
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-xme-KFvK.js';
|
|
12
|
+
import { d as defineCustomElement$5 } from './p-6qJVnQg4.js';
|
|
13
|
+
import { d as defineCustomElement$4 } from './p-K42WRBPA.js';
|
|
14
|
+
import { d as defineCustomElement$3 } from './p-C5U6Otnl.js';
|
|
15
|
+
import { d as defineCustomElement$2 } from './p-CNrsaSqW.js';
|
|
16
16
|
|
|
17
17
|
const sdTableCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}`;
|
|
18
18
|
|
package/dist/components/sd-td.js
CHANGED
|
@@ -14,11 +14,11 @@ const SdTd$1 = /*@__PURE__*/ proxyCustomElement(class SdTd extends H {
|
|
|
14
14
|
tdStyle;
|
|
15
15
|
tdClass;
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'caaefa12c86561d1bbe8d10e4f25b079def2124e', role: "cell", class: {
|
|
18
18
|
'sd-td': true,
|
|
19
19
|
[`sd-td--${this.align}`]: true,
|
|
20
20
|
[this.tdClass || '']: Boolean(this.tdClass),
|
|
21
|
-
}, style: this.tdStyle }, h("slot", { key: '
|
|
21
|
+
}, style: this.tdStyle }, h("slot", { key: '9ea243e4a6fcb4b6e1edc94b92eb4cc9d0e50a97' })));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return sdTdCss(); }
|
|
24
24
|
}, [772, "sd-td", {
|
package/dist/components/sd-th.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
|
|
2
2
|
import { r as resolveColor } from './p-BYf-ybt2.js';
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-DLrb7Zq3.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-BHHbLFXg.js';
|
|
5
5
|
|
|
6
6
|
const sdToastMessageCss = () => `.sd-toast-message.sc-sd-toast-message{display:flex;width:fit-content;align-items:center;gap:16px;padding:12px 24px;border-radius:4px;background-color:var(--sd-toast-bg);color:var(--sd-toast-text);transition:opacity 0.2s ease, visibility 0.2s ease;box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-toast-message--hidden.sc-sd-toast-message{opacity:0;visibility:hidden;pointer-events:none}.sd-toast-message__icon.sc-sd-toast-message{display:flex;align-items:center;flex-shrink:0}.sd-toast-message__content.sc-sd-toast-message{display:flex;flex:1}.sd-toast-message__message.sc-sd-toast-message{font-size:14px;line-height:20px;font-weight:400}.sd-toast-message__link.sc-sd-toast-message{font-size:14px;line-height:20px;color:var(--sd-toast-text);text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px}.sd-toast-message__link.sc-sd-toast-message:hover{opacity:0.8}.sd-toast-message__button.sc-sd-toast-message{flex-shrink:0}.sd-toast-message__button.sc-sd-toast-message button.sc-sd-toast-message{color:var(--button-text-color, inherit) !important}.sd-toast-message__close.sc-sd-toast-message{display:flex;align-items:center;justify-content:center;padding:4px;background-color:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;flex-shrink:0}.sd-toast-message__close.sc-sd-toast-message:hover{opacity:0.7}.sd-toast-message__close.sc-sd-toast-message:active{opacity:0.5}`;
|
|
7
7
|
|
|
@@ -42,7 +42,7 @@ const SdToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SdToggleButton e
|
|
|
42
42
|
this.sdChange.emit(newValue);
|
|
43
43
|
};
|
|
44
44
|
render() {
|
|
45
|
-
return (h("label", { key: '
|
|
45
|
+
return (h("label", { key: '54d45d11b3944c61147d5bd0fa68078aa28737f1', class: this.buttonClasses, role: "button", "aria-pressed": this.isActive.toString(), "aria-disabled": this.disabled.toString(), "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'cafb7edbcaead5e487b756a006cfee9b9d890558', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
|
|
46
46
|
}
|
|
47
47
|
static get style() { return sdToggleButtonCss(); }
|
|
48
48
|
}, [768, "sd-toggle-button", {
|
|
@@ -39,7 +39,7 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
|
|
|
39
39
|
this.sdChange.emit(newValue);
|
|
40
40
|
};
|
|
41
41
|
render() {
|
|
42
|
-
return (h("label", { key: '
|
|
42
|
+
return (h("label", { key: 'ba2398d6eb054c00c526ab1ada37b09e4d6602a3', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'b7da299e1dacd7d41bc1cd72d5bc135d5ecd52fd', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'b6ddc87485036dee698eb099d7343edd4163d7b0', class: "sd-toggle__label" }, this.label), h("div", { key: '2439852af329488d50907ee132a6fd819129a6a0', class: "sd-toggle__track" }, h("div", { key: '72114f2bec9e0372b05d90df8099dc9aad812e3d', class: "sd-toggle__thumb" }))));
|
|
43
43
|
}
|
|
44
44
|
static get style() { return sdToggleCss(); }
|
|
45
45
|
}, [768, "sd-toggle", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-C5U6Otnl.js';
|
|
2
2
|
|
|
3
3
|
const SdTooltipPortal = SdTooltipPortal$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
package/dist/components/sd-tr.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-27985b84",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}]]],["p-
|
|
1
|
+
import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-27985b84",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}]]],["p-e180c69c",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-2633690f",[[770,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-bdd9afaf",[[770,"sd-date-range-picker",{value:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},null,{value:["onValueChange"]}]]],["p-5576f0f0",[[769,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},null,{show:["watchShowHandler"]}]]],["p-de826a92",[[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],modalClass:[1,"modal-class"]}]]],["p-9ade8cd7",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-ddfe63b8",[[772,"sd-card",{bordered:[4],cardClassName:[1,"card-class-name"]}]]],["p-b5720c60",[[768,"sd-progress",{type:[1],error:[4],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]]],["p-7a424f6b",[[768,"sd-radio-button-group",{value:[1544],radioOptions:[1040],size:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-0893dbd0",[[772,"sd-td",{name:[1],align:[1],tdStyle:[16],tdClass:[1,"td-class"]}]]],["p-b1b828e6",[[770,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]]],["p-a7bdb6ba",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["p-7ca988ab",[[772,"sd-table-backup",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],headerCellRenderer:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],useVirtualScroll:[16],virtualRowHeight:[2,"virtual-row-height"],virtualColumnWidth:[2,"virtual-column-width"],virtualBufferSize:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],virtualStartIndex:[32],virtualEndIndex:[32],scrollTopPosition:[32],virtualStartColIdx:[32],virtualEndColIdx:[32],scrollLeftPosition:[32]},null,{columns:["handleColumnsChange"],columnWidths:["handleColumnWidthsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[772,"sd-select-multiple-group",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],allCheckedLabel:[1,"all-checked-label"],allCheckOptionLabel:[1,"all-check-option-label"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],isDropdownReady:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}],[770,"sd-toast-message",{icon:[1],message:[1],link:[1],linkLabel:[1,"link-label"],buttonLabel:[1,"button-label"],close:[4],type:[1],isVisible:[32]}],[768,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],width:[8],internalValue:[32],hovered:[32],showTooltip:[32]},null,{value:["valueChanged"]}],[768,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],displayValue:[32],hovered:[32],error:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[768,"sd-tabs",{value:[1537],tabs:[1040],size:[1],isSub:[4,"is-sub"],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-toggle",{value:[1540],label:[1],disabled:[4],isChecked:[32]}],[768,"sd-toggle-button",{value:[1540],label:[1],disabled:[4],isActive:[32]}],[768,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}],[768,"sd-loading-spinner",{color:[1]}],[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}],[768,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],isDisabled:[64]}],[768,"sd-select-search-input",{isScrolled:[4,"is-scrolled"],searchText:[1,"search-text"],getNativeElement:[64],searchInputFocus:[64]}],[769,"sd-tooltip-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],class:[1]}],[768,"sd-checkbox",{checked:[1028],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=design-system.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,H as s}from"./p-7X2nzJWz.js";const l=()=>`sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}`;const a=class{constructor(t){e(this,t)}name="";align="left";tdStyle;tdClass;render(){return t(s,{key:"caaefa12c86561d1bbe8d10e4f25b079def2124e",role:"cell",class:{"sd-td":true,[`sd-td--${this.align}`]:true,[this.tdClass||""]:Boolean(this.tdClass)},style:this.tdStyle},t("slot",{key:"9ea243e4a6fcb4b6e1edc94b92eb4cc9d0e50a97"}))}};a.style=l();export{a as sd_td};
|
|
2
|
+
//# sourceMappingURL=p-0893dbd0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,a as d,h as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,a as d,h as s,H as a}from"./p-7X2nzJWz.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=()=>`.sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}`;const n=class{constructor(d){e(this,d);this.sdChange=t(this,"sdChange")}get el(){return d(this)}value=null;label;selectable;disabled=false;placeholder="";isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||c;const[t,d]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=d;this.currentDate=this.value}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(d)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.value=t;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,d]=this.selectable;if(t&&d){return e<t||e>d}if(t){return e<t}if(d){return e>d}return false}handleClose=()=>{this.isOpen=false};render(){return s(a,{key:"339b8a2e02592a3a7c28e91b11dc3693b4fcb9db",class:{"sd-date-picker":true,"sd-date-picker--disabled":this.disabled}},s("sd-input",{key:"5cb7ee0544864681985ba4e2b4cfb4ca7eb88ba7",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"e465944f71022a7b7d7b6d719affa31bfc337ff8",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"e4af5d3a2c5619d12f0b473b80eed941df1eea06",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"a36e286d284f3f2545eb83e60f76bb74db1ee045",class:"sd-date-picker__menu"},s("div",{key:"95aa3b00666772cdaac5c458226b03ca8d814205",class:"sd-date-picker__header"},s("div",{key:"92d3553d46fc3b9681050d5cb8b834bf4c661792",class:"year-nav"},s("button",{key:"ee0500f7c95bfd54e01a3dacba1f5510d1a6bbe6",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"16cf42b6e4d43858fc22745339c66ffb03862f00",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"9cd310082f173d1fadc046a0a7f6b1e4b63627e0",class:"year-nav__current"},this.currentYear),s("button",{key:"51d30f06c43c76226e995af3f3e3812ea48c2aad",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"08b599372988f2563ccb6a25b64bbacef21e8c0b",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"3561b99251a0cc9ca5d81ed20369eb2d1702f253",class:"month-nav"},s("button",{key:"952c94808facf642dc219eaced8d58b3c2ceb389",type:"button",name:"prev-month",title:"Previous ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"d270c4e5934ebfff500d9a4252b9a4b0b6c24e41",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"3baf83873b332c1a3b340773a952b5f9a1b48bd4",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"fe744ca6c9896f8cf7bd2a00cdd4db94915be0e3",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"a00637d3bc309b429fd302b72ec940f3cdce8f84",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"8a4c4fc3bfc55205912368f6d5f1e3acd7eadbdc",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"f4eaa43b531640ba7bb7b724cf52144f9870d520",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const d=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return s("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===d,isToday:c===d,disabled:!e?true:this.isDisabledDate(d),onClick:!this.isDisabledDate(d)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r();export{n as sd_date_picker};
|
|
2
|
+
//# sourceMappingURL=p-2633690f.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,a as s,h as t,F as o}from"./p-7X2nzJWz.js";import{T as a}from"./p-CdbtuKYR.js";const i=()=>`.sd-popover{position:relative;cursor:pointer;display:inline-block}`;const c=class{constructor(s){e(this,s)}get el(){return s(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=false};render(){return t(o,{key:"9d9b2e9ab7dd6d7b3a79fdf8468c1921b64c8e6f"},this.label?t("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-tooltip-portal",{key:"44e2139f21c20017b93d59888ca358fe78bb21db",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"eac4edb768cc3e738d9fa0a9680d85aab5d9c795",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},t("i",{key:"8b4228cabeebf775419ce25c89a609c5a24bbc86",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},t(a,{key:"794ea65c5d1bd4362b5245611f49bab0bdbdf451"})),t("div",{key:"f3a756194b51dbfea1c2c1a9f09d390a7a01add2",class:"sd-popover-menu__content"},this.menuTitle&&t("div",{key:"e3425e647b09ad929741811f5962855d4b489a34",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"157ce5e1ceeee570cd12581471281124e91ccfe9",class:"sd-popover-menu__messages"},this.messages.map((e=>t("div",null,e)))),this.buttons.length>0&&t("div",{key:"82ce6ee0c7ab22981785df2751aab973321db044",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>t("sd-button",{...e}))))),this.useClose&&t("button",{key:"d5ce191f037db5c466f6de9ebdaabbbf3691f2b1",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"1ee550de3c8d8eaa72a3faa4d7abece5b4725452",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=i();export{c as sd_popover};
|
|
2
|
+
//# sourceMappingURL=p-5576f0f0.entry.js.map
|