npm - @oicl/openbridge-webcomponents - Versions diffs - 2.0.0-next.148 → 2.0.0-next.149 - Mend

@oicl/openbridge-webcomponents 2.0.0-next.148 → 2.0.0-next.149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/custom-elements.json CHANGED Viewed

@@ -64492,6 +64492,16 @@
               "default": "true",
               "description": "If false, and cornerLeft or cornerRight is true, the divider is not shown."
             },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary.",
+              "attribute": "aria-label"
+            },
             {
               "kind": "field",
               "name": "progressSpinner",
@@ -64584,6 +64594,15 @@
               "default": "false",
               "description": "If true, displays a label below the icon using the `label` slot.",
               "fieldName": "hasLabel"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary.",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -85750,7 +85769,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "`<obc-integration-bar-dropdown>` – A compact top-level integration header with a dropdown selector, status fields and system action buttons.",
           "name": "ObcIntegrationBarDropdown",
           "slots": [
             {
@@ -85794,6 +85813,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Home button at the left end of the bar.",
               "attribute": "showHomeButton"
             },
             {
@@ -85803,7 +85823,38 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "homeButtonActivated"
+              "description": "Pressed styling for the home button.\n\nAvailable when `showHomeButton==true`.",
+              "attribute": "homeButtonActivated",
+              "availableWhen": "showHomeButton==true",
+              "availableWhenIf": {
+                "arg": "showHomeButton",
+                "truthy": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showLinkButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Link button, between home and the selector.",
+              "attribute": "showLinkButton"
+            },
+            {
+              "kind": "field",
+              "name": "linkButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the link button.\n\nAvailable when `showLinkButton==true`.",
+              "attribute": "linkButtonActivated",
+              "availableWhen": "showLinkButton==true",
+              "availableWhenIf": {
+                "arg": "showLinkButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85812,8 +85863,34 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Renders the `clock` slot at the right end.",
               "attribute": "showClock"
             },
+            {
+              "kind": "field",
+              "name": "showAlertButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Alert button, first in the right-hand group.",
+              "attribute": "showAlertButton"
+            },
+            {
+              "kind": "field",
+              "name": "alertButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the alert button.\n\nAvailable when `showAlertButton==true`.",
+              "attribute": "alertButtonActivated",
+              "availableWhen": "showAlertButton==true",
+              "availableWhenIf": {
+                "arg": "showAlertButton",
+                "truthy": true
+              }
+            },
             {
               "kind": "field",
               "name": "showNotificationButton",
@@ -85821,6 +85898,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Notification button, after the alert button.",
               "attribute": "showNotificationButton"
             },
             {
@@ -85830,7 +85908,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "notificationButtonActivated"
+              "description": "Pressed styling; the count badge only appears in this state.\n\nAvailable when `showNotificationButton==true`.",
+              "attribute": "notificationButtonActivated",
+              "availableWhen": "showNotificationButton==true",
+              "availableWhenIf": {
+                "arg": "showNotificationButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85839,7 +85923,9 @@
                 "text": "number"
               },
               "default": "0",
-              "attribute": "notificationCount"
+              "description": "Number drawn in the count badge.\n\nAvailable when `showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true`.",
+              "attribute": "notificationCount",
+              "availableWhen": "showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true"
             },
             {
               "kind": "field",
@@ -85848,7 +85934,34 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "showNotificationCount"
+              "description": "Draws the count badge on the notification button.\n\nAvailable when `showNotificationButton==true && notificationButtonActivated==true`.",
+              "attribute": "showNotificationCount",
+              "availableWhen": "showNotificationButton==true && notificationButtonActivated==true"
+            },
+            {
+              "kind": "field",
+              "name": "showScreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Screen button, after the notification button.",
+              "attribute": "showScreenButton"
+            },
+            {
+              "kind": "field",
+              "name": "screenButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the screen button.\n\nAvailable when `showScreenButton==true`.",
+              "attribute": "screenButtonActivated",
+              "availableWhen": "showScreenButton==true",
+              "availableWhenIf": {
+                "arg": "showScreenButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85857,6 +85970,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "User button, last before the clock.",
               "attribute": "showUserButton"
             },
             {
@@ -85866,7 +85980,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "userButtonActivated"
+              "description": "Pressed styling for the user button.\n\nAvailable when `showUserButton==true`.",
+              "attribute": "userButtonActivated",
+              "availableWhen": "showUserButton==true",
+              "availableWhenIf": {
+                "arg": "showUserButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85875,6 +85995,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Dimming button, between system and user.",
               "attribute": "showDimmingButton"
             },
             {
@@ -85884,7 +86005,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "dimmingButtonActivated"
+              "description": "Pressed styling for the dimming button.\n\nAvailable when `showDimmingButton==true`.",
+              "attribute": "dimmingButtonActivated",
+              "availableWhen": "showDimmingButton==true",
+              "availableWhenIf": {
+                "arg": "showDimmingButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85893,6 +86020,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "System button, after the screen button.",
               "attribute": "showSystemButton"
             },
             {
@@ -85902,7 +86030,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "systemButtonActivated"
+              "description": "Pressed styling for the system button.\n\nAvailable when `showSystemButton==true`.",
+              "attribute": "systemButtonActivated",
+              "availableWhen": "showSystemButton==true",
+              "availableWhenIf": {
+                "arg": "showSystemButton",
+                "truthy": true
+              }
             },
             {
               "kind": "field",
@@ -85911,12 +86045,50 @@
                 "text": "number"
               },
               "default": "0",
+              "description": "How many `status-icon-N`/`status-label-N` slot pairs are rendered.",
               "attribute": "nStatusFields"
             },
             {
               "kind": "method",
               "name": "renderStatusFields",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderIconButton",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "activated",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "label",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "icon",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                },
+                {
+                  "name": "onClick",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ]
             }
           ],
           "events": [
@@ -85927,6 +86099,20 @@
               },
               "description": "Fired when the home button is clicked"
             },
+            {
+              "name": "link-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the link button is clicked"
+            },
+            {
+              "name": "alert-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the alert button is clicked"
+            },
             {
               "name": "notification-button-clicked",
               "type": {
@@ -85934,6 +86120,13 @@
               },
               "description": "Fired when the notification button is clicked"
             },
+            {
+              "name": "screen-button-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the screen button is clicked"
+            },
             {
               "name": "system-button-clicked",
               "type": {
@@ -85963,6 +86156,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Home button at the left end of the bar.",
               "fieldName": "showHomeButton"
             },
             {
@@ -85971,22 +86165,61 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Pressed styling for the home button.\n\nAvailable when `showHomeButton==true`.",
               "fieldName": "homeButtonActivated"
             },
+            {
+              "name": "showLinkButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Link button, between home and the selector.",
+              "fieldName": "showLinkButton"
+            },
+            {
+              "name": "linkButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the link button.\n\nAvailable when `showLinkButton==true`.",
+              "fieldName": "linkButtonActivated"
+            },
             {
               "name": "showClock",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Renders the `clock` slot at the right end.",
               "fieldName": "showClock"
             },
+            {
+              "name": "showAlertButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Alert button, first in the right-hand group.",
+              "fieldName": "showAlertButton"
+            },
+            {
+              "name": "alertButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the alert button.\n\nAvailable when `showAlertButton==true`.",
+              "fieldName": "alertButtonActivated"
+            },
             {
               "name": "showNotificationButton",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Notification button, after the alert button.",
               "fieldName": "showNotificationButton"
             },
             {
@@ -85995,6 +86228,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Pressed styling; the count badge only appears in this state.\n\nAvailable when `showNotificationButton==true`.",
               "fieldName": "notificationButtonActivated"
             },
             {
@@ -86003,6 +86237,7 @@
                 "text": "number"
               },
               "default": "0",
+              "description": "Number drawn in the count badge.\n\nAvailable when `showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true`.",
               "fieldName": "notificationCount"
             },
             {
@@ -86011,14 +86246,34 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Draws the count badge on the notification button.\n\nAvailable when `showNotificationButton==true && notificationButtonActivated==true`.",
               "fieldName": "showNotificationCount"
             },
+            {
+              "name": "showScreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Screen button, after the notification button.",
+              "fieldName": "showScreenButton"
+            },
+            {
+              "name": "screenButtonActivated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pressed styling for the screen button.\n\nAvailable when `showScreenButton==true`.",
+              "fieldName": "screenButtonActivated"
+            },
             {
               "name": "showUserButton",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "User button, last before the clock.",
               "fieldName": "showUserButton"
             },
             {
@@ -86027,6 +86282,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Pressed styling for the user button.\n\nAvailable when `showUserButton==true`.",
               "fieldName": "userButtonActivated"
             },
             {
@@ -86035,6 +86291,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Dimming button, between system and user.",
               "fieldName": "showDimmingButton"
             },
             {
@@ -86043,6 +86300,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Pressed styling for the dimming button.\n\nAvailable when `showDimmingButton==true`.",
               "fieldName": "dimmingButtonActivated"
             },
             {
@@ -86051,6 +86309,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "System button, after the screen button.",
               "fieldName": "showSystemButton"
             },
             {
@@ -86059,6 +86318,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Pressed styling for the system button.\n\nAvailable when `showSystemButton==true`.",
               "fieldName": "systemButtonActivated"
             },
             {
@@ -86067,6 +86327,7 @@
                 "text": "number"
               },
               "default": "0",
+              "description": "How many `status-icon-N`/`status-label-N` slot pairs are rendered.",
               "fieldName": "nStatusFields"
             }
           ],

package/dist/components/icon-button/icon-button.d.ts CHANGED Viewed

@@ -89,6 +89,7 @@ export declare enum IconButtonVariant {
  *   If undefined, no progress indicator is shown.
  * @property hasLabel - If true, displays a label below the icon using the `label` slot.
  * @property showDivider - If false, and cornerLeft or cornerRight is true, the divider is not shown.
+ * @property ariaLabel - Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary.
  * @slot - Icon slot (default): Place an icon such as <obi-search> here.
  * @slot label - Optional label shown below the icon when `hasLabel` is true.
  * @fires click - Fired when the button is clicked (if not disabled).
@@ -120,6 +121,8 @@ export declare class ObcIconButton extends LitElement {
     hasLabel: boolean;
     /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
     showDivider: boolean;
+    /** Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+    ariaLabel: string | null;
     get progressSpinner(): import('lit-html').TemplateResult<1> | typeof nothing;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

package/dist/components/icon-button/icon-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;~~AAOzD~~;;;;;;GAMG;AACH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,WAAW,gBAAgB;CAC5B;AAED~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG~~;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C;;;;;OAKG;IACuB,OAAO,EAAE,iBAAiB,CACzB;IAEA,SAAS,UAAS;IAElB,UAAU,UAAS;IAEnB,WAAW,UAAS;IAEpB,WAAW,UAAS;IAEpB,IAAI,UAAS;IAEb,QAAQ,UAAS;IAElB,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAa;IAExC,QAAQ,EAAE,OAAO,CAAS;IAER,WAAW,UAAQ;~~IAEhE~~,IAAI,eAAe,0DAoDlB;IAEQ,MAAM;~~IAiCf~~,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
1	+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAQzD;;;;;;GAMG;AACH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,WAAW,gBAAgB;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C;;;;;OAKG;IACuB,OAAO,EAAE,iBAAiB,CACzB;IAEA,SAAS,UAAS;IAElB,UAAU,UAAS;IAEnB,WAAW,UAAS;IAEpB,WAAW,UAAS;IAEpB,IAAI,UAAS;IAEb,QAAQ,UAAS;IAElB,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAa;IAExC,QAAQ,EAAE,OAAO,CAAS;IAER,WAAW,UAAQ;IAIvD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC,IAAI,eAAe,0DAoDlB;IAEQ,MAAM;IAkCf,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/icon-button/icon-button.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { unsafeCSS, LitElement, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import iconStyle from "./icon-button.css.js";
 import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { customElement } from "../../decorator.js";
 import { degToRad } from "../../svghelpers/math.js";
 var __defProp = Object.defineProperty;
@@ -34,6 +35,7 @@ let ObcIconButton = class extends LitElement {
     this.progress = void 0;
     this.hasLabel = false;
     this.showDivider = true;
+    this.ariaLabel = null;
   }
   get progressSpinner() {
     if (this.progress === void 0) {
@@ -104,6 +106,7 @@ let ObcIconButton = class extends LitElement {
       "hide-divider": !this.showDivider
     })}
         ?disabled=${this.disabled}
+        aria-label=${ifDefined(this.ariaLabel ?? void 0)}
         part="wrapper"
       >
         ${this.progress !== void 0 ? this.progressSpinner : nothing}
@@ -150,6 +153,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: false })
 ], ObcIconButton.prototype, "showDivider", 2);
+__decorateClass([
+  property({ type: String, attribute: "aria-label" })
+], ObcIconButton.prototype, "ariaLabel", 2);
 ObcIconButton = __decorateClass([
   customElement("obc-icon-button")
 ], ObcIconButton);

package/dist/components/icon-button/icon-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport iconStyle from './icon-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport {degToRad} from '../../svghelpers/math.js';\n\n/*\n The available visual variants for `<obc-icon-button>`.\n * - `normal`: Standard appearance for most use cases.\n * - `raised`: Adds elevation/shadow for prominence.\n * - `flat`: Minimal, backgroundless style for subtle actions.\n * - `integration`: For use in Integration Bar components\n /\nexport enum IconButtonVariant {\n normal = 'normal',\n raised = 'raised',\n flat = 'flat',\n integration = 'integration',\n}\n\n/\n `<obc-icon-button>` – An icon-only or icon-with-label button for quick actions.\n \n Provides a compact, visually prominent button that displays an icon (and optionally a label) for triggering actions. Commonly used for toolbars, navigation, or contextual actions where space is limited and a recognizable icon can represent the function.\n \n Appears as a circular or rounded button with configurable visual styles, supporting progress indication and various layout adaptations.\n \n ## Features\n * - Variants:\n * - `normal` (default): Standard appearance for most use cases.\n * - `raised`: Adds elevation/shadow for prominence.\n * - `flat`: Minimal, backgroundless style for subtle actions.\n * - `integration`: For use in Integration Bar components\n * - Progress Indicator:\n * - Shows a circular progress spinner overlay when the `progress` property is set (0–100). Useful for indicating loading or ongoing actions.\n * - Label Support:\n * - Optionally displays a text label below the icon when `hasLabel` is true and content is provided in the `label` slot.\n * - Corner Alignment:\n * - `cornerLeft` and `cornerRight` adjust the button's border radius and alignment for seamless placement at the start or end of a container.\n * - Active State:\n * - `activated` visually highlights the button as selected or toggled.\n * - `activeColor` applies an accent color for emphasis.\n * - Wide Mode:\n * - `wide` increases the button's width for easier touch targets or visual balance.\n * - Disabled State:\n * - `disabled` prevents interaction and visually dims the button.\n \n ## Usage Guidelines\n * - Use `obc-icon-button` for actions represented by icons, such as toolbars, navigation, or quick-access commands.\n * - Add a label (with `hasLabel` and the `label` slot) when clarity is needed or when icons alone may not be universally understood.\n * - Use the progress indicator for actions that take time, such as uploads or background processes.\n * - Prefer the `normal` variant for most cases; use `raised` to draw attention, and `flat` for less prominent or inline actions.\n * - For grouped or edge-aligned layouts, use `cornerLeft` or `cornerRight` to visually merge with container edges.\n * - Avoid using icon buttons for destructive or critical actions unless paired with clear feedback.\n * - TODO(designer): Clarify recommended icon sizes and when to use label vs. icon-only.\n \n ## Slots\n * \| Slot Name \| Renders When... \| Purpose \|\n * \|-----------\|---------------------\|----------------------------------------------\|\n * \| (default) \| Always \| The icon to display (e.g., `<obi-search>`) \|\n * \| label \| If `hasLabel` is set \| Optional label text below the icon \|\n \n ## Events\n * - Emits a standard `click` event (`onClick` handler in framework wrappers) when activated.\n \n ## Best Practices\n * - Ensure icons are clear and universally recognizable.\n * - For accessibility, provide an `aria-label` or descriptive label for the button's action.\n * - When using the progress indicator, avoid showing it for very short actions to prevent visual flicker.\n \n ## Example:\n * ```\n * <obc-icon-button variant=\"normal\">\n * <obi-search></obi-search>\n * </obc-icon-button>\n \n <obc-icon-button variant=\"normal\" hasLabel>\n * <obi-arrow></obi-arrow>\n * <span slot=\"label\">Next</span>\n * </obc-icon-button>\n * ```\n \n @property activated - Whether the button is in an activated (selected/toggled) state.\n * Visually highlights the button to indicate selection.\n * @property cornerLeft - If true, aligns the button to the left edge and removes left border radius.\n * Useful for grouping or edge-aligned layouts.\n * @property cornerRight - If true, aligns the button to the right edge and removes right border radius.\n * Useful for grouping or edge-aligned layouts.\n * @property activeColor - Applies an accent color to the button for emphasis.\n * Used to visually distinguish active or important actions.\n * @property wide - Increases the button's width for larger touch targets or visual balance.\n * @property disabled - Disables the button, preventing user interaction and dimming its appearance.\n * @property progress - Shows a circular progress indicator overlay when set (0–100).\n * Use to indicate ongoing actions or loading states.\n * If undefined, no progress indicator is shown.\n * @property hasLabel - If true, displays a label below the icon using the `label` slot.\n * @property showDivider - If false, and cornerLeft or cornerRight is true, the divider is not shown.\n * @slot - Icon slot (default): Place an icon such as <obi-search> here.\n * @slot label - Optional label shown below the icon when `hasLabel` is true.\n * @fires click - Fired when the button is clicked (if not disabled).\n * @stable\n /\n@customElement('obc-icon-button')\nexport class ObcIconButton extends LitElement {\n /\n Visual style of the button.\n * - `normal`: Standard appearance (default).\n * - `raised`: Elevated with shadow.\n * - `flat`: Minimal, backgroundless style.\n /\n @property({type: String}) variant: IconButtonVariant =\n IconButtonVariant.normal;\n\n @property({type: Boolean}) activated = false;\n\n @property({type: Boolean}) cornerLeft = false;\n\n @property({type: Boolean}) cornerRight = false;\n\n @property({type: Boolean}) activeColor = false;\n\n @property({type: Boolean}) wide = false;\n\n @property({type: Boolean}) disabled = false;\n\n @property({type: Number}) progress: undefined \| number = undefined;\n\n @property({type: Boolean}) hasLabel: boolean = false;\n\n @property({type: Boolean, attribute: false}) showDivider = true;\n\n get progressSpinner() {\n if (this.progress === undefined) {\n return nothing;\n }\n if (this.progress === 100) {\n return html`<div class=\"progress-spinner\">\n <svg\n width=\"40\"\n height=\"40\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"20\"\n cy=\"20\"\n r=\"18\"\n stroke=\"#325B9A\"\n stroke-width=\"4\"\n fill=\"none\"\n />\n </svg>\n </div>`;\n }\n const angleRad = degToRad(this.progress 0.95 * 3.6);\n const x = 20 + 18 * Math.sin(angleRad);\n const y = 20 - 18 * Math.cos(angleRad);\n const largeArcFlag = angleRad > Math.PI ? 1 : 0;\n return html`<div class=\"progress-spinner\">\n <svg\n width=\"40\"\n height=\"40\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"20\"\n cy=\"20\"\n r=\"18\"\n stroke=\"var(--container-backdrop-color)\"\n stroke-width=\"4\"\n fill=\"none\"\n />\n <path\n d=\"M18 2 A18 18 0 ${largeArcFlag} 1 ${x} ${y}\"\n stroke=\"var(--instrument-enhanced-secondary-color)\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>`;\n }\n\n override render() {\n return html`\n <button\n class=${classMap({\n wrapper: true,\n ['variant-' + this.variant]: true,\n activated: this.activated,\n 'corner-left': this.cornerLeft,\n 'corner-right': this.cornerRight,\n 'active-color': this.activeColor,\n 'has-label': this.hasLabel,\n wide: this.wide,\n progress: this.progress !== undefined,\n 'hide-divider': !this.showDivider,\n })}\n ?disabled=${this.disabled}\n part=\"wrapper\"\n >\n ${this.progress !== undefined ? this.progressSpinner : nothing}\n <div class=\"visible-wrapper\" part=\"visible-wrapper\">\n <div class=\"icon\" part=\"icon\">\n <slot></slot>\n </div>\n </div>\n ${this.hasLabel\n ? html`<div class=\"label\" part=\"label\">\n <slot name=\"label\"></slot>\n </div>`\n : nothing}\n </button>\n `;\n }\n\n static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-icon-button': ObcIconButton;\n }\n}\n"],"names":["IconButtonVariant"],"mappings":"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"}
1	+ {"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport iconStyle from './icon-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement} from '../../decorator.js';\nimport {degToRad} from '../../svghelpers/math.js';\n\n/*\n The available visual variants for `<obc-icon-button>`.\n * - `normal`: Standard appearance for most use cases.\n * - `raised`: Adds elevation/shadow for prominence.\n * - `flat`: Minimal, backgroundless style for subtle actions.\n * - `integration`: For use in Integration Bar components\n /\nexport enum IconButtonVariant {\n normal = 'normal',\n raised = 'raised',\n flat = 'flat',\n integration = 'integration',\n}\n\n/\n `<obc-icon-button>` – An icon-only or icon-with-label button for quick actions.\n \n Provides a compact, visually prominent button that displays an icon (and optionally a label) for triggering actions. Commonly used for toolbars, navigation, or contextual actions where space is limited and a recognizable icon can represent the function.\n \n Appears as a circular or rounded button with configurable visual styles, supporting progress indication and various layout adaptations.\n \n ## Features\n * - Variants:\n * - `normal` (default): Standard appearance for most use cases.\n * - `raised`: Adds elevation/shadow for prominence.\n * - `flat`: Minimal, backgroundless style for subtle actions.\n * - `integration`: For use in Integration Bar components\n * - Progress Indicator:\n * - Shows a circular progress spinner overlay when the `progress` property is set (0–100). Useful for indicating loading or ongoing actions.\n * - Label Support:\n * - Optionally displays a text label below the icon when `hasLabel` is true and content is provided in the `label` slot.\n * - Corner Alignment:\n * - `cornerLeft` and `cornerRight` adjust the button's border radius and alignment for seamless placement at the start or end of a container.\n * - Active State:\n * - `activated` visually highlights the button as selected or toggled.\n * - `activeColor` applies an accent color for emphasis.\n * - Wide Mode:\n * - `wide` increases the button's width for easier touch targets or visual balance.\n * - Disabled State:\n * - `disabled` prevents interaction and visually dims the button.\n \n ## Usage Guidelines\n * - Use `obc-icon-button` for actions represented by icons, such as toolbars, navigation, or quick-access commands.\n * - Add a label (with `hasLabel` and the `label` slot) when clarity is needed or when icons alone may not be universally understood.\n * - Use the progress indicator for actions that take time, such as uploads or background processes.\n * - Prefer the `normal` variant for most cases; use `raised` to draw attention, and `flat` for less prominent or inline actions.\n * - For grouped or edge-aligned layouts, use `cornerLeft` or `cornerRight` to visually merge with container edges.\n * - Avoid using icon buttons for destructive or critical actions unless paired with clear feedback.\n * - TODO(designer): Clarify recommended icon sizes and when to use label vs. icon-only.\n \n ## Slots\n * \| Slot Name \| Renders When... \| Purpose \|\n * \|-----------\|---------------------\|----------------------------------------------\|\n * \| (default) \| Always \| The icon to display (e.g., `<obi-search>`) \|\n * \| label \| If `hasLabel` is set \| Optional label text below the icon \|\n \n ## Events\n * - Emits a standard `click` event (`onClick` handler in framework wrappers) when activated.\n \n ## Best Practices\n * - Ensure icons are clear and universally recognizable.\n * - For accessibility, provide an `aria-label` or descriptive label for the button's action.\n * - When using the progress indicator, avoid showing it for very short actions to prevent visual flicker.\n \n ## Example:\n * ```\n * <obc-icon-button variant=\"normal\">\n * <obi-search></obi-search>\n * </obc-icon-button>\n \n <obc-icon-button variant=\"normal\" hasLabel>\n * <obi-arrow></obi-arrow>\n * <span slot=\"label\">Next</span>\n * </obc-icon-button>\n * ```\n \n @property activated - Whether the button is in an activated (selected/toggled) state.\n * Visually highlights the button to indicate selection.\n * @property cornerLeft - If true, aligns the button to the left edge and removes left border radius.\n * Useful for grouping or edge-aligned layouts.\n * @property cornerRight - If true, aligns the button to the right edge and removes right border radius.\n * Useful for grouping or edge-aligned layouts.\n * @property activeColor - Applies an accent color to the button for emphasis.\n * Used to visually distinguish active or important actions.\n * @property wide - Increases the button's width for larger touch targets or visual balance.\n * @property disabled - Disables the button, preventing user interaction and dimming its appearance.\n * @property progress - Shows a circular progress indicator overlay when set (0–100).\n * Use to indicate ongoing actions or loading states.\n * If undefined, no progress indicator is shown.\n * @property hasLabel - If true, displays a label below the icon using the `label` slot.\n * @property showDivider - If false, and cornerLeft or cornerRight is true, the divider is not shown.\n * @property ariaLabel - Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary.\n * @slot - Icon slot (default): Place an icon such as <obi-search> here.\n * @slot label - Optional label shown below the icon when `hasLabel` is true.\n * @fires click - Fired when the button is clicked (if not disabled).\n * @stable\n /\n@customElement('obc-icon-button')\nexport class ObcIconButton extends LitElement {\n /\n Visual style of the button.\n * - `normal`: Standard appearance (default).\n * - `raised`: Elevated with shadow.\n * - `flat`: Minimal, backgroundless style.\n /\n @property({type: String}) variant: IconButtonVariant =\n IconButtonVariant.normal;\n\n @property({type: Boolean}) activated = false;\n\n @property({type: Boolean}) cornerLeft = false;\n\n @property({type: Boolean}) cornerRight = false;\n\n @property({type: Boolean}) activeColor = false;\n\n @property({type: Boolean}) wide = false;\n\n @property({type: Boolean}) disabled = false;\n\n @property({type: Number}) progress: undefined \| number = undefined;\n\n @property({type: Boolean}) hasLabel: boolean = false;\n\n @property({type: Boolean, attribute: false}) showDivider = true;\n\n // Reactive so a consumer swapping the name (Play → Pause) re-renders the shadow button.\n @property({type: String, attribute: 'aria-label'})\n override ariaLabel: string \| null = null;\n\n get progressSpinner() {\n if (this.progress === undefined) {\n return nothing;\n }\n if (this.progress === 100) {\n return html`<div class=\"progress-spinner\">\n <svg\n width=\"40\"\n height=\"40\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"20\"\n cy=\"20\"\n r=\"18\"\n stroke=\"#325B9A\"\n stroke-width=\"4\"\n fill=\"none\"\n />\n </svg>\n </div>`;\n }\n const angleRad = degToRad(this.progress 0.95 * 3.6);\n const x = 20 + 18 * Math.sin(angleRad);\n const y = 20 - 18 * Math.cos(angleRad);\n const largeArcFlag = angleRad > Math.PI ? 1 : 0;\n return html`<div class=\"progress-spinner\">\n <svg\n width=\"40\"\n height=\"40\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"20\"\n cy=\"20\"\n r=\"18\"\n stroke=\"var(--container-backdrop-color)\"\n stroke-width=\"4\"\n fill=\"none\"\n />\n <path\n d=\"M18 2 A18 18 0 ${largeArcFlag} 1 ${x} ${y}\"\n stroke=\"var(--instrument-enhanced-secondary-color)\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>`;\n }\n\n override render() {\n return html`\n <button\n class=${classMap({\n wrapper: true,\n ['variant-' + this.variant]: true,\n activated: this.activated,\n 'corner-left': this.cornerLeft,\n 'corner-right': this.cornerRight,\n 'active-color': this.activeColor,\n 'has-label': this.hasLabel,\n wide: this.wide,\n progress: this.progress !== undefined,\n 'hide-divider': !this.showDivider,\n })}\n ?disabled=${this.disabled}\n aria-label=${ifDefined(this.ariaLabel ?? undefined)}\n part=\"wrapper\"\n >\n ${this.progress !== undefined ? this.progressSpinner : nothing}\n <div class=\"visible-wrapper\" part=\"visible-wrapper\">\n <div class=\"icon\" part=\"icon\">\n <slot></slot>\n </div>\n </div>\n ${this.hasLabel\n ? html`<div class=\"label\" part=\"label\">\n <slot name=\"label\"></slot>\n </div>`\n : nothing}\n </button>\n `;\n }\n\n static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-icon-button': ObcIconButton;\n }\n}\n"],"names":["IconButtonVariant"],"mappings":"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"}

package/dist/components/top-bar/top-bar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/top-bar/top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;~~AAIhD~~,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0CAA0C,CAAC;AAClD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAEL,cAAc,EACf,MAAM,6BAA6B,CAAC;AAGrC,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC;;;;OAIG;IACuB,QAAQ,SAAS;IAE3C;;;;;OAKG;IACuB,QAAQ,SAAU;IAElB,cAAc,0BAAgC;IAExE;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,sBAAsB,UAAS;IAE/B;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,uBAAuB,UAAS;IAEhC;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IACwB,IAAI,UAAS;IAExC;;;;;OAKG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IAEH,iBAAiB,UAAS;IAE1B;;;;OAIG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IACwB,SAAS,UAAS;IAE7C;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;OAIG;IACwB,WAAW,UAAS;IAE/C;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;OAIG;IAEH,qBAAqB,SAAO;IAE5B;;;;OAIG;IAEH,yBAAyB,SAAO;IAEhC;;;;OAIG;IAEH,oBAAoB,SAAO;IAE3B;;;;OAIG;IAEH,sBAAsB,SAAO;IAE7B;;;;OAIG;IAEH,mBAAmB,SAAO;IAE1B;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;;OAKG;IAEH,eAAe,EAAE,cAAc,EAAE,CAAM;IAEvC,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,eAAe;IAad,MAAM;~~IAiLf~~,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
1	+ {"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/top-bar/top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0CAA0C,CAAC;AAClD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAEL,cAAc,EACf,MAAM,6BAA6B,CAAC;AAGrC,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC;;;;OAIG;IACuB,QAAQ,SAAS;IAE3C;;;;;OAKG;IACuB,QAAQ,SAAU;IAElB,cAAc,0BAAgC;IAExE;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,sBAAsB,UAAS;IAE/B;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,uBAAuB,UAAS;IAEhC;;;;;OAKG;IAEH,mBAAmB,UAAS;IAE5B;;;;;OAKG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IACwB,IAAI,UAAS;IAExC;;;;;OAKG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IAEH,iBAAiB,UAAS;IAE1B;;;;OAIG;IACwB,cAAc,UAAS;IAElD;;;;OAIG;IACwB,SAAS,UAAS;IAE7C;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;OAIG;IACwB,WAAW,UAAS;IAE/C;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;OAIG;IAEH,qBAAqB,SAAO;IAE5B;;;;OAIG;IAEH,yBAAyB,SAAO;IAEhC;;;;OAIG;IAEH,oBAAoB,SAAO;IAE3B;;;;OAIG;IAEH,sBAAsB,SAAO;IAE7B;;;;OAIG;IAEH,mBAAmB,SAAO;IAE1B;;;;OAIG;IACwB,QAAQ,UAAS;IAE5C;;;;;OAKG;IAEH,eAAe,EAAE,cAAc,EAAE,CAAM;IAEvC,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,eAAe;IAad,MAAM;IA0Lf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}