@sellmate/design-system 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/sd-field_3.cjs.entry.js +8 -8
- package/dist/collection/components/sd-field/sd-field.css +1 -1
- package/dist/collection/components/sd-field/sd-field.js +7 -7
- package/dist/collection/components/sd-field/sd-field.js.map +1 -1
- package/dist/components/{p-BfHejNRG.js → p-9E-u4GN-.js} +4 -4
- package/dist/components/{p-BfHejNRG.js.map → p-9E-u4GN-.js.map} +1 -1
- package/dist/components/{p-Cp2TqeFd.js → p-B9qGa5dx.js} +3 -3
- package/dist/components/{p-Cp2TqeFd.js.map → p-B9qGa5dx.js.map} +1 -1
- package/dist/components/{p-FVxa2OYe.js → p-COJpIimp.js} +10 -10
- package/dist/components/p-COJpIimp.js.map +1 -0
- package/dist/components/{p-DD16YjVA.js → p-CZ0RizvY.js} +5 -5
- package/dist/components/{p-DD16YjVA.js.map → p-CZ0RizvY.js.map} +1 -1
- package/dist/components/{p-iBNSlotR.js → p-DYLnDz12.js} +6 -6
- package/dist/components/{p-iBNSlotR.js.map → p-DYLnDz12.js.map} +1 -1
- package/dist/components/sd-date-picker.js +2 -2
- package/dist/components/sd-date-range-picker.js +2 -2
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-select-dropdown.js +1 -1
- package/dist/components/sd-select-multiple-group.js +3 -3
- package/dist/components/sd-select-multiple.js +4 -4
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table.js +5 -5
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-694c9cc9.entry.js +2 -0
- package/dist/design-system/p-694c9cc9.entry.js.map +1 -0
- package/dist/esm/sd-field_3.entry.js +8 -8
- package/hydrate/index.js +8 -8
- package/hydrate/index.mjs +8 -8
- package/package.json +2 -2
- package/dist/components/p-FVxa2OYe.js.map +0 -1
- package/dist/design-system/p-2023e24a.entry.js +0 -2
- package/dist/design-system/p-2023e24a.entry.js.map +0 -1
|
@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, c as Ho
|
|
|
2
2
|
import { u as useDatePicker, t as today } from './p-QZbqqKSO.js';
|
|
3
3
|
import { d as defineCustomElement$9 } from './p-B-HVIIWo.js';
|
|
4
4
|
import { d as defineCustomElement$8 } from './p-DlJtPR_C.js';
|
|
5
|
-
import { d as defineCustomElement$7 } from './p-
|
|
5
|
+
import { d as defineCustomElement$7 } from './p-COJpIimp.js';
|
|
6
6
|
import { d as defineCustomElement$6 } from './p-CmghyzXg.js';
|
|
7
7
|
import { d as defineCustomElement$5 } from './p-Sw7TJWkF.js';
|
|
8
|
-
import { d as defineCustomElement$4 } from './p-
|
|
8
|
+
import { d as defineCustomElement$4 } from './p-B9qGa5dx.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-o-oFeHDX.js';
|
|
10
10
|
import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
|
|
11
11
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdSelectDropdown$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdSelectDropdown$1, d as defineCustomElement$1 } from './p-CZ0RizvY.js';
|
|
2
2
|
|
|
3
3
|
const SdSelectDropdown = SdSelectDropdown$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -2,13 +2,13 @@ import { p as proxyCustomElement, d as createEvent, h, F as Fragment, t as trans
|
|
|
2
2
|
import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-Dt-KAeBx.js';
|
|
3
3
|
import { d as defineCustomElement$b } from './p-B-HVIIWo.js';
|
|
4
4
|
import { d as defineCustomElement$a } from './p-ldcuoYNT.js';
|
|
5
|
-
import { d as defineCustomElement$9 } from './p-
|
|
5
|
+
import { d as defineCustomElement$9 } from './p-COJpIimp.js';
|
|
6
6
|
import { d as defineCustomElement$8 } from './p-CmghyzXg.js';
|
|
7
7
|
import { d as defineCustomElement$7 } from './p-Sw7TJWkF.js';
|
|
8
|
-
import { d as defineCustomElement$6 } from './p-
|
|
8
|
+
import { d as defineCustomElement$6 } from './p-B9qGa5dx.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-o-oFeHDX.js';
|
|
10
10
|
import { d as defineCustomElement$4 } from './p-DBzZUOVq.js';
|
|
11
|
-
import { d as defineCustomElement$3 } from './p-
|
|
11
|
+
import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
|
|
13
13
|
|
|
14
14
|
const sdSelectMultipleGroupCss = () => `.sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}`;
|
|
@@ -2,14 +2,14 @@ import { p as proxyCustomElement, d as createEvent, h, t as transformTag } from
|
|
|
2
2
|
import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-Dt-KAeBx.js';
|
|
3
3
|
import { d as defineCustomElement$c } from './p-B-HVIIWo.js';
|
|
4
4
|
import { d as defineCustomElement$b } from './p-ldcuoYNT.js';
|
|
5
|
-
import { d as defineCustomElement$a } from './p-
|
|
5
|
+
import { d as defineCustomElement$a } from './p-COJpIimp.js';
|
|
6
6
|
import { d as defineCustomElement$9 } from './p-CmghyzXg.js';
|
|
7
7
|
import { d as defineCustomElement$8 } from './p-Sw7TJWkF.js';
|
|
8
|
-
import { d as defineCustomElement$7 } from './p-
|
|
8
|
+
import { d as defineCustomElement$7 } from './p-B9qGa5dx.js';
|
|
9
9
|
import { d as defineCustomElement$6 } from './p-o-oFeHDX.js';
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-
|
|
10
|
+
import { d as defineCustomElement$5 } from './p-CZ0RizvY.js';
|
|
11
11
|
import { d as defineCustomElement$4 } from './p-BsBjOh8u.js';
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
|
|
13
13
|
import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
|
|
14
14
|
|
|
15
15
|
const sdSelectMultipleCss = () => `sd-select-multiple{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-9E-u4GN-.js';
|
|
2
2
|
|
|
3
3
|
const SdSelectSearchInput = SdSelectSearchInput$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, e as readTask, h, c as Host, t as transformTag } from './p-YLoygqPr.js';
|
|
2
2
|
import { d as defineCustomElement$f } from './p-B-HVIIWo.js';
|
|
3
3
|
import { d as defineCustomElement$e } from './p-ldcuoYNT.js';
|
|
4
|
-
import { d as defineCustomElement$d } from './p-
|
|
4
|
+
import { d as defineCustomElement$d } from './p-COJpIimp.js';
|
|
5
5
|
import { d as defineCustomElement$c } from './p-CmghyzXg.js';
|
|
6
6
|
import { d as defineCustomElement$b } from './p-Sw7TJWkF.js';
|
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
|
7
|
+
import { d as defineCustomElement$a } from './p-B9qGa5dx.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-D1kEesx2.js';
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-CuHSbj5E.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-o-oFeHDX.js';
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
|
12
|
-
import { d as defineCustomElement$5 } from './p-
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-DYLnDz12.js';
|
|
12
|
+
import { d as defineCustomElement$5 } from './p-CZ0RizvY.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-BsBjOh8u.js';
|
|
14
|
-
import { d as defineCustomElement$3 } from './p-
|
|
14
|
+
import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
|
|
15
15
|
import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
|
|
16
16
|
|
|
17
17
|
const sdTableCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);display:flex;flex-direction:column;position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label{position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label:before,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;translate:0 -10%;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{font-size:12px;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}`;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,g as l,b as a}from"./p-C3qNZ7Qh.js";export{s as setNonce}from"./p-C3qNZ7Qh.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a(JSON.parse('[["p-1a5c8581",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["p-b521ce06",[[768,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}]]],["p-f8e3d576",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["p-206de2a1",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["p-0a80eff0",[[770,"sd-date-range-picker",{"value":[1040],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["p-17f36d15",[[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-cdd7880f",[[768,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["p-661c4553",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["p-06b1b928",[[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1],"isVisible":[32]}]]],["p-7a18002e",[[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}]]],["p-82356c0a",[[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"sdGetNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}]]],["p-9fdf431c",[[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-ff131fbc",[[768,"sd-radio",{"value":[1544],"disabled":[4],"val":[1],"label":[1]}]]],["p-29a9975a",[[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":["valueChanged"]}]]],["p-f9bc026f",[[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"]},null,{"value":["valueChanged"]}]]],["p-43b9fd6b",[[768,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["p-0e12f7b6",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["p-8df72aa2",[[260,"sd-form",{"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-f43b8c46",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-0a9f4be0",[[768,"sd-radio-button-group",{"value":[1032],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-97d0ce6e",[[768,"sd-toggle",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-12c9cfda",[[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}]]],["p-dc2f4b2f",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["p-fca80354",[[768,"sd-textarea",{"value":[1025],"name":[1],"disabled":[4],"width":[8],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"placeholder":[1],"internalValue":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContentHTML":[32]}],[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"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-827ca975",[[768,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"value":["watchValueHandler"]}]]],["p-2023e24a",[[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"]]],[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]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[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]}]]],["p-9a68ab88",[[768,"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],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-loading-spinner",{"color":[1]}]]],["p-dc410414",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-86830071",[[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]},null,{"filteredOptions":["filteredOptionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}]]]]'),e)}));
|
|
1
|
+
import{p as e,g as l,b as a}from"./p-C3qNZ7Qh.js";export{s as setNonce}from"./p-C3qNZ7Qh.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a(JSON.parse('[["p-1a5c8581",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["p-b521ce06",[[768,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}]]],["p-f8e3d576",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["p-206de2a1",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["p-0a80eff0",[[770,"sd-date-range-picker",{"value":[1040],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["p-17f36d15",[[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-cdd7880f",[[768,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["p-661c4553",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["p-06b1b928",[[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1],"isVisible":[32]}]]],["p-7a18002e",[[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}]]],["p-82356c0a",[[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"sdGetNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}]]],["p-9fdf431c",[[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-ff131fbc",[[768,"sd-radio",{"value":[1544],"disabled":[4],"val":[1],"label":[1]}]]],["p-29a9975a",[[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":["valueChanged"]}]]],["p-f9bc026f",[[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"]},null,{"value":["valueChanged"]}]]],["p-43b9fd6b",[[768,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["p-0e12f7b6",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["p-8df72aa2",[[260,"sd-form",{"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-f43b8c46",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-0a9f4be0",[[768,"sd-radio-button-group",{"value":[1032],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-97d0ce6e",[[768,"sd-toggle",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-12c9cfda",[[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}]]],["p-dc2f4b2f",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["p-fca80354",[[768,"sd-textarea",{"value":[1025],"name":[1],"disabled":[4],"width":[8],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"placeholder":[1],"internalValue":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContentHTML":[32]}],[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"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-827ca975",[[768,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"value":["watchValueHandler"]}]]],["p-694c9cc9",[[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"]]],[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]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[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]}]]],["p-9a68ab88",[[768,"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],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-loading-spinner",{"color":[1]}]]],["p-dc410414",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-86830071",[[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]},null,{"filteredOptions":["filteredOptionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=design-system.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,a as t,h as i,H as s,c as d}from"./p-C3qNZ7Qh.js";const a=()=>`.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.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--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.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--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.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__wrapper{width:var(--field-width, 200px);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__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__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.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__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;const r=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea"];const n=class{constructor(t){e(this,t)}get el(){return t(this)}name="";rules=[];error=false;disabled=false;hovered=false;focused=false;status;label="";insideLabel=false;useLabelRequired=false;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";if(!!this.disabled){e="disabled";return`sd-field--${e}`}if(!!this.focused){e="focus";return`sd-field--${e}`}if(!!this.hovered)e="hover";if(!!this.status)e=this.status;if(!!this.error)e="error";return e?`sd-field--${e}`:""}componentDidLoad(){this.hostElement=this.findHostElement();this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of r){const t=this.el.closest(e);if(t&&"value"in t){return t}}return null}registerToForm(){const e=this.el.closest("sd-form");if(!e)return;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||this.rules.length===0)return true;for(const e of this.rules){const t=e(this.value??"");if(t!==true){this.setError(true,t);return false}}this.setError(false,"");return true}async sdReset(){if(this.hostElement){this.hostElement.value=null}this.setError(false,"")}async sdResetValidation(){this.setError(false,"")}async sdFocus(){this.hostElement?.focus?.();this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,t){this.errorMsg=t;if(this.hostElement){this.hostElement.error=e}}render(){return i(s,{key:"8d4368c9802a01a58872ae1467d6183bb6a1d1d3",class:{"sd-field":true,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},i("div",{key:"86a8ae1ee6f2b56bbff2a0dda2f4c87e8cec74bd",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"c32b068f6459d326af29e2666a3ff17882c02c11",class:{"sd-field__control":true,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},i("slot",{key:"a636756df1b20b4fa0b785cba57e96a7695ff103"}))),this.errorMsg&&i("div",{key:"da410dd97d83a910d6819410878349144ed1af0e",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){if(!e)return null;return i("label",{class:{"sd-field__label":true,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&i("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),i("div",{class:"sd-field__label__text"},e),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},i("div",{slot:"content"},this.labelTooltip)))}};n.style=a();var l;var o;function p(){if(o)return l;o=1;let e="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let t=(e,t=21)=>(i=t)=>{let s="";let d=i|0;while(d--){s+=e[Math.random()*e.length|0]}return s};let i=(t=21)=>{let i="";let s=t|0;while(s--){i+=e[Math.random()*64|0]}return i};l={nanoid:i,customAlphabet:t};return l}var c=p();const h=()=>`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}`;const f=class{constructor(t){e(this,t);this.input=d(this,"sdUpdate");this.focus=d(this,"sdFocus");this.blur=d(this,"sdBlur")}get host(){return t(this)}value=null;type="text";insideLabel=false;placeholder="입력해 주세요.";disabled=false;clearable=false;width;barcode=false;rules=[];autoFocus=false;status;inputClass="";readonly=false;error=false;focused=false;hovered=false;label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=undefined;formField;name=c.nanoid();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){if(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(){if(this.value){this.internalValue=this.value}}componentDidLoad(){if(this.autoFocus){this.nativeEl?.focus()}}handleInput=e=>{const t=e.target;this.internalValue=t.value};handleFocus=async(e,t)=>{this.focused=e==="focus";if(e==="blur"){if(this.rules&&this.rules.length>0){await(this.formField?.sdValidate())}this.blur?.emit(t)}else{this.focus?.emit(t)}};render(){const e=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};return i("sd-field",{key:"1ea8809ec8f05e9713b26022014400811f3c4da2",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,style:e,onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false},i("label",{key:"f0f266bf75953342785b8296e40f7ca86018a75d",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"2fa7295a91e35292d794879432195e9cb76bce1a",name:"prefix"}),i("input",{key:"5529de166855c571c385fb479f6dbfec148a6771",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:"5ae1f154e1ac870c8629ebf4b2007274d591018d",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"57f515d933010326bd7f64ef74beb37df3fa7ba7",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"],internalValue:["internalValueChanged"]}}};f.style=h();const u=class{constructor(t){e(this,t);this.close=d(this,"sdClose")}get hostEl(){return t(this)}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=false;close;container;wrapper;rafId;isInsideClick=false;resizeObserver;mutationObserver;componentDidLoad(){this.container=this.resolveContainer();this.createWrapper();this.moveSlotContent();this.updatePosition();this.observeParent()}componentDidRender(){if(!this.wrapper)return;this.wrapper.style.display=this.open?"block":"none";if(this.open)this.updatePosition()}disconnectedCallback(){this.unobserveParent();this.wrapper?.remove()}resolveContainer(){const e=typeof this.to==="string"?document.querySelector(this.to):this.to;return e instanceof HTMLElement?e:document.body}createWrapper(){this.wrapper=document.createElement("div");Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s"});this.container.appendChild(this.wrapper)}moveSlotContent(){if(!this.wrapper)return;const e=Array.from(this.hostEl.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE));e.forEach((e=>this.wrapper.appendChild(e)))}updatePosition(){if(this.rafId)cancelAnimationFrame(this.rafId);this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const e=this.parentRef.getBoundingClientRect();const t=this.wrapper.getBoundingClientRect();const i={width:window.innerWidth,height:window.innerHeight};let s=e.bottom+window.scrollY+this.offset[1];let d=e.left+window.scrollX+this.offset[0];if(e.bottom+t.height+this.offset[1]>i.height){s=e.top+window.scrollY-t.height-this.offset[1]}if(s<window.scrollY){s=e.bottom+window.scrollY+this.offset[1]}if(e.left+t.width+this.offset[0]>i.width){d=e.right+window.scrollX-t.width-this.offset[0]}if(d<0){d=this.offset[0]}this.wrapper.style.top=`${s}px`;this.wrapper.style.left=`${d}px`}))}observeParent(){if(!this.parentRef)return;this.resizeObserver=new ResizeObserver((()=>this.updatePosition()));this.resizeObserver.observe(this.parentRef);this.mutationObserver=new MutationObserver((()=>this.updatePosition()));this.mutationObserver.observe(document.body,{childList:true,subtree:true})}unobserveParent(){this.resizeObserver?.disconnect();this.mutationObserver?.disconnect()}handleMouseDown(e){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(e.target))}handleWindowClick(e){if(this.isInsideClick){this.isInsideClick=false;return}if(this.wrapper?.contains(e.target))return;this.close.emit()}render(){return i("slot",{key:"6181685d61b1e95116316b72208702597bba2b8e"})}};export{n as sd_field,f as sd_input,u as sd_portal};
|
|
2
|
+
//# sourceMappingURL=p-694c9cc9.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","getElement","h","Host","createEvent","sdFieldCss","FORM_PARENT_TAGS","SdField","constructor","hostRef","this","el","name","rules","error","disabled","hovered","focused","status","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","errorMsg","hostElement","value","fieldStatus","componentDidLoad","findHostElement","registerToForm","disconnectedCallback","unregisterFromForm","tag","parent","closest","formEl","componentOnReady","then","form","sdRegisterField","sdUnregisterField","sdValidate","length","rule","result","setError","sdReset","sdResetValidation","sdFocus","focus","scrollIntoView","behavior","block","render","key","class","renderLabel","size","color","slot","style","nonSecure","hasRequiredNonSecure","requireNonSecure","urlAlphabet","customAlphabet","alphabet","defaultSize","id","i","Math","random","nanoid","nonSecureExports","sdInputCss","SdInput","input","blur","host","type","placeholder","clearable","width","barcode","autoFocus","inputClass","readonly","inputStyle","internalValue","nativeEl","undefined","formField","valueChanged","newValue","internalValueChanged","emit","sdGetNativeElement","sdResetValidate","componentWillLoad","handleInput","event","target","handleFocus","async","inputWidth","ref","onMouseEnter","onMouseLeave","autofocus","onInput","onFocus","onBlur","onClick","watchers","SdPortal","close","hostEl","to","parentRef","offset","zIndex","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","resolveContainer","createWrapper","moveSlotContent","updatePosition","observeParent","componentDidRender","display","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","cancelAnimationFrame","requestAnimationFrame","parentRect","getBoundingClientRect","wrapperRect","viewport","window","innerWidth","height","innerHeight","top","bottom","scrollY","left","scrollX","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","handleWindowClick"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getElement, h, H as Host, c as createEvent } from './index-C3qNZ7Qh.js';
|
|
2
2
|
|
|
3
|
-
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:
|
|
3
|
+
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.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--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.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--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.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__wrapper{width:var(--field-width, 200px);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__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__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.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__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
|
|
4
4
|
|
|
5
5
|
const FORM_PARENT_TAGS = [
|
|
6
6
|
'sd-select',
|
|
@@ -67,10 +67,10 @@ const SdField = class {
|
|
|
67
67
|
return null;
|
|
68
68
|
}
|
|
69
69
|
registerToForm() {
|
|
70
|
-
if (!this.rules || this.rules.length === 0) {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}
|
|
70
|
+
// if (!this.rules || this.rules.length === 0) {
|
|
71
|
+
// console.warn('[sd-form-field] rules prop is required for sd-form integration');
|
|
72
|
+
// return;
|
|
73
|
+
// }
|
|
74
74
|
const formEl = this.el.closest('sd-form');
|
|
75
75
|
if (!formEl)
|
|
76
76
|
return;
|
|
@@ -119,15 +119,15 @@ const SdField = class {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
render() {
|
|
122
|
-
return (h(Host, { key: '
|
|
122
|
+
return (h(Host, { key: '8d4368c9802a01a58872ae1467d6183bb6a1d1d3', class: {
|
|
123
123
|
'sd-field': true,
|
|
124
124
|
'sd-field--has-label': !!this.label,
|
|
125
125
|
'sd-field--has-label-inside': !!this.label && this.insideLabel,
|
|
126
126
|
[this.fieldStatus]: !!this.fieldStatus,
|
|
127
|
-
} }, h("div", { key: '
|
|
127
|
+
} }, h("div", { key: '86a8ae1ee6f2b56bbff2a0dda2f4c87e8cec74bd', class: "sd-field__wrapper" }, this.renderLabel(this.label), h("div", { key: 'c32b068f6459d326af29e2666a3ff17882c02c11', class: {
|
|
128
128
|
'sd-field__control': true,
|
|
129
129
|
'sd-field__control--label-inside ': !!this.label && this.insideLabel,
|
|
130
|
-
} }, h("slot", { key: '
|
|
130
|
+
} }, h("slot", { key: 'a636756df1b20b4fa0b785cba57e96a7695ff103' }))), this.errorMsg && h("div", { key: 'da410dd97d83a910d6819410878349144ed1af0e', class: "sd-field__error-message" }, this.errorMsg)));
|
|
131
131
|
}
|
|
132
132
|
renderLabel(label) {
|
|
133
133
|
if (!label)
|
package/hydrate/index.js
CHANGED
|
@@ -4430,7 +4430,7 @@ class SdDateRangePicker {
|
|
|
4430
4430
|
}; }
|
|
4431
4431
|
}
|
|
4432
4432
|
|
|
4433
|
-
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:
|
|
4433
|
+
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.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--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.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--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.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__wrapper{width:var(--field-width, 200px);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__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__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.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__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
|
|
4434
4434
|
|
|
4435
4435
|
const FORM_PARENT_TAGS = [
|
|
4436
4436
|
'sd-select',
|
|
@@ -4497,10 +4497,10 @@ class SdField {
|
|
|
4497
4497
|
return null;
|
|
4498
4498
|
}
|
|
4499
4499
|
registerToForm() {
|
|
4500
|
-
if (!this.rules || this.rules.length === 0) {
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
}
|
|
4500
|
+
// if (!this.rules || this.rules.length === 0) {
|
|
4501
|
+
// console.warn('[sd-form-field] rules prop is required for sd-form integration');
|
|
4502
|
+
// return;
|
|
4503
|
+
// }
|
|
4504
4504
|
const formEl = this.el.closest('sd-form');
|
|
4505
4505
|
if (!formEl)
|
|
4506
4506
|
return;
|
|
@@ -4549,15 +4549,15 @@ class SdField {
|
|
|
4549
4549
|
}
|
|
4550
4550
|
}
|
|
4551
4551
|
render() {
|
|
4552
|
-
return (hAsync(Host, { key: '
|
|
4552
|
+
return (hAsync(Host, { key: '8d4368c9802a01a58872ae1467d6183bb6a1d1d3', class: {
|
|
4553
4553
|
'sd-field': true,
|
|
4554
4554
|
'sd-field--has-label': !!this.label,
|
|
4555
4555
|
'sd-field--has-label-inside': !!this.label && this.insideLabel,
|
|
4556
4556
|
[this.fieldStatus]: !!this.fieldStatus,
|
|
4557
|
-
} }, hAsync("div", { key: '
|
|
4557
|
+
} }, hAsync("div", { key: '86a8ae1ee6f2b56bbff2a0dda2f4c87e8cec74bd', class: "sd-field__wrapper" }, this.renderLabel(this.label), hAsync("div", { key: 'c32b068f6459d326af29e2666a3ff17882c02c11', class: {
|
|
4558
4558
|
'sd-field__control': true,
|
|
4559
4559
|
'sd-field__control--label-inside ': !!this.label && this.insideLabel,
|
|
4560
|
-
} }, hAsync("slot", { key: '
|
|
4560
|
+
} }, hAsync("slot", { key: 'a636756df1b20b4fa0b785cba57e96a7695ff103' }))), this.errorMsg && hAsync("div", { key: 'da410dd97d83a910d6819410878349144ed1af0e', class: "sd-field__error-message" }, this.errorMsg)));
|
|
4561
4561
|
}
|
|
4562
4562
|
renderLabel(label) {
|
|
4563
4563
|
if (!label)
|
package/hydrate/index.mjs
CHANGED
|
@@ -4428,7 +4428,7 @@ class SdDateRangePicker {
|
|
|
4428
4428
|
}; }
|
|
4429
4429
|
}
|
|
4430
4430
|
|
|
4431
|
-
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:
|
|
4431
|
+
const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.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--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.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--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.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__wrapper{width:var(--field-width, 200px);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__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__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.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__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
|
|
4432
4432
|
|
|
4433
4433
|
const FORM_PARENT_TAGS = [
|
|
4434
4434
|
'sd-select',
|
|
@@ -4495,10 +4495,10 @@ class SdField {
|
|
|
4495
4495
|
return null;
|
|
4496
4496
|
}
|
|
4497
4497
|
registerToForm() {
|
|
4498
|
-
if (!this.rules || this.rules.length === 0) {
|
|
4499
|
-
|
|
4500
|
-
|
|
4501
|
-
}
|
|
4498
|
+
// if (!this.rules || this.rules.length === 0) {
|
|
4499
|
+
// console.warn('[sd-form-field] rules prop is required for sd-form integration');
|
|
4500
|
+
// return;
|
|
4501
|
+
// }
|
|
4502
4502
|
const formEl = this.el.closest('sd-form');
|
|
4503
4503
|
if (!formEl)
|
|
4504
4504
|
return;
|
|
@@ -4547,15 +4547,15 @@ class SdField {
|
|
|
4547
4547
|
}
|
|
4548
4548
|
}
|
|
4549
4549
|
render() {
|
|
4550
|
-
return (hAsync(Host, { key: '
|
|
4550
|
+
return (hAsync(Host, { key: '8d4368c9802a01a58872ae1467d6183bb6a1d1d3', class: {
|
|
4551
4551
|
'sd-field': true,
|
|
4552
4552
|
'sd-field--has-label': !!this.label,
|
|
4553
4553
|
'sd-field--has-label-inside': !!this.label && this.insideLabel,
|
|
4554
4554
|
[this.fieldStatus]: !!this.fieldStatus,
|
|
4555
|
-
} }, hAsync("div", { key: '
|
|
4555
|
+
} }, hAsync("div", { key: '86a8ae1ee6f2b56bbff2a0dda2f4c87e8cec74bd', class: "sd-field__wrapper" }, this.renderLabel(this.label), hAsync("div", { key: 'c32b068f6459d326af29e2666a3ff17882c02c11', class: {
|
|
4556
4556
|
'sd-field__control': true,
|
|
4557
4557
|
'sd-field__control--label-inside ': !!this.label && this.insideLabel,
|
|
4558
|
-
} }, hAsync("slot", { key: '
|
|
4558
|
+
} }, hAsync("slot", { key: 'a636756df1b20b4fa0b785cba57e96a7695ff103' }))), this.errorMsg && hAsync("div", { key: 'da410dd97d83a910d6819410878349144ed1af0e', class: "sd-field__error-message" }, this.errorMsg)));
|
|
4559
4559
|
}
|
|
4560
4560
|
renderLabel(label) {
|
|
4561
4561
|
if (!label)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Sellmate Design System - Web Components Library built with Stencil",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"@stencil/vue-output-target": "^0.11.8",
|
|
94
94
|
"nanoid": "^5.1.6"
|
|
95
95
|
},
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "c48450d417635dc2b4e73313b6e13ee006a20145"
|
|
97
97
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-FVxa2OYe.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-field/sd-field.scss?tag=sd-field","src/components/sd-field/sd-field.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-field {\n display: inline-flex;\n flex-flow: column nowrap;\n height: fit-content;\n width: fit-content;\n\n *:focus,\n *:focus-visible,\n *:focus-within {\n outline: none !important;\n }\n\n &:not(.sd-field--disabled) {\n &:hover {\n .sd-field__control {\n border: 1px solid $brilliantblue_75 !important;\n box-shadow: 0px 0px 4px 0px #0071ff66;\n }\n }\n }\n\n &.sd-field--disabled {\n cursor: not-allowed;\n\n .sd-field__wrapper {\n cursor: not-allowed !important;\n .sd-field__label-inside {\n border-color: $grey_45;\n color: $grey_65;\n cursor: not-allowed !important;\n }\n\n .sd-field__control {\n background-color: $grey_20;\n border-color: $grey_45;\n color: $grey_65;\n cursor: not-allowed !important;\n }\n }\n }\n\n &--has-label {\n .sd-field__wrapper {\n .sd-field__label {\n display: flex;\n align-items: center;\n margin-right: 12px;\n\n &__required-icon {\n margin-right: 4px;\n }\n\n &__text {\n font-size: 12px;\n line-height: 20px;\n // font-weight: 500;\n color: $grey_90;\n white-space: nowrap;\n }\n\n &__tooltip {\n margin-left: 2px;\n }\n }\n }\n }\n\n &--has-label-inside {\n .sd-field__wrapper {\n .sd-field__label {\n margin-right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3px 12px;\n border: 1px solid $grey_45;\n border-right: none;\n border-radius: 4px 0 0 4px;\n border-color: $grey_55;\n background-color: $grey_10;\n }\n }\n }\n\n &__wrapper {\n width: var(--field-width, 200px);\n height: 28px;\n display: flex;\n align-items: center;\n flex-flow: row nowrap;\n position: relative;\n color: $grey_90;\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n\n .sd-field__control {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex: 1;\n border: 1px solid $grey_55;\n border-radius: 4px;\n background: white;\n\n &--label-inside {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n }\n\n &--error:not(:hover) {\n .sd-field__wrapper .sd-field__control {\n border: 1px solid $red_70 !important;\n }\n }\n\n &.sd-field--focus,\n &.sd-field--hover {\n .sd-field__wrapper .sd-field__control {\n border: 1px solid $brilliantblue_75 !important;\n box-shadow: 0px 0px 4px 0px #0071ff66;\n }\n }\n\n .sd-field__error-message {\n color: $red_70;\n font-size: 12px;\n line-height: 20px;\n margin-top: 4px;\n }\n}\n","import { h, Component, Host, Element, Prop, State, Method } from '@stencil/core';\nimport { ValidatableField } from '../sd-form/sd-form';\nimport { Rule } from '../../types/form';\nimport { SdTooltipProps } from '../sd-tooltip/sd-tooltip';\n\nconst FORM_PARENT_TAGS = [\n 'sd-select',\n 'sd-select-multiple',\n 'sd-select-multiple-group',\n 'sd-input',\n 'sd-textarea',\n];\n\ninterface FormHostElement extends HTMLElement {\n value: any;\n error?: boolean;\n errorMsg?: string;\n}\n\n@Component({ tag: 'sd-field', styleUrl: 'sd-field.scss' })\nexport class SdField implements ValidatableField {\n @Element() el!: HTMLElement;\n\n @Prop() name: string = '';\n @Prop() rules?: Rule[] = [];\n\n @Prop({ mutable: true }) error?: boolean = false;\n @Prop({ mutable: true }) disabled?: boolean = false;\n @Prop({ mutable: true }) hovered?: boolean = false;\n @Prop({ mutable: true }) focused?: boolean = false;\n @Prop() status?: 'default' | 'pass' | 'error';\n\n // props - label\n @Prop() label: string = '';\n @Prop() insideLabel: boolean = false;\n @Prop() useLabelRequired: boolean = false;\n @Prop() labelTooltip: string = '';\n @Prop() labelTooltipProps: SdTooltipProps | null = null;\n\n @State() errorMsg: string = '';\n\n private hostElement: FormHostElement | null = null;\n\n get value() {\n return this.hostElement?.value ?? null;\n }\n\n get fieldStatus() {\n let status = '';\n\n if (!!this.disabled) {\n status = 'disabled';\n return `sd-field--${status}`;\n }\n\n if (!!this.focused) {\n status = 'focus';\n return `sd-field--${status}`;\n }\n\n if (!!this.hovered) status = 'hover';\n if (!!this.status) status = this.status;\n if (!!this.error) status = 'error';\n return status ? `sd-field--${status}` : '';\n }\n\n componentDidLoad() {\n this.hostElement = this.findHostElement();\n this.registerToForm();\n }\n\n disconnectedCallback() {\n this.unregisterFromForm();\n }\n\n private findHostElement(): FormHostElement | null {\n for (const tag of FORM_PARENT_TAGS) {\n const parent = this.el.closest<FormHostElement>(tag);\n if (parent && 'value' in parent) {\n return parent;\n }\n }\n return null;\n }\n\n private registerToForm() {\n if (!this.rules || this.rules.length === 0) {\n console.warn('[sd-form-field] rules prop is required for sd-form integration');\n return;\n }\n\n const formEl = this.el.closest<HTMLSdFormElement>('sd-form');\n if (!formEl) return;\n\n formEl.componentOnReady().then(form => {\n form.sdRegisterField(this);\n });\n }\n\n private unregisterFromForm() {\n if (!this.name) return;\n\n const formEl = this.el.closest<HTMLSdFormElement>('sd-form');\n formEl?.componentOnReady().then(form => {\n form.sdUnregisterField(this.name);\n });\n }\n\n @Method()\n async sdValidate(): Promise<boolean> {\n if (!this.rules || this.rules.length === 0) return true;\n\n for (const rule of this.rules) {\n const result = rule(this.value ?? '');\n if (result !== true) {\n this.setError(true, result);\n return false;\n }\n }\n this.setError(false, '');\n return true;\n }\n\n @Method()\n async sdReset() {\n if (this.hostElement) {\n this.hostElement.value = null;\n }\n this.setError(false, '');\n }\n\n @Method()\n async sdResetValidation() {\n this.setError(false, '');\n }\n\n @Method()\n async sdFocus() {\n this.hostElement?.focus?.();\n this.hostElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n private setError(error: boolean, errorMsg: string) {\n this.errorMsg = errorMsg;\n\n if (this.hostElement) {\n this.hostElement.error = error;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'sd-field': true,\n 'sd-field--has-label': !!this.label,\n 'sd-field--has-label-inside': !!this.label && this.insideLabel,\n [this.fieldStatus]: !!this.fieldStatus,\n }}\n >\n <div class=\"sd-field__wrapper\">\n {this.renderLabel(this.label)}\n <div\n class={{\n 'sd-field__control': true,\n 'sd-field__control--label-inside ': !!this.label && this.insideLabel,\n }}\n >\n <slot></slot>\n </div>\n </div>\n {this.errorMsg && <div class=\"sd-field__error-message\">{this.errorMsg}</div>}\n </Host>\n );\n }\n\n private renderLabel(label?: string) {\n if (!label) return null;\n\n return (\n <label class={{ 'sd-field__label': true, 'sd-field__label-inside': this.insideLabel }}>\n {this.useLabelRequired && (\n <sd-icon\n name=\"star\"\n size=\"10\"\n color=\"brilliantblue_75\"\n class=\"sd-field__label__required-icon\"\n ></sd-icon>\n )}\n <div class=\"sd-field__label__text\">{label}</div>\n {this.labelTooltip && (\n <sd-tooltip class=\"sd-field__label__tooltip\" {...this.labelTooltipProps}>\n <div slot=\"content\">{this.labelTooltip}</div>\n </sd-tooltip>\n )}\n </label>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,a as t,h as i,H as s,c as d}from"./p-C3qNZ7Qh.js";const a=()=>`.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:fit-content}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.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--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.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--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.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__wrapper{width:var(--field-width, 200px);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__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__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.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__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;const r=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea"];const n=class{constructor(t){e(this,t)}get el(){return t(this)}name="";rules=[];error=false;disabled=false;hovered=false;focused=false;status;label="";insideLabel=false;useLabelRequired=false;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";if(!!this.disabled){e="disabled";return`sd-field--${e}`}if(!!this.focused){e="focus";return`sd-field--${e}`}if(!!this.hovered)e="hover";if(!!this.status)e=this.status;if(!!this.error)e="error";return e?`sd-field--${e}`:""}componentDidLoad(){this.hostElement=this.findHostElement();this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of r){const t=this.el.closest(e);if(t&&"value"in t){return t}}return null}registerToForm(){if(!this.rules||this.rules.length===0){console.warn("[sd-form-field] rules prop is required for sd-form integration");return}const e=this.el.closest("sd-form");if(!e)return;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||this.rules.length===0)return true;for(const e of this.rules){const t=e(this.value??"");if(t!==true){this.setError(true,t);return false}}this.setError(false,"");return true}async sdReset(){if(this.hostElement){this.hostElement.value=null}this.setError(false,"")}async sdResetValidation(){this.setError(false,"")}async sdFocus(){this.hostElement?.focus?.();this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,t){this.errorMsg=t;if(this.hostElement){this.hostElement.error=e}}render(){return i(s,{key:"88155b0b6b8393687ab44eeb20562ebffb782daa",class:{"sd-field":true,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},i("div",{key:"437b3d7f8253159ea364d28c342a2e345db6fd4c",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"b6f50648cdf7a2278706cd28423c26e091b96ea0",class:{"sd-field__control":true,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},i("slot",{key:"8795191648dd56fd4a5544e1ae1a35812c3898a2"}))),this.errorMsg&&i("div",{key:"9b35ff3fd9837767f320706addcec41d69e1b048",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){if(!e)return null;return i("label",{class:{"sd-field__label":true,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&i("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),i("div",{class:"sd-field__label__text"},e),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},i("div",{slot:"content"},this.labelTooltip)))}};n.style=a();var l;var o;function p(){if(o)return l;o=1;let e="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let t=(e,t=21)=>(i=t)=>{let s="";let d=i|0;while(d--){s+=e[Math.random()*e.length|0]}return s};let i=(t=21)=>{let i="";let s=t|0;while(s--){i+=e[Math.random()*64|0]}return i};l={nanoid:i,customAlphabet:t};return l}var c=p();const h=()=>`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}`;const f=class{constructor(t){e(this,t);this.input=d(this,"sdUpdate");this.focus=d(this,"sdFocus");this.blur=d(this,"sdBlur")}get host(){return t(this)}value=null;type="text";insideLabel=false;placeholder="입력해 주세요.";disabled=false;clearable=false;width;barcode=false;rules=[];autoFocus=false;status;inputClass="";readonly=false;error=false;focused=false;hovered=false;label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=undefined;formField;name=c.nanoid();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){if(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(){if(this.value){this.internalValue=this.value}}componentDidLoad(){if(this.autoFocus){this.nativeEl?.focus()}}handleInput=e=>{const t=e.target;this.internalValue=t.value};handleFocus=async(e,t)=>{this.focused=e==="focus";if(e==="blur"){if(this.rules&&this.rules.length>0){await(this.formField?.sdValidate())}this.blur?.emit(t)}else{this.focus?.emit(t)}};render(){const e=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};return i("sd-field",{key:"1ea8809ec8f05e9713b26022014400811f3c4da2",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,style:e,onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false},i("label",{key:"f0f266bf75953342785b8296e40f7ca86018a75d",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"2fa7295a91e35292d794879432195e9cb76bce1a",name:"prefix"}),i("input",{key:"5529de166855c571c385fb479f6dbfec148a6771",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:"5ae1f154e1ac870c8629ebf4b2007274d591018d",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"57f515d933010326bd7f64ef74beb37df3fa7ba7",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"],internalValue:["internalValueChanged"]}}};f.style=h();const u=class{constructor(t){e(this,t);this.close=d(this,"sdClose")}get hostEl(){return t(this)}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=false;close;container;wrapper;rafId;isInsideClick=false;resizeObserver;mutationObserver;componentDidLoad(){this.container=this.resolveContainer();this.createWrapper();this.moveSlotContent();this.updatePosition();this.observeParent()}componentDidRender(){if(!this.wrapper)return;this.wrapper.style.display=this.open?"block":"none";if(this.open)this.updatePosition()}disconnectedCallback(){this.unobserveParent();this.wrapper?.remove()}resolveContainer(){const e=typeof this.to==="string"?document.querySelector(this.to):this.to;return e instanceof HTMLElement?e:document.body}createWrapper(){this.wrapper=document.createElement("div");Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s"});this.container.appendChild(this.wrapper)}moveSlotContent(){if(!this.wrapper)return;const e=Array.from(this.hostEl.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE));e.forEach((e=>this.wrapper.appendChild(e)))}updatePosition(){if(this.rafId)cancelAnimationFrame(this.rafId);this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const e=this.parentRef.getBoundingClientRect();const t=this.wrapper.getBoundingClientRect();const i={width:window.innerWidth,height:window.innerHeight};let s=e.bottom+window.scrollY+this.offset[1];let d=e.left+window.scrollX+this.offset[0];if(e.bottom+t.height+this.offset[1]>i.height){s=e.top+window.scrollY-t.height-this.offset[1]}if(s<window.scrollY){s=e.bottom+window.scrollY+this.offset[1]}if(e.left+t.width+this.offset[0]>i.width){d=e.right+window.scrollX-t.width-this.offset[0]}if(d<0){d=this.offset[0]}this.wrapper.style.top=`${s}px`;this.wrapper.style.left=`${d}px`}))}observeParent(){if(!this.parentRef)return;this.resizeObserver=new ResizeObserver((()=>this.updatePosition()));this.resizeObserver.observe(this.parentRef);this.mutationObserver=new MutationObserver((()=>this.updatePosition()));this.mutationObserver.observe(document.body,{childList:true,subtree:true})}unobserveParent(){this.resizeObserver?.disconnect();this.mutationObserver?.disconnect()}handleMouseDown(e){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(e.target))}handleWindowClick(e){if(this.isInsideClick){this.isInsideClick=false;return}if(this.wrapper?.contains(e.target))return;this.close.emit()}render(){return i("slot",{key:"6181685d61b1e95116316b72208702597bba2b8e"})}};export{n as sd_field,f as sd_input,u as sd_portal};
|
|
2
|
-
//# sourceMappingURL=p-2023e24a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","getElement","h","Host","createEvent","sdFieldCss","FORM_PARENT_TAGS","SdField","constructor","hostRef","this","el","name","rules","error","disabled","hovered","focused","status","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","errorMsg","hostElement","value","fieldStatus","componentDidLoad","findHostElement","registerToForm","disconnectedCallback","unregisterFromForm","tag","parent","closest","length","console","warn","formEl","componentOnReady","then","form","sdRegisterField","sdUnregisterField","sdValidate","rule","result","setError","sdReset","sdResetValidation","sdFocus","focus","scrollIntoView","behavior","block","render","key","class","renderLabel","size","color","slot","style","nonSecure","hasRequiredNonSecure","requireNonSecure","urlAlphabet","customAlphabet","alphabet","defaultSize","id","i","Math","random","nanoid","nonSecureExports","sdInputCss","SdInput","input","blur","host","type","placeholder","clearable","width","barcode","autoFocus","inputClass","readonly","inputStyle","internalValue","nativeEl","undefined","formField","valueChanged","newValue","internalValueChanged","emit","sdGetNativeElement","sdResetValidate","componentWillLoad","handleInput","event","target","handleFocus","async","inputWidth","ref","onMouseEnter","onMouseLeave","autofocus","onInput","onFocus","onBlur","onClick","watchers","SdPortal","close","hostEl","to","parentRef","offset","zIndex","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","resolveContainer","createWrapper","moveSlotContent","updatePosition","observeParent","componentDidRender","display","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","cancelAnimationFrame","requestAnimationFrame","parentRect","getBoundingClientRect","wrapperRect","viewport","window","innerWidth","height","innerHeight","top","bottom","scrollY","left","scrollX","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","handleWindowClick"],"sources":["0"],"mappings":"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","ignoreList":[]}
|