@sellmate/design-system 1.0.18 → 1.0.19
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-badge.cjs.entry.js +1 -1
- package/dist/cjs/sd-button_21.cjs.entry.js +34 -33
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/sd-file-picker.cjs.entry.js +3 -3
- package/dist/cjs/sd-guide.cjs.entry.js +2 -2
- package/dist/cjs/sd-popover.cjs.entry.js +2 -2
- package/dist/cjs/sd-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-select-multiple.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-option-group.cjs.entry.js +3 -3
- package/dist/cjs/sd-toast.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/assets/checkFilled/index.js +1 -1
- package/dist/collection/components/assets/checkOutline/index.js +1 -1
- package/dist/collection/components/sd-badge/sd-badge.js +1 -1
- package/dist/collection/components/sd-button/sd-button.js +2 -2
- package/dist/collection/components/sd-card/sd-card.js +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
- package/dist/collection/components/sd-field/sd-field.css +3 -0
- package/dist/collection/components/sd-field/sd-field.js +3 -3
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
- package/dist/collection/components/sd-guide/sd-guide.js +2 -2
- package/dist/collection/components/sd-icon/sd-icon.js +2 -2
- package/dist/collection/components/sd-input/sd-input.js +1 -1
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
- package/dist/collection/components/sd-number-input/sd-number-input.js +5 -4
- package/dist/collection/components/sd-pagination/sd-pagination.js +2 -2
- package/dist/collection/components/sd-popover/sd-popover.js +3 -3
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +1 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
- package/dist/collection/components/sd-textarea/sd-textarea.js +2 -2
- package/dist/collection/components/sd-toast/sd-toast.js +3 -3
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +1 -1
- package/dist/components/{p-Csz5Om2E.js → p-B0h4b7LA.js} +1 -1
- package/dist/components/{p-GjahxZoU.js → p-B77f6eKX.js} +1 -1
- package/dist/components/p-BQbcWEFr.js +1 -0
- package/dist/components/{p-BkU8yMUR.js → p-BRSMWd2J.js} +1 -1
- package/dist/components/{p-Ay5V-5Fu.js → p-BpucJmh6.js} +1 -1
- package/dist/components/{p-IFDX7o1t.js → p-BtHLGsSf.js} +1 -1
- package/dist/components/{p-DOdjsjwr.js → p-C-ZB0plq.js} +1 -1
- package/dist/components/{p-CIDMF6fj.js → p-C2-el8dy.js} +1 -1
- package/dist/components/{p-B45-wHcP.js → p-C7O3k1Yw.js} +1 -1
- package/dist/components/{p-7hAgxVaZ.js → p-CB4FbXBv.js} +1 -1
- package/dist/components/{p-CNgER9mk.js → p-CVjJkym8.js} +1 -1
- package/dist/components/{p-Czdx4VDt.js → p-D9QyXmjs.js} +1 -1
- package/dist/components/{p-BDlbibwl.js → p-DC98okO0.js} +1 -1
- package/dist/components/{p-Bxs0Hp4o.js → p-DJlL3vSO.js} +1 -1
- package/dist/components/{p-DojkP9rD.js → p-zP9SItz2.js} +1 -1
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-loading-spinner.js +1 -1
- package/dist/components/sd-modal-card.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +1 -1
- package/dist/components/sd-select-dropdown.js +1 -1
- package/dist/components/sd-select-multiple-group.js +1 -1
- package/dist/components/sd-select-multiple.js +1 -1
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-0b0c743d.entry.js +1 -0
- package/dist/design-system/p-337a0cac.entry.js +1 -0
- package/dist/design-system/{p-b3a0300b.entry.js → p-6c7732fd.entry.js} +1 -1
- package/dist/design-system/{p-2c776f94.entry.js → p-6d573397.entry.js} +1 -1
- package/dist/design-system/{p-21da28bf.entry.js → p-6d82343b.entry.js} +1 -1
- package/dist/design-system/{p-a4f8f2cd.entry.js → p-6d9053d6.entry.js} +1 -1
- package/dist/design-system/{p-12669d98.entry.js → p-b2bbc545.entry.js} +1 -1
- package/dist/design-system/{p-f69a9ad8.entry.js → p-d676165a.entry.js} +1 -1
- package/dist/design-system/p-e78cd4af.entry.js +1 -0
- package/dist/design-system/{p-fe119275.entry.js → p-ec4c214f.entry.js} +1 -1
- package/dist/design-system/{p-358de11a.entry.js → p-ffd96f05.entry.js} +1 -1
- package/dist/esm/sd-badge.entry.js +1 -1
- package/dist/esm/sd-button_21.entry.js +34 -33
- package/dist/esm/sd-card.entry.js +1 -1
- package/dist/esm/sd-date-picker.entry.js +1 -1
- package/dist/esm/sd-file-picker.entry.js +3 -3
- package/dist/esm/sd-guide.entry.js +2 -2
- package/dist/esm/sd-popover.entry.js +2 -2
- package/dist/esm/sd-progress.entry.js +2 -2
- package/dist/esm/sd-select-multiple.entry.js +1 -1
- package/dist/esm/sd-select-option-group.entry.js +3 -3
- package/dist/esm/sd-toast.entry.js +2 -2
- package/dist/types/components/assets/checkFilled/index.d.ts +1 -1
- package/dist/types/components/assets/checkOutline/index.d.ts +1 -1
- package/dist/types/components/assets/index.d.ts +2 -2
- package/hydrate/index.js +52 -51
- package/hydrate/index.mjs +52 -51
- package/package.json +1 -1
- package/dist/components/p-DHdV8DHV.js +0 -1
- package/dist/design-system/p-31175b5c.entry.js +0 -1
- package/dist/design-system/p-c5837bdf.entry.js +0 -1
- package/dist/design-system/p-d9af74c0.entry.js +0 -1
|
@@ -14,7 +14,7 @@ const SdBadge = class {
|
|
|
14
14
|
label = '';
|
|
15
15
|
render() {
|
|
16
16
|
const resolvedColor = resolveColor.resolveColor(this.color);
|
|
17
|
-
return (index.h("div", { key: '
|
|
17
|
+
return (index.h("div", { key: 'eeb4866526fa9e628da7182d6caca317015d6452', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, index.h("div", { key: 'b14add6e76ab27eba5883c641e0ffa840e170ba2', class: "sd-badge__dot" }), index.h("div", { key: 'a53d4d487a6c97f87189c555f0a95640186fdf93', class: "sd-badge__label" }, this.label)));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
SdBadge.style = sdBadgeCss();
|
|
@@ -368,10 +368,10 @@ const SdDateRangePicker = class {
|
|
|
368
368
|
this.setHoverDate(hoverDate);
|
|
369
369
|
}
|
|
370
370
|
render() {
|
|
371
|
-
return (index.h("div", { key: '
|
|
371
|
+
return (index.h("div", { key: '96cd4e99ae976517e7b24c5ff3046af976adc5cb', class: {
|
|
372
372
|
'sd-date-range-picker': true,
|
|
373
373
|
'sd-date-range-picker--disabled': this.disabled,
|
|
374
|
-
} }, index.h("sd-input", { key: '
|
|
374
|
+
} }, index.h("sd-input", { key: 'a84838a1a84d990b289f0b753ccf3e2f45da4770', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, index.h("sd-icon", { key: 'd926c672dcf457a68ebe644b32c90a03ba29b175', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (index.h("sd-portal", { key: '0af519c7ac2ade00972e23b9ecb0344989d87f51', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, index.h("div", { key: 'd9109e573215092c6b386ae27ac7377c4347df4c', class: "sd-date-range-picker__menu" }, index.h("div", { key: 'ca4743a26ed0571bc3b63218a32a113e50dbd81a', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, index.h("button", { key: '6f0fe1ede6d171e749a241fbeec32056250709b9', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, index.h("sd-icon", { key: '821526a069a845f271b0e5db607f747efe4e610c', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("div", { key: 'e9402009c8b034953d7ff4be5a4eea64d7fed21d', class: "header-label" }, this.prevYear), index.h("button", { key: 'b752631ab64e32a4a39c13898cc3db5e25897c4b', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, index.h("sd-icon", { key: '62c6e0004ff1a0d8f260e11b9d17ea7ccca942ee', name: "arrowRight", size: "12", color: "#CCCCCC" }))), index.h("div", { key: '3a05a7e02664be8d9dfb85d0bada03a2d352af12', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index$1) => (index.h(index.Fragment, null, index$1 === 1 && index.h("div", { class: "separator" }), index.h("div", { key: index$1, class: "calendar-container" }, index.h("div", { class: "calendar-header" }, index.h("button", { type: "button", name: "month", title: "Month", class: index$1 === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index$1 === 0 ? 'prev' : 'next') }, index.h("sd-icon", { name: index$1 === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index$1 === 0
|
|
375
375
|
? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
|
|
376
376
|
: `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), index.h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (index.h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), index.h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (index.h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date === this.formatDate(index$1, Number(day))), type: this.getDateBoxType(this.formatDate(index$1, Number(day))), isToday: useDatePicker.today === this.formatDate(index$1, Number(day)), disabled: !day ? true : this.isDisabledDate(this.formatDate(index$1, Number(day))), inRange: this.isDateInRange(this.formatDate(index$1, Number(day))), isStartDate: this.dateRange[0] === this.formatDate(index$1, Number(day)), isEndDate: this.dateRange[1] === this.formatDate(index$1, Number(day)), onSdClick: () => this.handleDateClick(index$1, Number(day)), onSdMouseOver: () => this.handleDateHover(index$1, Number(day)) }))))))))))))));
|
|
377
377
|
}
|
|
@@ -383,7 +383,7 @@ const SdDateRangePicker = class {
|
|
|
383
383
|
};
|
|
384
384
|
SdDateRangePicker.style = sdDateRangePickerCss();
|
|
385
385
|
|
|
386
|
-
const sdFieldCss = () => `sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
|
|
386
|
+
const sdFieldCss = () => `sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid #2bce6c !important}sd-field .sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
|
|
387
387
|
|
|
388
388
|
const FORM_PARENT_TAGS = [
|
|
389
389
|
'sd-select',
|
|
@@ -503,15 +503,15 @@ const SdField = class {
|
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
505
|
render() {
|
|
506
|
-
return (index.h("div", { key: '
|
|
506
|
+
return (index.h("div", { key: '3c69abe493110b5665795706a9ae0e525f213aca', class: {
|
|
507
507
|
'sd-field': true,
|
|
508
508
|
'sd-field--has-label': !!this.label,
|
|
509
509
|
'sd-field--has-label-inside': !!this.label && this.insideLabel,
|
|
510
510
|
[this.fieldStatus]: !!this.fieldStatus,
|
|
511
|
-
} }, index.h("div", { key: '
|
|
511
|
+
} }, index.h("div", { key: 'decc6821b7172f5ecc2343472014c08674725904', class: "sd-field__wrapper" }, this.renderLabel(this.label), index.h("div", { key: 'ca5e93f049db10ecaaaab091fdf394ac4b55e292', class: {
|
|
512
512
|
'sd-field__control': true,
|
|
513
513
|
'sd-field__control--label-inside ': !!this.label && this.insideLabel,
|
|
514
|
-
} }, index.h("slot", { key: '
|
|
514
|
+
} }, index.h("slot", { key: '7ee38983d32985f4b4a035830bcdca0e14b2cf71' }))), this.errorMsg && index.h("div", { key: 'c2d6ef860ced48657b906806f2618594b094ea79', class: "sd-field__error-message" }, this.errorMsg)));
|
|
515
515
|
}
|
|
516
516
|
renderLabel(label) {
|
|
517
517
|
if (!label)
|
|
@@ -672,7 +672,7 @@ const SdFloatingPopover = class {
|
|
|
672
672
|
this.close.emit();
|
|
673
673
|
}
|
|
674
674
|
render() {
|
|
675
|
-
return index.h("slot", { key: '
|
|
675
|
+
return index.h("slot", { key: '2f33d335a7cf00ace576aed610a0e77d711a5b10' });
|
|
676
676
|
}
|
|
677
677
|
};
|
|
678
678
|
SdFloatingPopover.style = sdFloatingPortalCss();
|
|
@@ -1417,7 +1417,7 @@ const CheckFilled20 = (props) => (index.h("svg", { ...props, width: "20", height
|
|
|
1417
1417
|
|
|
1418
1418
|
const CheckFilled24 = (props) => (index.h("svg", { ...props, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM18.1299 8.46973C17.837 8.17703 17.3622 8.1769 17.0693 8.46973L10.8125 14.7275L7.09961 11.0146C6.80684 10.7221 6.33191 10.7223 6.03906 11.0146C5.74625 11.3075 5.7464 11.7823 6.03906 12.0752L10.1045 16.1416C10.495 16.5321 11.129 16.5321 11.5195 16.1416L18.1299 9.53027C18.4228 9.23738 18.4228 8.76262 18.1299 8.46973Z", fill: "currentColor" })));
|
|
1419
1419
|
|
|
1420
|
-
const
|
|
1420
|
+
const checkFilled = {
|
|
1421
1421
|
8: CheckFilled8,
|
|
1422
1422
|
10: CheckFilled10,
|
|
1423
1423
|
12: CheckFilled12,
|
|
@@ -1426,9 +1426,9 @@ const CheckFilled = {
|
|
|
1426
1426
|
24: CheckFilled24,
|
|
1427
1427
|
};
|
|
1428
1428
|
|
|
1429
|
-
var CheckFilled
|
|
1429
|
+
var CheckFilled = /*#__PURE__*/Object.freeze({
|
|
1430
1430
|
__proto__: null,
|
|
1431
|
-
|
|
1431
|
+
checkFilled: checkFilled
|
|
1432
1432
|
});
|
|
1433
1433
|
|
|
1434
1434
|
const CheckOutline8 = (props) => (index.h("svg", { ...props, width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M4 0.0332031C6.19058 0.0333789 7.9668 1.80938 7.9668 4C7.96662 6.19047 6.19047 7.96662 4 7.9668C1.80939 7.96679 0.0333844 6.19057 0.0332031 4C0.0332031 1.80927 1.80927 0.0332059 4 0.0332031ZM4 0.632812C2.14064 0.632815 0.632812 2.14064 0.632812 4C0.632994 5.8592 2.14076 7.36621 4 7.36621C5.8591 7.36603 7.36603 5.8591 7.36621 4C7.36621 2.14075 5.85921 0.632988 4 0.632812ZM5.6543 2.78809C5.77145 2.67093 5.96097 2.67093 6.07812 2.78809C6.19518 2.90525 6.19525 3.09479 6.07812 3.21191L3.875 5.41504C3.72544 5.5646 3.48274 5.56529 3.33301 5.41602L1.97754 4.06055C1.86045 3.94345 1.86057 3.75389 1.97754 3.63672C2.0947 3.51956 2.28421 3.51956 2.40137 3.63672L3.60352 4.83887L5.6543 2.78809Z", fill: "currentColor" })));
|
|
@@ -1443,7 +1443,7 @@ const CheckOutline20 = (props) => (index.h("svg", { ...props, width: "20", heigh
|
|
|
1443
1443
|
|
|
1444
1444
|
const CheckOutline24 = (props) => (index.h("svg", { ...props, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12C0.25 5.51065 5.51065 0.25 12 0.25ZM12 1.75C6.33908 1.75 1.75 6.33908 1.75 12C1.75 17.6609 6.33908 22.25 12 22.25C17.6609 22.25 22.25 17.6609 22.25 12C22.25 6.33908 17.6609 1.75 12 1.75ZM17.0693 8.46973C17.3622 8.1769 17.837 8.17703 18.1299 8.46973C18.4228 8.76262 18.4228 9.23738 18.1299 9.53027L11.5195 16.1416C11.129 16.5321 10.495 16.5321 10.1045 16.1416L6.03906 12.0752C5.7464 11.7823 5.74625 11.3075 6.03906 11.0146C6.33191 10.7223 6.80684 10.7221 7.09961 11.0146L10.8125 14.7275L17.0693 8.46973Z", fill: "currentColor" })));
|
|
1445
1445
|
|
|
1446
|
-
const
|
|
1446
|
+
const checkOutline = {
|
|
1447
1447
|
8: CheckOutline8,
|
|
1448
1448
|
10: CheckOutline10,
|
|
1449
1449
|
12: CheckOutline12,
|
|
@@ -1452,9 +1452,9 @@ const CheckOutline = {
|
|
|
1452
1452
|
24: CheckOutline24,
|
|
1453
1453
|
};
|
|
1454
1454
|
|
|
1455
|
-
var CheckOutline
|
|
1455
|
+
var CheckOutline = /*#__PURE__*/Object.freeze({
|
|
1456
1456
|
__proto__: null,
|
|
1457
|
-
|
|
1457
|
+
checkOutline: checkOutline
|
|
1458
1458
|
});
|
|
1459
1459
|
|
|
1460
1460
|
const ClockFilled8 = (props) => (index.h("svg", { ...props, width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M4.00034 0.333313C6.02523 0.333489 7.66635 1.97537 7.66635 4.00031C7.66618 6.02509 6.02512 7.66614 4.00034 7.66632C1.9754 7.66632 0.333519 6.0252 0.333344 4.00031C0.333344 1.97526 1.97529 0.333313 4.00034 0.333313ZM4.00034 1.33331C3.81636 1.33331 3.66751 1.48239 3.66733 1.66632V3.99933C3.66733 4.18342 3.81624 4.33331 4.00034 4.33331H6.33334C6.51728 4.33313 6.66733 4.18331 6.66733 3.99933C6.66697 3.81565 6.51706 3.6665 6.33334 3.66632H4.33334V1.66632C4.33316 1.4825 4.18416 1.33349 4.00034 1.33331Z", fill: "currentColor" })));
|
|
@@ -2609,8 +2609,8 @@ const Icons = {
|
|
|
2609
2609
|
...CaretRight,
|
|
2610
2610
|
...CaretUp,
|
|
2611
2611
|
...Check,
|
|
2612
|
-
...CheckFilled
|
|
2613
|
-
...CheckOutline
|
|
2612
|
+
...CheckFilled,
|
|
2613
|
+
...CheckOutline,
|
|
2614
2614
|
...ClockFilled,
|
|
2615
2615
|
...ClockOutline,
|
|
2616
2616
|
...Close,
|
|
@@ -2686,7 +2686,7 @@ const SdIcon = class {
|
|
|
2686
2686
|
}
|
|
2687
2687
|
render() {
|
|
2688
2688
|
const IconComponent = Icons[this.name]?.[this.size];
|
|
2689
|
-
return (index.h("i", { key: '
|
|
2689
|
+
return (index.h("i", { key: '1d6a48769c99bbfe9576016e24766b8c82ab570e', class: this.getIconClasses(), style: this.iconStyle }, index.h(IconComponent, { key: '3fdb4195ef13656e79b402a4eae2fb0210fb3a97', color: this.resolvedColor })));
|
|
2690
2690
|
}
|
|
2691
2691
|
};
|
|
2692
2692
|
SdIcon.style = sdIconCss();
|
|
@@ -2784,7 +2784,7 @@ const SdInput = class {
|
|
|
2784
2784
|
}
|
|
2785
2785
|
};
|
|
2786
2786
|
render() {
|
|
2787
|
-
return (index.h("sd-field", { key: '
|
|
2787
|
+
return (index.h("sd-field", { key: '87f02ba890fd952f89eb86d200318038137ba1a4', 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: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("label", { key: '0bb5824067b33c178b1f60ececdccfe0a3d5f294', class: "sd-input__content", style: { width: '100%' } }, index.h("slot", { key: '6f67712b4ca708ba511c57379a6b5118732f146a', name: "prefix" }), index.h("input", { key: 'b337a1161dedb41ed29a690fa963c0ac60dd0c79', name: this.name, ref: el => (this.nativeEl = el), 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: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), index.h("slot", { key: 'bf45d9fd71551dc6a3bb96cdc44512796beee923', name: "suffix" }), this.clearable && this.internalValue && (index.h("sd-icon", { key: 'aed0a5d9115ba8b7601dc62423349bee1a9978c7', name: "close", color: "grey_65", size: "16", class: "sd-input__clear-icon", onClick: async () => {
|
|
2788
2788
|
this.internalValue = '';
|
|
2789
2789
|
await this.formField?.sdValidate();
|
|
2790
2790
|
} })))));
|
|
@@ -2811,7 +2811,7 @@ const SdLoadingSpinner = class {
|
|
|
2811
2811
|
return resolveColor.resolveColor(this.color);
|
|
2812
2812
|
}
|
|
2813
2813
|
render() {
|
|
2814
|
-
return (index.h(index.Fragment, { key: '
|
|
2814
|
+
return (index.h(index.Fragment, { key: 'c3b3448fcc65334af3246f80157b195ec5595afe' }, index.h("svg", { key: '24701b65d17e56434cf46b72dbd5acec208b5dc8', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, index.h("circle", { key: 'e19c68c082348d36eecd05fa561eee91182349f2', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
|
|
2815
2815
|
}
|
|
2816
2816
|
};
|
|
2817
2817
|
SdLoadingSpinner.style = sdLoadingSpinnerCss();
|
|
@@ -3035,6 +3035,7 @@ const SdNumberInput = class {
|
|
|
3035
3035
|
}
|
|
3036
3036
|
};
|
|
3037
3037
|
handleFocus = (event) => {
|
|
3038
|
+
this.focused = true;
|
|
3038
3039
|
this.focus?.emit(event);
|
|
3039
3040
|
};
|
|
3040
3041
|
handleBlur = async (event) => {
|
|
@@ -3105,17 +3106,17 @@ const SdNumberInput = class {
|
|
|
3105
3106
|
const inputStyles = {
|
|
3106
3107
|
textAlign: this.useButton ? 'center' : 'right',
|
|
3107
3108
|
};
|
|
3108
|
-
return (index.h("sd-field", { key: '
|
|
3109
|
+
return (index.h("sd-field", { key: '7aa387eeb5850052e121931b3f8183373b4319aa', 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, ref: el => (this.formField = el), style: inputWidth }, index.h("label", { key: 'f5bbb6c76e32de4aefe59c6958a38e1a560f05c9', class: {
|
|
3109
3110
|
'sd-number-input': true,
|
|
3110
3111
|
[this.getInputStatus()]: true,
|
|
3111
3112
|
'sd-number-input--with-buttons': this.useButton,
|
|
3112
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, index.h("input", { key: '
|
|
3113
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, index.h("input", { key: 'fc26b7cf0d121025c9a748b158640e03188d72d3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-number-input__input ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, style: inputStyles, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.useButton && (index.h("div", { key: 'c9325ea7dd19c02fead55a0d63ac0b7b16143d08', class: "sd-number-input__buttons" }, index.h("button", { key: 'ec96811ce7046a3fe9506ca0635db97413d8283a', type: "button", class: {
|
|
3113
3114
|
'sd-number-input__button': true,
|
|
3114
3115
|
'sd-number-input__button--decrement': true,
|
|
3115
|
-
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, index.h("sd-icon", { key: '
|
|
3116
|
+
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, index.h("sd-icon", { key: '70311a7723356ecc88125042d366bf567b0b5a2a', name: "minus", size: 12, color: this.isDecrementDisabled() ? 'grey_45' : 'brilliantblue_70' })), index.h("button", { key: 'b7086218dc98fec4287e4becb0d834634fd52055', type: "button", class: {
|
|
3116
3117
|
'sd-number-input__button': true,
|
|
3117
3118
|
'sd-number-input__button--increment': true,
|
|
3118
|
-
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, index.h("sd-icon", { key: '
|
|
3119
|
+
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, index.h("sd-icon", { key: 'b945a1561978dc4bba1868fa57652e94a6bcfc34', name: "add", size: 12, color: this.isIncrementDisabled() ? 'grey_45' : 'brilliantblue_70' })))))));
|
|
3119
3120
|
}
|
|
3120
3121
|
static get watchers() { return {
|
|
3121
3122
|
"value": [{
|
|
@@ -3203,12 +3204,12 @@ const SdPagination = class {
|
|
|
3203
3204
|
}
|
|
3204
3205
|
}
|
|
3205
3206
|
render() {
|
|
3206
|
-
return (index.h("div", { key: '
|
|
3207
|
+
return (index.h("div", { key: 'feed08139c382f91539bc316a967ed1738529688', class: this.paginationClasses }, index.h("div", { key: '42c908d7a685f2acab29a94d040e4f4c513fff38', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (index.h("div", { class: "pagination-info" }, index.h("span", { class: "current-page" }, this.currentPage), index.h("span", null, "/"), index.h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (index.h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
|
|
3207
3208
|
'pagination-btn': true,
|
|
3208
3209
|
'pagination-btn--selected': this.currentPage === n,
|
|
3209
3210
|
}, disabled: this.currentPage === n, style: {
|
|
3210
3211
|
'--pagination-btn-width': `${this.buttonWidth}px`,
|
|
3211
|
-
}, onClick: () => this.handlePageChange(n) }, n)))), index.h("div", { key: '
|
|
3212
|
+
}, onClick: () => this.handlePageChange(n) }, n)))), index.h("div", { key: '2be11ae773c0bce71ecaf53f99daff3f5b2d567d', class: "append-btns" }, this.renderNextButtons())));
|
|
3212
3213
|
}
|
|
3213
3214
|
};
|
|
3214
3215
|
SdPagination.style = sdPaginationCss();
|
|
@@ -3331,7 +3332,7 @@ const SdPortal = class {
|
|
|
3331
3332
|
this.close.emit();
|
|
3332
3333
|
}
|
|
3333
3334
|
render() {
|
|
3334
|
-
return index.h("slot", { key: '
|
|
3335
|
+
return index.h("slot", { key: 'ba2bf5df16f9bef0acef1ac8a08b090a23d02bc7' });
|
|
3335
3336
|
}
|
|
3336
3337
|
};
|
|
3337
3338
|
|
|
@@ -3692,10 +3693,10 @@ const SdSelectDropdown = class {
|
|
|
3692
3693
|
this.isScrolled = scrollTop > 0;
|
|
3693
3694
|
};
|
|
3694
3695
|
render() {
|
|
3695
|
-
return (index.h("div", { key: '
|
|
3696
|
+
return (index.h("div", { key: 'ff55e2e133114accc2641a0025bdcf551eda3511', class: {
|
|
3696
3697
|
'sd-select-dropdown': true,
|
|
3697
3698
|
'sd-select-dropdown--ready': this.isDropdownReady,
|
|
3698
|
-
}, style: this.dropdownSize, onScroll: this.handleDropdownScroll, ref: el => (this.dropdownRef = el) }, this.searchable && (index.h("sd-select-search-input", { key: '
|
|
3699
|
+
}, style: this.dropdownSize, onScroll: this.handleDropdownScroll, ref: el => (this.dropdownRef = el) }, this.searchable && (index.h("sd-select-search-input", { key: 'bfcee14aa06a9a259dd8e67013ed1074c1f9c318', ref: el => (this.searchRef = el), isScrolled: this.isScrolled, searchText: this.searchText, onSdSearchInput: (event) => (this.searchText = event.detail || ''), onSdSearchFocus: () => (this.itemIndex = -1) })), this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index$1) => (index.h("slot", { name: `option-${option.value}` }, index.h("sd-select-option", { option: option, index: index$1, isSelected: this.isOptionSelected(option.value), isFocused: index$1 === this.itemIndex, onOptionClick: ({ detail }) => this.optionClick.emit(detail), useCheckbox: this.useCheckbox }))))) : (index.h("slot", { name: "option-placeholder" }, index.h("div", { class: 'sd-select-option-placeholder' }, this.optionPlaceholder)))));
|
|
3699
3700
|
}
|
|
3700
3701
|
static get watchers() { return {
|
|
3701
3702
|
"filteredOptions": [{
|
|
@@ -3742,7 +3743,7 @@ const SdSelectOption = class {
|
|
|
3742
3743
|
}
|
|
3743
3744
|
};
|
|
3744
3745
|
render() {
|
|
3745
|
-
return (index.h("div", { key: '
|
|
3746
|
+
return (index.h("div", { key: 'a4fcca24b0bdde4f4665585c6cede84bd3b64d59', class: {
|
|
3746
3747
|
'sd-select__option': true,
|
|
3747
3748
|
'sd-select__option--selected': this.isSelected,
|
|
3748
3749
|
'sd-select__option--disabled': !!this.option.disabled,
|
|
@@ -3788,17 +3789,17 @@ const SdSelectSearchInput = class {
|
|
|
3788
3789
|
input?.focus({ preventScroll: true });
|
|
3789
3790
|
}
|
|
3790
3791
|
render() {
|
|
3791
|
-
return (index.h("div", { key: '
|
|
3792
|
+
return (index.h("div", { key: 'b19a029ef82d876c984c1f827d7a0f29bb823f5d', class: {
|
|
3792
3793
|
'sd-select-search-input': true,
|
|
3793
3794
|
'sd-select-search-input--scrolled': !!this.isScrolled,
|
|
3794
|
-
}, onClick: event => event.stopPropagation() }, index.h("sd-input", { key: '
|
|
3795
|
+
}, onClick: event => event.stopPropagation() }, index.h("sd-input", { key: '8e27f40e1b507f0c5cb2d4bde48750cd0089a9da', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
|
|
3795
3796
|
this.searchInput.emit(String(event?.detail));
|
|
3796
3797
|
}, onSdFocus: () => {
|
|
3797
3798
|
this.searchFocus.emit();
|
|
3798
3799
|
}, onKeyDown: event => {
|
|
3799
3800
|
if (event.code === 'Enter')
|
|
3800
3801
|
event.stopPropagation();
|
|
3801
|
-
} }, index.h("sd-icon", { key: '
|
|
3802
|
+
} }, index.h("sd-icon", { key: '2b38a07cbc0bb0d7dd020ece45f18bdff4c262e5', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
|
|
3802
3803
|
}
|
|
3803
3804
|
};
|
|
3804
3805
|
SdSelectSearchInput.style = sdSelectSearchInputCss();
|
|
@@ -4698,10 +4699,10 @@ const SdTextarea = class {
|
|
|
4698
4699
|
}
|
|
4699
4700
|
render() {
|
|
4700
4701
|
const maxLengthCounter = this.getMaxLengthCounter();
|
|
4701
|
-
return (index.h("div", { key: '
|
|
4702
|
+
return (index.h("div", { key: '888d11be57629e83e1215daddab63351a323672f', class: {
|
|
4702
4703
|
'sd-textarea': true,
|
|
4703
4704
|
[this.getTextareaStatus()]: true,
|
|
4704
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("div", { key: '
|
|
4705
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("div", { key: '1f91a1e435b2dba1817ce181f91bdf3829142682', class: "sd-textarea__content" }, index.h("textarea", { key: 'd883f4cdfd56220cf4382893f94a469f7afd7ff2', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (index.h("div", { key: 'e9350d8e49eb87b2caddfc24079ece0d59c79739', class: "sd-textarea__footer" }, this.helpText !== undefined && index.h("span", { key: 'cda9e2b8b0c15fbc7356597d4363d438688c8e4e', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && index.h("span", { key: '491e990142e07837169e84a3fcc3e80c00bc7153', class: "sd-textarea__counter" }, maxLengthCounter)))));
|
|
4705
4706
|
}
|
|
4706
4707
|
static get watchers() { return {
|
|
4707
4708
|
"value": [{
|
|
@@ -11,7 +11,7 @@ const SdCard = class {
|
|
|
11
11
|
bordered = false;
|
|
12
12
|
sdClass = '';
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Fragment, { key: '
|
|
14
|
+
return (index.h(index.Fragment, { key: '155504b50cb1c21fc1f847af8a9e8b685f7881ef' }, index.h("div", { key: 'c461e3e40da44586da5e02ad508bf59942a9e82a', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.sdClass}` }, index.h("slot", { key: '0c0ee023155c08c565c3496c44699a900666b084' }))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
SdCard.style = sdCardCss();
|
|
@@ -84,7 +84,7 @@ const SdDatePicker = class {
|
|
|
84
84
|
this.isOpen = false;
|
|
85
85
|
};
|
|
86
86
|
render() {
|
|
87
|
-
return (index.h("div", { key: '
|
|
87
|
+
return (index.h("div", { key: 'bb17d32f08d998e599c90cf1a7a35b17e19d3dc4', class: { 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled } }, index.h("sd-input", { key: 'ae028d5999a8df40a83b0d77d2dd5c2e0d0d8eb0', ref: el => (this.inputEl = el), value: this.value, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-picker__input", onClick: () => this.openMenu() }, index.h("sd-icon", { key: 'fbb954703d19161ab4507696a21278d5b4962b25', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (index.h("sd-portal", { key: 'a335d5d317718e30be14fdb4aa1a63cb1347b929', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, index.h("div", { key: '38deef7127db10c91a51b8d6cb017d85fce25888', class: "sd-date-picker__menu" }, index.h("div", { key: 'f2ef8eb33086103df65b434360ecc1aac2949bf9', class: "sd-date-picker__header" }, index.h("div", { key: '8b949551a157de1e2ded7f1de621ccacd136126e', class: "year-nav" }, index.h("button", { key: 'b1bbd712094885223c21f030c32914d14f3904c2', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, index.h("sd-icon", { key: '7bb6f5f216d02cde59eff87fcaebc32eccbaac25', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("span", { key: '645c12556fe1b9f1d1c8f7c4cfe73c3b65ad7431', class: "year-nav__current" }, this.currentYear), index.h("button", { key: 'f6cb58c23effd1aa0566aaacf41170482f03df51', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, index.h("sd-icon", { key: 'e92ef17b8d50e5115a159d2dd984e738a920f065', name: "arrowRight", size: "12", color: "#CCCCCC" }))), index.h("div", { key: '73018a9ca04929f4be017631e8e49a73cef71855', class: "month-nav" }, index.h("button", { key: '0983ca35486b8ad29c09740848b4288b602d0cd9', type: "button", name: "prev-month", title: "Previous ", onClick: () => this.handleUpdateMonth('prev') }, index.h("sd-icon", { key: '2c9257564786287f825c83391f3e05745c23cf9a', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("span", { key: '0b9e048eeea62c452671b74db468aa5587e8ddbf', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), index.h("button", { key: '3ead15a341d5e361e7fb9b1cb2842e5a38b0e03c', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, index.h("sd-icon", { key: 'a3dbd8606dd51f72f1c315f2eea7ff089a95e6fa', name: "arrowRight", size: "12", color: "#CCCCCC" })))), index.h("div", { key: '6bbadc79157ae64bf492a965b78d014dcd968ea6', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (index.h("div", { key: day, class: "day" }, day)))), index.h("div", { key: '972c00769b40eff8015b68e0a9479a6c7c6009db', class: "sd-date-picker__body" }, [
|
|
88
88
|
...this.calendar.prevMonthDays,
|
|
89
89
|
...this.calendar.days,
|
|
90
90
|
...this.calendar.afterMonthDays,
|
|
@@ -100,15 +100,15 @@ const SdFilePicker = class {
|
|
|
100
100
|
render() {
|
|
101
101
|
const hasFiles = this.hasFiles();
|
|
102
102
|
const displayText = this.getDisplayText();
|
|
103
|
-
return (index.h("div", { key: '
|
|
103
|
+
return (index.h("div", { key: '659ab6f0e1fedadfbef1838def391aab28ae6e62', class: {
|
|
104
104
|
'sd-file-picker': true,
|
|
105
105
|
[this.getStatusClass()]: true,
|
|
106
106
|
'sd-file-picker--inline': this.inline,
|
|
107
|
-
}, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("input", { key: '
|
|
107
|
+
}, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, index.h("input", { key: '55ffb6c1b3ff502b555cb48a31301ac9b30701a4', ref: el => (this.fileInputRef = el), type: "file", class: "sd-file-picker__input", disabled: this.disabled, multiple: this.multiple, accept: this.accept, onInput: this.handleFileChange, "aria-label": this.placeholder }), index.h("sd-icon", { key: 'b7755876e0f327d15a886a86592cd59bd3435202', name: "attachFile", size: 16, color: this.getIconColor(), class: "sd-file-picker__icon" }), index.h("div", { key: 'e1e2004c64166eb2b611c48ca51cc793fb90434c', ref: el => (this.fileNamesRef = el), class: {
|
|
108
108
|
'sd-file-picker__text': true,
|
|
109
109
|
'sd-file-picker__text--placeholder': !hasFiles,
|
|
110
110
|
'sd-file-picker__text--active': hasFiles,
|
|
111
|
-
} }, displayText), !this.disabled && hasFiles && (index.h("sd-icon", { key: '
|
|
111
|
+
} }, displayText), !this.disabled && hasFiles && (index.h("sd-icon", { key: '0a3c122382cab2148a88fbd4fdc9ff1f7cde757b', name: "close", size: 12, color: "#888888", class: "sd-file-picker__clear-icon", onClick: this.handleClear })), this.showTooltip && hasFiles && this.hovered && (index.h("div", { key: '628717309bf16c0906e9ac21ecbf14a416eea8d8', class: "sd-file-picker__tooltip" }, displayText))));
|
|
112
112
|
}
|
|
113
113
|
static get watchers() { return {
|
|
114
114
|
"value": [{
|
|
@@ -55,9 +55,9 @@ const SdGuide = class {
|
|
|
55
55
|
};
|
|
56
56
|
render() {
|
|
57
57
|
const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
|
|
58
|
-
return (index.h("div", { key: '
|
|
58
|
+
return (index.h("div", { key: '2a7d3d040d3fbe7d0c22afc62d67a848fbae67d9', class: "sd-guide", style: {
|
|
59
59
|
'--sd-guide-color': GUIDE_ICON[this.type].color,
|
|
60
|
-
} }, index.h("sd-button", { key: '
|
|
60
|
+
} }, index.h("sd-button", { key: 'e354fa7a48aacabbd7688f9546d71ec138b4a648', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (index.h("sd-portal", { key: '157583215cdba27ae493a07aaa3eb4a0e3923971', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, index.h("div", { key: '6aaa8f4ee6f44225ee63ef740d7398e87207c0c0', style: { position: 'absolute', width: '0px', height: '0px' } }, index.h("div", { key: '9184936963f96e2537b3713bd5ee38d0c058c72b', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, index.h("sd-button", { key: 'a1f653f7e40f6ad4e97dca82e10d4f03843469fd', class: "sd-guide__popup__close", icon: "close", color: "grey_65", size: "md", variant: "ghost", noHover: true, onSdClick: this.closeDropdown }), index.h("div", { key: '561433ec3fcf6f9de4badd8e24ffaffbab4e62df', class: "sd-guide__popup__header" }, index.h("sd-icon", { key: '69aafb073fa680f8353deccb860320da083ff121', name: "helpOutline", size: 24, color: "green_65" }), index.h("h3", { key: '71f7fcb3068d572523c6bf53276e654feb1056f6', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), index.h("ul", { key: '407db996ded71b9a5786b1e7967349517c7eb877', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
|
|
61
61
|
}
|
|
62
62
|
// 현재 2depth까지만 스타일 적용
|
|
63
63
|
renderListItem(message, depth = 0) {
|
|
@@ -38,11 +38,11 @@ const SdPopover = class {
|
|
|
38
38
|
this.showPopover = false;
|
|
39
39
|
};
|
|
40
40
|
render() {
|
|
41
|
-
return (index.h(index.Fragment, { key: '
|
|
41
|
+
return (index.h(index.Fragment, { key: '883bea0d5ef88bb63b4a1a2d778aedf0bce6f000' }, this.label ? (index.h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onSdClick: () => (this.showPopover = !this.showPopover) })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (index.h("sd-floating-portal", { key: 'f38658d537cd8cebb84e579b02c73209e8a81d3a', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, index.h("div", { key: '472702d7d51c08051670012fc2e930f41ad7f1b5', class: {
|
|
42
42
|
'sd-floating-menu': true,
|
|
43
43
|
[`sd-floating-menu--${this.placement}`]: true,
|
|
44
44
|
[this.menuClass]: !!this.menuClass,
|
|
45
|
-
} }, index.h("i", { key: '
|
|
45
|
+
} }, index.h("i", { key: '1895eba14b74f393c7221db83fdf97e9a8f3a1aa', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, index.h(tooltipArrow.TooltipArrow, { key: '4307eb8e750dc36cae5477b366a4ea08a59a5a45' })), index.h("div", { key: '840d94cf1d4e3c63346cd48a2d47c1c0b0633046', class: "sd-floating-menu__content" }, this.menuTitle && index.h("div", { key: 'ede807dfdb2efc2a8bf8f89ef597965092c79211', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (index.h("div", { key: '613ea1b46810eec1958b735fc23811d66ff2ebf8', class: "sd-floating-menu__messages" }, this.messages.map(message => (index.h("div", null, message))))), this.buttons.length > 0 && (index.h("div", { key: '06712ed73687c0e99778d5fda6d75a4e07d815dd', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (index.h("sd-button", { ...button })))))), this.useClose && (index.h("button", { key: '20d628d8d31bd6464c26f3cf5ba894c5c3a2428f', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, index.h("sd-icon", { key: 'cd1dcbe02ed55a25364e88621db5ab287eb7ed8e', name: "close", size: "12", color: "gery_55" }))))))));
|
|
46
46
|
}
|
|
47
47
|
static get watchers() { return {
|
|
48
48
|
"show": [{
|
|
@@ -41,10 +41,10 @@ const SdProgress = class {
|
|
|
41
41
|
return this.statusColor[this.progressStatus];
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (index.h("div", { key: '
|
|
44
|
+
return (index.h("div", { key: '43da9dac67e760bfe53b8db11c27eef7ef0d8b3b', style: {
|
|
45
45
|
'--progress-color': this.progressColor,
|
|
46
46
|
'--progress-percentage': `${this.progressPercentage}%`,
|
|
47
|
-
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && index.h("div", { key: '
|
|
47
|
+
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && index.h("div", { key: 'af4b1c44f655546fede8ad548bddc6afb7810d2b', class: "sd-progress__label" }, this.label)));
|
|
48
48
|
}
|
|
49
49
|
renderBarProgress() {
|
|
50
50
|
return (index.h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, index.h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
|
|
@@ -151,7 +151,7 @@ const SdSelectMultiple = class extends selectKeyboardNavigation.BaseDropdownEven
|
|
|
151
151
|
this.handleOptionSelection(option);
|
|
152
152
|
};
|
|
153
153
|
render() {
|
|
154
|
-
return (index.h("sd-field", { key: '
|
|
154
|
+
return (index.h("sd-field", { key: 'e445d2c3f80d78be0e74b1f54371eb27d9c316e8', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, index.h("div", { key: '9fad0ed744cafb9e1e5f16ee413f36edd8f2c1f3', class: {
|
|
155
155
|
'sd-select-multiple': true,
|
|
156
156
|
'sd-select-multiple--open': this.isOpen,
|
|
157
157
|
'sd-select-multiple--disabled': this.disabled,
|
|
@@ -48,7 +48,7 @@ const SdSelectOptionGroup = class {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
render() {
|
|
51
|
-
return (index.h("div", { key: '
|
|
51
|
+
return (index.h("div", { key: '8e88aacd2c3122a563fcf78bcbe9731b6a29d8c5', class: {
|
|
52
52
|
'sd-select__option-group': true,
|
|
53
53
|
'sd-select__option-group--selected': !!this.isSelected,
|
|
54
54
|
'sd-select__option-group--disabled': !!this.option.disabled,
|
|
@@ -57,10 +57,10 @@ const SdSelectOptionGroup = class {
|
|
|
57
57
|
'sd-select__option-group--group': this.option.type === 'group',
|
|
58
58
|
'sd-select__option-group--subgroup': this.option.type === 'subgroup',
|
|
59
59
|
'sd-select__option-group--item': this.option.type === 'item',
|
|
60
|
-
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: '
|
|
60
|
+
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: 'be4bc7f2867ea5c86505bc9284ac3de46f7077f9', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (index.h("sd-checkbox", { key: '00063ab3a6f1d4f44671ac82dd05524968bec668', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
|
|
61
61
|
e.preventDefault();
|
|
62
62
|
this.handleClick(this.option, this.isSelected, e);
|
|
63
|
-
} })), index.h("span", { key: '
|
|
63
|
+
} })), index.h("span", { key: '802c908d44bf1c0db5d64bf4c8d4bab4ebe2b87c', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (index.h("span", { key: 'efd26a2d6e4e2662410de3755b70a2a2585ad0c4', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
66
|
SdSelectOptionGroup.style = sdSelectOptionGroupCss();
|
|
@@ -49,10 +49,10 @@ const SdToast = class {
|
|
|
49
49
|
background: resolveColor.resolveColor(colorTokens.background),
|
|
50
50
|
text: resolveColor.resolveColor(colorTokens.text),
|
|
51
51
|
};
|
|
52
|
-
return (index.h("div", { key: '
|
|
52
|
+
return (index.h("div", { key: '8118f67a55a3080ea91ffdfbd929bbe3464ab044', style: {
|
|
53
53
|
'--sd-toast-bg': colors.background,
|
|
54
54
|
'--sd-toast-text': colors.text,
|
|
55
|
-
} }, index.h("div", { key: '
|
|
55
|
+
} }, index.h("div", { key: 'f05c16b0c8ef6de2d62161f80591cb3a82c24434', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (index.h("div", { key: 'b16fee2031c4093c263229d2ef07ad8f6e69778b', class: "sd-toast__icon" }, index.h("sd-icon", { key: 'cd8b4c4d9cbc329fdfc99236ca56a49658c0ca8c', name: this.icon, size: 16, color: colors.text }))), index.h("div", { key: '888748872d886745ace2ef8491d7098528df8a46', class: "sd-toast__content" }, index.h("span", { key: '31b285a6b6a03b833577b4a9fb860fd76e066cb6', class: "sd-toast__message" }, this.message)), this.link && (index.h("a", { key: '61d1aacf70e7062abbedd2364474e7da990f485f', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (index.h("sd-button", { key: '94aa75ef25ee18f0577d5539337152d654dab5c1', class: `sd-toast__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor.resolveColor('grey_95') } : {} })), this.useClose && (index.h("button", { key: 'db0b83f7030feb5459597156c2d25f3437b91904', type: "button", class: "sd-toast__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, index.h("sd-icon", { key: 'a3aab6c19c32043182f2d05d2583271520458493', name: "close", size: 12, color: colors.text }))))));
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
SdToast.style = sdToastCss();
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
"components/sd-table/sd-table.js",
|
|
15
15
|
"components/sd-tabs/sd-tabs.js",
|
|
16
16
|
"components/sd-tag/sd-tag.js",
|
|
17
|
+
"components/sd-toast/sd-toast.js",
|
|
17
18
|
"components/sd-badge/sd-badge.js",
|
|
18
19
|
"components/sd-card/sd-card.js",
|
|
19
20
|
"components/sd-date-picker/sd-date-picker.js",
|
|
@@ -36,7 +37,6 @@
|
|
|
36
37
|
"components/sd-select-multiple/sd-select-multiple.js",
|
|
37
38
|
"components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js",
|
|
38
39
|
"components/sd-textarea/sd-textarea.js",
|
|
39
|
-
"components/sd-toast/sd-toast.js",
|
|
40
40
|
"components/sd-toggle/sd-toggle.js",
|
|
41
41
|
"components/sd-toggle-button/sd-toggle-button.js"
|
|
42
42
|
],
|
|
@@ -4,7 +4,7 @@ import { CheckFilled12 } from "./CheckFilled12";
|
|
|
4
4
|
import { CheckFilled16 } from "./CheckFilled16";
|
|
5
5
|
import { CheckFilled20 } from "./CheckFilled20";
|
|
6
6
|
import { CheckFilled24 } from "./CheckFilled24";
|
|
7
|
-
export const
|
|
7
|
+
export const checkFilled = {
|
|
8
8
|
8: CheckFilled8,
|
|
9
9
|
10: CheckFilled10,
|
|
10
10
|
12: CheckFilled12,
|
|
@@ -4,7 +4,7 @@ import { CheckOutline12 } from "./CheckOutline12";
|
|
|
4
4
|
import { CheckOutline16 } from "./CheckOutline16";
|
|
5
5
|
import { CheckOutline20 } from "./CheckOutline20";
|
|
6
6
|
import { CheckOutline24 } from "./CheckOutline24";
|
|
7
|
-
export const
|
|
7
|
+
export const checkOutline = {
|
|
8
8
|
8: CheckOutline8,
|
|
9
9
|
10: CheckOutline10,
|
|
10
10
|
12: CheckOutline12,
|
|
@@ -6,7 +6,7 @@ export class SdBadge {
|
|
|
6
6
|
label = '';
|
|
7
7
|
render() {
|
|
8
8
|
const resolvedColor = resolveColor(this.color);
|
|
9
|
-
return (h("div", { key: '
|
|
9
|
+
return (h("div", { key: 'eeb4866526fa9e628da7182d6caca317015d6452', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: 'b14add6e76ab27eba5883c641e0ffa840e170ba2', class: "sd-badge__dot" }), h("div", { key: 'a53d4d487a6c97f87189c555f0a95640186fdf93', class: "sd-badge__label" }, this.label)));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "sd-badge"; }
|
|
12
12
|
static get originalStyleUrls() {
|
|
@@ -199,7 +199,7 @@ export class SdButton {
|
|
|
199
199
|
"mutable": false,
|
|
200
200
|
"complexType": {
|
|
201
201
|
"original": "IconName",
|
|
202
|
-
"resolved": "\"
|
|
202
|
+
"resolved": "\"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"checkFilled\" | \"checkOutline\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\" | undefined",
|
|
203
203
|
"references": {
|
|
204
204
|
"IconName": {
|
|
205
205
|
"location": "global",
|
|
@@ -261,7 +261,7 @@ export class SdButton {
|
|
|
261
261
|
"mutable": false,
|
|
262
262
|
"complexType": {
|
|
263
263
|
"original": "IconName",
|
|
264
|
-
"resolved": "\"
|
|
264
|
+
"resolved": "\"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"checkFilled\" | \"checkOutline\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\" | undefined",
|
|
265
265
|
"references": {
|
|
266
266
|
"IconName": {
|
|
267
267
|
"location": "global",
|
|
@@ -3,7 +3,7 @@ export class SdCard {
|
|
|
3
3
|
bordered = false;
|
|
4
4
|
sdClass = '';
|
|
5
5
|
render() {
|
|
6
|
-
return (h(Fragment, { key: '
|
|
6
|
+
return (h(Fragment, { key: '155504b50cb1c21fc1f847af8a9e8b685f7881ef' }, h("div", { key: 'c461e3e40da44586da5e02ad508bf59942a9e82a', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.sdClass}` }, h("slot", { key: '0c0ee023155c08c565c3496c44699a900666b084' }))));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "sd-card"; }
|
|
9
9
|
static get originalStyleUrls() {
|