@sellmate/design-system 1.0.37 → 1.0.38

package/dist/collection/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.js

@@ -123,7 +123,7 @@ export class SdSelectV2Listbox {
             '--listbox-radius': `${LIST_BOX_LAYOUT.radius}px`,
             '--listbox-padding-bottom': `${LIST_BOX_LAYOUT.paddingBottom}px`,
         };
-        return (h("div", { key: '9e944831366c0e956f114e3d590c21646dd76f53', class: "sd-select-v2-listbox", style: cssVars }, this.showSearch && (h("sd-select-v2-list-item-search", { key: '6df5c653e7ed89b1723096801b57cfc4e105e801', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: '546a982cc6d86a9ff32475343ad24e56e05dd4f3', class: "sd-select-v2-listbox__list", onScroll: this.handleScroll }, this.isEmpty ? (h("div", { class: "sd-select-v2-listbox__empty" }, EMPTY_MESSAGE)) : this.isDepth ? (this.renderOptions(this.filteredOptions)) : (this.filteredOptions.map(option => (h("sd-select-v2-list-item", { option: option, depth: 1, isSelected: this.isOptionSelected(option), useCheckbox: this.isMulti, onSdListItemClick: this.handleOptionClick })))))));
+        return (h("div", { key: '0f92a96e763d00ee241cdca62b3b7ccad90c811a', class: "sd-select-v2-listbox", style: cssVars }, this.showSearch && (h("sd-select-v2-list-item-search", { key: '7c85122be46cc77db8c28c8b3cf072bfd445d56d', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: '08a4a00208e70bc77cddec12f6ad71ed8cad0071', class: "sd-select-v2-listbox__list", onScroll: this.handleScroll }, this.isEmpty ? (h("div", { class: "sd-select-v2-listbox__empty" }, EMPTY_MESSAGE)) : this.isDepth ? (this.renderOptions(this.filteredOptions)) : (this.filteredOptions.map(option => (h("sd-select-v2-list-item", { option: option, depth: 1, isSelected: this.isOptionSelected(option), useCheckbox: this.isMulti, onSdListItemClick: this.handleOptionClick })))))));
     }
     static get is() { return "sd-select-v2-listbox"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.js

@@ -31,11 +31,11 @@ export class SdSelectV2Trigger {
                 ? SELECT_COLORS.addonLabel.border.disabled
                 : SELECT_COLORS.addonLabel.border.default,
         };
-        return (h("div", { key: '08fbbecf31f525dc0006885add05dfe9dfd5f824', class: {
+        return (h("div", { key: '00f76c08c517d52499f1c75315ba1d9b0f7f6a06', class: {
                 'sd-select-v2-trigger': true,
                 'sd-select-v2-trigger--open': this.isOpen,
                 'sd-select-v2-trigger--disabled': this.disabled,
-            }, style: cssVars, onClick: this.handleClick }, this.addonLabel && (h("div", { key: '779f9adca7582017678d5962951a0a3fce920cbd', class: "sd-select-v2-trigger__addon" }, this.addonLabel)), h("div", { key: '509665beee7dc4925586f01d0c70d61f5f79c20c', class: "sd-select-v2-trigger__content" }, h("span", { key: '3e43164ab1288b6e04a9953d4c6fd670a35454c5', class: "sd-select-v2-trigger__text" }, hasValue ? this.displayText : this.placeholder), h("sd-icon", { key: '16278796b2dcb4b410cc31cbcf453e90620477eb', name: "arrowDown", size: 12, color: "var(--trigger-icon-color)", class: {
+            }, style: cssVars, onClick: this.handleClick }, this.addonLabel && (h("div", { key: 'bca73972b68ae98abc92cb882f65ef5622fc6d49', class: "sd-select-v2-trigger__addon" }, this.addonLabel)), h("div", { key: 'ae66f445590c28064b8cdf0d4048c1c009759291', class: "sd-select-v2-trigger__content" }, h("span", { key: 'e08841d7f17a24142f652d3929017786c37ad486', class: "sd-select-v2-trigger__text" }, hasValue ? this.displayText : this.placeholder), h("sd-icon", { key: '5e4ea15d1ec3e066daff92ecf012087789ba7b87', name: "arrowDown", size: 12, color: "var(--trigger-icon-color)", class: {
                 'sd-select-v2-trigger__icon': true,
                 'sd-select-v2-trigger__icon--open': this.isOpen,
             } }))));

package/dist/collection/components/sd-select-v2/sd-select-v2.js

@@ -21,6 +21,7 @@ export class SdSelectV2 {
     labelTooltip = '';
     labelTooltipProps = null;
     emitValue = false;
+    width = '100%';
     isOpen = false;
     isAnimatingOut = false;
     triggerWidth = '200px';
@@ -206,7 +207,7 @@ export class SdSelectV2 {
             viewportPadding: SdSelectV2.VIEWPORT_PADDING,
             onSdClose: () => { this.closeDropdown(); },
         };
-        return (h("sd-field", { key: 'ce2edb18ea0c3343e17238c1be200905abac3d88', name: this.fieldName || this.internalName, label: this.label, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => { this.hovered = true; }, onMouseLeave: () => { this.hovered = false; }, style: { width: 'fit-content', minWidth: '80px' } }, h("div", { key: '1e4e3d5292a1ff8034288b0a0867d4b9317d5325', class: "sd-select-v2", ref: el => { this.triggerRef = el; } }, h("sd-select-v2-trigger", { key: '9d82bcc05bbd051a9972cb3a1f5d439088bf2797', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, isOpen: this.isOpen, addonLabel: this.addonLabel, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '728e31e470708b31cc363b78ef8d1a226cdae004', ...portalProps }, h("sd-select-v2-listbox", { key: '98b03c61d4cc5586e43b0284a669ae8a48cbc3c8', name: this.name, options: this.options, value: this.value, emitValue: this.emitValue, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+        return (h("sd-field", { key: 'e87b15f9a6698de2ea29104540c8864f3cdb2b3c', name: this.fieldName || this.internalName, label: this.label, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => { this.hovered = true; }, onMouseLeave: () => { this.hovered = false; }, style: { width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width, minWidth: '80px' } }, h("div", { key: '06762f1ec63d1a7a5a52a3fb80bdd22deb2d5447', class: "sd-select-v2", ref: el => { this.triggerRef = el; } }, h("sd-select-v2-trigger", { key: 'ec9a3721ff4f6fb3c762728f7ee339caab3486ab', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, isOpen: this.isOpen, addonLabel: this.addonLabel, onSdTriggerClick: this.handleTriggerClick })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '57c0e77f7f55b98c0df60028aa7fc52bb0575925', ...portalProps }, h("sd-select-v2-listbox", { key: 'acc04cc0ed76920a7bbb95f3b61936cd0b415c61', name: this.name, options: this.options, value: this.value, emitValue: this.emitValue, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get is() { return "sd-select-v2"; }
     static get originalStyleUrls() {
@@ -572,6 +573,26 @@ export class SdSelectV2 {
                 "reflect": false,
                 "attribute": "emit-value",
                 "defaultValue": "false"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "width",
+                "defaultValue": "'100%'"
             }
         };
     }

package/dist/collection/components/sd-table/sd-table.js

@@ -759,16 +759,16 @@ export class SdTable {
         return (h("td", { key: `virtual-${position}-spacer-${rowIdx}`, class: "sd-table__virtual-spacer", style: this.getSpacerCellStyle(spacerWidth), "aria-hidden": "true" }, h("div", { class: "sd-table__skeleton-cell" })));
     }
     render() {
-        return (h(Fragment, { key: '6a598d709882ea40c4542ab0bf56d1f3319888f8' }, h("div", { key: 'd9f25c7e5f27a4b7fb53a8bd968a2ee23db6e45e', class: "sd-table__wrapper", style: {
+        return (h(Fragment, { key: 'f3e4930d36d080fd546dddc1e80190b831e93012' }, h("div", { key: 'ad2f798951631319190d93f83e25b87f871e58de', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, h("div", { key: 'c357870b7c3c25db8b694741d9ec14ced48f5410', class: "sd-table__container", style: {
+            } }, h("div", { key: 'c4b6d4080f1416d1c88ab1413c66848bdafe9019', class: "sd-table__container", style: {
                 '--table-container-height': `calc(${this.height} - ${this.pagination && this.innerRows.length > 0 ? 48 : 0}px)`,
-            } }, h("div", { key: '026795a9da649ede82ad5da2b2b768715fb80b8e', class: {
+            } }, h("div", { key: '3aacc27970b0c6d8b700063c0af7c57175e2cb22', class: {
                 'sd-table__middle': true,
                 'sd-table__middle--scrollable': this.paginatedRows.length > 0,
                 'sd-table__middle--loading': this.isLoading,
-            } }, this.isLoading && (h("div", { key: '3f409eaba4247d1e1c87836ac6aa630cefdfa225', class: "sd-table__middle--loading__spinner" }, h("sd-loading-spinner", { key: '1abdff39a17eb8c0fb504f015c141e024be6365d' }))), h("table", { key: '6d1756ec3a70b9745af61a036d9fb5c74b53a6aa', part: "table", class: this.sdTableClasses }, this.renderHead(), this.renderBody())), !this.paginatedRows.length && (h("div", { key: 'cd249a22bc96a72e65f8f6bf5a2ab507a2a8905e', class: "sd-table__bottom" }, h("div", { key: '50cf6fa914b401dd0b6b00dbbfce36ab89c3d29a', class: "sd-table__no-data" }, h("slot", { key: '1c29270a15fca7d03e194dbca01d83c1eaed271e', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (h("div", { key: '94f994cdc3efeb3a410561d95ed19ff6391fa187', class: "sd-table__pagination" }, h("sd-pagination", { key: 'b82f322e289ed05439b301ec4564a4fdbfb786cd', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (h("sd-select", { key: 'e89fafbc92fcf3cf28d2058065321e580b5336d8', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdUpdate: (e) => this.changeRowsPerPage(e.detail.value) })))))));
+            } }, this.isLoading && (h("div", { key: '25fca304a4e8ebf43aeeff20de3e3446d25e1ffb', class: "sd-table__middle--loading__spinner" }, h("sd-loading-spinner", { key: '48b0adad60cf422b884557b53097c28a4f0b8879' }))), h("table", { key: 'ec4328a1f43c865de642cc5814fbdef6a374b7e3', part: "table", class: this.sdTableClasses }, this.renderHead(), this.renderBody())), !this.paginatedRows.length && (h("div", { key: 'ba362ecb9fb8134a15ff3d0a3b8e6a523e94166a', class: "sd-table__bottom" }, h("div", { key: 'ca5c2e0b19a1e301ac159588436ef24eecfb6365', class: "sd-table__no-data" }, h("slot", { key: '68564a60a05833ba87743212d7189eef6e179fb4', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (h("div", { key: '88c3c7362234c20a60f6437ecd79d4c75b2caa6e', class: "sd-table__pagination" }, h("sd-pagination", { key: 'c3c8c435fcb752f2b1139981bb764cf4dfb153ab', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (h("sd-select", { key: '03801039397a31321e5af96c2bd2d2900151240e', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdUpdate: (e) => this.changeRowsPerPage(e.detail.value) })))))));
     }
     static get is() { return "sd-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-tabs/sd-tabs.js

@@ -40,7 +40,7 @@ export class SdTabs {
         return `square_${this.size}_${color}`;
     }
     render() {
-        return (h("div", { key: '2639d2c5900510b4d393dd502a5bcc4c765fe250', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
+        return (h("div", { key: 'c179db82ee130f4ccbdca7cb1af7b156ad174df8', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
             const badgeName = this.getBadgeName(tab);
             return (h("div", { key: `tab-${index}`, class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab.value) }, h("span", { "data-label": tab.label, class: "sd-tabs__label" }, tab.label), tab.badge && (h("sd-tag", { name: badgeName, label: tab.badge.toString() }))));
         })));

package/dist/collection/components/sd-tag/sd-tag.js

@@ -19,7 +19,7 @@ export class SdTag {
     render() {
         const config = this.resolvedConfig;
         const iconNode = this.renderIcon(config.icon, config.iconSize);
-        return (h("span", { key: '60c7b64aeed525b55a070ee149aac1c613d43b40', class: "sd-tag", style: {
+        return (h("span", { key: '563110f36ada988889d09f1dd40084c3099d00de', class: "sd-tag", style: {
                 '--sd-tag-background': config.background,
                 '--sd-tag-content': config.content,
                 '--sd-tag-height': config.height,
@@ -29,7 +29,7 @@ export class SdTag {
                 '--sd-tag-font-weight': config.fontWeight,
                 '--sd-tag-line-height': config.lineHeight,
                 '--sd-tag-radius': config.radius,
-            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: '3b5f662e5e6af7d36800f1cdca6cc18a748b669c', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
+            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: 'b03cc00015123a62af310f5b8c833e04f43538b6', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
     }
     static get is() { return "sd-tag"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-textarea/sd-textarea.js

@@ -75,10 +75,10 @@ export class SdTextarea {
     }
     render() {
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (h("div", { key: '64730f4db9250e60c01ca42e38434dd024587b3f', class: {
+        return (h("div", { key: 'a8935e47e739b5231fb5e7d5402477a371457fcb', class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: 'e82eb11720436687a0cc78f874f3cdc121e63850', class: "sd-textarea__content" }, h("textarea", { key: '9d7df9381b671c37d5af8d25d58d3891ca84ed80', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: '2c0bec6b959f0730e8aa56a4e1e8c5b50d1a3c8c', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'fb8fb5005926e5d735af42154130365293b3ba30', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '17cdf2e1dc85296f2dd35651eedae68a721accbd', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '7e1a3f00fc55fe0cfe760b41634302a5f95a9459', class: "sd-textarea__content" }, h("textarea", { key: '279aa51122c9d85f05ae7c9f0a21c7caeaec2b78', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: '3581c12a5225149ad37301432ca69773f7fbbbdf', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: '4cb3088754f1c6e6c826c8466e34ac22475705a5', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '40e72285972449421a39e10a3fa0e82975e45c9c', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get is() { return "sd-textarea"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-toast/sd-toast.js

@@ -11,10 +11,10 @@ export class SdToast {
     render() {
         const typeConfig = TOAST_TYPE_CONFIG[this.type] ?? TOAST_TYPE_CONFIG.default;
         const iconSize = Number(TOAST_LAYOUT.iconSize);
-        return (h("div", { key: 'c9469c933c89fb16001177a4fa654ae05f211616', style: {
+        return (h("div", { key: 'fb12707835d196216266d9d3451c0b78b3d5c910', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
-            } }, h("div", { key: '0e40d2cfa0626a7b1aa1626c80e0c7076b97c4c0', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'ef6df6b3fa9fb2cc4b8401a44babd30270ddde87', class: "sd-toast__icon" }, h("sd-icon", { key: '7e09a2c28883baa733c211681823b95ce02f4efb', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: 'ebeeddc53b16fb72199af974fcf5e8e2be7c8f41', class: "sd-toast__content" }, h("span", { key: 'ce828a5e22e42123d5da09a46d4a8a7a27f35703', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '1671f384cfa0ea3b3f8a4010e42eb8aa1cbe8fc3', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("button", { key: '6738c45beaa874e1296b5bb35936a4985b50eaeb', type: "button", class: "sd-toast__close", onClick: () => this.close.emit(), "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '9069b6e6aa551f6e04923608f6bc12ec02f65e41', name: "close", size: iconSize, color: typeConfig.content }))))));
+            } }, h("div", { key: '5d02fbcc7640d40431d8a10d0ff966cbdc208564', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'a0d31efadb3ece5d4491118b127dd6c824bce31a', class: "sd-toast__icon" }, h("sd-icon", { key: '6a6bf80ed9378d8b8c2b057dab5afeaf4ba638f7', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: '2024f644815a136e44f96d58d97aea7f25623f2c', class: "sd-toast__content" }, h("span", { key: '0d903bb1c6e6d0518d1f6f71ece3e7a71efbe636', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '574b52ba0bbd5f37657084b70f1b6818d06e77fe', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("button", { key: '55c489e0c52879c229734f01a2ddf9c1206e0bfc', type: "button", class: "sd-toast__close", onClick: () => this.close.emit(), "aria-label": "Close", title: "Close" }, h("sd-icon", { key: 'd726e7d65a169024fbfdc924375f81b70caebf75', name: "close", size: iconSize, color: typeConfig.content }))))));
     }
     static get is() { return "sd-toast"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-toast-container/sd-toast-container.js

@@ -216,7 +216,7 @@ export class SdToastContainer {
         const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
         const indexMap = new Map();
         activeToasts.forEach((t, i) => indexMap.set(t.id, i));
-        return (h("div", { key: '69257f7c4c7531bf41fa829da3c577321172e631', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
+        return (h("div", { key: 'ae174f148eb5191be7d4ad6704c77568f4b5abb2', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
                 this.expanded = true;
                 this.pauseTimers();
             }, onMouseLeave: () => {

package/dist/collection/components/sd-toggle/sd-toggle.js

@@ -28,7 +28,7 @@ export class SdToggle {
         this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: 'bbb579fc0ab7b950c6c2275b9d7e0bf6771f38e8', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: '02f71df5eddaf3223a99f51287f7bfd86373e8ab', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: '49060a3fb1c606cd676047f3ab4c41855aebfc0e', class: "sd-toggle__label" }, this.label), h("div", { key: '14a9fb46f79f60587a4cfe0c1540fe1226bf6cd5', class: "sd-toggle__track" }, h("div", { key: '1a4180d5c94b7834677aa3e8169ec2f6e60b2700', class: "sd-toggle__thumb" }))));
+        return (h("label", { key: 'f6501486607b113d7ca127193eb7fdbcbac00260', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'e63d90a710779cd3d6b90c865716c9efc43c81d2', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: '10675257acc33a71f7ed76ea9474879f04acc0e0', class: "sd-toggle__label" }, this.label), h("div", { key: 'ec67a74eb272b24739867b50b5fe89f62995719a', class: "sd-toggle__track" }, h("div", { key: '57c785afe9cecc62a17ca3fa7eb6663d302d9c56', class: "sd-toggle__thumb" }))));
     }
     static get is() { return "sd-toggle"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-toggle-button/sd-toggle-button.js

@@ -32,7 +32,7 @@ export class SdToggleButton {
         this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: '8d312658ab775bc778b382fec209b0c2f062fac8', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: '9fc36c158cabbe5aa2ee951635566efa2be7580e', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: '3fa26fc680be2568ceed35ce3e828d68c28bef28', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'ac81ea350a145a166cc6cefdb341b326ce84d6f3', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
     static get is() { return "sd-toggle-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-tooltip/sd-tooltip.js

@@ -42,14 +42,14 @@ export class SdTooltip {
             : {
                 onSdClick: () => (this.showTooltip = !this.showTooltip),
             };
-        return (h(Fragment, { key: '9e3f1d2d1acfe23ee3b4d5470b8daf1414d81866' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...buttonTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-floating-portal", { key: 'd02f318408db0f2e397009a97b00d8fc863a0034', parentRef: this.buttonEl, onSdClose: this.handleClose.bind(this), placement: this.placement }, h("div", { key: '76688eeb4af24053988676af62275e1b16a33097', class: {
+        return (h(Fragment, { key: '1c731d4e69b06c764396692e4292c514eb02492a' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...buttonTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-floating-portal", { key: '9ced53dea1ae6c33c091b170dd32b05a2f0d697f', parentRef: this.buttonEl, onSdClose: this.handleClose.bind(this), placement: this.placement }, h("div", { key: 'd06222bdc0db2497790f0c8d141d60308e453801', class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${this.tooltipType}`]: true,
                 [`sd-floating-menu--${this.placement}`]: true,
             }, style: {
                 '--sd-floating-bg': typeConfig.bg,
                 '--sd-floating-content': typeConfig.content,
-            } }, h("i", { key: '226ab42ebbadd1195c859a30f851e3426578c5e8', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'd4ee53550bf076481bd2f8124952fb0bdf18f944' })), h("div", { key: '3d9438ca57cc82a403659ea2b9c944d956928863', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
+            } }, h("i", { key: '49dc1d2025baea270d0886c11c10e0dda9fa09fd', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '9a00fbbff40c7f041b5914a35d0049ef1cf090d5' })), h("div", { key: 'd6169cacc0cd979b605fcfab1f68a395d1f01238', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
     }
     static get is() { return "sd-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/index.js

@@ -9,3 +9,4 @@
  */
 export { format } from './utils/utils';
 export { sdToast } from './utils/toast';
+export { sdModal } from './utils/modal';

package/dist/collection/utils/modal.js

@@ -0,0 +1,103 @@
+const MODAL_CONTAINER_TAG = 'sd-modal-container';
+class ModalDialogChainImpl {
+    modalId;
+    okFn;
+    cancelFn;
+    containerRef;
+    pendingActions = [];
+    constructor(id, containerRef) {
+        this.modalId = id;
+        this.containerRef = containerRef;
+    }
+    onOk(fn) {
+        this.okFn = fn;
+        return this;
+    }
+    onCancel(fn) {
+        this.cancelFn = fn;
+        return this;
+    }
+    update(props) {
+        this.runOrQueue(() => {
+            this.containerRef.update?.(this.modalId, props);
+        });
+        return this;
+    }
+    _triggerOk() {
+        this.okFn?.();
+    }
+    _triggerCancel() {
+        this.cancelFn?.();
+    }
+    _setId(id) {
+        this.modalId = id;
+        const pendingActions = [...this.pendingActions];
+        this.pendingActions = [];
+        pendingActions.forEach(action => action());
+    }
+    runOrQueue(action) {
+        if (this.modalId) {
+            action();
+            return;
+        }
+        this.pendingActions.push(action);
+    }
+}
+let containerEl = null;
+function applyGlobalOptions(container, options) {
+    if (!options)
+        return;
+    if (options.zIndex != null)
+        container.style.setProperty('--sd-modal-container-z-index', String(options.zIndex));
+}
+function assertBrowserEnvironment() {
+    if (typeof window === 'undefined' || typeof document === 'undefined' || typeof customElements === 'undefined') {
+        throw new Error('[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.');
+    }
+}
+function assertModalContainerDefined() {
+    if (!customElements.get(MODAL_CONTAINER_TAG)) {
+        throw new Error('[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.');
+    }
+}
+function getContainer(options) {
+    assertBrowserEnvironment();
+    assertModalContainerDefined();
+    if (containerEl && document.body.contains(containerEl)) {
+        applyGlobalOptions(containerEl, options);
+        return containerEl;
+    }
+    containerEl = document.createElement(MODAL_CONTAINER_TAG);
+    applyGlobalOptions(containerEl, options);
+    document.body.appendChild(containerEl);
+    return containerEl;
+}
+async function whenReady(el) {
+    await customElements.whenDefined(MODAL_CONTAINER_TAG);
+    if (typeof el.open === 'function')
+        return Promise.resolve();
+    throw new Error('[sdModal] `sd-modal-container` is registered but not ready to open dialogs.');
+}
+export const sdModal = {
+    confirm(options) {
+        const container = getContainer();
+        const chain = new ModalDialogChainImpl('', container);
+        whenReady(container).then(async () => {
+            const id = await container.open(options, chain);
+            chain._setId(id);
+        });
+        return chain;
+    },
+    notice(options) {
+        const container = getContainer();
+        const chain = new ModalDialogChainImpl('', container);
+        whenReady(container).then(async () => {
+            const id = await container.openNotice(options, chain);
+            chain._setId(id);
+        });
+        return chain;
+    },
+    configure(options) {
+        getContainer(options);
+    },
+};

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-B1vJXa29.js";function t(t,n,e){return(t||"")+(n?" "+n:"")+(e?" "+e:"")}let n=null;function e(t,n){n&&(n.position&&t.setAttribute("position",n.position),null!=n.maxVisible&&t.setAttribute("max-visible",n.maxVisible+""),null!=n.defaultDuration&&t.setAttribute("default-duration",n.defaultDuration+""),null!=n.zIndex&&t.setAttribute("z-index",n.zIndex+""))}function o(t){return n&&document.body.contains(n)?(e(n,t),n):(n=document.createElement("sd-toast-container"),e(n,t),document.body.appendChild(n),n)}function i(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const u={async create(t,n,e){const{globalOptions:s,...a}=e??{},r=o(s);return await i(r),r.create({message:t,type:n,...a})},async dismiss(t){if(n)return await i(n),n.dismiss(t)},async dismissAll(){if(n)return await i(n),n.dismissAll()},configure(t){o(t)}};export{t as format,u as sdToast}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-B1vJXa29.js";function n(n,t,e){return(n||"")+(t?" "+t:"")+(e?" "+e:"")}let t=null;function e(n,t){t&&(t.position&&n.setAttribute("position",t.position),null!=t.maxVisible&&n.setAttribute("max-visible",t.maxVisible+""),null!=t.defaultDuration&&n.setAttribute("default-duration",t.defaultDuration+""),null!=t.zIndex&&n.setAttribute("z-index",t.zIndex+""))}function o(n){return t&&document.body.contains(t)?(e(t,n),t):(t=document.createElement("sd-toast-container"),e(t,n),document.body.appendChild(t),t)}function i(n){return"function"==typeof n.create?Promise.resolve():new Promise((t=>{const e=()=>{"function"==typeof n.create?t():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const u={async create(n,t,e){const{globalOptions:s,...r}=e??{},a=o(s);return await i(a),a.create({message:n,type:t,...r})},async dismiss(n){if(t)return await i(t),t.dismiss(n)},async dismissAll(){if(t)return await i(t),t.dismissAll()},configure(n){o(n)}},c="sd-modal-container";class d{modalId;okFn;cancelFn;containerRef;pendingActions=[];constructor(n,t){this.modalId=n,this.containerRef=t}onOk(n){return this.okFn=n,this}onCancel(n){return this.cancelFn=n,this}update(n){return this.runOrQueue((()=>{this.containerRef.update?.(this.modalId,n)})),this}_triggerOk(){this.okFn?.()}_triggerCancel(){this.cancelFn?.()}_setId(n){this.modalId=n;const t=[...this.pendingActions];this.pendingActions=[],t.forEach((n=>n()))}runOrQueue(n){this.modalId?n():this.pendingActions.push(n)}}let l=null;function f(n,t){t&&null!=t.zIndex&&n.style.setProperty("--sd-modal-container-z-index",t.zIndex+"")}function m(n){return function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}(),function(){if(!customElements.get(c))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),l&&document.body.contains(l)?(f(l,n),l):(l=document.createElement(c),f(l,n),document.body.appendChild(l),l)}async function h(n){if(await customElements.whenDefined(c),"function"==typeof n.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}const w={confirm(n){const t=m(),e=new d("",t);return h(t).then((async()=>{const o=await t.open(n,e);e._setId(o)})),e},notice(n){const t=m(),e=new d("",t);return h(t).then((async()=>{const o=await t.openNotice(n,e);e._setId(o)})),e},configure(n){m(n)}};export{n as format,w as sdModal,u as sdToast}

package/dist/components/{p-eM9OCX16.js → p-B0wG418y.js}

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as o,t as i}from"./p-B1vJXa29.js";import{d}from"./p-CyfWQr0q.js";import{d as n}from"./p-CXoqcDFa.js";import{d as r}from"./p-CpfPgt7c.js";import{d as a}from"./p-gnF0_mDJ.js";import{d as c}from"./p-BvBroZuS.js";import{d as h}from"./p-C6uWXKpX.js";import{d as l}from"./p-CgwiT7OF.js";import{d as p}from"./p-DKcKp__V.js";import{d as m}from"./p-41grr69M.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.optionClick=s(this,"sdOptionClick"),this.optionFiltered=s(this,"sdOptionFiltered"),this.scroll=s(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=[];searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],o=s?.[this.itemIndex];o&&(this.optionRef=o,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),o=Math.min((this.useAll?e+1:e)+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,o=t.offsetTop,i=t.offsetHeight,d=s.scrollTop,n=s.clientHeight,r=s.querySelector(".sd-select-search-input"),a=r?r.offsetHeight:0,c=d+n;o<d+a?s.scrollTo({top:o-a,behavior:e}):o+i>c&&s.scrollTo({top:o+i-n+a,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return o("div",{key:"4f22112f05b66852b064a73f3d20ee0d633a6989",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&o("sd-select-search-input",{key:"e068422c6d4586dc833489a0d77f0a78a4f02ada",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>o("slot",{name:`option-${t.value}`},o("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):o("slot",{name:"option-placeholder"},o("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}static get style(){return".sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{overflow:auto;min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}"}},[772,"sd-select-dropdown",{itemIndex:[1026,"item-index"],value:[8],options:[16],width:[1],dropdownHeight:[1,"dropdown-height"],searchable:[4],optionPlaceholder:[1,"option-placeholder"],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],filteredOptions:[32],searchText:[32],isScrolled:[32],isDropdownReady:[32]},void 0,{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-dropdown","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((t=>{switch(t){case"sd-select-dropdown":customElements.get(i(t))||customElements.define(i(t),u);break;case"sd-button":customElements.get(i(t))||d();break;case"sd-checkbox":customElements.get(i(t))||n();break;case"sd-field":customElements.get(i(t))||r();break;case"sd-floating-portal":customElements.get(i(t))||a();break;case"sd-icon":customElements.get(i(t))||c();break;case"sd-input":customElements.get(i(t))||h();break;case"sd-select-option":customElements.get(i(t))||l();break;case"sd-select-search-input":customElements.get(i(t))||p();break;case"sd-tooltip":customElements.get(i(t))||m()}}))}export{u as S,f as d}
+import{p as t,H as e,c as s,h as i,t as o}from"./p-B1vJXa29.js";import{d}from"./p-BAghib4O.js";import{d as n}from"./p-BzS0YntY.js";import{d as r}from"./p-BzUx5X3N.js";import{d as a}from"./p-CKi7RueC.js";import{d as c}from"./p-BcrOYmsG.js";import{d as h}from"./p-DyFykTJN.js";import{d as l}from"./p-CNUx4rbY.js";import{d as p}from"./p-BiCK6R-J.js";import{d as m}from"./p-DNyoL0F-.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.optionClick=s(this,"sdOptionClick"),this.optionFiltered=s(this,"sdOptionFiltered"),this.scroll=s(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=[];searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],i=s?.[this.itemIndex];i&&(this.optionRef=i,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,i=t.offsetTop,o=t.offsetHeight,d=s.scrollTop,n=s.clientHeight,r=s.querySelector(".sd-select-search-input"),a=r?r.offsetHeight:0,c=d+n;i<d+a?s.scrollTo({top:i-a,behavior:e}):i+o>c&&s.scrollTo({top:i+o-n+a,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return i("div",{key:"b9e4867efa896b6435e8fa0fafa0d5c4ba1f36a4",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{key:"8600234406b252a0d09252c4b9286870e77a6394",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}static get style(){return".sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{overflow:auto;min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}"}},[772,"sd-select-dropdown",{itemIndex:[1026,"item-index"],value:[8],options:[16],width:[1],dropdownHeight:[1,"dropdown-height"],searchable:[4],optionPlaceholder:[1,"option-placeholder"],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],filteredOptions:[32],searchText:[32],isScrolled:[32],isDropdownReady:[32]},void 0,{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-dropdown","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((t=>{switch(t){case"sd-select-dropdown":customElements.get(o(t))||customElements.define(o(t),u);break;case"sd-button":customElements.get(o(t))||d();break;case"sd-checkbox":customElements.get(o(t))||n();break;case"sd-field":customElements.get(o(t))||r();break;case"sd-floating-portal":customElements.get(o(t))||a();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-input":customElements.get(o(t))||h();break;case"sd-select-option":customElements.get(o(t))||l();break;case"sd-select-search-input":customElements.get(o(t))||p();break;case"sd-tooltip":customElements.get(o(t))||m()}}))}export{u as S,f as d}

package/dist/components/{p-CyfWQr0q.js → p-BAghib4O.js}

@@ -1 +1 @@
-import{p as t,H as o,c as n,h as s,t as i}from"./p-B1vJXa29.js";import{b as d}from"./p-KOzU1j2w.js";import{r as e}from"./p-CquSJNHV.js";import{d as a}from"./p-BvBroZuS.js";const b={xs:Number(d.size.xs.icon),sm:Number(d.size.sm.icon),md:Number(d.size.md.icon),lg:Number(d.size.lg.icon)},r=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick")}get el(){return this}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),o=e(this.color);return s("button",{key:"b1436c0cdf0267446df9cd022df68a8a6c349ca5",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"70f9450410dbc7b2603679cda397bc8f211928b1",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"ab09632262d175e8dc9a31df4e673470d128b274",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??b[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"c33e565c9108996ab4a3d84b5beaf1d8acbd5700",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"112a9649b77e7eb67198d0bf7bf407e9f7f71cd5",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:b[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}'}},[512,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],sdClass:[1,"sd-class"]}]);function u(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),r);break;case"sd-icon":customElements.get(i(t))||a()}}))}export{r as S,u as d}
+import{p as t,H as o,c as n,h as s,t as i}from"./p-B1vJXa29.js";import{b as d}from"./p-KOzU1j2w.js";import{r as e}from"./p-CquSJNHV.js";import{d as a}from"./p-BcrOYmsG.js";const b={xs:Number(d.size.xs.icon),sm:Number(d.size.sm.icon),md:Number(d.size.md.icon),lg:Number(d.size.lg.icon)},r=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick")}get el(){return this}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),o=e(this.color);return s("button",{key:"b1436c0cdf0267446df9cd022df68a8a6c349ca5",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"70f9450410dbc7b2603679cda397bc8f211928b1",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"ab09632262d175e8dc9a31df4e673470d128b274",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??b[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"c33e565c9108996ab4a3d84b5beaf1d8acbd5700",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"112a9649b77e7eb67198d0bf7bf407e9f7f71cd5",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:b[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}'}},[512,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],sdClass:[1,"sd-class"]}]);function u(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),r);break;case"sd-icon":customElements.get(i(t))||a()}}))}export{r as S,u as d}

package/dist/components/{p-D8OiOEB8.js → p-BCPAPvp8.js}

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as i,t as l}from"./p-B1vJXa29.js";import{c as o,d as h,f as r,E as d,e as c}from"./p-CC6lx8di.js";import{d as n}from"./p-CXoqcDFa.js";import{d as a}from"./p-BvBroZuS.js";import{d as m}from"./p-BBpn_mYj.js";import{d as u}from"./p-dBp4oI6E.js";const x=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.optionSelect=e(this,"sdOptionSelect")}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;optionSelect;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?o(this.options):this.options.length)>=h}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return r(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((s=>s.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===o(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const s=this.getSelectedValues();if(0===s.size)return!1;const e=this.findOriginalOption(t.value,this.options),i=this.collectLeaves(e??t),l=i.filter((t=>s.has(t.value))).length;return 0!==l&&(l===i.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const s=this.getSelectedValues(),e=this.findOriginalOption(t.value,this.options),i=this.collectLeaves(e||t);return{selected:i.filter((t=>s.has(t.value))).length,total:i.length}}findOriginalOption(t,s){for(const e of s){if(e.value===t)return e;if(e.children){const s=this.findOriginalOption(t,e.children);if(s)return s}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};handleOptionClick=t=>{t.stopPropagation(),this.optionSelect.emit(t.detail)};renderOptions(t,s=1){return t.map((t=>{const e=!!t.children;return[i("sd-select-v2-list-item",{option:t,depth:s,isSelected:e?this.getGroupSelectionState(t):this.isOptionSelected(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick}),e&&t.children?this.renderOptions(t.children,s+1):null]}))}render(){return i("div",{key:"9e944831366c0e956f114e3d590c21646dd76f53",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${c.radius}px`,"--listbox-padding-bottom":`${c.paddingBottom}px`}},this.showSearch&&i("sd-select-v2-list-item-search",{key:"6df5c653e7ed89b1723096801b57cfc4e105e801",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"546a982cc6d86a9ff32475343ad24e56e05dd4f3",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll},this.isEmpty?i("div",{class:"sd-select-v2-listbox__empty"},d):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick})))))}static get style(){return"sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--listbox-padding-bottom)}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}"}},[512,"sd-select-v2-listbox",{name:[1],options:[16],value:[8],emitValue:[4,"emit-value"],triggerWidth:[1,"trigger-width"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],searchKeyword:[32],isScrolled:[32]}]);function p(){"undefined"!=typeof customElements&&["sd-select-v2-listbox","sd-checkbox","sd-icon","sd-select-v2-list-item","sd-select-v2-list-item-search"].forEach((t=>{switch(t){case"sd-select-v2-listbox":customElements.get(l(t))||customElements.define(l(t),x);break;case"sd-checkbox":customElements.get(l(t))||n();break;case"sd-icon":customElements.get(l(t))||a();break;case"sd-select-v2-list-item":customElements.get(l(t))||m();break;case"sd-select-v2-list-item-search":customElements.get(l(t))||u()}}))}export{x as S,p as d}
+import{p as t,H as s,c as e,h as i,t as l}from"./p-B1vJXa29.js";import{c as h,d as o,f as r,E as c,e as d}from"./p-CC6lx8di.js";import{d as n}from"./p-BzS0YntY.js";import{d as a}from"./p-BcrOYmsG.js";import{d as m}from"./p-CQfrNtCG.js";import{d as x}from"./p-eZ82xLZt.js";const u=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.optionSelect=e(this,"sdOptionSelect")}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;optionSelect;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?h(this.options):this.options.length)>=o}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return r(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((s=>s.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===h(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const s=this.getSelectedValues();if(0===s.size)return!1;const e=this.findOriginalOption(t.value,this.options),i=this.collectLeaves(e??t),l=i.filter((t=>s.has(t.value))).length;return 0!==l&&(l===i.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const s=this.getSelectedValues(),e=this.findOriginalOption(t.value,this.options),i=this.collectLeaves(e||t);return{selected:i.filter((t=>s.has(t.value))).length,total:i.length}}findOriginalOption(t,s){for(const e of s){if(e.value===t)return e;if(e.children){const s=this.findOriginalOption(t,e.children);if(s)return s}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};handleOptionClick=t=>{t.stopPropagation(),this.optionSelect.emit(t.detail)};renderOptions(t,s=1){return t.map((t=>{const e=!!t.children;return[i("sd-select-v2-list-item",{option:t,depth:s,isSelected:e?this.getGroupSelectionState(t):this.isOptionSelected(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick}),e&&t.children?this.renderOptions(t.children,s+1):null]}))}render(){return i("div",{key:"0f92a96e763d00ee241cdca62b3b7ccad90c811a",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${d.radius}px`,"--listbox-padding-bottom":`${d.paddingBottom}px`}},this.showSearch&&i("sd-select-v2-list-item-search",{key:"7c85122be46cc77db8c28c8b3cf072bfd445d56d",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"08a4a00208e70bc77cddec12f6ad71ed8cad0071",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll},this.isEmpty?i("div",{class:"sd-select-v2-listbox__empty"},c):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick})))))}static get style(){return"sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--listbox-padding-bottom)}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}"}},[512,"sd-select-v2-listbox",{name:[1],options:[16],value:[8],emitValue:[4,"emit-value"],triggerWidth:[1,"trigger-width"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],searchKeyword:[32],isScrolled:[32]}]);function p(){"undefined"!=typeof customElements&&["sd-select-v2-listbox","sd-checkbox","sd-icon","sd-select-v2-list-item","sd-select-v2-list-item-search"].forEach((t=>{switch(t){case"sd-select-v2-listbox":customElements.get(l(t))||customElements.define(l(t),u);break;case"sd-checkbox":customElements.get(l(t))||n();break;case"sd-icon":customElements.get(l(t))||a();break;case"sd-select-v2-list-item":customElements.get(l(t))||m();break;case"sd-select-v2-list-item-search":customElements.get(l(t))||x()}}))}export{u as S,p as d}

package/dist/components/{p-Cva7D7mF.js → p-BHLuiIDM.js}

@@ -1 +1 @@
-import{p as o,H as e,c as t,h as s,t as p}from"./p-B1vJXa29.js";import{d as i}from"./p-CXoqcDFa.js";import{d as c}from"./p-BvBroZuS.js";const r=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"33914eb635e7ff2543b7e025df9dcadd0775616f",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"53d4ceaf83bbf3c093a67a5cae2a4225e42ebffc",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"e8c805485f204b715deca7f519422f7961c370ca",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"52f1efee24d5ec49e5327355227f50a9710d4261",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"9a6059929bb305c470532f1ee787390495c516c1",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}static get style(){return"sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}"}},[512,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-select-option-group","sd-checkbox","sd-icon"].forEach((o=>{switch(o){case"sd-select-option-group":customElements.get(p(o))||customElements.define(p(o),r);break;case"sd-checkbox":customElements.get(p(o))||i();break;case"sd-icon":customElements.get(p(o))||c()}}))}export{r as S,n as d}
+import{p as o,H as e,c as t,h as s,t as p}from"./p-B1vJXa29.js";import{d as i}from"./p-BzS0YntY.js";import{d as c}from"./p-BcrOYmsG.js";const r=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"7581caff61d1257d653b6f58b8d76c21225b3cc5",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"ddb33f6afaa6bc6d6dd3dc494f6ec74b9c023a42",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"14f2c7fc347718d2909e5006bf2500a9a51b0a66",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"99415ed662cc2f8f29d31e3811eb4496f8fcac47",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"a3c7dc6455a94ecd4587f8b13b4d1f10e3b58819",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}static get style(){return"sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}"}},[512,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]);function d(){"undefined"!=typeof customElements&&["sd-select-option-group","sd-checkbox","sd-icon"].forEach((o=>{switch(o){case"sd-select-option-group":customElements.get(p(o))||customElements.define(p(o),r);break;case"sd-checkbox":customElements.get(p(o))||i();break;case"sd-icon":customElements.get(p(o))||c()}}))}export{r as S,d}