@ncds/ui-admin 1.7.0 → 1.8.1

package/dist/temp/assets/scripts/utils/unifiedBox/unifiedBoxManager.js

@@ -1,59 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { debounce } from '../debounce';
 import { DOMRenderer } from './domRenderer';
 import { DropdownModel } from './dropdownModel';
@@ -62,41 +6,49 @@ import { UnifiedBoxController } from './unifiedBoxController';
  * 통합된 UnifiedBox 클래스
  * SelectBox와 ComboBox의 기능을 모두 포함
  */
-var UnifiedBoxManager = /** @class */ (function () {
-    function UnifiedBoxManager(element, config) {
-        if (config === void 0) { config = {}; }
-        var _this = this;
-        var _a;
+export class UnifiedBoxManager {
+    constructor(element, config = {}) {
         this.lastSearchValue = ''; // 이전 검색어 추적 (API 모드에서 옵션 교체를 위해)
         this.hasInitialOptions = false; // 초기 옵션이 있는지 여부 (select 태그 등)
         this.element = element;
         this.isComboBox = config.type === 'combobox';
         this.baseClass = this.isComboBox ? 'ncua-combobox' : 'ncua-selectbox';
-        this.config = __assign(__assign({ options: [], placeholder: this.isComboBox ? '검색하세요' : '선택하세요', maxHeight: 275, disabled: false, size: 'md', multiple: false, showFooterButtons: false, required: false, type: 'selectbox' }, config), { searchDebounceMs: (_a = config.searchDebounceMs) !== null && _a !== void 0 ? _a : 500 });
-        this.debouncedSearch = debounce(function (value, isApiMode) {
-            var _a, _b;
+        this.config = {
+            options: [],
+            placeholder: this.isComboBox ? '검색하세요' : '선택하세요',
+            maxHeight: 275,
+            disabled: false,
+            size: 'md',
+            multiple: false,
+            showFooterButtons: false,
+            required: false,
+            type: 'selectbox',
+            ...config,
+            searchDebounceMs: config.searchDebounceMs ?? 500,
+        };
+        this.debouncedSearch = debounce((value, isApiMode) => {
             if (isApiMode) {
-                _this.model.updateSearchValue(value);
+                this.model.updateSearchValue(value);
             }
             else {
-                _this.model.updateSearchAndFilter(value);
+                this.model.updateSearchAndFilter(value);
             }
-            (_b = (_a = _this.config).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+            this.config.onSearch?.(value);
             if (value.trim()) {
-                _this.controller.open();
+                this.controller.open();
             }
-            else if (!_this.model.getState().showAllItems) {
-                _this.controller.close();
+            else if (!this.model.getState().showAllItems) {
+                this.controller.close();
             }
         }, this.config.searchDebounceMs);
         this.initialize();
     }
-    UnifiedBoxManager.prototype.initialize = function () {
+    initialize() {
         this.element.innerHTML = '';
         this.setupElementClasses();
         // 초기 옵션이 있는지 확인 (select 태그 등에서 파싱된 옵션이 있는 경우)
         this.hasInitialOptions = (this.config.options && this.config.options.length > 0) || false;
-        var filterStrategy = this.isComboBox ? DropdownModel.comboBoxFilterStrategy : DropdownModel.defaultFilterStrategy;
+        const filterStrategy = this.isComboBox ? DropdownModel.comboBoxFilterStrategy : DropdownModel.defaultFilterStrategy;
         this.model = new DropdownModel(this.config.options || [], this.config.multiple || false, filterStrategy);
         this.renderer = new DOMRenderer();
         this.createUI();
@@ -104,28 +56,27 @@ var UnifiedBoxManager = /** @class */ (function () {
         if (this.config.value) {
             this.model.setValue(this.config.value);
         }
-    };
-    UnifiedBoxManager.prototype.setupElementClasses = function () {
-        this.element.className = "".concat(this.baseClass, " ").concat(this.baseClass, "--").concat(this.config.size);
+    }
+    setupElementClasses() {
+        this.element.className = `${this.baseClass} ${this.baseClass}--${this.config.size}`;
         if (this.config.disabled) {
-            this.element.classList.add("".concat(this.baseClass, "--disabled"));
+            this.element.classList.add(`${this.baseClass}--disabled`);
         }
         if (this.config.multiple) {
-            this.element.classList.add("".concat(this.baseClass, "--multiple"));
+            this.element.classList.add(`${this.baseClass}--multiple`);
         }
-    };
-    UnifiedBoxManager.prototype.createUI = function () {
+    }
+    createUI() {
         if (this.isComboBox) {
             this.createComboBoxUI();
         }
         else {
             this.createSelectBoxUI();
         }
-    };
-    UnifiedBoxManager.prototype.createComboBoxUI = function () {
-        var _this = this;
+    }
+    createComboBoxUI() {
         // 컨텐츠 컨테이너
-        var content = DOMRenderer.createElementWithClass('div', 'ncua-combobox__content');
+        const content = DOMRenderer.createElementWithClass('div', 'ncua-combobox__content');
         this.element.appendChild(content);
         // 입력 필드 생성
         this.inputField = this.renderer.createInputField({
@@ -133,25 +84,25 @@ var UnifiedBoxManager = /** @class */ (function () {
             disabled: this.config.disabled || false,
             size: this.config.size || 'md',
             showSearchIcon: true,
-            onInput: function (value) { return _this.handleInput(value); },
-            onClick: function () { return _this.handleInputClick(); },
-            onClear: function () { return _this.handleClearInput(); },
-            onShowAll: function () { return _this.handleShowAll(); },
+            onInput: (value) => this.handleInput(value),
+            onClick: () => this.handleInputClick(),
+            onClear: () => this.handleClearInput(),
+            onShowAll: () => this.handleShowAll(),
         });
         content.appendChild(this.inputField.container);
         this.triggerElement = this.inputField.input;
         // 드롭다운 생성
         this.createDropdown(content);
-    };
-    UnifiedBoxManager.prototype.createSelectBoxUI = function () {
+    }
+    createSelectBoxUI() {
         // 트리거 생성
-        var trigger = DOMRenderer.createElementWithClass('div', 'ncua-selectbox__content');
+        const trigger = DOMRenderer.createElementWithClass('div', 'ncua-selectbox__content');
         trigger.setAttribute('tabindex', this.config.disabled ? '-1' : '0');
         trigger.setAttribute('role', 'combobox');
         trigger.setAttribute('aria-expanded', 'false');
         trigger.setAttribute('aria-haspopup', 'listbox');
-        var valueSpan = DOMRenderer.createElementWithClass('span', 'ncua-selectbox__value', this.config.placeholder);
-        var arrow = DOMRenderer.createSvgIcon('chevron-down', this.config.size === 'xs' ? 14 : 16);
+        const valueSpan = DOMRenderer.createElementWithClass('span', 'ncua-selectbox__value', this.config.placeholder);
+        const arrow = DOMRenderer.createSvgIcon('chevron-down', this.config.size === 'xs' ? 14 : 16);
         arrow.classList.add('ncua-selectbox__arrow');
         trigger.appendChild(valueSpan);
         trigger.appendChild(arrow);
@@ -160,13 +111,12 @@ var UnifiedBoxManager = /** @class */ (function () {
         this.arrowElement = arrow;
         // 드롭다운 생성
         this.createDropdown(this.element);
-    };
-    UnifiedBoxManager.prototype.createDropdown = function (parent) {
-        var _this = this;
-        var dropdownStructure = this.renderer.createDropdownStructure({
+    }
+    createDropdown(parent) {
+        const dropdownStructure = this.renderer.createDropdownStructure({
             maxHeight: this.config.maxHeight || 275,
             size: this.config.size || 'md',
-            listboxId: "selectbox-".concat(Date.now()),
+            listboxId: `selectbox-${Date.now()}`,
             noResultsText: '일치하는 결과가 없습니다.',
         });
         this.dropdownElement = dropdownStructure.dropdown;
@@ -185,19 +135,18 @@ var UnifiedBoxManager = /** @class */ (function () {
                 multiple: this.config.multiple,
                 showFooterButtons: this.config.showFooterButtons,
                 selectAllButtonText: this.model.getSelectAllButtonText(),
-                onSelectAll: function () { return _this.handleSelectAll(); },
-                onEdit: this.config.onEdit ? function () { var _a, _b; return (_b = (_a = _this.config).onEdit) === null || _b === void 0 ? void 0 : _b.call(_a); } : undefined,
-                onComplete: function () { return _this.handleComplete(); },
+                onSelectAll: () => this.handleSelectAll(),
+                onEdit: this.config.onEdit ? () => this.config.onEdit?.() : undefined,
+                onComplete: () => this.handleComplete(),
             });
             this.dropdownElement.appendChild(this.footerElement);
         }
-    };
-    UnifiedBoxManager.prototype.setupController = function () {
-        var _this = this;
+    }
+    setupController() {
         if (!this.triggerElement || !this.dropdownElement) {
             throw new Error('Trigger or dropdown element not found');
         }
-        var controllerConfig = {
+        const controllerConfig = {
             triggerElement: this.triggerElement,
             dropdownElement: this.dropdownElement,
             model: this.model,
@@ -205,48 +154,46 @@ var UnifiedBoxManager = /** @class */ (function () {
             renderConfig: {
                 maxHeight: this.config.maxHeight || 275,
                 size: this.config.size || 'md',
-                listboxId: "selectbox-".concat(Date.now()),
+                listboxId: `selectbox-${Date.now()}`,
                 noResultsText: '일치하는 결과가 없습니다.',
             },
-            onOpen: function () {
-                _this.element.classList.add("".concat(_this.baseClass, "--open"));
-                if (_this.triggerElement) {
-                    _this.triggerElement.setAttribute('aria-expanded', 'true');
+            onOpen: () => {
+                this.element.classList.add(`${this.baseClass}--open`);
+                if (this.triggerElement) {
+                    this.triggerElement.setAttribute('aria-expanded', 'true');
                 }
                 // 화살표 아이콘 회전 (selectbox 타입일 때만)
-                if (!_this.isComboBox && _this.arrowElement) {
-                    _this.arrowElement.classList.add('ncua-selectbox__arrow--up');
+                if (!this.isComboBox && this.arrowElement) {
+                    this.arrowElement.classList.add('ncua-selectbox__arrow--up');
                 }
             },
-            onClose: function () {
-                _this.element.classList.remove("".concat(_this.baseClass, "--open"));
-                if (_this.triggerElement) {
-                    _this.triggerElement.setAttribute('aria-expanded', 'false');
+            onClose: () => {
+                this.element.classList.remove(`${this.baseClass}--open`);
+                if (this.triggerElement) {
+                    this.triggerElement.setAttribute('aria-expanded', 'false');
                 }
                 // 화살표 아이콘 원래대로 (selectbox 타입일 때만)
-                if (!_this.isComboBox && _this.arrowElement) {
-                    _this.arrowElement.classList.remove('ncua-selectbox__arrow--up');
+                if (!this.isComboBox && this.arrowElement) {
+                    this.arrowElement.classList.remove('ncua-selectbox__arrow--up');
                 }
             },
-            onSelectionChange: function (selectedValues) {
-                _this.handleSelectionChange(selectedValues);
+            onSelectionChange: (selectedValues) => {
+                this.handleSelectionChange(selectedValues);
             },
-            onSearch: function (searchValue) {
-                var _a, _b;
-                (_b = (_a = _this.config).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
+            onSearch: (searchValue) => {
+                this.config.onSearch?.(searchValue);
             },
             onScrollBottom: this.config.onScrollBottom,
             disabled: this.config.disabled || false,
-            canToggle: function () { return _this.canToggleDropdown(); },
+            canToggle: () => this.canToggleDropdown(),
             type: this.config.type, // 타입 정보 전달
         };
         this.controller = new UnifiedBoxController(controllerConfig);
-    };
+    }
     // 이벤트 핸들러들
-    UnifiedBoxManager.prototype.handleInput = function (value) {
-        var _a, _b;
+    handleInput(value) {
         this.debouncedSearch.cancel();
-        var isApiMode = this.isComboBox && !this.hasInitialOptions;
+        const isApiMode = this.isComboBox && !this.hasInitialOptions;
         // API 모드에서는 검색어 변경 추적
         if (isApiMode && this.lastSearchValue !== value) {
             this.lastSearchValue = value;
@@ -258,29 +205,28 @@ var UnifiedBoxManager = /** @class */ (function () {
         else {
             // 디바운싱이 0이면 즉시 실행
             this.model.updateSearchAndFilter(value);
-            var hasOptions = this.model.getState().options.length > 0 || this.model.getState().filteredOptions.length > 0;
+            const hasOptions = this.model.getState().options.length > 0 || this.model.getState().filteredOptions.length > 0;
             if (value.trim() || hasOptions) {
                 this.controller.open();
             }
             else if (!this.model.getState().showAllItems) {
                 this.controller.close();
             }
-            (_b = (_a = this.config).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+            this.config.onSearch?.(value);
         }
-    };
-    UnifiedBoxManager.prototype.handleInputClick = function () {
-        var _a, _b;
+    }
+    handleInputClick() {
         if (!this.config.disabled) {
-            (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
+            this.inputField?.focus();
             if (this.isComboBox) {
-                var currentInputValue = ((_b = this.inputField) === null || _b === void 0 ? void 0 : _b.input.value) || '';
+                const currentInputValue = this.inputField?.input.value || '';
                 if (currentInputValue.trim().length > 0 || this.model.getState().showAllItems) {
                     this.controller.open();
                 }
             }
         }
-    };
-    UnifiedBoxManager.prototype.handleClearInput = function () {
+    }
+    handleClearInput() {
         this.debouncedSearch.cancel();
         // input 필드 텍스트 지우기
         if (this.inputField) {
@@ -290,44 +236,30 @@ var UnifiedBoxManager = /** @class */ (function () {
         this.model.clearInput();
         // ComboBox 타입이고 초기 옵션이 없는 경우 (API 모드)
         // Clear 버튼 클릭 시 옵션도 완전히 비우기
-        var isApiMode = this.isComboBox && !this.hasInitialOptions;
+        const isApiMode = this.isComboBox && !this.hasInitialOptions;
         if (isApiMode) {
             this.model.updateOptions([]);
             this.lastSearchValue = '';
         }
         this.controller.close();
-    };
-    UnifiedBoxManager.prototype.handleShowAll = function () {
-        var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function () {
-            var hasOptions;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        if (!!this.config.disabled) return [3 /*break*/, 2];
-                        (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
-                        (_b = this.inputField) === null || _b === void 0 ? void 0 : _b.setValue('');
-                        this.model.updateSearchAndFilter('', true);
-                        // onSearchAll 콜백 호출 (async 함수일 경우를 대비해 Promise.resolve로 감싸서 처리)
-                        return [4 /*yield*/, Promise.resolve((_d = (_c = this.config).onSearchAll) === null || _d === void 0 ? void 0 : _d.call(_c))];
-                    case 1:
-                        // onSearchAll 콜백 호출 (async 함수일 경우를 대비해 Promise.resolve로 감싸서 처리)
-                        _e.sent();
-                        hasOptions = this.model.getState().options.length > 0 || this.model.getState().filteredOptions.length > 0;
-                        if (hasOptions) {
-                            this.controller.open();
-                        }
-                        _e.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    UnifiedBoxManager.prototype.handleSelectionChange = function (selectedValues) {
-        var _a, _b;
+    }
+    async handleShowAll() {
+        if (!this.config.disabled) {
+            this.inputField?.focus();
+            this.inputField?.setValue('');
+            this.model.updateSearchAndFilter('', true);
+            // onSearchAll 콜백 호출 (async 함수일 경우를 대비해 Promise.resolve로 감싸서 처리)
+            await Promise.resolve(this.config.onSearchAll?.());
+            const hasOptions = this.model.getState().options.length > 0 || this.model.getState().filteredOptions.length > 0;
+            if (hasOptions) {
+                this.controller.open();
+            }
+        }
+    }
+    handleSelectionChange(selectedValues) {
         this.debouncedSearch.cancel();
-        var result = this.config.multiple ? selectedValues : selectedValues[0] || '';
-        (_b = (_a = this.config).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, result);
+        const result = this.config.multiple ? selectedValues : selectedValues[0] || '';
+        this.config.onChange?.(result);
         // UI 업데이트
         if (!this.isComboBox) {
             this.updateSelectBoxValue();
@@ -340,9 +272,9 @@ var UnifiedBoxManager = /** @class */ (function () {
         if (!this.config.multiple && !this.config.showFooterButtons) {
             this.controller.close();
         }
-    };
-    UnifiedBoxManager.prototype.updateSelectBoxValue = function () {
-        var valueSpan = this.element.querySelector('.ncua-selectbox__value');
+    }
+    updateSelectBoxValue() {
+        const valueSpan = this.element.querySelector('.ncua-selectbox__value');
         if (valueSpan) {
             if (this.config.multiple) {
                 // Multiple 모드일 때는 항상 placeholder 표시
@@ -350,40 +282,37 @@ var UnifiedBoxManager = /** @class */ (function () {
             }
             else {
                 // Single 모드일 때는 선택된 옵션 또는 placeholder 표시
-                var selectedOptions = this.model.getSelectedOptions();
-                var selectedOption = selectedOptions[0];
+                const selectedOptions = this.model.getSelectedOptions();
+                const selectedOption = selectedOptions[0];
                 valueSpan.textContent = selectedOption ? selectedOption.label : this.config.placeholder || '';
             }
         }
-    };
-    UnifiedBoxManager.prototype.canToggleDropdown = function () {
-        var _a;
+    }
+    canToggleDropdown() {
         if (this.isComboBox) {
             // ComboBox의 경우: 인풋에 텍스트가 있으면 항상 토글 가능
-            var currentInputValue = ((_a = this.inputField) === null || _a === void 0 ? void 0 : _a.input.value) || '';
+            const currentInputValue = this.inputField?.input.value || '';
             return currentInputValue.trim().length > 0 || this.model.getState().showAllItems;
         }
         return true; // SelectBox는 항상 토글 가능
-    };
+    }
     // 푸터 버튼 핸들러들
-    UnifiedBoxManager.prototype.handleSelectAll = function () {
-        var _a, _b;
+    handleSelectAll() {
         if (this.config.multiple) {
             this.model.toggleSelectAll();
             this.updateSelectAllButtonText();
             // 외부 콜백 호출
-            (_b = (_a = this.config).onSelectAll) === null || _b === void 0 ? void 0 : _b.call(_a);
+            this.config.onSelectAll?.();
         }
-    };
-    UnifiedBoxManager.prototype.handleComplete = function () {
-        var _a, _b, _c, _d;
+    }
+    handleComplete() {
         if (this.config.multiple || this.isComboBox) {
-            var currentValues = this.model.getValue();
+            const currentValues = this.model.getValue();
             // SelectBox 타입이고 multiple 모드일 때만 onChange 콜백으로 현재 선택된 값들 전달
             if (!this.isComboBox && this.config.multiple && Array.isArray(currentValues)) {
-                (_b = (_a = this.config).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, currentValues);
+                this.config.onChange?.(currentValues);
             }
-            (_d = (_c = this.config).onComplete) === null || _d === void 0 ? void 0 : _d.call(_c);
+            this.config.onComplete?.();
             // ComboBox 타입인 경우에만 값 초기화 및 검색어 초기화
             if (this.isComboBox) {
                 this.model.setValue([]);
@@ -391,7 +320,7 @@ var UnifiedBoxManager = /** @class */ (function () {
                     this.inputField.setValue('');
                 }
                 this.model.clearInput();
-                var isApiMode = !this.hasInitialOptions;
+                const isApiMode = !this.hasInitialOptions;
                 if (isApiMode) {
                     this.model.updateOptions([]);
                     this.lastSearchValue = '';
@@ -399,31 +328,31 @@ var UnifiedBoxManager = /** @class */ (function () {
             }
             this.controller.close();
         }
-    };
-    UnifiedBoxManager.prototype.updateSelectAllButtonText = function () {
+    }
+    updateSelectAllButtonText() {
         if (!this.config.multiple || !this.footerElement)
             return;
         this.renderer.updateSelectAllButtonText(this.footerElement, this.model.getSelectAllButtonText());
-    };
+    }
     // Public API
-    UnifiedBoxManager.prototype.getValues = function () {
-        var selectedIds = this.model.getValue();
-        var allOptions = this.getOptions();
+    getValues() {
+        const selectedIds = this.model.getValue();
+        const allOptions = this.getOptions();
         // selectedIds가 배열이 아닌 경우 배열로 변환
-        var ids = Array.isArray(selectedIds) ? selectedIds : selectedIds ? [selectedIds] : [];
+        const ids = Array.isArray(selectedIds) ? selectedIds : selectedIds ? [selectedIds] : [];
         // 선택된 id에 해당하는 옵션 객체들을 찾아서 반환
         return ids
-            .map(function (id) { return allOptions.find(function (opt) { return opt.id === id; }); })
-            .filter(function (opt) { return opt !== undefined; });
-    };
-    UnifiedBoxManager.prototype.getOptions = function () {
+            .map((id) => allOptions.find((opt) => opt.id === id))
+            .filter((opt) => opt !== undefined);
+    }
+    getOptions() {
         return this.config.options || [];
-    };
-    UnifiedBoxManager.prototype.setValues = function (value) {
+    }
+    setValues(value) {
         // 옵션 객체 배열에서 id 배열로 변환
-        var ids = value.map(function (option) { return option.id; });
+        const ids = value.map((option) => option.id);
         // 단일 선택 모드인 경우 첫 번째 값만 사용
-        var finalIds = this.config.multiple ? ids : ids[0] || '';
+        const finalIds = this.config.multiple ? ids : ids[0] || '';
         this.model.setValue(finalIds);
         if (!this.isComboBox) {
             this.updateSelectBoxValue();
@@ -431,7 +360,7 @@ var UnifiedBoxManager = /** @class */ (function () {
         else {
             // ComboBox의 경우 input 필드도 업데이트
             if (this.inputField) {
-                var isEmpty = value.length === 0;
+                const isEmpty = value.length === 0;
                 if (isEmpty) {
                     // 빈 값으로 설정할 때 input 필드와 검색값 모두 비우기
                     this.inputField.setValue('');
@@ -439,75 +368,71 @@ var UnifiedBoxManager = /** @class */ (function () {
                 }
             }
         }
-    };
-    UnifiedBoxManager.prototype.updateOptions = function (newOptions) {
+    }
+    updateOptions(newOptions) {
         // config.options도 업데이트 (getOptions()가 이를 반환하므로)
-        this.config.options = __spreadArray([], newOptions, true);
+        this.config.options = [...newOptions];
         this.model.updateOptions(newOptions);
         this.controller.updateOptions(newOptions);
-    };
-    UnifiedBoxManager.prototype.setDisabled = function (disabled) {
-        var _a, _b;
+    }
+    setDisabled(disabled) {
         this.config.disabled = disabled;
-        var disabledClass = "".concat(this.baseClass, "--disabled");
+        const disabledClass = `${this.baseClass}--disabled`;
         this.element.classList.toggle(disabledClass, disabled);
         if (this.controller) {
             this.controller.setDisabled(disabled);
         }
         if (this.isComboBox) {
             // 입력 필드 비활성화
-            if ((_a = this.inputField) === null || _a === void 0 ? void 0 : _a.input) {
+            if (this.inputField?.input) {
                 this.inputField.input.disabled = disabled;
-                (_b = this.inputField.container) === null || _b === void 0 ? void 0 : _b.classList.toggle('is-disabled', disabled);
+                this.inputField.container?.classList.toggle('is-disabled', disabled);
             }
         }
         else if (this.triggerElement) {
             this.triggerElement.setAttribute('tabindex', disabled ? '-1' : '0');
         }
-    };
-    UnifiedBoxManager.prototype.open = function () {
+    }
+    open() {
         this.controller.open();
-    };
-    UnifiedBoxManager.prototype.close = function () {
+    }
+    close() {
         this.controller.close();
-    };
-    UnifiedBoxManager.prototype.focus = function () {
-        var _a, _b;
+    }
+    focus() {
         if (this.isComboBox) {
-            (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
+            this.inputField?.focus();
         }
         else {
-            (_b = this.triggerElement) === null || _b === void 0 ? void 0 : _b.focus();
+            this.triggerElement?.focus();
         }
-    };
-    UnifiedBoxManager.prototype.destroy = function () {
+    }
+    destroy() {
         this.debouncedSearch.cancel();
         this.controller.destroy();
         this.renderer.clearCache();
         this.inputField = undefined;
-    };
+    }
     // Multiple 모드 전용 메서드들
-    UnifiedBoxManager.prototype.selectAll = function () {
-        var _a;
+    selectAll() {
         if (this.config.multiple) {
-            var allOptionIds = ((_a = this.config.options) === null || _a === void 0 ? void 0 : _a.map(function (option) { return option.id; })) || [];
+            const allOptionIds = this.config.options?.map((option) => option.id) || [];
             this.model.setValue(allOptionIds);
         }
-    };
-    UnifiedBoxManager.prototype.deselectAll = function () {
+    }
+    deselectAll() {
         if (this.config.multiple) {
             this.model.setValue([]);
         }
-    };
-    UnifiedBoxManager.prototype.isMultiple = function () {
+    }
+    isMultiple() {
         return this.config.multiple || false;
-    };
-    UnifiedBoxManager.prototype.toggleSelectAll = function () {
-        var _a;
+    }
+    toggleSelectAll() {
         if (!this.config.multiple)
             return;
-        var currentValues = this.model.getValue();
-        var allOptionIds = ((_a = this.config.options) === null || _a === void 0 ? void 0 : _a.map(function (option) { return option.id; })) || [];
+        const currentValues = this.model.getValue();
+        const allOptionIds = this.config.options?.map((option) => option.id) || [];
         if (Array.isArray(currentValues) && currentValues.length === allOptionIds.length) {
             // 모든 옵션이 선택되어 있으면 전체 해제
             this.deselectAll();
@@ -516,44 +441,42 @@ var UnifiedBoxManager = /** @class */ (function () {
             // 일부만 선택되어 있거나 아무것도 선택되지 않았으면 전체 선택
             this.selectAll();
         }
-    };
+    }
     // 디버깅용
-    UnifiedBoxManager.prototype.getDebugInfo = function () {
+    getDebugInfo() {
         return {
             config: this.config,
             modelState: this.model.getDebugInfo(),
             isOpen: this.model.getState().isOpen,
         };
-    };
+    }
     /**
      * 드롭다운을 스크롤의 바닥으로 이동
      * 전체 선택 시 추가 데이터 로드를 트리거하기 위해 사용
      */
-    UnifiedBoxManager.prototype.scrollToBottom = function () {
+    scrollToBottom() {
         if (!this.dropdownElement)
             return;
-        var optionsList = this.dropdownElement.querySelector('.ncua-select-dropdown__options');
+        const optionsList = this.dropdownElement.querySelector('.ncua-select-dropdown__options');
         if (!optionsList)
             return;
         // 스크롤을 바닥으로 이동
         optionsList.scrollTop = optionsList.scrollHeight;
-    };
+    }
     /**
      * 전체 선택 버튼의 텍스트를 외부에서 변경
      * @param text 버튼에 표시할 텍스트
      */
-    UnifiedBoxManager.prototype.setSelectAllButtonText = function (text) {
+    setSelectAllButtonText(text) {
         if (!this.config.multiple || !this.footerElement)
             return;
         this.renderer.updateSelectAllButtonText(this.footerElement, text);
-    };
+    }
     /**
      * 특정 인덱스의 옵션으로 포커스 이동
      * @param index 포커스를 이동할 옵션의 인덱스
      */
-    UnifiedBoxManager.prototype.setFocusIndex = function (index) {
+    setFocusIndex(index) {
         this.controller.setFocus(index);
-    };
-    return UnifiedBoxManager;
-}());
-export { UnifiedBoxManager };
+    }
+}