@ncds/ui-admin 1.8.1 → 1.8.2

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

@@ -1,130 +0,0 @@
-import { BaseBox } from './baseBox';
-import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-export class ComboBox extends BaseBox {
-  get defaultPlaceholder() {
-    return '검색하고 선택하세요';
-  }
-  constructor(element) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    super(element);
-    // HTML에서 옵션 파싱 (config.options가 없을 경우)
-    const htmlOptions = this.parseOptionsFromHTML();
-    // JavaScript 옵션을 DropdownOption 형식으로 변환 (이제 구조가 동일하므로 단순 복사)
-    const normalizedOptions = config.options ? [...config.options] : htmlOptions;
-    const finalOptions = normalizedOptions;
-    // HTML에서 속성 파싱
-    const htmlAttributes = this.parseAttributesFromHTML();
-    // 기존 API를 새 API로 변환
-    const unifiedConfig = {
-      ...config,
-      type: 'combobox',
-      multiple: config.multiple ?? false,
-      showFooterButtons: config.showFooterButtons ?? false,
-      onSelectAll: config.onSelectAll,
-      onSearchAll: config.onSearchAll,
-      onComplete: config.onComplete,
-      onScrollBottom: config.onScrollBottom,
-      searchDebounceMs: config.searchDebounceMs,
-      options: finalOptions,
-      placeholder: config.placeholder || htmlAttributes.placeholder || this.defaultPlaceholder,
-      value: config.value ?? htmlAttributes.value ?? (config.multiple ? [] : ''),
-      disabled: config.disabled ?? htmlAttributes.disabled ?? false,
-      size: config.size || htmlAttributes.size || 'md',
-      onChange: value => {
-        // 초기화 중에는 동기화하지 않음 (무한 루프 방지)
-        if (this.isInitializing) {
-          this.lastValue = value;
-          return;
-        }
-        // 값이 실제로 변경되지 않았으면 동기화 생략 (무한 루프 방지)
-        if (JSON.stringify(this.lastValue) === JSON.stringify(value)) {
-          return;
-        }
-        this.lastValue = value;
-        // 타겟 select와 동기화
-        if (config.multiple) {
-          this.syncWithTargetSelectMultiple(value);
-        } else {
-          this.syncWithTargetSelect(value);
-        }
-        config.onChange?.(value);
-      }
-    };
-    this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
-    this.completeInitialization();
-  }
-  /**
-   * HTML select에서 옵션 파싱
-   */
-  parseOptionsFromHTML() {
-    if (!this.targetSelect) return [];
-    const options = [];
-    const optionElements = this.targetSelect.querySelectorAll('option');
-    optionElements.forEach(optionElement => {
-      if (optionElement.value) {
-        // value가 있는 옵션만 추가
-        options.push({
-          id: optionElement.value,
-          label: optionElement.textContent || optionElement.value,
-          disabled: optionElement.disabled
-        });
-      }
-    });
-    return options;
-  }
-  // ComboBox 고유 API
-  getValues() {
-    return this.unifiedSelectBox.getValues();
-  }
-  setValues(value) {
-    // 옵션 객체 배열에서 id 배열로 변환하여 lastValue 비교
-    const ids = value.map(option => option.id);
-    const valueForComparison = this.unifiedSelectBox.isMultiple() ? ids : ids[0] || '';
-    // 값이 변경되지 않았으면 무시
-    if (JSON.stringify(this.lastValue) === JSON.stringify(valueForComparison)) {
-      return;
-    }
-    this.lastValue = valueForComparison;
-    this.unifiedSelectBox.setValues(value);
-    // setValues 호출 시에도 타겟 select와 동기화
-    if (this.targetSelect) {
-      if (this.unifiedSelectBox.isMultiple()) {
-        this.syncWithTargetSelectMultiple(ids);
-      } else {
-        this.syncWithTargetSelect(ids[0] || '');
-      }
-    }
-  }
-  clearInput() {
-    // UnifiedBoxManager의 handleClearInput과 동일한 로직
-    this.unifiedSelectBox.close();
-  }
-  getDebugInfo() {
-    return this.unifiedSelectBox.getDebugInfo();
-  }
-  getSelectedCount() {
-    const value = this.getValues();
-    if (Array.isArray(value)) {
-      return value.length;
-    }
-    return value ? 1 : 0;
-  }
-  /**
-   * 드롭다운을 스크롤의 바닥으로 이동
-   */
-  scrollToBottom() {
-    this.unifiedSelectBox.scrollToBottom();
-  }
-  /**
-   * 전체 선택 버튼의 텍스트를 외부에서 변경
-   */
-  setSelectAllButtonText(text) {
-    this.unifiedSelectBox.setSelectAllButtonText(text);
-  }
-  /**
-   * 특정 인덱스의 옵션으로 포커스 이동
-   */
-  setFocusIndex(index) {
-    this.unifiedSelectBox.setFocusIndex(index);
-  }
-}