@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -1,14 +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';
@@ -21,10 +10,8 @@ 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(options = {}) {
         this.iconElement = null;
         // 전역 레이어 매니저 사용
         this.layerManager = TooltipLayerManager.getInstance();
@@ -35,64 +22,66 @@ 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 = [
+    buildAnchorClassName() {
+        const classes = [
             CLASS_NAMES.TOOLTIP,
-            "".concat(CLASS_NAMES.TOOLTIP, "--").concat(this.options.size),
-            "".concat(CLASS_NAMES.TOOLTIP, "--").concat(this.options.type),
+            `${CLASS_NAMES.TOOLTIP}--${this.options.size}`,
+            `${CLASS_NAMES.TOOLTIP}--${this.options.type}`,
         ];
         if (this.options.hideArrow)
             classes.push(CLASS_NAMES.TOOLTIP_HIDDEN_ARROW);
@@ -103,15 +92,15 @@ var Tooltip = /** @class */ (function () {
         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 = [
+    buildPanelClassName() {
+        const finalPosition = this.options.position === 'auto' ? this.calculatedPosition : this.options.position;
+        const 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),
+            `${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);
@@ -120,84 +109,81 @@ var Tooltip = /** @class */ (function () {
         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
+        const 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 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({ mode: 'open' });
-        var style = document.createElement('style');
+        const shadowRoot = container.attachShadow({ mode: 'open' });
+        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;
@@ -206,8 +192,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;
@@ -219,16 +205,15 @@ 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);
         };
         el.addEventListener('transitionend', onEnd, { once: true });
-    };
-    Tooltip.prototype.updateTooltipPosition = function () {
-        var _a;
+    }
+    updateTooltipPosition() {
         if (!this.panel)
             return;
         this.isMeasuring = true;
@@ -239,14 +224,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') {
@@ -278,83 +263,73 @@ 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(options = {}) {
         return new Tooltip(options);
-    };
-    Tooltip.createShort = function (title, content, options) {
-        if (options === void 0) { options = {}; }
-        return new Tooltip(__assign({ type: 'short', title: title, content: content }, options));
-    };
-    Tooltip.createLong = function (title, content, options) {
-        if (options === void 0) { options = {}; }
-        return new Tooltip(__assign({ type: 'long', title: title, content: content }, options));
-    };
-    Tooltip.createAuto = function (title, content, options) {
-        if (options === void 0) { options = {}; }
-        return new Tooltip(__assign({ position: 'auto', title: title, content: content }, options));
-    };
-    Tooltip.createAutoLong = function (title, content, options) {
-        if (options === void 0) { options = {}; }
-        return new Tooltip(__assign({ type: 'long', position: 'auto', title: title, content: content }, options));
-    };
-    Tooltip.createAutoLongWithShadowDOM = function (title, content, options) {
-        if (options === void 0) { options = {}; }
-        return new Tooltip(__assign({ type: 'long', position: 'auto', title: title, content: content, useShadowDOM: true }, options));
-    };
-    return Tooltip;
-}());
-export { Tooltip };
+    }
+    static createShort(title, content, options = {}) {
+        return new Tooltip({ type: 'short', title, content, ...options });
+    }
+    static createLong(title, content, options = {}) {
+        return new Tooltip({ type: 'long', title, content, ...options });
+    }
+    static createAuto(title, content, options = {}) {
+        return new Tooltip({ position: 'auto', title, content, ...options });
+    }
+    static createAutoLong(title, content, options = {}) {
+        return new Tooltip({ type: 'long', position: 'auto', title, content, ...options });
+    }
+    static createAutoLongWithShadowDOM(title, content, options = {}) {
+        return new Tooltip({ type: 'long', position: 'auto', title, content, useShadowDOM: true, ...options });
+    }
+}

package/dist/temp/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,9 +28,8 @@ 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(zIndex = Z_INDEX.TOOLTIP_LAYER) {
         if (!this.layer) {
             this.createGlobalLayer();
         }
@@ -44,31 +43,29 @@ 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 };
-    };
-    TooltipLayerManager.prototype.removePanel = function (id) {
-        var panel = this.panels.get(id);
+        return { id, panel };
+    }
+    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/temp/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/temp/assets/scripts/tooltip/const/constants.d.ts

@@ -1,4 +1,4 @@
-import { TooltipOptions } from './types';
+import type { TooltipOptions } from './types';
 export declare const MARGIN = 10;
 export declare const DEFAULT_TOOLTIP_WIDTH = 200;
 export declare const DEFAULT_TOOLTIP_HEIGHT = 60;

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

@@ -1,37 +1,37 @@
-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 },
     ONCE: { once: true },
 };
-export var TOOLTIP_DEFAULT_VALUE = {
+export const TOOLTIP_DEFAULT_VALUE = {
     tooltipType: 'white',
     iconType: 'stroke',
     position: 'auto',

package/dist/temp/assets/scripts/tooltip/const/icons.js

@@ -1,9 +1,9 @@
 // SVG 아이콘들
-export var SVG_ICONS = {
-    'help-circle-stroke': function (size) {
-        return "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "\" height=\"").concat(size, "\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\">\n      <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10\"></path>\n    </svg>");
-    },
-    'help-circle-fill': function (size) {
-        return "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "\" height=\"").concat(size, "\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\">\n      <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m-1.093 7.271a2 2 0 0 1 3.013 1.727V10c0 .47-.365.958-1.055 1.418a6 6 0 0 1-1.262.634 1 1 0 0 0 .633 1.897l.169-.061a8.05 8.05 0 0 0 1.57-.806c.81-.54 1.944-1.55 1.945-3.081a4 4 0 0 0-7.773-1.333 1 1 0 0 0 1.886.664 2 2 0 0 1 .874-1.06M12 16a1 1 0 1 0 0 2h.01a1 1 0 0 0 0-2z\" clip-rule=\"evenodd\"></path>\n    </svg>");
-    },
+export const SVG_ICONS = {
+    'help-circle-stroke': (size) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="none" viewBox="0 0 24 24" stroke="none">
+      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"></path>
+    </svg>`,
+    'help-circle-fill': (size) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="none" viewBox="0 0 24 24" stroke="none">
+      <path fill="currentColor" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m-1.093 7.271a2 2 0 0 1 3.013 1.727V10c0 .47-.365.958-1.055 1.418a6 6 0 0 1-1.262.634 1 1 0 0 0 .633 1.897l.169-.061a8.05 8.05 0 0 0 1.57-.806c.81-.54 1.944-1.55 1.945-3.081a4 4 0 0 0-7.773-1.333 1 1 0 0 0 1.886.664 2 2 0 0 1 .874-1.06M12 16a1 1 0 1 0 0 2h.01a1 1 0 0 0 0-2z" clip-rule="evenodd"></path>
+    </svg>`,
 };