@sellmate/design-system 0.0.36 → 0.0.38

package/hydrate/index.mjs

@@ -3680,7 +3680,7 @@ class SdBadge {
     label = '';
     render() {
         const resolvedColor = resolveColor(this.color);
-        return (hAsync(Host, { key: '6fc1c113b707f4419fa48c8b4b78be6a7bbf6b83' }, hAsync("div", { key: 'ab3297321ee0e6e742acd408901dce1b5894d200', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, hAsync("div", { key: '02f42d0ba064db273d83671e9c271c543787daf8', class: "sd-badge__dot" }), hAsync("div", { key: 'f6a175282ab77e9a8ac2098029ac1aab5cb66190', class: "sd-badge__label" }, this.label))));
+        return (hAsync(Host, { key: '5df42cc1856254985b5eddfbf7e8a5eb5aa93dac' }, hAsync("div", { key: '258c324d03532aa4da84fa205d7cc0fc139e9dde', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, hAsync("div", { key: 'a6610ee91000186e7a483deb1e147faf481d37c1', class: "sd-badge__dot" }), hAsync("div", { key: '62020c4e5e2139a4449cdcc7c461bf93e49ffee0', class: "sd-badge__label" }, this.label))));
     }
     static get style() { return sdBadgeCss; }
     static get cmpMeta() { return {
@@ -3787,7 +3787,7 @@ class SdCard {
     bordered = true;
     class = '';
     render() {
-        return (hAsync(Host, { key: 'f00cdc166da4589d81d732fb4bc84d0258efaccb' }, hAsync("div", { key: 'c640a9db7ef09eee390ca0c0e8484a5802d17cbd', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, hAsync("slot", { key: '07421b4249bf7a94aa1a574011b33f7082fa984a' }))));
+        return (hAsync(Host, { key: '9f3d88c46a541cb4c197d9a17864337abdf63713' }, hAsync("div", { key: 'bf66f92443a47017fe5342f483fd6e8168fa66a3', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, hAsync("slot", { key: '42bb1950c42bd25095ee39c04bc18ae74cdfbe48' }))));
     }
     static get style() { return sdCardCss; }
     static get cmpMeta() { return {
@@ -4098,9 +4098,9 @@ class SdDatePicker {
         this.isOpen = false;
     };
     render() {
-        return (hAsync(Host, { key: '056414534f658c5e77fedf40d94e578299b437cc', class: "sd-date-picker" }, hAsync("sd-input", { key: 'eb65e6bb246b604287088a3857681f2a18c06464', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (hAsync(Host, { key: 'ccf25a9ba32ae3a9d4a728441cec27f60a9fc7e9', class: "sd-date-picker" }, hAsync("sd-input", { key: '4ff5c22e463b7d6e258b9149d17b97c50a564365', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: 'd71e7a84bef6b956e77fb7f718568e8d1df59562', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: '0cb4ff03893ddf4a095760f326104d91bdb6265b', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: '7a3bbe3f4cd379d94832005653aacc166e6b66cf', class: "sd-date-picker__menu" }, hAsync("div", { key: '6b33cab1222e71e3004425b07afbdffef0ec0a6b', class: "sd-date-picker__header" }, hAsync("div", { key: 'acc16c94cfea8399ce5d210de7286760238c0963', class: "year-nav" }, hAsync("button", { key: '6f577329b27057306e163c0c92ae16eff29a15b4', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, hAsync("sd-icon", { key: 'c8174f406a3ba95d98ae31c6f4004f4178f6ac5f', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: 'cdcb96cd0fbf6abedcaaa7b5cca8a56c90b62284', class: "year-nav__current" }, this.currentYear), hAsync("button", { key: '9aba8e6ebde34b7a29e52525cff8fbe8a243ae6a', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, hAsync("sd-icon", { key: '423d3b35b56f32006edfd0bdf6f457dd46a591b5', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: 'c5dd3a1b495e48c2c980207591f161486042c361', class: "month-nav" }, hAsync("button", { key: '48265eec87bdb40c3189d07ef1711bf95bb55381', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, hAsync("sd-icon", { key: '7274e698f9c7a06369c8fe6064ec0acd9fce62c8', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: '54e15aaad9ac9563f66a6bb4dc7b19f7dc01d7c0', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), hAsync("button", { key: '32da2302da74ef7bc8805138ce414b903d247878', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, hAsync("sd-icon", { key: '041809657b4288519ca476953be773403912c858', name: "arrowRight", size: "12", color: "#CCCCCC" })))), hAsync("div", { key: 'd32cd40e6df89c95f4b2639c6bc98f7156a09bc2', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (hAsync("div", { key: day, class: "day" }, day)))), hAsync("div", { key: 'e6fafbf9ec82a8f3abe9d67c61279598498a7396', class: "sd-date-picker__body" }, [
+            }, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: 'b6115735445713211458872d96d7798ecd0e3c3b', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: '384446f23b20f09fe08227f7e931e2fde89d4145', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: 'edf84c5f16d1a11ca949212e8e7cea64423b3ff4', class: "sd-date-picker__menu" }, hAsync("div", { key: '16f11711a1613b7e0b9192ccc36bef0afdb6eff7', class: "sd-date-picker__header" }, hAsync("div", { key: 'a820e78b4e4177d529777192cb0f32b48c5804b8', class: "year-nav" }, hAsync("button", { key: '67ad3a77ed3cea3cda1cda61ad092bbd0387a6d2', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, hAsync("sd-icon", { key: 'e6880ebbe7367b30f938d256d2b4cb49c34bc14d', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: '4150ecb18efbf880bb91b208fcaf40ef211334e8', class: "year-nav__current" }, this.currentYear), hAsync("button", { key: '80db7e25266d667c121b967fa3ac3419b6b44aef', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, hAsync("sd-icon", { key: 'bf34d4552d03155ac1edd03f83874b15ca3c816b', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: 'b6b532ec57e8d95952a64456da5260a9c4cbea4c', class: "month-nav" }, hAsync("button", { key: 'bc761495f79071d51775d89c0eb3be311b4f5655', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, hAsync("sd-icon", { key: '9a5e3196978124041e92645d5fa59c6bedc1848d', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: 'd4fa4606954d873e57714b7b4ef489b5737562ab', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), hAsync("button", { key: '29f6ca55d4edaa6db3c637543cf15b6fa013f0cf', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, hAsync("sd-icon", { key: 'a594b7cd4a7b72669c6a1827e71058e0839a6cf1', name: "arrowRight", size: "12", color: "#CCCCCC" })))), hAsync("div", { key: 'ff7d9bd0cd169217cd14613fa66dd7dd9de7243f', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (hAsync("div", { key: day, class: "day" }, day)))), hAsync("div", { key: '827906b853520a516efcd01fe617062b7c7c99ea', class: "sd-date-picker__body" }, [
             ...this.calendar.prevMonthDays,
             ...this.calendar.days,
             ...this.calendar.afterMonthDays,
@@ -4273,9 +4273,9 @@ class SdDateRangePicker {
         this.isOpen = false;
     };
     render() {
-        return (hAsync(Host, { key: '9c7457b54e433a167193eeaafa8a0e7755ca24db', class: "sd-date-range-picker" }, hAsync("sd-input", { key: '85b4c4fca2e6157ae7f6291593a20329086fe372', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (hAsync(Host, { key: '2bf90dc0cc8c7fa28a9ed88d1f67c0826c6f7c74', class: "sd-date-range-picker" }, hAsync("sd-input", { key: '00705df2fe74a5dd5bd270bf69257c937e3b98f0', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: 'e38b9dde8571369ff85bf10baff71437b0cf48f4', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: '2f85011e2a47bb0717239da419fcd27c8410db81', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: '21f147563f6ab7c9a1a2b08cf1951bb11a8a0302', class: "sd-date-range-picker__menu" }, hAsync("div", { key: '2dad8cef33d07db263a73cd3760dbf44e33dd7ab', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, hAsync("button", { key: '53ccd475c6ebec5999158b2669878b0426e505d1', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, hAsync("sd-icon", { key: 'aba2465aae092388568006a7a968c27446476470', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("div", { key: 'd4384c1901a5e5221d55a18e014c0955af561660', class: "header-label" }, this.prevYear), hAsync("button", { key: '26f2e7f9da0f4571d4ca2cf0a668ceb4784af9c6', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, hAsync("sd-icon", { key: 'fc670a78e443dc7de8fbb05fe3233ae5bd6544d4', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: 'fb2157002f772dee6c4ff4b76cd3c942d4bb9965', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (hAsync(Fragment, null, index === 1 && hAsync("div", { class: "separator" }), hAsync("div", { key: index, class: "calendar-container" }, hAsync("div", { class: "calendar-header" }, hAsync("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, hAsync("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
+            }, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: '34916f9c4797bd0ddaaaa66c57221bee5a6681b6', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: '29ae017fe4f49df50cb4ff31336e3b44e5a56a5e', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: 'fb8e0980afac362b22cd9b20b120d2eb6ee23a43', class: "sd-date-range-picker__menu" }, hAsync("div", { key: 'e8107df76a146afa831c62084a6496930a67febd', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, hAsync("button", { key: '8b668baded6ff07770fd053e27f62789b0b8bce2', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, hAsync("sd-icon", { key: '152132ebf96e70b27815ef01fa4f58dd2e72891e', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("div", { key: 'b8e7020028efbc2cc483a373cedd50b1467cfdfe', class: "header-label" }, this.prevYear), hAsync("button", { key: 'fd19bd0c39030a45455166511a579a50006a82f7', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, hAsync("sd-icon", { key: '0f268ec6557ba76749937c94fdfe4a3d624702c7', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: 'cb9d72fc71c4cf30dabe739baa78aa12f4ef228a', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (hAsync(Fragment, null, index === 1 && hAsync("div", { class: "separator" }), hAsync("div", { key: index, class: "calendar-container" }, hAsync("div", { class: "calendar-header" }, hAsync("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, hAsync("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), hAsync("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (hAsync("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), hAsync("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (hAsync("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date ===
                 this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), type: this.getDateBoxType(this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), isToday: today ===
@@ -4357,11 +4357,11 @@ class SdGuide {
     };
     render() {
         const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
-        return (hAsync(Host, { key: 'cc560b500dc857dd2fb9817d5f870e702cfe6420', style: {
+        return (hAsync(Host, { key: '7839bbdbcb3d8d2b73bf22c82e08c1e831ef9958', style: {
                 '--sd-guide-color': GUIDE_ICON[this.type].color,
-            } }, hAsync("sd-button", { key: '4abbeb9eb5a021b790516ad6356ca61a8c81e30d', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', 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 && (hAsync("sd-portal", { key: 'acdee17ca7be22d52bbb7309430d3ce27bab8784', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, hAsync("div", { key: '8e7402bcf9308e9c3890a4ad55a54efe5f440c95', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, hAsync("sd-button", { key: '05eb16594e9a2b16974e957988149114ac2bc0f9', class: "sd-guide__popup__close", icon: "close", color: colors$1.grey_65, size: "md", variant: "ghost", noHover: true,
+            } }, hAsync("sd-button", { key: '165ba38d10b3e0f951adbe1bc59243a13855cb1b', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', 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 && (hAsync("sd-portal", { key: '537b7f2a6e390505af25c45e273f04f4f8394c31', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, hAsync("div", { key: 'e087c3f4ff0501e2ce423a1528ddb9a9c34ea296', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, hAsync("sd-button", { key: 'e2b93f80e3f4d84e6e6d65f2589c16ad4757f2bf', class: "sd-guide__popup__close", icon: "close", color: colors$1.grey_65, size: "md", variant: "ghost", noHover: true,
             // buttonStyle={{ padding: '0px', minHeight: '0px' }}
-            onSdClick: this.closeDropdown }), hAsync("div", { key: 'fc36f51b032fd41e63d53024f0714fbf974b37a3', class: "sd-guide__popup__header" }, hAsync("sd-icon", { key: 'bb6a8005b45704029d7c8fdde7908d52c7fb2bd1', name: "helpOutline", size: 24, color: colors$1.green_65 }), hAsync("h3", { key: 'bafff977e7a4c36515c035fc05074d5445a111bb', class: "sd-guide__popup__title" }, this.label || GUIDE_LABEL[this.type])), hAsync("ul", { key: '1adafdaf539257ba4b61b958ef3a21362d5e44bf', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
+            onSdClick: this.closeDropdown }), hAsync("div", { key: '4e8883017f1680d8ee5a8330a61d135804c0c55a', class: "sd-guide__popup__header" }, hAsync("sd-icon", { key: 'fdf4850b501c298d9bd1e53f4b4a0fb767719516', name: "helpOutline", size: 24, color: colors$1.green_65 }), hAsync("h3", { key: 'eec543412806edb261baa09cfc88204c0e296a75', class: "sd-guide__popup__title" }, this.label || GUIDE_LABEL[this.type])), hAsync("ul", { key: '49cdb5a5579b1fbbaa174e7dcf9aa6c9b58842a3', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
     }
     // 현재 2depth까지만 스타일 적용
     renderListItem(message, depth = 0) {
@@ -6406,7 +6406,7 @@ class SdIcon {
     }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (hAsync("i", { key: '1b3f72da8307068cb0723bbc66723bfcf15a4644', class: this.getIconClasses(), style: this.iconStyle }, hAsync(IconComponent, { key: 'a2526ffca360d28daf0f265822072e294ed27155', color: this.resolvedColor })));
+        return (hAsync("i", { key: '35f617ab7aa0e1682d3845d79b44355e3d614b54', class: this.getIconClasses(), style: this.iconStyle }, hAsync(IconComponent, { key: '8871cd28df49b7c3d622447045a85bf262374b85', color: this.resolvedColor })));
     }
     static get style() { return sdIconCss; }
     static get cmpMeta() { return {
@@ -6526,11 +6526,11 @@ class SdInput {
                 '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
             }
             : {};
-        return (hAsync(Host, { key: 'bb677f1411303375222c7eadf7738d97de04c4ad', style: inputWidth }, this.label && hAsync("div", { key: '0d05e92148e90645bf8c61d94693eb74d0e37154', class: "sd-input__label" }, this.label), hAsync("label", { key: 'a6a9a4912b4e0e9fb44d9d273f73b88db804bd97', class: {
+        return (hAsync(Host, { key: '259e3a3fef660859b9be0f7db335f4376a5cd03d', style: inputWidth }, this.label && hAsync("div", { key: 'd36173bc6643383257f7a6af778fc3e5923b2529', class: "sd-input__label" }, this.label), hAsync("label", { key: 'ee4dde9505faad0ea48601befc5ba56d3835f7be', class: {
                 'sd-input': true,
                 [this.getInputStatus()]: true,
                 'sd-input--barcode': !!this.barcode,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, hAsync("slot", { key: 'df634eb250fc1dff27e1db4372b3c90c14f9cd79', name: "prefix" }), hAsync("input", { key: '0d2e5619efef215cd7c9552a015422bf9c036d35', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), hAsync("slot", { key: 'c139e8cb7691263e1f4ab2e1e0eadc8284303a39', name: "suffix" }), this.clearable && this.internalValue && (hAsync("sd-icon", { key: 'b4e2a13aabf0257ff72d982197b8eab99ad6d441', name: "close", color: "#888", class: "sd-input__clear-icon", onClick: () => {
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, hAsync("slot", { key: '00aed9d88ba1f4301ba22095605a8d8a762500f2', name: "prefix" }), hAsync("input", { key: '229b0fbdb44b5989e4582f8757ba053bfdb1c858', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), hAsync("slot", { key: '56834ddcfe5f86fc3141dc63eeebc8219ff05b3c', name: "suffix" }), this.clearable && this.internalValue && (hAsync("sd-icon", { key: 'c8e1591f6cf50ca85d7f362a943b7335383a2261', name: "close", color: "#888", class: "sd-input__clear-icon", onClick: () => {
                 this.internalValue = '';
                 this.sdChange?.emit(this.internalValue);
                 this.sdInput?.emit(this.internalValue);
@@ -6577,7 +6577,7 @@ class SdLoadingSpinner {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '8ab87f8cf1e002856b6721de5ca5313ccafb3265' }, hAsync("svg", { key: 'da44064be6ab5c19d8517eb4da37c4849997715b', class: "sd-loading-spinner text-positive", width: "72px", height: "72px", viewBox: "25 25 50 50" }, hAsync("circle", { key: 'f446e24aabaf694e4158ec7e91ad4c39e33b4f91', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
+        return (hAsync(Host, { key: '32a6ae7706e16b9db81b71c07f3a21fbb220e60b' }, hAsync("svg", { key: 'b61e628718162036c1540596b2c65849db37e145', class: "sd-loading-spinner text-positive", width: "72px", height: "72px", viewBox: "25 25 50 50" }, hAsync("circle", { key: '5e22c733ac2e24c65267d657443260b70c2b707f', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
     }
     static get style() { return sdLoadingSpinnerCss; }
     static get cmpMeta() { return {
@@ -6670,12 +6670,12 @@ class SdPagination {
         }
     }
     render() {
-        return (hAsync("div", { key: 'ee07e420809eca9641ab325d38c48a054b9e04de', class: this.paginationClasses }, hAsync("div", { key: 'a7b7f129832a465fd4426cf142385f37461a65b7', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (hAsync("div", { class: "pagination-info" }, hAsync("span", { class: "current-page" }, this.currentPage), hAsync("span", null, "/"), hAsync("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (hAsync("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (hAsync("div", { key: '03811f8bd233fe7e6a66a2342212668964e5edf1', class: this.paginationClasses }, hAsync("div", { key: '02710438cb59ebe65528ded182568edb79dfcffe', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (hAsync("div", { class: "pagination-info" }, hAsync("span", { class: "current-page" }, this.currentPage), hAsync("span", null, "/"), hAsync("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (hAsync("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), hAsync("div", { key: 'c1a8fd3d61d24652a17ec30ed436c90c77a19144', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), hAsync("div", { key: 'c227bc9bd3c8935127f0034ab1523c97e5c1b49f', class: "append-btns" }, this.renderNextButtons())));
     }
     static get watchers() { return {
         "currentPage": ["onPropChange"],
@@ -6734,11 +6734,11 @@ class SdPopover {
         this.showPopover = false;
     };
     render() {
-        return (hAsync(Fragment, { key: 'a58d208a0a9ba1e954568512f1dbe0df88922623' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })), this.showPopover && (hAsync("sd-tooltip-portal", { key: '7ffbc49de8f33edbc05beec6cb554820bdbde2b6', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, hAsync("div", { key: 'fcf1b9069831494c3c2ee5e274037c211f342993', class: {
+        return (hAsync(Fragment, { key: 'f7d868fe01f6581696734d08170c59d6e2d66c94' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })), this.showPopover && (hAsync("sd-tooltip-portal", { key: '7846b8c93a38969514390a1ea40d5afe6c200de2', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, hAsync("div", { key: 'be1329e93d0ab1e66bf575a094a25290bddd5eeb', class: {
                 'sd-popover-menu': true,
                 [`sd-popover-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, hAsync("i", { key: 'e1bd244e2c8c2e1c8a4759f96ce44e5cdda41bcc', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: '36cf86a871f7454f2916ce8157e7d9234d808666' })), hAsync("div", { key: '8fcd872f31d3dfcad2b8b7d26c7956368289d8cf', class: "sd-popover-menu__content" }, this.menuTitle && hAsync("div", { key: '435f956e668910900948999a2ae23a7ffbdf67cd', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (hAsync("div", { key: '80eaa27446106e6380712fb00ad9df4752ebb70b', class: "sd-popover-menu__messages" }, this.messages.map(message => (hAsync("div", null, message))))), this.buttons.length > 0 && (hAsync("div", { key: 'b4845d8ac339559c2b612a219517a6addb47aaca', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (hAsync("sd-button", { ...button })))))), this.useClose && (hAsync("button", { key: '56ab62d73d4e71d871165d28adf7ecd4efd92870', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, hAsync("sd-icon", { key: 'ea93c1a46baef7cb4b7a849b8744043afc11de79', name: "close", size: "12", color: "#AAAAAA" }))))))));
+            } }, hAsync("i", { key: '1c3127247ddc6044e53a75d4579125e1daab032a', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: 'd1024814728db04093907521b580bdf0359e9aed' })), hAsync("div", { key: '2e2fcca71d8ac944c55c013eb14cd5b59567aa6e', class: "sd-popover-menu__content" }, this.menuTitle && hAsync("div", { key: 'cc6c83b6fa37e70a7deb430720693592b8a41e71', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (hAsync("div", { key: 'f91f9a3f1a45485743d76cae7c016bd63564613d', class: "sd-popover-menu__messages" }, this.messages.map(message => (hAsync("div", null, message))))), this.buttons.length > 0 && (hAsync("div", { key: 'ffd219508aa2f6b3b28f1491091ce1a8fbb2d6aa', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (hAsync("sd-button", { ...button })))))), this.useClose && (hAsync("button", { key: '75697c3987694b0f27626b3731b93b84cc9c81a6', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, hAsync("sd-icon", { key: 'fc139a83b11abf239e017dd0d9caf1568c36c99d', name: "close", size: "12", color: "#AAAAAA" }))))))));
     }
     static get watchers() { return {
         "show": ["watchShowHandler"]
@@ -6889,7 +6889,7 @@ class SdPortal {
         this.sdClose.emit();
     }
     render() {
-        return hAsync("slot", { key: 'f1445e7060928e48032fbed8f3b7604e626850c2' });
+        return hAsync("slot", { key: 'c7f389fa51f356d455aa3b7df24d0b8e1de36bb8' });
     }
     static get cmpMeta() { return {
         "$flags$": 772,
@@ -6926,10 +6926,10 @@ class SdProgress {
         error: '#FB4444',
     };
     render() {
-        return (hAsync(Host, { key: '5ac52da4809e45fc5bc69991aea3bd423b72ffdc', style: {
+        return (hAsync(Host, { key: '1bbd63533b614796a5eaf2009a3b2be2e33a0fc5', style: {
                 '--progress-color': this.statusColor[this.status],
                 '--progress-percentage': `${this.percentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && hAsync("div", { key: '7758a60580ab05cd2dd396b16cc4483d890e0498', class: "sd-progress__label" }, this.label)));
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && hAsync("div", { key: '94fd4a76b8fcc32b2a6f0575ffcc819c7e908d28', class: "sd-progress__label" }, this.label)));
     }
     renderBarProgress() {
         return (hAsync("div", { class: `sd-progress__bar sd-progress__bar--${this.status}` }, hAsync("div", { class: ['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ') }), hAsync("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.percentage, "%"), hAsync("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.percentage, "%")));
@@ -7557,11 +7557,11 @@ class SdSelectMultiple extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (hAsync(Host, { key: '5dd79017c9796e6412984675fcd3ec2d03e32012', style: style }, hAsync("div", { key: '777e5c8c777fb421c06ccc99ad114077918d3091', class: {
+        return (hAsync(Host, { key: '86eb209469905a2992fc45ad246420d98df6e78a', style: style }, hAsync("div", { key: 'a85fc4b2bb5dbf951a1388704923672bd1430355', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), hAsync("div", { key: '897dbc13dddd89e3bf3be9b77efe5aa04600ea1f', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), hAsync("div", { key: '01e1004445aecf2b1f8d1808f6b80cbc675bf378', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)
@@ -8090,7 +8090,7 @@ class SdSelectOption {
         }
     };
     render() {
-        return (hAsync(Host, { key: '56d2ed3525521a59eb3f0d8231a53259ebd22424' }, hAsync("div", { key: '200849af32a94d4c9aeb35760ce3d8396da45836', class: {
+        return (hAsync(Host, { key: 'c0d9e91485cd89b58bca238e394feebfc50c76e1' }, hAsync("div", { key: '6a02be748e4ca5a2a64200872cfeeda8065a09b4', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,
@@ -8176,7 +8176,7 @@ class SdSelectOptionGroup {
         }
     };
     render() {
-        return (hAsync("div", { key: 'e873486c47436a1cb2e3797dfe06b89874429e18', class: {
+        return (hAsync("div", { key: 'cd1e638e01313eacc2253ef9f341eeeef90190d9', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -8185,10 +8185,10 @@ class SdSelectOptionGroup {
                 'sd-select__option-group--group': this.option.type === 'group',
                 'sd-select__option-group--subgroup': this.option.type === 'subgroup',
                 'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, hAsync("div", { key: '7a54f43c2f654f26ff44cb039136488b17492336', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (hAsync("sd-checkbox", { key: 'ffe73a278e2e4869b3389b15268ab3c6d1117d47', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, hAsync("div", { key: '85a5ce3861e43d3cbde9cbf82c1d4c51439199f2', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (hAsync("sd-checkbox", { key: '1e4d066daf72f8a1b00927206bda0385bd5a28f0', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), hAsync("span", { key: '7c05471592fd30b12b94d158b11c76e98f4634ef', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (hAsync("span", { key: 'd395b359af93878867f61990741d174bb81cd959', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), hAsync("span", { key: 'df4f05045d0e14310a79ed9c33486dd98887c771', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (hAsync("span", { key: 'd8995c3f266b0fb6d686e8713e304b73f1e73f4f', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
     static get style() { return sdSelectOptionGroupCss; }
     static get cmpMeta() { return {
@@ -8481,7 +8481,7 @@ let SdTable$1 = class SdTable {
     }; }
 };
 
-const sdTableBackupCss = ".sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;position:relative;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;height:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:\"\";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:\"\";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody{flex-grow:1}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;min-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 tbody .sd-table__no-data-row td{text-align:center;color:#888888}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__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%)}";
+const sdTableBackupCss = ".sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-height, auto);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;position:relative;will-change:scroll-position}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important}.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--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:\"\";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:\"\";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;min-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 tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{padding-top:15%;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";
 
 class SdTable {
     constructor(hostRef) {
@@ -8679,35 +8679,37 @@ class SdTable {
             }, style: this.getStickyStyle(colIdx) }, hAsync("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, hAsync("slot", { name: `header-cell-${col.name}` }, hAsync("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && hAsync("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (hAsync("sd-tooltip", { ...col.tooltipOptions }, hAsync("div", { slot: "content" }, col.tooltip.map(text => (hAsync("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (hAsync("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
     }
     renderBody() {
-        return (hAsync("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (hAsync("div", { class: "sd-table__loading" }, hAsync("sd-loading-spinner", null))), !this.paginatedRows.length ? (hAsync("tr", { class: "sd-table__no-data-row" }, hAsync("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, hAsync("slot", { name: "no-data" }, this.noDataLabel)))) : (this.paginatedRows.map((row, rowIdx) => (hAsync("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (hAsync("td", { class: {
-                'sd-td': true,
-                'sd-td--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, hAsync("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (hAsync("td", { key: column.name, part: `td-${column.name}`, class: {
+        return (hAsync("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (hAsync("div", { class: "sd-table__loading" }, hAsync("sd-loading-spinner", null))), this.paginatedRows.length > 0 &&
+            this.paginatedRows.map((row, rowIdx) => (hAsync("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (hAsync("td", { class: {
                     'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
-                    'sticky-right': Boolean(this.stickyColumn.right &&
-                        colIdx >= this.visibleColumns.length - this.stickyColumn.right),
-                    'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
-                    'sticky-right-edge': Boolean(this.stickyColumn.right &&
-                        colIdx === this.visibleColumns.length - this.stickyColumn.right),
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(colIdx) }, hAsync("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (hAsync("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        })))))));
+                    'sd-td--selected': true,
+                    'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
+                }, style: {
+                    '--sticky-left-offset': '0px',
+                } }, hAsync("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
+                const rendered = this.bodyCellRenderer?.(column, row);
+                return (hAsync("td", { key: column.name, part: `td-${column.name}`, class: {
+                        'sd-td': true,
+                        [`sd-td--${column.align || 'left'}`]: true,
+                        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
+                        'sticky-right': Boolean(this.stickyColumn.right &&
+                            colIdx >= this.visibleColumns.length - this.stickyColumn.right),
+                        'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
+                        'sticky-right-edge': Boolean(this.stickyColumn.right &&
+                            colIdx === this.visibleColumns.length - this.stickyColumn.right),
+                        [`${column.tdClass}`]: Boolean(column.tdClass),
+                    }, style: this.getStickyStyle(colIdx) }, hAsync("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (hAsync("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
+            }))))));
     }
     render() {
-        return (hAsync(Host, { key: '06f553b40a89351df1054a07191d3fe9d92dd1a4' }, hAsync("div", { key: 'cfd19ef986b2a839791dfc6dbe0998fa4268bcc8', class: "sd-table__wrapper", style: {
+        return (hAsync(Host, { key: 'ee3eb5ad4f65daab37de226dad5dbb9f9a64c82d' }, hAsync("div", { key: '3e05c9484a72cef763c46b1ebcda1832b89f8825', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, hAsync("div", { key: 'ee2eb7c178fd4df207c096640f12061994340058', class: "sd-table__container" }, hAsync("div", { key: 'fa2ca46bba403928152d9d087b3ec990615507d4', class: {
+            } }, hAsync("div", { key: 'e31f9c354d9c66eb3e4f5881ea0af7b435725977', class: "sd-table__container" }, hAsync("div", { key: '630e1b8503fc9917b9dd19179aa08612ecd77b25', class: {
                 'sd-table__middle': true,
+                'sd-table__middle--scrollable': this.paginatedRows.length > 0,
                 'sd-table__middle--loading': this.isLoading,
-            } }, hAsync("table", { key: 'c5248468da6f986da45233ca86dcf68a53001cd6', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), hAsync("div", { key: 'd959e9785b3eab0a9e9864761c6377d561e6987c', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (hAsync("div", { key: 'b592fee0e0747a34b3970e4ff7286afe37e79621', class: "sd-table__pagination" }, hAsync("sd-pagination", { key: '05e7ed73d7beba2c14a4bcf07e8686a4d2cf664e', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
+            } }, hAsync("table", { key: 'b80c56b7445ffd197621c5040e27d05b6c97653e', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), hAsync("div", { key: 'f6f5bcf2b67dde98c3bb2b766e834d72a2e0c9bc', class: "sd-table__bottom" }, !this.paginatedRows.length && (hAsync("div", { key: 'a3a85d00cb08cb66af7afbf0a86a2ca9e5666870', class: "sd-table__no-data" }, hAsync("slot", { key: 'c1610ef9b817d35e067d34746286861a24080f90', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (hAsync("div", { key: 'd449f2aa604b623c52cbec21dbb5f07c0c06098e', class: "sd-table__pagination" }, hAsync("sd-pagination", { key: 'f051c1760a8742e9c793efd8f6cebacb6b51e1d8', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
                 if (!this.useInternalPagination) {
                     this.sdPageChange.emit(e.detail);
                 }
@@ -8715,7 +8717,7 @@ class SdTable {
                     this.currentPage = e.detail;
                     this.sdPageChange.emit(this.currentPage);
                 }
-            } }), this.useRowsPerPageSelect && (hAsync("sd-select", { key: 'f0e4ad4e7ec0f857feac4fc669f5a523401120d6', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
+            } }), this.useRowsPerPageSelect && (hAsync("sd-select", { key: '81542b68c3019afa6e1d85d4d92ebf1ab8893646', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
                 const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
                 if (!this.useInternalPagination) {
                     this.sdRowsPerPageChange.emit(changedRowsPerPage);
@@ -8821,7 +8823,7 @@ class SdTag {
     }
     render() {
         const tagClasses = this.getTagClasses();
-        return (hAsync("span", { key: 'cd470741451fde311fc3d22d21205ea7bc86295c', class: tagClasses, style: {
+        return (hAsync("span", { key: '613ced33231afd519a2db8f9e2e50356cbba08b1', class: tagClasses, style: {
                 '--tag-bg-color': this.bgColor,
                 '--tag-text-color': this.textColor,
             }, "aria-label": this.label || 'tag' }, this.renderContent()));
@@ -8851,7 +8853,7 @@ class SdTbody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'fb4f565321e2f5308bdb5c318e385c4704730d16' }, hAsync("slot", { key: '3ba442c1026ebbce4960031ed3113ebd16d949ec' })));
+        return (hAsync(Host, { key: '8c5fd86ada95e5b0e87ba041fc4439596c8db6bf' }, hAsync("slot", { key: 'a1d7800eb8856cb4a0d4c958b9163bf101691bb8' })));
     }
     static get style() { return sdTbodyCss; }
     static get cmpMeta() { return {
@@ -8875,11 +8877,11 @@ class SdTd {
     tdStyle;
     tdClass;
     render() {
-        return (hAsync(Host, { key: 'b0d6911cd0c2da2999b3cc16b5014f95c6616cd2', role: "cell", class: {
+        return (hAsync(Host, { key: '0521ae774fb04209ae95584aac87337a825546a7', role: "cell", class: {
                 'sd-td': true,
                 [`sd-td--${this.align}`]: true,
                 [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, hAsync("slot", { key: '93c9acb6c73c6dd4f9b6dcdfbed8bba000328e92' })));
+            }, style: this.tdStyle }, hAsync("slot", { key: 'd50eb6a72b8291bd349940430c17fa523f7e2a94' })));
     }
     static get style() { return sdTdCss; }
     static get cmpMeta() { return {
@@ -8904,7 +8906,7 @@ class SdTh {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '98d5096b0d03db947da3ea0129b43a5d291d0ddd', role: "columnheader" }, hAsync("slot", { key: '4ccaa018abd5915d2069adc01b802bb9392cc186' })));
+        return (hAsync(Host, { key: 'f906ec4174e7829e25f34c7e62484f8a5a9ad282', role: "columnheader" }, hAsync("slot", { key: '165aac26eeedcdf772e3a751a98ae2c8a84016b6' })));
     }
     static get style() { return sdThCss; }
     static get cmpMeta() { return {
@@ -8965,20 +8967,20 @@ class SdTooltip {
             : {
                 onClick: () => (this.showTooltip = !this.showTooltip),
             };
-        return (hAsync(Fragment, { key: 'add7afd546c5c7951d8e8ceaa052c53bf1db5956' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (hAsync("sd-tooltip-portal", { key: '766e22f333ba081920ba4dd33ff27d3a861f9ec9', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, hAsync("div", { key: '5ec3181541acdfbdb535d2bc3edc0a857de4f533', class: {
+        return (hAsync(Fragment, { key: '85dd8962fc0b5a4cbb754985fde2b9aa9bc77047' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (hAsync("sd-tooltip-portal", { key: 'c6b5b1d5e0237c956e4f1b5bde3c262f7a948b62', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, hAsync("div", { key: '3d0f79b2b672fdf14ea3ee30d86f7a56b1126cda', class: {
                 'sd-tooltip-menu': true,
                 [`sd-tooltip-menu--${this.type}`]: true,
                 [`sd-tooltip-menu--${this.placement}`]: true,
                 'sd-tooltip-menu--with-close': this.useClose,
                 [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,
-            } }, hAsync("i", { key: '5a82c1af8b3ec6dc8ae2667d26fba58914a21f14', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: '34821d5f0ff61f95fdc603bfc8680566943b4a60', class: {
+            } }, hAsync("i", { key: '555a64868dad3220839a800f21a5dfbd3fd4f57e', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: '6287e217109048d401bfa38e02f0ea0c81cac5e5', class: {
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
-            } })), hAsync("div", { key: '578c29f6258007f35c23f263823c450840ae187a', class: "sd-tooltip-menu__content", ref: el => {
+            } })), hAsync("div", { key: '8b3c58ebffcc97094c1d7e662850b4c7d4c3aea9', class: "sd-tooltip-menu__content", ref: el => {
                 if (el && this.slotContent && !el.hasChildNodes()) {
                     el.appendChild(this.slotContent.cloneNode(true));
                 }
-            } }, !this.slotContent && hAsync("span", { key: '9d7ad665d467d859b9b049ee2a1190865213b1a7' }, this.el.textContent)), this.useClose && (hAsync("div", { key: 'ee5494463906a043c19b8e8cff8ec012ab5cbd27', class: "sd-tooltip-menu__close-button" }, hAsync("button", { key: 'ba7f1aab87247004d6ffd11a3f1b0918db98e21d', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, hAsync("sd-icon", { key: '74bf57c8c0d48d15eb5879c898d6a1e5aae0df5f', name: "close", size: "12", color: "#AAAAAA" })))))))));
+            } }, !this.slotContent && hAsync("span", { key: 'e620e97ef41a0702670ec592df59556ad3e642e8' }, this.el.textContent)), this.useClose && (hAsync("div", { key: 'c1ffa98c25823d58bf943fbd8de4ebdf480a202c', class: "sd-tooltip-menu__close-button" }, hAsync("button", { key: '67f027459dae13451582ddebbcff7ed3f3516627', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, hAsync("sd-icon", { key: '0bc4428f323efccf7bafc55ba83f5a8752a2da86', name: "close", size: "12", color: "#AAAAAA" })))))))));
     }
     static get style() { return sdTooltipCss; }
     static get cmpMeta() { return {
@@ -9153,7 +9155,7 @@ class SdTooltipPortal {
         this.sdClose.emit();
     }
     render() {
-        return hAsync("slot", { key: 'ac0fb594aae6f39ac0dc118865beec1e6259ceeb' });
+        return hAsync("slot", { key: '3d36c5606fd19caf5adbed690ce173a1f1bbb4bb' });
     }
     static get cmpMeta() { return {
         "$flags$": 777,
@@ -9179,7 +9181,7 @@ class SdTr {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f20a0bbaf94ce37ef8cbf4d59c24159549294ff2', role: "row" }, hAsync("slot", { key: '8b5d3685c916a4ad8422c03e35f9b699961a1415' })));
+        return (hAsync(Host, { key: '86aa7ec46f1b8b9c29bda9e10604f6ddf0ca7d1c', role: "row" }, hAsync("slot", { key: 'c13e2405d9908152ecd09edb7c286717adccf56a' })));
     }
     static get style() { return sdTrCss; }
     static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system",
- "version": "0.0.36",
+ "version": "0.0.38",
  "description": "Sellmate Design System - Web Components Library built with Stencil",
  "keywords": [
   "web-components",
@@ -92,5 +92,5 @@
   "@stencil/react-output-target": "^1.2.0",
   "@stencil/vue-output-target": "^0.11.8"
  },
- "gitHead": "39cd6c64af224399fceca72fa09ac31d278aa5e7"
+ "gitHead": "531441a45bf4c9178154ff33e34b6c45e37dfc73"
 }

package/dist/design-system/p-51c4ae08.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as d}from"./p-B2T3tS5r.js";const s="sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}";const l=class{constructor(t){e(this,t)}name="";align="left";tdStyle;tdClass;render(){return t(d,{key:"b0d6911cd0c2da2999b3cc16b5014f95c6616cd2",role:"cell",class:{"sd-td":true,[`sd-td--${this.align}`]:true,[this.tdClass||""]:Boolean(this.tdClass)},style:this.tdStyle},t("slot",{key:"93c9acb6c73c6dd4f9b6dcdfbed8bba000328e92"}))}};l.style=s;export{l as sd_td};
-//# sourceMappingURL=p-51c4ae08.entry.js.map

package/dist/design-system/p-c0461df6.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,a as s,h as a,H as d}from"./p-B2T3tS5r.js";const l='.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;position:relative;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;height:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody{flex-grow:1}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;min-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 tbody .sd-table__no-data-row td{text-align:center;color:#888888}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__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%)}';const i=class{constructor(s){t(this,s);this.sdSelectChange=e(this,"sdSelectChange");this.sdPageChange=e(this,"sdPageChange");this.sdRowsPerPageChange=e(this,"sdRowsPerPageChange")}get el(){return s(this)}columns;rows;selected=new Set;rowKey="id";selectable=false;resizable=false;width;height;stickyHeader=false;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";isLoading=false;pagination;bodyCellRenderer;useInternalPagination=false;useRowsPerPageSelect=false;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=false;scrolledRight=false;handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10)))}handleRowsChange(t){this.innerRows=[...t]}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){if(t?.page&&t.page!==this.currentPage)this.currentPage=t.page}componentWillLoad(){this.innerRows=[...this.rows||[]];this.innerSelected=new Set(this.selected);this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10)));if(this.pagination?.page){this.currentPage=this.pagination.page}}componentDidLoad(){if(typeof window==="undefined")return;const t=this.el.querySelector(".sd-table__middle");if(!t)return;const e=()=>{const{scrollLeft:e,scrollWidth:s,clientWidth:a}=t;this.scrolledLeft=e>0;this.scrolledRight=e+a<s};t.addEventListener("scroll",e,{passive:true});e()}get visibleColumns(){return this.columns.filter((t=>t.visible!==false))}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:t=this.rows.length}=this.pagination||{};const e=this.innerRows.slice((this.currentPage-1)*t,this.currentPage*t);return e}get lastPageNumber(){const{lastPage:t,rowsPerPage:e=this.rows.length}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",((this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}isRowSelected(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}updateRowSelect(t){const e=Array.from(this.innerSelected);const s=this.isRowSelected(t);const a=s?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];if(a.length===e.length)return;this.innerSelected=new Set(a);this.sdSelectChange.emit(Array.from(this.innerSelected))}toggleSelectAll(t){if(t){const t=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=this.paginatedRows.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const t=this.paginatedRows.length;const e=this.paginatedRows.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;if(e===0)return false;if(e===t)return true;return null}getStickyStyle(t){const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this.selectable?52:0);const s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this.stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0);return{"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,e){if(typeof document==="undefined")return;const s=e.clientX;const a=this.columnWidths[t];const d=e=>{const d=Math.max(a+e.clientX-s,50);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?d:e))};const l=()=>{document.removeEventListener("mousemove",d);document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",d);document.addEventListener("mouseup",l)}getCellValue(t,e){const{field:s,format:a,name:d}=t;const l=typeof s==="function"?s(e):s?e[s]:e[d];return a?a(l,e):l}renderHeader(){return a("thead",null,a("tr",null,this.selectable&&a("th",{class:{"sd-th":true,"sd-th--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:t=>this.toggleSelectAll(t.detail)})),this.visibleColumns.map(((t,e)=>a("th",{key:t.name,class:{"sd-th":true,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":Boolean(this.stickyColumn.left&&e<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&e>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&e===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&e===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(e)},a("div",{class:`sd-th__content sd-th__content--${t.align||"left"}`},a("slot",{name:`header-cell-${t.name}`},a("div",{class:"sd-th__content--label"},t.label)),t.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&a("sd-tooltip",{...t.tooltipOptions},a("div",{slot:"content"},t.tooltip.map((t=>a("p",null,t)))))),this.resizable&&typeof window!=="undefined"&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(e,t)}))))))}renderBody(){return a("tbody",{...!this.paginatedRows.length&&{part:"tbody-empty"}},this.isLoading&&a("div",{class:"sd-table__loading"},a("sd-loading-spinner",null)),!this.paginatedRows.length?a("tr",{class:"sd-table__no-data-row"},a("td",{colSpan:this.visibleColumns.length+(this.selectable?1:0)},a("slot",{name:"no-data"},this.noDataLabel))):this.paginatedRows.map(((t,e)=>a("tr",{key:t[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&a("td",{class:{"sd-td":true,"sd-td--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isRowSelected(t),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(t)})),this.visibleColumns.map(((s,d)=>{const l=this.bodyCellRenderer?.(s,t);return a("td",{key:s.name,part:`td-${s.name}`,class:{"sd-td":true,[`sd-td--${s.align||"left"}`]:true,"sticky-left":Boolean(this.stickyColumn.left&&d<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&d>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&d===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&d===this.visibleColumns.length-this.stickyColumn.right),[`${s.tdClass}`]:Boolean(s.tdClass)},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${s.name}-${e}`},l?typeof l==="string"?a("span",{innerHTML:l}):l:this.getCellValue(s,t)))}))))))}render(){return a(d,{key:"06f553b40a89351df1054a07191d3fe9d92dd1a4"},a("div",{key:"cfd19ef986b2a839791dfc6dbe0998fa4268bcc8",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"ee2eb7c178fd4df207c096640f12061994340058",class:"sd-table__container"},a("div",{key:"fa2ca46bba403928152d9d087b3ec990615507d4",class:{"sd-table__middle":true,"sd-table__middle--loading":this.isLoading}},a("table",{key:"c5248468da6f986da45233ca86dcf68a53001cd6",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),a("div",{key:"d959e9785b3eab0a9e9864761c6377d561e6987c",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&a("div",{key:"b592fee0e0747a34b3970e4ff7286afe37e79621",class:"sd-table__pagination"},a("sd-pagination",{key:"05e7ed73d7beba2c14a4bcf07e8686a4d2cf664e",currentPage:!this.useInternalPagination?this.pagination.page:this.currentPage,lastPage:!this.useInternalPagination?this.pagination.lastPage:this.lastPageNumber,onPageChange:t=>{if(!this.useInternalPagination){this.sdPageChange.emit(t.detail)}else{this.currentPage=t.detail;this.sdPageChange.emit(this.currentPage)}}}),this.useRowsPerPageSelect&&a("sd-select",{key:"f0e4ad4e7ec0f857feac4fc669f5a523401120d6",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdChange:t=>{const e=t.detail.value?Number(t.detail.value):0;if(!this.useInternalPagination){this.sdRowsPerPageChange.emit(e)}else{const s=Number(t.detail.value||0);let a=Math.max(1,Math.ceil(this.innerRows.length/s));let d=this.currentPage;if(d>a){d=a}this.pagination={page:d,rowsPerPage:s,lastPage:a};this.currentPage=d;this.sdRowsPerPageChange.emit(e)}}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};i.style=l;export{i as sd_table_backup};
-//# sourceMappingURL=p-c0461df6.entry.js.map

package/dist/design-system/p-c0461df6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","sdTableBackupCss","SdTable","constructor","hostRef","this","sdSelectChange","sdPageChange","sdRowsPerPageChange","el","columns","rows","selected","Set","rowKey","selectable","resizable","width","height","stickyHeader","stickyColumn","left","right","noDataLabel","isLoading","pagination","bodyCellRenderer","useInternalPagination","useRowsPerPageSelect","rowsPerPageOption","label","value","currentPage","page","innerRows","innerSelected","columnWidths","scrolledLeft","scrolledRight","handleColumnsChange","newCols","map","c","parseInt","handleRowsChange","newRows","handleSelectedChange","newSelected","handlePaginationChange","newVal","componentWillLoad","componentDidLoad","window","middle","querySelector","onScroll","scrollLeft","scrollWidth","clientWidth","addEventListener","passive","visibleColumns","filter","col","visible","paginatedRows","rowsPerPage","length","result","slice","lastPageNumber","lastPage","Math","max","ceil","sdTableClasses","Boolean","join","isRowSelected","row","Array","from","some","r","updateRowSelect","selectedArray","exists","emit","toggleSelectAll","checked","pageRows","currentPageKeys","includes","isAllChecked","total","selectedCount","selectedRow","getStickyStyle","colIdx","leftOffset","reduce","a","b","rightOffset","_","i","minWidth","maxWidth","handleResize","index","event","document","startX","clientX","startWidth","handleMouseMove","moveEvent","newWidth","idx","handleMouseUp","removeEventListener","getCellValue","column","field","format","name","renderHeader","class","style","disabled","onSdChange","e","detail","key","thClass","align","usePageMoveIcon","size","color","tooltip","tooltipOptions","slot","text","onMouseDown","evt","renderBody","part","colSpan","rowIdx","rendered","tdClass","innerHTML","render","onPageChange","options","changedRowsPerPage","Number","newRowsPerPage","newLastPage","newCurrentPage","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-c9109ae0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as s,h as o,F as t}from"./p-B2T3tS5r.js";import{T as i}from"./p-BE6EMCXm.js";const a=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const c=class{constructor(s){e(this,s)}get el(){return s(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML;console.log(this.el)}buttonEl;handleClose=()=>{this.showPopover=false};render(){return o(t,{key:"a58d208a0a9ba1e954568512f1dbe0df88922623"},this.label?o("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}):o("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}),this.showPopover&&o("sd-tooltip-portal",{key:"7ffbc49de8f33edbc05beec6cb554820bdbde2b6",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"fcf1b9069831494c3c2ee5e274037c211f342993",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"e1bd244e2c8c2e1c8a4759f96ce44e5cdda41bcc",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"36cf86a871f7454f2916ce8157e7d9234d808666"})),o("div",{key:"8fcd872f31d3dfcad2b8b7d26c7956368289d8cf",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"435f956e668910900948999a2ae23a7ffbdf67cd",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"80eaa27446106e6380712fb00ad9df4752ebb70b",class:"sd-popover-menu__messages"},this.messages.map((e=>o("div",null,e)))),this.buttons.length>0&&o("div",{key:"b4845d8ac339559c2b612a219517a6addb47aaca",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>o("sd-button",{...e}))))),this.useClose&&o("button",{key:"56ab62d73d4e71d871165d28adf7ecd4efd92870",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"ea93c1a46baef7cb4b7a849b8744043afc11de79",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=a;export{c as sd_popover};
-//# sourceMappingURL=p-c9109ae0.entry.js.map

package/dist/design-system/p-d8c1ce0a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,a as s,h as a,H as d}from"./p-B2T3tS5r.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";const n=class{constructor(s){e(this,s);this.sdChange=t(this,"sdChange")}get el(){return s(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||c;const[t,s]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=s;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(s)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,s]=this.selectable;if(t&&s){return e<t||e>s}if(t){return e<t}if(s){return e>s}return false}handleClose=()=>{this.isOpen=false};render(){return a(d,{key:"056414534f658c5e77fedf40d94e578299b437cc",class:"sd-date-picker"},a("sd-input",{key:"eb65e6bb246b604287088a3857681f2a18c06464",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},a("sd-icon",{key:"d71e7a84bef6b956e77fb7f718568e8d1df59562",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"0cb4ff03893ddf4a095760f326104d91bdb6265b",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"7a3bbe3f4cd379d94832005653aacc166e6b66cf",class:"sd-date-picker__menu"},a("div",{key:"6b33cab1222e71e3004425b07afbdffef0ec0a6b",class:"sd-date-picker__header"},a("div",{key:"acc16c94cfea8399ce5d210de7286760238c0963",class:"year-nav"},a("button",{key:"6f577329b27057306e163c0c92ae16eff29a15b4",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},a("sd-icon",{key:"c8174f406a3ba95d98ae31c6f4004f4178f6ac5f",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"cdcb96cd0fbf6abedcaaa7b5cca8a56c90b62284",class:"year-nav__current"},this.currentYear),a("button",{key:"9aba8e6ebde34b7a29e52525cff8fbe8a243ae6a",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},a("sd-icon",{key:"423d3b35b56f32006edfd0bdf6f457dd46a591b5",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"c5dd3a1b495e48c2c980207591f161486042c361",class:"month-nav"},a("button",{key:"48265eec87bdb40c3189d07ef1711bf95bb55381",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},a("sd-icon",{key:"7274e698f9c7a06369c8fe6064ec0acd9fce62c8",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"54e15aaad9ac9563f66a6bb4dc7b19f7dc01d7c0",class:"month-nav__current"},this.currentMonth,"월"),a("button",{key:"32da2302da74ef7bc8805138ce414b903d247878",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},a("sd-icon",{key:"041809657b4288519ca476953be773403912c858",name:"arrowRight",size:"12",color:"#CCCCCC"})))),a("div",{key:"d32cd40e6df89c95f4b2639c6bc98f7156a09bc2",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>a("div",{key:e,class:"day"},e)))),a("div",{key:"e6fafbf9ec82a8f3abe9d67c61279598498a7396",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return a("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===s,isToday:c===s,disabled:!e?true:this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r;export{n as sd_date_picker};
-//# sourceMappingURL=p-d8c1ce0a.entry.js.map

package/dist/design-system/p-f4a737de.entry.js

@@ -1,2 +0,0 @@
-import{r as d,h as r,H as a}from"./p-B2T3tS5r.js";const s="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}";const c=class{constructor(r){d(this,r)}bordered=true;class="";render(){return r(a,{key:"f00cdc166da4589d81d732fb4bc84d0258efaccb"},r("div",{key:"c640a9db7ef09eee390ca0c0e8484a5802d17cbd",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.class}`},r("slot",{key:"07421b4249bf7a94aa1a574011b33f7082fa984a"})))}};c.style=s;export{c as sd_card};
-//# sourceMappingURL=p-f4a737de.entry.js.map