@sellmate/design-system 1.20.1 → 1.21.0

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

@@ -1,10 +1,16 @@
 import { h } from "@stencil/core";
 export class SdRadioGroup {
+    /** 현재 선택된 값 */
     value;
+    /** 라디오 옵션 목록 */
     options = [];
+    /** 옵션 배치 방향 */
     direction = 'vertical';
+    /** 비활성 상태 여부 */
     disabled = false;
+    /** input name 속성 */
     groupName;
+    /** 선택 값이 변경될 때 발생합니다. */
     change;
     valueChanged(newValue) {
         this.value = newValue;
@@ -22,7 +28,7 @@ export class SdRadioGroup {
         return classes.join(' ');
     }
     render() {
-        return (h("div", { key: 'd60a7fed2bbe1cd2d577827b10c99627aabbda66', class: this.getGroupClasses(), role: "radiogroup" }, this.options.map(option => {
+        return (h("div", { key: '3a1694daddf5794a1598838c44bc965de2976770', class: this.getGroupClasses(), role: "radiogroup" }, this.options.map(option => {
             return (h("sd-radio", { key: `radio-${option.value}`, val: String(option.value), value: String(this.value), label: option.label, disabled: this.disabled || !!option.disabled, onSdUpdate: ({ detail }) => this.handleRadioChange(detail) }));
         })));
     }
@@ -58,7 +64,7 @@ export class SdRadioGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD604\uC7AC \uC120\uD0DD\uB41C \uAC12"
                 },
                 "getter": false,
                 "setter": false,
@@ -83,7 +89,7 @@ export class SdRadioGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB77C\uB514\uC624 \uC635\uC158 \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false,
@@ -101,7 +107,7 @@ export class SdRadioGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC635\uC158 \uBC30\uCE58 \uBC29\uD5A5"
                 },
                 "getter": false,
                 "setter": false,
@@ -121,7 +127,7 @@ export class SdRadioGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBE44\uD65C\uC131 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -141,7 +147,7 @@ export class SdRadioGroup {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "input name \uC18D\uC131"
                 },
                 "getter": false,
                 "setter": false,
@@ -159,7 +165,7 @@ export class SdRadioGroup {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC120\uD0DD \uAC12\uC774 \uBCC0\uACBD\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "RadioValue",

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

@@ -2,12 +2,19 @@ import { h } from "@stencil/core";
 import { LIST_ITEM_LAYOUT, LIST_ITEM_TYPOGRAPHY, LIST_ITEM_COLORS, isHtmlLabel, } from "../sd-select.config";
 import { sanitizeInlineHtml } from "../../../utils/html/sanitize-inline-html";
 export class SdSelectListItem {
+    /** 렌더링할 옵션 데이터 */
     option;
+    /** 계층 깊이 (1~3) */
     depth = 1;
+    /** 선택 상태 (null=중간) */
     isSelected = false;
+    /** 키보드 포커스 상태 여부 */
     isFocused = false;
+    /** 체크박스 표시 여부 */
     useCheckbox = false;
+    /** 다중 선택 시 (선택/전체) 카운트 */
     countInfo;
+    /** 항목 클릭 시 발생합니다. */
     listItemClick;
     get isGroup() {
         return !!this.option.children;
@@ -71,7 +78,7 @@ export class SdSelectListItem {
         return (
         // 키보드 네비게이션은 부모 listbox 의 ArrowUp/Down + Enter 가 담당. 항목 자체는 role=option, tabindex=-1 으로 표시.
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        h("div", { key: '4322a04d65e4b2e1d82d0a6b09fdf6a57cce79ca', role: "option", tabindex: -1, "aria-selected": this.isSelected === true ? 'true' : 'false', class: {
+        h("div", { key: '7717c82ea9f36bd44bf8a19d16ba7df6441f6715', role: "option", tabindex: -1, "aria-selected": this.isSelected === true ? 'true' : 'false', class: {
                 'sd-select-list-item': true,
                 'sd-select-list-item--group': isGroup,
                 'sd-select-list-item--depth1-group': isDepth1Group,
@@ -81,7 +88,7 @@ export class SdSelectListItem {
                 'sd-select-list-item--focused': this.isFocused,
                 'sd-select-list-item--selectable': this.isSelectable && !this.option.disabled,
                 'sd-select-list-item--disabled': !!this.option.disabled,
-            }, style: cssVars, onClick: this.handleClick }, this.useCheckbox && (h("sd-checkbox", { key: '47ae4bbe3c2fd960dcee0f1157ae8003dc45f205', value: this.isSelected === null ? null : !!this.isSelected, disabled: this.option.disabled, inverse: this.isFocused && this.isSelected !== false, class: "sd-select-list-item__checkbox", onClick: this.handleCheckboxClick, onSdUpdate: this.handleCheckboxUpdate })), isHtmlLabel(this.option.label) ? (h("span", { class: "sd-select-list-item__label", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.option.label)) })) : (h("span", { class: "sd-select-list-item__label" }, this.option.label)), this.countInfo && (h("span", { key: 'c89ba1e3ef52a1809d1252aaee5a18c40ff7cd61', class: "sd-select-list-item__count" }, "(", this.countInfo.selected, "/", this.countInfo.total, ")"))));
+            }, style: cssVars, onClick: this.handleClick }, this.useCheckbox && (h("sd-checkbox", { key: '68d8c03d580fc2c411ee4fba917207705f3cf2d2', value: this.isSelected === null ? null : !!this.isSelected, disabled: this.option.disabled, inverse: this.isFocused && this.isSelected !== false, class: "sd-select-list-item__checkbox", onClick: this.handleCheckboxClick, onSdUpdate: this.handleCheckboxUpdate })), isHtmlLabel(this.option.label) ? (h("span", { class: "sd-select-list-item__label", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.option.label)) })) : (h("span", { class: "sd-select-list-item__label" }, this.option.label)), this.countInfo && (h("span", { key: '56ae08c55215a3970df99ecd74549ded5667265c', class: "sd-select-list-item__count" }, "(", this.countInfo.selected, "/", this.countInfo.total, ")"))));
     }
     static get is() { return "sd-select-list-item"; }
     static get originalStyleUrls() {
@@ -115,7 +122,7 @@ export class SdSelectListItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB80C\uB354\uB9C1\uD560 \uC635\uC158 \uB370\uC774\uD130"
                 },
                 "getter": false,
                 "setter": false
@@ -132,7 +139,7 @@ export class SdSelectListItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uACC4\uCE35 \uAE4A\uC774 (1~3)"
                 },
                 "getter": false,
                 "setter": false,
@@ -152,7 +159,7 @@ export class SdSelectListItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC120\uD0DD \uC0C1\uD0DC (null=\uC911\uAC04)"
                 },
                 "getter": false,
                 "setter": false,
@@ -172,7 +179,7 @@ export class SdSelectListItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD0A4\uBCF4\uB4DC \uD3EC\uCEE4\uC2A4 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -192,7 +199,7 @@ export class SdSelectListItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uCCB4\uD06C\uBC15\uC2A4 \uD45C\uC2DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -212,7 +219,7 @@ export class SdSelectListItem {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB2E4\uC911 \uC120\uD0DD \uC2DC (\uC120\uD0DD/\uC804\uCCB4) \uCE74\uC6B4\uD2B8"
                 },
                 "getter": false,
                 "setter": false
@@ -228,7 +235,7 @@ export class SdSelectListItem {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD56D\uBAA9 \uD074\uB9AD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "SelectOption",

package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.js

@@ -1,9 +1,12 @@
 import { h } from "@stencil/core";
 import { SEARCH_DEBOUNCE_MS } from "../sd-select.config";
 export class SdSelectListItemSearch {
+    /** 리스트가 스크롤된 상태 여부 (그림자 효과용) */
     isScrolled = false;
     searchText = '';
+    /** 검색어가 변경될 때 발생합니다. */
     searchFilter;
+    /** 검색 입력에 포커스될 때 발생합니다. */
     searchFocus;
     inputEl;
     debounceTimer;
@@ -15,6 +18,7 @@ export class SdSelectListItemSearch {
             });
         });
     }
+    /** 검색 입력에 포커스를 이동합니다. */
     async sdFocus() {
         this.inputEl?.focus();
     }
@@ -41,15 +45,15 @@ export class SdSelectListItemSearch {
             clearTimeout(this.debounceTimer);
     }
     render() {
-        return (h("div", { key: '94215143f5e47887943c726147739cdb1a9fcbf7', class: {
+        return (h("div", { key: 'fed1a43f1901d23c7c007a4597b95970c0aad4ad', class: {
                 'sd-select-list-item-search': true,
                 'sd-select-list-item-search--scrolled': this.isScrolled,
-            } }, h("div", { key: '0ff422b93d0e15f2425ef760706ae0e6e2cb79f6', class: "sd-select-list-item-search__inner" }, h("sd-icon", { key: 'cc3468339c8b76103b67182309fa3aa2baf24380', name: "search", size: 16, color: "grey_70", class: "sd-select-list-item-search__icon" }), h("input", { key: 'acc468ede845d0f5890c7908311443ea2aa156cf', ref: el => {
+            } }, h("div", { key: '23b278a4b40b7b8506a13f284b3759b96b613b99', class: "sd-select-list-item-search__inner" }, h("sd-icon", { key: '2150f73e1f20f05a28407b984977f7e91131217e', name: "search", size: 16, color: "grey_70", class: "sd-select-list-item-search__icon" }), h("input", { key: '7dc4470ea57b54ebc5f3313f6e22d100f4cc4591', ref: el => {
                 this.inputEl = el;
-            }, type: "text", class: "sd-select-list-item-search__input", placeholder: "\uAC80\uC0C9\uC5B4 \uC785\uB825", value: this.searchText, onInput: this.handleInput, onFocus: () => this.searchFocus.emit() }), h("button", { key: 'b1f1539aea4eb76458794dcb041e53c7af7b91e2', type: "button", class: {
+            }, type: "text", class: "sd-select-list-item-search__input", placeholder: "\uAC80\uC0C9\uC5B4 \uC785\uB825", value: this.searchText, onInput: this.handleInput, onFocus: () => this.searchFocus.emit() }), h("button", { key: '60a363380da8689baa1e9e20b075df749846137a', type: "button", class: {
                 'sd-select-list-item-search__clear': true,
                 'sd-select-list-item-search__clear--hidden': this.searchText === '',
-            }, onClick: this.handleClear, tabindex: this.searchText !== '' ? 0 : -1, "aria-hidden": this.searchText !== '' ? 'false' : 'true' }, h("sd-icon", { key: 'a137986e0c801a6cf95e279edeb6a9b21cf00170', name: "close", size: 12, color: "#888888" })))));
+            }, onClick: this.handleClear, tabindex: this.searchText !== '' ? 0 : -1, "aria-hidden": this.searchText !== '' ? 'false' : 'true' }, h("sd-icon", { key: '7b27eb444864674578f97eaa374d1e9af486f97a', name: "close", size: 12, color: "#888888" })))));
     }
     static get is() { return "sd-select-list-item-search"; }
     static get originalStyleUrls() {
@@ -76,7 +80,7 @@ export class SdSelectListItemSearch {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB9AC\uC2A4\uD2B8\uAC00 \uC2A4\uD06C\uB864\uB41C \uC0C1\uD0DC \uC5EC\uBD80 (\uADF8\uB9BC\uC790 \uD6A8\uACFC\uC6A9)"
                 },
                 "getter": false,
                 "setter": false,
@@ -100,7 +104,7 @@ export class SdSelectListItemSearch {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAC80\uC0C9\uC5B4\uAC00 \uBCC0\uACBD\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "string",
@@ -115,7 +119,7 @@ export class SdSelectListItemSearch {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAC80\uC0C9 \uC785\uB825\uC5D0 \uD3EC\uCEE4\uC2A4\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",
@@ -139,7 +143,7 @@ export class SdSelectListItemSearch {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uAC80\uC0C9 \uC785\uB825\uC5D0 \uD3EC\uCEE4\uC2A4\uB97C \uC774\uB3D9\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             }

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

@@ -1,18 +1,28 @@
 import { h } from "@stencil/core";
 import { LIST_BOX_LAYOUT, SEARCH_THRESHOLD, EMPTY_MESSAGE, countLeaves, filterTree, isHtmlLabel, extractText, } from "../sd-select.config";
 export class SdSelectListbox {
+    /** 셀렉트 타입 */
     type = 'default';
+    /** 옵션 목록 */
     options = [];
+    /** 현재 선택 값 */
     value = null;
+    /** 값만 emit할지 여부 */
     emitValue = false;
+    /** 검색 기능 사용 여부 */
     useSearch = false;
+    /** 전체 선택 기능 사용 여부 */
     useSelectAll = false;
+    /** 트리거 너비 (드롭다운 최소 너비) */
     triggerWidth = '200px';
+    /** 드롭다운 최대 너비 */
     maxWidth = '640px';
+    /** 드롭다운 최대 높이 */
     maxHeight = '260px';
     searchKeyword = '';
     isScrolled = false;
     focusedIndex = -1;
+    /** 옵션 선택 시 발생합니다. */
     optionSelect;
     listEl;
     lastScrolledIndex = -1;
@@ -351,9 +361,9 @@ export class SdSelectListbox {
             '--listbox-max-height': this.maxHeight ?? '260px',
             '--listbox-radius': `${LIST_BOX_LAYOUT.radius}px`,
         };
-        return (h("div", { key: '77f3df8e7105f08340cf46ee0ce146d48b927228', class: "sd-select-listbox", style: cssVars }, this.showSearch && (h("sd-select-list-item-search", { key: 'bd79903b4799e6a074895e0ea2b0987a4775a8e0', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: '08c5e0a70837025d62b08d85b0f5044b826dc133', class: "sd-select-listbox__list", onScroll: this.handleScroll, ref: el => {
+        return (h("div", { key: '6ca1107a8aadc1fbae26f3d8d3385b355981b65e', class: "sd-select-listbox", style: cssVars }, this.showSearch && (h("sd-select-list-item-search", { key: '8612b45a4e9b7d2701b8decd6865ebb50d6fcaa3', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: 'c02c9c1d96176f94d2f83c66ad3e7cc0946c0270', class: "sd-select-listbox__list", onScroll: this.handleScroll, ref: el => {
                 this.listEl = el;
-            } }, this.showSelectAll && (h("sd-select-list-item", { key: '918c481cc05f4839d6a133e68a90c68ddfac5fba', option: SdSelectListbox.SELECT_ALL_OPTION, depth: 1, isSelected: this.selectAllState, isFocused: this.isOptionFocused(SdSelectListbox.SELECT_ALL_OPTION), useCheckbox: true, onSdListItemClick: this.handleSelectAllClick, onMouseEnter: () => this.handleOptionHover(SdSelectListbox.SELECT_ALL_OPTION) })), this.isEmpty ? (h("div", { class: "sd-select-listbox__empty" }, EMPTY_MESSAGE)) : this.isDepth ? (this.renderOptions(this.filteredOptions)) : (this.filteredOptions.map(option => (h("sd-select-list-item", { option: option, depth: 1, isSelected: this.isOptionSelected(option), isFocused: this.isOptionFocused(option), useCheckbox: this.isMulti, onSdListItemClick: this.handleOptionClick, onMouseEnter: () => this.handleOptionHover(option) })))))));
+            } }, this.showSelectAll && (h("sd-select-list-item", { key: 'f4fe1769d14812ba63fb73ff21ebfdaaf9d76409', option: SdSelectListbox.SELECT_ALL_OPTION, depth: 1, isSelected: this.selectAllState, isFocused: this.isOptionFocused(SdSelectListbox.SELECT_ALL_OPTION), useCheckbox: true, onSdListItemClick: this.handleSelectAllClick, onMouseEnter: () => this.handleOptionHover(SdSelectListbox.SELECT_ALL_OPTION) })), this.isEmpty ? (h("div", { class: "sd-select-listbox__empty" }, EMPTY_MESSAGE)) : this.isDepth ? (this.renderOptions(this.filteredOptions)) : (this.filteredOptions.map(option => (h("sd-select-list-item", { option: option, depth: 1, isSelected: this.isOptionSelected(option), isFocused: this.isOptionFocused(option), useCheckbox: this.isMulti, onSdListItemClick: this.handleOptionClick, onMouseEnter: () => this.handleOptionHover(option) })))))));
     }
     static get is() { return "sd-select-listbox"; }
     static get encapsulation() { return "shadow"; }
@@ -388,7 +398,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC140\uB809\uD2B8 \uD0C0\uC785"
                 },
                 "getter": false,
                 "setter": false,
@@ -415,7 +425,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC635\uC158 \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false,
@@ -440,7 +450,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD604\uC7AC \uC120\uD0DD \uAC12"
                 },
                 "getter": false,
                 "setter": false,
@@ -460,7 +470,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAC12\uB9CC emit\uD560\uC9C0 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -480,7 +490,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAC80\uC0C9 \uAE30\uB2A5 \uC0AC\uC6A9 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -500,7 +510,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC804\uCCB4 \uC120\uD0DD \uAE30\uB2A5 \uC0AC\uC6A9 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -520,7 +530,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD2B8\uB9AC\uAC70 \uB108\uBE44 (\uB4DC\uB86D\uB2E4\uC6B4 \uCD5C\uC18C \uB108\uBE44)"
                 },
                 "getter": false,
                 "setter": false,
@@ -540,7 +550,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB4DC\uB86D\uB2E4\uC6B4 \uCD5C\uB300 \uB108\uBE44"
                 },
                 "getter": false,
                 "setter": false,
@@ -560,7 +570,7 @@ export class SdSelectListbox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB4DC\uB86D\uB2E4\uC6B4 \uCD5C\uB300 \uB192\uC774"
                 },
                 "getter": false,
                 "setter": false,
@@ -586,7 +596,7 @@ export class SdSelectListbox {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC635\uC158 \uC120\uD0DD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "SelectOptionSelectDetail",

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

@@ -2,14 +2,22 @@ import { h } from "@stencil/core";
 import { SELECT_LAYOUT, SELECT_TYPOGRAPHY, SELECT_COLORS, isHtmlLabel } from "../sd-select.config";
 import { sanitizeInlineHtml } from "../../../utils/html/sanitize-inline-html";
 export class SdSelectTrigger {
+    /** 표시할 선택된 값 텍스트 */
     displayText = '';
+    /** 미선택 상태 플레이스홀더 */
     placeholder = '선택';
+    /** 비활성 상태 여부 */
     disabled = false;
+    /** 드롭다운 열림 상태 */
     isOpen = false;
+    /** 트리거 클릭 시 발생합니다. */
     triggerClick;
+    /** 트리거 포커스 시 발생합니다. */
     triggerFocus;
+    /** 트리거 블러 시 발생합니다. */
     triggerBlur;
     triggerEl;
+    /** 트리거 엘리먼트에 포커스를 이동합니다. */
     async sdFocus() {
         if (this.disabled)
             return;
@@ -43,7 +51,7 @@ export class SdSelectTrigger {
                 ? SELECT_COLORS.icon.disabled
                 : SELECT_COLORS.icon.default,
         };
-        return (h("div", { key: '361344e040569fa6f7c2b5d16762d9b2120ca50e', ref: el => {
+        return (h("div", { key: '7f5940ce19feb2d3ae9b2cbb6b5fdeb6d0151f61', ref: el => {
                 this.triggerEl = el;
             }, role: "button", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', tabindex: this.disabled ? -1 : 0, class: {
                 'sd-select-trigger': true,
@@ -54,7 +62,7 @@ export class SdSelectTrigger {
                     e.preventDefault();
                     this.handleClick();
                 }
-            }, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '3ccbf7c188ca90dc8ba94f10ef2fa3f7cea70076', class: "sd-select-trigger__content" }, hasValue && isHtmlLabel(this.displayText) ? (h("span", { class: "sd-select-trigger__text", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.displayText)) })) : (h("span", { class: "sd-select-trigger__text" }, hasValue ? this.displayText : (this.placeholder ?? '선택'))), h("sd-icon", { key: '623f1f83d7b8c89e64f9ec8d8e3261bd771c45b4', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
+            }, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'b50dea3450ee6fd2bf30811cc33facf00761f0d1', class: "sd-select-trigger__content" }, hasValue && isHtmlLabel(this.displayText) ? (h("span", { class: "sd-select-trigger__text", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.displayText)) })) : (h("span", { class: "sd-select-trigger__text" }, hasValue ? this.displayText : (this.placeholder ?? '선택'))), h("sd-icon", { key: '778b3d1c738951f9a18950b668a34a1bc36006ca', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
                 'sd-select-trigger__icon': true,
                 'sd-select-trigger__icon--open': this.isOpen,
             } }))));
@@ -84,7 +92,7 @@ export class SdSelectTrigger {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD45C\uC2DC\uD560 \uC120\uD0DD\uB41C \uAC12 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -104,7 +112,7 @@ export class SdSelectTrigger {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBBF8\uC120\uD0DD \uC0C1\uD0DC \uD50C\uB808\uC774\uC2A4\uD640\uB354"
                 },
                 "getter": false,
                 "setter": false,
@@ -124,7 +132,7 @@ export class SdSelectTrigger {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBE44\uD65C\uC131 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -144,7 +152,7 @@ export class SdSelectTrigger {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB4DC\uB86D\uB2E4\uC6B4 \uC5F4\uB9BC \uC0C1\uD0DC"
                 },
                 "getter": false,
                 "setter": false,
@@ -163,7 +171,7 @@ export class SdSelectTrigger {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD2B8\uB9AC\uAC70 \uD074\uB9AD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",
@@ -178,7 +186,7 @@ export class SdSelectTrigger {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD2B8\uB9AC\uAC70 \uD3EC\uCEE4\uC2A4 \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",
@@ -193,7 +201,7 @@ export class SdSelectTrigger {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD2B8\uB9AC\uAC70 \uBE14\uB7EC \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",
@@ -217,7 +225,7 @@ export class SdSelectTrigger {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uD2B8\uB9AC\uAC70 \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0 \uD3EC\uCEE4\uC2A4\uB97C \uC774\uB3D9\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             }