@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -1,44 +1,33 @@
-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({
+export class ModalActions {
+  constructor(content) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    this.options = {
       layout: 'vertical',
       showDivider: false,
       align: 'stretch',
       fullWidth: false,
-      checkboxContent: options.checkboxContent
-    }, options);
+      checkboxContent: options.checkboxContent,
+      ...options
+    };
     this.createElement();
     if (content) {
       this.setContent(content);
     }
   }
-  ModalActions.prototype.createElement = function () {
+  createElement() {
     // Wrapper 요소 생성
     this.wrapperElement = document.createElement('div');
-    var wrapperClasses = [MODAL_CLASS_NAMES.actionsWrapper];
+    const 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');
+      const checkboxDiv = document.createElement('div');
       checkboxDiv.className = MODAL_CLASS_NAMES.actionsCheckbox;
-      var checkboxContentDiv = document.createElement('div');
+      const checkboxContentDiv = document.createElement('div');
       checkboxContentDiv.className = MODAL_CLASS_NAMES.actionsCheckboxContent;
       if (typeof this.options.checkboxContent === 'string') {
         checkboxContentDiv.innerHTML = this.options.checkboxContent;
@@ -50,56 +39,55 @@ var ModalActions = /** @class */function () {
     }
     // Actions 요소 생성
     this.actionsElement = document.createElement('div');
-    var actionsClasses = [MODAL_CLASS_NAMES.actions, getModalActionsLayoutClassNames(this.options.layout), getModalActionsAlignClassNames(this.options.align)];
+    const 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"));
+      actionsClasses.push(`${MODAL_CLASS_NAMES.actions}--full-width`);
     }
     this.actionsElement.className = actionsClasses.join(' ');
     this.wrapperElement.appendChild(this.actionsElement);
-  };
-  ModalActions.prototype.getElement = function () {
+  }
+  getElement() {
     return this.wrapperElement;
-  };
-  ModalActions.prototype.getActionsElement = function () {
+  }
+  getActionsElement() {
     return this.actionsElement;
-  };
-  ModalActions.prototype.getHTML = function () {
+  }
+  getHTML() {
     return this.wrapperElement.outerHTML;
-  };
-  ModalActions.prototype.appendTo = function (parent) {
+  }
+  appendTo(parent) {
     parent.appendChild(this.wrapperElement);
-  };
-  ModalActions.prototype.setContent = function (content) {
-    var _this = this;
+  }
+  setContent(content) {
     this.actionsElement.innerHTML = '';
     if (typeof content === 'string') {
       this.actionsElement.innerHTML = content;
     } else if (Array.isArray(content)) {
       // 배열인 경우 모든 요소를 추가
-      content.forEach(function (element) {
-        _this.actionsElement.appendChild(element);
+      content.forEach(element => {
+        this.actionsElement.appendChild(element);
       });
     } else {
       // 단일 HTMLElement인 경우
       this.actionsElement.appendChild(content);
     }
-  };
-  ModalActions.prototype.addAction = function (action) {
+  }
+  addAction(action) {
     if (typeof action === 'string') {
       this.actionsElement.insertAdjacentHTML('beforeend', action);
     } else {
       this.actionsElement.appendChild(action);
     }
-  };
-  ModalActions.prototype.clear = function () {
+  }
+  clear() {
     this.actionsElement.innerHTML = '';
-  };
-  ModalActions.prototype.setCheckboxContent = function (content) {
+  }
+  setCheckboxContent(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));
+    const checkboxContentElement = this.wrapperElement.querySelector(`.${MODAL_CLASS_NAMES.actionsCheckboxContent}`);
     if (checkboxContentElement) {
       if (typeof content === 'string') {
         checkboxContentElement.innerHTML = content;
@@ -108,16 +96,14 @@ var ModalActions = /** @class */function () {
         checkboxContentElement.appendChild(content);
       }
     }
-  };
-  ModalActions.prototype.addDivider = function () {
-    var divider = document.createElement('div');
+  }
+  addDivider() {
+    const divider = document.createElement('div');
     divider.className = MODAL_CLASS_NAMES.actionsDivider;
     return divider;
-  };
+  }
   // Static factory method
-  ModalActions.create = function (content, options) {
+  static create(content, options) {
     return new ModalActions(content, options);
-  };
-  return ModalActions;
-}();
-export { ModalActions };
+  }
+}

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

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

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

@@ -1,40 +1,29 @@
-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({
+export class ModalHeader {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.options = {
       featuredIcon: options.featuredIcon,
       align: 'left',
       title: '',
       subtitle: '',
       showDivider: false,
-      hideCloseButton: false
-    }, options);
+      hideCloseButton: false,
+      ...options
+    };
     this.createElement();
   }
-  ModalHeader.prototype.createElement = function () {
-    var headerClasses = [MODAL_CLASS_NAMES.header, getModalHeaderAlignClassNames(this.options.align)];
+  createElement() {
+    const 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({
+      const featuredIcon = new FeaturedIcon({
         svgString: this.options.featuredIcon.svgString,
         theme: this.options.featuredIcon.theme,
         color: this.options.featuredIcon.color,
@@ -44,16 +33,16 @@ var ModalHeader = /** @class */function () {
     }
     // Title and subtitle
     if (this.options.title || this.options.subtitle) {
-      var titleDiv = document.createElement('div');
+      const titleDiv = document.createElement('div');
       titleDiv.className = MODAL_CLASS_NAMES.title;
       if (this.options.title) {
-        var titleText = document.createElement('div');
+        const 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');
+        const subtitleText = document.createElement('div');
         subtitleText.className = MODAL_CLASS_NAMES.titleSubtitle;
         setElementContent(subtitleText, this.options.subtitle);
         titleDiv.appendChild(subtitleText);
@@ -62,49 +51,47 @@ var ModalHeader = /** @class */function () {
     }
     // Close button
     if (!this.options.hideCloseButton) {
-      var closeButtonContainer = document.createElement('div');
+      const closeButtonContainer = document.createElement('div');
       closeButtonContainer.innerHTML = ButtonCloseX('sm', 'light', MODAL_CLASS_NAMES.closeButton, '닫기');
       this.element.appendChild(closeButtonContainer.firstElementChild);
     }
-  };
-  ModalHeader.prototype.getElement = function () {
+  }
+  getElement() {
     return this.element;
-  };
-  ModalHeader.prototype.getHTML = function () {
+  }
+  getHTML() {
     return this.element.outerHTML;
-  };
-  ModalHeader.prototype.appendTo = function (parent) {
+  }
+  appendTo(parent) {
     parent.appendChild(this.element);
-  };
-  ModalHeader.prototype.setTitle = function (title) {
+  }
+  setTitle(title) {
     this.options.title = title;
-    var titleElement = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.titleText));
+    const titleElement = this.element.querySelector(`.${MODAL_CLASS_NAMES.titleText}`);
     if (titleElement) {
       setElementContent(titleElement, title);
     }
-  };
-  ModalHeader.prototype.setSubtitle = function (subtitle) {
+  }
+  setSubtitle(subtitle) {
     this.options.subtitle = subtitle;
-    var subtitleElement = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.titleSubtitle));
+    const subtitleElement = this.element.querySelector(`.${MODAL_CLASS_NAMES.titleSubtitle}`);
     if (subtitleElement) {
       setElementContent(subtitleElement, subtitle);
     }
-  };
-  ModalHeader.prototype.setCloseHandler = function (handler) {
-    var closeButton = this.element.querySelector(".".concat(MODAL_CLASS_NAMES.closeButton));
+  }
+  setCloseHandler(handler) {
+    const closeButton = this.element.querySelector(`.${MODAL_CLASS_NAMES.closeButton}`);
     if (closeButton) {
       closeButton.addEventListener('click', handler);
     }
-  };
-  ModalHeader.prototype.addDivider = function () {
-    var divider = document.createElement('div');
+  }
+  addDivider() {
+    const divider = document.createElement('div');
     divider.className = MODAL_CLASS_NAMES.headerDivider;
     return divider;
-  };
+  }
   // Static factory method
-  ModalHeader.create = function (options) {
+  static create(options) {
     return new ModalHeader(options);
-  };
-  return ModalHeader;
-}();
-export { ModalHeader };
+  }
+}

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

@@ -1,5 +1,5 @@
 // Modal 관련 CSS 클래스명 상수
-export var MODAL_CLASS_NAMES = {
+export const MODAL_CLASS_NAMES = {
   backdrop: 'ncua-modal-backdrop',
   modal: 'ncua-modal',
   modalOpen: 'ncua-modal-open',
@@ -17,15 +17,7 @@ export var MODAL_CLASS_NAMES = {
   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);
-};
+export const getModalSizeClassNames = size => `ncua-modal--${size}`;
+export const getModalHeaderAlignClassNames = align => `ncua-modal__header--${align}`;
+export const getModalActionsLayoutClassNames = layout => `ncua-modal__actions--${layout}`;
+export const getModalActionsAlignClassNames = align => `ncua-modal__actions--${align}`;

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

@@ -2,7 +2,7 @@
  * 문자열이 HTML 태그를 포함하는지 확인
  */
 export function isHTMLString(str) {
-  var htmlTagRegex = /<[^>]+>/;
+  const htmlTagRegex = /<[^>]+>/;
   return htmlTagRegex.test(str);
 }
 /**

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

@@ -1,56 +1,48 @@
-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({
+export class FloatingNotification {
+  constructor(options) {
+    this.options = {
       color: 'neutral',
       className: '',
       actions: [],
       autoClose: 0,
-      supportingText: undefined
-    }, options);
+      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;
+  createElement() {
+    const {
+      title,
+      supportingText,
+      color,
+      className,
+      actions,
+      onClose
+    } = this.options;
     // 플로팅 알림에서 info 색상 사용 시 neutral로 대체
-    var actualColor = color;
+    let 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();
+    const wrapper = createWrapperElement(CLASS_NAMES.FLOATING.BASE, actualColor, className);
+    const iconFunction = FLOATING_ICON_MAP[actualColor];
+    const mobile = isMobile();
     // FeaturedIcon 생성
-    var featuredIconElement = null;
+    let featuredIconElement = null;
     if (iconFunction) {
-      var size = getSizes.featuredIcon(mobile);
-      var iconSize = getSizes.iconPixel(mobile);
-      var iconSvg = iconFunction(iconSize);
+      const size = getSizes.featuredIcon(mobile);
+      const iconSize = getSizes.iconPixel(mobile);
+      const iconSvg = iconFunction(iconSize);
       this.featuredIcon = FeaturedIcon.create({
         svgString: iconSvg,
         theme: 'dark-circle',
@@ -60,92 +52,98 @@ var FloatingNotification = /** @class */function () {
       featuredIconElement = this.featuredIcon.getElement();
     }
     wrapper.innerHTML = this.buildTemplate({
-      title: title,
-      supportingText: supportingText,
-      actions: actions,
-      onClose: onClose,
+      title,
+      supportingText,
+      actions,
+      onClose,
       isMobile: mobile
     });
     // FeaturedIcon을 container에 추가
     if (featuredIconElement) {
-      var container = wrapper.querySelector(".".concat(CLASS_NAMES.FLOATING.CONTAINER));
+      const container = wrapper.querySelector(`.${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;
-    }
+  }
+  buildTemplate(params) {
+    const {
+      title,
+      supportingText,
+      actions,
+      onClose,
+      isMobile
+    } = params;
+    return `
+      <div class="${CLASS_NAMES.FLOATING.CONTENT}">
+        <div class="${CLASS_NAMES.FLOATING.CONTAINER}">
+          <div class="${CLASS_NAMES.FLOATING.TEXT_CONTAINER}">
+            <div class="${CLASS_NAMES.FLOATING.TITLE_WRAPPER}">
+              <span class="${CLASS_NAMES.FLOATING.TITLE}">${title}</span>
+            </div>
+            ${renderSupportingText(supportingText, CLASS_NAMES.FLOATING.SUPPORTING_TEXT)}
+            ${actions && actions.length > 0 ? renderActions(actions, CLASS_NAMES.FLOATING.ACTIONS) : ''}
+          </div>
+        </div>
+      </div>
+      ${this.renderCloseButton(onClose, isMobile)}
+    `;
+  }
+  renderCloseButton(onClose) {
+    let isMobile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (!onClose) return '';
-    var size = getSizes.closeButton(isMobile);
+    const 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();
+  }
+  setupMobileListener() {
+    const mediaQuery = window.matchMedia(MEDIA_QUERY.mobile);
+    const handleChange = 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 () {
+    this.mobileCleanup = () => {
       mediaQuery.removeEventListener('change', handleChange);
     };
-  };
-  FloatingNotification.prototype.updateMobileStyles = function (mobile) {
+  }
+  updateMobileStyles(mobile) {
     if (this.featuredIcon) {
-      var newSize = getSizes.featuredIcon(mobile);
+      const newSize = getSizes.featuredIcon(mobile);
       this.featuredIcon.updateSize(newSize);
     }
-    var closeButton = this.element.querySelector('.ncua-button-close-x');
+    const 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');
+      const newSize = getSizes.closeButton(mobile);
+      const newSvgSize = getSizes.closeButtonSvg(newSize);
+      closeButton.className = closeButton.className.replace(/ncua-button-close-x--(xs|sm)/, `ncua-button-close-x--${newSize}`);
+      const 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();
-    });
-  };
+  }
+  bindEvents() {
+    bindNotificationEvents(this.element, this.options.actions, this.options.onClose, () => this.remove());
+  }
+  setupAutoClose() {
+    this.autoCloseTimer = setupAutoClose(this.options.autoClose, this.options.onClose, () => this.remove());
+  }
   // Public methods
-  FloatingNotification.prototype.getElement = function () {
+  getElement() {
     return this.element;
-  };
-  FloatingNotification.prototype.appendTo = function (parent) {
+  }
+  appendTo(parent) {
     parent.appendChild(this.element);
-  };
-  FloatingNotification.prototype.remove = function () {
+  }
+  remove() {
     if (this.autoCloseTimer) {
       clearTimeout(this.autoCloseTimer);
       this.autoCloseTimer = undefined;
@@ -153,8 +151,8 @@ var FloatingNotification = /** @class */function () {
     if (this.element && this.element.parentNode) {
       this.element.parentNode.removeChild(this.element);
     }
-  };
-  FloatingNotification.prototype.destroy = function () {
+  }
+  destroy() {
     // FeaturedIcon 정리
     if (this.featuredIcon) {
       this.featuredIcon.destroy();
@@ -166,11 +164,9 @@ var FloatingNotification = /** @class */function () {
       this.mobileCleanup = undefined;
     }
     this.remove();
-  };
+  }
   // Static factory methods
-  FloatingNotification.create = function (options) {
+  static create(options) {
     return new FloatingNotification(options);
-  };
-  return FloatingNotification;
-}();
-export { FloatingNotification };
+  }
+}