@konomi-app/ui 5.7.1 → 5.8.1

package/dist/index.d.cts

@@ -95,6 +95,7 @@ interface ShowOptions {
     type: DialogType;
     label?: string;
     description?: string;
+    html?: string;
     icon?: AlertIcon;
     progress?: number;
     allowOutsideClick?: boolean;
@@ -171,6 +172,7 @@ declare class DialogController {
     setProgress(percent: number): void;
     setLabel(label: string): void;
     setDescription(description: string): void;
+    setHtml(html: string): void;
     setQueueItems(items: TaskItemInput[]): void;
     showQueue(items: TaskItemInput[], title?: string): void;
     setTitle(title: string): void;
@@ -265,6 +267,7 @@ declare class DialogSingleton {
     setProgress(percent: number): void;
     setLabel(label: string): void;
     setDescription(description: string): void;
+    setHtml(html: string): void;
     setQueueItems(items: TaskItemInput[]): void;
     showQueue(items: TaskItemInput[], title?: string): void;
     activateQueue(key: string): void;

package/dist/index.d.ts

@@ -95,6 +95,7 @@ interface ShowOptions {
     type: DialogType;
     label?: string;
     description?: string;
+    html?: string;
     icon?: AlertIcon;
     progress?: number;
     allowOutsideClick?: boolean;
@@ -171,6 +172,7 @@ declare class DialogController {
     setProgress(percent: number): void;
     setLabel(label: string): void;
     setDescription(description: string): void;
+    setHtml(html: string): void;
     setQueueItems(items: TaskItemInput[]): void;
     showQueue(items: TaskItemInput[], title?: string): void;
     setTitle(title: string): void;
@@ -265,6 +267,7 @@ declare class DialogSingleton {
     setProgress(percent: number): void;
     setLabel(label: string): void;
     setDescription(description: string): void;
+    setHtml(html: string): void;
     setQueueItems(items: TaskItemInput[]): void;
     showQueue(items: TaskItemInput[], title?: string): void;
     activateQueue(key: string): void;

package/dist/index.js

@@ -234,6 +234,7 @@ var DialogController = class {
       dialogType: options.type,
       label: options.label ?? "",
       description: options.description ?? "",
+      html: options.html ?? "",
       icon: options.icon ?? null,
       progress: options.progress ?? null,
       allowOutsideClick: options.allowOutsideClick ?? false,
@@ -307,6 +308,9 @@ var DialogController = class {
   setDescription(description) {
     __privateMethod(this, _DialogController_instances, update_fn).call(this, { description });
   }
+  setHtml(html3) {
+    __privateMethod(this, _DialogController_instances, update_fn).call(this, { html: html3 });
+  }
   // ─── Queue ───────────────────────────────────────────────
   setQueueItems(items) {
     __privateMethod(this, _DialogController_instances, update_fn).call(this, {
@@ -669,7 +673,7 @@ updateItemStatus_fn = function(key, itemKey, status) {
 
 // src/overlay-dialog.ts
 import { LitElement, html, nothing } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { keyed } from "lit/directives/keyed.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
@@ -2074,6 +2078,7 @@ var OverlayDialog = class extends LitElement {
       case "loading":
         return html`
           ${this._renderSpinner()} ${s.label ? html`<p class="label">${s.label}</p>` : nothing}
+          ${s.html ? html`<div class="html-content">${unsafeHTML(s.html)}</div>` : nothing}
           ${s.description ? html`<p class="description">${s.description}</p>` : nothing}
         `;
       case "alert":
@@ -2161,9 +2166,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], OverlayDialog.prototype, "_isClosing", 2);
-OverlayDialog = __decorateClass([
-  customElement("overlay-dialog")
-], OverlayDialog);
+if (!customElements.get("overlay-dialog")) {
+  customElements.define("overlay-dialog", OverlayDialog);
+}
 
 // src/dialog.ts
 var _controller, _element, _DialogSingleton_instances, ensureElement_fn;
@@ -2226,6 +2231,9 @@ var DialogSingleton = class {
   setDescription(description) {
     __privateGet(this, _controller).setDescription(description);
   }
+  setHtml(html3) {
+    __privateGet(this, _controller).setHtml(html3);
+  }
   // ─── Queue ───────────────────────────────────────────────
   setQueueItems(items) {
     __privateGet(this, _controller).setQueueItems(items);
@@ -2509,7 +2517,7 @@ enforceMaxVisible_fn = function() {
 
 // src/toast/toast-container.ts
 import { LitElement as LitElement2, html as html2, nothing as nothing2 } from "lit";
-import { customElement as customElement2, property as property2, state as state2 } from "lit/decorators.js";
+import { property as property2, state as state2 } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
 
 // src/toast/styles.ts
@@ -3164,9 +3172,9 @@ __decorateClass([
 __decorateClass([
   state2()
 ], ToastContainer.prototype, "_state", 2);
-ToastContainer = __decorateClass([
-  customElement2("toast-container")
-], ToastContainer);
+if (!customElements.get("toast-container")) {
+  customElements.define("toast-container", ToastContainer);
+}
 
 // src/toast/toast.ts
 var _controller2, _element2, _ToastSingleton_instances, ensureElement_fn2;