npm - @sellmate/design-system - Versions diffs - 1.0.16 → 1.0.18 - Mend

@sellmate/design-system 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1487) hide show

package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class SdSelectOption {
         }
     };
     render() {
-        return (h("div", { key: 'a4fcca24b0bdde4f4665585c6cede84bd3b64d59', class: {
+        return (h("div", { key: '4b16081b491eefdff34e5c328a22d3e4f98bcd0a', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,
@@ -66,7 +66,8 @@ export class SdSelectOption {
                         "SelectOption": {
                             "location": "import",
                             "path": "../../../types/select",
-                            "id": "src/types/select.ts::SelectOption"
+                            "id": "src/types/select.ts::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -220,7 +221,8 @@ export class SdSelectOption {
                         "SelectOption": {
                             "location": "import",
                             "path": "../../../types/select",
-                            "id": "src/types/select.ts::SelectOption"
+                            "id": "src/types/select.ts::SelectOption",
+                            "referenceLocation": "SelectOption"
                         },
                         "MouseEvent": {
                             "location": "global",
@@ -253,4 +255,3 @@ export class SdSelectOption {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=sd-select-option.js.map

package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js CHANGED Viewed

@@ -16,17 +16,17 @@ export class SdSelectSearchInput {
         input?.focus({ preventScroll: true });
     }
     render() {
-        return (h("div", { key: 'b19a029ef82d876c984c1f827d7a0f29bb823f5d', class: {
+        return (h("div", { key: 'abfb2e22bf259b2a8441984eb602188fcc471a07', class: {
                 'sd-select-search-input': true,
                 'sd-select-search-input--scrolled': !!this.isScrolled,
-            }, onClick: event => event.stopPropagation() }, h("sd-input", { key: '8e27f40e1b507f0c5cb2d4bde48750cd0089a9da', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
+            }, onClick: event => event.stopPropagation() }, h("sd-input", { key: '68d1d795b38973b48062fff42560289c6e6f1813', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
                 this.searchInput.emit(String(event?.detail));
             }, onSdFocus: () => {
                 this.searchFocus.emit();
             }, onKeyDown: event => {
                 if (event.code === 'Enter')
                     event.stopPropagation();
-            } }, h("sd-icon", { key: '2b38a07cbc0bb0d7dd020ece45f18bdff4c262e5', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
+            } }, h("sd-icon", { key: '6cd7f5c70e656c066d8aa0312a895a9cb30321a4', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
     }
     static get is() { return "sd-select-search-input"; }
     static get originalStyleUrls() {
@@ -159,4 +159,3 @@ export class SdSelectSearchInput {
         };
     }
 }
-//# sourceMappingURL=sd-select-search-input.js.map

package/dist/collection/components/sd-select/sd-select.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SdSelect extends BaseDropdownEvent {
     value = null;
     options = [];
     placeholder = '선택';
-    optionPlaceholder = '옵션이 없습니다.';
+    optionPlaceholder = '선택지가 없습니다.';
     width = '200px';
     dropdownHeight = '260px';
     autoFocus = false;
@@ -136,7 +136,7 @@ export class SdSelect extends BaseDropdownEvent {
         }
     };
     render() {
-        return (h("sd-field", { key: '3eecb395a34ace6342ea78c95775c2dee4332c6f', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: '002ce6f8214c57f6bddcef82d5bf711d24b47d5c', class: {
+        return (h("sd-field", { key: 'ad737ef5facfd4f2c8dfdbfc2c97010aa82ba39e', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, insideLabel: this.insideLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'ecff910f0d0d6b02f29c2f21a4264b1a573a9170', class: {
                 'sd-select': true,
                 'sd-select--disabled': this.disabled,
                 'sd-select--error': !!this.error,
@@ -253,7 +253,7 @@ export class SdSelect extends BaseDropdownEvent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "option-placeholder",
-                "defaultValue": "'\uC635\uC158\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.'"
+                "defaultValue": "'\uC120\uD0DD\uC9C0\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.'"
             },
             "width": {
                 "type": "string",
@@ -465,7 +465,8 @@ export class SdSelect extends BaseDropdownEvent {
                         "SdTooltipProps": {
                             "location": "import",
                             "path": "../sd-tooltip/sd-tooltip",
-                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps"
+                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps",
+                            "referenceLocation": "SdTooltipProps"
                         }
                     }
                 },
@@ -489,7 +490,8 @@ export class SdSelect extends BaseDropdownEvent {
                         "Rule": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::Rule"
+                            "id": "src/components.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -697,4 +699,3 @@ export class SdSelect extends BaseDropdownEvent {
             }];
     }
 }
-//# sourceMappingURL=sd-select.js.map

package/dist/collection/components/sd-select-multiple/sd-select-multiple.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { h, } from "@stencil/core";
 import { SelectKeyboardNavigation } from "../../utils/select-keyboard-navigation";
 import { BaseDropdownEvent } from "../../utils/base-dropdown-event";
+import { nanoid } from "nanoid/non-secure";
 export class SdSelectMultiple extends BaseDropdownEvent {
     constructor() {
         super();
@@ -10,7 +11,7 @@ export class SdSelectMultiple extends BaseDropdownEvent {
     value = null;
     options = [];
     placeholder = '선택';
-    optionPlaceholder = '옵션이 없습니다.';
+    optionPlaceholder = '선택지가 없습니다.';
     width = '200px';
     dropdownHeight = '260px';
     autoFocus = false;
@@ -26,7 +27,6 @@ export class SdSelectMultiple extends BaseDropdownEvent {
     labelTooltip = '';
     labelTooltipProps = null;
     // props - form
-    name;
     rules = [];
     error = false;
     optionRenderer;
@@ -42,6 +42,7 @@ export class SdSelectMultiple extends BaseDropdownEvent {
     formField;
     filteredOptions = this.options;
     dropDownWidth = this.width;
+    name = nanoid();
     async sdOpen() {
         this.isOpen = true;
     }
@@ -144,7 +145,7 @@ export class SdSelectMultiple extends BaseDropdownEvent {
         this.handleOptionSelection(option);
     };
     render() {
-        return (h("sd-field", { key: 'a70e7fefb98428e616d2f124923dfa7ee7a7c2e2', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'fda63e4e8dcc72aa0147b2981b49b7e28e377ee8', class: {
+        return (h("sd-field", { key: 'f870320a5e124564c3f1666efb8a8e98d0fcaa4d', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'f6ba635376c512745488c7bd5ba29a8dd54552fa', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
@@ -191,7 +192,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SelectOption": {
                             "location": "import",
                             "path": "../../types/select",
-                            "id": "src/types/select.ts::SelectOption"
+                            "id": "src/types/select.ts::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -215,7 +217,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SelectOption": {
                             "location": "import",
                             "path": "../../types/select",
-                            "id": "src/types/select.ts::SelectOption"
+                            "id": "src/types/select.ts::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -267,7 +270,7 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "option-placeholder",
-                "defaultValue": "'\uC635\uC158\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.'"
+                "defaultValue": "'\uC120\uD0DD\uC9C0\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.'"
             },
             "width": {
                 "type": "string",
@@ -499,7 +502,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SdTooltipProps": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::SdTooltipProps"
+                            "id": "src/components.d.ts::SdTooltipProps",
+                            "referenceLocation": "SdTooltipProps"
                         }
                     }
                 },
@@ -513,25 +517,6 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                 "setter": false,
                 "defaultValue": "null"
             },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
-            },
             "rules": {
                 "type": "unknown",
                 "mutable": false,
@@ -542,7 +527,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "Rule": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::Rule"
+                            "id": "src/components.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -586,7 +572,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SelectOption": {
                             "location": "import",
                             "path": "../../types/select",
-                            "id": "src/types/select.ts::SelectOption"
+                            "id": "src/types/select.ts::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -626,7 +613,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SelectMultipleEvents": {
                             "location": "import",
                             "path": "../../types/select",
-                            "id": "src/types/select.ts::SelectMultipleEvents"
+                            "id": "src/types/select.ts::SelectMultipleEvents",
+                            "referenceLocation": "SelectMultipleEvents"
                         }
                     }
                 }
@@ -647,7 +635,8 @@ export class SdSelectMultiple extends BaseDropdownEvent {
                         "SelectMultipleEvents": {
                             "location": "import",
                             "path": "../../types/select",
-                            "id": "src/types/select.ts::SelectMultipleEvents"
+                            "id": "src/types/select.ts::SelectMultipleEvents",
+                            "referenceLocation": "SelectMultipleEvents"
                         }
                     }
                 }
@@ -750,4 +739,3 @@ export class SdSelectMultiple extends BaseDropdownEvent {
             }];
     }
 }
-//# sourceMappingURL=sd-select-multiple.js.map

package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Fragment, h, } from "@stencil/core";
+import { nanoid } from "nanoid/non-secure";
 import { BaseDropdownEvent } from "../../utils/base-dropdown-event";
 import { SelectKeyboardNavigation } from "../../utils/select-keyboard-navigation";
 export class SdSelectMultipleGroup extends BaseDropdownEvent {
@@ -10,7 +11,7 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
     value = null;
     options = [];
     placeholder = '선택';
-    optionPlaceholder = '옵션이 없습니다.';
+    optionPlaceholder = '선택지가 없습니다.';
     width = '200px';
     dropdownHeight = '260px';
     disabled = false;
@@ -26,7 +27,6 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
     labelTooltip = '';
     labelTooltipProps = null;
     // props - form
-    name;
     rules = [];
     error = false;
     // props - custom styles
@@ -54,6 +54,7 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
     dropdownRef;
     formField;
     dropDownWidth = this.width;
+    name = nanoid();
     async sdOpen() {
         await new Promise(resolve => setTimeout(resolve, 0));
         this.isOpen = true;
@@ -388,7 +389,7 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
         });
     }
     render() {
-        return (h("sd-field", { key: '1656f964cda04b6b1c4d118c7204d2733306caac', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: '59f784d6d84365d5abf05a19338bdcefa844ce18', class: {
+        return (h("sd-field", { key: 'edcc86b68474b668acce13cd04cf2e75cdc3e5cc', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: '13b3366af18b65ac30a9e1a9a295c486351f585e', class: {
                 'sd-select-multiple-group': true,
                 'sd-select-multiple-group--open': this.isOpen,
                 'sd-select-multiple-group--disabled': this.disabled,
@@ -524,7 +525,7 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "option-placeholder",
-                "defaultValue": "'\uC635\uC158\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.'"
+                "defaultValue": "'\uC120\uD0DD\uC9C0\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.'"
             },
             "width": {
                 "type": "string",
@@ -776,7 +777,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SdTooltipProps": {
                             "location": "import",
                             "path": "../sd-tooltip/sd-tooltip",
-                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps"
+                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps",
+                            "referenceLocation": "SdTooltipProps"
                         }
                     }
                 },
@@ -790,25 +792,6 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                 "setter": false,
                 "defaultValue": "null"
             },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
-            },
             "rules": {
                 "type": "unknown",
                 "mutable": false,
@@ -819,7 +802,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "Rule": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::Rule"
+                            "id": "src/components.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -863,7 +847,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectStyleProps": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps",
+                            "referenceLocation": "SelectStyleProps"
                         }
                     }
                 },
@@ -887,7 +872,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectStyleProps": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps",
+                            "referenceLocation": "SelectStyleProps"
                         }
                     }
                 },
@@ -911,7 +897,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectStyleProps": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps",
+                            "referenceLocation": "SelectStyleProps"
                         }
                     }
                 },
@@ -935,7 +922,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectStyleProps": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps",
+                            "referenceLocation": "SelectStyleProps"
                         }
                     }
                 },
@@ -959,7 +947,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectStyleProps": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectStyleProps",
+                            "referenceLocation": "SelectStyleProps"
                         }
                     }
                 },
@@ -983,7 +972,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectOption": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOption"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -1026,7 +1016,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectMultipleEvents": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectMultipleEvents"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectMultipleEvents",
+                            "referenceLocation": "SelectMultipleEvents"
                         }
                     }
                 }
@@ -1047,7 +1038,8 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
                         "SelectMultipleEvents": {
                             "location": "import",
                             "path": "../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectMultipleEvents"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectMultipleEvents",
+                            "referenceLocation": "SelectMultipleEvents"
                         }
                     }
                 }
@@ -1162,4 +1154,3 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
             }];
     }
 }
-//# sourceMappingURL=sd-select-multiple-group.js.map

package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class SdSelectOptionGroup {
         }
     };
     render() {
-        return (h("div", { key: '8e88aacd2c3122a563fcf78bcbe9731b6a29d8c5', class: {
+        return (h("div", { key: '63fd6dc8fff45849440d58d0b7e650a6de050b75', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -48,10 +48,10 @@ export 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) }, h("div", { key: 'be4bc7f2867ea5c86505bc9284ac3de46f7077f9', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: '00063ab3a6f1d4f44671ac82dd05524968bec668', value: 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) }, h("div", { key: 'fc7f591e86c9aaf185112d54cdb267ada82c23aa', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'bd197505694f0286fa4824baa56c4d5620d455b5', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), h("span", { key: '802c908d44bf1c0db5d64bf4c8d4bab4ebe2b87c', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'efd26a2d6e4e2662410de3755b70a2a2585ad0c4', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), h("span", { key: '7ba3c181aa07d5e55116aa238c34fc2eb87ef469', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'f83d48bf3e7534c8cae987799a2b4c41bcadea87', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
     static get is() { return "sd-select-option-group"; }
     static get originalStyleUrls() {
@@ -76,7 +76,8 @@ export class SdSelectOptionGroup {
                         "SelectOptionGroup": {
                             "location": "import",
                             "path": "../../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup",
+                            "referenceLocation": "SelectOptionGroup"
                         }
                     }
                 },
@@ -268,7 +269,8 @@ export class SdSelectOptionGroup {
                         "SelectOptionGroup": {
                             "location": "import",
                             "path": "../../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup",
+                            "referenceLocation": "SelectOptionGroup"
                         },
                         "MouseEvent": {
                             "location": "global",
@@ -301,4 +303,3 @@ export class SdSelectOptionGroup {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=sd-select-option-group.js.map