@ai-ecoverse/slicc-spectrum 1.18.0 → 1.20.0

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

@@ -1,3 +1,5 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc/components/action-group/swc-action-group.js';
 import { type TemplateResult } from 'lit';
 import type { SliccModel } from '../model/types.js';
 import { ModelElement, ThemedElement } from './base.js';

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

@@ -1,3 +1,5 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc/components/button/swc-button.js';
 import { type TemplateResult } from 'lit';
 import type { GitStatusEntry } from '../components/file-tree.js';
 import type { Change, FileEntry, SliccModel } from '../model/types.js';
@@ -15,6 +17,12 @@ export declare const letters: {
     readonly modified: 'M';
     readonly deleted: 'D';
 };
+export declare const statusLabels: {
+    readonly added: 'Added';
+    readonly modified: 'Modified';
+    readonly deleted: 'Deleted';
+};
+export declare function statusMark(status: Change['status'], announce?: boolean): TemplateResult;
 export declare class SliccFiles extends ModelElement {
     #private;
     static properties: {

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

@@ -1,3 +1,5 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc/components/badge/swc-badge.js';
 import { type TemplateResult } from 'lit';
 import type { SliccModel } from '../model/types.js';
 import { ModelElement } from './base.js';

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

@@ -1,8 +1,13 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc/components/badge/swc-badge.js';
+import '@adobe/spectrum-wc/components/button/swc-button.js';
+import '@adobe/spectrum-wc-icons/swc-icon-delete.js';
 import { type TemplateResult } from 'lit';
 import type { Memory, MemoryTag, SliccModel } from '../model/types.js';
 import { ModelElement } from './base.js';
 export type TagFilter = MemoryTag | 'all' | 'untagged';
 export declare function visible(memories: readonly Memory[], scope: string, tag: TagFilter, query: string): Memory[];
+export declare const tagLabels: Record<MemoryTag, string>;
 export declare function sections(memories: readonly Memory[]): Array<[string, Memory[]]>;
 export declare class SliccMemory extends ModelElement {
     #private;

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

@@ -1,8 +1,19 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc/components/badge/swc-badge.js';
+import '@adobe/spectrum-wc/components/meter/swc-meter.js';
+import '@adobe/spectrum-wc-icons/swc-icon-alert-triangle.js';
+import '@adobe/spectrum-wc-icons/swc-icon-alert-diamond.js';
 import { type TemplateResult } from 'lit';
 import type { MonitorSection, MonitorStatus, SliccModel } from '../model/types.js';
 import { ModelElement } from './base.js';
 export declare function sparkline(points: readonly number[], width?: number, height?: number): string;
 export declare function health(section: MonitorSection): MonitorStatus;
+export declare function meterVariant(ratio: number): 'informative' | 'notice' | 'negative';
+export declare const surfaces: Record<string, string>;
+export declare function attention(section: MonitorSection): {
+    variant: 'negative' | 'notice';
+    text: string;
+} | null;
 export declare class SliccMonitor extends ModelElement {
     #private;
     static styles: import("lit").CSSResult[];

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.18.0",
+  "version": "1.20.0",
   "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",