@ncds/ui-admin 1.7.0 → 1.8.1

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

@@ -1,13 +1,3 @@
-var __assign = this && this.__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);
-};
 import { SVG_ICONS, CLASS_NAMES, TOOLTIP_DEFAULT_VALUE, ICON_SIZES, TOOLTIP_OFFSET, VIEWPORT_MARGIN, OFFSCREEN_POSITION, OPACITY, POSITION, EVENT_OPTIONS, CSS_TEMPLATES, HTML_TEMPLATES, FALLBACK_ICON_SVG, Z_INDEX } from './const';
 import { ButtonCloseX } from '../shared/ButtonCloseX';
 import { MEDIA_QUERY } from '../../../src/constant/breakpoint';
@@ -20,12 +10,9 @@ import { TooltipLayerManager } from './TooltipLayerManager';
  * 자동 위치조정 ( 공간이 부족하다면 상하좌우를 조절하는 기능 - 기본값: top )을 사용합니다.
  * Shadow DOM 지원
  */
-var Tooltip = /** @class */function () {
-  function Tooltip(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    var _this = this;
+export class Tooltip {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     this.iconElement = null;
     // 전역 레이어 매니저 사용
     this.layerManager = TooltipLayerManager.getInstance();
@@ -36,156 +23,149 @@ var 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(CLASS_NAMES.TOOLTIP_CLOSE_BUTTON))) {
+    this.handlePanelClick = e => {
+      const t = e.target;
+      if (t.closest(`.${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({}, TOOLTIP_DEFAULT_VALUE), options);
+    this.options = {
+      ...TOOLTIP_DEFAULT_VALUE,
+      ...options
+    };
     this.element = this.createElement();
     this.bindEvents();
   }
   /* ========== DOM 생성 ========== */
-  Tooltip.prototype.createElement = function () {
-    var _a, _b, _c;
-    var iconSize = 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 = SVG_ICONS[key]) === null || _b === void 0 ? void 0 : _b.call(SVG_ICONS, iconSize)) !== null && _c !== void 0 ? _c : FALLBACK_ICON_SVG(iconSize);
-    var wrapper = document.createElement('span');
+  createElement() {
+    const iconSize = ICON_SIZES[this.options.size ?? 'sm'];
+    const key = this.options.iconType === 'stroke' ? 'help-circle-stroke' : 'help-circle-fill';
+    const iconSvg = SVG_ICONS[key]?.(iconSize) ?? FALLBACK_ICON_SVG(iconSize);
+    const wrapper = document.createElement('span');
     wrapper.className = this.buildAnchorClassName();
     wrapper.style.cssText = CSS_TEMPLATES.ANCHOR_WRAPPER;
     wrapper.innerHTML = HTML_TEMPLATES.ICON_WRAPPER(CLASS_NAMES.TOOLTIP_ICON, iconSvg);
-    this.iconElement = wrapper.querySelector(".".concat(CLASS_NAMES.TOOLTIP_ICON));
+    this.iconElement = wrapper.querySelector(`.${CLASS_NAMES.TOOLTIP_ICON}`);
     // body에 레이어/패널 생성(패널 패턴)
     this.createLayerAndPanel();
     return wrapper;
-  };
+  }
   // 앵커(아이콘 래퍼) 클래스
-  Tooltip.prototype.buildAnchorClassName = function () {
-    var classes = [CLASS_NAMES.TOOLTIP, "".concat(CLASS_NAMES.TOOLTIP, "--").concat(this.options.size), "".concat(CLASS_NAMES.TOOLTIP, "--").concat(this.options.type)];
+  buildAnchorClassName() {
+    const classes = [CLASS_NAMES.TOOLTIP, `${CLASS_NAMES.TOOLTIP}--${this.options.size}`, `${CLASS_NAMES.TOOLTIP}--${this.options.type}`];
     if (this.options.hideArrow) classes.push(CLASS_NAMES.TOOLTIP_HIDDEN_ARROW);
     if (this.options.iconType === 'stroke') classes.push(CLASS_NAMES.TOOLTIP_STROKE);
     if (this.options.position === 'auto') classes.push(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 = [CLASS_NAMES.TOOLTIP_PANEL, CLASS_NAMES.TOOLTIP_BG, "".concat(CLASS_NAMES.TOOLTIP_BG, "--").concat(this.options.tooltipType), "".concat(CLASS_NAMES.TOOLTIP_BG, "--").concat(finalPosition)];
+  buildPanelClassName() {
+    const finalPosition = this.options.position === 'auto' ? this.calculatedPosition : this.options.position;
+    const classes = [CLASS_NAMES.TOOLTIP_PANEL, CLASS_NAMES.TOOLTIP_BG, `${CLASS_NAMES.TOOLTIP_BG}--${this.options.tooltipType}`, `${CLASS_NAMES.TOOLTIP_BG}--${finalPosition}` // top/bottom/left/right
+    ];
     if (this.isVisible) classes.push(CLASS_NAMES.TOOLTIP_BG_VISIBLE);
     if (this.isMeasuring) classes.push(CLASS_NAMES.TOOLTIP_BG_MEASURING);
     if (this.isForceHidden) classes.push(CLASS_NAMES.TOOLTIP_BG_FORCE_HIDDEN);
     return classes.join(' ');
-  };
-  Tooltip.prototype.renderContentHTML = function () {
+  }
+  renderContentHTML() {
     if (!this.options.content) return '';
     if (this.options.useShadowDOM) {
       return HTML_TEMPLATES.TOOLTIP_CONTENT_SHADOW(CLASS_NAMES.TOOLTIP_CONTENT);
     }
     return HTML_TEMPLATES.TOOLTIP_CONTENT(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(MEDIA_QUERY.mobile).matches;
-    var size = isMobile ? 'sm' : 'xs';
+    const theme = this.options.tooltipType === 'white' ? 'dark' : 'light';
+    const isMobile = window.matchMedia(MEDIA_QUERY.mobile).matches;
+    const size = isMobile ? 'sm' : 'xs';
     return ButtonCloseX(size, theme, 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 : Z_INDEX.TOOLTIP_LAYER;
-    var _b = this.layerManager.createPanel(zIndex),
-      id = _b.id,
-      panel = _b.panel;
+    const zIndex = this.options.zIndex ?? 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 ? HTML_TEMPLATES.TOOLTIP_TITLE(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 ? HTML_TEMPLATES.TOOLTIP_TITLE(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 = 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, EVENT_OPTIONS.PASSIVE);
     window.addEventListener('scroll', this.boundResizeScroll, 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; // 강제 숨김 상태 리셋
@@ -193,8 +173,8 @@ var Tooltip = /** @class */function () {
     // 보이기
     this.panel.style.opacity = OPACITY.VISIBLE;
     this.updatePanelClass();
-  };
-  Tooltip.prototype.hideTooltip = function () {
+  }
+  hideTooltip() {
     if (!this.panel) return;
     this.isVisible = false;
     this.isForceHidden = false; // 강제 숨김 상태 리셋 (다시 표시 가능하도록)
@@ -205,8 +185,8 @@ var Tooltip = /** @class */function () {
       this.enableMouseEvents();
     }
     // 전환 종료 후 완전히 오프스크린 이동 → 히트 테스트 0
-    var el = this.panel;
-    var onEnd = function () {
+    const el = this.panel;
+    const onEnd = () => {
       el.style.left = OFFSCREEN_POSITION;
       el.style.top = OFFSCREEN_POSITION;
       el.removeEventListener('transitionend', onEnd);
@@ -214,9 +194,8 @@ var 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();
@@ -226,14 +205,14 @@ var Tooltip = /** @class */function () {
       this.panel.style.left = POSITION.INITIAL;
       this.panel.style.top = 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 - TOOLTIP_OFFSET - tipRect.height >= VIEWPORT_MARGIN;
+      const enoughTop = rect.top - TOOLTIP_OFFSET - tipRect.height >= VIEWPORT_MARGIN;
       prefer = enoughTop ? 'top' : 'bottom';
     }
     if (prefer === 'bottom') {
@@ -261,115 +240,107 @@ var Tooltip = /** @class */function () {
     // 화면 경계 보정
     left = Math.max(VIEWPORT_MARGIN, Math.min(left, window.innerWidth - tipRect.width - VIEWPORT_MARGIN));
     top = Math.max(VIEWPORT_MARGIN, Math.min(top, window.innerHeight - tipRect.height - 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;
-}();
-export { Tooltip };
+      title,
+      content,
+      useShadowDOM: true,
+      ...options
+    });
+  }
+}

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

@@ -3,23 +3,23 @@ import { CLASS_NAMES, Z_INDEX } from './const';
  * 툴팁 레이어 관리자
  * 전역 레이어 하나를 사용하여 모든 툴팁 패널을 관리합니다.
  */
-var TooltipLayerManager = /** @class */function () {
-  function TooltipLayerManager() {
+export class TooltipLayerManager {
+  constructor() {
     this.layer = null;
     this.panels = new Map();
     this.nextId = 0;
     this.maxZIndex = 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();
     }
@@ -28,11 +28,9 @@ var TooltipLayerManager = /** @class */function () {
     this.layer.className = 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 = Z_INDEX.TOOLTIP_LAYER;
-    }
+  }
+  createPanel() {
+    let zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Z_INDEX.TOOLTIP_LAYER;
     if (!this.layer) {
       this.createGlobalLayer();
     }
@@ -46,34 +44,32 @@ var 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 = 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;
-}();
-export { TooltipLayerManager };
+  }
+}

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

@@ -1,5 +1,5 @@
 // Tooltip CSS 클래스명 상수들
-export var CLASS_NAMES = {
+export const CLASS_NAMES = {
   // 기본 클래스
   TOOLTIP: 'ncua-tooltip',
   TOOLTIP_ICON: 'ncua-tooltip__icon',

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

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