@konomi-app/ui 1.5.2 → 1.6.0

package/dist/index.css

@@ -0,0 +1,15 @@
+/* esbuild-plugin-sass:C:\Users\Ribbit\Documents\github\ui-modules\vanilla\src\dialog\theme.scss */
+@keyframes swal2-show {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes swal2-hide {
+  100% {
+    opacity: 0;
+  }
+}
+/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiZXNidWlsZC1wbHVnaW4tc2FzczpDOlxcVXNlcnNcXFJpYmJpdFxcRG9jdW1lbnRzXFxnaXRodWJcXHVpLW1vZHVsZXNcXHZhbmlsbGFcXHNyY1xcZGlhbG9nXFx0aGVtZS5zY3NzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyJAa2V5ZnJhbWVzIHN3YWwyLXNob3cge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHN3YWwyLWhpZGUge1xuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59Il0sCiAgIm1hcHBpbmdzIjogIjtBQUFBO0FBQUE7QUFFSTtBQUFBO0FBQUE7QUFHQTtBQUFBO0FBQUE7QUFHSjtBQUFBO0FBRUk7QUFBQTtBQUFBOyIsCiAgIm5hbWVzIjogW10KfQo= */

package/dist/index.d.ts

@@ -1,2 +1 @@
-export * from './loading-overlay';
-export * from './modal';
+export * from './loading-overlay';

package/dist/index.js

@@ -1,3 +1,2 @@
-export * from './loading-overlay';
-export * from './modal';
+export * from './loading-overlay';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/loading-overlay.d.ts

@@ -1,22 +1,22 @@
-import { Overlay } from './overlay';
-type Label = string | string[];
-type ConstructorProps = Readonly<Partial<{
-    label: Label;
-    progress: number;
-}>>;
-export declare class LoadingOverlay extends Overlay {
-    #private;
-    protected readonly _loaderElement: HTMLDivElement;
-    protected readonly _progressElement: HTMLDivElement;
-    protected readonly _contentElement: HTMLDivElement;
-    constructor(props?: ConstructorProps);
-    hide(): void;
-    set label(label: Label);
-    set html(html: string);
-    set progress(progress: number);
-    render(): void;
-    private containerStyle;
-    private loaderStyle;
-    private progressStyle;
-}
-export {};
+import { Overlay } from './overlay';
+type Label = string | string[];
+type ConstructorProps = Readonly<Partial<{
+    label: Label;
+    progress: number;
+}>>;
+export declare class LoadingOverlay extends Overlay {
+    #private;
+    protected readonly _loaderElement: HTMLDivElement;
+    protected readonly _progressElement: HTMLDivElement;
+    protected readonly _contentElement: HTMLDivElement;
+    constructor(props?: ConstructorProps);
+    hide(): void;
+    set label(label: Label);
+    set html(html: string);
+    set progress(progress: number);
+    render(): void;
+    private containerStyle;
+    private loaderStyle;
+    private progressStyle;
+}
+export {};

package/dist/loading-overlay.js

@@ -1,67 +1,68 @@
-import { css } from '@emotion/css';
-import { Overlay } from './overlay';
-export class LoadingOverlay extends Overlay {
-    #label;
-    #html;
-    #progress;
-    _loaderElement;
-    _progressElement;
-    _contentElement;
-    constructor(props = {}) {
-        super();
-        this.#label = props.label ?? '';
-        this.#html = '';
-        this.#progress = props.progress ?? null;
-        const container = document.createElement('div');
-        container.classList.add(this.containerStyle);
-        this._root.append(container);
-        const loaderElement = document.createElement('div');
-        loaderElement.classList.add(this.loaderStyle);
-        this._loaderElement = loaderElement;
-        container.append(loaderElement);
-        const progressElement = document.createElement('div');
-        progressElement.classList.add(this.progressStyle);
-        this._progressElement = progressElement;
-        container.append(progressElement);
-        const contentElement = document.createElement('div');
-        this._contentElement = contentElement;
-        container.append(contentElement);
-        this.render();
-    }
-    hide() {
-        this.#progress = 0;
-        this.#html = '';
-        this.#label = '';
-        super.hide();
-    }
-    set label(label) {
-        this.#label = label;
-        this.render();
-    }
-    set html(html) {
-        this.#html = html;
-        this.render();
-    }
-    set progress(progress) {
-        this.#progress = progress;
-        this.render();
-    }
-    render() {
-        super.render();
-        this._progressElement.style.width = `${this.#progress}%`;
-        this._loaderElement.style.animationName = this._shown ? 'spin' : 'none';
-        if (this.#html) {
-            this._contentElement.innerHTML = this.#html;
-        }
-        else {
-            if (this.#label instanceof Array) {
-                this._contentElement.innerHTML = `<div>${this.#label.join('</div><div>')}</div>`;
-            }
-            else {
-                this._contentElement.innerText = this.#label;
-            }
-        }
-    }
+import { css } from '@emotion/css';
+import { Overlay } from './overlay';
+export class LoadingOverlay extends Overlay {
+    #label;
+    #html;
+    #progress;
+    _loaderElement;
+    _progressElement;
+    _contentElement;
+    constructor(props = {}) {
+        super();
+        this.#label = props.label ?? '';
+        this.#html = '';
+        this.#progress = props.progress ?? null;
+        const container = document.createElement('div');
+        container.classList.add(this.containerStyle);
+        this._root.append(container);
+        const loaderElement = document.createElement('div');
+        loaderElement.innerHTML = '<div><div></div></div>';
+        loaderElement.classList.add(this.loaderStyle);
+        this._loaderElement = loaderElement;
+        container.append(loaderElement);
+        const progressElement = document.createElement('div');
+        progressElement.classList.add(this.progressStyle);
+        this._progressElement = progressElement;
+        container.append(progressElement);
+        const contentElement = document.createElement('div');
+        this._contentElement = contentElement;
+        container.append(contentElement);
+        this.render();
+    }
+    hide() {
+        this.#progress = 0;
+        this.#html = '';
+        this.#label = '';
+        super.hide();
+    }
+    set label(label) {
+        this.#label = label;
+        this.render();
+    }
+    set html(html) {
+        this.#html = html;
+        this.render();
+    }
+    set progress(progress) {
+        this.#progress = progress;
+        this.render();
+    }
+    render() {
+        super.render();
+        this._progressElement.style.width = `${this.#progress}%`;
+        this._loaderElement.style.animationName = this._shown ? 'spin' : 'none';
+        if (this.#html) {
+            this._contentElement.innerHTML = this.#html;
+        }
+        else {
+            if (this.#label instanceof Array) {
+                this._contentElement.innerHTML = `<div>${this.#label.join('</div><div>')}</div>`;
+            }
+            else {
+                this._contentElement.innerText = this.#label;
+            }
+        }
+    }
     containerStyle = css `
     display: flex;
     flex-direction: column;
@@ -99,30 +100,52 @@ export class LoadingOverlay extends Overlay {
         border-radius: 1em;
       }
     }
-  `;
+  `;
     loaderStyle = css `
-    font-size: 48px;
+    font-size: 60px;
     width: 1em;
     height: 1em;
+    border-radius: 50%;
+    box-shadow: inset 0 0 0 1px #3b82f633;
     position: relative;
-    border: 2px solid #2563ebaa;
-    border-radius: 1em;
-    animation-duration: 2s;
-    animation-timing-function: ease;
-    animation-delay: 0s;
-    animation-iteration-count: infinite;
-    animation-direction: normal;
-    animation-fill-mode: none;
-    animation-play-state: running;
-  `;
+    > div {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 0.5em;
+      height: 1em;
+      margin-left: -0.5em;
+      margin-top: -0.5em;
+      overflow: hidden;
+      transform-origin: 0.5em 0.5em;
+      mask-image: linear-gradient(top, #000f, #0000);
+      -webkit-mask-image: -webkit-linear-gradient(top, #000f, #0000);
+      animation: rotate 1.2s infinite linear;
+
+      > div {
+        width: 1em;
+        height: 1em;
+        border-radius: 50%;
+        box-shadow: inset 0 0 0 1px #3b82f6;
+      }
+    }
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+  `;
     progressStyle = css `
     position: absolute;
     bottom: 0px;
     left: 0;
     width: 0%;
-    height: 3px;
+    height: 2px;
     background-color: #2563eb;
-    transition: all 250ms ease;
-  `;
-}
+    transition: all 350ms ease;
+  `;
+}
 //# sourceMappingURL=loading-overlay.js.map

package/dist/loading-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-overlay.js","sourceRoot":"","sources":["../src/loading-overlay.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"loading-overlay.js","sourceRoot":"","sources":["../src/loading-overlay.ts"],"names":[],"mappings":"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"}

package/dist/overlay.d.ts

@@ -1,21 +1,20 @@
-export declare class Overlay {
-    protected readonly _root: HTMLDivElement;
-    protected _shown: boolean;
-    protected _disableBeforeUnload: boolean;
-    constructor();
-    show(): void;
-    hide(): void;
-    protected render(): void;
-    /** JavaScript中にページを離れようとした場合にアラートを表示します */
-    private beforeunload;
-    private rootClass;
-    /**
-     * @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。
-     */
-    start(): void;
-    /**
-     * @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。
-     */
-    stop(): void;
-}
-export declare const getLoadingOverlay: () => Overlay;
+export declare class Overlay {
+    protected readonly _root: HTMLDivElement;
+    protected _shown: boolean;
+    protected _disableBeforeUnload: boolean;
+    constructor();
+    show(): void;
+    hide(): void;
+    protected render(): void;
+    /** JavaScript中にページを離れようとした場合にアラートを表示します */
+    private beforeunload;
+    private rootClass;
+    /**
+     * @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。
+     */
+    start(): void;
+    /**
+     * @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。
+     */
+    stop(): void;
+}

package/dist/overlay.js

@@ -1,37 +1,37 @@
-import { css } from '@emotion/css';
-export class Overlay {
-    _root;
-    _shown;
-    _disableBeforeUnload;
-    constructor() {
-        this._shown = false;
-        this._disableBeforeUnload = false;
-        const root = document.createElement('div');
-        this._root = root;
-        this._root.classList.add(this.rootClass);
-        document.body.append(root);
-    }
-    show() {
-        this._shown = true;
-        window.addEventListener('beforeunload', this.beforeunload);
-        document.body.style.overflow = 'hidden';
-        this.render();
-    }
-    hide() {
-        this._shown = false;
-        window.removeEventListener('beforeunload', this.beforeunload);
-        document.body.style.overflow = 'auto';
-        this.render();
-    }
-    render() {
-        this._root.style.opacity = this._shown ? '1' : '0';
-        this._root.style.pointerEvents = this._shown ? 'all' : 'none';
-    }
-    /** JavaScript中にページを離れようとした場合にアラートを表示します */
-    beforeunload(event) {
-        event.preventDefault();
-        event.returnValue = '';
-    }
+import { css } from '@emotion/css';
+export class Overlay {
+    _root;
+    _shown;
+    _disableBeforeUnload;
+    constructor() {
+        this._shown = false;
+        this._disableBeforeUnload = false;
+        const root = document.createElement('div');
+        this._root = root;
+        this._root.classList.add(this.rootClass);
+        document.body.append(root);
+    }
+    show() {
+        this._shown = true;
+        window.addEventListener('beforeunload', this.beforeunload);
+        document.body.style.overflow = 'hidden';
+        this.render();
+    }
+    hide() {
+        this._shown = false;
+        window.removeEventListener('beforeunload', this.beforeunload);
+        document.body.style.overflow = 'auto';
+        this.render();
+    }
+    render() {
+        this._root.style.opacity = this._shown ? '1' : '0';
+        this._root.style.pointerEvents = this._shown ? 'all' : 'none';
+    }
+    /** JavaScript中にページを離れようとした場合にアラートを表示します */
+    beforeunload(event) {
+        event.preventDefault();
+        event.returnValue = '';
+    }
     rootClass = css `
     font-family: 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', 'Hiragino Kaku Gothic ProN',
       Meiryo, sans-serif;
@@ -54,25 +54,18 @@ export class Overlay {
     z-index: 1000;
     opacity: 0;
     transition: all 250ms ease;
-  `;
-    /**
-     * @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。
-     */
-    start() {
-        this.show();
-    }
-    /**
-     * @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。
-     */
-    stop() {
-        this.hide();
-    }
-}
-let cachedLoadingOverlay = null;
-export const getLoadingOverlay = () => {
-    if (cachedLoadingOverlay === null) {
-        cachedLoadingOverlay = new Overlay();
-    }
-    return cachedLoadingOverlay;
-};
+  `;
+    /**
+     * @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。
+     */
+    start() {
+        this.show();
+    }
+    /**
+     * @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。
+     */
+    stop() {
+        this.hide();
+    }
+}
 //# sourceMappingURL=overlay.js.map

package/dist/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,OAAO,OAAO;IACC,KAAK,CAAiB;IAC/B,MAAM,CAAU;IAChB,oBAAoB,CAAU;IAExC;QACE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAElC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAES,MAAM;QACd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAChE,CAAC;IAED,2CAA2C;IACnC,YAAY,CAAC,KAAwB;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;IACzB,CAAC;IAEO,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBtB,CAAC;IAEF;;OAEG;IACI,KAAK;QACV,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IACD;;OAEG;IACI,IAAI;QACT,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;CACF;AAED,IAAI,oBAAoB,GAAmB,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAY,EAAE;IAC7C,IAAI,oBAAoB,KAAK,IAAI,EAAE;QACjC,oBAAoB,GAAG,IAAI,OAAO,EAAE,CAAC;KACtC;IACD,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC"}
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,OAAO,OAAO;IACC,KAAK,CAAiB;IAC/B,MAAM,CAAU;IAChB,oBAAoB,CAAU;IAExC;QACE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAElC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAES,MAAM;QACd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAChE,CAAC;IAED,2CAA2C;IACnC,YAAY,CAAC,KAAwB;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;IACzB,CAAC;IAEO,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBtB,CAAC;IAEF;;OAEG;IACI,KAAK;QACV,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IACD;;OAEG;IACI,IAAI;QACT,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konomi-app/ui",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "author": "adachi",
@@ -13,7 +13,7 @@
     "@emotion/css": "^11.10.6"
   },
   "devDependencies": {
-    "typescript": "^4.9.5"
+    "typescript": "^5.0.3"
   },
   "prettier": {
     "printWidth": 100,

package/dist/alert.d.ts

@@ -1,3 +0,0 @@
-import { Overlay } from './overlay';
-export declare class Alert extends Overlay {
-}

package/dist/alert.js

@@ -1,4 +0,0 @@
-import { Overlay } from './overlay';
-export class Alert extends Overlay {
-}
-//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../src/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,KAAM,SAAQ,OAAO;CAAG"}

package/dist/modal.d.ts

@@ -1,21 +0,0 @@
-import { Overlay } from './overlay';
-type Mode = 'alert' | 'prompt' | 'loading' | 'custom';
-type Label = string | string[];
-type ConstructorProps = Readonly<Partial<{
-    initialMode: Mode;
-}>>;
-type LoadingProps = {
-    label: Label;
-    html: string;
-    progress: number | null;
-};
-export declare class Modal extends Overlay {
-    #private;
-    constructor(props?: ConstructorProps);
-    hide(): void;
-    set loading(props: Partial<LoadingProps>);
-    changeMode(mode: Mode): void;
-    render(): void;
-    private containerStyle;
-}
-export {};

package/dist/modal.js

@@ -1,141 +0,0 @@
-import { css } from '@emotion/css';
-import { Overlay } from './overlay';
-export class Modal extends Overlay {
-    #mode;
-    #containerElement;
-    #loadingProps;
-    constructor(props = {}) {
-        super();
-        const { initialMode = 'loading' } = props;
-        this.#mode = initialMode;
-        this.#loadingProps = {
-            label: '',
-            html: '',
-            progress: null,
-        };
-        const container = document.createElement('div');
-        this.#containerElement = container;
-        container.classList.add(this.containerStyle);
-        this._root.append(container);
-        this.render();
-    }
-    hide() {
-        this.#loadingProps = {
-            label: '',
-            html: '',
-            progress: null,
-        };
-        super.hide();
-    }
-    set loading(props) {
-        this.#mode = 'loading';
-        this.#loadingProps = { ...this.#loadingProps, ...props };
-        this.render();
-    }
-    changeMode(mode) {
-        this.#mode = mode;
-        this.render();
-    }
-    render() {
-        super.render();
-        if (this.#mode === 'loading') {
-            const { label, html, progress } = this.#loadingProps;
-            this.#containerElement.innerHTML = `
-        <div class="__c">
-          <div class="__i"></div>
-          <div>${html || typeof label === 'string' ? label : label.join('<br />')}</div>
-          <div class="__p" style="width: ${progress ?? 0}%"></div>
-        </div>`;
-        }
-        else {
-        }
-    }
-    containerStyle = css `
-    .__c {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 32px;
-      padding: 32px 64px;
-      background-color: #fffc;
-      border-radius: 8px;
-      box-shadow: 0 5px 24px -6px #0002;
-      min-width: 400px;
-      max-width: 90vw;
-      min-height: 300px;
-      position: relative;
-      overflow: hidden;
-      transition: all 250ms ease;
-    }
-
-    @keyframes spin {
-      0% {
-        transform: rotate(0deg);
-        border-radius: 1em;
-      }
-      20% {
-        transform: rotate(0deg);
-      }
-      30%,
-      60% {
-        border-radius: 0.25em;
-      }
-      70% {
-        transform: rotate(180deg);
-      }
-      100% {
-        transform: rotate(180deg);
-        border-radius: 1em;
-      }
-    }
-
-    @keyframes show {
-      0% {
-        opacity: 0;
-        transform: scale(0.9);
-      }
-      100% {
-        opacity: 1;
-        transform: scale(1);
-      }
-    }
-    @keyframes hide {
-      0% {
-        opacity: 1;
-        transform: scale(1);
-      }
-      100% {
-        opacity: 0;
-        transform: scale(0.9);
-      }
-    }
-
-    .__i {
-      font-size: 48px;
-      width: 1em;
-      height: 1em;
-      position: relative;
-      border: 2px solid #2563ebaa;
-      border-radius: 1em;
-      animation-duration: 2s;
-      animation-timing-function: ease;
-      animation-delay: 0s;
-      animation-iteration-count: infinite;
-      animation-direction: normal;
-      animation-fill-mode: none;
-      animation-play-state: running;
-    }
-
-    .__p {
-      position: absolute;
-      bottom: 0px;
-      left: 0;
-      width: 0%;
-      height: 3px;
-      background-color: #2563eb;
-      transition: all 250ms ease;
-    }
-  `;
-}
-//# sourceMappingURL=modal.js.map

package/dist/modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,MAAM,OAAO,KAAM,SAAQ,OAAO;IAChC,KAAK,CAAO;IACZ,iBAAiB,CAAiB;IAClC,aAAa,CAAe;IAE5B,YAAmB,QAA0B,EAAE;QAC7C,KAAK,EAAE,CAAC;QAER,MAAM,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;QAE1C,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG;YACnB,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,IAAI;SACf,CAAC;QAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE7B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,aAAa,GAAG;YACnB,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,IAAI;SACf,CAAC;QACF,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAED,IAAW,OAAO,CAAC,KAA4B;QAC7C,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,KAAK,EAAE,CAAC;QACzD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,UAAU,CAAC,IAAU;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEQ,MAAM;QACb,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC5B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YACrD,IAAI,CAAC,iBAAiB,CAAC,SAAS,GAAG;;;iBAGxB,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;2CACtC,QAAQ,IAAI,CAAC;eACzC,CAAC;SACX;aAAM;SACN;IACH,CAAC;IAEO,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsF3B,CAAC;CACH"}