@ncds/ui-admin 1.7.0 → 1.8.1

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

@@ -1,137 +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';
@@ -140,19 +6,15 @@ 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) {
+    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     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({
+    this.config = {
       options: [],
       placeholder: this.isComboBox ? '검색하세요' : '선택하세요',
       maxHeight: 275,
@@ -161,32 +23,31 @@ var UnifiedBoxManager = /** @class */function () {
       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;
+      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();
-      } else if (!_this.model.getState().showAllItems) {
-        _this.controller.close();
+        this.controller.open();
+      } 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();
@@ -194,27 +55,26 @@ 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({
@@ -222,33 +82,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);
@@ -257,13 +109,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;
@@ -282,26 +133,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,
@@ -309,50 +152,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;
@@ -363,28 +202,27 @@ 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) {
@@ -394,45 +232,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();
@@ -445,49 +268,46 @@ 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 표시
         valueSpan.textContent = this.config.placeholder || '';
       } 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([]);
@@ -495,7 +315,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 = '';
@@ -503,43 +323,35 @@ 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 () {
+    return ids.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();
     } else {
       // ComboBox의 경우 input 필드도 업데이트
       if (this.inputField) {
-        var isEmpty = value.length === 0;
+        const isEmpty = value.length === 0;
         if (isEmpty) {
           // 빈 값으로 설정할 때 input 필드와 검색값 모두 비우기
           this.inputField.setValue('');
@@ -547,76 +359,68 @@ 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();
@@ -624,41 +428,39 @@ 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 };
+  }
+}