@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/types/assets/scripts/selectBox.d.ts

@@ -1,50 +0,0 @@
-import { OptionValue } from '../../src/types';
-import { BaseBox } from './baseBox';
-import { DropdownOption } from './utils/unifiedBox/dropdownModel';
-export interface SelectBoxOptionType {
-    id: string | number;
-    text: string;
-    disabled?: boolean;
-}
-export interface SelectBoxConfig {
-    options?: DropdownOption[] | SelectBoxOptionType[];
-    placeholder?: string;
-    value?: OptionValue;
-    onChange?: (value: OptionValue) => void;
-    maxHeight?: number;
-    disabled?: boolean;
-    type?: 'default' | 'simple';
-    size?: 'xs' | 'sm' | 'md';
-    multiple?: boolean;
-    showFooterButtons?: boolean;
-    onEdit?: () => void;
-    onSelectAll?: () => void;
-    onComplete?: () => void;
-}
-export declare class SelectBox extends BaseBox {
-    protected get defaultPlaceholder(): string;
-    constructor(element: HTMLElement, config?: SelectBoxConfig);
-    /**
-     * JavaScript 옵션을 DropdownOption 형식으로 변환
-     */
-    private normalizeOptions;
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    private parseOptionsFromHTML;
-    /**
-     * 값 변환 - originalValue 매핑
-     */
-    protected resolveValue(value: string | number): string;
-    /**
-     * ID로부터 실제 HTML select의 value 값을 가져오기
-     */
-    private getRealValueFromId;
-    /**
-     * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
-     */
-    private getIdFromRealValue;
-    getValues(): DropdownOption[];
-    setValues(value: DropdownOption[]): void;
-    getSelectedCount(): number;
-}

package/dist/types/assets/scripts/shared/ButtonCloseX.d.ts

@@ -1,5 +0,0 @@
-export type ButtonCloseXSize = 'xs' | 'sm' | 'md' | 'lg';
-export type ButtonCloseXTheme = 'dark' | 'light';
-export declare const SVG_SIZE: Record<ButtonCloseXSize, number>;
-export declare const X_CLOSE_SVG: (size: string) => string;
-export declare function ButtonCloseX(size: ButtonCloseXSize, theme?: ButtonCloseXTheme, additionalClasses?: string, ariaLabel?: string, onClick?: () => void): string;

package/dist/types/assets/scripts/tab.d.ts

@@ -1,7 +0,0 @@
-export declare class Tab {
-    private element;
-    private swiper;
-    constructor(element: HTMLElement | null);
-    private init;
-    destroy(): void;
-}

package/dist/types/assets/scripts/table/Table.d.ts

@@ -1,41 +0,0 @@
-import type { TableOptions } from './const/types';
-export declare class Table {
-    private element;
-    private tableElement;
-    private theadElement;
-    private tbodyElement;
-    private options;
-    private sortState;
-    private selectedIndices;
-    private abortController;
-    constructor(options: TableOptions);
-    private createElement;
-    private createOuterElement;
-    private createTableElement;
-    private wrapWithScrollContainer;
-    private updateOuterClasses;
-    private createColGroup;
-    private createHeader;
-    private createHeaderCheckboxCell;
-    private createHeaderDataCell;
-    private renderBody;
-    private renderEmptyState;
-    private renderHorizontalBody;
-    private createRowCheckboxCell;
-    private createHorizontalRow;
-    private renderVerticalBody;
-    private createVerticalRow;
-    private createVerticalValueCell;
-    private handleSort;
-    private getNextSortDirection;
-    private updateSortIcons;
-    private getAriaSortValue;
-    private handleSelectAll;
-    private handleRowSelect;
-    private updateRowSelectionStyles;
-    private updateHeaderCheckbox;
-    getElement(): HTMLDivElement;
-    setData(data: Record<string, unknown>[]): void;
-    getSelectedIndices(): number[];
-    destroy(): void;
-}

package/dist/types/assets/scripts/table/const/classNames.d.ts

@@ -1,27 +0,0 @@
-export declare const TABLE_CLASS_NAMES: {
-    readonly table: "ncua-table";
-    readonly horizontal: "ncua-table--horizontal";
-    readonly vertical: "ncua-table--vertical";
-    readonly hoverable: "ncua-table--hoverable";
-    readonly fixedHeader: "ncua-table--fixed-header";
-    readonly scrollContainer: "ncua-table__scroll-container";
-    readonly tableElement: "ncua-table__table";
-    readonly header: "ncua-table__header";
-    readonly headerCell: "ncua-table__header-cell";
-    readonly headerCellSortable: "ncua-table__header-cell--sortable";
-    readonly sortIcon: "ncua-table__sort-icon";
-    readonly body: "ncua-table__body";
-    readonly row: "ncua-table__row";
-    readonly rowSelected: "ncua-table__row--selected";
-    readonly rowWarning: "ncua-table__row--warning";
-    readonly rowError: "ncua-table__row--error";
-    readonly cell: "ncua-table__cell";
-    readonly checkboxCell: "ncua-table__checkbox-cell";
-    readonly checkboxCellHeader: "ncua-table__checkbox-cell--header";
-    readonly checkboxCellBody: "ncua-table__checkbox-cell--body";
-    readonly footer: "ncua-table__footer";
-    readonly footerRow: "ncua-table__footer-row";
-    readonly pagination: "ncua-table__pagination";
-    readonly empty: "ncua-table__empty";
-    readonly required: "ncua-table__required";
-};

package/dist/types/assets/scripts/table/const/index.d.ts

@@ -1,2 +0,0 @@
-export * from './classNames';
-export * from './types';

package/dist/types/assets/scripts/table/const/types.d.ts

@@ -1,23 +0,0 @@
-export type TableType = 'horizontal' | 'vertical';
-export type SortDirection = 'asc' | 'desc' | 'none';
-export type RowStatus = 'warning' | 'error';
-export type TableColumn = {
-    key: string;
-    label: string;
-    width?: string;
-    sortable?: boolean;
-    align?: 'left' | 'center' | 'right';
-    render?: (value: unknown, row: Record<string, unknown>, rowIndex: number) => HTMLElement | string;
-};
-export type TableOptions = {
-    type?: TableType;
-    columns?: TableColumn[];
-    data?: Record<string, unknown>[];
-    hoverable?: boolean;
-    selectable?: boolean;
-    fixedHeader?: boolean;
-    maxHeight?: string;
-    emptyText?: string;
-    onSort?: (key: string, direction: SortDirection) => void;
-    onSelect?: (selectedIndices: number[]) => void;
-};

package/dist/types/assets/scripts/table/index.d.ts

@@ -1,3 +0,0 @@
-export * from './const/classNames';
-export * from './const/types';
-export { Table } from './Table';

package/dist/types/assets/scripts/tag/Tag.d.ts

@@ -1,27 +0,0 @@
-import { BaseTagOptions } from './const/types';
-export declare class Tag {
-    private element;
-    private options;
-    private isTooltipVisible;
-    private calculatedPosition;
-    private tooltipElement;
-    constructor(options: BaseTagOptions);
-    private createElement;
-    private getTagClasses;
-    private shouldTruncate;
-    private getTruncatedText;
-    private createSideSlot;
-    private createIconSVG;
-    private createCloseButton;
-    private createTooltip;
-    private removeTooltip;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    getElement(): HTMLSpanElement;
-    isTooltipShown(): boolean;
-    setText(text: string): void;
-    setCount(count: string | undefined): void;
-    private updateTextElement;
-    private updateCountElement;
-    destroy(): void;
-}

package/dist/types/assets/scripts/tag/const/classNames.d.ts

@@ -1,11 +0,0 @@
-export declare const TAG_CLASS_NAMES: {
-    tag: string;
-    text: string;
-    count: string;
-    close: string;
-    tooltip: string;
-    tooltipContent: string;
-    truncated: string;
-};
-export declare const getTagSizeClassName: (size: string) => string;
-export declare const getTooltipPositionClassName: (position: string) => string;

package/dist/types/assets/scripts/tag/const/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './classNames';
-export * from './sizes';

package/dist/types/assets/scripts/tag/const/sizes.d.ts

@@ -1,7 +0,0 @@
-export declare const iconSize: {
-    readonly sm: 14;
-    readonly md: 16;
-};
-export declare const MARGIN = 10;
-export declare const DEFAULT_TOOLTIP_WIDTH = 200;
-export declare const DEFAULT_TOOLTIP_HEIGHT = 60;

package/dist/types/assets/scripts/tag/const/types.d.ts

@@ -1,33 +0,0 @@
-import { CalculatedPosition } from '../../../../src/components/tag/Tag';
-export type TagSize = 'sm' | 'md';
-export type { CalculatedPosition };
-export interface SideSlotIcon {
-    type: 'icon';
-    icon: string;
-    color?: string;
-}
-export interface SideSlotDot {
-    type: 'dot';
-    color?: string;
-    size?: 'sm' | 'md';
-}
-export interface SideSlotCustom {
-    type: 'custom';
-    children: HTMLElement;
-}
-export type SideSlotType = SideSlotIcon | SideSlotDot | SideSlotCustom;
-export interface BaseTagOptions {
-    size?: TagSize;
-    icon?: SideSlotType;
-    text: string;
-    count?: string;
-    close?: boolean;
-    onButtonClick?: (event: MouseEvent) => void;
-    maxLength?: number;
-}
-export interface RequiredTagProps extends Required<Pick<BaseTagOptions, 'text' | 'size' | 'maxLength'>> {
-    icon?: SideSlotType;
-    count?: string;
-    close?: boolean;
-    onButtonClick?: (event: MouseEvent) => void;
-}

package/dist/types/assets/scripts/tag/index.d.ts

@@ -1,3 +0,0 @@
-export { Tag } from './Tag';
-export * from './const/types';
-export * from './const/classNames';

package/dist/types/assets/scripts/tooltip/Tooltip.d.ts

@@ -1,54 +0,0 @@
-import { TooltipOptions } from './const';
-/**
- * Tooltip 클래스
- * 툴팁 패널 패턴을 사용하여 툴팁을 생성합니다.
- * 툴팁 패널 패턴은 바깥 컨테이너(항상 pointer-events:none) + 실제 패널(클릭 허용) 패턴을 사용합니다.
- * 레이어 1개 아래에 여러개의 패널과 툴팁이 생성되어 화면에 삽입됩니다.
- * 자동 위치조정 ( 공간이 부족하다면 상하좌우를 조절하는 기능 - 기본값: top )을 사용합니다.
- * Shadow DOM 지원
- */
-export declare class Tooltip {
-    private element;
-    private iconElement;
-    private layerManager;
-    private panelId;
-    private panel;
-    private calculatedPosition;
-    private isVisible;
-    private isMeasuring;
-    private isForceHidden;
-    private options;
-    private boundMouseEnter;
-    private boundMouseLeave;
-    private boundResizeScroll;
-    private boundPanelClick;
-    constructor(options?: TooltipOptions);
-    private createElement;
-    private buildAnchorClassName;
-    private buildPanelClassName;
-    private renderContentHTML;
-    private renderCloseButtonHTML;
-    /** 전역 레이어에 패널 생성 */
-    private createLayerAndPanel;
-    private setupShadowContent;
-    private bindEvents;
-    private enableMouseEvents;
-    private disableMouseEvents;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleResizeScroll;
-    private handlePanelClick;
-    showTooltip(): void;
-    hideTooltip(): void;
-    private updateTooltipPosition;
-    private updatePanelClass;
-    getElement(): HTMLElement;
-    updateOptions(newOptions: Partial<TooltipOptions>): void;
-    destroy(): void;
-    static create(options?: TooltipOptions): Tooltip;
-    static createShort(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
-    static createLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
-    static createAuto(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
-    static createAutoLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
-    static createAutoLongWithShadowDOM(title: string, content: string, options?: Partial<TooltipOptions>): Tooltip;
-}

package/dist/types/assets/scripts/tooltip/TooltipLayerManager.d.ts

@@ -1,21 +0,0 @@
-/**
- * 툴팁 레이어 관리자
- * 전역 레이어 하나를 사용하여 모든 툴팁 패널을 관리합니다.
- */
-export declare class TooltipLayerManager {
-    private static instance;
-    private layer;
-    private panels;
-    private nextId;
-    private maxZIndex;
-    private constructor();
-    static getInstance(): TooltipLayerManager;
-    private createGlobalLayer;
-    createPanel(zIndex?: number): {
-        id: string;
-        panel: HTMLElement;
-    };
-    removePanel(id: string): void;
-    getPanel(id: string): HTMLElement | null;
-    destroy(): void;
-}

package/dist/types/assets/scripts/tooltip/const/classNames.d.ts

@@ -1,17 +0,0 @@
-export declare const CLASS_NAMES: {
-    TOOLTIP: string;
-    TOOLTIP_ICON: string;
-    TOOLTIP_BG: string;
-    TOOLTIP_TITLE: string;
-    TOOLTIP_CONTENT: string;
-    TOOLTIP_CLOSE_BUTTON: string;
-    TOOLTIP_HIDDEN_ARROW: string;
-    TOOLTIP_STROKE: string;
-    TOOLTIP_AUTO: string;
-    TOOLTIP_BG_VISIBLE: string;
-    TOOLTIP_BG_MEASURING: string;
-    TOOLTIP_BG_FORCE_HIDDEN: string;
-    TOOLTIP_GLOBAL_LAYER: string;
-    TOOLTIP_PANEL: string;
-    BUTTON_CLOSE_X: string;
-};

package/dist/types/assets/scripts/tooltip/const/constants.d.ts

@@ -1,33 +0,0 @@
-import type { TooltipOptions } from './types';
-export declare const MARGIN = 10;
-export declare const DEFAULT_TOOLTIP_WIDTH = 200;
-export declare const DEFAULT_TOOLTIP_HEIGHT = 60;
-export declare const POSITION_PRIORITY: readonly ["bottom", "top", "right", "left"];
-export declare const TOOLTIP_OFFSET = 8;
-export declare const VIEWPORT_MARGIN = 8;
-export declare const ICON_SIZES: {
-    readonly sm: 14;
-    readonly md: 16;
-};
-export declare const TRANSITION_DURATION = "0.18s";
-export declare const OFFSCREEN_POSITION = "-99999px";
-export declare const OPACITY: {
-    readonly HIDDEN: "0";
-    readonly VISIBLE: "1";
-};
-export declare const POSITION: {
-    readonly INITIAL: "0px";
-    readonly OFFSCREEN: "-99999px";
-};
-export declare const Z_INDEX: {
-    readonly TOOLTIP_LAYER: 2000;
-};
-export declare const EVENT_OPTIONS: {
-    readonly PASSIVE: {
-        readonly passive: true;
-    };
-    readonly ONCE: {
-        readonly once: true;
-    };
-};
-export declare const TOOLTIP_DEFAULT_VALUE: TooltipOptions;

package/dist/types/assets/scripts/tooltip/const/icons.d.ts

@@ -1,4 +0,0 @@
-export declare const SVG_ICONS: {
-    readonly 'help-circle-stroke': (size: number) => string;
-    readonly 'help-circle-fill': (size: number) => string;
-};

package/dist/types/assets/scripts/tooltip/const/index.d.ts

@@ -1,5 +0,0 @@
-export type { TooltipOptions, CalculatedPosition } from './types';
-export { SVG_ICONS } from './icons';
-export { CLASS_NAMES } from './classNames';
-export { MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY, TOOLTIP_DEFAULT_VALUE, TOOLTIP_OFFSET, VIEWPORT_MARGIN, ICON_SIZES, TRANSITION_DURATION, OFFSCREEN_POSITION, OPACITY, POSITION, Z_INDEX, EVENT_OPTIONS, } from './constants';
-export { CSS_TEMPLATES, HTML_TEMPLATES, FALLBACK_ICON_SVG } from './templates';

package/dist/types/assets/scripts/tooltip/const/templates.d.ts

@@ -1,16 +0,0 @@
-/**
- * 툴팁 관련 CSS 및 HTML 템플릿
- */
-export declare const CSS_TEMPLATES: {
-    readonly LAYER_CONTAINER: (zIndex: number) => string;
-    readonly TOOLTIP_PANEL: (zIndex: number) => string;
-    readonly ANCHOR_WRAPPER: "\n    display: inline-flex;\n    vertical-align: middle;\n    margin: 0 4px;\n  ";
-    readonly SHADOW_DOM_HOST: "\n    :host { \n      all: unset; \n      display: block; \n      font-family: system-ui; \n      color: black; \n    }\n  ";
-};
-export declare const HTML_TEMPLATES: {
-    readonly ICON_WRAPPER: (className: string, iconSvg: string) => string;
-    readonly TOOLTIP_TITLE: (className: string, title: string) => string;
-    readonly TOOLTIP_CONTENT: (className: string, content: string) => string;
-    readonly TOOLTIP_CONTENT_SHADOW: (className: string) => string;
-};
-export declare const FALLBACK_ICON_SVG: (size: number) => string;

package/dist/types/assets/scripts/tooltip/const/types.d.ts

@@ -1,14 +0,0 @@
-export interface TooltipOptions {
-    tooltipType?: 'white' | 'black';
-    iconType?: 'stroke' | 'fill';
-    position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'auto';
-    size?: 'sm' | 'md';
-    hideArrow?: boolean;
-    title?: string;
-    content?: string;
-    type?: 'long' | 'short';
-    zIndex?: number;
-    useShadowDOM?: boolean;
-    className?: string;
-}
-export type CalculatedPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';

package/dist/types/assets/scripts/tooltip/index.d.ts

@@ -1,6 +0,0 @@
-import { Tooltip } from './Tooltip';
-export { Tooltip } from './Tooltip';
-export type { TooltipOptions, CalculatedPosition } from './const';
-export { calculateOptimalPosition } from './utils';
-export { SVG_ICONS, MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY } from './const';
-export default Tooltip;

package/dist/types/assets/scripts/tooltip/utils.d.ts

@@ -1,2 +0,0 @@
-import { CalculatedPosition } from './const';
-export declare function calculateOptimalPosition(triggerElement: HTMLElement, tooltipElement: HTMLElement, preferredPosition?: string): CalculatedPosition;

package/dist/types/assets/scripts/utils/debounce.d.ts

@@ -1,8 +0,0 @@
-/**
- * 디바운스 유틸리티
- * 마지막 호출 후 지정된 시간이 지나야 콜백이 실행됨
- */
-export declare function debounce<T extends (...args: any[]) => any>(fn: T, ms: number): {
-    (...args: Parameters<T>): void;
-    cancel: () => void;
-};

package/dist/types/assets/scripts/utils/unifiedBox/domRenderer.d.ts

@@ -1,107 +0,0 @@
-export interface RenderableOption {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-    selected?: boolean;
-    focused?: boolean;
-}
-export interface DropdownRenderConfig {
-    maxHeight: number;
-    size: 'xs' | 'sm' | 'md';
-    listboxId: string;
-    noResultsText?: string;
-}
-export interface OptionElementData {
-    element: HTMLLIElement;
-    option: RenderableOption;
-    index: number;
-}
-export declare class DOMRenderer {
-    private optionElementCache;
-    /**
-     * 드롭다운 컨테이너 생성 (구조만)
-     */
-    createDropdownStructure(config: DropdownRenderConfig): {
-        dropdown: HTMLDivElement;
-        content: HTMLDivElement;
-        optionsList: HTMLUListElement;
-    };
-    /**
-     * 단일 옵션 엘리먼트 생성 (재사용 가능)
-     */
-    createOptionElement(option: RenderableOption, index: number, config: DropdownRenderConfig): HTMLLIElement;
-    /**
-     * 옵션 엘리먼트 상태 업데이트 (DOM 조작 최소화)
-     */
-    updateOptionElement(element: HTMLLIElement, option: RenderableOption, index: number, config: DropdownRenderConfig): void;
-    /**
-     * "결과 없음" 엘리먼트 생성
-     */
-    createNoResultsElement(text?: string): HTMLLIElement;
-    /**
-     * 옵션 리스트 효율적 업데이트 (Differential Rendering)
-     */
-    updateOptionsList(container: HTMLUListElement, newOptions: RenderableOption[], config: DropdownRenderConfig, showNoResults?: boolean): HTMLLIElement[];
-    /**
-     * 컨테이너 자식 엘리먼트 효율적 업데이트
-     */
-    private updateContainerChildren;
-    /**
-     * 클래스 토글 (변경이 필요한 경우에만)
-     */
-    private toggleClass;
-    /**
-     * 입력 필드 생성 (InputFieldUtils에서 이동)
-     */
-    createInputField(config: {
-        placeholder?: string;
-        disabled?: boolean;
-        size?: 'xs' | 'sm' | 'md';
-        showSearchIcon?: boolean;
-        onInput?: (value: string) => void;
-        onClick?: () => void;
-        onShowAll?: () => void;
-        onClear?: () => void;
-    }): {
-        container: HTMLElement;
-        input: HTMLInputElement;
-        setValue: (value: string) => void;
-        focus: () => void;
-        blur: () => void;
-    };
-    /**
-     * 캐시 정리
-     */
-    clearCache(): void;
-    /**
-     * 특정 옵션 캐시 제거
-     */
-    removeCachedOption(optionId: string | number): void;
-    /**
-     * 공통 DOM 생성 유틸리티
-     */
-    static createElementWithClass(tagName: string, className: string, textContent?: string): HTMLElement;
-    /**
-     * 버튼 엘리먼트 생성
-     */
-    static createButton(className: string, textContent: string, onClick?: (e: Event) => void): HTMLButtonElement;
-    /**
-     * SVG 아이콘 생성
-     */
-    static createSvgIcon(iconName: string, size?: number): SVGElement;
-    /**
-     * 푸터 생성
-     */
-    createFooter(config: {
-        multiple?: boolean;
-        showFooterButtons?: boolean;
-        onSelectAll?: () => void;
-        onEdit?: () => void;
-        onComplete?: () => void;
-        selectAllButtonText?: string;
-    }): HTMLElement;
-    /**
-     * 전체 선택 버튼 텍스트 업데이트
-     */
-    updateSelectAllButtonText(footerElement: HTMLElement, text: string): void;
-}