@ncds/ui-admin 1.6.4 → 1.7.0

package/dist/esm/assets/scripts/fileInput/fileInputView.js

@@ -0,0 +1,142 @@
+import { FILE_INPUT_CLASS_NAMES, getFileInputSizeClassName, getHintTextClassName, getLabelClassName } from './const/classNames';
+var HELP_ICON_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2\"/>\n  <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n</svg>";
+var SHARE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"none\" class=\"ncua-btn__icon\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12v4.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V12m13-5-4-4m0 0L8 7m4-4v12\"/>\n</svg>";
+var FileInputView = /** @class */function () {
+  function FileInputView(options) {
+    this.options = options;
+    this.element = this.createElement();
+    this.fileInputElement = this.element.querySelector('input[type="file"]');
+    this.buttonElement = this.element.querySelector('button');
+  }
+  /**
+   * 메인 DOM 요소 생성
+   */
+  FileInputView.prototype.createElement = function () {
+    var container = document.createElement('div');
+    var baseClasses = "".concat(FILE_INPUT_CLASS_NAMES.fileInput, " ").concat(getFileInputSizeClassName(this.options.size));
+    var customClasses = this.options.className ? " ".concat(this.options.className) : '';
+    container.className = baseClasses + customClasses;
+    // Hidden file input 생성
+    container.appendChild(this.createFileInput());
+    // Input container
+    container.appendChild(this.createInputContainer());
+    // Hint list
+    if (this.options.hintItems && this.options.hintItems.length > 0) {
+      container.appendChild(this.createHintList());
+    }
+    return container;
+  };
+  /**
+   * Hidden file input 생성
+   */
+  FileInputView.prototype.createFileInput = function () {
+    var input = document.createElement('input');
+    input.type = 'file';
+    input.hidden = true;
+    input.tabIndex = -1;
+    input.setAttribute('aria-hidden', 'true');
+    input.classList.add('no-filestyle');
+    if (this.options.accept) {
+      input.accept = this.options.accept;
+    }
+    if (this.options.multiple) {
+      input.multiple = true;
+    }
+    return input;
+  };
+  /**
+   * Input container 생성
+   */
+  FileInputView.prototype.createInputContainer = function () {
+    var container = document.createElement('div');
+    container.className = FILE_INPUT_CLASS_NAMES.inputContainer;
+    // Label
+    if (this.options.label) {
+      container.appendChild(this.createLabelContainer());
+    }
+    // Button
+    container.appendChild(this.createButton());
+    // Hint text
+    if (this.options.hintText) {
+      container.appendChild(this.createHintText());
+    }
+    return container;
+  };
+  /**
+   * Label container 생성
+   */
+  FileInputView.prototype.createLabelContainer = function () {
+    var container = document.createElement('div');
+    container.className = FILE_INPUT_CLASS_NAMES.label;
+    var label = document.createElement('label');
+    label.className = getLabelClassName(this.options.isRequired);
+    label.textContent = this.options.label;
+    container.appendChild(label);
+    if (this.options.showHelpIcon) {
+      container.appendChild(this.createHelpIcon());
+    }
+    return container;
+  };
+  /**
+   * Help icon 생성
+   */
+  FileInputView.prototype.createHelpIcon = function () {
+    var iconContainer = document.createElement('span');
+    iconContainer.className = FILE_INPUT_CLASS_NAMES.helpIcon;
+    iconContainer.innerHTML = HELP_ICON_SVG;
+    return iconContainer;
+  };
+  FileInputView.prototype.createButton = function () {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = "ncua-btn ncua-btn--".concat(this.options.size, " ncua-btn--secondary-gray");
+    button.disabled = this.options.disabled;
+    button.insertAdjacentHTML('beforeend', SHARE_ICON_SVG);
+    var label = document.createElement('span');
+    label.className = 'ncua-btn__label';
+    label.textContent = this.options.buttonLabel;
+    button.appendChild(label);
+    return button;
+  };
+  /**
+   * Hint text 생성
+   */
+  FileInputView.prototype.createHintText = function () {
+    var hintText = document.createElement('div');
+    hintText.className = getHintTextClassName(this.options.destructive);
+    hintText.textContent = this.options.hintText;
+    return hintText;
+  };
+  /**
+   * Hint list 생성
+   */
+  FileInputView.prototype.createHintList = function () {
+    var _a;
+    var ul = document.createElement('ul');
+    ul.className = FILE_INPUT_CLASS_NAMES.hintList;
+    (_a = this.options.hintItems) === null || _a === void 0 ? void 0 : _a.forEach(function (hint) {
+      var li = document.createElement('li');
+      li.className = FILE_INPUT_CLASS_NAMES.hintItem;
+      li.textContent = hint;
+      ul.appendChild(li);
+    });
+    return ul;
+  };
+  FileInputView.prototype.setButtonDisabled = function (disabled) {
+    this.buttonElement.disabled = disabled;
+  };
+  FileInputView.prototype.getElement = function () {
+    return this.element;
+  };
+  FileInputView.prototype.getFileInputElement = function () {
+    return this.fileInputElement;
+  };
+  FileInputView.prototype.getButtonElement = function () {
+    return this.buttonElement;
+  };
+  FileInputView.prototype.destroy = function () {
+    // View 리소스 정리 - 이벤트 리스너는 FileInput에서 관리
+  };
+  return FileInputView;
+}();
+export { FileInputView };

package/dist/esm/assets/scripts/fileInput/index.js

@@ -1,7 +1,7 @@
-import { FileInput } from './FileInput';
+import { FileInput } from './fileInput';
 export * from './const/classNames';
 export * from './const/types';
-export { FileInput } from './FileInput';
+export { FileInput } from './fileInput';
 // 전역 등록 (추후 index.ts와 개별동작 할 수 있게끔 대비)
 if (typeof window !== 'undefined') {
   window.ncua = window.ncua || {};

package/dist/esm/assets/scripts/imageFileInput/ImageFileInputView.js

@@ -1,4 +1,4 @@
-import { IMAGE_FILE_INPUT_CLASS_NAMES, getImageFileInputSizeClassName, getFileInputSizeClassName, getHintTextClassName, getLabelClassName } from './const/classNames';
+import { IMAGE_FILE_INPUT_CLASS_NAMES, getFileInputSizeClassName, getHintTextClassName, getImageFileInputSizeClassName, getLabelClassName } from './const/classNames';
 var ImageFileInputView = /** @class */function () {
   function ImageFileInputView(options, model) {
     this.renderedFiles = []; // 이미 렌더링된 파일들 추적
@@ -26,7 +26,7 @@ var ImageFileInputView = /** @class */function () {
     var fileInputContainer = document.createElement('div');
     var fileInputClasses = "".concat(IMAGE_FILE_INPUT_CLASS_NAMES.fileInput, " ").concat(getFileInputSizeClassName(this.options.size));
     fileInputContainer.className = fileInputClasses;
-    // Hidden file input
+    // Hidden file input 생성
     fileInputContainer.appendChild(this.createFileInput());
     // Input container
     fileInputContainer.appendChild(this.createInputContainer());

package/dist/esm/assets/scripts/selectBox.js

@@ -1,3 +1,23 @@
+var __extends = this && this.__extends || function () {
+  var extendStatics = function (d, b) {
+    extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    };
+    return extendStatics(d, b);
+  };
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -8,27 +28,24 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-import { UnifiedBoxManager } from './utils/unifiedBox/UnifiedBoxManager';
-var SelectBox = /** @class */function () {
+import { BaseBox } from './baseBox';
+import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
+var SelectBox = /** @class */function (_super) {
+  __extends(SelectBox, _super);
   function SelectBox(element, config) {
     if (config === void 0) {
       config = {};
     }
     var _this = this;
     var _a, _b, _c, _d, _e, _f;
-    this.targetSelect = null;
-    this.isInitializing = true;
-    this.lastValue = '';
-    this.element = element;
-    // 타겟 select 요소 찾기
-    this.targetSelect = this.findTargetSelect(element);
+    _this = _super.call(this, element) || this;
     // HTML에서 옵션 파싱 (config.options가 없을 경우)
-    var htmlOptions = this.parseOptionsFromHTML();
+    var htmlOptions = _this.parseOptionsFromHTML();
     // JavaScript 옵션을 DropdownOption 형식으로 변환
-    var normalizedOptions = config.options ? this.normalizeOptions(config.options) : htmlOptions;
+    var normalizedOptions = config.options ? _this.normalizeOptions(config.options) : htmlOptions;
     var finalOptions = normalizedOptions;
     // HTML에서 속성 파싱
-    var htmlAttributes = this.parseAttributesFromHTML();
+    var htmlAttributes = _this.parseAttributesFromHTML();
     // 기존 API를 새 API로 변환
     var unifiedConfig = __assign(__assign({}, config), {
       type: 'selectbox',
@@ -38,7 +55,7 @@ var SelectBox = /** @class */function () {
       onSelectAll: config.onSelectAll,
       onComplete: config.onComplete,
       options: finalOptions,
-      placeholder: config.placeholder || htmlAttributes.placeholder || '선택하세요',
+      placeholder: config.placeholder || htmlAttributes.placeholder || _this.defaultPlaceholder,
       value: (_d = (_c = config.value) !== null && _c !== void 0 ? _c : htmlAttributes.value) !== null && _d !== void 0 ? _d : config.multiple ? [] : '',
       disabled: (_f = (_e = config.disabled) !== null && _e !== void 0 ? _e : htmlAttributes.disabled) !== null && _f !== void 0 ? _f : false,
       size: config.size || htmlAttributes.size || 'md',
@@ -67,12 +84,17 @@ var SelectBox = /** @class */function () {
         (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, realValue);
       }
     });
-    this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
-    // 초기화 완료 (다음 이벤트 루프에서 실행)
-    setTimeout(function () {
-      _this.isInitializing = false;
-    }, 0);
+    _this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
+    _this.completeInitialization();
+    return _this;
   }
+  Object.defineProperty(SelectBox.prototype, "defaultPlaceholder", {
+    get: function () {
+      return '선택하세요';
+    },
+    enumerable: false,
+    configurable: true
+  });
   /**
    * JavaScript 옵션을 DropdownOption 형식으로 변환
    */
@@ -91,33 +113,11 @@ var SelectBox = /** @class */function () {
       };
     });
   };
-  /**
-   * 타겟 select 요소 찾기
-   */
-  SelectBox.prototype.findTargetSelect = function (element) {
-    // 1. 직접 select 태그인 경우
-    if (element.tagName === 'SELECT') {
-      return element;
-    }
-    // 2. 자식으로 select 태그가 있는 경우
-    var selectChild = element.querySelector('select');
-    if (selectChild) {
-      return selectChild;
-    }
-    // 3. data-target 속성으로 지정된 경우
-    var targetId = element.getAttribute('data-target');
-    if (targetId) {
-      var targetElement = document.getElementById(targetId);
-      if (targetElement && targetElement.tagName === 'SELECT') {
-        return targetElement;
-      }
-    }
-    return null;
-  };
   /**
    * HTML select에서 옵션 파싱
    */
   SelectBox.prototype.parseOptionsFromHTML = function () {
+    var _this = this;
     if (!this.targetSelect) return [];
     var options = [];
     var optionElements = this.targetSelect.querySelectorAll('option');
@@ -140,7 +140,7 @@ var SelectBox = /** @class */function () {
       }
       options.push({
         id: optionId,
-        label: optionElement.textContent || optionElement.value || '선택하세요',
+        label: optionElement.textContent || optionElement.value || _this.defaultPlaceholder,
         disabled: optionElement.disabled,
         // 원본 value 저장 (동기화를 위해)
         originalValue: optionValue
@@ -149,26 +149,10 @@ var SelectBox = /** @class */function () {
     return options;
   };
   /**
-   * HTML에서 속성 파싱
+   * 값 변환 - originalValue 매핑
    */
-  SelectBox.prototype.parseAttributesFromHTML = function () {
-    var attributes = {};
-    if (this.targetSelect) {
-      // select 요소의 속성들
-      if (this.targetSelect.disabled) attributes.disabled = true;
-      if (this.targetSelect.value) attributes.value = this.targetSelect.value;
-      // placeholder는 첫 번째 빈 option에서 가져오기
-      var firstOption = this.targetSelect.querySelector('option[value=""], option:not([value])');
-      if (firstOption) {
-        attributes.placeholder = firstOption.textContent || '선택하세요';
-      }
-    }
-    // 컨테이너 요소의 data 속성들
-    var containerAttributes = this.element.dataset;
-    if (containerAttributes.placeholder) attributes.placeholder = containerAttributes.placeholder;
-    if (containerAttributes.size) attributes.size = containerAttributes.size;
-    if (containerAttributes.disabled === 'true') attributes.disabled = true;
-    return attributes;
+  SelectBox.prototype.resolveValue = function (value) {
+    return this.getRealValueFromId(value);
   };
   /**
    * ID로부터 실제 HTML select의 value 값을 가져오기
@@ -192,47 +176,7 @@ var SelectBox = /** @class */function () {
     // originalValue가 일치하는 옵션을 찾으면 그 ID를 반환, 없으면 value 그대로 반환
     return option ? option.id : value;
   };
-  /**
-   * 타겟 select와 동기화 (Single 모드)
-   */
-  SelectBox.prototype.syncWithTargetSelect = function (value) {
-    if (this.targetSelect) {
-      // originalValue가 있는 옵션을 찾아서 실제 value로 변환
-      var realValue = this.getRealValueFromId(value);
-      this.targetSelect.value = realValue;
-      // select 요소의 change 이벤트 발생
-      var event_1 = new Event('change', {
-        bubbles: true
-      });
-      this.targetSelect.dispatchEvent(event_1);
-    }
-  };
-  /**
-   * 타겟 select와 동기화 (Multiple 모드)
-   */
-  SelectBox.prototype.syncWithTargetSelectMultiple = function (values) {
-    var _this = this;
-    if (this.targetSelect && this.targetSelect.multiple) {
-      // 모든 옵션 선택 해제
-      Array.from(this.targetSelect.options).forEach(function (option) {
-        option.selected = false;
-      });
-      // 선택된 값들에 해당하는 옵션들 선택
-      values.forEach(function (value) {
-        var realValue = _this.getRealValueFromId(value);
-        var option = _this.targetSelect.querySelector("option[value=\"".concat(realValue, "\"]"));
-        if (option) {
-          option.selected = true;
-        }
-      });
-      // select 요소의 change 이벤트 발생
-      var event_2 = new Event('change', {
-        bubbles: true
-      });
-      this.targetSelect.dispatchEvent(event_2);
-    }
-  };
-  // 기존 API 호환성 메서드들
+  // SelectBox 고유 API
   SelectBox.prototype.getValues = function () {
     var _this = this;
     var internalValue = this.unifiedSelectBox.getValues();
@@ -271,44 +215,10 @@ var SelectBox = /** @class */function () {
       }
     }
   };
-  SelectBox.prototype.getOptions = function () {
-    return this.unifiedSelectBox.getOptions();
-  };
-  SelectBox.prototype.updateOptions = function (newOptions) {
-    this.unifiedSelectBox.updateOptions(newOptions);
-  };
-  SelectBox.prototype.setDisabled = function (disabled) {
-    this.unifiedSelectBox.setDisabled(disabled);
-  };
-  SelectBox.prototype.open = function () {
-    this.unifiedSelectBox.open();
-  };
-  SelectBox.prototype.close = function () {
-    this.unifiedSelectBox.close();
-  };
-  SelectBox.prototype.focus = function () {
-    this.unifiedSelectBox.focus();
-  };
-  SelectBox.prototype.destroy = function () {
-    this.unifiedSelectBox.destroy();
-  };
-  // Multiple 모드 전용 메서드들
-  SelectBox.prototype.selectAll = function () {
-    this.unifiedSelectBox.selectAll();
-  };
-  SelectBox.prototype.deselectAll = function () {
-    this.unifiedSelectBox.deselectAll();
-  };
   SelectBox.prototype.getSelectedCount = function () {
     var values = this.getValues();
     return values.length;
   };
-  SelectBox.prototype.isMultiple = function () {
-    return this.unifiedSelectBox.isMultiple();
-  };
-  SelectBox.prototype.toggleSelectAll = function () {
-    this.unifiedSelectBox.toggleSelectAll();
-  };
   return SelectBox;
-}();
+}(BaseBox);
 export { SelectBox };

package/dist/esm/assets/scripts/utils/debounce.js

@@ -0,0 +1,27 @@
+/**
+ * 디바운스 유틸리티
+ * 마지막 호출 후 지정된 시간이 지나야 콜백이 실행됨
+ */
+export function debounce(fn, ms) {
+  var timer;
+  var debounced = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      args[_i] = arguments[_i];
+    }
+    if (timer !== undefined) {
+      clearTimeout(timer);
+    }
+    timer = window.setTimeout(function () {
+      timer = undefined;
+      fn.apply(void 0, args);
+    }, ms);
+  };
+  debounced.cancel = function () {
+    if (timer !== undefined) {
+      clearTimeout(timer);
+      timer = undefined;
+    }
+  };
+  return debounced;
+}

package/dist/esm/assets/scripts/utils/unifiedBox/{DropdownModel.js → dropdownModel.js}

@@ -17,18 +17,14 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-/**
- * 드롭다운 상태 관리 모델
- * Observer Pattern을 통한 상태 변경 알림
- */
-var DropdownModel = /** @class */function () {
-  function DropdownModel(initialOptions, multiple) {
+export var DropdownModel = /** @class */function () {
+  function DropdownModel(initialOptions, multiple, filterStrategy) {
     if (multiple === void 0) {
       multiple = false;
     }
     this.listeners = [];
-    this.isComboBox = false; // ComboBox 여부 추가
     this.multiple = multiple;
+    this.filterStrategy = filterStrategy !== null && filterStrategy !== void 0 ? filterStrategy : DropdownModel.defaultFilterStrategy;
     this.state = {
       isOpen: false,
       focusedIndex: -1,
@@ -36,7 +32,7 @@ var DropdownModel = /** @class */function () {
       searchValue: '',
       showAllItems: false,
       options: __spreadArray([], initialOptions, true),
-      filteredOptions: __spreadArray([], initialOptions, true)
+      filteredOptions: this.filterStrategy(__spreadArray([], initialOptions, true), '', false)
     };
   }
   /**
@@ -63,12 +59,6 @@ var DropdownModel = /** @class */function () {
       listener.onStateChange(__assign({}, _this.state), changedFields);
     });
   };
-  /**
-   * ComboBox 타입 설정
-   */
-  DropdownModel.prototype.setComboBoxMode = function (isComboBox) {
-    this.isComboBox = isComboBox;
-  };
   /**
    * 드롭다운 열기/닫기
    */
@@ -164,24 +154,7 @@ var DropdownModel = /** @class */function () {
    * 필터링된 옵션 업데이트
    */
   DropdownModel.prototype.updateFilteredOptions = function () {
-    // SelectBox 모드일 때는 항상 모든 옵션 표시
-    if (!this.isComboBox) {
-      this.state.filteredOptions = __spreadArray([], this.state.options, true);
-      return;
-    }
-    // ComboBox 모드일 때만 검색 및 필터링 적용
-    if (!this.state.showAllItems && !this.state.searchValue) {
-      this.state.filteredOptions = [];
-      return;
-    }
-    var filtered = __spreadArray([], this.state.options, true);
-    if (this.state.searchValue) {
-      var searchLower_1 = this.state.searchValue.toLowerCase();
-      filtered = filtered.filter(function (option) {
-        return option.label.toLowerCase().includes(searchLower_1);
-      });
-    }
-    this.state.filteredOptions = filtered;
+    this.state.filteredOptions = this.filterStrategy(this.state.options, this.state.searchValue, this.state.showAllItems);
   };
   /**
    * 현재 상태 반환 (읽기 전용)
@@ -210,12 +183,6 @@ var DropdownModel = /** @class */function () {
   DropdownModel.prototype.isOptionSelected = function (optionId) {
     return this.state.selectedValues.includes(optionId);
   };
-  /**
-   * 전체 선택 상태인지 확인 (isAllItemsSelected와 동일)
-   */
-  DropdownModel.prototype.isAllSelected = function () {
-    return this.isAllItemsSelected();
-  };
   /**
    * 상태 리셋
    */
@@ -303,32 +270,6 @@ var DropdownModel = /** @class */function () {
   DropdownModel.prototype.hasNoResults = function () {
     return this.state.filteredOptions.length === 0 && (this.state.showAllItems || Boolean(this.state.searchValue));
   };
-  /**
-   * 상태 동기화를 위한 외부 접근 메서드들 (DropdownUtils에서 이동)
-   */
-  DropdownModel.prototype.syncSetIsOpen = function (isOpen) {
-    this.state.isOpen = isOpen;
-    this.notifyListeners(['isOpen']);
-  };
-  DropdownModel.prototype.syncSetFocusedIndex = function (index) {
-    this.state.focusedIndex = index;
-    this.notifyListeners(['focusedIndex']);
-  };
-  DropdownModel.prototype.syncGetIsOpen = function () {
-    return this.state.isOpen;
-  };
-  DropdownModel.prototype.syncGetFocusedIndex = function () {
-    return this.state.focusedIndex;
-  };
-  DropdownModel.prototype.syncGetSelectedValues = function () {
-    return __spreadArray([], this.state.selectedValues, true);
-  };
-  /**
-   * 선택값 업데이트 (SelectBoxModel에서 이동)
-   */
-  DropdownModel.prototype.updateSelectedValues = function (values) {
-    this.setSelectedValues(values);
-  };
   /**
    * 값 설정 (API 호환성)
    */
@@ -358,6 +299,22 @@ var DropdownModel = /** @class */function () {
       listeners: this.listeners.length
     };
   };
+  /** SelectBox 기본 전략: 항상 모든 옵션 표시 */
+  DropdownModel.defaultFilterStrategy = function (options) {
+    return __spreadArray([], options, true);
+  };
+  /** ComboBox 전략: 검색어/전체보기 기반 필터링 */
+  DropdownModel.comboBoxFilterStrategy = function (options, searchValue, showAllItems) {
+    if (!showAllItems && !searchValue) {
+      return [];
+    }
+    if (searchValue) {
+      var searchLower_1 = searchValue.toLowerCase();
+      return options.filter(function (option) {
+        return option.label.toLowerCase().includes(searchLower_1);
+      });
+    }
+    return __spreadArray([], options, true);
+  };
   return DropdownModel;
-}();
-export { DropdownModel };
+}();

package/dist/esm/assets/scripts/utils/unifiedBox/{UnifiedBoxController.js → unifiedBoxController.js}

@@ -20,6 +20,7 @@ var UnifiedBoxController = /** @class */function () {
     this.scrollLockHandlers = null;
     // DOM 요소들
     this.optionElements = [];
+    this.handlerMap = new WeakMap();
     this.scrollPosition = 0;
     this.mouseMoveHandlerAttached = false;
     this.lastFilteredOptionsCount = 0; // 이전 필터링된 옵션 개수 (성능 최적화)
@@ -313,8 +314,10 @@ var UnifiedBoxController = /** @class */function () {
       element.addEventListener('click', clickHandler);
       element.addEventListener('mouseenter', hoverHandler);
       // 나중에 제거할 수 있도록 핸들러 저장
-      element._clickHandler = clickHandler;
-      element._hoverHandler = hoverHandler;
+      _this.handlerMap.set(element, {
+        click: clickHandler,
+        hover: hoverHandler
+      });
     });
     // 마우스 이동 감지 (한 번만 등록)
     if (!this.mouseMoveHandlerAttached) {
@@ -328,16 +331,13 @@ var UnifiedBoxController = /** @class */function () {
    * 옵션 이벤트 핸들러 제거
    */
   UnifiedBoxController.prototype.removeOptionEventHandlers = function () {
+    var _this = this;
     this.optionElements.forEach(function (element) {
-      var clickHandler = element._clickHandler;
-      var hoverHandler = element._hoverHandler;
-      if (clickHandler) {
-        element.removeEventListener('click', clickHandler);
-        delete element._clickHandler;
-      }
-      if (hoverHandler) {
-        element.removeEventListener('mouseenter', hoverHandler);
-        delete element._hoverHandler;
+      var handlers = _this.handlerMap.get(element);
+      if (handlers) {
+        element.removeEventListener('click', handlers.click);
+        element.removeEventListener('mouseenter', handlers.hover);
+        _this.handlerMap.delete(element);
       }
     });
   };
@@ -491,38 +491,6 @@ var UnifiedBoxController = /** @class */function () {
   UnifiedBoxController.prototype.getFocusedIndex = function () {
     return this.config.model.getState().focusedIndex;
   };
-  /**
-   * DropdownUtils 호환을 위한 정적 팩토리 메서드
-   */
-  UnifiedBoxController.createFromDropdownConfig = function (config) {
-    // DropdownModel 생성
-    var model = new (require('./DropdownModel').DropdownModel)(config.options || [], false);
-    // DOMRenderer 생성
-    var renderer = new (require('./DOMRenderer').DOMRenderer)();
-    // UnifiedBoxController 생성
-    var controllerConfig = {
-      triggerElement: config.triggerElement,
-      dropdownElement: config.dropdownElement,
-      model: model,
-      renderer: renderer,
-      renderConfig: {
-        listboxId: 'dropdown-utils',
-        multiple: false,
-        maxHeight: 275,
-        size: 'md'
-      },
-      onOpen: config.onOpen,
-      onClose: config.onClose,
-      onSelectionChange: function (values) {
-        var _a, _b, _c;
-        var index = (_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.findIndex(function (opt) {
-          return opt.id === values[0];
-        })) !== null && _b !== void 0 ? _b : -1;
-        if (index >= 0) (_c = config.onOptionSelect) === null || _c === void 0 ? void 0 : _c.call(config, index);
-      }
-    };
-    return new UnifiedBoxController(controllerConfig);
-  };
   /**
    * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
    * 단일 선택 모드에서만 적용