@sellmate/design-system 0.0.23 → 0.0.25

package/dist/esm/sd-card.entry.js

@@ -9,7 +9,7 @@ const SdCard = class {
     bordered = true;
     class = '';
     render() {
-        return (h(Host, { key: 'aa59e9617d3a7a0f497328316d932499712e0ba1' }, h("div", { key: 'b3e91d70476abfaae652de71b4d9c2dc9ef268da', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, h("slot", { key: '03ea061b013a5fc927b0f7edca68195d0b01de2d' }))));
+        return (h(Host, { key: 'bb5d75c00c43e981de3df9497d03510baf547b10' }, h("div", { key: '7b9724fd95fef0e4c374b6f3d8ba0586abed5045', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, h("slot", { key: '047683541469ee0490e296813cb7e303127ad200' }))));
     }
 };
 SdCard.style = sdCardCss;

package/dist/esm/sd-date-picker.entry.js

@@ -80,9 +80,9 @@ const SdDatePicker = class {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '84beddb7facbc2eaabc5b606392b30f5c1601eb6', class: "sd-date-picker" }, h("sd-input", { key: 'e8110cae23aaa71047762850ab1ac0ecad39fbf8', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (h(Host, { key: 'f445a752123f1a1a7f8d28ca7472a8ffabda9441', class: "sd-date-picker" }, h("sd-input", { key: '85662ea61b192562311af23f67c1a1ad05636813', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, h("sd-icon", { key: '9668799fd1b978b8d84228cbce66020ecf9c953a', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'bdd3d055e108d0965fd33b39521e45d398d56657', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '32c9bf2c90f65d7341a06f1aa885eaf5830b790d', class: "sd-date-picker__menu" }, h("div", { key: '998be0bcd3acedce805fa64b6b1d627751c7a021', class: "sd-date-picker__header" }, h("div", { key: 'fbcc16d1a914086eac22ec0769041a7cfb68c4ac', class: "year-nav" }, h("button", { key: 'a0483c5a5c11b96e4d04a8705eaeb834a67aabc1', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '417934cc7f8d3a26a1ab7f7d06c4a19cc8f71838', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '9cc39d471b835312480483054b11bfb3a524a8a4', class: "year-nav__current" }, this.currentYear), h("button", { key: '9963b625be6c33c9a7d6c4aabce8aeac04a5e5d8', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: '0414b554e1ae46b414d0829bbbbbd109241a1f0e', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '9eab999da7ef2a34f375f96ff799bf75500866da', class: "month-nav" }, h("button", { key: 'ba70f14d3344474b5faaa0778ce1838f00235880', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '3c69117050d690d06071040b7b110f28368d4b2b', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: 'a3f85e24150dcfd644ac98f4075fc63b39cc389a', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '4a2e1c80dad428397120cf226807491474b9fef0', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '11f19f794d230afb29854717520dab17b90bf6e2', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: '0dc4fb36b3395f3f626726ffc2c564b7efa7bf1f', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: '973a4f62ac5588ad8398e668dfa9a1a5808e2860', class: "sd-date-picker__body" }, [
+            }, onClick: () => this.openMenu() }, h("sd-icon", { key: '41634f9170073fbde5e44c55b5985da90763f819', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'ce630583ef81cd72ad1b8fdaab7cab2d1df278cb', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '55d4c73a3e17991ebf68495d7bed96399857de1e', class: "sd-date-picker__menu" }, h("div", { key: '0800e3a37eec27bb8a8c59a2ebd8ffdbf4e813a7', class: "sd-date-picker__header" }, h("div", { key: '1518b578ad87a0f5875d980d1c974492f32714e3', class: "year-nav" }, h("button", { key: 'e70f1d4e73650c7bccb1629b679ca366717e5506', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: 'f679a54b76e304d08c132d6784575831a5d5d61b', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '634dcbfe81d328cbc0460958208dc17aaf218158', class: "year-nav__current" }, this.currentYear), h("button", { key: '7e7cef51d7b47b7280cfff4234b88394708ea01a', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: '8a6fc4a40f567d2d1ffef5dbc08de5148203970c', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '8fad6e92b899a0cb38398ec2f4036b959377d99b', class: "month-nav" }, h("button", { key: '3180c35ad42239a6a97480a4db860182b98724f3', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '6ccef0b13fde4124e0e14959687f60dab753ae51', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: 'db7db67a1a77f02451bc0a7c97e87e3cd6c9d453', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '5df06269331e9f7ee1cb4801bfd713d433f00af4', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '65b0f49b205e9aa38a46cbe672665b31c9ffe542', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: '68f3c05f2ffb57b7fc032209dd709e5eaa6fcbdd', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: '452c22746ace6b3923acf4912edba2509a56b369', class: "sd-date-picker__body" }, [
             ...this.calendar.prevMonthDays,
             ...this.calendar.days,
             ...this.calendar.afterMonthDays,

package/dist/esm/sd-date-range-picker.entry.js

@@ -155,9 +155,9 @@ const SdDateRangePicker = class {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '7b5927d900306fe0dd51931ccc606f8cc4799298', class: "sd-date-range-picker" }, h("sd-input", { key: 'a88ecd162f6bf66d6a81b008d990741c85836702', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (h(Host, { key: '3d95128a2a654e38ceae60e6b89482a454488286', class: "sd-date-range-picker" }, h("sd-input", { key: '4f170abfe6214ffa1044020b2cd59a9219f3ef09', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, h("sd-icon", { key: '22dd8cf3231fd7409cf37474c839d08230daaf0d', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'a5067d11416437d885a42745e95f614c8b85030d', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'c4478289503f76363051fec4ea48eab63400da24', class: "sd-date-range-picker__menu" }, h("div", { key: '5aa461caf52b0cbcab7e9390b50988c410cac7cb', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '9ee59b3d4d08ab1bb22f1ca9a99b658d25163f2b', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '7478ca20ece1d0720c93ab809408af069c3a51e6', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: '221890339d4c692250a5c204c8ebffd7fff86f12', class: "header-label" }, this.prevYear), h("button", { key: 'ccc70fdb3fe6a50460d8156590927edeed0f2eba', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: 'e70523f34340c4948d014d861c5be107385e7181', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: 'ab67de7e6bcc992486bf030b5c648a22265ed411', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
+            }, onClick: () => this.openMenu() }, h("sd-icon", { key: '7c12c7e3331638f333efdea4bcd3d452eb032561', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '7312ab4a79877de6d6be3edaa404e0b9c52e28d8', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '20a485d128de2b2d0a8043cb5fe0de990364bbd8', class: "sd-date-range-picker__menu" }, h("div", { key: '19a0489246b5dccc183f3d3a040086a6a2c565f3', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '1f9c5f1188234e2306c033e8e67f9a106b3b39bc', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '52805839d2092886fe4f07c9f95a2e948b00c917', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: 'e9f323504223ccfbc4b5703346a310e58d1621c3', class: "header-label" }, this.prevYear), h("button", { key: '810c6fb9eaa16291550455ac1099c15da7b80ed6', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '44cf361ed854292f90c954522c356e17d5a45d29', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '4cc859482a2c010261b64b8ce15f5c754a2234fd', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date ===
                 this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), type: this.getDateBoxType(this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), isToday: today ===

package/dist/esm/sd-popover.entry.js

@@ -37,11 +37,11 @@ const SdPopover = class {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: 'dffadde8218c26c620b641a5d95799fbfe08b34b' }, 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: () => (console.log('click popover'), (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: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })), this.showPopover && (h("sd-tooltip-portal", { key: '6cb7de8b74b9be12131a730a2d02bd304e3524e7', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '901d1fc65e9d94c29acca872c55b02128835f4de', class: {
+        return (h(Fragment, { key: 'fb877e8d016d13fb33b49a1a4dbfed9fc01b1336' }, 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: () => (console.log('click popover'), (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: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })), this.showPopover && (h("sd-tooltip-portal", { key: '02208721da61cb84086a57c823f8e31775fdbd5e', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '3f3c4fc690dac5061bda08af37121e2b98374979', class: {
                 'sd-popover-menu': true,
                 [`sd-popover-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: '6465c9decc572754469759e6f9ba237e6098c245', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '8f65907035de80f0ac721df90a76c8cff706892e' })), h("div", { key: 'a7dedd510101561be1137fcb1f8c43dca2d13383', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: '425038b84031c4082348d7a2d5bc3384f4ce87ea', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '0a07d84656579a773924b0b066c9dbd48d44c6b3', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: 'b2daa7b83fbe582cbb829fa8b2bd8e73d3947b48', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '3ceae5f183e487f30570a471bdfada588519ac30', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '7fe6275cc500f8e963766bdfedc3f3b8a79a3609', name: "close", size: "12", color: "#AAAAAA" }))))))));
+            } }, h("i", { key: '6f0df95bafc2cbf564fd0e5a133c89f03c3a924b', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '535acee0be86db4ed58d6cc1631732541f1e475e' })), h("div", { key: 'd4366800a8cbd5a1f9630344a5ca4241b0eaa8dd', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: '1cd9de3129988c5d26be0ded5b03520ab591cb9a', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '5aae57948bd5e0fd98e73a8ae504b77ce6cdbe07', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '814ac9ba0b2cf4367bb4cd5e688fa5433fee7126', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'a21ad0a5e28f8609b2f9d9accd0be5d81ed9de5b', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '10738ec0926ea5fbc0b30b5c8c08b6cc37bf47d3', name: "close", size: "12", color: "#AAAAAA" }))))))));
     }
     static get watchers() { return {
         "show": ["watchShowHandler"]

package/dist/esm/sd-select-multiple-group.entry.js

@@ -0,0 +1,378 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CqOU6L62.js';
+import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './select-keyboard-navigation-C2JaR3A6.js';
+
+const sdSelectMultipleGroupCss = ".sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-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}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container sd-input{width:100%}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px}";
+
+const SdSelectMultipleGroup = class extends BaseDropdownEvent {
+    constructor(hostRef) {
+        super();
+        registerInstance(this, hostRef);
+        this.sdChange = createEvent(this, "sdChange");
+        this.dropDownShow = createEvent(this, "dropDownShow");
+    }
+    get el() { return getElement(this); }
+    // props
+    value = null;
+    label = '';
+    options = [];
+    placeholder = '선택';
+    optionPlaceholder = '옵션이 없습니다.';
+    width = '200px';
+    dropdownHeight = '260px';
+    disabled = false;
+    clearable = false;
+    searchable = false;
+    useCheckbox = false;
+    // props - custom styles
+    containerStyle = {};
+    triggerStyle = {};
+    dropdownStyle = {};
+    optionStyle = {};
+    labelStyle = {};
+    // props - custom slots
+    optionRenderer;
+    // states
+    filteredOptions = this.options;
+    isOpen = false;
+    searchText = null;
+    itemIndex = -1;
+    isScrolled = false;
+    // events
+    sdChange;
+    dropDownShow;
+    selectRef;
+    searchRef;
+    optionRef;
+    dropdownRef;
+    valueChanged() {
+        this.sdChange?.emit(this.value);
+    }
+    optionsChanged() {
+        this.filteredOptions = this.options;
+        this.filterOptions();
+    }
+    searchTextChanged() {
+        this.filterOptions();
+    }
+    async itemIndexChanged(newIndex, oldIndex) {
+        if (this.searchable) {
+            const searchInput = await this.getNativeInputElement();
+            if (this.itemIndex === -1) {
+                searchInput?.focus();
+                return;
+            }
+            else if (searchInput?.matches(':focus')) {
+                searchInput?.blur();
+            }
+        }
+        const optionElements = Array.from(this.dropdownRef?.querySelectorAll('.sd-select-multiple-group__dropdown sd-select-option-group') || []);
+        const currentItem = optionElements?.[this.itemIndex];
+        if (!currentItem || !this.isOpen)
+            return;
+        this.optionRef = currentItem;
+        const isOptionDisabled = await this.optionRef.isDisabled();
+        if (isOptionDisabled) {
+            newIndex > oldIndex ? this.itemIndex++ : this.itemIndex--;
+            return;
+        }
+        this.scrollToOption(currentItem);
+    }
+    async isOpenChanged() {
+        // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지
+        this.onDropdownToggle(this.isOpen);
+        const selectedOption = this.getSelectedOption();
+        if (!selectedOption) {
+            this.itemIndex = -1;
+        }
+        else {
+            this.itemIndex = this.options.indexOf(selectedOption[0]);
+        }
+        this.dropDownShow?.emit({ isOpen: this.isOpen });
+        if (this.isOpen === false)
+            return;
+        await new Promise(resolve => setTimeout(resolve, 10));
+        const optionElements = Array.from(this.dropdownRef?.querySelectorAll('.sd-select-multiple__dropdown sd-select-item') || []);
+        const currentItem = optionElements?.[this.itemIndex];
+        // 드롭다운이 열릴 때 검색 입력에 포커스
+        if (this.searchable) {
+            const searchInput = await this.getNativeInputElement();
+            searchInput?.focus();
+        }
+        if (!currentItem)
+            return;
+        await new Promise(resolve => setTimeout(resolve, 10)); // 추가 딜레이
+        this.scrollToOption(currentItem);
+    }
+    componentWillLoad() {
+        // props가 모두 설정된 후에 실행되므로 올바른 options 값을 가져올 수 있음
+        this.filteredOptions = this.options;
+        this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화
+    }
+    disconnectedCallback() {
+        this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리
+    }
+    handleDocumentClick(event) {
+        if (!this.selectRef?.contains(event.target)) {
+            this.isOpen = false;
+        }
+    }
+    handleDocumentKeydown(keyboardEvent) {
+        keyboardEvent.stopPropagation();
+        const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];
+        if (!targetKey.includes(keyboardEvent.key))
+            return;
+        keyboardEvent.preventDefault();
+        switch (keyboardEvent.key) {
+            case 'ArrowDown':
+            case 'ArrowUp':
+                const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);
+                const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);
+                this.itemIndex = nextIndex;
+                break;
+            case 'Enter':
+                const selectedOption = this.filteredOptions[this.itemIndex];
+                if (selectedOption && !selectedOption.disabled) {
+                    this.handleOptionSelection(selectedOption);
+                }
+                break;
+            case 'Escape':
+                this.isOpen = false;
+                break;
+        }
+    }
+    // event handlers
+    handleTriggerClick = (event) => {
+        event.stopPropagation();
+        if (!this.disabled) {
+            this.isOpen = !this.isOpen;
+            this.dropDownShow?.emit({ isOpen: this.isOpen });
+        }
+    };
+    handleOptionClick = (detail) => {
+        const { option, event } = detail;
+        event.stopPropagation();
+        if (option.type === 'group')
+            this.handleGroupOptionClick(detail);
+        if (option.type === 'subgroup')
+            this.handleSubGroupOptionClick(detail);
+        if (option.type === 'item')
+            this.handleOptionSelection(option);
+    };
+    handleGroupOptionClick = (detail) => {
+        const { option, isSelected } = detail;
+        const childOptions = this.filteredOptions.filter(opt => opt.parent === option.value && !opt.disabled);
+        childOptions.forEach(subgroup => {
+            this.handleSubGroupOptionClick({
+                option: subgroup,
+                isSelected: isSelected || isSelected === null,
+            });
+        });
+    };
+    handleSubGroupOptionClick = (detail) => {
+        const { option, isSelected } = detail;
+        const childOptions = this.filteredOptions.filter(opt => opt.parent === option.value && !opt.disabled);
+        if (isSelected || isSelected === null) {
+            // 모든 자식 옵션이 선택된 경우, 모두 선택 해제
+            this.value =
+                this.value?.filter(selected => !childOptions.some(child => child.value === selected.value)) ||
+                    null;
+        }
+        else {
+            // 일부 또는 전체 자식 옵션이 선택되지 않은 경우, 모두 선택
+            const newSelections = childOptions.filter(child => !this.value?.some(selected => selected.value === child.value));
+            this.value = [...(this.value || []), ...newSelections];
+        }
+    };
+    filterOptions() {
+        if (!this.searchText || this.searchText.trim() === '') {
+            // 검색어가 없으면 전체 옵션 표시
+            this.filteredOptions = this.options;
+            return;
+        }
+        const searchTerm = this.searchText.toLowerCase();
+        const matchedOptions = new Set();
+        // 1. 직접 매칭되는 옵션들 찾기
+        this.options.forEach(option => {
+            if (option.label.toLowerCase().includes(searchTerm)) {
+                matchedOptions.add(option);
+                // 매칭된 옵션의 상위 그룹들도 포함
+                this.addParentGroups(option, matchedOptions);
+            }
+        });
+        // 2. Set을 배열로 변환하고 원본 순서 유지
+        this.filteredOptions = this.options.filter(option => matchedOptions.has(option));
+    }
+    addParentGroups(option, matchedSet) {
+        if (!option.parent)
+            return;
+        const parentOption = this.options.find(opt => opt.value === option.parent);
+        if (parentOption && !matchedSet.has(parentOption)) {
+            matchedSet.add(parentOption);
+            // 재귀적으로 상위 그룹들도 추가
+            this.addParentGroups(parentOption, matchedSet);
+        }
+    }
+    getSelectedOption() {
+        return this.options.filter(option => this.value?.includes(option));
+    }
+    handleDropdownScroll = (event) => {
+        const target = event.target;
+        const scrollTop = target.scrollTop;
+        // 스크롤이 조금이라도 되면 그림자 표시
+        this.isScrolled = scrollTop > 0;
+    };
+    async getNativeInputElement() {
+        if (this.searchRef) {
+            return this.searchRef.getNativeElement();
+        }
+        return null;
+    }
+    handleOptionSelection = (option) => {
+        if (!option || option.disabled)
+            return;
+        const isAlreadySelected = this.value?.some(opt => opt.value === option.value);
+        if (isAlreadySelected) {
+            // 이미 선택된 옵션인 경우, 선택 해제
+            this.value = this.value?.filter(opt => opt.value !== option.value) || null;
+        }
+        else {
+            // 새로운 옵션 선택
+            this.value = [...(this.value || []), option];
+        }
+    };
+    getAllItemsUnderOption(parentOption) {
+        const childOptions = this.filteredOptions.filter(option => option.parent === parentOption.value && !option.disabled);
+        if (parentOption.type === 'group') {
+            // Group - 모든 하위 item들을 수집
+            const subgroupOptions = childOptions.filter(option => option.type === 'subgroup');
+            const allItemsUnderGroup = [];
+            // subgroup 하위의 모든 item
+            subgroupOptions.forEach(subgroup => {
+                const itemsUnderSubgroup = this.filteredOptions.filter(option => option.parent === subgroup.value && option.type === 'item' && !option.disabled);
+                allItemsUnderGroup.push(...itemsUnderSubgroup);
+            });
+            // Group 바로 하위 item
+            const directItems = childOptions.filter(option => option.type === 'item');
+            allItemsUnderGroup.push(...directItems);
+            return allItemsUnderGroup;
+        }
+        return childOptions.filter(option => option.type === 'item');
+    }
+    isAllChildrenSelected(groupOption) {
+        const allItems = this.getAllItemsUnderOption(groupOption);
+        if (allItems.length === 0)
+            return false;
+        const selectedItems = allItems.filter(item => this.value?.some(selected => selected.value === item.value));
+        if (selectedItems.length === allItems.length)
+            return true;
+        if (selectedItems.length > 0)
+            return null;
+        return false;
+    }
+    getChildrenOptions(parentOption) {
+        if (parentOption.type === 'group') {
+            const allItems = this.getAllItemsUnderOption(parentOption);
+            const selectedItems = allItems.filter(item => this.value?.some(selected => selected.value === item.value));
+            return {
+                selectedCount: selectedItems.length,
+                totalCount: allItems.length,
+            };
+        }
+        // Subgroup의 경우
+        const children = this.filteredOptions.filter(option => option.parent === parentOption.value);
+        return {
+            selectedCount: children.filter(child => this.value?.some(val => val.value === child.value))
+                .length,
+            totalCount: children.length,
+        };
+    }
+    closeDropdown() {
+        this.isOpen = false;
+    }
+    scrollToOption(optionElement) {
+        if (!this.dropdownRef || !optionElement)
+            return;
+        const dropdown = this.dropdownRef;
+        const optionTop = optionElement.offsetTop;
+        const optionHeight = optionElement.offsetHeight;
+        const dropdownScrollTop = dropdown.scrollTop;
+        const dropdownHeight = dropdown.clientHeight;
+        const searchContainer = dropdown.querySelector('.sd-select__search-container');
+        const searchOffset = searchContainer ? searchContainer.offsetHeight : 0;
+        const visibleTop = dropdownScrollTop + searchOffset;
+        const visibleBottom = dropdownScrollTop + dropdownHeight;
+        if (optionTop < visibleTop) {
+            dropdown.scrollTop = optionTop - searchOffset;
+        }
+        else if (optionTop + optionHeight > visibleBottom) {
+            dropdown.scrollTop = optionTop + optionHeight - dropdownHeight + searchOffset;
+        }
+    }
+    render() {
+        const style = {
+            '--select-width': this.width || '200px',
+            '--select-dropdown-height': this.dropdownHeight || '260px',
+        };
+        return (h(Host, { key: 'bb06ec5405f0d97d3f970c49370249f7a05e1996', style: style }, h("div", { key: '325998f7e153d28ecce995f836d4192dc4adfe65', class: {
+                'sd-select-multiple-group': true,
+                'sd-select-multiple-group--open': this.isOpen,
+                'sd-select-multiple-group--disabled': this.disabled,
+            }, style: this.containerStyle, ref: el => (this.selectRef = el) }, this.renderLabel(this.label, this.labelStyle), h("div", { key: 'c228f012628ffb7dd4346789c356eff8f256c2da', class: "sd-select-multiple-group__container" }, this.renderTrigger(), this.renderDropdown()))));
+    }
+    renderLabel(label, labelStyle) {
+        if (!label)
+            return null;
+        return (h("label", { class: "sd-select-multiple-group__label", style: labelStyle }, label));
+    }
+    renderTrigger() {
+        const selectedOption = this.getSelectedOption();
+        return (h("div", { class: "sd-select-multiple-group__trigger", tabindex: this.disabled ? -1 : 0, onClick: this.handleTriggerClick, style: this.triggerStyle }, h("span", { class: "sd-select-multiple-group__value" }, !selectedOption
+            ? '선택'
+            : selectedOption.length
+                ? selectedOption.map(option => option.label).join(', ')
+                : this.placeholder), this.clearable && selectedOption?.length > 0 && !this.disabled && (h("sd-icon", { key: "close-icon", name: "close", size: 10, color: "#888", class: "sd-select-multiple-group__clear", onClick: event => {
+                event.stopPropagation();
+                this.value = null;
+            } })), h("sd-icon", { key: "arrow-icon", name: "arrowDown", color: "#888", class: {
+                'sd-select-multiple-group__arrow': true,
+                'sd-select-multiple-group__arrow--open': this.isOpen,
+            } })));
+    }
+    renderDropdown() {
+        const style = {
+            '--select-width': this.width || '200px',
+            '--select-dropdown-height': this.dropdownHeight || '260px',
+        };
+        if (this.isOpen === false)
+            return null;
+        return (h("sd-portal", { open: this.isOpen, parentRef: this.selectRef, onSdClose: this.closeDropdown }, h("div", { class: "sd-select-multiple-group__dropdown", style: { ...style, ...this.dropdownStyle }, onScroll: this.handleDropdownScroll, ref: el => (this.dropdownRef = el) }, this.searchable && (h("div", { class: {
+                'sd-select-multiple-group__search-container': true,
+                'sd-select-multiple-group__search-container--scrolled': this.isScrolled,
+            }, onClick: event => event.stopPropagation() }, h("sd-input", { ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdInput: event => {
+                this.searchText = String(event?.detail);
+            }, onSdFocus: () => {
+                this.itemIndex = -1;
+            }, onKeyDown: e => {
+                if (e.code === 'Enter')
+                    e.stopPropagation();
+            } }, h("sd-icon", { name: "search", size: 16, color: "#737373", slot: "prefix" })))), this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) => (h("slot", { name: `option-${option.value}` }, h("sd-select-option-group", { option: option, index: index, isSelected: option.type === 'item'
+                ? this.value?.some(selected => selected.value === option.value)
+                : this.isAllChildrenSelected(option), isFocused: index === this.itemIndex, optionStyle: this.optionStyle, onOptionClick: ({ detail, }) => {
+                if (option.type !== 'item' && !this.useCheckbox) {
+                    return;
+                }
+                this.handleOptionClick(detail);
+            }, useCheckbox: this.useCheckbox, ...(option.type !== 'item' && { countInfo: this.getChildrenOptions(option) }) }))))) : (h("slot", { name: "option-placeholder" }, h("div", { class: 'sd-select-multiple-group__option-placeholder', style: this.optionStyle }, this.optionPlaceholder))))));
+    }
+    static get watchers() { return {
+        "value": ["valueChanged"],
+        "options": ["optionsChanged"],
+        "searchText": ["searchTextChanged"],
+        "itemIndex": ["itemIndexChanged"],
+        "isOpen": ["isOpenChanged"]
+    }; }
+};
+SdSelectMultipleGroup.style = sdSelectMultipleGroupCss;
+
+export { SdSelectMultipleGroup as sd_select_multiple_group };
+//# sourceMappingURL=sd-select-multiple-group.entry.js.map

package/dist/esm/sd-select-multiple-group.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-select-multiple-group.entry.js","sources":["src/components/sd-select-multiple-group/sd-select-multiple-group.scss?tag=sd-select-multiple-group","src/components/sd-select-multiple-group/sd-select-multiple-group.tsx"],"sourcesContent":["@import 'variables';\r\n@import 'extend';\r\n\r\nsd-select-multiple-group {\r\n display: inline-block;\r\n height: fit-content;\r\n .sd-select-multiple-group {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  width: var(--select-width, 200px);\r\n  cursor: pointer;\r\n  user-select: none;\r\n  border: 1px solid $grey_55;\r\n  border-radius: 4px;\r\n  background-color: white;\r\n  color: $grey_90;\r\n\r\n  &:hover:not(.sd-select-multiple-group--disabled) {\r\n   background: $grey_10;\r\n  }\r\n\r\n  &.sd-select-multiple-group--disabled {\r\n   cursor: not-allowed;\r\n   background-color: $grey_20;\r\n   border-color: $grey_45;\r\n\r\n   .sd-select-multiple-group__label {\r\n    border-right: 1px solid $grey_45;\r\n   }\r\n\r\n   .sd-select-multiple-group__trigger {\r\n    color: $grey_65;\r\n    &:focus,\r\n    &:focus-visible,\r\n    &:focus-within {\r\n     outline: none !important;\r\n    }\r\n   }\r\n  }\r\n\r\n  &__label {\r\n   font-size: 12px;\r\n   font-weight: 500;\r\n   color: $grey_90;\r\n   padding: 4px 12px;\r\n   border-right: 1px solid $grey_45;\r\n   border-radius: 4px 0 0 4px;\r\n   background-color: $grey_10;\r\n  }\r\n\r\n  &__container {\r\n   position: relative;\r\n   width: 100%;\r\n   display: flex;\r\n\r\n   .sd-select-multiple-group__trigger {\r\n    padding: 4px 20px 4px 12px;\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: center;\r\n\r\n    .sd-select-multiple-group__value {\r\n     flex: 1;\r\n     overflow: hidden;\r\n     text-overflow: ellipsis;\r\n     white-space: nowrap;\r\n     line-height: 20px;\r\n     font-size: 12px;\r\n     font-weight: 400;\r\n    }\r\n\r\n    .sd-select-multiple-group__clear {\r\n     margin: 0 4px;\r\n     width: 8px;\r\n     height: 8px;\r\n     background-color: transparent;\r\n     outline: none;\r\n     border: none;\r\n    }\r\n   }\r\n\r\n   .sd-select-multiple-group__arrow {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 8px;\r\n    width: 12px;\r\n    height: 12px;\r\n    color: $grey_65;\r\n    transition: transform 0.3s ease;\r\n\r\n    &--open {\r\n     transform: rotate(180deg);\r\n    }\r\n   }\r\n  }\r\n }\r\n}\r\n\r\n.sd-select-multiple-group__dropdown {\r\n @extend %scrollBar;\r\n width: var(--select-width, 200px);\r\n max-height: var(--select-dropdown-height, 260px);\r\n padding-bottom: 2px;\r\n background-color: white;\r\n box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.1);\r\n border-radius: 4px;\r\n overflow-y: auto;\r\n color: $grey_90;\r\n\r\n .sd-select-multiple-group__search-container {\r\n  position: sticky;\r\n  top: 0;\r\n  display: flex;\r\n  width: 100%;\r\n  background-color: white;\r\n  align-items: center;\r\n  padding: 4px 8px;\r\n\r\n  sd-input {\r\n   width: 100%;\r\n  }\r\n\r\n  &--scrolled {\r\n   box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);\r\n  }\r\n }\r\n\r\n .sd-select-multiple-group__option-placeholder {\r\n  padding: 4px 12px;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n }\r\n}\r\n","import {\r\n Component,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n Prop,\r\n State,\r\n Watch,\r\n h,\r\n} from '@stencil/core';\r\nimport { BaseDropdownEvent } from '../../utils/base-dropdown-event';\r\nimport { SelectMultipleEvents, SelectOption, SelectStyleProps } from '../sd-select/sd-select';\r\nimport { SelectKeyboardNavigation } from '../../utils/select-keyboard-navigation';\r\n\r\nexport interface SelectOptionGroup extends SelectOption {\r\n type: 'group' | 'subgroup' | 'item';\r\n parent?: string;\r\n}\r\n\r\n@Component({\r\n tag: 'sd-select-multiple-group',\r\n styleUrl: 'sd-select-multiple-group.scss',\r\n})\r\nexport class SdSelectMultipleGroup extends BaseDropdownEvent {\r\n @Element() el!: HTMLElement;\r\n\r\n // props\r\n @Prop({ mutable: true }) value: SelectOptionGroup[] | null = null;\r\n @Prop() label: string = '';\r\n @Prop({ mutable: true }) options: SelectOptionGroup[] = [];\r\n @Prop() placeholder: string = '선택';\r\n @Prop() optionPlaceholder: string = '옵션이 없습니다.';\r\n @Prop() width: string = '200px';\r\n @Prop() dropdownHeight: string = '260px';\r\n @Prop() disabled: boolean = false;\r\n @Prop() clearable: boolean = false;\r\n @Prop() searchable: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n // props - custom styles\r\n @Prop() containerStyle: SelectStyleProps['containerStyle'] = {};\r\n @Prop() triggerStyle: SelectStyleProps['triggerStyle'] = {};\r\n @Prop() dropdownStyle: SelectStyleProps['dropdownStyle'] = {};\r\n @Prop() optionStyle: SelectStyleProps['optionStyle'] = {};\r\n @Prop() labelStyle: SelectStyleProps['labelStyle'] = {};\r\n\r\n // props - custom slots\r\n @Prop() optionRenderer?: (option: SelectOption, index: number, isSelected: boolean) => any;\r\n\r\n // states\r\n @State() filteredOptions = this.options;\r\n @State() isOpen: boolean = false;\r\n @State() searchText: string | null = null;\r\n @State() itemIndex: number = -1;\r\n @State() isScrolled: boolean = false;\r\n\r\n // events\r\n @Event() sdChange?: EventEmitter<SelectMultipleEvents['sdChange']>;\r\n @Event() dropDownShow?: EventEmitter<SelectMultipleEvents['dropDownShow']>;\r\n\r\n private selectRef?: HTMLElement;\r\n private searchRef?: HTMLSdInputElement;\r\n private optionRef?: HTMLSdSelectOptionGroupElement;\r\n private dropdownRef?: HTMLElement;\r\n\r\n @Watch('value')\r\n valueChanged() {\r\n  this.sdChange?.emit(this.value);\r\n }\r\n\r\n @Watch('options')\r\n optionsChanged() {\r\n  this.filteredOptions = this.options;\r\n  this.filterOptions();\r\n }\r\n\r\n @Watch('searchText')\r\n searchTextChanged() {\r\n  this.filterOptions();\r\n }\r\n\r\n @Watch('itemIndex')\r\n async itemIndexChanged(newIndex: number, oldIndex: number) {\r\n  if (this.searchable) {\r\n   const searchInput = await this.getNativeInputElement();\r\n   if (this.itemIndex === -1) {\r\n    searchInput?.focus();\r\n    return;\r\n   } else if (searchInput?.matches(':focus')) {\r\n    searchInput?.blur();\r\n   }\r\n  }\r\n\r\n  const optionElements = Array.from(\r\n   this.dropdownRef?.querySelectorAll(\r\n    '.sd-select-multiple-group__dropdown sd-select-option-group',\r\n   ) || [],\r\n  );\r\n  const currentItem = optionElements?.[this.itemIndex];\r\n\r\n  if (!currentItem || !this.isOpen) return;\r\n\r\n  this.optionRef = currentItem as HTMLSdSelectOptionGroupElement;\r\n  const isOptionDisabled = await this.optionRef.isDisabled();\r\n\r\n  if (isOptionDisabled) {\r\n   newIndex > oldIndex ? this.itemIndex++ : this.itemIndex--;\r\n   return;\r\n  }\r\n\r\n  this.scrollToOption(currentItem as HTMLElement);\r\n }\r\n\r\n @Watch('isOpen')\r\n async isOpenChanged() {\r\n  // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지\r\n  this.onDropdownToggle(this.isOpen);\r\n\r\n  const selectedOption = this.getSelectedOption();\r\n  if (!selectedOption) {\r\n   this.itemIndex = -1;\r\n  } else {\r\n   this.itemIndex = this.options.indexOf(selectedOption[0]);\r\n  }\r\n\r\n  this.dropDownShow?.emit({ isOpen: this.isOpen });\r\n\r\n  if (this.isOpen === false) return;\r\n\r\n  await new Promise(resolve => setTimeout(resolve, 10));\r\n\r\n  const optionElements = Array.from(\r\n   this.dropdownRef?.querySelectorAll('.sd-select-multiple__dropdown sd-select-item') || [],\r\n  );\r\n  const currentItem = optionElements?.[this.itemIndex];\r\n\r\n  // 드롭다운이 열릴 때 검색 입력에 포커스\r\n  if (this.searchable) {\r\n   const searchInput = await this.getNativeInputElement();\r\n   searchInput?.focus();\r\n  }\r\n\r\n  if (!currentItem) return;\r\n\r\n  await new Promise(resolve => setTimeout(resolve, 10)); // 추가 딜레이\r\n  this.scrollToOption(currentItem as HTMLElement);\r\n }\r\n\r\n componentWillLoad() {\r\n  // props가 모두 설정된 후에 실행되므로 올바른 options 값을 가져올 수 있음\r\n  this.filteredOptions = this.options;\r\n  this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화\r\n }\r\n\r\n disconnectedCallback() {\r\n  this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리\r\n }\r\n\r\n protected handleDocumentClick(event: Event): void {\r\n  if (!this.selectRef?.contains(event.target as Node)) {\r\n   this.isOpen = false;\r\n  }\r\n }\r\n\r\n protected handleDocumentKeydown(keyboardEvent: KeyboardEvent): void {\r\n  keyboardEvent.stopPropagation();\r\n  const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];\r\n  if (!targetKey.includes(keyboardEvent.key)) return;\r\n\r\n  keyboardEvent.preventDefault();\r\n  switch (keyboardEvent.key) {\r\n   case 'ArrowDown':\r\n   case 'ArrowUp':\r\n    const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);\r\n    const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);\r\n    this.itemIndex = nextIndex;\r\n    break;\r\n   case 'Enter':\r\n    const selectedOption = this.filteredOptions[this.itemIndex];\r\n    if (selectedOption && !selectedOption.disabled) {\r\n     this.handleOptionSelection(selectedOption);\r\n    }\r\n    break;\r\n   case 'Escape':\r\n    this.isOpen = false;\r\n    break;\r\n  }\r\n }\r\n\r\n // event handlers\r\n handleTriggerClick = (event: Event) => {\r\n  event.stopPropagation();\r\n\r\n  if (!this.disabled) {\r\n   this.isOpen = !this.isOpen;\r\n   this.dropDownShow?.emit({ isOpen: this.isOpen });\r\n  }\r\n };\r\n\r\n handleOptionClick = (detail: {\r\n  option: SelectOptionGroup;\r\n  isSelected: boolean | null;\r\n  index: number;\r\n  event: MouseEvent;\r\n }) => {\r\n  const { option, event } = detail;\r\n  event.stopPropagation();\r\n\r\n  if (option.type === 'group') this.handleGroupOptionClick(detail);\r\n  if (option.type === 'subgroup') this.handleSubGroupOptionClick(detail);\r\n  if (option.type === 'item') this.handleOptionSelection(option);\r\n };\r\n\r\n handleGroupOptionClick = (detail: {\r\n  option: SelectOptionGroup;\r\n  isSelected: boolean | null;\r\n  index: number;\r\n }) => {\r\n  const { option, isSelected } = detail;\r\n  const childOptions = this.filteredOptions.filter(\r\n   opt => opt.parent === option.value && !opt.disabled,\r\n  );\r\n\r\n  childOptions.forEach(subgroup => {\r\n   this.handleSubGroupOptionClick({\r\n    option: subgroup,\r\n    isSelected: isSelected || isSelected === null,\r\n   });\r\n  });\r\n };\r\n\r\n handleSubGroupOptionClick = (detail: {\r\n  option: SelectOptionGroup;\r\n  isSelected: boolean | null;\r\n }) => {\r\n  const { option, isSelected } = detail;\r\n\r\n  const childOptions = this.filteredOptions.filter(\r\n   opt => opt.parent === option.value && !opt.disabled,\r\n  );\r\n\r\n  if (isSelected || isSelected === null) {\r\n   // 모든 자식 옵션이 선택된 경우, 모두 선택 해제\r\n   this.value =\r\n    this.value?.filter(selected => !childOptions.some(child => child.value === selected.value)) ||\r\n    null;\r\n  } else {\r\n   // 일부 또는 전체 자식 옵션이 선택되지 않은 경우, 모두 선택\r\n   const newSelections = childOptions.filter(\r\n    child => !this.value?.some(selected => selected.value === child.value),\r\n   );\r\n   this.value = [...(this.value || []), ...newSelections];\r\n  }\r\n };\r\n\r\n private filterOptions() {\r\n  if (!this.searchText || this.searchText.trim() === '') {\r\n   // 검색어가 없으면 전체 옵션 표시\r\n   this.filteredOptions = this.options;\r\n   return;\r\n  }\r\n\r\n  const searchTerm = this.searchText.toLowerCase();\r\n  const matchedOptions = new Set<SelectOptionGroup>();\r\n\r\n  // 1. 직접 매칭되는 옵션들 찾기\r\n  this.options.forEach(option => {\r\n   if (option.label.toLowerCase().includes(searchTerm)) {\r\n    matchedOptions.add(option);\r\n\r\n    // 매칭된 옵션의 상위 그룹들도 포함\r\n    this.addParentGroups(option, matchedOptions);\r\n   }\r\n  });\r\n\r\n  // 2. Set을 배열로 변환하고 원본 순서 유지\r\n  this.filteredOptions = this.options.filter(option => matchedOptions.has(option));\r\n }\r\n\r\n private addParentGroups(option: SelectOptionGroup, matchedSet: Set<SelectOptionGroup>) {\r\n  if (!option.parent) return;\r\n\r\n  const parentOption = this.options.find(opt => opt.value === option.parent);\r\n  if (parentOption && !matchedSet.has(parentOption)) {\r\n   matchedSet.add(parentOption);\r\n   // 재귀적으로 상위 그룹들도 추가\r\n   this.addParentGroups(parentOption, matchedSet);\r\n  }\r\n }\r\n\r\n private getSelectedOption(): SelectOptionGroup[] {\r\n  return this.options.filter(option => this.value?.includes(option));\r\n }\r\n\r\n private handleDropdownScroll = (event: Event) => {\r\n  const target = event.target as HTMLElement;\r\n  const scrollTop = target.scrollTop;\r\n\r\n  // 스크롤이 조금이라도 되면 그림자 표시\r\n  this.isScrolled = scrollTop > 0;\r\n };\r\n\r\n private async getNativeInputElement(): Promise<HTMLInputElement | null> {\r\n  if (this.searchRef) {\r\n   return this.searchRef.getNativeElement();\r\n  }\r\n  return null;\r\n }\r\n\r\n private handleOptionSelection = (option: SelectOptionGroup) => {\r\n  if (!option || option.disabled) return;\r\n\r\n  const isAlreadySelected = this.value?.some(opt => opt.value === option.value);\r\n  if (isAlreadySelected) {\r\n   // 이미 선택된 옵션인 경우, 선택 해제\r\n   this.value = this.value?.filter(opt => opt.value !== option.value) || null;\r\n  } else {\r\n   // 새로운 옵션 선택\r\n   this.value = [...(this.value || []), option];\r\n  }\r\n };\r\n\r\n private getAllItemsUnderOption(parentOption: SelectOptionGroup): SelectOptionGroup[] {\r\n  const childOptions = this.filteredOptions.filter(\r\n   option => option.parent === parentOption.value && !option.disabled,\r\n  );\r\n\r\n  if (parentOption.type === 'group') {\r\n   // Group - 모든 하위 item들을 수집\r\n   const subgroupOptions = childOptions.filter(option => option.type === 'subgroup');\r\n   const allItemsUnderGroup: SelectOptionGroup[] = [];\r\n\r\n   // subgroup 하위의 모든 item\r\n   subgroupOptions.forEach(subgroup => {\r\n    const itemsUnderSubgroup = this.filteredOptions.filter(\r\n     option => option.parent === subgroup.value && option.type === 'item' && !option.disabled,\r\n    );\r\n    allItemsUnderGroup.push(...itemsUnderSubgroup);\r\n   });\r\n\r\n   // Group 바로 하위 item\r\n   const directItems = childOptions.filter(option => option.type === 'item');\r\n   allItemsUnderGroup.push(...directItems);\r\n\r\n   return allItemsUnderGroup;\r\n  }\r\n\r\n  return childOptions.filter(option => option.type === 'item');\r\n }\r\n\r\n private isAllChildrenSelected(groupOption: SelectOptionGroup): boolean | null {\r\n  const allItems = this.getAllItemsUnderOption(groupOption);\r\n\r\n  if (allItems.length === 0) return false;\r\n\r\n  const selectedItems = allItems.filter(item =>\r\n   this.value?.some(selected => selected.value === item.value),\r\n  );\r\n\r\n  if (selectedItems.length === allItems.length) return true;\r\n  if (selectedItems.length > 0) return null;\r\n  return false;\r\n }\r\n\r\n private getChildrenOptions(parentOption: SelectOptionGroup) {\r\n  if (parentOption.type === 'group') {\r\n   const allItems = this.getAllItemsUnderOption(parentOption);\r\n   const selectedItems = allItems.filter(item =>\r\n    this.value?.some(selected => selected.value === item.value),\r\n   );\r\n\r\n   return {\r\n    selectedCount: selectedItems.length,\r\n    totalCount: allItems.length,\r\n   };\r\n  }\r\n\r\n  // Subgroup의 경우\r\n  const children = this.filteredOptions.filter(option => option.parent === parentOption.value);\r\n  return {\r\n   selectedCount: children.filter(child => this.value?.some(val => val.value === child.value))\r\n    .length,\r\n   totalCount: children.length,\r\n  };\r\n }\r\n\r\n closeDropdown() {\r\n  this.isOpen = false;\r\n }\r\n\r\n private scrollToOption(optionElement: HTMLElement) {\r\n  if (!this.dropdownRef || !optionElement) return;\r\n\r\n  const dropdown = this.dropdownRef;\r\n  const optionTop = optionElement.offsetTop;\r\n  const optionHeight = optionElement.offsetHeight;\r\n  const dropdownScrollTop = dropdown.scrollTop;\r\n  const dropdownHeight = dropdown.clientHeight;\r\n\r\n  const searchContainer = dropdown.querySelector('.sd-select__search-container');\r\n  const searchOffset = searchContainer ? (searchContainer as HTMLElement).offsetHeight : 0;\r\n\r\n  const visibleTop = dropdownScrollTop + searchOffset;\r\n  const visibleBottom = dropdownScrollTop + dropdownHeight;\r\n\r\n  if (optionTop < visibleTop) {\r\n   dropdown.scrollTop = optionTop - searchOffset;\r\n  } else if (optionTop + optionHeight > visibleBottom) {\r\n   dropdown.scrollTop = optionTop + optionHeight - dropdownHeight + searchOffset;\r\n  }\r\n }\r\n\r\n render() {\r\n  const style = {\r\n   '--select-width': this.width || '200px',\r\n   '--select-dropdown-height': this.dropdownHeight || '260px',\r\n  };\r\n\r\n  return (\r\n   <Host style={style}>\r\n    <div\r\n     class={{\r\n      'sd-select-multiple-group': true,\r\n      'sd-select-multiple-group--open': this.isOpen,\r\n      'sd-select-multiple-group--disabled': this.disabled,\r\n     }}\r\n     style={this.containerStyle}\r\n     ref={el => (this.selectRef = el)}\r\n    >\r\n     {this.renderLabel(this.label, this.labelStyle)}\r\n     <div class=\"sd-select-multiple-group__container\">\r\n      {this.renderTrigger()}\r\n      {this.renderDropdown()}\r\n     </div>\r\n    </div>\r\n   </Host>\r\n  );\r\n }\r\n\r\n private renderLabel(label?: string, labelStyle?: { [key: string]: string }) {\r\n  if (!label) return null;\r\n\r\n  return (\r\n   <label class=\"sd-select-multiple-group__label\" style={labelStyle}>\r\n    {label}\r\n   </label>\r\n  );\r\n }\r\n\r\n private renderTrigger() {\r\n  const selectedOption = this.getSelectedOption();\r\n  return (\r\n   <div\r\n    class=\"sd-select-multiple-group__trigger\"\r\n    tabindex={this.disabled ? -1 : 0}\r\n    onClick={this.handleTriggerClick}\r\n    style={this.triggerStyle}\r\n   >\r\n    <span class=\"sd-select-multiple-group__value\">\r\n     {!selectedOption\r\n      ? '선택'\r\n      : selectedOption.length\r\n        ? selectedOption.map(option => option.label).join(', ')\r\n        : this.placeholder}\r\n    </span>\r\n    {this.clearable && selectedOption?.length > 0 && !this.disabled && (\r\n     <sd-icon\r\n      key=\"close-icon\"\r\n      name=\"close\"\r\n      size={10}\r\n      color=\"#888\"\r\n      class=\"sd-select-multiple-group__clear\"\r\n      onClick={event => {\r\n       event.stopPropagation();\r\n       this.value = null;\r\n      }}\r\n     ></sd-icon>\r\n    )}\r\n\r\n    <sd-icon\r\n     key=\"arrow-icon\"\r\n     name=\"arrowDown\"\r\n     color=\"#888\"\r\n     class={{\r\n      'sd-select-multiple-group__arrow': true,\r\n      'sd-select-multiple-group__arrow--open': this.isOpen,\r\n     }}\r\n    ></sd-icon>\r\n   </div>\r\n  );\r\n }\r\n\r\n private renderDropdown() {\r\n  const style = {\r\n   '--select-width': this.width || '200px',\r\n   '--select-dropdown-height': this.dropdownHeight || '260px',\r\n  };\r\n\r\n  if (this.isOpen === false) return null;\r\n\r\n  return (\r\n   <sd-portal open={this.isOpen} parentRef={this.selectRef} onSdClose={this.closeDropdown}>\r\n    <div\r\n     class=\"sd-select-multiple-group__dropdown\"\r\n     style={{ ...style, ...this.dropdownStyle }}\r\n     onScroll={this.handleDropdownScroll}\r\n     ref={el => (this.dropdownRef = el)}\r\n    >\r\n     {this.searchable && (\r\n      <div\r\n       class={{\r\n        'sd-select-multiple-group__search-container': true,\r\n        'sd-select-multiple-group__search-container--scrolled': this.isScrolled,\r\n       }}\r\n       onClick={event => event.stopPropagation()}\r\n      >\r\n       <sd-input\r\n        ref={el => (this.searchRef = el)}\r\n        value={this.searchText}\r\n        placeholder=\"검색\"\r\n        clearable\r\n        inputStyle={{ 'padding-left': '8px' }}\r\n        autofocus\r\n        onSdInput={event => {\r\n         this.searchText = String(event?.detail);\r\n        }}\r\n        onSdFocus={() => {\r\n         this.itemIndex = -1;\r\n        }}\r\n        onKeyDown={e => {\r\n         if (e.code === 'Enter') e.stopPropagation();\r\n        }}\r\n       >\r\n        <sd-icon name=\"search\" size={16} color=\"#737373\" slot=\"prefix\"></sd-icon>\r\n       </sd-input>\r\n      </div>\r\n     )}\r\n     {this.filteredOptions.length > 0 ? (\r\n      this.filteredOptions.map((option, index) => (\r\n       <slot name={`option-${option.value}`}>\r\n        <sd-select-option-group\r\n         option={option}\r\n         index={index}\r\n         isSelected={\r\n          option.type === 'item'\r\n           ? this.value?.some(selected => selected.value === option.value)\r\n           : this.isAllChildrenSelected(option)\r\n         }\r\n         isFocused={index === this.itemIndex}\r\n         optionStyle={this.optionStyle}\r\n         onOptionClick={({\r\n          detail,\r\n         }: {\r\n          detail: {\r\n           option: SelectOptionGroup;\r\n           isSelected: boolean | null;\r\n           index: number;\r\n           event: MouseEvent;\r\n          };\r\n         }) => {\r\n          if (option.type !== 'item' && !this.useCheckbox) {\r\n           return;\r\n          }\r\n\r\n          this.handleOptionClick(detail);\r\n         }}\r\n         useCheckbox={this.useCheckbox}\r\n         {...(option.type !== 'item' && { countInfo: this.getChildrenOptions(option) })}\r\n        ></sd-select-option-group>\r\n       </slot>\r\n      ))\r\n     ) : (\r\n      <slot name=\"option-placeholder\">\r\n       <div class={'sd-select-multiple-group__option-placeholder'} style={this.optionStyle}>\r\n        {this.optionPlaceholder}\r\n       </div>\r\n      </slot>\r\n     )}\r\n    </div>\r\n   </sd-portal>\r\n  );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}