@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -1,37 +1,32 @@
-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);
+export class ModalActions {
+    constructor(content, options = {}) {
+        this.options = {
+            layout: 'vertical',
+            showDivider: false,
+            align: 'stretch',
+            fullWidth: false,
+            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;
@@ -44,63 +39,62 @@ var ModalActions = /** @class */ (function () {
         }
         // Actions 요소 생성
         this.actionsElement = document.createElement('div');
-        var actionsClasses = [
+        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;
@@ -110,16 +104,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/temp/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/temp/assets/scripts/modal/ModalHeader.js

@@ -1,32 +1,28 @@
-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);
+export class ModalHeader {
+    constructor(options = {}) {
+        this.options = {
+            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)];
+    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,
@@ -36,16 +32,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);
@@ -54,49 +50,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/temp/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,7 +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/temp/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/temp/assets/scripts/notification/FloatingNotification.js

@@ -1,45 +1,41 @@
-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);
+export class FloatingNotification {
+    constructor(options) {
+        this.options = {
+            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;
+    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',
@@ -49,81 +45,90 @@ 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, isMobile = 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;
@@ -131,8 +136,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();
@@ -144,11 +149,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 };
+    }
+}