@konomi-app/ui 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konomi-app/ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "author": "adachi",

package/dist/loading-overlay_v2.d.ts

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

package/dist/loading-overlay_v2.js

@@ -1,121 +0,0 @@
-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;
-        super.hide();
-    }
-    set label(label) {
-        this.#label = label;
-        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;
-    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: 300px;
-    max-width: 90vw;
-    min-height: 200px;
-    position: relative;
-    overflow: hidden;
-
-    @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;
-      }
-    }
-  `;
-    loaderStyle = css `
-    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;
-  `;
-    progressStyle = css `
-    position: absolute;
-    bottom: 0px;
-    left: 0;
-    width: 0%;
-    height: 3px;
-    background-color: #2563eb;
-    transition: all 250ms ease;
-  `;
-}
-//# sourceMappingURL=loading-overlay_v2.js.map

package/dist/loading-overlay_v2.js.map

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