@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/temp/assets/scripts/slider.js

@@ -1,44 +1,43 @@
-var Slider = /** @class */ (function () {
-    function Slider(element, options) {
-        var _this = this;
+export class Slider {
+    constructor(element, options) {
         this.activeHandle = null;
         this.isDragging = false;
         this.handleElements = [];
         this.progressElement = null;
         this.trackElement = null;
-        this.handleMouseDown = function (e) {
-            var targetElement = e.target;
+        this.handleMouseDown = (e) => {
+            const targetElement = e.target;
             e.preventDefault();
-            _this.handleInteractionStart(e.clientX, targetElement);
-            if (_this.isDragging) {
+            this.handleInteractionStart(e.clientX, targetElement);
+            if (this.isDragging) {
                 // 텍스트 선택 방지
                 document.body.style.userSelect = 'none';
             }
         };
-        this.handleTouchStart = function (e) {
+        this.handleTouchStart = (e) => {
             if (e.touches.length > 0) {
-                var targetElement = e.target;
+                const targetElement = e.target;
                 e.preventDefault();
-                _this.handleInteractionStart(e.touches[0].clientX, targetElement);
+                this.handleInteractionStart(e.touches[0].clientX, targetElement);
             }
         };
-        this.handleMouseMove = function (e) {
-            if (_this.isDragging) {
-                _this.updateValueFromClientX(e.clientX);
+        this.handleMouseMove = (e) => {
+            if (this.isDragging) {
+                this.updateValueFromClientX(e.clientX);
             }
         };
-        this.handleTouchMove = function (e) {
-            if (_this.isDragging && e.touches.length > 0) {
+        this.handleTouchMove = (e) => {
+            if (this.isDragging && e.touches.length > 0) {
                 e.preventDefault();
-                _this.updateValueFromClientX(e.touches[0].clientX);
+                this.updateValueFromClientX(e.touches[0].clientX);
             }
         };
-        this.handleMouseUp = function () {
-            _this.isDragging = false;
+        this.handleMouseUp = () => {
+            this.isDragging = false;
             document.body.style.userSelect = '';
         };
-        this.handleTouchEnd = function () {
-            _this.isDragging = false;
+        this.handleTouchEnd = () => {
+            this.isDragging = false;
         };
         this.element = element;
         this.options = Object.assign({
@@ -54,7 +53,7 @@ var Slider = /** @class */ (function () {
         this.options.step = Number(this.options.step);
         this.init();
     }
-    Slider.prototype.init = function () {
+    init() {
         if (this.options.disabled) {
             this.element.style.opacity = '0.5';
         }
@@ -71,7 +70,7 @@ var Slider = /** @class */ (function () {
         // Handle(s) 생성
         if (Array.isArray(this.value)) {
             // Range slider (2 handles)
-            var _a = this.value, leftValue = _a[0], rightValue = _a[1];
+            const [leftValue, rightValue] = this.value;
             this.createHandle(0, leftValue);
             this.createHandle(1, rightValue);
         }
@@ -85,10 +84,9 @@ var Slider = /** @class */ (function () {
         }
         // 초기 위치 설정
         this.updateHandlePositions();
-    };
-    Slider.prototype.createHandle = function (index, value) {
-        var _this = this;
-        var handle = document.createElement('div');
+    }
+    createHandle(index, value) {
+        const handle = document.createElement('div');
         handle.className = 'ncua-slider__handle';
         handle.setAttribute('role', 'slider');
         handle.setAttribute('tabindex', this.options.disabled ? '-1' : '0');
@@ -97,82 +95,81 @@ var Slider = /** @class */ (function () {
         handle.setAttribute('aria-valuenow', String(value));
         handle.setAttribute('aria-disabled', String(this.options.disabled));
         handle.dataset.index = String(index);
-        handle.addEventListener('focus', function () {
-            _this.activeHandle = index;
-            _this.updateHandleClasses();
+        handle.addEventListener('focus', () => {
+            this.activeHandle = index;
+            this.updateHandleClasses();
         });
-        handle.addEventListener('blur', function () {
-            _this.activeHandle = null;
-            _this.updateHandleClasses();
+        handle.addEventListener('blur', () => {
+            this.activeHandle = null;
+            this.updateHandleClasses();
         });
         if (this.options.labelPosition === 'bottom') {
-            var label = document.createElement('div');
-            label.className = "ncua-slider__label";
-            label.textContent = "".concat(value, "%");
+            const label = document.createElement('div');
+            label.className = `ncua-slider__label`;
+            label.textContent = `${value}%`;
             handle.appendChild(label);
         }
         if (this.options.labelPosition === 'top-floating') {
-            var label = document.createElement('div');
-            label.className = "ncua-slider__label ncua-slider__label--tooltip";
-            label.textContent = "".concat(value, "%");
+            const label = document.createElement('div');
+            label.className = `ncua-slider__label ncua-slider__label--tooltip`;
+            label.textContent = `${value}%`;
             handle.appendChild(label);
         }
         this.element.appendChild(handle);
         this.handleElements[index] = handle;
-    };
-    Slider.prototype.updateHandlePositions = function () {
+    }
+    updateHandlePositions() {
         if (Array.isArray(this.value)) {
             // Range slider
-            var _a = this.value, leftValue = _a[0], rightValue = _a[1];
-            var leftPosition = this.getPositionFromValue(leftValue);
-            var rightPosition = this.getPositionFromValue(rightValue);
-            this.handleElements[0].style.left = "".concat(leftPosition, "%");
-            this.handleElements[1].style.left = "".concat(rightPosition, "%");
+            const [leftValue, rightValue] = this.value;
+            const leftPosition = this.getPositionFromValue(leftValue);
+            const rightPosition = this.getPositionFromValue(rightValue);
+            this.handleElements[0].style.left = `${leftPosition}%`;
+            this.handleElements[1].style.left = `${rightPosition}%`;
             if (this.options.labelPosition) {
-                var leftLabel = this.handleElements[0].querySelector('.ncua-slider__label');
-                var rightLabel = this.handleElements[1].querySelector('.ncua-slider__label');
+                const leftLabel = this.handleElements[0].querySelector('.ncua-slider__label');
+                const rightLabel = this.handleElements[1].querySelector('.ncua-slider__label');
                 if (leftLabel)
-                    leftLabel.textContent = "".concat(leftValue, "%");
+                    leftLabel.textContent = `${leftValue}%`;
                 if (rightLabel)
-                    rightLabel.textContent = "".concat(rightValue, "%");
+                    rightLabel.textContent = `${rightValue}%`;
             }
             if (this.progressElement) {
-                this.progressElement.style.left = "".concat(leftPosition, "%");
-                this.progressElement.style.width = "".concat(rightPosition - leftPosition, "%");
+                this.progressElement.style.left = `${leftPosition}%`;
+                this.progressElement.style.width = `${rightPosition - leftPosition}%`;
             }
         }
         else {
             // Single slider
-            var position = this.getPositionFromValue(this.value);
-            this.handleElements[0].style.left = "".concat(position, "%");
+            const position = this.getPositionFromValue(this.value);
+            this.handleElements[0].style.left = `${position}%`;
             if (this.options.labelPosition) {
-                var label = this.handleElements[0].querySelector('.ncua-slider__label');
+                const label = this.handleElements[0].querySelector('.ncua-slider__label');
                 if (label)
-                    label.textContent = "".concat(this.value, "%");
+                    label.textContent = `${this.value}%`;
             }
             if (this.progressElement) {
                 this.progressElement.style.left = '0';
-                this.progressElement.style.width = "".concat(position, "%");
+                this.progressElement.style.width = `${position}%`;
             }
         }
         // ARIA 속성 업데이트
         this.updateAriaAttributes();
-    };
-    Slider.prototype.updateHandleClasses = function () {
-        var _this = this;
-        this.handleElements.forEach(function (handle, index) {
-            if (index === _this.activeHandle) {
+    }
+    updateHandleClasses() {
+        this.handleElements.forEach((handle, index) => {
+            if (index === this.activeHandle) {
                 handle.classList.add('is-active');
             }
             else {
                 handle.classList.remove('is-active');
             }
         });
-    };
-    Slider.prototype.updateAriaAttributes = function () {
+    }
+    updateAriaAttributes() {
         if (Array.isArray(this.value)) {
             // Range slider
-            var _a = this.value, leftValue = _a[0], rightValue = _a[1];
+            const [leftValue, rightValue] = this.value;
             this.handleElements[0].setAttribute('aria-valuenow', String(leftValue));
             this.handleElements[0].setAttribute('aria-valuemax', String(rightValue));
             this.handleElements[1].setAttribute('aria-valuenow', String(rightValue));
@@ -182,21 +179,21 @@ var Slider = /** @class */ (function () {
             // Single slider
             this.handleElements[0].setAttribute('aria-valuenow', String(this.value));
         }
-    };
-    Slider.prototype.getPositionFromValue = function (value) {
+    }
+    getPositionFromValue(value) {
         return ((value - this.options.min) / (this.options.max - this.options.min)) * 100;
-    };
-    Slider.prototype.getValueFromPosition = function (position) {
-        var percentage = Math.min(Math.max(position, 0), 100);
-        var exactValue = this.options.min + (percentage / 100) * (this.options.max - this.options.min);
-        var steppedValue = Math.round(exactValue / this.options.step) * this.options.step;
+    }
+    getValueFromPosition(position) {
+        const percentage = Math.min(Math.max(position, 0), 100);
+        const exactValue = this.options.min + (percentage / 100) * (this.options.max - this.options.min);
+        const steppedValue = Math.round(exactValue / this.options.step) * this.options.step;
         return Math.min(Math.max(steppedValue, this.options.min), this.options.max);
-    };
-    Slider.prototype.handleInteractionStart = function (clientX, target) {
+    }
+    handleInteractionStart(clientX, target) {
         // 슬라이더 영역 내부를 클릭/터치한 경우
         if (target.closest('.ncua-slider')) {
             // 핸들을 직접 클릭/터치했는지 확인
-            var handleElement = target.closest('.ncua-slider__handle');
+            const handleElement = target.closest('.ncua-slider__handle');
             if (handleElement) {
                 if (Array.isArray(this.value) && this.value[0] === this.value[1] && this.value[0] === this.options.max) {
                     this.activeHandle = 0;
@@ -210,12 +207,12 @@ var Slider = /** @class */ (function () {
             }
             else {
                 // 슬라이더 트랙을 클릭/터치한 경우, 가장 가까운 핸들을 결정
-                var rect = this.element.getBoundingClientRect();
-                var position = ((clientX - rect.left) / rect.width) * 100;
+                const rect = this.element.getBoundingClientRect();
+                const position = ((clientX - rect.left) / rect.width) * 100;
                 if (Array.isArray(this.value)) {
-                    var _a = this.value, leftValue = _a[0], rightValue = _a[1];
-                    var leftPosition = this.getPositionFromValue(leftValue);
-                    var rightPosition = this.getPositionFromValue(rightValue);
+                    const [leftValue, rightValue] = this.value;
+                    const leftPosition = this.getPositionFromValue(leftValue);
+                    const rightPosition = this.getPositionFromValue(rightValue);
                     if (position < leftPosition) {
                         this.activeHandle = 0;
                     }
@@ -235,17 +232,17 @@ var Slider = /** @class */ (function () {
             // 클릭/터치 위치로 값 업데이트
             this.updateValueFromClientX(clientX);
         }
-    };
-    Slider.prototype.updateValueFromClientX = function (clientX) {
+    }
+    updateValueFromClientX(clientX) {
         if (!this.element || this.activeHandle === null)
             return;
-        var rect = this.element.getBoundingClientRect();
-        var position = ((clientX - rect.left) / rect.width) * 100;
-        var newValue = this.getValueFromPosition(position);
-        var prevValue = this.value;
+        const rect = this.element.getBoundingClientRect();
+        const position = ((clientX - rect.left) / rect.width) * 100;
+        const newValue = this.getValueFromPosition(position);
+        const prevValue = this.value;
         if (Array.isArray(this.value)) {
             // Range slider
-            var _a = this.value, leftValue = _a[0], rightValue = _a[1];
+            const [leftValue, rightValue] = this.value;
             if (this.activeHandle === 0) {
                 // 왼쪽 핸들
                 this.value = [Math.min(newValue, rightValue), rightValue];
@@ -261,32 +258,29 @@ var Slider = /** @class */ (function () {
         }
         this.notifyChange(prevValue);
         this.updateHandlePositions();
-    };
-    Slider.prototype.notifyChange = function (prevValue) {
-        var _this = this;
-        var isSingle = !Array.isArray(prevValue);
-        var checkChangedSingle = function () { return prevValue !== _this.value; };
-        var checkChangedRange = function () {
-            return Array.isArray(prevValue) &&
-                Array.isArray(_this.value) &&
-                (prevValue[0] !== _this.value[0] || prevValue[1] !== _this.value[1]);
-        };
-        var isChanged = isSingle ? checkChangedSingle() : checkChangedRange();
+    }
+    notifyChange(prevValue) {
+        const isSingle = !Array.isArray(prevValue);
+        const checkChangedSingle = () => prevValue !== this.value;
+        const checkChangedRange = () => Array.isArray(prevValue) &&
+            Array.isArray(this.value) &&
+            (prevValue[0] !== this.value[0] || prevValue[1] !== this.value[1]);
+        const isChanged = isSingle ? checkChangedSingle() : checkChangedRange();
         if (this.options.onChange && isChanged) {
             this.options.onChange(this.value);
         }
-    };
-    Slider.prototype.setValue = function (value) {
+    }
+    setValue(value) {
         this.value = value;
         this.updateHandlePositions();
-    };
-    Slider.prototype.getValue = function () {
+    }
+    getValue() {
         return this.value;
-    };
-    Slider.prototype.disable = function () {
+    }
+    disable() {
         this.options.disabled = true;
         this.element.style.opacity = '0.5';
-        this.handleElements.forEach(function (handle) {
+        this.handleElements.forEach((handle) => {
             handle.setAttribute('tabindex', '-1');
             handle.setAttribute('aria-disabled', 'true');
         });
@@ -296,11 +290,11 @@ var Slider = /** @class */ (function () {
         document.removeEventListener('mouseup', this.handleMouseUp);
         document.removeEventListener('touchmove', this.handleTouchMove);
         document.removeEventListener('touchend', this.handleTouchEnd);
-    };
-    Slider.prototype.enable = function () {
+    }
+    enable() {
         this.options.disabled = false;
         this.element.style.opacity = '1';
-        this.handleElements.forEach(function (handle) {
+        this.handleElements.forEach((handle) => {
             handle.setAttribute('tabindex', '0');
             handle.setAttribute('aria-disabled', 'false');
         });
@@ -310,8 +304,8 @@ var Slider = /** @class */ (function () {
         document.addEventListener('mouseup', this.handleMouseUp);
         document.addEventListener('touchmove', this.handleTouchMove);
         document.addEventListener('touchend', this.handleTouchEnd);
-    };
-    Slider.prototype.destroy = function () {
+    }
+    destroy() {
         // 모든 이벤트 리스너 제거
         this.element.removeEventListener('mousedown', this.handleMouseDown);
         this.element.removeEventListener('touchstart', this.handleTouchStart);
@@ -325,7 +319,5 @@ var Slider = /** @class */ (function () {
         this.handleElements = [];
         this.progressElement = null;
         this.trackElement = null;
-    };
-    return Slider;
-}());
-export { Slider };
+    }
+}

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

@@ -1,6 +1,6 @@
 import { Swiper } from 'swiper';
-var Tab = /** @class */ (function () {
-    function Tab(element) {
+export class Tab {
+    constructor(element) {
         this.swiper = null;
         if (!element) {
             throw new Error('Tab element is required');
@@ -11,7 +11,7 @@ var Tab = /** @class */ (function () {
         this.element = element;
         this.init();
     }
-    Tab.prototype.init = function () {
+    init() {
         this.swiper = new Swiper(this.element, {
             slidesPerView: 'auto',
             spaceBetween: 8,
@@ -23,13 +23,11 @@ var Tab = /** @class */ (function () {
             },
             mousewheel: true,
         });
-    };
-    Tab.prototype.destroy = function () {
+    }
+    destroy() {
         if (this.swiper) {
             this.swiper.destroy();
             this.swiper = null;
         }
-    };
-    return Tab;
-}());
-export { Tab };
+    }
+}

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

@@ -0,0 +1,41 @@
+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;
+}