@fusedashlabs/widgets 0.4.4 → 0.5.0

package/dist/components/multi-select/element/ui9000-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-multi-select.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/element/ui9000-multi-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CA6BhB;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/multi-select/element/ui9000-multi-select.js

@@ -0,0 +1,77 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseLabelledField } from "../../../lib/labelled-control.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000MultiSelect = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.name = "";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, {
+      label: this.label,
+      name: this.name,
+      value: this.value
+    });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    const selected = new Set(field.value.split(",").map((s) => s.trim()).filter(Boolean));
+    const options = field.options.length ? field.options : [...selected];
+    return html`
+      <div class="root">
+        <label for=${field.name}>${field.label}</label>
+        <select
+          class="field"
+          id=${field.name}
+          name=${field.name}
+          multiple
+          @change=${(e) => {
+      const el = e.target;
+      this.value = [...el.selectedOptions].map((o) => o.value).join(",");
+    }}
+        >
+          ${options.map(
+      (opt) => html`<option value=${opt} ?selected=${selected.has(opt)}>${opt}</option>`
+    )}
+        </select>
+      </div>
+    `;
+  }
+};
+Ui9000MultiSelect.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000MultiSelect.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000MultiSelect.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000MultiSelect.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000MultiSelect.prototype, "value", 2);
+Ui9000MultiSelect = __decorateClass([
+  customElement("ui9000-multi-select")
+], Ui9000MultiSelect);
+function registerMultiSelect() {
+  if (!customElements.get("ui9000-multi-select")) {
+    customElements.define("ui9000-multi-select", Ui9000MultiSelect);
+  }
+}
+export {
+  Ui9000MultiSelect,
+  registerMultiSelect
+};
+//# sourceMappingURL=ui9000-multi-select.js.map

package/dist/components/multi-select/element/ui9000-multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-multi-select.js","sources":["../../../../src/components/multi-select/element/ui9000-multi-select.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-multi-select')\nexport class Ui9000MultiSelect extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, attribute: false }) value?: string;\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, {\n      label: this.label,\n      name: this.name,\n      value: this.value,\n    });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    const selected = new Set(field.value.split(',').map((s) => s.trim()).filter(Boolean));\n    const options = field.options.length ? field.options : [...selected];\n    return html`\n      <div class=\"root\">\n        <label for=${field.name}>${field.label}</label>\n        <select\n          class=\"field\"\n          id=${field.name}\n          name=${field.name}\n          multiple\n          @change=${(e: Event) => {\n            const el = e.target as HTMLSelectElement;\n            this.value = [...el.selectedOptions].map((o) => o.value).join(',');\n          }}\n        >\n          ${options.map(\n            (opt) => html`<option value=${opt} ?selected=${selected.has(opt)}>${opt}</option>`,\n          )}\n        </select>\n      </div>\n    `;\n  }\n}\n\nexport function registerMultiSelect(): void {\n  if (!customElements.get('ui9000-multi-select')) {\n    customElements.define('ui9000-multi-select', Ui9000MultiSelect);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-multi-select': Ui9000MultiSelect;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACR,SAAA,OAAO;AAAA,EAAA;AAAA,EAG1B,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,IAAA,CACb;AACD,QAAI,CAAC,MAAO,QAAO;AACnB,UAAM,WAAW,IAAI,IAAI,MAAM,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO,CAAC;AACpF,UAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,UAAU,CAAC,GAAG,QAAQ;AACnE,WAAO;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,eAG/B,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA;AAAA,oBAEP,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,WAAK,QAAQ,CAAC,GAAG,GAAG,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG;AAAA,IACnE,CAAC;AAAA;AAAA,YAEC,QAAQ;AAAA,MACR,CAAC,QAAQ,qBAAqB,GAAG,cAAc,SAAS,IAAI,GAAG,CAAC,IAAI,GAAG;AAAA,IAAA,CACxE;AAAA;AAAA;AAAA;AAAA,EAIT;AACF;AArCa,kBACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,kBAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,kBAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,kBAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,kBAMmC,WAAA,SAAA,CAAA;AANnC,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;AAuCN,SAAS,sBAA4B;AAC1C,MAAI,CAAC,eAAe,IAAI,qBAAqB,GAAG;AAC9C,mBAAe,OAAO,uBAAuB,iBAAiB;AAAA,EAChE;AACF;"}

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1,3 @@
+export { Ui9000MultiSelect, registerMultiSelect } from './element/ui9000-multi-select.js';
+export { default as multiSelectMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/multi-select/index.js

@@ -0,0 +1,9 @@
+import { registerMultiSelect } from "./element/ui9000-multi-select.js";
+import { Ui9000MultiSelect } from "./element/ui9000-multi-select.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000MultiSelect,
+  default2 as multiSelectMetadata,
+  registerMultiSelect
+};
+//# sourceMappingURL=index.js.map

package/dist/components/multi-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/multi-select/metadata.json.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "multi-select",
+  "tag": "ui9000-multi-select",
+  "title": "Multi-select",
+  "description": "Multi-select control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/multi-select",
+  "entry": "@ui9000/widgets/multi-select",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "value",
+      "required": false,
+      "description": "Control value."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.allControlsLabelled && profile.controlCount >= 1",
+      "reason": "Form controls are eligible when every control has a label."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.allControlsLabelled",
+      "reason": "Unlabelled control is refused."
+    },
+    {
+      "when": "profile.controlCount === 0",
+      "reason": "No controls to render."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "label",
+    "keyboard": [
+      "Tab into the labelled control"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "multi-select-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "multi-select-rejects-unlabelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": false,
+        "controlCount": 1
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "Unlabelled"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "value": {}
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/multi-select/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "multi-select";
+const tag = "ui9000-multi-select";
+const title = "Multi-select";
+const description = "Multi-select control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/multi-select";
+const entry = "@ui9000/widgets/multi-select";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["resize"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "value", "required": false, "description": "Control value." }];
+const eligibility = [{ "when": "profile.allControlsLabelled && profile.controlCount >= 1", "reason": "Form controls are eligible when every control has a label." }];
+const disqualify = [{ "when": "!profile.allControlsLabelled", "reason": "Unlabelled control is refused." }, { "when": "profile.controlCount === 0", "reason": "No controls to render." }];
+const accessibility = { "nameFrom": "label", "keyboard": ["Tab into the labelled control"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "multi-select-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "multi-select-rejects-unlabelled", "intent": "form", "profile": { "allControlsLabelled": false, "controlCount": 1 }, "expect": "disqualified", "reasonIncludes": "Unlabelled" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "label": { "type": "string" }, "name": { "type": "string" }, "value": {} } } }, "required": ["data"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  dataRoles,
+  metadata as default,
+  description,
+  disqualify,
+  eligibility,
+  entry,
+  evalCases,
+  id,
+  intents,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/multi-select/metadata.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/network-graph/metadata.json.d.ts

@@ -6,14 +6,65 @@ declare const _default: {
   "chartTypeKeys": ["networkGraphChart"],
   "source": "client/libs/shared/components/src/Widgets/NetworkGraph/",
   "stack": "d3",
-  "lazyImport": "@fusedashlabs/widgets/lazy/network-graph",
-  "entry": "@fusedashlabs/widgets/network-graph",
+  "lazyImport": "@ui9000/widgets/lazy/network-graph",
+  "entry": "@ui9000/widgets/network-graph",
   "usageConditions": {
     "host": "mcp-chat",
     "notFor": "fusedash-editor",
     "mapsExcluded": true
   },
   "allowedActions": ["hover", "select", "drag", "zoom", "filter", "resize"],
+  "tier": "engine",
+  "intents": ["graph"],
+  "dataRoles": [
+    {
+      "id": "nodes",
+      "required": true,
+      "description": "Entities in the graph (hosts, users, assets)."
+    },
+    {
+      "id": "links",
+      "required": true,
+      "description": "Relationships between nodes."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasNodes && profile.hasLinks",
+      "reason": "Network graph shows entities and the edges between them."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.hasNodes || !profile.hasLinks",
+      "reason": "Without both nodes and links the graph is empty; use table or entity-detail."
+    },
+    {
+      "when": "profile.hasGeo && !profile.hasNodes",
+      "reason": "Spatial-only data belongs on map-chart."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "title",
+    "keyboard": ["Tab into graph", "filter legend"],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "network-picks-nodes-links",
+      "intent": "graph",
+      "profile": { "hasNodes": true, "hasLinks": true },
+      "expect": "eligible",
+      "reasonIncludes": "edges"
+    },
+    {
+      "id": "network-rejects-missing-links",
+      "intent": "graph",
+      "profile": { "hasNodes": true, "hasLinks": false },
+      "expect": "disqualified",
+      "reasonIncludes": "table"
+    }
+  ],
   "propsSchema": {
     "$schema": "https://json-schema.org/draft/2020-12/schema",
     "type": "object",

package/dist/components/network-graph/metadata.json.js

@@ -5,10 +5,17 @@ const description = "Chat-optimized FuseDash NetworkGraph rewritten in D3 (d3-fo
 const chartTypeKeys = ["networkGraphChart"];
 const source = "client/libs/shared/components/src/Widgets/NetworkGraph/";
 const stack = "d3";
-const lazyImport = "@fusedashlabs/widgets/lazy/network-graph";
-const entry = "@fusedashlabs/widgets/network-graph";
+const lazyImport = "@ui9000/widgets/lazy/network-graph";
+const entry = "@ui9000/widgets/network-graph";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["hover", "select", "drag", "zoom", "filter", "resize"];
+const tier = "engine";
+const intents = ["graph"];
+const dataRoles = [{ "id": "nodes", "required": true, "description": "Entities in the graph (hosts, users, assets)." }, { "id": "links", "required": true, "description": "Relationships between nodes." }];
+const eligibility = [{ "when": "profile.hasNodes && profile.hasLinks", "reason": "Network graph shows entities and the edges between them." }];
+const disqualify = [{ "when": "!profile.hasNodes || !profile.hasLinks", "reason": "Without both nodes and links the graph is empty; use table or entity-detail." }, { "when": "profile.hasGeo && !profile.hasNodes", "reason": "Spatial-only data belongs on map-chart." }];
+const accessibility = { "nameFrom": "title", "keyboard": ["Tab into graph", "filter legend"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "network-picks-nodes-links", "intent": "graph", "profile": { "hasNodes": true, "hasLinks": true }, "expect": "eligible", "reasonIncludes": "edges" }, { "id": "network-rejects-missing-links", "intent": "graph", "profile": { "hasNodes": true, "hasLinks": false }, "expect": "disqualified", "reasonIncludes": "table" }];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "object", "description": "FuseDash WidgetItem-shaped payload — the graph lives in data[0].", "required": ["data"], "properties": { "name": { "type": "string" }, "data": { "type": "array", "items": { "type": "object", "properties": { "nodes": { "type": "array", "items": { "$ref": "#/$defs/node" } }, "links": { "type": "array", "items": { "$ref": "#/$defs/link" } } } } } } }, { "type": "object", "description": "Graph payload from chat.", "properties": { "nodes": { "type": "array", "items": { "$ref": "#/$defs/node" } }, "links": { "type": "array", "items": { "$ref": "#/$defs/link" } } } }, { "type": "array", "description": "Links only — node ids are derived from the endpoints.", "items": { "$ref": "#/$defs/link" } }] }, "chart-title": { "type": "string" }, "show-header": { "type": "boolean", "default": true }, "show-legend": { "type": "boolean", "default": true }, "show-tooltip": { "type": "boolean", "default": true } }, "required": ["data"], "$defs": { "node": { "type": "object", "required": ["id"], "properties": { "id": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number", "description": "Drives the size bucket." }, "type": { "type": "string", "description": "Category key → node colour." }, "color": { "type": "string" }, "img": { "type": "string", "description": "Avatar URL clipped to the node circle." } } }, "link": { "type": "object", "required": ["source", "target"], "properties": { "id": { "type": "string" }, "source": { "type": "string" }, "target": { "type": "string" }, "value": { "type": "number" }, "type": { "type": "string", "enum": ["primary", "neutral", "secondary"] } } } } };
 const networkGraphMeta = {
   id,
@@ -22,20 +29,34 @@ const networkGraphMeta = {
   entry,
   usageConditions,
   allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
   propsSchema
 };
 export {
+  accessibility,
   allowedActions,
   chartTypeKeys,
+  dataRoles,
   networkGraphMeta as default,
   description,
+  disqualify,
+  eligibility,
   entry,
+  evalCases,
   id,
+  intents,
   lazyImport,
   propsSchema,
   source,
   stack,
   tag,
+  tier,
   title,
   usageConditions
 };

package/dist/components/network-graph/metadata.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"metadata.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/number-input/element/ui9000-number-input.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class Ui9000NumberInput extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    name: string;
+    value?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerNumberInput(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-number-input': Ui9000NumberInput;
+    }
+}
+//# sourceMappingURL=ui9000-number-input.d.ts.map

package/dist/components/number-input/element/ui9000-number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-number-input.d.ts","sourceRoot":"","sources":["../../../../src/components/number-input/element/ui9000-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CAuBhB;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/number-input/element/ui9000-number-input.js

@@ -0,0 +1,71 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseLabelledField } from "../../../lib/labelled-control.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000NumberInput = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.name = "";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, {
+      label: this.label,
+      name: this.name,
+      value: this.value
+    });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    return html`
+      <div class="root">
+        <label for=${field.name}>${field.label}</label>
+        <input
+          class="field"
+          id=${field.name}
+          name=${field.name}
+          type="number"
+          .value=${field.value}
+          @input=${(e) => {
+      this.value = e.target.value;
+    }}
+        />
+      </div>
+    `;
+  }
+};
+Ui9000NumberInput.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000NumberInput.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000NumberInput.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000NumberInput.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000NumberInput.prototype, "value", 2);
+Ui9000NumberInput = __decorateClass([
+  customElement("ui9000-number-input")
+], Ui9000NumberInput);
+function registerNumberInput() {
+  if (!customElements.get("ui9000-number-input")) {
+    customElements.define("ui9000-number-input", Ui9000NumberInput);
+  }
+}
+export {
+  Ui9000NumberInput,
+  registerNumberInput
+};
+//# sourceMappingURL=ui9000-number-input.js.map

package/dist/components/number-input/element/ui9000-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-number-input.js","sources":["../../../../src/components/number-input/element/ui9000-number-input.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-number-input')\nexport class Ui9000NumberInput extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, attribute: false }) value?: string;\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, {\n      label: this.label,\n      name: this.name,\n      value: this.value,\n    });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    return html`\n      <div class=\"root\">\n        <label for=${field.name}>${field.label}</label>\n        <input\n          class=\"field\"\n          id=${field.name}\n          name=${field.name}\n          type=\"number\"\n          .value=${field.value}\n          @input=${(e: Event) => {\n            this.value = (e.target as HTMLInputElement).value;\n          }}\n        />\n      </div>\n    `;\n  }\n}\n\nexport function registerNumberInput(): void {\n  if (!customElements.get('ui9000-number-input')) {\n    customElements.define('ui9000-number-input', Ui9000NumberInput);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-number-input': Ui9000NumberInput;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACR,SAAA,OAAO;AAAA,EAAA;AAAA,EAG1B,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,IAAA,CACb;AACD,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,eAG/B,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA;AAAA,mBAER,MAAM,KAAK;AAAA,mBACX,CAAC,MAAa;AACrB,WAAK,QAAS,EAAE,OAA4B;AAAA,IAC9C,CAAC;AAAA;AAAA;AAAA;AAAA,EAIT;AACF;AA/Ba,kBACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,kBAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,kBAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,kBAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,kBAMmC,WAAA,SAAA,CAAA;AANnC,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;AAiCN,SAAS,sBAA4B;AAC1C,MAAI,CAAC,eAAe,IAAI,qBAAqB,GAAG;AAC9C,mBAAe,OAAO,uBAAuB,iBAAiB;AAAA,EAChE;AACF;"}

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,3 @@
+export { Ui9000NumberInput, registerNumberInput } from './element/ui9000-number-input.js';
+export { default as numberInputMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/number-input/index.js

@@ -0,0 +1,9 @@
+import { registerNumberInput } from "./element/ui9000-number-input.js";
+import { Ui9000NumberInput } from "./element/ui9000-number-input.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000NumberInput,
+  default2 as numberInputMetadata,
+  registerNumberInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/number-input/metadata.json.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "number-input",
+  "tag": "ui9000-number-input",
+  "title": "Number input",
+  "description": "Number input control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/number-input",
+  "entry": "@ui9000/widgets/number-input",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "value",
+      "required": false,
+      "description": "Control value."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.allControlsLabelled && profile.controlCount >= 1",
+      "reason": "Form controls are eligible when every control has a label."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.allControlsLabelled",
+      "reason": "Unlabelled control is refused."
+    },
+    {
+      "when": "profile.controlCount === 0",
+      "reason": "No controls to render."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "label",
+    "keyboard": [
+      "Tab into the labelled control"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "number-input-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "number-input-rejects-unlabelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": false,
+        "controlCount": 1
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "Unlabelled"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "value": {}
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;