@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/cjs/assets/scripts/utils/unifiedBox/dropdownModel.js

@@ -4,71 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownModel = void 0;
-var __assign = void 0 && (void 0).__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 __spreadArray = void 0 && (void 0).__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));
-};
-var DropdownModel = exports.DropdownModel = /** @class */function () {
-  function DropdownModel(initialOptions, multiple, filterStrategy) {
-    if (multiple === void 0) {
-      multiple = false;
-    }
+class DropdownModel {
+  constructor(initialOptions) {
+    let multiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let filterStrategy = arguments.length > 2 ? arguments[2] : undefined;
     this.listeners = [];
     this.multiple = multiple;
-    this.filterStrategy = filterStrategy !== null && filterStrategy !== void 0 ? filterStrategy : DropdownModel.defaultFilterStrategy;
+    this.filterStrategy = filterStrategy ?? DropdownModel.defaultFilterStrategy;
     this.state = {
       isOpen: false,
       focusedIndex: -1,
       selectedValues: [],
       searchValue: '',
       showAllItems: false,
-      options: __spreadArray([], initialOptions, true),
-      filteredOptions: this.filterStrategy(__spreadArray([], initialOptions, true), '', false)
+      options: [...initialOptions],
+      filteredOptions: this.filterStrategy([...initialOptions], '', false)
     };
   }
   /**
    * 상태 변경 리스너 등록
    */
-  DropdownModel.prototype.addListener = function (listener) {
+  addListener(listener) {
     this.listeners.push(listener);
-  };
+  }
   /**
    * 상태 변경 리스너 제거
    */
-  DropdownModel.prototype.removeListener = function (listener) {
-    var index = this.listeners.indexOf(listener);
+  removeListener(listener) {
+    const index = this.listeners.indexOf(listener);
     if (index > -1) {
       this.listeners.splice(index, 1);
     }
-  };
+  }
   /**
    * 상태 변경 알림
    */
-  DropdownModel.prototype.notifyListeners = function (changedFields) {
-    var _this = this;
-    this.listeners.forEach(function (listener) {
-      listener.onStateChange(__assign({}, _this.state), changedFields);
+  notifyListeners(changedFields) {
+    this.listeners.forEach(listener => {
+      listener.onStateChange({
+        ...this.state
+      }, changedFields);
     });
-  };
+  }
   /**
    * 드롭다운 열기/닫기
    */
-  DropdownModel.prototype.setOpen = function (isOpen) {
+  setOpen(isOpen) {
     if (this.state.isOpen !== isOpen) {
       this.state.isOpen = isOpen;
       if (!isOpen) {
@@ -77,52 +58,52 @@ var DropdownModel = exports.DropdownModel = /** @class */function () {
       }
       this.notifyListeners(['isOpen', 'focusedIndex', 'showAllItems']);
     }
-  };
+  }
   /**
    * 포커스 인덱스 설정
    */
-  DropdownModel.prototype.setFocusedIndex = function (index) {
-    var maxIndex = this.state.filteredOptions.length - 1;
-    var clampedIndex = Math.max(-1, Math.min(index, maxIndex));
+  setFocusedIndex(index) {
+    const maxIndex = this.state.filteredOptions.length - 1;
+    const clampedIndex = Math.max(-1, Math.min(index, maxIndex));
     if (this.state.focusedIndex !== clampedIndex) {
       this.state.focusedIndex = clampedIndex;
       this.notifyListeners(['focusedIndex']);
     }
-  };
+  }
   /**
    * 검색어 설정 및 필터링
    */
-  DropdownModel.prototype.setSearchValue = function (searchValue) {
+  setSearchValue(searchValue) {
     if (this.state.searchValue !== searchValue) {
       this.state.searchValue = searchValue;
       this.updateFilteredOptions();
       this.notifyListeners(['searchValue', 'filteredOptions']);
     }
-  };
+  }
   /**
    * 전체 보기 토글
    */
-  DropdownModel.prototype.setShowAllItems = function (showAll) {
+  setShowAllItems(showAll) {
     if (this.state.showAllItems !== showAll) {
       this.state.showAllItems = showAll;
       this.updateFilteredOptions();
       this.notifyListeners(['showAllItems', 'filteredOptions']);
     }
-  };
+  }
   /**
    * 선택된 값들을 직접 설정 (protected)
    */
-  DropdownModel.prototype.setSelectedValues = function (values) {
-    this.state.selectedValues = __spreadArray([], values, true);
+  setSelectedValues(values) {
+    this.state.selectedValues = [...values];
     this.notifyListeners(['selectedValues']);
-  };
+  }
   /**
    * 옵션 선택/해제
    */
-  DropdownModel.prototype.toggleOption = function (optionId) {
-    var currentValues = __spreadArray([], this.state.selectedValues, true);
+  toggleOption(optionId) {
+    const currentValues = [...this.state.selectedValues];
     if (this.multiple) {
-      var index = currentValues.indexOf(optionId);
+      const index = currentValues.indexOf(optionId);
       if (index > -1) {
         currentValues.splice(index, 1);
       } else {
@@ -134,20 +115,16 @@ var DropdownModel = exports.DropdownModel = /** @class */function () {
     }
     this.state.selectedValues = currentValues;
     this.notifyListeners(['selectedValues']);
-  };
+  }
   /**
    * 옵션 업데이트
    */
-  DropdownModel.prototype.updateOptions = function (newOptions) {
+  updateOptions(newOptions) {
     // 현재 상태 저장
-    var wasOpen = this.state.isOpen;
-    var wasShowAllItems = this.state.showAllItems;
-    this.state.options = __spreadArray([], newOptions, true);
-    this.state.selectedValues = this.state.selectedValues.filter(function (value) {
-      return newOptions.some(function (opt) {
-        return opt.id === value;
-      });
-    });
+    const wasOpen = this.state.isOpen;
+    const wasShowAllItems = this.state.showAllItems;
+    this.state.options = [...newOptions];
+    this.state.selectedValues = this.state.selectedValues.filter(value => newOptions.some(opt => opt.id === value));
     // 드롭다운이 열려있었다면 상태 유지
     if (wasOpen) {
       this.state.isOpen = true;
@@ -155,44 +132,43 @@ var DropdownModel = exports.DropdownModel = /** @class */function () {
     }
     this.updateFilteredOptions();
     this.notifyListeners(['options', 'selectedValues', 'filteredOptions', 'isOpen', 'showAllItems']);
-  };
+  }
   /**
    * 필터링된 옵션 업데이트
    */
-  DropdownModel.prototype.updateFilteredOptions = function () {
+  updateFilteredOptions() {
     this.state.filteredOptions = this.filterStrategy(this.state.options, this.state.searchValue, this.state.showAllItems);
-  };
+  }
   /**
    * 현재 상태 반환 (읽기 전용)
    */
-  DropdownModel.prototype.getState = function () {
-    return __assign({}, this.state);
-  };
+  getState() {
+    return {
+      ...this.state
+    };
+  }
   /**
    * 다중 선택 모드 여부 반환
    */
-  DropdownModel.prototype.isMultiple = function () {
+  isMultiple() {
     return this.multiple;
-  };
+  }
   /**
    * 선택된 옵션들 반환
    */
-  DropdownModel.prototype.getSelectedOptions = function () {
-    var _this = this;
-    return this.state.options.filter(function (opt) {
-      return _this.state.selectedValues.includes(opt.id);
-    });
-  };
+  getSelectedOptions() {
+    return this.state.options.filter(opt => this.state.selectedValues.includes(opt.id));
+  }
   /**
    * 옵션이 선택되었는지 확인
    */
-  DropdownModel.prototype.isOptionSelected = function (optionId) {
+  isOptionSelected(optionId) {
     return this.state.selectedValues.includes(optionId);
-  };
+  }
   /**
    * 상태 리셋
    */
-  DropdownModel.prototype.reset = function () {
+  reset() {
     this.state.isOpen = false;
     this.state.focusedIndex = -1;
     this.state.selectedValues = [];
@@ -200,127 +176,110 @@ var DropdownModel = exports.DropdownModel = /** @class */function () {
     this.state.showAllItems = false;
     this.state.filteredOptions = [];
     this.notifyListeners(['isOpen', 'focusedIndex', 'selectedValues', 'searchValue', 'showAllItems', 'filteredOptions']);
-  };
+  }
   /**
    * 전체 선택/해제 토글 (MultiSelectUtils에서 이동)
    */
-  DropdownModel.prototype.toggleSelectAll = function () {
+  toggleSelectAll() {
     if (!this.multiple) return;
-    var availableOptions = this.state.options.filter(function (opt) {
-      return !opt.disabled;
-    });
-    var allSelected = this.state.selectedValues.length === availableOptions.length;
-    var newValue;
+    const availableOptions = this.state.options.filter(opt => !opt.disabled);
+    const allSelected = this.state.selectedValues.length === availableOptions.length;
+    let newValue;
     if (allSelected) {
       newValue = [];
     } else {
-      newValue = availableOptions.map(function (opt) {
-        return opt.id;
-      });
+      newValue = availableOptions.map(opt => opt.id);
     }
     this.state.selectedValues = newValue;
     this.notifyListeners(['selectedValues']);
-  };
+  }
   /**
    * 전체 선택 버튼 텍스트 반환 (MultiSelectUtils에서 이동)
    */
-  DropdownModel.prototype.getSelectAllButtonText = function () {
+  getSelectAllButtonText() {
     if (!this.multiple) return '전체 선택';
     return this.isAllItemsSelected() ? '전체 해제' : '전체 선택';
-  };
+  }
   /**
    * 모든 항목이 선택되었는지 확인 (MultiSelectUtils에서 이동)
    */
-  DropdownModel.prototype.isAllItemsSelected = function () {
-    var _this = this;
+  isAllItemsSelected() {
     if (!this.multiple) return false;
-    var availableOptions = this.state.options.filter(function (opt) {
-      return !opt.disabled;
-    });
+    const availableOptions = this.state.options.filter(opt => !opt.disabled);
     if (availableOptions.length === 0) return false;
-    var availableIds = availableOptions.map(function (opt) {
-      return opt.id;
-    });
-    return availableIds.length > 0 && availableIds.every(function (id) {
-      return _this.state.selectedValues.includes(id);
-    });
-  };
+    const availableIds = availableOptions.map(opt => opt.id);
+    return availableIds.length > 0 && availableIds.every(id => this.state.selectedValues.includes(id));
+  }
   /**
    * 검색 및 필터링 업데이트 (SearchFilterUtils에서 이동)
    */
-  DropdownModel.prototype.updateSearchAndFilter = function (searchValue, showAllItems) {
-    if (showAllItems === void 0) {
-      showAllItems = false;
-    }
+  updateSearchAndFilter(searchValue) {
+    let showAllItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.state.searchValue = searchValue;
     this.state.showAllItems = showAllItems;
     this.updateFilteredOptions();
     this.notifyListeners(['searchValue', 'filteredOptions', 'showAllItems']);
-  };
+  }
   /**
    * 검색어만 업데이트 (필터링 없이, API 모드용)
    */
-  DropdownModel.prototype.updateSearchValue = function (searchValue) {
+  updateSearchValue(searchValue) {
     this.state.searchValue = searchValue;
     this.notifyListeners(['searchValue']);
-  };
+  }
   /**
    * 드롭다운이 열릴 수 있는지 확인 (ComboBox용)
    */
-  DropdownModel.prototype.canOpenDropdown = function () {
+  canOpenDropdown() {
     return this.state.showAllItems || this.state.searchValue.trim().length > 0;
-  };
+  }
   /**
    * 검색 결과가 없는지 확인
    */
-  DropdownModel.prototype.hasNoResults = function () {
+  hasNoResults() {
     return this.state.filteredOptions.length === 0 && (this.state.showAllItems || Boolean(this.state.searchValue));
-  };
+  }
   /**
    * 값 설정 (API 호환성)
    */
-  DropdownModel.prototype.setValue = function (value) {
-    var values = Array.isArray(value) ? value : [value];
+  setValue(value) {
+    const values = Array.isArray(value) ? value : [value];
     this.setSelectedValues(values);
-  };
+  }
   /**
    * 값 가져오기 (API 호환성)
    */
-  DropdownModel.prototype.getValue = function () {
+  getValue() {
     return this.multiple ? this.state.selectedValues : this.state.selectedValues[0] || '';
-  };
+  }
   /**
    * 입력 초기화 (ComboBox용)
    */
-  DropdownModel.prototype.clearInput = function () {
+  clearInput() {
     this.updateSearchAndFilter('');
-  };
+  }
   /**
    * 디버그 정보 (개발용)
    */
-  DropdownModel.prototype.getDebugInfo = function () {
+  getDebugInfo() {
     return {
       state: this.state,
       multiple: this.multiple,
       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;
-}();
+  }
+}
+/** SelectBox 기본 전략: 항상 모든 옵션 표시 */
+exports.DropdownModel = DropdownModel;
+DropdownModel.defaultFilterStrategy = options => [...options];
+/** ComboBox 전략: 검색어/전체보기 기반 필터링 */
+DropdownModel.comboBoxFilterStrategy = (options, searchValue, showAllItems) => {
+  if (!showAllItems && !searchValue) {
+    return [];
+  }
+  if (searchValue) {
+    const searchLower = searchValue.toLowerCase();
+    return options.filter(option => option.label.toLowerCase().includes(searchLower));
+  }
+  return [...options];
+};