@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/esm/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,9 +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);
     } else {
@@ -86,10 +83,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');
@@ -98,81 +94,76 @@ 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');
-        if (leftLabel) leftLabel.textContent = "".concat(leftValue, "%");
-        if (rightLabel) rightLabel.textContent = "".concat(rightValue, "%");
+        const leftLabel = this.handleElements[0].querySelector('.ncua-slider__label');
+        const rightLabel = this.handleElements[1].querySelector('.ncua-slider__label');
+        if (leftLabel) leftLabel.textContent = `${leftValue}%`;
+        if (rightLabel) 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');
-        if (label) label.textContent = "".concat(this.value, "%");
+        const label = this.handleElements[0].querySelector('.ncua-slider__label');
+        if (label) 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));
@@ -181,21 +172,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;
@@ -206,14 +197,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;
           } else if (position > rightPosition) {
@@ -230,18 +219,16 @@ 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];
@@ -255,32 +242,27 @@ 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');
     });
@@ -290,11 +272,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');
     });
@@ -306,8 +288,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);
@@ -321,7 +303,5 @@ var Slider = /** @class */function () {
     this.handleElements = [];
     this.progressElement = null;
     this.trackElement = null;
-  };
-  return Slider;
-}();
-export { Slider };
+  }
+}

package/dist/esm/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 };
+  }
+}