@sellmate/design-system 1.0.16 → 1.0.17

package/dist/collection/components/sd-modal-card/sd-modal-card.js

@@ -8,7 +8,7 @@ export class SdModalCard {
     buttonFlexDirection = 'row';
     buttonProps;
     message = [];
-    modalClass = '';
+    sdClass = '';
     close;
     confirm;
     get pointColor() {
@@ -25,12 +25,12 @@ export class SdModalCard {
         }
     }
     get getModalClass() {
-        let modalClass = `sd-modal-card ${this.modalClass}`;
+        let modalClass = `sd-modal-card ${this.sdClass}`;
         modalClass += ' ' + `sd-modal-card-${this.system}`;
         return modalClass;
     }
     render() {
-        return (h("div", { key: '7374943ac733d43b7d6c027f074c2dfdfd859e51', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '75fd15b1241d8b4829372377a8212556828ef2f9', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: '54619f342718bb9dd0589d5963ad390f1b792843', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: '4197761d82baa632c67ff238388aa3162592d9ed', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: '586ee3e295b2091d657d54f17945d4ac12541932' }, h("div", { key: 'dad5890bd4d0dfcfca45811ae58fe3e67d29e226', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: '3af309aaa37574e5a3e74cbb3c9047216c1b74a8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { class: 'sd-modal-card__button', variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit(), ...(button.class && { class: button.class }) }))))));
+        return (h("div", { key: '0390932a29db512f09a47fbb030b1140410b6a73', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '338844b48a075507352a72a6f8784d912e1f51a0', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: '5209a86ad65c6f255a37691897940d50b15d59e8', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: '5586e88dd9882f89ccd3aff047435c7dc821cebc', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: '0f12630ca6434885e4efc0810ae552dc0f0433b5' }, h("div", { key: '04af07e88d2b65274a3ca28b3975d496917f1139', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: 'b81e9fae8781fe8e57c54c0b51adc141c13c7ba8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { sdClass: `sd-modal-card__button ${button.class || ''}`, variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onSdClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit() }))))));
     }
     static get is() { return "sd-modal-card"; }
     static get originalStyleUrls() {
@@ -186,7 +186,7 @@ export class SdModalCard {
                 "setter": false,
                 "defaultValue": "[]"
             },
-            "modalClass": {
+            "sdClass": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -203,7 +203,7 @@ export class SdModalCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "modal-class",
+                "attribute": "sd-class",
                 "defaultValue": "''"
             }
         };
@@ -252,4 +252,3 @@ export class SdModalCard {
             }];
     }
 }
-//# sourceMappingURL=sd-modal-card.js.map

package/dist/collection/components/sd-number-input/sd-number-input.js

@@ -492,7 +492,8 @@ export class SdNumberInput {
                         "Rule": {
                             "location": "import",
                             "path": "../../types/form",
-                            "id": "src/types/form.d.ts::Rule"
+                            "id": "src/types/form.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -704,7 +705,8 @@ export class SdNumberInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -725,7 +727,8 @@ export class SdNumberInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -835,4 +838,3 @@ export class SdNumberInput {
             }];
     }
 }
-//# sourceMappingURL=sd-number-input.js.map

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

@@ -169,4 +169,3 @@ export class SdPagination {
             }];
     }
 }
-//# sourceMappingURL=sd-pagination.js.map

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

@@ -30,11 +30,11 @@ export class SdPopover {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: '883bea0d5ef88bb63b4a1a2d778aedf0bce6f000' }, 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-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: '748b76d151dce05cffdd97d9803a96f14554ad3b', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '36bd2a265c89589b13e67107d57e8045a87d6b40', class: {
+        return (h(Fragment, { key: '883bea0d5ef88bb63b4a1a2d778aedf0bce6f000' }, 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-popover", onSdClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: 'f38658d537cd8cebb84e579b02c73209e8a81d3a', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '472702d7d51c08051670012fc2e930f41ad7f1b5', class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: 'cd9b298e666ce898c83576c869e60e1e5e0bb38f', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '79012e2c547a71e2084958925445ac26a8bbf7fe' })), h("div", { key: '0664419fe24318ced7cbca2da1b9e0741c48f333', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: 'a3f9238db85a7ca245cb5f794e1a9249742c3b42', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '56696f99a5400276c099a8ca69f904b4a932802c', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: 'cbdf8231857ccb20156d25758dbe2d1809e28656', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'a2f249d05c6cd40d24005307d78aea95a841b0b8', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '13ba057c4acf7ae65cfe8d722fe8bdb69ce506ac', name: "close", size: "12", color: "gery_55" }))))))));
+            } }, h("i", { key: '1895eba14b74f393c7221db83fdf97e9a8f3a1aa', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '4307eb8e750dc36cae5477b366a4ea08a59a5a45' })), h("div", { key: '840d94cf1d4e3c63346cd48a2d47c1c0b0633046', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: 'ede807dfdb2efc2a8bf8f89ef597965092c79211', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '613ea1b46810eec1958b735fc23811d66ff2ebf8', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '06712ed73687c0e99778d5fda6d75a4e07d815dd', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '20d628d8d31bd6464c26f3cf5ba894c5c3a2428f', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: 'cd1dcbe02ed55a25364e88621db5ab287eb7ed8e', name: "close", size: "12", color: "gery_55" }))))))));
     }
     static get is() { return "sd-popover"; }
     static get originalStyleUrls() {
@@ -114,7 +114,7 @@ export class SdPopover {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"youtube\" | \"warningOutline\" | \"warningFilled\" | \"warehouseSolid\" | \"warehouseLine\" | \"visibilityOn\" | \"visibilityOff\" | \"user\" | \"synchronize\" | \"star\" | \"setting\" | \"search\" | \"row\" | \"robot\" | \"reset\" | \"pdf\" | \"pageMove\" | \"pageEdit\" | \"outLine\" | \"notion\" | \"notificationOutline\" | \"notificationFilled\" | \"minus\" | \"logout\" | \"location\" | \"line\" | \"inline\" | \"imageLine\" | \"imageFill\" | \"history\" | \"helpOutline\" | \"helpFilled\" | \"global\" | \"event\" | \"etc\" | \"drag\" | \"download\" | \"remove\" | \"date\" | \"dashboard\" | \"copy\" | \"close\" | \"clockOutline\" | \"clockFilled\" | \"CheckOutline\" | \"CheckFilled\" | \"check\" | \"caretUp\" | \"caretRight\" | \"caretLeft\" | \"caretDown\" | \"cancelOutline\" | \"cancelFilled\" | \"box\" | \"board\" | \"bell\" | \"barcode\" | \"badgeNew\" | \"attachFile\" | \"arrowUp\" | \"arrowRightEnd\" | \"arrowRight\" | \"arrowLeftEnd\" | \"arrowLeft\" | \"arrowDown\" | \"arrow2UpDown\" | \"arrow2Up\" | \"arrow2Right\" | \"arrow2Left\" | \"arrow2Down\" | \"archive\" | \"alignKorean\" | \"alert\" | \"add\"",
+                    "resolved": "\"CheckFilled\" | \"CheckOutline\" | \"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "global",
@@ -184,7 +184,8 @@ export class SdPopover {
                         "ButtonSize": {
                             "location": "import",
                             "path": "../sd-button/sd-button",
-                            "id": "src/components/sd-button/sd-button.tsx::ButtonSize"
+                            "id": "src/components/sd-button/sd-button.tsx::ButtonSize",
+                            "referenceLocation": "ButtonSize"
                         }
                     }
                 },
@@ -210,7 +211,8 @@ export class SdPopover {
                         "ButtonVariant": {
                             "location": "import",
                             "path": "../sd-button/sd-button",
-                            "id": "src/components/sd-button/sd-button.tsx::ButtonVariant"
+                            "id": "src/components/sd-button/sd-button.tsx::ButtonVariant",
+                            "referenceLocation": "ButtonVariant"
                         }
                     }
                 },
@@ -357,4 +359,3 @@ export class SdPopover {
             }];
     }
 }
-//# sourceMappingURL=sd-popover.js.map

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

@@ -273,4 +273,3 @@ export class SdPortal {
             }];
     }
 }
-//# sourceMappingURL=sd-portal.js.map

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

@@ -216,4 +216,3 @@ export class SdProgress {
      });
    </script> */
 }
-//# sourceMappingURL=sd-progress.js.map

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

@@ -148,4 +148,3 @@ export class SdRadio {
             }];
     }
 }
-//# sourceMappingURL=sd-radio.js.map

package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js

@@ -190,4 +190,3 @@ export class SdRadioButtonGroup {
             }];
     }
 }
-//# sourceMappingURL=sd-radio-button-group.js.map

package/dist/collection/components/sd-radio-group/sd-radio-group.js

@@ -47,7 +47,8 @@ export class SdRadioGroup {
                         "RadioValue": {
                             "location": "import",
                             "path": "../sd-radio/sd-radio",
-                            "id": "src/components/sd-radio/sd-radio.tsx::RadioValue"
+                            "id": "src/components/sd-radio/sd-radio.tsx::RadioValue",
+                            "referenceLocation": "RadioValue"
                         }
                     }
                 },
@@ -165,7 +166,8 @@ export class SdRadioGroup {
                         "RadioValue": {
                             "location": "import",
                             "path": "../sd-radio/sd-radio",
-                            "id": "src/components/sd-radio/sd-radio.tsx::RadioValue"
+                            "id": "src/components/sd-radio/sd-radio.tsx::RadioValue",
+                            "referenceLocation": "RadioValue"
                         }
                     }
                 }
@@ -178,4 +180,3 @@ export class SdRadioGroup {
             }];
     }
 }
-//# sourceMappingURL=sd-radio-group.js.map

package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.css

@@ -34,6 +34,7 @@
 }
 
 .sd-select-dropdown {
+  min-width: fit-content;
   width: var(--select-dropdown-width, 200px);
   max-height: var(--select-dropdown-height, 260px);
   padding-bottom: 2px;

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

@@ -216,7 +216,8 @@ export class SdSelectDropdown {
                         "SelectOption": {
                             "location": "import",
                             "path": "../sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOption"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 },
@@ -373,7 +374,8 @@ export class SdSelectDropdown {
                         "SelectOption": {
                             "location": "import",
                             "path": "../sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOption"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOption",
+                            "referenceLocation": "SelectOption"
                         },
                         "MouseEvent": {
                             "location": "global",
@@ -398,7 +400,8 @@ export class SdSelectDropdown {
                         "SelectOption": {
                             "location": "import",
                             "path": "../sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOption"
+                            "id": "src/components/sd-select/sd-select.tsx::SelectOption",
+                            "referenceLocation": "SelectOption"
                         }
                     }
                 }
@@ -419,7 +422,8 @@ export class SdSelectDropdown {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -438,4 +442,3 @@ export class SdSelectDropdown {
             }];
     }
 }
-//# sourceMappingURL=sd-select-dropdown.js.map

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

@@ -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

@@ -159,4 +159,3 @@ export class SdSelectSearchInput {
         };
     }
 }
-//# sourceMappingURL=sd-select-search-input.js.map

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

@@ -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

@@ -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: 'e445d2c3f80d78be0e74b1f54371eb27d9c316e8', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: '9fad0ed744cafb9e1e5f16ee413f36edd8f2c1f3', 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