@ncds/ui-admin 1.7.0 → 1.8.1

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

@@ -1,67 +1,45 @@
-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));
-};
-export var DropdownModel = /** @class */ (function () {
-    function DropdownModel(initialOptions, multiple, filterStrategy) {
-        if (multiple === void 0) { multiple = false; }
+class DropdownModel {
+    constructor(initialOptions, multiple = false, filterStrategy) {
         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) {
@@ -70,52 +48,52 @@ export var 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);
             }
@@ -129,16 +107,16 @@ export var 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;
@@ -146,42 +124,41 @@ export var 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 = [];
@@ -196,116 +173,114 @@ export var DropdownModel = /** @class */ (function () {
             '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, showAllItems = 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 기본 전략: 항상 모든 옵션 표시 */
+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];
+};
+export { DropdownModel };