@konomi-app/ui 5.3.2 → 5.4.1

package/dist/index.d.cts

@@ -157,12 +157,12 @@ interface DialogState {
     stepFormSubmitText: string;
 }
 
-type Listener = (state: DialogState) => void;
+type Listener$1 = (state: DialogState) => void;
 declare class DialogController {
     #private;
     constructor();
     get state(): Readonly<DialogState>;
-    subscribe(fn: Listener): () => void;
+    subscribe(fn: Listener$1): () => void;
     show(options?: ShowOptions): void;
     hide(): void;
     alert(optionsOrLabel: string | AlertOptions): Promise<DialogResult>;
@@ -284,4 +284,108 @@ declare class DialogSingleton {
 }
 declare const dialog: DialogSingleton;
 
-export { type AlertIcon, type AlertOptions, type ConfirmOptions, DialogController, type DialogResult, type DialogState, type DialogType, type FormFieldGroup, type FormFieldMeta, type FormInputType, type FormLayout, type FormOptions, OverlayDialog, type QueueItem, type QueueItemStatus, type ShowOptions, type StepFormItem, type StepFormOptions, type StepFormStepInput, type StepItem, type StepItemStatus, type TaskItemInput, dialog };
+type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastItem {
+    /** show() が返す一意な ID。dismiss(id) で使用 */
+    id: string;
+    /** アイコン・色を決定するビジュアルタイプ */
+    type: ToastType;
+    /** 主メッセージ */
+    message: string;
+    /** 補足説明 (省略可) */
+    description: string;
+    /** アクションボタン (省略可) */
+    action: ToastAction | null;
+    /** 自動非表示までの時間 (ms)。0 = 自動非表示なし */
+    duration: number;
+    /** 残り時間 (ms)。pause/resume で更新される */
+    remainingMs: number;
+    /** hover などで一時停止中かどうか */
+    paused: boolean;
+    /** 退出アニメーション再生中かどうか */
+    dismissing: boolean;
+}
+interface ToastOptions {
+    type?: ToastType;
+    message: string;
+    description?: string;
+    action?: ToastAction;
+    /** 表示時間 (ms)。省略時は defaultDuration。0 = 永続表示 */
+    duration?: number;
+}
+interface ToastConfig {
+    position: ToastPosition;
+    maxVisible: number;
+    defaultDuration: number;
+}
+interface ToastState {
+    items: ToastItem[];
+    position: ToastPosition;
+    maxVisible: number;
+    defaultDuration: number;
+}
+
+type Listener = (state: ToastState) => void;
+declare class ToastController {
+    #private;
+    constructor();
+    get state(): Readonly<ToastState>;
+    subscribe(fn: Listener): () => void;
+    configure(config: Partial<ToastConfig>): void;
+    show(options: ToastOptions): string;
+    success(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    error(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    warning(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    info(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    loading(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    dismiss(id: string): void;
+    dismissAll(): void;
+    update(id: string, patch: Partial<Pick<ToastItem, 'message' | 'description' | 'type' | 'action'>> & {
+        /** duration を変更する場合に指定。loading→非loading 遷移時は省略で defaultDuration を自動適用 */
+        duration?: number;
+    }): void;
+    pauseTimer(id: string): void;
+    resumeTimer(id: string): void;
+}
+
+declare class ToastContainer extends LitElement {
+    static styles: lit.CSSResult;
+    controller: ToastController;
+    private _state;
+    private _unsubscribe?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _renderIcon;
+    private _renderToast;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'toast-container': ToastContainer;
+    }
+}
+
+declare class ToastSingleton {
+    #private;
+    configure(config: Partial<ToastConfig>): void;
+    show(options: ToastOptions): string;
+    success(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    error(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    warning(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    info(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    loading(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    dismiss(id: string): void;
+    dismissAll(): void;
+    update(id: string, patch: Partial<Pick<ToastItem, 'message' | 'description' | 'type' | 'action'>> & {
+        duration?: number;
+    }): void;
+    get controller(): ToastController;
+}
+declare const toast: ToastSingleton;
+
+export { type AlertIcon, type AlertOptions, type ConfirmOptions, DialogController, type DialogResult, type DialogState, type DialogType, type FormFieldGroup, type FormFieldMeta, type FormInputType, type FormLayout, type FormOptions, OverlayDialog, type QueueItem, type QueueItemStatus, type ShowOptions, type StepFormItem, type StepFormOptions, type StepFormStepInput, type StepItem, type StepItemStatus, type TaskItemInput, type ToastAction, type ToastConfig, ToastContainer, ToastController, type ToastItem, type ToastOptions, type ToastPosition, type ToastState, type ToastType, dialog, toast };

package/dist/index.d.ts

@@ -157,12 +157,12 @@ interface DialogState {
     stepFormSubmitText: string;
 }
 
-type Listener = (state: DialogState) => void;
+type Listener$1 = (state: DialogState) => void;
 declare class DialogController {
     #private;
     constructor();
     get state(): Readonly<DialogState>;
-    subscribe(fn: Listener): () => void;
+    subscribe(fn: Listener$1): () => void;
     show(options?: ShowOptions): void;
     hide(): void;
     alert(optionsOrLabel: string | AlertOptions): Promise<DialogResult>;
@@ -284,4 +284,108 @@ declare class DialogSingleton {
 }
 declare const dialog: DialogSingleton;
 
-export { type AlertIcon, type AlertOptions, type ConfirmOptions, DialogController, type DialogResult, type DialogState, type DialogType, type FormFieldGroup, type FormFieldMeta, type FormInputType, type FormLayout, type FormOptions, OverlayDialog, type QueueItem, type QueueItemStatus, type ShowOptions, type StepFormItem, type StepFormOptions, type StepFormStepInput, type StepItem, type StepItemStatus, type TaskItemInput, dialog };
+type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastItem {
+    /** show() が返す一意な ID。dismiss(id) で使用 */
+    id: string;
+    /** アイコン・色を決定するビジュアルタイプ */
+    type: ToastType;
+    /** 主メッセージ */
+    message: string;
+    /** 補足説明 (省略可) */
+    description: string;
+    /** アクションボタン (省略可) */
+    action: ToastAction | null;
+    /** 自動非表示までの時間 (ms)。0 = 自動非表示なし */
+    duration: number;
+    /** 残り時間 (ms)。pause/resume で更新される */
+    remainingMs: number;
+    /** hover などで一時停止中かどうか */
+    paused: boolean;
+    /** 退出アニメーション再生中かどうか */
+    dismissing: boolean;
+}
+interface ToastOptions {
+    type?: ToastType;
+    message: string;
+    description?: string;
+    action?: ToastAction;
+    /** 表示時間 (ms)。省略時は defaultDuration。0 = 永続表示 */
+    duration?: number;
+}
+interface ToastConfig {
+    position: ToastPosition;
+    maxVisible: number;
+    defaultDuration: number;
+}
+interface ToastState {
+    items: ToastItem[];
+    position: ToastPosition;
+    maxVisible: number;
+    defaultDuration: number;
+}
+
+type Listener = (state: ToastState) => void;
+declare class ToastController {
+    #private;
+    constructor();
+    get state(): Readonly<ToastState>;
+    subscribe(fn: Listener): () => void;
+    configure(config: Partial<ToastConfig>): void;
+    show(options: ToastOptions): string;
+    success(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    error(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    warning(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    info(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    loading(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    dismiss(id: string): void;
+    dismissAll(): void;
+    update(id: string, patch: Partial<Pick<ToastItem, 'message' | 'description' | 'type' | 'action'>> & {
+        /** duration を変更する場合に指定。loading→非loading 遷移時は省略で defaultDuration を自動適用 */
+        duration?: number;
+    }): void;
+    pauseTimer(id: string): void;
+    resumeTimer(id: string): void;
+}
+
+declare class ToastContainer extends LitElement {
+    static styles: lit.CSSResult;
+    controller: ToastController;
+    private _state;
+    private _unsubscribe?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _renderIcon;
+    private _renderToast;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'toast-container': ToastContainer;
+    }
+}
+
+declare class ToastSingleton {
+    #private;
+    configure(config: Partial<ToastConfig>): void;
+    show(options: ToastOptions): string;
+    success(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    error(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    warning(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    info(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    loading(message: string, options?: Omit<ToastOptions, 'type' | 'message'>): string;
+    dismiss(id: string): void;
+    dismissAll(): void;
+    update(id: string, patch: Partial<Pick<ToastItem, 'message' | 'description' | 'type' | 'action'>> & {
+        duration?: number;
+    }): void;
+    get controller(): ToastController;
+}
+declare const toast: ToastSingleton;
+
+export { type AlertIcon, type AlertOptions, type ConfirmOptions, DialogController, type DialogResult, type DialogState, type DialogType, type FormFieldGroup, type FormFieldMeta, type FormInputType, type FormLayout, type FormOptions, OverlayDialog, type QueueItem, type QueueItemStatus, type ShowOptions, type StepFormItem, type StepFormOptions, type StepFormStepInput, type StepItem, type StepItemStatus, type TaskItemInput, type ToastAction, type ToastConfig, ToastContainer, ToastController, type ToastItem, type ToastOptions, type ToastPosition, type ToastState, type ToastType, dialog, toast };