@konomi-app/ui 2.2.4 → 3.0.0

package/dist/overlay/index.d.ts

@@ -1,17 +0,0 @@
-export declare const ATTRIBUTE_KEY = "data-konomi-ui-overlay";
-export declare const ATTRIBUTE_SHOWN = "data-shown";
-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;
-    /** @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。 */
-    start(): void;
-    /** @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。 */
-    stop(): void;
-}

package/dist/overlay/index.js

@@ -1,47 +0,0 @@
-import { getBodyStyle, getRootStyle } from './style';
-export const ATTRIBUTE_KEY = 'data-konomi-ui-overlay';
-export const ATTRIBUTE_SHOWN = 'data-shown';
-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(getRootStyle());
-        document.body.classList.add(getBodyStyle());
-        this._root.setAttribute(ATTRIBUTE_KEY, '');
-        document.body.append(root);
-    }
-    show() {
-        this._shown = true;
-        this._root.setAttribute(ATTRIBUTE_SHOWN, '');
-        document.body.setAttribute(ATTRIBUTE_KEY, '');
-        window.addEventListener('beforeunload', this.beforeunload);
-        this.render();
-    }
-    hide() {
-        this._shown = false;
-        this._root.removeAttribute(ATTRIBUTE_SHOWN);
-        document.body.removeAttribute(ATTRIBUTE_KEY);
-        window.removeEventListener('beforeunload', this.beforeunload);
-        this.render();
-    }
-    render() { }
-    /** JavaScript中にページを離れようとした場合にアラートを表示します */
-    beforeunload(event) {
-        event.preventDefault();
-        event.returnValue = '';
-    }
-    /** @deprecated このメソッドは非推奨です。代わりに`show`メソッドを使用してください。 */
-    start() {
-        this.show();
-    }
-    /** @deprecated このメソッドは非推奨です。代わりに`hide`メソッドを使用してください。 */
-    stop() {
-        this.hide();
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/overlay/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,wBAAwB,CAAC;AACtD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAE5C,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,YAAY,EAAE,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC3C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAC7C,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC5C,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC7C,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAES,MAAM,KAAU,CAAC;IAE3B,2CAA2C;IACnC,YAAY,CAAC,KAAwB;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,wDAAwD;IACjD,KAAK;QACV,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IACD,wDAAwD;IACjD,IAAI;QACT,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;CACF"}

package/dist/overlay/style.d.ts

@@ -1,2 +0,0 @@
-export declare const getBodyStyle: () => string;
-export declare const getRootStyle: () => string;

package/dist/overlay/style.js

@@ -1,44 +0,0 @@
-import { css } from '@emotion/css';
-import { ATTRIBUTE_KEY, ATTRIBUTE_SHOWN } from '.';
-export const getBodyStyle = () => css `
-  overflow: visible;
-  &[${ATTRIBUTE_KEY}] {
-    overflow: hidden;
-  }
-`;
-export const getRootStyle = () => css `
-  font-family: 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', 'Hiragino Kaku Gothic ProN',
-    Meiryo, sans-serif;
-  color: #356;
-  font-size: 14px;
-
-  overflow: hidden;
-  background-color: #fffb;
-  backdrop-filter: blur(4px);
-  box-sizing: content-box;
-
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100vh;
-
-  display: grid;
-  transition: all 250ms ease;
-  z-index: 1000;
-  opacity: 0;
-  transition: all 250ms ease;
-
-  place-items: end stretch;
-  @media (min-width: 640px) {
-    font-size: 16px;
-    place-items: center;
-  }
-
-  opacity: 0;
-  pointer-events: none;
-  &[${ATTRIBUTE_SHOWN}] {
-    opacity: 1;
-    pointer-events: all;
-  }
-`;
-//# sourceMappingURL=style.js.map

package/dist/overlay/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/overlay/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAA;;MAE/B,aAAa;;;CAGlB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8B/B,eAAe;;;;CAIpB,CAAC"}

package/dist/task-list-overlay.d.ts

@@ -1,34 +0,0 @@
-import { Overlay } from './overlay';
-type Label = string | string[];
-type TaskStatus = 'new' | 'in-progress' | 'done' | 'error';
-type Task = {
-    key: string;
-    label: Label;
-    status: TaskStatus;
-};
-type ConstructorProps = Readonly<Partial<{
-    taskList: Task[];
-}>>;
-export declare class TaskListOverlay extends Overlay {
-    #private;
-    protected readonly _contentElement: HTMLDivElement;
-    constructor(props?: ConstructorProps);
-    hide(): void;
-    done(key: string): void;
-    error(key: string): void;
-    inProgress(key: string): void;
-    addTask(...tasks: {
-        key: string;
-        label: Label;
-    }[]): void;
-    render(): void;
-    private renderTask;
-    private getTaskStatusElement;
-    private containerStyle;
-    private contentStyle;
-    private taskListContainerStyle;
-    private taskContainerStyle;
-    private taskLabelStyle;
-    private taskStatusStyle;
-}
-export {};

package/dist/task-list-overlay.js

@@ -1,177 +0,0 @@
-import { css } from '@emotion/css';
-import { Overlay } from './overlay';
-export class TaskListOverlay extends Overlay {
-    #taskList;
-    _contentElement;
-    constructor(props = {}) {
-        super();
-        this.#taskList = props.taskList ?? [];
-        const container = document.createElement('div');
-        container.classList.add(this.containerStyle);
-        this._root.append(container);
-        const contentElement = document.createElement('div');
-        this._contentElement = contentElement;
-        contentElement.classList.add(this.contentStyle);
-        container.append(contentElement);
-        this.render();
-    }
-    hide() {
-        this.#taskList = [];
-        super.hide();
-    }
-    done(key) {
-        const task = this.#taskList.find((t) => t.key === key);
-        if (task) {
-            task.status = 'done';
-            this.render();
-        }
-    }
-    error(key) {
-        const task = this.#taskList.find((t) => t.key === key);
-        if (task) {
-            task.status = 'error';
-            this.render();
-        }
-    }
-    inProgress(key) {
-        const task = this.#taskList.find((t) => t.key === key);
-        if (task) {
-            task.status = 'in-progress';
-            this.render();
-        }
-    }
-    addTask(...tasks) {
-        this.#taskList.push(...tasks.map(({ key, label }) => ({ key, label, status: 'new' })));
-        this.render();
-    }
-    render() {
-        super.render();
-        this._contentElement.innerHTML = `
-      <div class="${this.taskListContainerStyle}">
-        ${this.#taskList.map((task) => this.renderTask(task)).join('')}
-      </div>
-    `;
-    }
-    renderTask(task) {
-        const label = Array.isArray(task.label) ? task.label.join(' ') : task.label;
-        const status = task.status;
-        return `
-      <div class="${this.taskContainerStyle}">
-        <div class="${this.taskStatusStyle} status-${status}">${this.getTaskStatusElement(task.status)}</div>
-        <div class="${this.taskLabelStyle}">${label}</div>
-      </div>
-    `;
-    }
-    getTaskStatusElement(status) {
-        switch (status) {
-            case 'new':
-                return `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="#ddd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg>`;
-            case 'in-progress':
-                return `<div><div></div></div>`;
-            case 'done':
-                return `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="#80beaf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`;
-            default:
-                return ``;
-        }
-    }
-    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;
-    width: 300px;
-    max-width: 90vw;
-    min-height: 200px;
-    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;
-      }
-    }
-  `;
-    contentStyle = css `
-    width: 100%;
-  `;
-    taskListContainerStyle = css `
-    display: flex;
-    flex-direction: column;
-    gap: 1em;
-    width: 100%;
-  `;
-    taskContainerStyle = css `
-    display: flex;
-    align-items: center;
-    gap: 1em;
-  `;
-    taskLabelStyle = css ``;
-    taskStatusStyle = css `
-    font-size: 32px;
-    width: 1em;
-    height: 1em;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    &.status-new {
-    }
-
-    &.status-in-progress {
-      border-radius: 50%;
-      box-shadow: inset 0 0 0 1px #3b82f633;
-      position: relative;
-      animation: rotate 1.2s infinite linear;
-      > 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);
-
-        > 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);
-        }
-      }
-    }
-  `;
-}
-//# sourceMappingURL=task-list-overlay.js.map

package/dist/task-list-overlay.js.map

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