@oicl/openbridge-webcomponents 2.0.0-next.143 → 2.0.0-next.145

package/dist/components/checkbox-list/checkbox-list.css.js

@@ -0,0 +1,23 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host {
+  display: block;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+::slotted([hidden]) {
+  display: none; /* collapsed rows leave layout; :host is display:block so [hidden] alone would not win */
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=checkbox-list.css.js.map

package/dist/components/checkbox-list/checkbox-list.css.js.map

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

package/dist/components/checkbox-list/checkbox-list.d.ts

@@ -0,0 +1,66 @@
+import { LitElement, PropertyValues } from 'lit';
+import { ObcCheckboxItemHoverStyle } from '../checkbox-item/checkbox-item.js';
+/**
+ * `<obc-checkbox-list>` – A vertical list of `<obc-checkbox-item>` rows that
+ * collapses the rows under a closed parent.
+ *
+ * ### Overview
+ * Rows are slotted flat, in document order; the tree is read from each row's
+ * `level`. When an expandable row is collapsed, the list sets `hidden` on
+ * every following row with a greater level until a row of equal or smaller
+ * level. The list also applies its `hoverStyle` to every row so a list reads
+ * as one surface.
+ *
+ * ### Features
+ * - Flat markup, level-driven hierarchy — no nesting of elements required.
+ * - Handles `expand-toggle`: sets the row's `expanded` and recomputes.
+ * - Reacts to `expandable`, `expanded` and `level` changes made from outside.
+ * - `hoverStyle` forwarded to slotted rows, including rows added later.
+ *
+ * ### Usage Guidelines
+ * - Start levels at 1 when any row is expandable so chevrons and checkboxes
+ *   align; use level 0 for a plain list.
+ * - The list owns the `hidden` attribute of its rows; do not bind it yourself.
+ * - Selection stays per row: listen to each row's `change`.
+ *
+ * ### Accessibility
+ * The host is the `role="group"`; rows are ordinary checkboxes and buttons in
+ * the natural tab order and hidden rows leave it. This is a group of
+ * checkboxes with disclosure buttons, not a tree widget, so there is no
+ * roving tabindex. Name the group with `aria-label` or `aria-labelledby` on
+ * the host.
+ *
+ * ### Example
+ * ```html
+ * <obc-checkbox-list aria-label="Report types">
+ *   <obc-checkbox-item level="1" expandable expanded status="mixed" label="Reports"></obc-checkbox-item>
+ *   <obc-checkbox-item level="2" status="checked" label="Monthly"></obc-checkbox-item>
+ *   <obc-checkbox-item level="2" label="Quarterly"></obc-checkbox-item>
+ *   <obc-checkbox-item level="1" expandable label="Archive"></obc-checkbox-item>
+ * </obc-checkbox-list>
+ * ```
+ *
+ * @property hoverStyle - Hover treatment applied to every slotted row: `touch-target` or `visual-target`.
+ * @slot - `obc-checkbox-item` rows in document order; hierarchy comes from each row's `level`.
+ * @beta
+ */
+export declare class ObcCheckboxList extends LitElement {
+    /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+    hoverStyle: ObcCheckboxItemHoverStyle;
+    private mutationObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: PropertyValues<this>): void;
+    private onExpandToggle;
+    private rows;
+    private sync;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-checkbox-list': ObcCheckboxList;
+    }
+}
+//# sourceMappingURL=checkbox-list.d.ts.map

package/dist/components/checkbox-list/checkbox-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-list.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-list/checkbox-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAmB,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAIrE,OAAO,EAEL,yBAAyB,EAE1B,MAAM,mCAAmC,CAAC;AAG3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,UAAU,EAAE,yBAAyB,CACvB;IAExC,OAAO,CAAC,gBAAgB,CAAC,CAAmB;IAEnC,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAIrD,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,IAAI;IASH,MAAM;IAMf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/checkbox-list/checkbox-list.js

@@ -0,0 +1,81 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import { customElement } from "../../decorator.js";
+import componentStyle from "./checkbox-list.css.js";
+import { ObcCheckboxItemHoverStyle, ObcCheckboxItem } from "../checkbox-item/checkbox-item.js";
+import { computeHiddenRows } from "./checkbox-list-visibility.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 ObcCheckboxList = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.hoverStyle = ObcCheckboxItemHoverStyle.touchTarget;
+    this.onExpandToggle = (event) => {
+      const row = event.target;
+      if (!(row instanceof ObcCheckboxItem)) return;
+      row.expanded = event.detail;
+      this.sync();
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.hasAttribute("role")) this.setAttribute("role", "group");
+    this.mutationObserver = new MutationObserver(() => this.sync());
+    this.mutationObserver.observe(this, {
+      childList: true,
+      attributes: true,
+      attributeFilter: ["expandable", "expanded", "level"],
+      subtree: true
+    });
+    this.addEventListener("expand-toggle", this.onExpandToggle);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.mutationObserver?.disconnect();
+    this.mutationObserver = void 0;
+    this.removeEventListener("expand-toggle", this.onExpandToggle);
+  }
+  firstUpdated() {
+    this.sync();
+  }
+  updated(changed) {
+    if (changed.has("hoverStyle")) this.sync();
+  }
+  rows() {
+    return Array.from(this.children).filter(
+      (el) => el instanceof ObcCheckboxItem
+    );
+  }
+  sync() {
+    const rows = this.rows();
+    const hidden = computeHiddenRows(rows);
+    rows.forEach((row, i) => {
+      row.hoverStyle = this.hoverStyle;
+      row.hidden = hidden[i];
+    });
+  }
+  render() {
+    return html`<div class="list">
+      <slot @slotchange=${() => this.sync()}></slot>
+    </div>`;
+  }
+};
+ObcCheckboxList.styles = unsafeCSS(componentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcCheckboxList.prototype, "hoverStyle", 2);
+ObcCheckboxList = __decorateClass([
+  customElement("obc-checkbox-list")
+], ObcCheckboxList);
+export {
+  ObcCheckboxList
+};
+//# sourceMappingURL=checkbox-list.js.map

package/dist/components/checkbox-list/checkbox-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-list.js","sources":["../../../src/components/checkbox-list/checkbox-list.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, type PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport componentStyle from './checkbox-list.css?inline';\nimport {\n  ObcCheckboxItem,\n  ObcCheckboxItemHoverStyle,\n  type ObcCheckboxItemExpandToggleEvent,\n} from '../checkbox-item/checkbox-item.js';\nimport {computeHiddenRows} from './checkbox-list-visibility.js';\n\n/**\n * `<obc-checkbox-list>` – A vertical list of `<obc-checkbox-item>` rows that\n * collapses the rows under a closed parent.\n *\n * ### Overview\n * Rows are slotted flat, in document order; the tree is read from each row's\n * `level`. When an expandable row is collapsed, the list sets `hidden` on\n * every following row with a greater level until a row of equal or smaller\n * level. The list also applies its `hoverStyle` to every row so a list reads\n * as one surface.\n *\n * ### Features\n * - Flat markup, level-driven hierarchy — no nesting of elements required.\n * - Handles `expand-toggle`: sets the row's `expanded` and recomputes.\n * - Reacts to `expandable`, `expanded` and `level` changes made from outside.\n * - `hoverStyle` forwarded to slotted rows, including rows added later.\n *\n * ### Usage Guidelines\n * - Start levels at 1 when any row is expandable so chevrons and checkboxes\n *   align; use level 0 for a plain list.\n * - The list owns the `hidden` attribute of its rows; do not bind it yourself.\n * - Selection stays per row: listen to each row's `change`.\n *\n * ### Accessibility\n * The host is the `role=\"group\"`; rows are ordinary checkboxes and buttons in\n * the natural tab order and hidden rows leave it. This is a group of\n * checkboxes with disclosure buttons, not a tree widget, so there is no\n * roving tabindex. Name the group with `aria-label` or `aria-labelledby` on\n * the host.\n *\n * ### Example\n * ```html\n * <obc-checkbox-list aria-label=\"Report types\">\n *   <obc-checkbox-item level=\"1\" expandable expanded status=\"mixed\" label=\"Reports\"></obc-checkbox-item>\n *   <obc-checkbox-item level=\"2\" status=\"checked\" label=\"Monthly\"></obc-checkbox-item>\n *   <obc-checkbox-item level=\"2\" label=\"Quarterly\"></obc-checkbox-item>\n *   <obc-checkbox-item level=\"1\" expandable label=\"Archive\"></obc-checkbox-item>\n * </obc-checkbox-list>\n * ```\n *\n * @property hoverStyle - Hover treatment applied to every slotted row: `touch-target` or `visual-target`.\n * @slot - `obc-checkbox-item` rows in document order; hierarchy comes from each row's `level`.\n * @beta\n */\n@customElement('obc-checkbox-list')\nexport class ObcCheckboxList extends LitElement {\n  @property({type: String}) hoverStyle: ObcCheckboxItemHoverStyle =\n    ObcCheckboxItemHoverStyle.touchTarget;\n\n  private mutationObserver?: MutationObserver;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // The role sits on the host so a consumer's aria-label / aria-labelledby\n    // names the group.\n    if (!this.hasAttribute('role')) this.setAttribute('role', 'group');\n    // Rows are light-DOM children owned by the consumer, so `expandable`,\n    // `expanded` and `level` can change without any event reaching the list.\n    this.mutationObserver = new MutationObserver(() => this.sync());\n    this.mutationObserver.observe(this, {\n      childList: true,\n      attributes: true,\n      attributeFilter: ['expandable', 'expanded', 'level'],\n      subtree: true,\n    });\n    this.addEventListener('expand-toggle', this.onExpandToggle);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    this.removeEventListener('expand-toggle', this.onExpandToggle);\n  }\n\n  override firstUpdated(): void {\n    this.sync();\n  }\n\n  override updated(changed: PropertyValues<this>): void {\n    if (changed.has('hoverStyle')) this.sync();\n  }\n\n  private onExpandToggle = (event: Event): void => {\n    const row = event.target;\n    if (!(row instanceof ObcCheckboxItem)) return;\n    row.expanded = (event as ObcCheckboxItemExpandToggleEvent).detail;\n    this.sync();\n  };\n\n  private rows(): ObcCheckboxItem[] {\n    return Array.from(this.children).filter(\n      (el): el is ObcCheckboxItem => el instanceof ObcCheckboxItem\n    );\n  }\n\n  private sync(): void {\n    const rows = this.rows();\n    const hidden = computeHiddenRows(rows);\n    rows.forEach((row, i) => {\n      row.hoverStyle = this.hoverStyle;\n      row.hidden = hidden[i];\n    });\n  }\n\n  override render() {\n    return html`<div class=\"list\">\n      <slot @slotchange=${() => this.sync()}></slot>\n    </div>`;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-checkbox-list': ObcCheckboxList;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwDO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,aACxB,0BAA0B;AAoC5B,SAAQ,iBAAiB,CAAC,UAAuB;AAC/C,YAAM,MAAM,MAAM;AAClB,UAAI,EAAE,eAAe,iBAAkB;AACvC,UAAI,WAAY,MAA2C;AAC3D,WAAK,KAAA;AAAA,IACP;AAAA,EAAA;AAAA,EArCS,oBAA0B;AACjC,UAAM,kBAAA;AAGN,QAAI,CAAC,KAAK,aAAa,MAAM,EAAG,MAAK,aAAa,QAAQ,OAAO;AAGjE,SAAK,mBAAmB,IAAI,iBAAiB,MAAM,KAAK,MAAM;AAC9D,SAAK,iBAAiB,QAAQ,MAAM;AAAA,MAClC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,YAAY,OAAO;AAAA,MACnD,SAAS;AAAA,IAAA,CACV;AACD,SAAK,iBAAiB,iBAAiB,KAAK,cAAc;AAAA,EAC5D;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA;AACN,SAAK,kBAAkB,WAAA;AACvB,SAAK,mBAAmB;AACxB,SAAK,oBAAoB,iBAAiB,KAAK,cAAc;AAAA,EAC/D;AAAA,EAES,eAAqB;AAC5B,SAAK,KAAA;AAAA,EACP;AAAA,EAES,QAAQ,SAAqC;AACpD,QAAI,QAAQ,IAAI,YAAY,QAAQ,KAAA;AAAA,EACtC;AAAA,EASQ,OAA0B;AAChC,WAAO,MAAM,KAAK,KAAK,QAAQ,EAAE;AAAA,MAC/B,CAAC,OAA8B,cAAc;AAAA,IAAA;AAAA,EAEjD;AAAA,EAEQ,OAAa;AACnB,UAAM,OAAO,KAAK,KAAA;AAClB,UAAM,SAAS,kBAAkB,IAAI;AACrC,SAAK,QAAQ,CAAC,KAAK,MAAM;AACvB,UAAI,aAAa,KAAK;AACtB,UAAI,SAAS,OAAO,CAAC;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EAES,SAAS;AAChB,WAAO;AAAA,0BACe,MAAM,KAAK,MAAM;AAAA;AAAA,EAEzC;AAGF;AAnEa,gBAkEK,SAAS,UAAU,cAAc;AAjEvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,cAAA,CAAA;AADf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/integration-systems/integration-app-bar/integration-app-bar.css.js

@@ -30,10 +30,21 @@ const compentStyle = css`* {
   }
 
 .wrapper .center {
-    display: flex;
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: minmax(
+      var(--obc-integration-app-bar-app-width, max-content),
+      1fr
+    );
     gap: var(--app-components-app-menu-app-button-spacing);
     justify-content: center;
   }
+
+/* Svelte wrappers add a slot container that must not become a grid item. */
+
+slot[name="apps"]::slotted(:not(obc-app-button)) {
+  display: contents;
+}
 `;
 export {
   compentStyle as default

package/dist/integration-systems/integration-app-bar/integration-app-bar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-app-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"integration-app-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/integration-systems/integration-app-bar/integration-app-bar.d.ts

@@ -1,11 +1,11 @@
 import { LitElement } from 'lit';
 /**
- * @slot apps - Application buttons; slotted elements are normalized to a uniform width
+ * @slot apps - Application buttons; every button is laid out at the width of the widest one
+ * @cssprop [--obc-integration-app-bar-app-width=max-content] - Minimum width of each app-button grid track. Tracks may grow equally to fit wider content.
  * @experimental
  */
 export declare class ObcIntegrationAppBar extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
-    private handleAppsSlotChange;
     static styles: import('lit').CSSResult;
 }
 declare global {

package/dist/integration-systems/integration-app-bar/integration-app-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-app-bar.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-app-bar/integration-app-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD;;;GAGG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IACzC,MAAM;IAYf,OAAO,CAAC,oBAAoB;IAyB5B,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}
+{"version":3,"file":"integration-app-bar.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-app-bar/integration-app-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IACzC,MAAM;IAYf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}

package/dist/integration-systems/integration-app-bar/integration-app-bar.js

@@ -15,32 +15,12 @@ let ObcIntegrationAppBar = class extends LitElement {
       <div class="wrapper">
         <div class="left-side"></div>
         <div class="center">
-          <slot name="apps" @slotchange=${this.handleAppsSlotChange}></slot>
+          <slot name="apps"></slot>
         </div>
         <div class="right-side"></div>
       </div>
     `;
   }
-  handleAppsSlotChange(event) {
-    const slot = event.target;
-    const buttons = slot.assignedElements();
-    if (buttons.length === 0) {
-      return;
-    }
-    for (const btn of buttons) {
-      btn.style.width = "";
-    }
-    requestAnimationFrame(() => {
-      const maxWidth = Math.max(
-        ...buttons.map((btn) => btn.getBoundingClientRect().width)
-      );
-      if (maxWidth > 0) {
-        for (const btn of buttons) {
-          btn.style.width = `${maxWidth}px`;
-        }
-      }
-    });
-  }
 };
 ObcIntegrationAppBar.styles = unsafeCSS(compentStyle);
 ObcIntegrationAppBar = __decorateClass([

package/dist/integration-systems/integration-app-bar/integration-app-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-app-bar.js","sources":["../../../src/integration-systems/integration-app-bar/integration-app-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-app-bar.css?inline';\n\n/**\n * @slot apps - Application buttons; slotted elements are normalized to a uniform width\n * @experimental\n */\n@customElement('obc-integration-app-bar')\nexport class ObcIntegrationAppBar extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"left-side\"></div>\n        <div class=\"center\">\n          <slot name=\"apps\" @slotchange=${this.handleAppsSlotChange}></slot>\n        </div>\n        <div class=\"right-side\"></div>\n      </div>\n    `;\n  }\n\n  private handleAppsSlotChange(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n    const buttons = slot.assignedElements() as HTMLElement[];\n\n    if (buttons.length === 0) {\n      return;\n    }\n\n    for (const btn of buttons) {\n      btn.style.width = '';\n    }\n\n    requestAnimationFrame(() => {\n      const maxWidth = Math.max(\n        ...buttons.map((btn) => btn.getBoundingClientRect().width)\n      );\n\n      if (maxWidth > 0) {\n        for (const btn of buttons) {\n          btn.style.width = `${maxWidth}px`;\n        }\n      }\n    });\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-app-bar': ObcIntegrationAppBar;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AASO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAC1C,SAAS;AAChB,WAAO;AAAA;AAAA;AAAA;AAAA,0CAI+B,KAAK,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjE;AAAA,EAEQ,qBAAqB,OAAc;AACzC,UAAM,OAAO,MAAM;AACnB,UAAM,UAAU,KAAK,iBAAA;AAErB,QAAI,QAAQ,WAAW,GAAG;AACxB;AAAA,IACF;AAEA,eAAW,OAAO,SAAS;AACzB,UAAI,MAAM,QAAQ;AAAA,IACpB;AAEA,0BAAsB,MAAM;AAC1B,YAAM,WAAW,KAAK;AAAA,QACpB,GAAG,QAAQ,IAAI,CAAC,QAAQ,IAAI,sBAAA,EAAwB,KAAK;AAAA,MAAA;AAG3D,UAAI,WAAW,GAAG;AAChB,mBAAW,OAAO,SAAS;AACzB,cAAI,MAAM,QAAQ,GAAG,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGF;AAvCa,qBAsCK,SAAS,UAAU,YAAY;AAtCpC,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}
+{"version":3,"file":"integration-app-bar.js","sources":["../../../src/integration-systems/integration-app-bar/integration-app-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-app-bar.css?inline';\n\n/**\n * @slot apps - Application buttons; every button is laid out at the width of the widest one\n * @cssprop [--obc-integration-app-bar-app-width=max-content] - Minimum width of each app-button grid track. Tracks may grow equally to fit wider content.\n * @experimental\n */\n@customElement('obc-integration-app-bar')\nexport class ObcIntegrationAppBar extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"left-side\"></div>\n        <div class=\"center\">\n          <slot name=\"apps\"></slot>\n        </div>\n        <div class=\"right-side\"></div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-app-bar': ObcIntegrationAppBar;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAC1C,SAAS;AAChB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAST;AAGF;AAda,qBAaK,SAAS,UAAU,YAAY;AAbpC,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}

package/dist/navigation-instruments/readout/readout.d.ts

@@ -171,7 +171,8 @@ export interface ReadoutSourceOptions extends ReadoutSrcOptions {
  * @property size - Density tier. Applies to the vertical direction only — the horizontal
  *   arrangement exists in the large tier alone (Figma 6.1: it relies on the
  *   label+unit stack aligning with the L-size value caps), so `size` is
- *   ignored when `direction` is `horizontal`.
+ *   ignored when `direction` is `horizontal`; a horizontal readout given any
+ *   other `size` logs a console warning once per element.
  * @availableWhen size direction==vertical
  * @availableWhen stacking direction==vertical
  * @availableWhen alignment direction==vertical && stacking==stacked
@@ -257,7 +258,7 @@ export declare class ObcReadout extends LitElement {
     /** Available when `hasAdvice==true`. */
     advice?: number;
     /**
-     * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`.
+     * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`; a horizontal readout given any other `size` logs a console warning once per element.
      *
      * Available when `direction==vertical`.
      */
@@ -306,6 +307,7 @@ export declare class ObcReadout extends LitElement {
     private deferredSetpointHidePhase;
     private deferredSetpointHideTimer?;
     private hasCompletedFirstUpdate;
+    private hasWarnedHorizontalSize;
     private sourcePickerContentVisible;
     private sourcePickerOptions;
     private sourcePickerSlot?;
@@ -488,6 +490,13 @@ export declare class ObcReadout extends LitElement {
      */
     private renderHorizontalLayout;
     protected willUpdate(changed: Map<string, unknown>): void;
+    /**
+     * A horizontal readout discards any `size` but `large` (see `resolvedSize`).
+     * A silent discard is indistinguishable from a bug to a consumer, so each
+     * offending element says so once and logs itself for locating (#1182).
+     * A removed `size` attribute arrives as `null` and counts as unset.
+     */
+    private warnHorizontalSizeIgnored;
     updated(changed: Map<string, unknown>): void;
     private clearDeferredSetpointHide;
     disconnectedCallback(): void;

package/dist/navigation-instruments/readout/readout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readout.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout/readout.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"readout.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/readout/readout.ts"],"names":[],"mappings":"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"}

package/dist/navigation-instruments/readout/readout.js

@@ -71,6 +71,7 @@ let ObcReadout = class extends LitElement {
     this.showDebugOverlay = false;
     this.deferredSetpointHidePhase = ReadoutBlockHidePhase.none;
     this.hasCompletedFirstUpdate = false;
+    this.hasWarnedHorizontalSize = false;
     this.sourcePickerContentVisible = false;
     this.sourcePickerOptions = [];
     this.onWindowPointerDown = (event) => {
@@ -820,6 +821,23 @@ let ObcReadout = class extends LitElement {
     super.willUpdate(changed);
     assertReadoutValueType("obc-readout", this.value, this.valueType);
     assertReadoutFractionDigits("obc-readout", this.fractionDigits);
+    this.warnHorizontalSizeIgnored();
+  }
+  /**
+   * A horizontal readout discards any `size` but `large` (see `resolvedSize`).
+   * A silent discard is indistinguishable from a bug to a consumer, so each
+   * offending element says so once and logs itself for locating (#1182).
+   * A removed `size` attribute arrives as `null` and counts as unset.
+   */
+  warnHorizontalSizeIgnored() {
+    if (this.hasWarnedHorizontalSize || !this.isHorizontal || !this.size || this.size === ReadoutSize.large) {
+      return;
+    }
+    this.hasWarnedHorizontalSize = true;
+    console.warn(
+      `[obc-readout] size="${this.size}" is ignored when direction="horizontal": the horizontal arrangement exists in the large tier only. Remove the size, or use direction="vertical" for the small / medium tiers.`,
+      this
+    );
   }
   updated(changed) {
     super.updated(changed);