@ncds/ui-admin 1.7.0 → 1.8.1

package/dist/cjs/assets/scripts/tooltip/Tooltip.js

@@ -8,16 +8,6 @@ var _const = require("./const");
 var _ButtonCloseX = require("../shared/ButtonCloseX");
 var _breakpoint = require("../../../src/constant/breakpoint");
 var _TooltipLayerManager = require("./TooltipLayerManager");
-var __assign = void 0 && (void 0).__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);
-};
 /**
  * Tooltip 클래스
  * 툴팁 패널 패턴을 사용하여 툴팁을 생성합니다.
@@ -26,12 +16,9 @@ var __assign = void 0 && (void 0).__assign || function () {
  * 자동 위치조정 ( 공간이 부족하다면 상하좌우를 조절하는 기능 - 기본값: top )을 사용합니다.
  * Shadow DOM 지원
  */
-var Tooltip = exports.Tooltip = /** @class */function () {
-  function Tooltip(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    var _this = this;
+class Tooltip {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     this.iconElement = null;
     // 전역 레이어 매니저 사용
     this.layerManager = _TooltipLayerManager.TooltipLayerManager.getInstance();
@@ -42,156 +29,149 @@ var Tooltip = exports.Tooltip = /** @class */function () {
     this.isMeasuring = false;
     this.isForceHidden = false;
     // 이벤트 핸들러
-    this.boundMouseEnter = function () {
-      return _this.handleMouseEnter();
-    };
-    this.boundMouseLeave = function () {
-      return _this.handleMouseLeave();
-    };
-    this.boundResizeScroll = function () {
-      return _this.handleResizeScroll();
-    };
-    this.boundPanelClick = function (e) {
-      return _this.handlePanelClick(e);
-    };
+    this.boundMouseEnter = () => this.handleMouseEnter();
+    this.boundMouseLeave = () => this.handleMouseLeave();
+    this.boundResizeScroll = () => this.handleResizeScroll();
+    this.boundPanelClick = e => this.handlePanelClick(e);
     /* ========== 핸들러 ========== */
-    this.handleMouseEnter = function () {
-      _this.showTooltip();
-      if (_this.options.type === 'long') {
+    this.handleMouseEnter = () => {
+      this.showTooltip();
+      if (this.options.type === 'long') {
         // long은 X로 닫을 때까지 유지 → 재호버 방지
-        _this.disableMouseEvents();
+        this.disableMouseEvents();
       }
     };
-    this.handleMouseLeave = function () {
-      if (_this.options.type === 'short') {
-        _this.hideTooltip();
+    this.handleMouseLeave = () => {
+      if (this.options.type === 'short') {
+        this.hideTooltip();
       }
     };
-    this.handleResizeScroll = function () {
-      if (_this.isVisible) _this.updateTooltipPosition();
+    this.handleResizeScroll = () => {
+      if (this.isVisible) this.updateTooltipPosition();
     };
-    this.handlePanelClick = function (e) {
-      var t = e.target;
-      if (t.closest(".".concat(_const.CLASS_NAMES.TOOLTIP_CLOSE_BUTTON))) {
+    this.handlePanelClick = e => {
+      const t = e.target;
+      if (t.closest(`.${_const.CLASS_NAMES.TOOLTIP_CLOSE_BUTTON}`)) {
         e.stopPropagation();
         e.preventDefault();
-        _this.isForceHidden = true;
-        _this.hideTooltip();
+        this.isForceHidden = true;
+        this.hideTooltip();
         // long 타입에서 닫았으면 다시 hover 가능
-        if (_this.options.type === 'long') _this.enableMouseEvents();
+        if (this.options.type === 'long') this.enableMouseEvents();
       }
     };
-    this.options = __assign(__assign({}, _const.TOOLTIP_DEFAULT_VALUE), options);
+    this.options = {
+      ..._const.TOOLTIP_DEFAULT_VALUE,
+      ...options
+    };
     this.element = this.createElement();
     this.bindEvents();
   }
   /* ========== DOM 생성 ========== */
-  Tooltip.prototype.createElement = function () {
-    var _a, _b, _c;
-    var iconSize = _const.ICON_SIZES[(_a = this.options.size) !== null && _a !== void 0 ? _a : 'sm'];
-    var key = this.options.iconType === 'stroke' ? 'help-circle-stroke' : 'help-circle-fill';
-    var iconSvg = (_c = (_b = _const.SVG_ICONS[key]) === null || _b === void 0 ? void 0 : _b.call(_const.SVG_ICONS, iconSize)) !== null && _c !== void 0 ? _c : (0, _const.FALLBACK_ICON_SVG)(iconSize);
-    var wrapper = document.createElement('span');
+  createElement() {
+    const iconSize = _const.ICON_SIZES[this.options.size ?? 'sm'];
+    const key = this.options.iconType === 'stroke' ? 'help-circle-stroke' : 'help-circle-fill';
+    const iconSvg = _const.SVG_ICONS[key]?.(iconSize) ?? (0, _const.FALLBACK_ICON_SVG)(iconSize);
+    const wrapper = document.createElement('span');
     wrapper.className = this.buildAnchorClassName();
     wrapper.style.cssText = _const.CSS_TEMPLATES.ANCHOR_WRAPPER;
     wrapper.innerHTML = _const.HTML_TEMPLATES.ICON_WRAPPER(_const.CLASS_NAMES.TOOLTIP_ICON, iconSvg);
-    this.iconElement = wrapper.querySelector(".".concat(_const.CLASS_NAMES.TOOLTIP_ICON));
+    this.iconElement = wrapper.querySelector(`.${_const.CLASS_NAMES.TOOLTIP_ICON}`);
     // body에 레이어/패널 생성(패널 패턴)
     this.createLayerAndPanel();
     return wrapper;
-  };
+  }
   // 앵커(아이콘 래퍼) 클래스
-  Tooltip.prototype.buildAnchorClassName = function () {
-    var classes = [_const.CLASS_NAMES.TOOLTIP, "".concat(_const.CLASS_NAMES.TOOLTIP, "--").concat(this.options.size), "".concat(_const.CLASS_NAMES.TOOLTIP, "--").concat(this.options.type)];
+  buildAnchorClassName() {
+    const classes = [_const.CLASS_NAMES.TOOLTIP, `${_const.CLASS_NAMES.TOOLTIP}--${this.options.size}`, `${_const.CLASS_NAMES.TOOLTIP}--${this.options.type}`];
     if (this.options.hideArrow) classes.push(_const.CLASS_NAMES.TOOLTIP_HIDDEN_ARROW);
     if (this.options.iconType === 'stroke') classes.push(_const.CLASS_NAMES.TOOLTIP_STROKE);
     if (this.options.position === 'auto') classes.push(_const.CLASS_NAMES.TOOLTIP_AUTO);
     if (this.options.className) classes.push(this.options.className);
     return classes.join(' ');
-  };
+  }
   // 패널 클래스 (방향/테마 가짐)
-  Tooltip.prototype.buildPanelClassName = function () {
-    var finalPosition = this.options.position === 'auto' ? this.calculatedPosition : this.options.position;
-    var classes = [_const.CLASS_NAMES.TOOLTIP_PANEL, _const.CLASS_NAMES.TOOLTIP_BG, "".concat(_const.CLASS_NAMES.TOOLTIP_BG, "--").concat(this.options.tooltipType), "".concat(_const.CLASS_NAMES.TOOLTIP_BG, "--").concat(finalPosition)];
+  buildPanelClassName() {
+    const finalPosition = this.options.position === 'auto' ? this.calculatedPosition : this.options.position;
+    const classes = [_const.CLASS_NAMES.TOOLTIP_PANEL, _const.CLASS_NAMES.TOOLTIP_BG, `${_const.CLASS_NAMES.TOOLTIP_BG}--${this.options.tooltipType}`, `${_const.CLASS_NAMES.TOOLTIP_BG}--${finalPosition}` // top/bottom/left/right
+    ];
     if (this.isVisible) classes.push(_const.CLASS_NAMES.TOOLTIP_BG_VISIBLE);
     if (this.isMeasuring) classes.push(_const.CLASS_NAMES.TOOLTIP_BG_MEASURING);
     if (this.isForceHidden) classes.push(_const.CLASS_NAMES.TOOLTIP_BG_FORCE_HIDDEN);
     return classes.join(' ');
-  };
-  Tooltip.prototype.renderContentHTML = function () {
+  }
+  renderContentHTML() {
     if (!this.options.content) return '';
     if (this.options.useShadowDOM) {
       return _const.HTML_TEMPLATES.TOOLTIP_CONTENT_SHADOW(_const.CLASS_NAMES.TOOLTIP_CONTENT);
     }
     return _const.HTML_TEMPLATES.TOOLTIP_CONTENT(_const.CLASS_NAMES.TOOLTIP_CONTENT, this.options.content);
-  };
-  Tooltip.prototype.renderCloseButtonHTML = function () {
+  }
+  renderCloseButtonHTML() {
     if (this.options.type !== 'long') return '';
-    var theme = this.options.tooltipType === 'white' ? 'dark' : 'light';
-    var isMobile = window.matchMedia(_breakpoint.MEDIA_QUERY.mobile).matches;
-    var size = isMobile ? 'sm' : 'xs';
+    const theme = this.options.tooltipType === 'white' ? 'dark' : 'light';
+    const isMobile = window.matchMedia(_breakpoint.MEDIA_QUERY.mobile).matches;
+    const size = isMobile ? 'sm' : 'xs';
     return (0, _ButtonCloseX.ButtonCloseX)(size, theme, _const.CLASS_NAMES.TOOLTIP_CLOSE_BUTTON, '툴팁 닫기');
-  };
+  }
   /** 전역 레이어에 패널 생성 */
-  Tooltip.prototype.createLayerAndPanel = function () {
-    var _a;
+  createLayerAndPanel() {
     // 기존 패널 제거
     if (this.panelId) {
       this.layerManager.removePanel(this.panelId);
     }
     // 새 패널 생성 (zIndex 전달)
-    var zIndex = (_a = this.options.zIndex) !== null && _a !== void 0 ? _a : _const.Z_INDEX.TOOLTIP_LAYER;
-    var _b = this.layerManager.createPanel(zIndex),
-      id = _b.id,
-      panel = _b.panel;
+    const zIndex = this.options.zIndex ?? _const.Z_INDEX.TOOLTIP_LAYER;
+    const {
+      id,
+      panel
+    } = this.layerManager.createPanel(zIndex);
     this.panelId = id;
     this.panel = panel;
     // 패널 설정
     this.panel.className = this.buildPanelClassName();
     // 패널 내용 구성
-    var titleHTML = this.options.title ? _const.HTML_TEMPLATES.TOOLTIP_TITLE(_const.CLASS_NAMES.TOOLTIP_TITLE, this.options.title) : '';
-    var contentHTML = this.renderContentHTML();
-    var closeButtonHTML = this.renderCloseButtonHTML();
-    this.panel.innerHTML = "".concat(titleHTML).concat(contentHTML).concat(closeButtonHTML);
+    const titleHTML = this.options.title ? _const.HTML_TEMPLATES.TOOLTIP_TITLE(_const.CLASS_NAMES.TOOLTIP_TITLE, this.options.title) : '';
+    const contentHTML = this.renderContentHTML();
+    const closeButtonHTML = this.renderCloseButtonHTML();
+    this.panel.innerHTML = `${titleHTML}${contentHTML}${closeButtonHTML}`;
     if (this.options.useShadowDOM && this.options.content) {
       this.setupShadowContent();
     }
     // 패널 클릭(닫기 버튼) 위임
     this.panel.addEventListener('click', this.boundPanelClick);
-  };
-  Tooltip.prototype.setupShadowContent = function () {
+  }
+  setupShadowContent() {
     if (!this.panel || !this.options.content) return;
-    var container = this.panel.querySelector('[data-shadow-content]');
+    const container = this.panel.querySelector('[data-shadow-content]');
     if (!container) return;
-    var shadowRoot = container.attachShadow({
+    const shadowRoot = container.attachShadow({
       mode: 'open'
     });
-    var style = document.createElement('style');
+    const style = document.createElement('style');
     style.textContent = _const.CSS_TEMPLATES.SHADOW_DOM_HOST;
     shadowRoot.appendChild(style);
-    var temp = document.createElement('div');
+    const temp = document.createElement('div');
     temp.innerHTML = this.options.content;
     while (temp.firstChild) shadowRoot.appendChild(temp.firstChild);
-  };
+  }
   /* ========== 이벤트 바인딩/해제 ========== */
-  Tooltip.prototype.bindEvents = function () {
+  bindEvents() {
     this.enableMouseEvents();
     window.addEventListener('resize', this.boundResizeScroll, _const.EVENT_OPTIONS.PASSIVE);
     window.addEventListener('scroll', this.boundResizeScroll, _const.EVENT_OPTIONS.PASSIVE);
-  };
+  }
   // tooltip icon위에 마우스 올리면 툴팁 보이기
-  Tooltip.prototype.enableMouseEvents = function () {
-    var _a, _b;
-    (_a = this.iconElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.boundMouseEnter);
-    (_b = this.iconElement) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.boundMouseLeave);
-  };
-  Tooltip.prototype.disableMouseEvents = function () {
-    var _a, _b;
-    (_a = this.iconElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.boundMouseEnter);
-    (_b = this.iconElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.boundMouseLeave);
-  };
+  enableMouseEvents() {
+    this.iconElement?.addEventListener('mouseenter', this.boundMouseEnter);
+    this.iconElement?.addEventListener('mouseleave', this.boundMouseLeave);
+  }
+  disableMouseEvents() {
+    this.iconElement?.removeEventListener('mouseenter', this.boundMouseEnter);
+    this.iconElement?.removeEventListener('mouseleave', this.boundMouseLeave);
+  }
   /* ========== 표시/숨김/위치 ========== */
-  Tooltip.prototype.showTooltip = function () {
+  showTooltip() {
     if (!this.panel) return;
     this.isVisible = true;
     this.isForceHidden = false; // 강제 숨김 상태 리셋
@@ -199,8 +179,8 @@ var Tooltip = exports.Tooltip = /** @class */function () {
     // 보이기
     this.panel.style.opacity = _const.OPACITY.VISIBLE;
     this.updatePanelClass();
-  };
-  Tooltip.prototype.hideTooltip = function () {
+  }
+  hideTooltip() {
     if (!this.panel) return;
     this.isVisible = false;
     this.isForceHidden = false; // 강제 숨김 상태 리셋 (다시 표시 가능하도록)
@@ -211,8 +191,8 @@ var Tooltip = exports.Tooltip = /** @class */function () {
       this.enableMouseEvents();
     }
     // 전환 종료 후 완전히 오프스크린 이동 → 히트 테스트 0
-    var el = this.panel;
-    var onEnd = function () {
+    const el = this.panel;
+    const onEnd = () => {
       el.style.left = _const.OFFSCREEN_POSITION;
       el.style.top = _const.OFFSCREEN_POSITION;
       el.removeEventListener('transitionend', onEnd);
@@ -220,9 +200,8 @@ var Tooltip = exports.Tooltip = /** @class */function () {
     el.addEventListener('transitionend', onEnd, {
       once: true
     });
-  };
-  Tooltip.prototype.updateTooltipPosition = function () {
-    var _a;
+  }
+  updateTooltipPosition() {
     if (!this.panel) return;
     this.isMeasuring = true;
     this.updatePanelClass();
@@ -232,14 +211,14 @@ var Tooltip = exports.Tooltip = /** @class */function () {
       this.panel.style.left = _const.POSITION.INITIAL;
       this.panel.style.top = _const.POSITION.INITIAL;
     }
-    var tipRect = this.panel.getBoundingClientRect();
-    var anchor = (_a = this.iconElement) !== null && _a !== void 0 ? _a : this.element;
-    var rect = anchor.getBoundingClientRect();
-    var left = 0;
-    var top = 0;
-    var prefer = this.options.position;
+    const tipRect = this.panel.getBoundingClientRect();
+    const anchor = this.iconElement ?? this.element;
+    const rect = anchor.getBoundingClientRect();
+    let left = 0;
+    let top = 0;
+    let prefer = this.options.position;
     if (prefer === 'auto') {
-      var enoughTop = rect.top - _const.TOOLTIP_OFFSET - tipRect.height >= _const.VIEWPORT_MARGIN;
+      const enoughTop = rect.top - _const.TOOLTIP_OFFSET - tipRect.height >= _const.VIEWPORT_MARGIN;
       prefer = enoughTop ? 'top' : 'bottom';
     }
     if (prefer === 'bottom') {
@@ -267,114 +246,108 @@ var Tooltip = exports.Tooltip = /** @class */function () {
     // 화면 경계 보정
     left = Math.max(_const.VIEWPORT_MARGIN, Math.min(left, window.innerWidth - tipRect.width - _const.VIEWPORT_MARGIN));
     top = Math.max(_const.VIEWPORT_MARGIN, Math.min(top, window.innerHeight - tipRect.height - _const.VIEWPORT_MARGIN));
-    this.panel.style.left = "".concat(Math.round(left), "px");
-    this.panel.style.top = "".concat(Math.round(top), "px");
+    this.panel.style.left = `${Math.round(left)}px`;
+    this.panel.style.top = `${Math.round(top)}px`;
     this.isMeasuring = false;
     this.updatePanelClass();
-  };
-  Tooltip.prototype.updatePanelClass = function () {
+  }
+  updatePanelClass() {
     if (!this.panel) return;
-    var newClassName = this.buildPanelClassName();
+    const newClassName = this.buildPanelClassName();
     if (this.panel.className !== newClassName) {
       this.panel.className = newClassName;
     }
-  };
+  }
   /* ========== Public API ========== */
-  Tooltip.prototype.getElement = function () {
+  getElement() {
     return this.element;
-  };
+  }
   /* 기존 옵션 업데이트 ( i18n 적용, 속성 변경 등 옵션 변경 시 사용 ) */
-  Tooltip.prototype.updateOptions = function (newOptions) {
-    var _a;
+  updateOptions(newOptions) {
     // 기존 리스너/DOM 정리
     this.disableMouseEvents();
     window.removeEventListener('resize', this.boundResizeScroll);
     window.removeEventListener('scroll', this.boundResizeScroll);
-    (_a = this.panel) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.boundPanelClick);
+    this.panel?.removeEventListener('click', this.boundPanelClick);
     if (this.panelId) {
       this.layerManager.removePanel(this.panelId);
     }
     // 옵션 병합
-    this.options = __assign(__assign({}, this.options), newOptions);
+    this.options = {
+      ...this.options,
+      ...newOptions
+    };
     // 앵커 재구성
-    var parent = this.element.parentNode;
-    var newEl = this.createElement();
+    const parent = this.element.parentNode;
+    const newEl = this.createElement();
     if (parent) parent.replaceChild(newEl, this.element);
     this.element = newEl;
     // 리스너 재바인딩
     this.bindEvents();
-  };
+  }
   /* 정리 메서드 용도 */
-  Tooltip.prototype.destroy = function () {
-    var _a;
+  destroy() {
     this.disableMouseEvents();
     window.removeEventListener('resize', this.boundResizeScroll);
     window.removeEventListener('scroll', this.boundResizeScroll);
-    (_a = this.panel) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.boundPanelClick);
+    this.panel?.removeEventListener('click', this.boundPanelClick);
     if (this.panelId) {
       this.layerManager.removePanel(this.panelId);
     }
     if (this.element.parentNode) this.element.parentNode.removeChild(this.element);
-  };
+  }
   /* ========== 팩토리 메서드 ========== */
-  Tooltip.create = function (options) {
-    if (options === void 0) {
-      options = {};
-    }
+  static create() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Tooltip(options);
-  };
-  Tooltip.createShort = function (title, content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new Tooltip(__assign({
+  }
+  static createShort(title, content) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    return new Tooltip({
       type: 'short',
-      title: title,
-      content: content
-    }, options));
-  };
-  Tooltip.createLong = function (title, content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new Tooltip(__assign({
+      title,
+      content,
+      ...options
+    });
+  }
+  static createLong(title, content) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    return new Tooltip({
       type: 'long',
-      title: title,
-      content: content
-    }, options));
-  };
-  Tooltip.createAuto = function (title, content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new Tooltip(__assign({
+      title,
+      content,
+      ...options
+    });
+  }
+  static createAuto(title, content) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    return new Tooltip({
       position: 'auto',
-      title: title,
-      content: content
-    }, options));
-  };
-  Tooltip.createAutoLong = function (title, content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new Tooltip(__assign({
+      title,
+      content,
+      ...options
+    });
+  }
+  static createAutoLong(title, content) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    return new Tooltip({
       type: 'long',
       position: 'auto',
-      title: title,
-      content: content
-    }, options));
-  };
-  Tooltip.createAutoLongWithShadowDOM = function (title, content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new Tooltip(__assign({
+      title,
+      content,
+      ...options
+    });
+  }
+  static createAutoLongWithShadowDOM(title, content) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    return new Tooltip({
       type: 'long',
       position: 'auto',
-      title: title,
-      content: content,
-      useShadowDOM: true
-    }, options));
-  };
-  return Tooltip;
-}();
+      title,
+      content,
+      useShadowDOM: true,
+      ...options
+    });
+  }
+}
+exports.Tooltip = Tooltip;

package/dist/cjs/assets/scripts/tooltip/TooltipLayerManager.js

@@ -9,23 +9,23 @@ var _const = require("./const");
  * 툴팁 레이어 관리자
  * 전역 레이어 하나를 사용하여 모든 툴팁 패널을 관리합니다.
  */
-var TooltipLayerManager = exports.TooltipLayerManager = /** @class */function () {
-  function TooltipLayerManager() {
+class TooltipLayerManager {
+  constructor() {
     this.layer = null;
     this.panels = new Map();
     this.nextId = 0;
     this.maxZIndex = _const.Z_INDEX.TOOLTIP_LAYER; // 기본 z-index (가장 높은 값 추적)
     this.createGlobalLayer();
   }
-  TooltipLayerManager.getInstance = function () {
+  static getInstance() {
     if (!this.instance) {
       this.instance = new TooltipLayerManager();
     }
     return this.instance;
-  };
-  TooltipLayerManager.prototype.createGlobalLayer = function () {
+  }
+  createGlobalLayer() {
     // 기존 레이어가 있으면 제거
-    var existingLayer = document.getElementById('tooltip-global-layer');
+    const existingLayer = document.getElementById('tooltip-global-layer');
     if (existingLayer) {
       existingLayer.remove();
     }
@@ -34,11 +34,9 @@ var TooltipLayerManager = exports.TooltipLayerManager = /** @class */function ()
     this.layer.className = _const.CLASS_NAMES.TOOLTIP_GLOBAL_LAYER;
     this.layer.style.zIndex = String(this.maxZIndex);
     document.body.appendChild(this.layer);
-  };
-  TooltipLayerManager.prototype.createPanel = function (zIndex) {
-    if (zIndex === void 0) {
-      zIndex = _const.Z_INDEX.TOOLTIP_LAYER;
-    }
+  }
+  createPanel() {
+    let zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _const.Z_INDEX.TOOLTIP_LAYER;
     if (!this.layer) {
       this.createGlobalLayer();
     }
@@ -52,33 +50,33 @@ var TooltipLayerManager = exports.TooltipLayerManager = /** @class */function ()
         this.layer.style.zIndex = String(this.maxZIndex);
       }
     }
-    var id = "tooltip-panel-".concat(++this.nextId);
-    var panel = document.createElement('span');
+    const id = `tooltip-panel-${++this.nextId}`;
+    const panel = document.createElement('span');
     panel.id = id;
     panel.className = _const.CLASS_NAMES.TOOLTIP_PANEL;
     this.panels.set(id, panel);
     this.layer.appendChild(panel);
     return {
-      id: id,
-      panel: panel
+      id,
+      panel
     };
-  };
-  TooltipLayerManager.prototype.removePanel = function (id) {
-    var panel = this.panels.get(id);
+  }
+  removePanel(id) {
+    const panel = this.panels.get(id);
     if (panel && panel.parentNode) {
       panel.parentNode.removeChild(panel);
       this.panels.delete(id);
     }
-  };
-  TooltipLayerManager.prototype.getPanel = function (id) {
+  }
+  getPanel(id) {
     return this.panels.get(id) || null;
-  };
-  TooltipLayerManager.prototype.destroy = function () {
+  }
+  destroy() {
     this.panels.clear();
     if (this.layer && this.layer.parentNode) {
       this.layer.parentNode.removeChild(this.layer);
     }
     this.layer = null;
-  };
-  return TooltipLayerManager;
-}();
+  }
+}
+exports.TooltipLayerManager = TooltipLayerManager;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CLASS_NAMES = void 0;
 // Tooltip CSS 클래스명 상수들
-var CLASS_NAMES = exports.CLASS_NAMES = {
+const CLASS_NAMES = exports.CLASS_NAMES = {
   // 기본 클래스
   TOOLTIP: 'ncua-tooltip',
   TOOLTIP_ICON: 'ncua-tooltip__icon',

package/dist/cjs/assets/scripts/tooltip/const/constants.js

@@ -4,36 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Z_INDEX = exports.VIEWPORT_MARGIN = exports.TRANSITION_DURATION = exports.TOOLTIP_OFFSET = exports.TOOLTIP_DEFAULT_VALUE = exports.POSITION_PRIORITY = exports.POSITION = exports.OPACITY = exports.OFFSCREEN_POSITION = exports.MARGIN = exports.ICON_SIZES = exports.EVENT_OPTIONS = exports.DEFAULT_TOOLTIP_WIDTH = exports.DEFAULT_TOOLTIP_HEIGHT = void 0;
-var MARGIN = exports.MARGIN = 10;
-var DEFAULT_TOOLTIP_WIDTH = exports.DEFAULT_TOOLTIP_WIDTH = 200;
-var DEFAULT_TOOLTIP_HEIGHT = exports.DEFAULT_TOOLTIP_HEIGHT = 60;
-var POSITION_PRIORITY = exports.POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
+const MARGIN = exports.MARGIN = 10;
+const DEFAULT_TOOLTIP_WIDTH = exports.DEFAULT_TOOLTIP_WIDTH = 200;
+const DEFAULT_TOOLTIP_HEIGHT = exports.DEFAULT_TOOLTIP_HEIGHT = 60;
+const POSITION_PRIORITY = exports.POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
 // 툴팁 위치 계산 관련 상수
-var TOOLTIP_OFFSET = exports.TOOLTIP_OFFSET = 8; // 툴팁과 앵커 사이의 거리
-var VIEWPORT_MARGIN = exports.VIEWPORT_MARGIN = 8; // 뷰포트 경계와의 최소 거리
+const TOOLTIP_OFFSET = exports.TOOLTIP_OFFSET = 8; // 툴팁과 앵커 사이의 거리
+const VIEWPORT_MARGIN = exports.VIEWPORT_MARGIN = 8; // 뷰포트 경계와의 최소 거리
 // 아이콘 크기 상수
-var ICON_SIZES = exports.ICON_SIZES = {
+const ICON_SIZES = exports.ICON_SIZES = {
   sm: 14,
   md: 16
 };
 // 애니메이션 관련 상수
-var TRANSITION_DURATION = exports.TRANSITION_DURATION = '0.18s';
-var OFFSCREEN_POSITION = exports.OFFSCREEN_POSITION = '-99999px';
+const TRANSITION_DURATION = exports.TRANSITION_DURATION = '0.18s';
+const OFFSCREEN_POSITION = exports.OFFSCREEN_POSITION = '-99999px';
 // 툴팁 상태 관련 상수
-var OPACITY = exports.OPACITY = {
+const OPACITY = exports.OPACITY = {
   HIDDEN: '0',
   VISIBLE: '1'
 };
-var POSITION = exports.POSITION = {
+const POSITION = exports.POSITION = {
   INITIAL: '0px',
   OFFSCREEN: OFFSCREEN_POSITION
 };
 // z-index 관련 상수
-var Z_INDEX = exports.Z_INDEX = {
+const Z_INDEX = exports.Z_INDEX = {
   TOOLTIP_LAYER: 2000 // 툴팁 전역 레이어 기본 z-index
 };
 // 이벤트 관련 상수
-var EVENT_OPTIONS = exports.EVENT_OPTIONS = {
+const EVENT_OPTIONS = exports.EVENT_OPTIONS = {
   PASSIVE: {
     passive: true
   },
@@ -41,7 +41,7 @@ var EVENT_OPTIONS = exports.EVENT_OPTIONS = {
     once: true
   }
 };
-var TOOLTIP_DEFAULT_VALUE = exports.TOOLTIP_DEFAULT_VALUE = {
+const TOOLTIP_DEFAULT_VALUE = exports.TOOLTIP_DEFAULT_VALUE = {
   tooltipType: 'white',
   iconType: 'stroke',
   position: 'auto',