@ncds/ui-admin 1.8.1 → 1.8.3

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

@@ -1,169 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectBox = void 0;
-var _baseBox = require("./baseBox");
-var _unifiedBoxManager = require("./utils/unifiedBox/unifiedBoxManager");
-class SelectBox extends _baseBox.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 ? this.normalizeOptions(config.options) : htmlOptions;
-    const finalOptions = normalizedOptions;
-    // HTML에서 속성 파싱
-    const htmlAttributes = this.parseAttributesFromHTML();
-    // 기존 API를 새 API로 변환
-    const unifiedConfig = {
-      ...config,
-      type: 'selectbox',
-      multiple: config.multiple ?? false,
-      showFooterButtons: config.showFooterButtons ?? false,
-      onEdit: config.onEdit,
-      onSelectAll: config.onSelectAll,
-      onComplete: config.onComplete,
-      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);
-        }
-        // onChange 콜백에는 실제 value를 전달
-        const realValue = config.multiple ? value.map(v => this.getRealValueFromId(v)) : this.getRealValueFromId(value);
-        config.onChange?.(realValue);
-      }
-    };
-    this.unifiedSelectBox = new _unifiedBoxManager.UnifiedBoxManager(element, unifiedConfig);
-    this.completeInitialization();
-  }
-  /**
-   * JavaScript 옵션을 DropdownOption 형식으로 변환
-   */
-  normalizeOptions(options) {
-    return options.map(option => {
-      // 이미 DropdownOption 형식인 경우
-      if ('label' in option) {
-        return option;
-      }
-      // SelectBoxOptionType 형식인 경우 (text -> label 변환)
-      const selectBoxOption = option;
-      return {
-        id: selectBoxOption.id,
-        label: selectBoxOption.text,
-        disabled: selectBoxOption.disabled
-      };
-    });
-  }
-  /**
-   * HTML select에서 옵션 파싱
-   */
-  parseOptionsFromHTML() {
-    if (!this.targetSelect) return [];
-    const options = [];
-    const optionElements = this.targetSelect.querySelectorAll('option');
-    // 빈 값 옵션 개수 확인 (최적화를 위해)
-    const emptyValueCount = Array.from(optionElements).filter(opt => opt.value === '').length;
-    optionElements.forEach((optionElement, index) => {
-      const optionValue = optionElement.value;
-      // 빈 값 옵션이 1개뿐이면 단순 처리, 여러 개면 고유 ID 생성
-      let optionId;
-      if (optionValue !== '') {
-        optionId = optionValue;
-      } else if (emptyValueCount === 1) {
-        // 빈 값 옵션이 하나뿐이면 그냥 빈 문자열 사용 (단순화)
-        optionId = '';
-      } else {
-        // 빈 값 옵션이 여러 개면 고유 ID 생성 (구분 필요)
-        optionId = `__empty_option_${index}`;
-      }
-      options.push({
-        id: optionId,
-        label: optionElement.textContent || optionElement.value || this.defaultPlaceholder,
-        disabled: optionElement.disabled,
-        // 원본 value 저장 (동기화를 위해)
-        originalValue: optionValue
-      });
-    });
-    return options;
-  }
-  /**
-   * 값 변환 - originalValue 매핑
-   */
-  resolveValue(value) {
-    return this.getRealValueFromId(value);
-  }
-  /**
-   * ID로부터 실제 HTML select의 value 값을 가져오기
-   */
-  getRealValueFromId(id) {
-    const options = this.unifiedSelectBox.getOptions();
-    const option = options.find(opt => opt.id === id);
-    // originalValue가 있으면 그것을 사용, 없으면 id를 문자열로 변환
-    return option?.originalValue !== undefined ? option.originalValue : String(id);
-  }
-  /**
-   * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
-   */
-  getIdFromRealValue(value) {
-    const options = this.unifiedSelectBox.getOptions();
-    const option = options.find(opt => opt.originalValue === String(value));
-    // originalValue가 일치하는 옵션을 찾으면 그 ID를 반환, 없으면 value 그대로 반환
-    return option ? option.id : value;
-  }
-  // SelectBox 고유 API
-  getValues() {
-    const internalValue = this.unifiedSelectBox.getValues();
-    return internalValue.map(option => ({
-      ...option,
-      id: this.getRealValueFromId(option.id)
-    }));
-  }
-  setValues(value) {
-    const internalValue = value.map(v => this.getIdFromRealValue(v.id));
-    if (JSON.stringify(this.lastValue) === JSON.stringify(internalValue)) {
-      return;
-    }
-    this.lastValue = internalValue;
-    // id 배열을 옵션 객체 배열로 변환
-    const allOptions = this.unifiedSelectBox.getOptions();
-    const optionArray = internalValue.map(id => allOptions.find(opt => opt.id === id)).filter(opt => opt !== undefined);
-    this.unifiedSelectBox.setValues(optionArray);
-    // setValues 호출 시에도 타겟 select와 동기화
-    if (this.targetSelect) {
-      if (this.unifiedSelectBox.isMultiple()) {
-        this.syncWithTargetSelectMultiple(internalValue);
-      } else {
-        // 단일 선택 모드인 경우 첫 번째 값만 사용
-        this.syncWithTargetSelect(internalValue[0] || '');
-      }
-    }
-  }
-  getSelectedCount() {
-    const values = this.getValues();
-    return values.length;
-  }
-}
-exports.SelectBox = SelectBox;

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

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

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

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tab = void 0;
-var _swiper = require("swiper");
-class Tab {
-  constructor(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();
-  }
-  init() {
-    this.swiper = new _swiper.Swiper(this.element, {
-      slidesPerView: 'auto',
-      spaceBetween: 8,
-      grabCursor: true,
-      loop: false,
-      freeMode: {
-        enabled: true,
-        sticky: false
-      },
-      mousewheel: true
-    });
-  }
-  destroy() {
-    if (this.swiper) {
-      this.swiper.destroy();
-      this.swiper = null;
-    }
-  }
-}
-exports.Tab = Tab;

package/dist/cjs/assets/scripts/table/Table.js

@@ -1,377 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _classNames = require("./const/classNames");
-const TABLE_DIMENSIONS = {
-  CHECKBOX_CELL_WIDTH: '56px',
-  HEADER_HEIGHT: 40,
-  ROW_MIN_HEIGHT: 48,
-  CHECKBOX_PADDING: '16px'
-};
-const SORT_SVG = {
-  none: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6L8 2.5L11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 10L8 13.5L11.5 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
-  asc: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9.5L8 6L11.5 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
-  desc: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6.5L8 10L11.5 6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`
-};
-const ARIA_SORT_VALUES = {
-  asc: 'ascending',
-  desc: 'descending',
-  none: 'none'
-};
-class Table {
-  constructor(options) {
-    this.theadElement = null;
-    this.sortState = new Map();
-    this.selectedIndices = new Set();
-    this.abortController = new AbortController();
-    this.options = {
-      type: 'horizontal',
-      hoverable: true,
-      selectable: false,
-      fixedHeader: false,
-      emptyText: '등록된 게시물이 없습니다.',
-      ...options
-    };
-    this.createElement();
-  }
-  createElement() {
-    this.createOuterElement();
-    this.createTableElement();
-    this.renderBody();
-    this.wrapWithScrollContainer();
-  }
-  createOuterElement() {
-    this.element = document.createElement('div');
-    this.updateOuterClasses();
-  }
-  createTableElement() {
-    this.tableElement = document.createElement('table');
-    this.tableElement.className = _classNames.TABLE_CLASS_NAMES.tableElement;
-    this.tableElement.setAttribute('role', 'table');
-    if (this.options.columns) {
-      this.createColGroup();
-      if (this.options.type === 'horizontal') {
-        this.createHeader();
-      }
-    }
-    this.tbodyElement = document.createElement('tbody');
-    this.tbodyElement.className = _classNames.TABLE_CLASS_NAMES.body;
-    this.tableElement.appendChild(this.tbodyElement);
-  }
-  wrapWithScrollContainer() {
-    if (this.options.fixedHeader && this.options.maxHeight) {
-      const scrollContainer = document.createElement('div');
-      scrollContainer.className = _classNames.TABLE_CLASS_NAMES.scrollContainer;
-      scrollContainer.style.maxHeight = this.options.maxHeight;
-      scrollContainer.appendChild(this.tableElement);
-      this.element.appendChild(scrollContainer);
-    } else {
-      this.element.appendChild(this.tableElement);
-    }
-  }
-  updateOuterClasses() {
-    const classes = [_classNames.TABLE_CLASS_NAMES.table];
-    if (this.options.type === 'horizontal') {
-      classes.push(_classNames.TABLE_CLASS_NAMES.horizontal);
-    } else {
-      classes.push(_classNames.TABLE_CLASS_NAMES.vertical);
-    }
-    if (this.options.hoverable && this.options.type === 'horizontal') {
-      classes.push(_classNames.TABLE_CLASS_NAMES.hoverable);
-    }
-    if (this.options.fixedHeader) {
-      classes.push(_classNames.TABLE_CLASS_NAMES.fixedHeader);
-    }
-    this.element.className = classes.join(' ');
-  }
-  createColGroup() {
-    const colgroup = document.createElement('colgroup');
-    if (this.options.selectable) {
-      const column = document.createElement('col');
-      column.style.width = TABLE_DIMENSIONS.CHECKBOX_CELL_WIDTH;
-      colgroup.appendChild(column);
-    }
-    for (const columnConfig of this.options.columns ?? []) {
-      const column = document.createElement('col');
-      if (columnConfig.width) {
-        column.style.width = columnConfig.width;
-      }
-      colgroup.appendChild(column);
-    }
-    this.tableElement.appendChild(colgroup);
-  }
-  createHeader() {
-    this.theadElement = document.createElement('thead');
-    this.theadElement.className = _classNames.TABLE_CLASS_NAMES.header;
-    const tableRow = document.createElement('tr');
-    if (this.options.selectable) {
-      tableRow.appendChild(this.createHeaderCheckboxCell());
-    }
-    for (const column of this.options.columns ?? []) {
-      tableRow.appendChild(this.createHeaderDataCell(column));
-    }
-    this.theadElement.appendChild(tableRow);
-    this.tableElement.appendChild(this.theadElement);
-  }
-  createHeaderCheckboxCell() {
-    const headerCell = document.createElement('th');
-    headerCell.className = `${_classNames.TABLE_CLASS_NAMES.checkboxCell} ${_classNames.TABLE_CLASS_NAMES.checkboxCellHeader}`;
-    const wrapper = document.createElement('span');
-    wrapper.className = 'ncua-checkbox-input ncua-checkbox-input--sm';
-    const checkbox = document.createElement('input');
-    checkbox.type = 'checkbox';
-    checkbox.setAttribute('aria-label', '전체 선택');
-    checkbox.addEventListener('change', () => this.handleSelectAll(checkbox.checked), {
-      signal: this.abortController.signal
-    });
-    wrapper.appendChild(checkbox);
-    headerCell.appendChild(wrapper);
-    return headerCell;
-  }
-  createHeaderDataCell(column) {
-    const headerCell = document.createElement('th');
-    headerCell.className = _classNames.TABLE_CLASS_NAMES.headerCell;
-    if (column.width) {
-      headerCell.style.width = column.width;
-    }
-    const innerContainer = document.createElement('span');
-    innerContainer.className = 'ncua-table__header-cell-inner';
-    const textSpan = document.createElement('span');
-    textSpan.className = 'ncua-table__header-cell-text';
-    textSpan.textContent = column.label;
-    innerContainer.appendChild(textSpan);
-    if (column.sortable) {
-      headerCell.classList.add(_classNames.TABLE_CLASS_NAMES.headerCellSortable);
-      this.sortState.set(column.key, 'none');
-      const sortIcon = document.createElement('span');
-      sortIcon.className = _classNames.TABLE_CLASS_NAMES.sortIcon;
-      sortIcon.innerHTML = SORT_SVG.none;
-      innerContainer.appendChild(sortIcon);
-      headerCell.addEventListener('click', () => this.handleSort(column.key, headerCell), {
-        signal: this.abortController.signal
-      });
-    }
-    headerCell.appendChild(innerContainer);
-    return headerCell;
-  }
-  renderBody() {
-    this.tbodyElement.innerHTML = '';
-    const data = this.options.data || [];
-    if (data.length === 0) {
-      this.renderEmptyState();
-      return;
-    }
-    if (this.options.type === 'vertical') {
-      this.renderVerticalBody(data);
-      return;
-    }
-    this.renderHorizontalBody(data);
-  }
-  renderEmptyState() {
-    const columnCount = (this.options.columns?.length || 1) + (this.options.selectable ? 1 : 0);
-    const tableRow = document.createElement('tr');
-    const tableCell = document.createElement('td');
-    tableCell.colSpan = columnCount;
-    tableCell.className = _classNames.TABLE_CLASS_NAMES.empty;
-    tableCell.setAttribute('role', 'status');
-    tableCell.setAttribute('aria-live', 'polite');
-    tableCell.textContent = this.options.emptyText;
-    tableRow.appendChild(tableCell);
-    this.tbodyElement.appendChild(tableRow);
-  }
-  renderHorizontalBody(data) {
-    for (let rowIndex = 0; rowIndex < data.length; rowIndex++) {
-      const tableRow = this.createHorizontalRow(data[rowIndex], rowIndex);
-      this.tbodyElement.appendChild(tableRow);
-    }
-  }
-  createRowCheckboxCell(rowIndex) {
-    const tableCell = document.createElement('td');
-    tableCell.className = `${_classNames.TABLE_CLASS_NAMES.checkboxCell} ${_classNames.TABLE_CLASS_NAMES.checkboxCellBody}`;
-    const wrapper = document.createElement('span');
-    wrapper.className = 'ncua-checkbox-input ncua-checkbox-input--sm';
-    const checkbox = document.createElement('input');
-    checkbox.type = 'checkbox';
-    checkbox.checked = this.selectedIndices.has(rowIndex);
-    checkbox.setAttribute('aria-label', '행 선택');
-    checkbox.addEventListener('change', () => this.handleRowSelect(rowIndex, checkbox.checked), {
-      signal: this.abortController.signal
-    });
-    if (this.selectedIndices.has(rowIndex)) {
-      wrapper.classList.add('has-checked');
-    }
-    wrapper.appendChild(checkbox);
-    tableCell.appendChild(wrapper);
-    return tableCell;
-  }
-  createHorizontalRow(row, rowIndex) {
-    const tableRow = document.createElement('tr');
-    tableRow.className = _classNames.TABLE_CLASS_NAMES.row;
-    if (this.selectedIndices.has(rowIndex)) {
-      tableRow.classList.add(_classNames.TABLE_CLASS_NAMES.rowSelected);
-    }
-    if (this.options.selectable) {
-      tableRow.appendChild(this.createRowCheckboxCell(rowIndex));
-    }
-    for (const column of this.options.columns ?? []) {
-      const tableCell = document.createElement('td');
-      tableCell.className = _classNames.TABLE_CLASS_NAMES.cell;
-      if (column.align) {
-        tableCell.style.textAlign = column.align;
-      }
-      if (column.render) {
-        const rendered = column.render(row[column.key], row, rowIndex);
-        if (typeof rendered === 'string') {
-          tableCell.textContent = rendered;
-        } else {
-          tableCell.appendChild(rendered);
-        }
-      } else {
-        const value = row[column.key];
-        tableCell.textContent = value != null ? String(value) : '-';
-      }
-      tableRow.appendChild(tableCell);
-    }
-    return tableRow;
-  }
-  renderVerticalBody(data) {
-    const row = data[0] || {};
-    for (const column of this.options.columns ?? []) {
-      const tableRow = this.createVerticalRow(column, row);
-      this.tbodyElement.appendChild(tableRow);
-    }
-  }
-  createVerticalRow(column, row) {
-    const tableRow = document.createElement('tr');
-    tableRow.className = _classNames.TABLE_CLASS_NAMES.row;
-    const labelCell = document.createElement('td');
-    labelCell.className = _classNames.TABLE_CLASS_NAMES.cell;
-    labelCell.textContent = column.label;
-    tableRow.appendChild(labelCell);
-    const valueCell = this.createVerticalValueCell(column, row);
-    tableRow.appendChild(valueCell);
-    return tableRow;
-  }
-  createVerticalValueCell(column, row) {
-    const valueCell = document.createElement('td');
-    valueCell.className = _classNames.TABLE_CLASS_NAMES.cell;
-    if (column.render) {
-      const rendered = column.render(row[column.key], row, 0);
-      if (typeof rendered === 'string') {
-        valueCell.textContent = rendered;
-      } else {
-        valueCell.appendChild(rendered);
-      }
-    } else {
-      const value = row[column.key];
-      valueCell.textContent = value != null ? String(value) : '-';
-    }
-    return valueCell;
-  }
-  handleSort(key, thElement) {
-    const nextDirection = this.getNextSortDirection(key);
-    for (const [sortKey] of this.sortState) {
-      this.sortState.set(sortKey, 'none');
-    }
-    this.sortState.set(key, nextDirection);
-    this.updateSortIcons(thElement, nextDirection);
-    thElement.setAttribute('aria-sort', this.getAriaSortValue(nextDirection));
-    this.options.onSort?.(key, nextDirection);
-  }
-  getNextSortDirection(key) {
-    const currentDirection = this.sortState.get(key) || 'none';
-    if (currentDirection === 'none') {
-      return 'asc';
-    }
-    if (currentDirection === 'asc') {
-      return 'desc';
-    }
-    return 'none';
-  }
-  updateSortIcons(thElement, direction) {
-    const allHeaders = this.theadElement?.querySelectorAll(`.${_classNames.TABLE_CLASS_NAMES.headerCell}`);
-    allHeaders?.forEach(header => {
-      const icon = header.querySelector(`.${_classNames.TABLE_CLASS_NAMES.sortIcon}`);
-      if (icon) {
-        icon.innerHTML = SORT_SVG.none;
-      }
-    });
-    const sortIcon = thElement.querySelector(`.${_classNames.TABLE_CLASS_NAMES.sortIcon}`);
-    if (sortIcon) {
-      sortIcon.innerHTML = SORT_SVG[direction];
-    }
-  }
-  getAriaSortValue(direction) {
-    return ARIA_SORT_VALUES[direction];
-  }
-  handleSelectAll(checked) {
-    this.selectedIndices.clear();
-    if (checked && this.options.data) {
-      for (let index = 0; index < this.options.data.length; index++) {
-        this.selectedIndices.add(index);
-      }
-    }
-    this.updateRowSelectionStyles();
-    this.updateHeaderCheckbox();
-    this.options.onSelect?.([...this.selectedIndices]);
-  }
-  handleRowSelect(index, checked) {
-    if (checked) {
-      this.selectedIndices.add(index);
-    } else {
-      this.selectedIndices.delete(index);
-    }
-    this.updateRowSelectionStyles();
-    this.updateHeaderCheckbox();
-    this.options.onSelect?.([...this.selectedIndices]);
-  }
-  updateRowSelectionStyles() {
-    const rows = this.tbodyElement.querySelectorAll(`.${_classNames.TABLE_CLASS_NAMES.row}`);
-    rows.forEach((row, index) => {
-      const isSelected = this.selectedIndices.has(index);
-      row.classList.toggle(_classNames.TABLE_CLASS_NAMES.rowSelected, isSelected);
-      const checkbox = row.querySelector('input[type="checkbox"]');
-      if (checkbox) {
-        checkbox.checked = isSelected;
-      }
-      const wrapper = row.querySelector('.ncua-checkbox-input');
-      if (wrapper) {
-        wrapper.classList.toggle('has-checked', isSelected);
-      }
-    });
-  }
-  updateHeaderCheckbox() {
-    const headerWrapper = this.theadElement?.querySelector('.ncua-checkbox-input');
-    const headerCheckbox = headerWrapper?.querySelector('input[type="checkbox"]');
-    if (!headerWrapper || !headerCheckbox || !this.options.data) return;
-    const total = this.options.data.length;
-    const selectedCount = this.selectedIndices.size;
-    const isAllSelected = selectedCount === total && total > 0;
-    const isIndeterminate = selectedCount > 0 && selectedCount < total;
-    headerCheckbox.checked = isAllSelected;
-    headerCheckbox.indeterminate = isIndeterminate;
-    headerWrapper.classList.toggle('has-checked', isAllSelected);
-    headerWrapper.classList.toggle('has-indeterminate', isIndeterminate);
-  }
-  // ──────── Public API ────────
-  getElement() {
-    return this.element;
-  }
-  setData(data) {
-    this.options.data = data;
-    this.selectedIndices.clear();
-    this.renderBody();
-    this.updateHeaderCheckbox();
-  }
-  getSelectedIndices() {
-    return [...this.selectedIndices];
-  }
-  destroy() {
-    this.abortController.abort();
-    this.element.remove();
-  }
-}
-exports.Table = Table;

package/dist/cjs/assets/scripts/table/const/classNames.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TABLE_CLASS_NAMES = void 0;
-const TABLE_CLASS_NAMES = exports.TABLE_CLASS_NAMES = {
-  table: 'ncua-table',
-  horizontal: 'ncua-table--horizontal',
-  vertical: 'ncua-table--vertical',
-  hoverable: 'ncua-table--hoverable',
-  fixedHeader: 'ncua-table--fixed-header',
-  scrollContainer: 'ncua-table__scroll-container',
-  tableElement: 'ncua-table__table',
-  header: 'ncua-table__header',
-  headerCell: 'ncua-table__header-cell',
-  headerCellSortable: 'ncua-table__header-cell--sortable',
-  sortIcon: 'ncua-table__sort-icon',
-  body: 'ncua-table__body',
-  row: 'ncua-table__row',
-  rowSelected: 'ncua-table__row--selected',
-  rowWarning: 'ncua-table__row--warning',
-  rowError: 'ncua-table__row--error',
-  cell: 'ncua-table__cell',
-  checkboxCell: 'ncua-table__checkbox-cell',
-  checkboxCellHeader: 'ncua-table__checkbox-cell--header',
-  checkboxCellBody: 'ncua-table__checkbox-cell--body',
-  footer: 'ncua-table__footer',
-  footerRow: 'ncua-table__footer-row',
-  pagination: 'ncua-table__pagination',
-  empty: 'ncua-table__empty',
-  required: 'ncua-table__required'
-};

package/dist/cjs/assets/scripts/table/const/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _classNames = require("./classNames");
-Object.keys(_classNames).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _classNames[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _classNames[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});