@ncds/ui-admin 1.6.3 → 1.6.4-alpha.0

package/dist/esm/assets/scripts/modal/Modal.js

@@ -1,110 +0,0 @@
-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 { MODAL_CLASS_NAMES, getModalSizeClassNames } from './const/classNames';
-import { ModalHeader } from './ModalHeader';
-import { ModalContent } from './ModalContent';
-import { ModalActions } from './ModalActions';
-export var Modal = /** @class */function () {
-  function Modal(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    var _this = this;
-    this.isOpen = false;
-    this.handleBackdropClick = function (e) {
-      if (_this.options.closeOnBackdropClick && e.target === e.currentTarget) {
-        _this.close();
-      }
-    };
-    this.handleKeyDown = function (e) {
-      if (_this.isOpen && _this.options.closeOnEsc && e.key === 'Escape') {
-        _this.close();
-      }
-    };
-    this.options = __assign({
-      size: 'md',
-      closeOnBackdropClick: false,
-      closeOnEsc: true,
-      className: '',
-      onClose: function () {}
-    }, options);
-    this.createElement();
-  }
-  Modal.prototype.createElement = function () {
-    // 백드롭 요소 생성
-    this.element = document.createElement('div');
-    this.element.className = this.getBackdropClasses();
-    this.element.addEventListener('click', this.handleBackdropClick);
-    // 모달 요소 생성
-    this.modalElement = document.createElement('div');
-    this.modalElement.className = this.getModalClasses();
-    this.element.appendChild(this.modalElement);
-  };
-  Modal.prototype.getBackdropClasses = function () {
-    return "".concat(MODAL_CLASS_NAMES.backdrop, " ").concat(this.options.className); // ncua-modal-backdrop + className
-  };
-  Modal.prototype.getModalClasses = function () {
-    return "".concat(MODAL_CLASS_NAMES.modal, " ").concat(getModalSizeClassNames(this.options.size)); // ncua-modal ncua-modal--${size}
-  };
-  Modal.prototype.open = function () {
-    if (this.isOpen) return;
-    this.isOpen = true;
-    // zIndex 설정 적용 (값이 있을 때만)
-    if (this.options.zIndex !== undefined) {
-      this.element.style.zIndex = this.options.zIndex.toString();
-    }
-    document.body.appendChild(this.element);
-    document.addEventListener('keydown', this.handleKeyDown);
-    document.body.classList.add(MODAL_CLASS_NAMES.modalOpen);
-  };
-  Modal.prototype.close = function () {
-    if (!this.isOpen) return;
-    this.isOpen = false;
-    if (this.element.parentNode) {
-      this.element.parentNode.removeChild(this.element);
-    }
-    document.removeEventListener('keydown', this.handleKeyDown);
-    document.body.classList.remove(MODAL_CLASS_NAMES.modalOpen);
-    if (this.options.onClose) {
-      this.options.onClose();
-    }
-  };
-  Modal.prototype.destroy = function () {
-    this.close();
-    this.element.removeEventListener('click', this.handleBackdropClick);
-  };
-  Modal.prototype.setContent = function (content) {
-    if (typeof content === 'string') {
-      this.modalElement.innerHTML = content;
-    } else {
-      this.modalElement.innerHTML = '';
-      this.modalElement.appendChild(content);
-    }
-  };
-  Modal.prototype.getElement = function () {
-    return this.element;
-  };
-  Modal.prototype.getModalElement = function () {
-    return this.modalElement;
-  };
-  Modal.prototype.isModalOpen = function () {
-    return this.isOpen;
-  };
-  // Static factory method
-  Modal.create = function (options) {
-    return new Modal(options);
-  };
-  // Static properties for HTML usage
-  Modal.Header = ModalHeader;
-  Modal.Content = ModalContent;
-  Modal.Actions = ModalActions;
-  return Modal;
-}();

package/dist/esm/assets/scripts/modal/ModalActions.js

@@ -1,123 +0,0 @@
-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 { MODAL_CLASS_NAMES, getModalActionsLayoutClassNames, getModalActionsAlignClassNames } from './const/classNames';
-var ModalActions = /** @class */function () {
-  function ModalActions(content, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    this.options = __assign({
-      layout: 'vertical',
-      showDivider: false,
-      align: 'stretch',
-      fullWidth: false,
-      checkboxContent: options.checkboxContent
-    }, options);
-    this.createElement();
-    if (content) {
-      this.setContent(content);
-    }
-  }
-  ModalActions.prototype.createElement = function () {
-    // Wrapper 요소 생성
-    this.wrapperElement = document.createElement('div');
-    var wrapperClasses = [MODAL_CLASS_NAMES.actionsWrapper];
-    if (this.options.layout === 'checkbox') {
-      wrapperClasses.push(MODAL_CLASS_NAMES.actionsWrapperCheckbox);
-    }
-    this.wrapperElement.className = wrapperClasses.join(' ');
-    // Checkbox content (checkbox 레이아웃인 경우)
-    if (this.options.layout === 'checkbox' && this.options.checkboxContent) {
-      var checkboxDiv = document.createElement('div');
-      checkboxDiv.className = MODAL_CLASS_NAMES.actionsCheckbox;
-      var checkboxContentDiv = document.createElement('div');
-      checkboxContentDiv.className = MODAL_CLASS_NAMES.actionsCheckboxContent;
-      if (typeof this.options.checkboxContent === 'string') {
-        checkboxContentDiv.innerHTML = this.options.checkboxContent;
-      } else {
-        checkboxContentDiv.appendChild(this.options.checkboxContent);
-      }
-      checkboxDiv.appendChild(checkboxContentDiv);
-      this.wrapperElement.appendChild(checkboxDiv);
-    }
-    // Actions 요소 생성
-    this.actionsElement = document.createElement('div');
-    var actionsClasses = [MODAL_CLASS_NAMES.actions, getModalActionsLayoutClassNames(this.options.layout), getModalActionsAlignClassNames(this.options.align)];
-    if (this.options.fullWidth) {
-      actionsClasses.push("".concat(MODAL_CLASS_NAMES.actions, "--full-width"));
-    }
-    this.actionsElement.className = actionsClasses.join(' ');
-    this.wrapperElement.appendChild(this.actionsElement);
-  };
-  ModalActions.prototype.getElement = function () {
-    return this.wrapperElement;
-  };
-  ModalActions.prototype.getActionsElement = function () {
-    return this.actionsElement;
-  };
-  ModalActions.prototype.getHTML = function () {
-    return this.wrapperElement.outerHTML;
-  };
-  ModalActions.prototype.appendTo = function (parent) {
-    parent.appendChild(this.wrapperElement);
-  };
-  ModalActions.prototype.setContent = function (content) {
-    var _this = this;
-    this.actionsElement.innerHTML = '';
-    if (typeof content === 'string') {
-      this.actionsElement.innerHTML = content;
-    } else if (Array.isArray(content)) {
-      // 배열인 경우 모든 요소를 추가
-      content.forEach(function (element) {
-        _this.actionsElement.appendChild(element);
-      });
-    } else {
-      // 단일 HTMLElement인 경우
-      this.actionsElement.appendChild(content);
-    }
-  };
-  ModalActions.prototype.addAction = function (action) {
-    if (typeof action === 'string') {
-      this.actionsElement.insertAdjacentHTML('beforeend', action);
-    } else {
-      this.actionsElement.appendChild(action);
-    }
-  };
-  ModalActions.prototype.clear = function () {
-    this.actionsElement.innerHTML = '';
-  };
-  ModalActions.prototype.setCheckboxContent = function (content) {
-    if (this.options.layout !== 'checkbox') {
-      console.warn('setCheckboxContent can only be used with checkbox layout');
-      return;
-    }
-    var checkboxContentElement = this.wrapperElement.querySelector(".".concat(MODAL_CLASS_NAMES.actionsCheckboxContent));
-    if (checkboxContentElement) {
-      if (typeof content === 'string') {
-        checkboxContentElement.innerHTML = content;
-      } else {
-        checkboxContentElement.innerHTML = '';
-        checkboxContentElement.appendChild(content);
-      }
-    }
-  };
-  ModalActions.prototype.addDivider = function () {
-    var divider = document.createElement('div');
-    divider.className = MODAL_CLASS_NAMES.actionsDivider;
-    return divider;
-  };
-  // Static factory method
-  ModalActions.create = function (content, options) {
-    return new ModalActions(content, options);
-  };
-  return ModalActions;
-}();
-export { ModalActions };

package/dist/esm/assets/scripts/modal/ModalContent.js

@@ -1,41 +0,0 @@
-import { MODAL_CLASS_NAMES } from './const/classNames';
-import { setElementContent } from './utils/contentUtils';
-var ModalContent = /** @class */function () {
-  function ModalContent(content) {
-    this.createElement();
-    if (content) {
-      this.setContent(content);
-    }
-  }
-  ModalContent.prototype.createElement = function () {
-    this.element = document.createElement('div');
-    this.element.className = MODAL_CLASS_NAMES.content;
-  };
-  ModalContent.prototype.getElement = function () {
-    return this.element;
-  };
-  ModalContent.prototype.getHTML = function () {
-    return this.element.outerHTML;
-  };
-  ModalContent.prototype.appendTo = function (parent) {
-    parent.appendChild(this.element);
-  };
-  ModalContent.prototype.setContent = function (content) {
-    setElementContent(this.element, content);
-  };
-  ModalContent.prototype.clear = function () {
-    this.element.innerHTML = '';
-  };
-  ModalContent.prototype.getText = function () {
-    return this.element.textContent || '';
-  };
-  ModalContent.prototype.getInnerHTML = function () {
-    return this.element.innerHTML;
-  };
-  // Static factory method
-  ModalContent.create = function (content) {
-    return new ModalContent(content);
-  };
-  return ModalContent;
-}();
-export { ModalContent };

package/dist/esm/assets/scripts/modal/ModalHeader.js

@@ -1,110 +0,0 @@
-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 { ButtonCloseX } from '../shared/ButtonCloseX';
-import { FeaturedIcon } from '../featuredIcon';
-import { MODAL_CLASS_NAMES, getModalHeaderAlignClassNames } from './const/classNames';
-import { setElementContent } from './utils/contentUtils';
-var ModalHeader = /** @class */function () {
-  function ModalHeader(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    this.options = __assign({
-      featuredIcon: options.featuredIcon,
-      align: 'left',
-      title: '',
-      subtitle: '',
-      showDivider: false,
-      hideCloseButton: false
-    }, options);
-    this.createElement();
-  }
-  ModalHeader.prototype.createElement = function () {
-    var headerClasses = [MODAL_CLASS_NAMES.header, getModalHeaderAlignClassNames(this.options.align)];
-    // Header 요소 생성
-    this.element = document.createElement('header');
-    this.element.className = headerClasses.join(' ');
-    // Featured Icon
-    if (this.options.featuredIcon) {
-      var featuredIcon = new FeaturedIcon({
-        svgString: this.options.featuredIcon.svgString,
-        theme: this.options.featuredIcon.theme,
-        color: this.options.featuredIcon.color,
-        size: 'sm'
-      });
-      this.element.appendChild(featuredIcon.getElement());
-    }
-    // Title and subtitle
-    if (this.options.title || this.options.subtitle) {
-      var titleDiv = document.createElement('div');
-      titleDiv.className = MODAL_CLASS_NAMES.title;
-      if (this.options.title) {
-        var titleText = document.createElement('div');
-        titleText.className = MODAL_CLASS_NAMES.titleText;
-        setElementContent(titleText, this.options.title);
-        titleDiv.appendChild(titleText);
-      }
-      if (this.options.subtitle) {
-        var subtitleText = document.createElement('div');
-        subtitleText.className = MODAL_CLASS_NAMES.titleSubtitle;
-        setElementContent(subtitleText, this.options.subtitle);
-        titleDiv.appendChild(subtitleText);
-      }
-      this.element.appendChild(titleDiv);
-    }
-    // Close button
-    if (!this.options.hideCloseButton) {
-      var closeButtonContainer = document.createElement('div');
-      closeButtonContainer.innerHTML = ButtonCloseX('sm', 'light', MODAL_CLASS_NAMES.closeButton, '닫기');
-      this.element.appendChild(closeButtonContainer.firstElementChild);
-    }
-  };
-  ModalHeader.prototype.getElement = function () {
-    return this.element;
-  };
-  ModalHeader.prototype.getHTML = function () {
-    return this.element.outerHTML;
-  };
-  ModalHeader.prototype.appendTo = function (parent) {
-    parent.appendChild(this.element);
-  };
-  ModalHeader.prototype.setTitle = function (title) {
-    this.options.title = title;
-    var titleElement = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.titleText));
-    if (titleElement) {
-      setElementContent(titleElement, title);
-    }
-  };
-  ModalHeader.prototype.setSubtitle = function (subtitle) {
-    this.options.subtitle = subtitle;
-    var subtitleElement = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.titleSubtitle));
-    if (subtitleElement) {
-      setElementContent(subtitleElement, subtitle);
-    }
-  };
-  ModalHeader.prototype.setCloseHandler = function (handler) {
-    var closeButton = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.closeButton));
-    if (closeButton) {
-      closeButton.addEventListener('click', handler);
-    }
-  };
-  ModalHeader.prototype.addDivider = function () {
-    var divider = document.createElement('div');
-    divider.className = MODAL_CLASS_NAMES.headerDivider;
-    return divider;
-  };
-  // Static factory method
-  ModalHeader.create = function (options) {
-    return new ModalHeader(options);
-  };
-  return ModalHeader;
-}();
-export { ModalHeader };

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

@@ -1,31 +0,0 @@
-// Modal 관련 CSS 클래스명 상수
-export var MODAL_CLASS_NAMES = {
-  backdrop: 'ncua-modal-backdrop',
-  modal: 'ncua-modal',
-  modalOpen: 'ncua-modal-open',
-  header: 'ncua-modal__header',
-  title: 'ncua-modal__title',
-  titleText: 'ncua-modal__title-text',
-  titleSubtitle: 'ncua-modal__title-subtitle',
-  closeButton: 'ncua-modal__close-button',
-  headerDivider: 'ncua-modal__header-divider',
-  content: 'ncua-modal__content',
-  actionsWrapper: 'ncua-modal__actions-wrapper',
-  actionsWrapperCheckbox: 'ncua-modal__actions-wrapper--checkbox',
-  actions: 'ncua-modal__actions',
-  actionsDivider: 'ncua-modal__actions-divider',
-  actionsCheckbox: 'ncua-modal__actions-checkbox',
-  actionsCheckboxContent: 'ncua-modal__actions-checkbox-content'
-};
-export var getModalSizeClassNames = function (size) {
-  return "ncua-modal--".concat(size);
-};
-export var getModalHeaderAlignClassNames = function (align) {
-  return "ncua-modal__header--".concat(align);
-};
-export var getModalActionsLayoutClassNames = function (layout) {
-  return "ncua-modal__actions--".concat(layout);
-};
-export var getModalActionsAlignClassNames = function (align) {
-  return "ncua-modal__actions--".concat(align);
-};

package/dist/esm/assets/scripts/modal/const/index.js

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './classNames';

package/dist/esm/assets/scripts/modal/const/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/assets/scripts/modal/index.js

@@ -1,15 +0,0 @@
-import { Modal } from './Modal';
-import { ModalHeader } from './ModalHeader';
-import { ModalContent } from './ModalContent';
-import { ModalActions } from './ModalActions';
-export { Modal, ModalHeader, ModalContent, ModalActions };
-// 기존 호환성을 위한 타입들도 export
-export * from './const';
-// 전역 등록 ( 추후 index.ts와 개별동작 할 수 있게끔 대비 )
-if (typeof window !== 'undefined') {
-  window.ncua = window.ncua || {};
-  window.ncua.Modal = Modal;
-  window.ncua.ModalHeader = ModalHeader;
-  window.ncua.ModalContent = ModalContent;
-  window.ncua.ModalActions = ModalActions;
-}

package/dist/esm/assets/scripts/modal/utils/contentUtils.js

@@ -1,28 +0,0 @@
-/**
- * 문자열이 HTML 태그를 포함하는지 확인
- */
-export function isHTMLString(str) {
-  var htmlTagRegex = /<[^>]+>/;
-  return htmlTagRegex.test(str);
-}
-/**
- * 요소에 콘텐츠를 안전하게 설정
- * HTML 구조면 innerHTML, 일반 텍스트면 textContent 사용
- * HTMLElement인 경우 outerHTML을 사용하여 string으로 변환
- */
-export function setElementContent(element, content) {
-  // HTMLElement인 경우 outerHTML로 변환
-  if (content instanceof HTMLElement) {
-    element.innerHTML = '';
-    element.appendChild(content);
-    return;
-  }
-  // string인 경우
-  if (isHTMLString(content)) {
-    // HTML 구조면 innerHTML 사용 ( script 태그도 허용해야함 )
-    element.innerHTML = content;
-  } else {
-    // 일반 텍스트면 textContent 사용
-    element.textContent = content;
-  }
-}

package/dist/esm/assets/scripts/notification/FloatingNotification.js

@@ -1,176 +0,0 @@
-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 { CLASS_NAMES, FLOATING_ICON_MAP, getSizes } from './const';
-import { isMobile } from './utils';
-import { MEDIA_QUERY } from '../../../src/constant/breakpoint';
-import { FeaturedIcon } from '../featuredIcon';
-import { ButtonCloseX } from '../shared/ButtonCloseX';
-import { createWrapperElement, renderSupportingText, renderActions, bindNotificationEvents, setupAutoClose } from './utils';
-var FloatingNotification = /** @class */function () {
-  function FloatingNotification(options) {
-    this.options = __assign({
-      color: 'neutral',
-      className: '',
-      actions: [],
-      autoClose: 0,
-      supportingText: undefined
-    }, options);
-    this.element = this.createElement();
-    this.bindEvents();
-    this.setupAutoClose();
-    this.setupMobileListener();
-  }
-  FloatingNotification.prototype.createElement = function () {
-    var _a = this.options,
-      title = _a.title,
-      supportingText = _a.supportingText,
-      color = _a.color,
-      className = _a.className,
-      actions = _a.actions,
-      onClose = _a.onClose;
-    // 플로팅 알림에서 info 색상 사용 시 neutral로 대체
-    var actualColor = color;
-    if (color === 'info') {
-      console.warn('Floating notification does not support "info" color. Using "neutral" instead.');
-      actualColor = 'neutral';
-    }
-    var wrapper = createWrapperElement(CLASS_NAMES.FLOATING.BASE, actualColor, className);
-    var iconFunction = FLOATING_ICON_MAP[actualColor];
-    var mobile = isMobile();
-    // FeaturedIcon 생성
-    var featuredIconElement = null;
-    if (iconFunction) {
-      var size = getSizes.featuredIcon(mobile);
-      var iconSize = getSizes.iconPixel(mobile);
-      var iconSvg = iconFunction(iconSize);
-      this.featuredIcon = FeaturedIcon.create({
-        svgString: iconSvg,
-        theme: 'dark-circle',
-        color: actualColor,
-        size: size
-      });
-      featuredIconElement = this.featuredIcon.getElement();
-    }
-    wrapper.innerHTML = this.buildTemplate({
-      title: title,
-      supportingText: supportingText,
-      actions: actions,
-      onClose: onClose,
-      isMobile: mobile
-    });
-    // FeaturedIcon을 container에 추가
-    if (featuredIconElement) {
-      var container = wrapper.querySelector(".".concat(CLASS_NAMES.FLOATING.CONTAINER));
-      if (container) {
-        container.insertBefore(featuredIconElement, container.firstChild);
-      }
-    }
-    return wrapper;
-  };
-  FloatingNotification.prototype.buildTemplate = function (params) {
-    var title = params.title,
-      supportingText = params.supportingText,
-      actions = params.actions,
-      onClose = params.onClose,
-      isMobile = params.isMobile;
-    return "\n      <div class=\"".concat(CLASS_NAMES.FLOATING.CONTENT, "\">\n        <div class=\"").concat(CLASS_NAMES.FLOATING.CONTAINER, "\">\n          <div class=\"").concat(CLASS_NAMES.FLOATING.TEXT_CONTAINER, "\">\n            <div class=\"").concat(CLASS_NAMES.FLOATING.TITLE_WRAPPER, "\">\n              <span class=\"").concat(CLASS_NAMES.FLOATING.TITLE, "\">").concat(title, "</span>\n            </div>\n            ").concat(renderSupportingText(supportingText, CLASS_NAMES.FLOATING.SUPPORTING_TEXT), "\n            ").concat(actions && actions.length > 0 ? renderActions(actions, CLASS_NAMES.FLOATING.ACTIONS) : '', "\n          </div>\n        </div>\n      </div>\n      ").concat(this.renderCloseButton(onClose, isMobile), "\n    ");
-  };
-  FloatingNotification.prototype.renderCloseButton = function (onClose, isMobile) {
-    if (isMobile === void 0) {
-      isMobile = false;
-    }
-    if (!onClose) return '';
-    var size = getSizes.closeButton(isMobile);
-    return ButtonCloseX(size, 'light', CLASS_NAMES.FLOATING.CLOSE_BUTTON, '알림 닫기', onClose);
-  };
-  FloatingNotification.prototype.setupMobileListener = function () {
-    var _this = this;
-    var mediaQuery = window.matchMedia(MEDIA_QUERY.mobile);
-    var handleChange = function (e) {
-      _this.updateMobileStyles(e.matches);
-      if (e.matches && _this.options.onClose) {
-        _this.options.onClose();
-        _this.remove();
-      }
-    };
-    handleChange({
-      matches: mediaQuery.matches
-    });
-    mediaQuery.addEventListener('change', handleChange);
-    this.mobileCleanup = function () {
-      mediaQuery.removeEventListener('change', handleChange);
-    };
-  };
-  FloatingNotification.prototype.updateMobileStyles = function (mobile) {
-    if (this.featuredIcon) {
-      var newSize = getSizes.featuredIcon(mobile);
-      this.featuredIcon.updateSize(newSize);
-    }
-    var closeButton = this.element.querySelector('.ncua-button-close-x');
-    if (closeButton) {
-      var newSize = getSizes.closeButton(mobile);
-      var newSvgSize = getSizes.closeButtonSvg(newSize);
-      closeButton.className = closeButton.className.replace(/ncua-button-close-x--(xs|sm)/, "ncua-button-close-x--".concat(newSize));
-      var svg = closeButton.querySelector('svg');
-      if (svg) {
-        svg.setAttribute('width', newSvgSize.toString());
-        svg.setAttribute('height', newSvgSize.toString());
-      }
-    }
-  };
-  FloatingNotification.prototype.bindEvents = function () {
-    var _this = this;
-    bindNotificationEvents(this.element, this.options.actions, this.options.onClose, function () {
-      return _this.remove();
-    });
-  };
-  FloatingNotification.prototype.setupAutoClose = function () {
-    var _this = this;
-    this.autoCloseTimer = setupAutoClose(this.options.autoClose, this.options.onClose, function () {
-      return _this.remove();
-    });
-  };
-  // Public methods
-  FloatingNotification.prototype.getElement = function () {
-    return this.element;
-  };
-  FloatingNotification.prototype.appendTo = function (parent) {
-    parent.appendChild(this.element);
-  };
-  FloatingNotification.prototype.remove = function () {
-    if (this.autoCloseTimer) {
-      clearTimeout(this.autoCloseTimer);
-      this.autoCloseTimer = undefined;
-    }
-    if (this.element && this.element.parentNode) {
-      this.element.parentNode.removeChild(this.element);
-    }
-  };
-  FloatingNotification.prototype.destroy = function () {
-    // FeaturedIcon 정리
-    if (this.featuredIcon) {
-      this.featuredIcon.destroy();
-      this.featuredIcon = undefined;
-    }
-    // 모바일 리스너 정리
-    if (this.mobileCleanup) {
-      this.mobileCleanup();
-      this.mobileCleanup = undefined;
-    }
-    this.remove();
-  };
-  // Static factory methods
-  FloatingNotification.create = function (options) {
-    return new FloatingNotification(options);
-  };
-  return FloatingNotification;
-}();
-export { FloatingNotification };