@ncds/ui-admin 1.3.0 → 1.4.1

package/dist/esm/assets/scripts/utils/selectbox/DropdownModel.js

@@ -0,0 +1,356 @@
+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 __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));
+};
+/**
+ * 드롭다운 상태 관리 모델
+ * Observer Pattern을 통한 상태 변경 알림
+ */
+var DropdownModel = /** @class */function () {
+  function DropdownModel(initialOptions, multiple) {
+    if (multiple === void 0) {
+      multiple = false;
+    }
+    this.listeners = [];
+    this.isComboBox = false; // ComboBox 여부 추가
+    this.multiple = multiple;
+    this.state = {
+      isOpen: false,
+      focusedIndex: -1,
+      selectedValues: [],
+      searchValue: '',
+      showAllItems: false,
+      options: __spreadArray([], initialOptions, true),
+      filteredOptions: __spreadArray([], initialOptions, true)
+    };
+  }
+  /**
+   * 상태 변경 리스너 등록
+   */
+  DropdownModel.prototype.addListener = function (listener) {
+    this.listeners.push(listener);
+  };
+  /**
+   * 상태 변경 리스너 제거
+   */
+  DropdownModel.prototype.removeListener = function (listener) {
+    var 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);
+    });
+  };
+  /**
+   * ComboBox 타입 설정
+   */
+  DropdownModel.prototype.setComboBoxMode = function (isComboBox) {
+    this.isComboBox = isComboBox;
+  };
+  /**
+   * 드롭다운 열기/닫기
+   */
+  DropdownModel.prototype.setOpen = function (isOpen) {
+    if (this.state.isOpen !== isOpen) {
+      this.state.isOpen = isOpen;
+      if (!isOpen) {
+        this.state.focusedIndex = -1;
+        this.state.showAllItems = false;
+      }
+      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));
+    if (this.state.focusedIndex !== clampedIndex) {
+      this.state.focusedIndex = clampedIndex;
+      this.notifyListeners(['focusedIndex']);
+    }
+  };
+  /**
+   * 검색어 설정 및 필터링
+   */
+  DropdownModel.prototype.setSearchValue = function (searchValue) {
+    if (this.state.searchValue !== searchValue) {
+      this.state.searchValue = searchValue;
+      this.updateFilteredOptions();
+      this.notifyListeners(['searchValue', 'filteredOptions']);
+    }
+  };
+  /**
+   * 전체 보기 토글
+   */
+  DropdownModel.prototype.setShowAllItems = function (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);
+    this.notifyListeners(['selectedValues']);
+  };
+  /**
+   * 옵션 선택/해제
+   */
+  DropdownModel.prototype.toggleOption = function (optionId) {
+    var currentValues = __spreadArray([], this.state.selectedValues, true);
+    if (this.multiple) {
+      var index = currentValues.indexOf(optionId);
+      if (index > -1) {
+        currentValues.splice(index, 1);
+      } else {
+        currentValues.push(optionId);
+      }
+    } else {
+      currentValues.length = 0;
+      currentValues.push(optionId);
+    }
+    this.state.selectedValues = currentValues;
+    this.notifyListeners(['selectedValues']);
+  };
+  /**
+   * 옵션 업데이트
+   */
+  DropdownModel.prototype.updateOptions = function (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;
+      });
+    });
+    // 드롭다운이 열려있었다면 상태 유지
+    if (wasOpen) {
+      this.state.isOpen = true;
+      this.state.showAllItems = wasShowAllItems;
+    }
+    this.updateFilteredOptions();
+    this.notifyListeners(['options', 'selectedValues', 'filteredOptions', 'isOpen', 'showAllItems']);
+  };
+  /**
+   * 필터링된 옵션 업데이트
+   */
+  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;
+  };
+  /**
+   * 현재 상태 반환 (읽기 전용)
+   */
+  DropdownModel.prototype.getState = function () {
+    return __assign({}, this.state);
+  };
+  /**
+   * 다중 선택 모드 여부 반환
+   */
+  DropdownModel.prototype.isMultiple = function () {
+    return this.multiple;
+  };
+  /**
+   * 선택된 옵션들 반환
+   */
+  DropdownModel.prototype.getSelectedOptions = function () {
+    var _this = this;
+    return this.state.options.filter(function (opt) {
+      return _this.state.selectedValues.includes(opt.id);
+    });
+  };
+  /**
+   * 옵션이 선택되었는지 확인
+   */
+  DropdownModel.prototype.isOptionSelected = function (optionId) {
+    return this.state.selectedValues.includes(optionId);
+  };
+  /**
+   * 전체 선택 상태인지 확인 (isAllItemsSelected와 동일)
+   */
+  DropdownModel.prototype.isAllSelected = function () {
+    return this.isAllItemsSelected();
+  };
+  /**
+   * 상태 리셋
+   */
+  DropdownModel.prototype.reset = function () {
+    this.state.isOpen = false;
+    this.state.focusedIndex = -1;
+    this.state.selectedValues = [];
+    this.state.searchValue = '';
+    this.state.showAllItems = false;
+    this.state.filteredOptions = [];
+    this.notifyListeners(['isOpen', 'focusedIndex', 'selectedValues', 'searchValue', 'showAllItems', 'filteredOptions']);
+  };
+  /**
+   * 전체 선택/해제 토글 (MultiSelectUtils에서 이동)
+   */
+  DropdownModel.prototype.toggleSelectAll = function () {
+    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;
+    if (allSelected) {
+      newValue = [];
+    } else {
+      newValue = availableOptions.map(function (opt) {
+        return opt.id;
+      });
+    }
+    this.state.selectedValues = newValue;
+    this.notifyListeners(['selectedValues']);
+  };
+  /**
+   * 전체 선택 버튼 텍스트 반환 (MultiSelectUtils에서 이동)
+   */
+  DropdownModel.prototype.getSelectAllButtonText = function () {
+    if (!this.multiple) return '전체 선택';
+    return this.isAllItemsSelected() ? '전체 해제' : '전체 선택';
+  };
+  /**
+   * 모든 항목이 선택되었는지 확인 (MultiSelectUtils에서 이동)
+   */
+  DropdownModel.prototype.isAllItemsSelected = function () {
+    var _this = this;
+    if (!this.multiple) return false;
+    var availableOptions = this.state.options.filter(function (opt) {
+      return !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);
+    });
+  };
+  /**
+   * 검색 및 필터링 업데이트 (SearchFilterUtils에서 이동)
+   */
+  DropdownModel.prototype.updateSearchAndFilter = function (searchValue, showAllItems) {
+    if (showAllItems === void 0) {
+      showAllItems = false;
+    }
+    this.state.searchValue = searchValue;
+    this.state.showAllItems = showAllItems;
+    this.updateFilteredOptions();
+    this.notifyListeners(['searchValue', 'filteredOptions', 'showAllItems']);
+  };
+  /**
+   * 드롭다운이 열릴 수 있는지 확인 (ComboBox용)
+   */
+  DropdownModel.prototype.canOpenDropdown = function () {
+    return this.state.showAllItems || this.state.searchValue.trim().length > 0;
+  };
+  /**
+   * 검색 결과가 없는지 확인
+   */
+  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 호환성)
+   */
+  DropdownModel.prototype.setValue = function (value) {
+    var values = Array.isArray(value) ? value : [value];
+    this.setSelectedValues(values);
+  };
+  /**
+   * 값 가져오기 (API 호환성)
+   */
+  DropdownModel.prototype.getValue = function () {
+    return this.multiple ? this.state.selectedValues : this.state.selectedValues[0] || '';
+  };
+  /**
+   * 입력 초기화 (ComboBox용)
+   */
+  DropdownModel.prototype.clearInput = function () {
+    this.updateSearchAndFilter('');
+  };
+  /**
+   * 디버그 정보 (개발용)
+   */
+  DropdownModel.prototype.getDebugInfo = function () {
+    return {
+      state: this.state,
+      multiple: this.multiple,
+      listeners: this.listeners.length
+    };
+  };
+  return DropdownModel;
+}();
+export { DropdownModel };