@sellmate/design-system 1.0.25 → 1.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component.button-C6xBMwHf.js → component.button-ASC_hRm6.js} +0 -7
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +29 -6
- package/dist/cjs/sd-button-v2.cjs.entry.js +5 -6
- package/dist/cjs/{sd-button-v2.config-BK45EPK_.js → sd-button-v2.config-DGJDtL6W.js} +1 -27
- package/dist/cjs/sd-button_21.cjs.entry.js +77 -50
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +7 -22
- package/dist/cjs/sd-file-picker.cjs.entry.js +3 -3
- package/dist/cjs/sd-form.cjs.entry.js +1 -1
- package/dist/cjs/sd-guide.cjs.entry.js +2 -2
- package/dist/cjs/sd-popover.cjs.entry.js +15 -2
- package/dist/cjs/sd-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-multiple-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-multiple.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-option-group.cjs.entry.js +3 -3
- package/dist/cjs/sd-tabs.cjs.entry.js +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +104 -35
- package/dist/cjs/sd-toast.cjs.entry.js +3 -3
- package/dist/cjs/sd-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-toggle.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/sd-badge/sd-badge.config.js +12 -0
- package/dist/collection/components/sd-badge/sd-badge.css +5 -14
- package/dist/collection/components/sd-badge/sd-badge.js +15 -29
- package/dist/collection/components/sd-button-v2/sd-button-v2.config.js +0 -24
- package/dist/collection/components/sd-button-v2/sd-button-v2.css +6 -5
- package/dist/collection/components/sd-button-v2/sd-button-v2.js +4 -5
- package/dist/collection/components/sd-card/sd-card.js +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-dropdown-button/sd-dropdown-button.config.js +1 -10
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.css +9 -5
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +3 -9
- package/dist/collection/components/sd-field/sd-field.js +5 -5
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.css +52 -28
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
- package/dist/collection/components/sd-form/sd-form.js +1 -1
- 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 +3 -3
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
- package/dist/collection/components/sd-modal-card/sd-modal-card.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 +6 -2
- package/dist/collection/components/sd-portal/sd-portal.js +11 -10
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-radio/sd-radio.js +1 -1
- package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js +1 -1
- package/dist/collection/components/sd-radio-group/sd-radio-group.js +1 -1
- package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select/sd-select.js +3 -3
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +1 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +3 -3
- 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-table.js +4 -4
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-tag/sd-tag.config.js +35 -31
- package/dist/collection/components/sd-tag/sd-tag.css +1 -1
- package/dist/collection/components/sd-tag/sd-tag.js +6 -5
- package/dist/collection/components/sd-textarea/sd-textarea.js +2 -2
- package/dist/collection/components/sd-toast/sd-toast.js +2 -2
- 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.config.js +7 -0
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +21 -32
- package/dist/components/{p-Dc4UTGgQ.js → p-2CurSZ9q.js} +1 -1
- package/dist/components/{p-CAZeEBeS.js → p-BDPJKxrr.js} +1 -1
- package/dist/components/{p-D9mJxIjm.js → p-BFVe-fGw.js} +1 -1
- package/dist/components/{p-DYoNy5I7.js → p-BVIzG0vO.js} +1 -1
- package/dist/components/p-BZt0PSLv.js +1 -0
- package/dist/components/{p-2FdkYfts.js → p-CGgmrFwF.js} +1 -1
- package/dist/components/p-COsw7PE1.js +1 -0
- package/dist/components/{p-CdCMe4bN.js → p-CS4tniB3.js} +1 -1
- package/dist/components/{p-CwM24aVj.js → p-CZLePSDf.js} +1 -1
- package/dist/components/{p-B1o7vc2v.js → p-CgilbV-B.js} +1 -1
- package/dist/components/{p-DUqcOPNn.js → p-CquSJNHV.js} +1 -1
- package/dist/components/{p-CzHa12Ax.js → p-D4eRE9J1.js} +1 -1
- package/dist/components/{p-BxXKe48B.js → p-DNQE5SAA.js} +1 -1
- package/dist/components/{p-G4t0nGLP.js → p-DfhTm5zs.js} +1 -1
- package/dist/components/p-DghTuouQ.js +1 -0
- package/dist/components/{p-Czq-8oT7.js → p-DtNd46kD.js} +1 -1
- package/dist/components/p-DuzMehmA.js +1 -0
- package/dist/components/p-fvvA-prd.js +1 -0
- package/dist/components/{p-BKTfQGcR.js → p-kyuN077y.js} +1 -1
- package/dist/components/p-wt_xdZCl.js +1 -0
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-button-v2.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-form.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- 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 +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +1 -1
- package/dist/components/sd-radio-button-group.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-dropdown.js +1 -1
- package/dist/components/sd-select-multiple-group.js +1 -1
- package/dist/components/sd-select-multiple.js +1 -1
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.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-textarea.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-toggle-button.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-c0655cd1.entry.js → p-141f5a74.entry.js} +1 -1
- package/dist/design-system/{p-e6d84ecf.entry.js → p-19805249.entry.js} +1 -1
- package/dist/design-system/{p-Dc4UTGgQ.js → p-2CurSZ9q.js} +1 -1
- package/dist/design-system/p-37e9e161.entry.js +1 -0
- package/dist/design-system/{p-1b80635f.entry.js → p-3d91bd65.entry.js} +1 -1
- package/dist/design-system/{p-5094848f.entry.js → p-58e3bd95.entry.js} +1 -1
- package/dist/design-system/{p-02c5ab69.entry.js → p-5ef7ff34.entry.js} +1 -1
- package/dist/design-system/{p-83f320e6.entry.js → p-680c5afb.entry.js} +1 -1
- package/dist/design-system/p-73362d34.entry.js +1 -0
- package/dist/design-system/p-73d29523.entry.js +1 -0
- package/dist/design-system/{p-3565f871.entry.js → p-7801d0bb.entry.js} +1 -1
- package/dist/design-system/p-8be27d6e.entry.js +1 -0
- package/dist/design-system/p-995f2846.entry.js +1 -0
- package/dist/design-system/{p-DUqcOPNn.js → p-CquSJNHV.js} +1 -1
- package/dist/design-system/p-DuzMehmA.js +1 -0
- package/dist/design-system/{p-ea26b8e9.entry.js → p-a493d89a.entry.js} +1 -1
- package/dist/design-system/{p-8b013328.entry.js → p-a7815753.entry.js} +1 -1
- package/dist/design-system/{p-712c1ef1.entry.js → p-b9f3d804.entry.js} +1 -1
- package/dist/design-system/p-c32943cf.entry.js +1 -0
- package/dist/design-system/p-ce410fca.entry.js +1 -0
- package/dist/design-system/p-d8b04e91.entry.js +1 -0
- package/dist/design-system/{p-df3d3a2a.entry.js → p-e711ab13.entry.js} +1 -1
- package/dist/design-system/{p-5032c700.entry.js → p-e9040a63.entry.js} +1 -1
- package/dist/design-system/{p-f1b31194.entry.js → p-e9bd0893.entry.js} +1 -1
- package/dist/esm/{component.button-Dc4UTGgQ.js → component.button-2CurSZ9q.js} +0 -7
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-badge.entry.js +29 -6
- package/dist/esm/{sd-button-v2.config-BWmcscrt.js → sd-button-v2.config-FpT7FqlI.js} +2 -27
- package/dist/esm/sd-button-v2.entry.js +5 -6
- package/dist/esm/sd-button_21.entry.js +77 -50
- package/dist/esm/sd-card.entry.js +1 -1
- package/dist/esm/sd-date-picker.entry.js +1 -1
- package/dist/esm/sd-dropdown-button.entry.js +7 -22
- package/dist/esm/sd-file-picker.entry.js +3 -3
- package/dist/esm/sd-form.entry.js +1 -1
- package/dist/esm/sd-guide.entry.js +2 -2
- package/dist/esm/sd-popover.entry.js +15 -2
- package/dist/esm/sd-progress.entry.js +2 -2
- package/dist/esm/sd-radio-button-group.entry.js +1 -1
- package/dist/esm/sd-radio-group.entry.js +1 -1
- package/dist/esm/sd-select-multiple-group.entry.js +1 -1
- package/dist/esm/sd-select-multiple.entry.js +1 -1
- package/dist/esm/sd-select-option-group.entry.js +3 -3
- package/dist/esm/sd-tabs.entry.js +1 -1
- package/dist/esm/sd-tag.entry.js +104 -35
- package/dist/esm/sd-toast.entry.js +3 -3
- package/dist/esm/sd-toggle-button.entry.js +1 -1
- package/dist/esm/sd-toggle.entry.js +1 -1
- package/dist/types/components/sd-badge/sd-badge.config.d.ts +3 -0
- package/dist/types/components/sd-badge/sd-badge.d.ts +2 -2
- package/dist/types/components/sd-button-v2/sd-button-v2.config.d.ts +0 -23
- package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts +1 -4
- package/dist/types/components/sd-field/sd-field.d.ts +1 -1
- package/dist/types/components/sd-input/sd-input.d.ts +1 -1
- package/dist/types/components/sd-select/sd-select.d.ts +1 -1
- package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +1 -1
- package/dist/types/components/sd-tag/sd-tag.config.d.ts +2 -1
- package/dist/types/components/sd-tooltip/sd-tooltip.config.d.ts +18 -0
- package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +2 -15
- package/dist/types/components.d.ts +18 -34
- package/hydrate/index.js +384 -301
- package/hydrate/index.mjs +384 -301
- package/package.json +1 -1
- package/dist/components/p-BFO8hHjW.js +0 -1
- package/dist/components/p-CDzGasXW.js +0 -1
- package/dist/components/p-CVvYLd5J.js +0 -1
- package/dist/components/p-Dun2lZmi.js +0 -1
- package/dist/components/p-NAapFxTw.js +0 -1
- package/dist/components/p-VKF2AWs1.js +0 -1
- package/dist/design-system/p-285cc646.entry.js +0 -1
- package/dist/design-system/p-59a52297.entry.js +0 -1
- package/dist/design-system/p-9563ffe1.entry.js +0 -1
- package/dist/design-system/p-VKF2AWs1.js +0 -1
- package/dist/design-system/p-b1e45f3f.entry.js +0 -1
- package/dist/design-system/p-d8a141e7.entry.js +0 -1
- package/dist/design-system/p-e7d7ceb4.entry.js +0 -1
- package/dist/design-system/p-efd52bd3.entry.js +0 -1
- package/dist/design-system/p-f81d3798.entry.js +0 -1
- package/dist/cjs/{resolveColor-4RlaGD62.js → resolveColor-Di1RNekE.js} +2 -2
- package/dist/esm/{resolveColor-DUqcOPNn.js → resolveColor-CquSJNHV.js} +2 -2
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { Fragment, h } from "@stencil/core";
|
|
2
2
|
import { TooltipArrow } from "../assets/tooltipArrow";
|
|
3
|
+
import { TOOLTIP_TYPE_CONFIG } from "./sd-tooltip.config";
|
|
3
4
|
export class SdTooltip {
|
|
4
5
|
el;
|
|
5
6
|
trigger = 'hover';
|
|
6
7
|
placement = 'top';
|
|
7
8
|
color = '#01BB4B';
|
|
8
|
-
|
|
9
|
+
tooltipType = 'default';
|
|
9
10
|
icon = 'helpOutline';
|
|
10
11
|
iconSize = 12;
|
|
11
12
|
label = '';
|
|
12
13
|
buttonSize = 'sm';
|
|
13
14
|
buttonVariant = 'primary';
|
|
14
15
|
noHover = true;
|
|
15
|
-
useClose = false;
|
|
16
16
|
showTooltip = false;
|
|
17
17
|
slotContentHTML = '';
|
|
18
18
|
buttonEl;
|
|
@@ -22,10 +22,10 @@ export class SdTooltip {
|
|
|
22
22
|
componentWillLoad() {
|
|
23
23
|
this.slotContentHTML = this.el.innerHTML;
|
|
24
24
|
this.el.replaceChildren();
|
|
25
|
-
// 깜빡이는 현상을 막기 위해 기본으로 <sd-tooltip></sd-tooltip> hidden이 된 elment를 visible로 만들어줌
|
|
26
25
|
this.el.classList.toggle('visible', true);
|
|
27
26
|
}
|
|
28
27
|
render() {
|
|
28
|
+
const typeConfig = TOOLTIP_TYPE_CONFIG[this.tooltipType] ?? TOOLTIP_TYPE_CONFIG.default;
|
|
29
29
|
const handleTrigger = this.trigger === 'hover'
|
|
30
30
|
? {
|
|
31
31
|
onMouseEnter: () => (this.showTooltip = true),
|
|
@@ -42,12 +42,14 @@ export class SdTooltip {
|
|
|
42
42
|
: {
|
|
43
43
|
onSdClick: () => (this.showTooltip = !this.showTooltip),
|
|
44
44
|
};
|
|
45
|
-
return (h(Fragment, { key: '
|
|
45
|
+
return (h(Fragment, { key: '59034499ad4215be8135ec8da7a86d09b2d6b295' }, 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-tooltip", ...buttonTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-floating-portal", { key: '53bae57a86e523feeba3d96246375dd62fa13b80', parentRef: this.buttonEl, onSdClose: this.handleClose.bind(this), placement: this.placement }, h("div", { key: '6d084515f879936e04f7210ae59e008bbe7e8dd6', class: {
|
|
46
46
|
'sd-floating-menu': true,
|
|
47
|
-
[`sd-floating-menu--${this.
|
|
47
|
+
[`sd-floating-menu--${this.tooltipType}`]: true,
|
|
48
48
|
[`sd-floating-menu--${this.placement}`]: true,
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
}, style: {
|
|
50
|
+
'--sd-floating-bg': typeConfig.bg,
|
|
51
|
+
'--sd-floating-content': typeConfig.content,
|
|
52
|
+
} }, h("i", { key: '38a80cb95be6bbd79dca41c36a9e48764bc8d3e7', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'e501bc5eab4cbe38a7f6c37202e2f10dc7f480c1' })), h("div", { key: '99346441a1cffa893312c98132dd819047500b69', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
|
|
51
53
|
}
|
|
52
54
|
static get is() { return "sd-tooltip"; }
|
|
53
55
|
static get originalStyleUrls() {
|
|
@@ -122,13 +124,20 @@ export class SdTooltip {
|
|
|
122
124
|
"attribute": "color",
|
|
123
125
|
"defaultValue": "'#01BB4B'"
|
|
124
126
|
},
|
|
125
|
-
"
|
|
127
|
+
"tooltipType": {
|
|
126
128
|
"type": "string",
|
|
127
129
|
"mutable": false,
|
|
128
130
|
"complexType": {
|
|
129
|
-
"original": "
|
|
130
|
-
"resolved": "\"accent\" | \"
|
|
131
|
-
"references": {
|
|
131
|
+
"original": "TooltipType",
|
|
132
|
+
"resolved": "\"accent\" | \"danger\" | \"default\" | \"warning\"",
|
|
133
|
+
"references": {
|
|
134
|
+
"TooltipType": {
|
|
135
|
+
"location": "import",
|
|
136
|
+
"path": "./sd-tooltip.config",
|
|
137
|
+
"id": "src/components/sd-tooltip/sd-tooltip.config.ts::TooltipType",
|
|
138
|
+
"referenceLocation": "TooltipType"
|
|
139
|
+
}
|
|
140
|
+
}
|
|
132
141
|
},
|
|
133
142
|
"required": false,
|
|
134
143
|
"optional": false,
|
|
@@ -139,7 +148,7 @@ export class SdTooltip {
|
|
|
139
148
|
"getter": false,
|
|
140
149
|
"setter": false,
|
|
141
150
|
"reflect": false,
|
|
142
|
-
"attribute": "type",
|
|
151
|
+
"attribute": "tooltip-type",
|
|
143
152
|
"defaultValue": "'default'"
|
|
144
153
|
},
|
|
145
154
|
"icon": {
|
|
@@ -280,26 +289,6 @@ export class SdTooltip {
|
|
|
280
289
|
"reflect": false,
|
|
281
290
|
"attribute": "no-hover",
|
|
282
291
|
"defaultValue": "true"
|
|
283
|
-
},
|
|
284
|
-
"useClose": {
|
|
285
|
-
"type": "boolean",
|
|
286
|
-
"mutable": false,
|
|
287
|
-
"complexType": {
|
|
288
|
-
"original": "boolean",
|
|
289
|
-
"resolved": "boolean",
|
|
290
|
-
"references": {}
|
|
291
|
-
},
|
|
292
|
-
"required": false,
|
|
293
|
-
"optional": false,
|
|
294
|
-
"docs": {
|
|
295
|
-
"tags": [],
|
|
296
|
-
"text": ""
|
|
297
|
-
},
|
|
298
|
-
"getter": false,
|
|
299
|
-
"setter": false,
|
|
300
|
-
"reflect": false,
|
|
301
|
-
"attribute": "use-close",
|
|
302
|
-
"defaultValue": "false"
|
|
303
292
|
}
|
|
304
293
|
};
|
|
305
294
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var F={size:{xs:{icon:"12"},sm:{icon:"16"},md:{icon:"20"},lg:{icon:"24"}},border:{disabled:"#CCCCCC"},dropdown:{xs:{minWidth:"60"},sm:{minWidth:"76"},md:{minWidth:"106"}},bg:{disabled:"#E1E1E1"},content:{disabled:"#888888"},brand:{strong:{bg:{default:"#025497",hover:"#004177"},content:"#FFFFFF",dropdown:{divider:"#006AC1"}},subtle:{bg:{default:"#1F8AE1",hover:"#006AC1"},content:"#FFFFFF",dropdown:{divider:"#5CB0F3"}},outline:{bg:{default:"#FFFFFF",hover:"#EAF5FE"},border:"#025497",content:"#025497"}},neutral:{
|
|
1
|
+
var F={size:{xs:{icon:"12"},sm:{icon:"16"},md:{icon:"20"},lg:{icon:"24"}},border:{disabled:"#CCCCCC"},dropdown:{xs:{minWidth:"60"},sm:{minWidth:"76"},md:{minWidth:"106"}},bg:{disabled:"#E1E1E1"},content:{disabled:"#888888"},brand:{strong:{bg:{default:"#025497",hover:"#004177"},content:"#FFFFFF",dropdown:{divider:"#006AC1"}},subtle:{bg:{default:"#1F8AE1",hover:"#006AC1"},content:"#FFFFFF",dropdown:{divider:"#5CB0F3"}},outline:{bg:{default:"#FFFFFF",hover:"#EAF5FE"},border:"#025497",content:"#025497"}},neutral:{outline:{bg:{default:"#FFFFFF",hover:"#EEEEEE"},border:"#888888",content:"#333333"}},danger:{strong:{bg:{default:"#E30000",hover:"#AD0000"},content:"#FFFFFF",dropdown:{divider:"#FF7C7C"}},outline:{bg:{default:"#FFFFFF",hover:"#FCEFEF"},border:"#E30000",content:"#E30000"}}};export{F as b}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,c as n,h as s,t as i}from"./p-B1vJXa29.js";import{b as d}from"./p-
|
|
1
|
+
import{p as t,H as o,c as n,h as s,t as i}from"./p-B1vJXa29.js";import{b as d}from"./p-2CurSZ9q.js";import{r as e}from"./p-CquSJNHV.js";import{d as a}from"./p-kyuN077y.js";const b={xs:Number(d.size.xs.icon),sm:Number(d.size.sm.icon),md:Number(d.size.md.icon),lg:Number(d.size.lg.icon)},r=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick")}get el(){return this}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),o=e(this.color);return s("button",{key:"b1436c0cdf0267446df9cd022df68a8a6c349ca5",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"70f9450410dbc7b2603679cda397bc8f211928b1",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"ab09632262d175e8dc9a31df4e673470d128b274",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??b[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"c33e565c9108996ab4a3d84b5beaf1d8acbd5700",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"112a9649b77e7eb67198d0bf7bf407e9f7f71cd5",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:b[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}'}},[512,"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"],sdClass:[1,"sd-class"]}]);function u(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),r);break;case"sd-icon":customElements.get(i(t))||a()}}))}export{r as S,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,h as t,F as n,t as r}from"./p-B1vJXa29.js";import{r as a}from"./p-
|
|
1
|
+
import{p as e,H as s,h as t,F as n,t as r}from"./p-B1vJXa29.js";import{r as a}from"./p-CquSJNHV.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}color="#0075ff";get resolvedColor(){return a(this.color)}render(){return t(n,{key:"5783716d94ef4a1dea295a4190660d98248c2ec4"},t("svg",{key:"574752fdf4c55f4a77dcefac163e1e6651864963",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},t("circle",{key:"2591fabc88f588079a9ea98f91126f20737827df",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}static get style(){return"sd-loading-spinner{display:inline-flex;width:fit-content;height:fit-content;align-items:center}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}"}},[512,"sd-loading-spinner",{color:[1]}]);function i(){"undefined"!=typeof customElements&&["sd-loading-spinner"].forEach((e=>{"sd-loading-spinner"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))}export{o as S,i as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as c,c as s,h as d,t as o}from"./p-B1vJXa29.js";import{d as h}from"./p-
|
|
1
|
+
import{p as e,H as c,c as s,h as d,t as o}from"./p-B1vJXa29.js";import{d as h}from"./p-kyuN077y.js";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value;val;disabled=!1;label="";isChecked=!1;update;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0===this.val&&console.warn('A "val" property is required when using an array for the "value" property.');const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=!this.isChecked;this.value=e,this.update.emit(e)};render(){return d("label",{key:"b4f1e82e461cfc649a1bc5414fb55bcd8ea9c87d","aria-label":this.label||"checkbox",class:this.checkboxClasses},d("input",{key:"bb6f1d911ccc9a62c0149bb9e65bbf73ac86fc9b",type:"checkbox",value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.label||"checkbox"}),d("div",{key:"2598f80d9028b306f04898544f94af2a06604093",class:"sd-checkbox__bg"},!1!==this.isChecked?d("sd-icon",{name:!0===this.isChecked?"check":"minus",size:12,color:this.disabled?"#888888":"white"}):null),this.label&&d("span",{key:"d07198f3d0796189988d030db5b882911d80c6bf",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"sd-checkbox{display:block;height:20px;line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px}sd-checkbox .sd-checkbox>input{display:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox:hover.sd-checkbox--indeterminate .sd-checkbox__bg{border-color:#005CC9;background:#005CC9}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border:1px solid #0075FF;background:#D9EAFF}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border:1px solid transparent;background:#EEEEEE}sd-checkbox .sd-checkbox__bg{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{font-size:12px;color:#333333;line-height:20px}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border:1px solid #0075FF;background:#0075FF}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:white}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}"}},[512,"sd-checkbox",{value:[1028],val:[8],disabled:[4],label:[1],isChecked:[32]},void 0,{value:[{watchValueHandler:0}]}]);function i(){"undefined"!=typeof customElements&&["sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-checkbox":customElements.get(o(e))||customElements.define(o(e),t);break;case"sd-icon":customElements.get(o(e))||h()}}))}export{t as S,i as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as n,c as e,h as o,t as i}from"./p-B1vJXa29.js";const s=t(class t extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose")}get el(){return this}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof n?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const n=this.parentRef.getBoundingClientRect();if(!n.width&&!n.height)return;const[e,o]=this.offset,i=t.ARROW_SIZE;let s=0,a=0;switch(this.placement){case"top":s=n.top+window.scrollY-this.wrapper.offsetHeight+o-i,a=n.left+window.scrollX+n.width/2-this.wrapper.offsetWidth/2+e;break;case"bottom":s=n.bottom+window.scrollY+o+i,a=n.left+window.scrollX+n.width/2-this.wrapper.offsetWidth/2+e;break;case"left":s=n.top+window.scrollY+n.height/2-this.wrapper.offsetHeight/2+o,a=n.left+window.scrollX-this.wrapper.offsetWidth-e-i;break;case"right":s=n.top+window.scrollY+n.height/2-this.wrapper.offsetHeight/2+o,a=n.right+window.scrollX+e+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${a}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return o("slot",{key:"770ec3be9d1e2b830eaebfde37a664feafc3da3b"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF)}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-floating-menu__content .sd-floating-menu__buttons--1{justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--2{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px;padding:0;background:none;border:none;cursor:pointer}"}},[772,"sd-floating-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"]]]);function a(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),s))}))}export{s as S,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-B1vJXa29.js";import{d as o}from"./p-
|
|
1
|
+
import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-B1vJXa29.js";import{d as o}from"./p-kyuN077y.js";const r={1:26,2:36,3:42,4:50,5:58},p=10,l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=i(this,"sdPageChange")}currentPage=1;lastPage=1;simple=!1;pageChange;get paginationClasses(){const t=["sd-pagination"];return this.simple&&t.push("sd-pagination--simple"),t.join(" ")}get pageNumbers(){const t=Math.floor((this.currentPage-1)/p)*p+1,n=Math.min(t+p-1,this.lastPage);return Array.from({length:n-t+1},((n,i)=>t+i))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return r[t]||r[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const n=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(n)}get isFirstGroup(){return this.currentPage<=p}get isLastGroup(){return Math.floor((this.currentPage-1)/p)*p+1+p-1>=this.lastPage}renderPrevButtons(){return this.simple?this.currentPage<=1?null:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,a("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:a(e,null,a("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"})))}render(){return a("div",{key:"3113faf5d75fa4a13e267653cae820035270e652",class:this.paginationClasses},a("div",{key:"a770afe37da389511bbfda99324e7794ffa299f5",class:"prepend-btns"},this.renderPrevButtons()),this.simple?a("div",{class:"pagination-info"},a("span",{class:"current-page"},this.currentPage),a("span",null,"/"),a("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>a("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"pagination-btn":!0,"pagination-btn--selected":this.currentPage===t},disabled:this.currentPage===t,style:{"--pagination-btn-width":`${this.buttonWidth}px`},onClick:()=>this.handlePageChange(t)},t))),a("div",{key:"7e3842b531373d6485ae8912addea1aa531ca891",class:"append-btns"},this.renderNextButtons()))}static get style(){return".sd-pagination{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;color:#555555;width:100%;font-size:12px}.sd-pagination .prepend-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .prepend-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .prepend-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .append-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .append-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .append-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;outline:none;border:none;cursor:pointer;height:26px;color:#555555;width:var(--pagination-btn-width, 26px)}.sd-pagination .pagination-btn--selected{background-color:#006AC1;color:white}.sd-pagination .pagination-btn:hover{border:1px solid #006AC1}.sd-pagination--simple .pagination-info{line-height:26px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.sd-pagination--simple .pagination-info .current-page,.sd-pagination--simple .pagination-info .last-page{padding:0 2px}"}},[512,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}]);function d(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))||customElements.define(s(t),l);break;case"sd-icon":customElements.get(s(t))||o()}}))}export{l as S,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,h as n,t as i}from"./p-B1vJXa29.js";import{d as a}from"./p-kyuN077y.js";var s={paddingX:"6",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"}},o={paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"}},g={paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"}},d={bg:"#FB4444",content:"#FCEFEF"},r={bg:"#FF6B00",content:"#FEF1EA"},c={bg:"#916C0D",content:"#FFF7DD"},p={bg:"#00973C",content:"#E8F9EF"},l={bg:"#0075FF",content:"#E6F1FF"},h={bg:"#006AC1",content:"#EAF5FE"},u={bg:"#004290",content:"#EFF6FF"},b={bg:"#737373",content:"#EEEEEE"};const f=["xs","sm","md"],x=["grey","red","orange","yellow","green","blue","darkblue","indigo"],m={grey:{background:b.content,content:b.bg,icon:b.bg},red:{background:d.content,content:d.bg,icon:d.bg},orange:{background:r.content,content:r.bg,icon:r.bg},yellow:{background:c.content,content:c.bg,icon:c.bg},green:{background:p.content,content:p.bg,icon:p.bg},blue:{background:l.content,content:l.bg,icon:l.bg},darkblue:{background:h.content,content:h.bg,icon:h.bg},indigo:{background:u.content,content:u.bg,icon:u.bg}},y={xs:{height:`${Number(s.typography.lineHeight)+Number(s.paddingX)}px`,paddingX:`${s.paddingX}px`,gap:`${s.gap}px`,fontSize:`${s.typography.fontSize}px`,fontWeight:s.typography.fontWeight,lineHeight:`${s.typography.lineHeight}px`,iconSize:Number(s.icon),radius:"4px"},sm:{height:`${Number(o.typography.lineHeight)+Number(o.paddingX)}px`,paddingX:`${o.paddingX}px`,gap:`${o.gap}px`,fontSize:`${o.typography.fontSize}px`,fontWeight:o.typography.fontWeight,lineHeight:`${o.typography.lineHeight}px`,iconSize:Number(o.icon),radius:"4px"},md:{height:`${Number(g.typography.lineHeight)+Number(g.paddingX)}px`,paddingX:`${g.paddingX}px`,gap:`${g.gap}px`,fontSize:`${g.typography.fontSize}px`,fontWeight:g.typography.fontWeight,lineHeight:`${g.typography.lineHeight}px`,iconSize:Number(g.icon),radius:"5px"}},F={xs:{...y.xs,radius:"999px"},sm:{...y.sm,radius:"999px"},md:{...y.md,radius:"999px"}},E=Object.fromEntries(["square","pill"].flatMap((e=>f.flatMap((t=>x.map((n=>[`${e}_${t}_${n}`,{shape:e,size:t,color:n,..."square"===e?y[t]:F[t],...m[n]}]))))))),$=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(E,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return E[this.name]}renderIcon(e,t){return this.icon?n("sd-icon",{class:"sd-tag__icon",name:this.icon,size:t,color:e}):null}render(){const e=this.resolvedConfig,t=this.renderIcon(e.icon,e.iconSize);return n("span",{key:"c1c80bafa32e7c658780a8c214de97b9a7099697",class:"sd-tag",style:{"--sd-tag-background":e.background,"--sd-tag-content":e.content,"--sd-tag-height":e.height,"--sd-tag-padding-x":e.paddingX,"--sd-tag-gap":e.gap,"--sd-tag-font-size":e.fontSize,"--sd-tag-font-weight":e.fontWeight,"--sd-tag-line-height":e.lineHeight,"--sd-tag-radius":e.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&t,n("span",{key:"6a0d9ec74319a7cefd0ceae96ffed32c717000bb",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&t)}static get style(){return"sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}"}},[512,"sd-tag",{name:[1],label:[1],icon:[1],isLeft:[4,"is-left"]}]);function k(){"undefined"!=typeof customElements&&["sd-tag","sd-icon"].forEach((e=>{switch(e){case"sd-tag":customElements.get(i(e))||customElements.define(i(e),$);break;case"sd-icon":customElements.get(i(e))||a()}}))}export{$ as S,k as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as e,c as t,h as c,t as a}from"./p-B1vJXa29.js";import{d as i}from"./p-
|
|
1
|
+
import{p as s,H as e,c as t,h as c,t as a}from"./p-B1vJXa29.js";import{d as i}from"./p-BDPJKxrr.js";import{d as r}from"./p-CgilbV-B.js";import{d}from"./p-BZt0PSLv.js";import{d as o}from"./p-kyuN077y.js";import{d as n}from"./p-D4eRE9J1.js";import{d as l}from"./p-wt_xdZCl.js";const p=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.searchInput=t(this,"sdSearchInput"),this.searchFocus=t(this,"sdSearchFocus")}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const s=await this.sdGetNativeElement();s?.focus({preventScroll:!0})}render(){return c("div",{key:"b19a029ef82d876c984c1f827d7a0f29bb823f5d",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:s=>s.stopPropagation()},c("sd-input",{key:"8e27f40e1b507f0c5cb2d4bde48750cd0089a9da",ref:s=>this.searchRef=s,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:s=>{this.searchInput.emit(String(s?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:s=>{"Enter"===s.code&&s.stopPropagation()}},c("sd-icon",{key:"2b38a07cbc0bb0d7dd020ece45f18bdff4c262e5",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}static get style(){return"sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}"}},[512,"sd-select-search-input",{isScrolled:[4,"is-scrolled"],searchText:[1,"search-text"],sdGetNativeElement:[64],sdSearchInputFocus:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-select-search-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-input","sd-tooltip"].forEach((s=>{switch(s){case"sd-select-search-input":customElements.get(a(s))||customElements.define(a(s),p);break;case"sd-button":customElements.get(a(s))||i();break;case"sd-field":customElements.get(a(s))||r();break;case"sd-floating-portal":customElements.get(a(s))||d();break;case"sd-icon":customElements.get(a(s))||o();break;case"sd-input":customElements.get(a(s))||n();break;case"sd-tooltip":customElements.get(a(s))||l()}}))}export{p as S,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as e,c as t,h as s,t as p}from"./p-B1vJXa29.js";import{d as i}from"./p-
|
|
1
|
+
import{p as o,H as e,c as t,h as s,t as p}from"./p-B1vJXa29.js";import{d as i}from"./p-BVIzG0vO.js";import{d as c}from"./p-kyuN077y.js";const r=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"8e88aacd2c3122a563fcf78bcbe9731b6a29d8c5",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"be4bc7f2867ea5c86505bc9284ac3de46f7077f9",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"00063ab3a6f1d4f44671ac82dd05524968bec668",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"802c908d44bf1c0db5d64bf4c8d4bab4ebe2b87c",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"efd26a2d6e4e2662410de3755b70a2a2585ad0c4",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}static get style(){return"sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}"}},[512,"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]}]);function d(){"undefined"!=typeof customElements&&["sd-select-option-group","sd-checkbox","sd-icon"].forEach((o=>{switch(o){case"sd-select-option-group":customElements.get(p(o))||customElements.define(p(o),r);break;case"sd-checkbox":customElements.get(p(o))||i();break;case"sd-icon":customElements.get(p(o))||c()}}))}export{r as S,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,h as d,t as l}from"./p-B1vJXa29.js";import{d as i}from"./p-
|
|
1
|
+
import{p as e,H as s,h as d,t as l}from"./p-B1vJXa29.js";import{d as i}from"./p-BDPJKxrr.js";import{d as t}from"./p-BZt0PSLv.js";import{d as r}from"./p-kyuN077y.js";import{d as o}from"./p-wt_xdZCl.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"d92c9080fdf4c060dcded1c17af36bec35d3b6ce",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"2c07af0bdc9490177d030b670e67a128563af488",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"5fa2079b2123688c0eab63780b55e70fe9f4a77b",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"2b0b3240afe20e1759853928fcd2846d1321262b"}))),this.errorMsg&&d("div",{key:"f932da0af97a7d1e2253bdc5a64a8269fa55625d",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&d("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#EEEEEE;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #CCCCCC;border-right:none;border-radius:4px 0 0 4px;border-color:#AAAAAA;background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #AAAAAA;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #FB4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:#FB4444;font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={primary:"#051D36",secondary:"#555555",accent:"#9C27B0",positive:"#0075FF",negative:"#E30000",info:"#00CD52",warning:"#F2C037",caution_bg:"#FEF1F1",caution_icon:"#FD9595",header_alert:"#FF7A00",black:"#000000",grey_10:"#F6F6F6",grey_20:"#EEEEEE",grey_25:"#E5E5E5",grey_30:"#E1E1E1",grey_35:"#D8D8D8",grey_45:"#CCCCCC",grey_50:"#BBBBBB",grey_55:"#AAAAAA",grey_60:"#999999",grey_65:"#888888",grey_70:"#737373",grey_80:"#555555",grey_85:"#444444",grey_90:"#333333",grey_95:"#222222",grey_05:"#F9F9F9",
|
|
1
|
+
const e={primary:"#051D36",secondary:"#555555",accent:"#9C27B0",positive:"#0075FF",negative:"#E30000",info:"#00CD52",warning:"#F2C037",caution_bg:"#FEF1F1",caution_icon:"#FD9595",header_alert:"#FF7A00",white:"#FFFFFF",black:"#000000",grey_10:"#F6F6F6",grey_20:"#EEEEEE",grey_25:"#E5E5E5",grey_30:"#E1E1E1",grey_35:"#D8D8D8",grey_45:"#CCCCCC",grey_50:"#BBBBBB",grey_55:"#AAAAAA",grey_60:"#999999",grey_65:"#888888",grey_70:"#737373",grey_80:"#555555",grey_85:"#444444",grey_90:"#333333",grey_95:"#222222",grey_05:"#F9F9F9",red_15:"#FCEFEF",red_20:"#FCE6E6",red_30:"#FFD3D3",red_45:"#FFB5B5",red_60:"#FF7C7C",red_70:"#FB4444",red_75:"#E30000",red_80:"#AD0000",red_85:"#820000",red_90:"#5E0000",red_95:"#440000",red_99:"#220000",orange_10:"#FEF1EA",orange_20:"#FFEAD7",orange_35:"#FFD5AF",orange_45:"#FFBC81",orange_55:"#FFA452",orange_60:"#FF7F22",orange_65:"#FF6B00",orange_75:"#CE4900",orange_85:"#9B3700",orange_90:"#752A00",orange_95:"#4D1B00",orange_99:"#2F1100",yellow_10:"#FFF7DD",yellow_20:"#FEF1C4",yellow_25:"#FFE99E",yellow_30:"#FEE17C",yellow_40:"#FFD643",yellow_45:"#FFC700",yellow_50:"#EBB110",yellow_60:"#CA9612",yellow_70:"#916C0D",yellow_80:"#6C5002",yellow_90:"#453602",yellow_95:"#322700",olive_10:"#FBFBBF",olive_15:"#FAFAA1",olive_20:"#F6F65F",olive_30:"#EEEE37",olive_45:"#DDDD12",olive_55:"#C7C700",olive_65:"#A5A500",olive_70:"#838300",olive_80:"#636300",olive_90:"#454500",olive_95:"#2C2C00",olive_05:"#FEFED9",green_15:"#E8F9EF",green_25:"#D4FAE3",green_45:"#ACF4C9",green_55:"#6DE39C",green_65:"#2BCE6C",green_70:"#12B553",green_75:"#00973C",green_80:"#007B31",green_85:"#006629",green_90:"#00461C",green_95:"#003013",green_99:"#001D0B",steelblue_10:"#ECF8FD",steelblue_25:"#D9F2FD",steelblue_45:"#A4E2FD",steelblue_60:"#50BFF0",steelblue_65:"#229FD7",steelblue_70:"#128FC7",steelblue_75:"#066D9B",steelblue_80:"#06587D",steelblue_85:"#033F59",steelblue_90:"#032D40",steelblue_95:"#02212F",steelblue_99:"#021A25",oceanblue_15:"#EAF5FE",oceanblue_25:"#D5EBFE",oceanblue_50:"#9CD1FC",oceanblue_60:"#5CB0F3",oceanblue_65:"#1F8AE1",oceanblue_70:"#006AC1",oceanblue_75:"#025497",oceanblue_80:"#004177",oceanblue_85:"#07284A",oceanblue_90:"#051D36",oceanblue_95:"#03172D",oceanblue_99:"#011428",brilliantblue_10:"#EFF6FF",brilliantblue_20:"#E6F1FF",brilliantblue_25:"#D9EAFF",brilliantblue_40:"#BBDAFF",brilliantblue_50:"#93C4FF",brilliantblue_60:"#64ABFF",brilliantblue_70:"#2D8DFF",brilliantblue_75:"#0075FF",brilliantblue_80:"#005CC9",brilliantblue_85:"#004290",brilliantblue_90:"#002B5E",brilliantblue_95:"#001B39",brilliantblue_99:"#001226",brilliantblue_05:"#F5FAFF"};function _(_,l="#025497"){return _?e[_]||_:l}export{_ as r}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as a,h as i,t as d}from"./p-B1vJXa29.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-
|
|
1
|
+
import{p as e,H as t,c as a,h as i,t as d}from"./p-B1vJXa29.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-BDPJKxrr.js";import{d as r}from"./p-CgilbV-B.js";import{d as o}from"./p-BZt0PSLv.js";import{d as l}from"./p-kyuN077y.js";import{d as p}from"./p-wt_xdZCl.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate"),this.focus=a(this,"sdFocus"),this.blur=a(this,"sdBlur")}get host(){return this}value=null;type="text";insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;clearable=!1;width;barcode=!1;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=n();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return i("sd-field",{key:"3db7e60bfcf01accd87d3cab199bdc4f9cd6314b",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},i("label",{key:"ed629d14db71ca2e5e129dbbe6c960d1c4bafc31",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"7504feda5598a7d784a83fb8cf5d0991bd3999bc",name:"prefix"}),i("input",{key:"06aef31e033ddf688f03c4752302f83b4ca54f77",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"3f933f1f844596b78bd5946833aa334840b65a01",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"972e64c5369057cf4a409e5456a0f1e92b578477",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{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 .sd-date-picker__header{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 .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;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-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#D8D8D8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#AAAAAA}"}},[772,"sd-input",{value:[1032],type:[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],error:[1028],focused:[1028],hovered:[1028],label:[1],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-input":customElements.get(d(e))||customElements.define(d(e),c);break;case"sd-button":customElements.get(d(e))||s();break;case"sd-field":customElements.get(d(e))||r();break;case"sd-floating-portal":customElements.get(d(e))||o();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{c as S,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as d,H as i,c as e,h as a,t as o}from"./p-B1vJXa29.js";const s=d(class extends i{constructor(d){super(),!1!==d&&this.__registerHost(),this.update=e(this,"sdUpdate")}value;disabled=!1;val;label;update;getRadioClasses(){const d=["sd-radio",String(this.val)===String(this.value)?"sd-radio--selected":"sd-radio--unselected"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange(d){this.disabled||(console.log("detail",d),this.value=this.val,this.update.emit(this.value))}render(){return a("div",{key:"
|
|
1
|
+
import{p as d,H as i,c as e,h as a,t as o}from"./p-B1vJXa29.js";const s=d(class extends i{constructor(d){super(),!1!==d&&this.__registerHost(),this.update=e(this,"sdUpdate")}value;disabled=!1;val;label;update;getRadioClasses(){const d=["sd-radio",String(this.val)===String(this.value)?"sd-radio--selected":"sd-radio--unselected"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange(d){this.disabled||(console.log("detail",d),this.value=this.val,this.update.emit(this.value))}render(){return a("div",{key:"4044958bc2fd4812508ffc65b3cc42bc1091470a","aria-label":this.val||"radio option","aria-checked":String(this.val)===String(this.value)?"true":"false","aria-disabled":this.disabled?"true":"false",class:this.getRadioClasses()},a("label",{key:`radio-${this.val}`},a("input",{key:"f7ee60381c34f4e9fe22c90c1a982a14d1b87880",type:"radio",name:this.val,value:String(this.val),checked:String(this.val)===String(this.value),disabled:this.disabled,onInput:({detail:d})=>this.handleRadioChange(d)}),this.val&&a("span",{key:"276b647bdc90f33443f0aa98a0a056be5b7eaa5d",class:"sd-radio-group__label"},this.label||this.val)))}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075FF;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075FF;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075FF}sd-radio .sd-radio label input:disabled{border-color:#CCCCCC;background-color:#EEEEEE}sd-radio .sd-radio label input:disabled:checked::before{background-color:#CCCCCC}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075FF;background-color:#D9EAFF}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}'}},[512,"sd-radio",{value:[1544],disabled:[4],val:[1],label:[1]}]);function t(){"undefined"!=typeof customElements&&["sd-radio"].forEach((d=>{"sd-radio"===d&&(customElements.get(o(d))||customElements.define(o(d),s))}))}export{s as S,t as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as t,H as e,c as s,h as o,t as i}from"./p-B1vJXa29.js";import{d}from"./p-BDPJKxrr.js";import{d as r}from"./p-BVIzG0vO.js";import{d as n}from"./p-CgilbV-B.js";import{d as c}from"./p-BZt0PSLv.js";import{d as l}from"./p-kyuN077y.js";import{d as a}from"./p-D4eRE9J1.js";import{d as h}from"./p-DtNd46kD.js";import{d as p}from"./p-CS4tniB3.js";import{d as m}from"./p-wt_xdZCl.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.optionClick=s(this,"sdOptionClick"),this.optionFiltered=s(this,"sdOptionFiltered"),this.scroll=s(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=this.options;searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],o=s?.[this.itemIndex];o&&(this.optionRef=o,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),o=Math.min((this.useAll?e+1:e)+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,o=t.offsetTop,i=t.offsetHeight,d=s.scrollTop,r=s.clientHeight,n=s.querySelector(".sd-select-search-input"),c=n?n.offsetHeight:0,l=d+r;o<d+c?s.scrollTo({top:o-c,behavior:e}):o+i>l&&s.scrollTo({top:o+i-r+c,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return o("div",{key:"ff55e2e133114accc2641a0025bdcf551eda3511",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&o("sd-select-search-input",{key:"bfcee14aa06a9a259dd8e67013ed1074c1f9c318",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>o("slot",{name:`option-${t.value}`},o("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):o("slot",{name:"option-placeholder"},o("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}static get style(){return".sd-select-dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-dropdown::-webkit-scrollbar{opacity:0;background:#E5E5E5}.sd-select-dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}.sd-select-dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-dropdown .sd-select-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-dropdown{min-width:fit-content;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;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}"}},[772,"sd-select-dropdown",{itemIndex:[1026,"item-index"],value:[8],options:[16],width:[1],dropdownHeight:[1,"dropdown-height"],searchable:[4],optionPlaceholder:[1,"option-placeholder"],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],filteredOptions:[32],searchText:[32],isScrolled:[32],isDropdownReady:[32]},void 0,{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-select-dropdown","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((t=>{switch(t){case"sd-select-dropdown":customElements.get(i(t))||customElements.define(i(t),u);break;case"sd-button":customElements.get(i(t))||d();break;case"sd-checkbox":customElements.get(i(t))||r();break;case"sd-field":customElements.get(i(t))||n();break;case"sd-floating-portal":customElements.get(i(t))||c();break;case"sd-icon":customElements.get(i(t))||l();break;case"sd-input":customElements.get(i(t))||a();break;case"sd-select-option":customElements.get(i(t))||h();break;case"sd-select-search-input":customElements.get(i(t))||p();break;case"sd-tooltip":customElements.get(i(t))||m()}}))}export{u as S,x as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,c as s,h as t,t as i}from"./p-B1vJXa29.js";import{B as o}from"./p-BNuWMSR_.js";import{S as l}from"./p-Cy6HMEsK.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-BDPJKxrr.js";import{d as n}from"./p-BVIzG0vO.js";import{d as a}from"./p-CgilbV-B.js";import{d as c}from"./p-BZt0PSLv.js";import{d as h}from"./p-kyuN077y.js";import{d as p}from"./p-D4eRE9J1.js";import{d as m}from"./p-fvvA-prd.js";import{d as u}from"./p-DfhTm5zs.js";import{d as f}from"./p-DtNd46kD.js";import{d as b}from"./p-CS4tniB3.js";import{d as w}from"./p-wt_xdZCl.js";const g=e(class extends o{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.dropDownShow=s(this,"sdDropDownShow")}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;name=r();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return t("sd-field",{key:"331489106e60e2304ef08ab8bb9e0b92f883c14f",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},t("div",{key:"790254f507e924fcb7a32620a2c0ea264f49a9ae",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return t("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},t("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&t("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select":customElements.get(i(e))||customElements.define(i(e),g);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||n();break;case"sd-field":customElements.get(i(e))||a();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-input":customElements.get(i(e))||p();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-dropdown":customElements.get(i(e))||u();break;case"sd-select-option":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||b();break;case"sd-tooltip":customElements.get(i(e))||w()}}))}export{g as S,x as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as o,t as i}from"./p-B1vJXa29.js";import{d as c}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as o,t as i}from"./p-B1vJXa29.js";import{d as c}from"./p-BVIzG0vO.js";import{d}from"./p-kyuN077y.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=e=>{e.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:e})};render(){return o("div",{key:"a4fcca24b0bdde4f4665585c6cede84bd3b64d59",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?o("div",{class:"sd-select__option__checkbox-wrapper"},o("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:e=>{e.preventDefault(),this.handleClick(e)}}),o("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}static get style(){return"sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}"}},[512,"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],sdIsDisabled:[64]}]);function l(){"undefined"!=typeof customElements&&["sd-select-option","sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-select-option":customElements.get(i(e))||customElements.define(i(e),n);break;case"sd-checkbox":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||d()}}))}export{n as S,l as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as r}from"./p-2CurSZ9q.js";const a="#0075FF",i={primary:r.brand.strong.bg.default,secondary:r.brand.subtle.bg.default,primary_outline:r.brand.outline.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},e={primary_xs:{variant:"primary",size:"xs",color:i.primary},secondary_xs:{variant:"primary",size:"xs",color:i.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:i.primary_outline},neutral_outline_xs:{variant:"outline",size:"xs",color:i.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:i.danger},danger_outline_xs:{variant:"outline",size:"xs",color:i.danger_outline},primary_sm:{variant:"primary",size:"sm",color:i.primary},secondary_sm:{variant:"primary",size:"sm",color:i.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:i.primary_outline},neutral_outline_sm:{variant:"outline",size:"sm",color:i.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:i.danger},danger_outline_sm:{variant:"outline",size:"sm",color:i.danger_outline},primary_md:{variant:"primary",size:"md",color:i.primary},secondary_md:{variant:"primary",size:"md",color:i.secondary},primary_outline_md:{variant:"outline",size:"md",color:i.primary_outline},neutral_outline_md:{variant:"outline",size:"md",color:i.neutral_outline},danger_md:{variant:"primary",size:"md",color:i.danger},danger_outline_md:{variant:"outline",size:"md",color:i.danger_outline},primary_lg:{variant:"primary",size:"lg",color:i.primary},secondary_lg:{variant:"primary",size:"lg",color:i.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:i.primary_outline},neutral_outline_lg:{variant:"outline",size:"lg",color:i.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:i.danger},danger_outline_lg:{variant:"outline",size:"lg",color:i.danger_outline}},n={xs:Number(r.size.xs.icon),sm:Number(r.size.sm.icon),md:Number(r.size.md.icon),lg:Number(r.size.lg.icon)},o={primary:r.brand.strong.bg.hover,secondary:r.brand.subtle.bg.hover,primary_outline:r.brand.outline.bg.hover,neutral_outline:r.neutral.outline.bg.hover,danger:r.danger.strong.bg.hover,danger_outline:r.danger.outline.bg.hover},l={primary:r.brand.strong.content,secondary:r.brand.subtle.content,primary_outline:r.brand.outline.content,neutral_outline:r.neutral.outline.content,danger:r.danger.strong.content,danger_outline:r.danger.outline.content},t={primary:"transparent",secondary:"transparent",primary_outline:r.brand.outline.border,neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=/_(xs|sm|md|lg)$/,m=r=>r in e,u=r=>r.replace(s,"");export{e as B,l as P,n as a,a as b,t as c,o as d,u as g,m as i}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as s,c as e,h as i,t as n}from"./p-B1vJXa29.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose")}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=!1;close;container;wrapper;rafId;isInsideClick=!1;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:(this.zIndex??9999).toString(),transition:"opacity 0.4s"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.display="none"),void this.unobserveParent();this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=this.wrapper.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight,n=this.offset??[0,4];let o=t.bottom+window.scrollY+n[1],h=t.left+window.scrollX+n[0];t.bottom+s.height+n[1]>i&&(o=t.top+window.scrollY-s.height-n[1]),o<window.scrollY&&(o=t.bottom+window.scrollY+n[1]),t.left+s.width+n[0]>e&&(h=t.right+window.scrollX-s.width-n[0]),h<0&&(h=n[0]),this.wrapper.style.top=`${o}px`,this.wrapper.style.left=`${h}px`}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let e=t.parentElement;for(;e;){const{overflow:t,overflowX:i,overflowY:n}=getComputedStyle(e);[t,i,n].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"5fe94d224d2a647a1e7cb3fed1a42073b45a2525"})}static get watchers(){return{open:[{handleOpenChange:0}]}}},[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"]],{open:[{handleOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))}export{o as S,h as d}
|