@ncds/ui-admin 1.6.3 → 1.6.4-alpha.1

package/dist/esm/assets/scripts/progress-bar/ProgressBar.js

@@ -1,267 +0,0 @@
-/**
- * ProgressBar 클래스
- * 프로그레스 바를 생성하고 관리하는 역할을 합니다.
- */
-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);
-};
-/**
- * 값을 0-100 범위로 제한
- */
-function clampValue(value) {
-  return Math.min(Math.max(0, value), 100);
-}
-/**
- * 색상 이름을 fill 색상 클래스명으로 변환
- */
-function getFillColorClass(color) {
-  if (!color) return '';
-  var normalizedColor = color.toLowerCase().trim();
-  return "ncua-progress-bar__fill--color-".concat(normalizedColor);
-}
-/**
- * 색상 이름을 label 색상 클래스명으로 변환
- */
-function getLabelColorClass(color) {
-  if (!color) return '';
-  var normalizedColor = color.toLowerCase().trim();
-  return "ncua-progress-bar__label--color-".concat(normalizedColor);
-}
-/**
- * ProgressBar 클래스
- */
-var ProgressBar = /** @class */function () {
-  function ProgressBar(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    this.element = null;
-    this.options = __assign({
-      showZeroLabel: false,
-      valueToPercent: true
-    }, options);
-  }
-  /**
-   * segments 처리 로직
-   */
-  ProgressBar.prototype.processSegments = function () {
-    var _a;
-    var _b = this.options,
-      segments = _b.segments,
-      label = _b.label,
-      valueToPercent = _b.valueToPercent;
-    var hasSegments = Boolean(segments && segments.length > 0);
-    var segmentCount = (_a = segments === null || segments === void 0 ? void 0 : segments.length) !== null && _a !== void 0 ? _a : 0;
-    if (hasSegments) {
-      // segment가 2개 이상일 때만 valueToPercent 적용 (기본값: true)
-      var shouldApplyValueToPercent = segmentCount >= 2 && valueToPercent !== false;
-      var segmentsToProcess = segments;
-      // valueToPercent 적용: segments의 합계를 100%로 규정하고 비율로 계산
-      if (shouldApplyValueToPercent) {
-        // 원본 값들의 합계 계산
-        var originalTotal_1 = segmentsToProcess.reduce(function (sum, seg) {
-          return sum + seg.value;
-        }, 0);
-        if (originalTotal_1 > 0) {
-          // 각 segment를 합계 대비 비율로 변환 (합계를 100%로 규정)
-          segmentsToProcess = segmentsToProcess.map(function (segment) {
-            return {
-              value: segment.value / originalTotal_1 * 100,
-              color: segment.color
-            };
-          });
-        }
-      }
-      // 각 값 제한 (0-100 범위)
-      var limitedSegments = segmentsToProcess.map(function (segment) {
-        return {
-          value: clampValue(segment.value),
-          color: segment.color
-        };
-      });
-      // 전체 합계 계산
-      var actualTotal_1 = limitedSegments.reduce(function (sum, seg) {
-        return sum + seg.value;
-      }, 0);
-      var total_1 = Math.min(actualTotal_1, 100);
-      // 모든 segments를 좌측에서부터 연속적으로 배치 (비율로 계산)
-      var processed = limitedSegments.map(function (segment) {
-        return __assign(__assign({}, segment), {
-          width: actualTotal_1 > 0 ? segment.value / actualTotal_1 * total_1 : 0
-        });
-      });
-      // segment의 개수가 2이상일때는 bottom 라벨로 고정
-      var effectiveLabel = segmentCount >= 2 ? 'bottom' : label;
-      // floating label 스타일
-      var progressValueStyle = effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float' ? {
-        '--progress-value': "".concat(total_1, "%")
-      } : undefined;
-      return {
-        totalValue: total_1,
-        displayValue: "".concat(total_1.toFixed(0), "%"),
-        processedSegments: processed,
-        effectiveLabel: effectiveLabel,
-        progressValueStyle: progressValueStyle
-      };
-    }
-    // value만 있을 때는 valueToPercent 무시 (이미 퍼센트로 간주)
-    if (this.options.value !== undefined) {
-      var clamped = clampValue(this.options.value);
-      var effectiveLabel = label;
-      var progressValueStyle = effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float' ? {
-        '--progress-value': "".concat(clamped, "%")
-      } : undefined;
-      return {
-        totalValue: clamped,
-        displayValue: "".concat(clamped.toFixed(0), "%"),
-        processedSegments: [],
-        effectiveLabel: effectiveLabel,
-        progressValueStyle: progressValueStyle
-      };
-    }
-    return {
-      totalValue: 0,
-      displayValue: '0%',
-      processedSegments: [],
-      effectiveLabel: label,
-      progressValueStyle: undefined
-    };
-  };
-  /**
-   * 단일 라벨 HTML 생성
-   */
-  ProgressBar.prototype.renderSingleLabel = function (labelType, displayValue, totalValue) {
-    // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
-    if (totalValue === 0 && !this.options.showZeroLabel) {
-      return '';
-    }
-    return "<span class=\"ncua-progress-bar__label ncua-progress-bar__label-".concat(labelType, "\">").concat(displayValue, "</span>");
-  };
-  /**
-   * segments 라벨 HTML 생성
-   */
-  ProgressBar.prototype.renderSegmentLabels = function (segments, segmentCount) {
-    var _this = this;
-    if (segmentCount < 2) return '';
-    var labels = [];
-    segments.forEach(function (segment, index) {
-      // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
-      if (segment.value === 0 && !_this.options.showZeroLabel) {
-        return;
-      }
-      var leftPosition = 0;
-      for (var i = 0; i < index; i++) {
-        leftPosition += segments[i].width;
-      }
-      // 0%일 때는 segment 시작 위치에 맞추되, 라벨이 게이지 바를 넘어가지 않도록 조정
-      // 그 외에는 중앙에 정렬
-      var isZero = segment.value === 0;
-      // 0%일 때는 약간의 오프셋을 주어 자연스럽게 보이도록 함 (라벨 너비의 절반 정도)
-      var labelPosition = isZero ? Math.max(0, leftPosition - 1) : leftPosition + segment.width / 2;
-      var transform = isZero ? 'translateX(0)' : 'translateX(-50%)';
-      var colorClass = getLabelColorClass(segment.color);
-      labels.push("<span class=\"ncua-progress-bar__label ncua-progress-bar__label--segment ".concat(colorClass, "\" style=\"left: ").concat(labelPosition, "%; transform: ").concat(transform, ";\">").concat(segment.value.toFixed(0), "%</span>"));
-    });
-    return labels.length > 0 ? "<div class=\"ncua-progress-bar__labels--multiple\">".concat(labels.join(''), "</div>") : '';
-  };
-  /**
-   * segment bar HTML 생성
-   */
-  ProgressBar.prototype.renderSegmentBar = function (segments) {
-    var fills = [];
-    segments.forEach(function (segment, index) {
-      var classes = ['ncua-progress-bar__fill', index === 0 ? 'ncua-progress-bar__fill--first' : '', index === segments.length - 1 ? 'ncua-progress-bar__fill--last' : '', getFillColorClass(segment.color)].filter(Boolean).join(' ');
-      fills.push("<div class=\"".concat(classes, "\" style=\"width: ").concat(segment.width, "%;\"></div>"));
-    });
-    return fills.join('');
-  };
-  /**
-   * HTML 문자열 생성
-   */
-  ProgressBar.prototype.toHTML = function () {
-    var _a, _b;
-    var _c = this.processSegments(),
-      totalValue = _c.totalValue,
-      displayValue = _c.displayValue,
-      processedSegments = _c.processedSegments,
-      effectiveLabel = _c.effectiveLabel,
-      progressValueStyle = _c.progressValueStyle;
-    var hasSegments = Boolean(this.options.segments && this.options.segments.length > 0);
-    var segmentCount = (_b = (_a = this.options.segments) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-    var isFloatingLabel = effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float';
-    // 스타일 문자열 생성
-    var styleString = progressValueStyle ? "style=\"".concat(Object.entries(progressValueStyle).map(function (_a) {
-      var key = _a[0],
-        value = _a[1];
-      return "".concat(key.replace(/([A-Z])/g, '-$1').toLowerCase(), ": ").concat(value);
-    }).join('; '), "\"") : '';
-    // segment가 1개이거나 value만 있을 때는 동일하게 처리 (단일 progress bar)
-    var isSingleBar = segmentCount < 2; // segment가 0개 또는 1개일 때
-    if (isSingleBar) {
-      var fillColorClass = hasSegments && segmentCount === 1 ? getFillColorClass(processedSegments[0].color) : '';
-      var floatingLabel_1 = isFloatingLabel ? this.renderSingleLabel(effectiveLabel, displayValue, totalValue) : '';
-      var rightLabel_1 = effectiveLabel === 'right' ? this.renderSingleLabel('right', displayValue, totalValue) : '';
-      var bottomLabel_1 = effectiveLabel === 'bottom' ? this.renderSingleLabel('bottom', displayValue, totalValue) : '';
-      // 단일 progress bar일 때는 text-align: left를 위한 클래스 추가
-      var singleSegmentClass = 'ncua-progress-bar--single-segment';
-      return "<div class=\"ncua-progress-bar ncua-progress-bar-".concat(effectiveLabel || '', " ").concat(singleSegmentClass, "\" ").concat(styleString, ">\n  ").concat(floatingLabel_1, "\n  <div class=\"ncua-progress-bar__content\">\n    <div class=\"ncua-progress-bar__bar\">\n      <div class=\"ncua-progress-bar__fill ").concat(fillColorClass, "\" style=\"width: ").concat(totalValue, "%;\" aria-valuenow=\"").concat(totalValue, "\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n    </div>\n    ").concat(rightLabel_1, "\n  </div>\n  ").concat(bottomLabel_1, "\n</div>");
-    }
-    // 일반 케이스
-    var floatingLabel = isFloatingLabel ? this.renderSingleLabel(effectiveLabel, displayValue, totalValue) : '';
-    var rightLabel = effectiveLabel === 'right' ? this.renderSingleLabel('right', displayValue, totalValue) : '';
-    var bottomLabel = effectiveLabel === 'bottom' ? this.renderSingleLabel('bottom', displayValue, totalValue) : '';
-    var segmentLabels = hasSegments && segmentCount >= 2 ? this.renderSegmentLabels(processedSegments, segmentCount) : '';
-    var segmentBar = hasSegments ? this.renderSegmentBar(processedSegments) : "<div class=\"ncua-progress-bar__fill\" style=\"width: ".concat(totalValue, "%;\" aria-valuenow=\"").concat(totalValue, "\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>");
-    var segmentsClass = hasSegments ? 'ncua-progress-bar__bar--segments' : '';
-    return "<div class=\"ncua-progress-bar ncua-progress-bar-".concat(effectiveLabel || '', "\" ").concat(styleString, ">\n  ").concat(floatingLabel, "\n  <div class=\"ncua-progress-bar__content\">\n    <div class=\"ncua-progress-bar__bar ").concat(segmentsClass, "\">\n      ").concat(segmentBar, "\n    </div>\n    ").concat(rightLabel, "\n  </div>\n  ").concat(hasSegments && segmentCount >= 2 ? segmentLabels : bottomLabel, "\n</div>");
-  };
-  /**
-   * DOM 요소 생성
-   */
-  ProgressBar.prototype.toElement = function () {
-    var div = document.createElement('div');
-    div.innerHTML = this.toHTML();
-    this.element = div.firstElementChild;
-    return this.element;
-  };
-  /**
-   * 요소 반환
-   */
-  ProgressBar.prototype.getElement = function () {
-    return this.toElement();
-  };
-  /**
-   * 옵션 업데이트
-   */
-  ProgressBar.prototype.updateOptions = function (newOptions) {
-    this.options = __assign(__assign({}, this.options), newOptions);
-    if (this.element) {
-      var newElement = this.toElement();
-      if (this.element.parentNode) {
-        this.element.parentNode.replaceChild(newElement, this.element);
-      }
-      this.element = newElement;
-    }
-  };
-  /**
-   * Static factory method
-   */
-  ProgressBar.create = function (options) {
-    return new ProgressBar(options);
-  };
-  /**
-   * Static method: HTML 문자열 생성
-   */
-  ProgressBar.toHTML = function (options) {
-    return new ProgressBar(options).toHTML();
-  };
-  return ProgressBar;
-}();
-export { ProgressBar };

package/dist/esm/assets/scripts/progress-bar/index.js

@@ -1 +0,0 @@
-export { ProgressBar } from './ProgressBar';

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

@@ -1,314 +0,0 @@
-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);
-};
-import { UnifiedBoxManager } from './utils/unifiedBox/UnifiedBoxManager';
-var SelectBox = /** @class */function () {
-  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);
-    // HTML에서 옵션 파싱 (config.options가 없을 경우)
-    var htmlOptions = this.parseOptionsFromHTML();
-    // JavaScript 옵션을 DropdownOption 형식으로 변환
-    var normalizedOptions = config.options ? this.normalizeOptions(config.options) : htmlOptions;
-    var finalOptions = normalizedOptions;
-    // HTML에서 속성 파싱
-    var htmlAttributes = this.parseAttributesFromHTML();
-    // 기존 API를 새 API로 변환
-    var unifiedConfig = __assign(__assign({}, config), {
-      type: 'selectbox',
-      multiple: (_a = config.multiple) !== null && _a !== void 0 ? _a : false,
-      showFooterButtons: (_b = config.showFooterButtons) !== null && _b !== void 0 ? _b : false,
-      onEdit: config.onEdit,
-      onSelectAll: config.onSelectAll,
-      onComplete: config.onComplete,
-      options: finalOptions,
-      placeholder: config.placeholder || htmlAttributes.placeholder || '선택하세요',
-      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',
-      onChange: function (value) {
-        var _a;
-        // 초기화 중에는 동기화하지 않음 (무한 루프 방지)
-        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);
-        }
-        // onChange 콜백에는 실제 value를 전달
-        var realValue = config.multiple ? value.map(function (v) {
-          return _this.getRealValueFromId(v);
-        }) : _this.getRealValueFromId(value);
-        (_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);
-  }
-  /**
-   * JavaScript 옵션을 DropdownOption 형식으로 변환
-   */
-  SelectBox.prototype.normalizeOptions = function (options) {
-    return options.map(function (option) {
-      // 이미 DropdownOption 형식인 경우
-      if ('label' in option) {
-        return option;
-      }
-      // SelectBoxOptionType 형식인 경우 (text -> label 변환)
-      var selectBoxOption = option;
-      return {
-        id: selectBoxOption.id,
-        label: selectBoxOption.text,
-        disabled: selectBoxOption.disabled
-      };
-    });
-  };
-  /**
-   * 타겟 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 () {
-    if (!this.targetSelect) return [];
-    var options = [];
-    var optionElements = this.targetSelect.querySelectorAll('option');
-    // 빈 값 옵션 개수 확인 (최적화를 위해)
-    var emptyValueCount = Array.from(optionElements).filter(function (opt) {
-      return opt.value === '';
-    }).length;
-    optionElements.forEach(function (optionElement, index) {
-      var optionValue = optionElement.value;
-      // 빈 값 옵션이 1개뿐이면 단순 처리, 여러 개면 고유 ID 생성
-      var optionId;
-      if (optionValue !== '') {
-        optionId = optionValue;
-      } else if (emptyValueCount === 1) {
-        // 빈 값 옵션이 하나뿐이면 그냥 빈 문자열 사용 (단순화)
-        optionId = '';
-      } else {
-        // 빈 값 옵션이 여러 개면 고유 ID 생성 (구분 필요)
-        optionId = "__empty_option_".concat(index);
-      }
-      options.push({
-        id: optionId,
-        label: optionElement.textContent || optionElement.value || '선택하세요',
-        disabled: optionElement.disabled,
-        // 원본 value 저장 (동기화를 위해)
-        originalValue: optionValue
-      });
-    });
-    return options;
-  };
-  /**
-   * HTML에서 속성 파싱
-   */
-  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;
-  };
-  /**
-   * ID로부터 실제 HTML select의 value 값을 가져오기
-   */
-  SelectBox.prototype.getRealValueFromId = function (id) {
-    var options = this.unifiedSelectBox.getOptions();
-    var option = options.find(function (opt) {
-      return opt.id === id;
-    });
-    // originalValue가 있으면 그것을 사용, 없으면 id를 문자열로 변환
-    return (option === null || option === void 0 ? void 0 : option.originalValue) !== undefined ? option.originalValue : String(id);
-  };
-  /**
-   * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
-   */
-  SelectBox.prototype.getIdFromRealValue = function (value) {
-    var options = this.unifiedSelectBox.getOptions();
-    var option = options.find(function (opt) {
-      return opt.originalValue === String(value);
-    });
-    // 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.prototype.getValues = function () {
-    var _this = this;
-    var internalValue = this.unifiedSelectBox.getValues();
-    return internalValue.map(function (option) {
-      return __assign(__assign({}, option), {
-        id: _this.getRealValueFromId(option.id)
-      });
-    });
-  };
-  SelectBox.prototype.setValues = function (value) {
-    var _this = this;
-    var internalValue = value.map(function (v) {
-      return _this.getIdFromRealValue(v.id);
-    });
-    if (JSON.stringify(this.lastValue) === JSON.stringify(internalValue)) {
-      return;
-    }
-    this.lastValue = internalValue;
-    // id 배열을 옵션 객체 배열로 변환
-    var allOptions = this.unifiedSelectBox.getOptions();
-    var optionArray = internalValue.map(function (id) {
-      return allOptions.find(function (opt) {
-        return opt.id === id;
-      });
-    }).filter(function (opt) {
-      return opt !== undefined;
-    });
-    this.unifiedSelectBox.setValues(optionArray);
-    // setValues 호출 시에도 타겟 select와 동기화
-    if (this.targetSelect) {
-      if (this.unifiedSelectBox.isMultiple()) {
-        this.syncWithTargetSelectMultiple(internalValue);
-      } else {
-        // 단일 선택 모드인 경우 첫 번째 값만 사용
-        this.syncWithTargetSelect(internalValue[0] || '');
-      }
-    }
-  };
-  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;
-}();
-export { SelectBox };

package/dist/esm/assets/scripts/shared/ButtonCloseX.js

@@ -1,38 +0,0 @@
-// 공통 X버튼 로직 (React ButtonCloseX 컴포넌트와 동일한 구조)
-// React ButtonCloseX와 동일한 SVG 사이즈 매핑
-export var SVG_SIZE = {
-  xs: 16,
-  sm: 20,
-  md: 20,
-  lg: 24
-};
-// X버튼 SVG 아이콘
-export var X_CLOSE_SVG = function (size) {
-  return "<svg width=\"".concat(size, "\" height=\"").concat(size, "\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>");
-};
-// X버튼 렌더링 유틸리티 (React ButtonCloseX와 동일한 인터페이스)
-export function ButtonCloseX(size, theme, additionalClasses, ariaLabel, onClick) {
-  if (theme === void 0) {
-    theme = 'light';
-  }
-  if (additionalClasses === void 0) {
-    additionalClasses = '';
-  }
-  if (ariaLabel === void 0) {
-    ariaLabel = '닫기';
-  }
-  var svgSize = SVG_SIZE[size];
-  var buttonId = "close-btn-".concat(Math.random().toString(36).substr(2, 9));
-  var buttonHTML = "\n    <button type=\"button\" id=\"".concat(buttonId, "\" class=\"ncua-button-close-x ncua-button-close-x--").concat(size, " ncua-button-close-x--").concat(theme, " ").concat(additionalClasses, "\" aria-label=\"").concat(ariaLabel, "\">\n      ").concat(X_CLOSE_SVG(svgSize.toString()), "\n    </button>\n  ");
-  // onClick이 제공된 경우 이벤트 바인딩
-  if (onClick) {
-    // DOM에 추가된 후 이벤트 바인딩을 위해 setTimeout 사용
-    setTimeout(function () {
-      var button = document.getElementById(buttonId);
-      if (button) {
-        button.addEventListener('click', onClick);
-      }
-    }, 0);
-  }
-  return buttonHTML;
-}

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

@@ -1,35 +0,0 @@
-import { Swiper } from 'swiper';
-var Tab = /** @class */function () {
-  function Tab(element) {
-    this.swiper = null;
-    if (!element) {
-      throw new Error('Tab element is required');
-    }
-    if (!(element instanceof HTMLElement)) {
-      throw new Error('Invalid element type provided to Tab');
-    }
-    this.element = element;
-    this.init();
-  }
-  Tab.prototype.init = function () {
-    this.swiper = new Swiper(this.element, {
-      slidesPerView: 'auto',
-      spaceBetween: 8,
-      grabCursor: true,
-      loop: false,
-      freeMode: {
-        enabled: true,
-        sticky: false
-      },
-      mousewheel: true
-    });
-  };
-  Tab.prototype.destroy = function () {
-    if (this.swiper) {
-      this.swiper.destroy();
-      this.swiper = null;
-    }
-  };
-  return Tab;
-}();
-export { Tab };