@ai-ecoverse/slicc-spectrum 1.17.0 → 1.19.0

package/dist/types/app/confirm.d.ts

@@ -0,0 +1,32 @@
+import '@adobe/spectrum-wc/components/button/swc-button.js';
+import '@spectrum-web-components/alert-dialog/sp-alert-dialog.js';
+import { LitElement, type TemplateResult } from 'lit';
+export type ConfirmVariant = 'destructive' | 'confirmation';
+export interface ConfirmOptions {
+    title: string;
+    body: string;
+    action: string;
+    variant?: ConfirmVariant;
+    trigger?: HTMLElement | null;
+}
+export declare class SliccConfirm extends LitElement {
+    #private;
+    static properties: {
+        heading: {};
+        body: {};
+        action: {};
+        variant: {};
+    };
+    heading: string;
+    body: string;
+    action: string;
+    variant: ConfirmVariant;
+    trigger: HTMLElement | null;
+    constructor();
+    static styles: import("lit").CSSResult;
+    get result(): Promise<boolean>;
+    protected firstUpdated(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+export declare function confirm(options: ConfirmOptions): Promise<boolean>;

package/dist/types/app/sprinkle-tokens.d.ts

@@ -0,0 +1,5 @@
+export declare function declarations(...sheets: string[]): Map<string, string>;
+export declare function closure(found: Map<string, string>, source: string): Map<string, string>;
+export declare function branch(value: string, side: 0 | 1): string;
+export declare function frameTokens(found: Map<string, string>): string;
+export declare const sprinkleTokens: string;

package/dist/types/app/sprinkle.d.ts

@@ -1,9 +1,9 @@
-import { type TemplateResult } from 'lit';
+import { type PropertyValues, type TemplateResult } from 'lit';
 import type { SliccModel } from '../model/types.js';
-import { ThemedElement } from './base.js';
+import { type Color, ThemedElement } from './base.js';
 import { type FontFile } from './fonts.js';
-export declare const bridge = "(() => {\n  const post = (message) => parent.postMessage(message, '*');\n  window.slicc = {\n    name: document.currentScript.dataset.name,\n    lick(event) {\n      const value = typeof event === 'string' ? { action: event } : event || {};\n      post({ type: 'slicc-lick', action: String(value.action || ''), data: value.data ?? null, target: value.target ?? null });\n    },\n  };\n  const wanted = new Set();\n  let timer = 0;\n  window.LucideIcons = {\n    render() {\n      for (const node of document.querySelectorAll('i[data-lucide]')) wanted.add(node.dataset.lucide);\n      clearTimeout(timer);\n      timer = setTimeout(() => post({ type: 'slicc-icons', names: [...wanted] }));\n    },\n  };\n  const swap = (found) => {\n    for (const node of document.querySelectorAll('i[data-lucide]')) {\n      const markup = found[node.dataset.lucide];\n      if (!markup) continue;\n      const template = document.createElement('template');\n      template.innerHTML = markup;\n      const svg = template.content.firstElementChild;\n      for (const { name, value } of node.attributes) {\n        if (name === 'class') svg.setAttribute('class', svg.getAttribute('class') + ' ' + value);\n        else if (name !== 'data-lucide') svg.setAttribute(name, value);\n      }\n      node.replaceWith(svg);\n    }\n  };\n  const fonts = (list) => {\n    for (const font of list) {\n      const face = new FontFace(font.family, font.data, { weight: String(font.weight) });\n      document.fonts.add(face);\n      face.load().catch(() => {});\n    }\n  };\n  addEventListener('message', (event) => {\n    if (event.source !== parent) return;\n    const message = event.data || {};\n    if (message.type === 'slicc-icons') swap(message.icons);\n    if (message.type === 'slicc-fonts') fonts(message.fonts);\n  });\n  const size = () => {\n    const style = getComputedStyle(document.body);\n    post({ type: 'slicc-size', height: Math.ceil(document.body.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom)) });\n  };\n  document.addEventListener('DOMContentLoaded', () => {\n    window.LucideIcons.render();\n    new ResizeObserver(size).observe(document.body);\n  });\n  post({ type: 'slicc-ready' });\n})();";
-export declare function frameDocument(source: string, color: 'light' | 'dark', name: string): string;
+export declare const bridge = "(() => {\n  const post = (message) => parent.postMessage(message, '*');\n  window.slicc = {\n    name: document.currentScript.dataset.name,\n    lick(event) {\n      const value = typeof event === 'string' ? { action: event } : event || {};\n      post({ type: 'slicc-lick', action: String(value.action || ''), data: value.data ?? null, target: value.target ?? null });\n    },\n  };\n  const wanted = new Set();\n  let timer = 0;\n  window.LucideIcons = {\n    render() {\n      for (const node of document.querySelectorAll('i[data-lucide]')) wanted.add(node.dataset.lucide);\n      clearTimeout(timer);\n      timer = setTimeout(() => post({ type: 'slicc-icons', names: [...wanted] }));\n    },\n  };\n  const swap = (found) => {\n    for (const node of document.querySelectorAll('i[data-lucide]')) {\n      const markup = found[node.dataset.lucide];\n      if (!markup) continue;\n      const template = document.createElement('template');\n      template.innerHTML = markup;\n      const svg = template.content.firstElementChild;\n      for (const { name, value } of node.attributes) {\n        if (name === 'class') svg.setAttribute('class', svg.getAttribute('class') + ' ' + value);\n        else if (name !== 'data-lucide') svg.setAttribute(name, value);\n      }\n      node.replaceWith(svg);\n    }\n  };\n  const fonts = (list) => {\n    for (const font of list) {\n      const face = new FontFace(font.family, font.data, { weight: String(font.weight) });\n      document.fonts.add(face);\n      face.load().catch(() => {});\n    }\n  };\n  addEventListener('message', (event) => {\n    if (event.source !== parent) return;\n    const message = event.data || {};\n    if (message.type === 'slicc-icons') swap(message.icons);\n    if (message.type === 'slicc-fonts') fonts(message.fonts);\n    if (message.type === 'slicc-theme') document.documentElement.classList.toggle('theme-light', message.color === 'light');\n  });\n  const size = () => {\n    const style = getComputedStyle(document.body);\n    post({ type: 'slicc-size', height: Math.ceil(document.body.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom)) });\n  };\n  document.addEventListener('DOMContentLoaded', () => {\n    window.LucideIcons.render();\n    new ResizeObserver(size).observe(document.body);\n  });\n  post({ type: 'slicc-ready' });\n})();";
+export declare function frameDocument(source: string, color: Color, name: string): string;
 export declare function fontData(url: string): Promise<ArrayBuffer | null>;
 export declare function frameFonts(files: readonly FontFile[], base: string): Promise<Array<{
     family: string;
@@ -31,5 +31,6 @@ export declare class SliccSprinkle extends ThemedElement {
     constructor();
     static styles: import("lit").CSSResult;
     protected subscribe(model: SliccModel): Array<() => void>;
+    protected updated(changed: PropertyValues): void;
     render(): TemplateResult;
 }

package/dist/types/ui.d.ts

@@ -5,6 +5,7 @@ import { SliccBrowser } from './app/browser.js';
 import { SliccChanges, SliccDiffPanel } from './app/changes.js';
 import { SliccChat } from './app/chat.js';
 import { SliccComposer } from './app/composer.js';
+import { SliccConfirm } from './app/confirm.js';
 import { SliccFiles, SliccFileView } from './app/files.js';
 import { SliccUpdates } from './app/updates.js';
 import { SliccCodeView, SliccDiffView } from './components/code-view.js';
@@ -12,6 +13,8 @@ import { SliccDock } from './components/dock.js';
 import { SliccFileTree } from './components/file-tree.js';
 export type { Color } from './app/base.js';
 export { resolveColor } from './app/base.js';
+export type { ConfirmOptions, ConfirmVariant } from './app/confirm.js';
+export { confirm } from './app/confirm.js';
 export type { GrammarKind } from './app/grammars.js';
 export { grammarBase, setGrammarBase } from './app/grammars.js';
 export type { Placement, Surface } from './app/panels.js';
@@ -22,5 +25,5 @@ export type { GitStatusEntry } from './components/file-tree.js';
 export type { Listener, Subscribable } from './model/emitter.js';
 export { Emitter } from './model/emitter.js';
 export type * from './model/types.js';
-export { SliccAgents, SliccApp, SliccBrowser, SliccChanges, SliccChat, SliccCodeView, SliccComposer, SliccDiffPanel, SliccDiffView, SliccDock, SliccFiles, SliccFileTree, SliccFileView, SliccUpdates, };
+export { SliccAgents, SliccApp, SliccBrowser, SliccChanges, SliccChat, SliccCodeView, SliccComposer, SliccConfirm, SliccDiffPanel, SliccDiffView, SliccDock, SliccFiles, SliccFileTree, SliccFileView, SliccUpdates, };
 export declare function define(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.17.0",
+  "version": "1.19.0",
   "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",
@@ -84,6 +84,7 @@
     "@spectrum-web-components/action-button": "1.12.4",
     "@spectrum-web-components/action-group": "1.12.4",
     "@spectrum-web-components/action-menu": "1.12.4",
+    "@spectrum-web-components/alert-dialog": "1.12.4",
     "@spectrum-web-components/badge": "1.12.4",
     "@spectrum-web-components/button": "1.12.4",
     "@spectrum-web-components/menu": "1.12.4",