@oicl/openbridge-webcomponents 2.0.0-next.132 → 2.0.0-next.134

package/custom-elements.json

@@ -49727,7 +49727,8 @@
                     "text": "AutomationButtonReadoutStackValue"
                   }
                 }
-              ]
+              ],
+              "description": "Numeric readout with hinted zeros.\n\nThe minus sign occupies a digit slot, so the readout stays `nDigits` wide\nand the sign renders ahead of the hinted padding (`-05`, not `0-5`)."
             },
             {
               "kind": "method",
@@ -77401,7 +77402,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n\nProvides multiple layouts for authentication and account access states, including\nsign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n\n### Features\n- **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n- **Size Options:** Regular and small sizes for compact layouts.\n- **Recent Users:** Optional \"Recently signed in\" section for quick access.\n- **Navigation Actions:** Signed-in state includes navigation items and actions.\n\n### Variants\n- `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n- `size`: `regular`, `small`\n\n### Usage Guidelines\nUse `obc-user-menu` in authentication or account panels where quick access to\nsign-in, profile, or account actions is needed. The `user-sign-in` type is\nbest for fast re-auth flows; `loading-sign-in` is for pending auth states.\n\n### Properties and Configuration\n- `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n- `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n- `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n  Defaults to `true`.\n- `username` (`string`): Current username value for sign-in layouts.\n- `password` (`string`): Current password value for sign-in layouts.\n- `usernameError` (`string`): Error message for the username field.\n- `passwordError` (`string`): Error message for the password field.\n- `userInitials` (`string`): Initials for the primary user profile.\n- `userLabel` (`string`): Label for the primary user profile.\n- `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n  \"Recently signed in\" section.\n- `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the\n  signed-in navigation list.\n\n### Events\n- `sign-in-click` – Fired when a sign-in button is clicked.\n- `sign-out-click` – Fired when the sign-out button is clicked.\n- `signed-in-action-click` – Fired when a signed-in action is clicked.\n- `recent-user-click` – Fired when a recent user button is clicked.\n\n### Slots\n- `signed-in-action-icon-{id}`: Optional icon for a signed-in action. The\n  `{id}` is the normalized action id.\n\n### Example\n```html\n<obc-user-menu\n  type=\"user-sign-in\"\n  size=\"small\"\n  hasRecentlySignedIn=\"false\"\n  userInitials=\"JD\"\n  userLabel=\"John Doe\"\n></obc-user-menu>\n```",
+          "description": "`<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n\nProvides multiple layouts for authentication and account access states, including\nsign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n\n### Features\n- **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n- **Size Options:** Regular and small sizes for compact layouts.\n- **Recent Users:** Optional \"Recently signed in\" section for quick access.\n- **Navigation Actions:** Signed-in state lists the actions it is given.\n\n### Variants\n- `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n- `size`: `regular`, `small`\n\n### Usage Guidelines\nUse `obc-user-menu` in authentication or account panels where quick access to\nsign-in, profile, or account actions is needed. The `user-sign-in` type is\nbest for fast re-auth flows; `loading-sign-in` is for pending auth states.\n\n### Properties and Configuration\n- `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n- `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n- `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n  Defaults to `false`.\n- `username` (`string`): Current username value for sign-in layouts.\n- `password` (`string`): Current password value for sign-in layouts.\n- `usernameError` (`string`): Error message for the username field.\n- `passwordError` (`string`): Error message for the password field.\n- `userInitials` (`string`): Initials for the primary user profile.\n- `userLabel` (`string`): Label for the primary user profile.\n- `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n  \"Recently signed in\" section. Empty renders no section.\n- `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the\n  signed-in navigation list. Empty renders no actions.\n- `primaryActionId` (`string`): Id of the action promoted to a button in the\n  small signed-in layout.\n\n### Events\n- `sign-in-click` – Fired when a sign-in button is clicked.\n- `sign-out-click` – Fired when the sign-out button is clicked.\n- `signed-in-action-click` – Fired when a signed-in action is clicked.\n- `recent-user-click` – Fired when a recent user button is clicked.\n\n### Slots\n- `signed-in-action-icon-{id}`: Optional icon for a signed-in action. The\n  `{id}` is the normalized action id.\n\n### Example\n```html\n<obc-user-menu\n  type=\"user-sign-in\"\n  size=\"small\"\n  hasRecentlySignedIn=\"false\"\n  userInitials=\"JD\"\n  userLabel=\"John Doe\"\n></obc-user-menu>\n```",
           "name": "ObcUserMenu",
           "slots": [
             {
@@ -77544,13 +77545,17 @@
             },
             {
               "kind": "field",
-              "name": "defaultSignedInActions",
-              "privacy": "private",
-              "readonly": true
+              "name": "primaryActionId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Id of the action promoted to a button in the small signed-in layout.\n\nAvailable when `type==signedIn && size==small`.",
+              "attribute": "primaryActionId",
+              "availableWhen": "type==signedIn && size==small"
             },
             {
               "kind": "field",
-              "name": "defaultRecentUsers",
+              "name": "showRecentUsers",
               "privacy": "private",
               "readonly": true
             },
@@ -77624,20 +77629,6 @@
                   "type": {
                     "text": "'large' | 'regular'"
                   }
-                },
-                {
-                  "name": "initials",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "label",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
                 }
               ]
             },
@@ -77882,6 +77873,14 @@
               },
               "description": "Label for the primary user profile.\n\nAvailable when `type!=signIn`.",
               "fieldName": "userLabel"
+            },
+            {
+              "name": "primaryActionId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Id of the action promoted to a button in the small signed-in layout.\n\nAvailable when `type==signedIn && size==small`.",
+              "fieldName": "primaryActionId"
             }
           ],
           "superclass": {

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.css.js

@@ -59,7 +59,14 @@ const compentStyle = css`* {
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 10px;
+    gap: 0;
+  }
+.readout-stack .value-text .hinted-zero {
+    color: var(
+      --obc-automation-button-readout-stack-hinted-color,
+      var(--element-disabled-color)
+    );
+    font-weight: var(--global-typography-generic-l-font-weight-regular);
   }
 .readout-stack.small .readout-item {
     font-family: var(--global-typography-font-family);

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-button-readout-stack.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"automation-button-readout-stack.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.d.ts

@@ -56,6 +56,12 @@ export declare class ObcAutomationButtonReadoutStack extends LitElement {
     renderTag(): typeof nothing | HTMLTemplateResult;
     private renderValueContainer;
     private renderValueText;
+    /**
+     * Numeric readout with hinted zeros.
+     *
+     * The minus sign occupies a digit slot, so the readout stays `nDigits` wide
+     * and the sign renders ahead of the hinted padding (`-05`, not `0-5`).
+     */
     renderValue(readout: AutomationButtonReadoutStackValue): HTMLTemplateResult;
     renderStateOff(readout: AutomationButtonReadoutStackStateOff): HTMLTemplateResult;
     renderStateOn(readout: AutomationButtonReadoutStackStateOn): HTMLTemplateResult;

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automation-button-readout-stack.d.ts","sourceRoot":"","sources":["../../../src/components/automation-button-readout-stack/automation-button-readout-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAI7E,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,8CAA8C,CAAC;AACtD,OAAO,gDAAgD,CAAC;AACxD,OAAO,gDAAgD,CAAC;AACxD,OAAO,iDAAiD,CAAC;AACzD,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qBAAqB,CAAC;AAE7B,oBAAY,gCAAgC;IAC1C,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,4BAA4B,GACpC,iCAAiC,GACjC,mCAAmC,GACnC,oCAAoC,GACpC,kCAAkC,CAAC;AAEvC;;GAEG;AACH,qBACa,+BAAgC,SAAQ,UAAU;IAE7D,QAAQ,EAAE,4BAA4B,EAAE,CAAM;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,IAAI,EAAE,gCAAgC,CACP;IAC/B,gBAAgB,EAAE,gBAAgB,CAAwB;IAEtE,SAAS,IAAI,OAAO,OAAO,GAAG,kBAAkB;IAMhD,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,eAAe;IAIvB,WAAW,CAAC,OAAO,EAAE,iCAAiC,GAAG,kBAAkB;IA4D3E,cAAc,CACZ,OAAO,EAAE,oCAAoC,GAC5C,kBAAkB;IAUrB,aAAa,CACX,OAAO,EAAE,mCAAmC,GAC3C,kBAAkB;IAUrB,YAAY,CACV,OAAO,EAAE,kCAAkC,GAC1C,kBAAkB;IAqBrB,aAAa,CAAC,OAAO,EAAE,4BAA4B,GAAG,kBAAkB;IAc/D,MAAM;IA0Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qCAAqC,EAAE,+BAA+B,CAAC;KACxE;CACF"}
+{"version":3,"file":"automation-button-readout-stack.d.ts","sourceRoot":"","sources":["../../../src/components/automation-button-readout-stack/automation-button-readout-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAI7E,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,8CAA8C,CAAC;AACtD,OAAO,gDAAgD,CAAC;AACxD,OAAO,gDAAgD,CAAC;AACxD,OAAO,iDAAiD,CAAC;AACzD,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qBAAqB,CAAC;AAE7B,oBAAY,gCAAgC;IAC1C,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,4BAA4B,GACpC,iCAAiC,GACjC,mCAAmC,GACnC,oCAAoC,GACpC,kCAAkC,CAAC;AAEvC;;GAEG;AACH,qBACa,+BAAgC,SAAQ,UAAU;IAE7D,QAAQ,EAAE,4BAA4B,EAAE,CAAM;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,IAAI,EAAE,gCAAgC,CACP;IAC/B,gBAAgB,EAAE,gBAAgB,CAAwB;IAEtE,SAAS,IAAI,OAAO,OAAO,GAAG,kBAAkB;IAMhD,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,eAAe;IAIvB;;;;;OAKG;IACH,WAAW,CAAC,OAAO,EAAE,iCAAiC,GAAG,kBAAkB;IAmE3E,cAAc,CACZ,OAAO,EAAE,oCAAoC,GAC5C,kBAAkB;IAUrB,aAAa,CACX,OAAO,EAAE,mCAAmC,GAC3C,kBAAkB;IAUrB,YAAY,CACV,OAAO,EAAE,kCAAkC,GAC1C,kBAAkB;IAqBrB,aAAa,CAAC,OAAO,EAAE,4BAA4B,GAAG,kBAAkB;IAc/D,MAAM;IA0Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qCAAqC,EAAE,+BAA+B,CAAC;KACxE;CACF"}

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.js

@@ -58,10 +58,17 @@ let ObcAutomationButtonReadoutStack = class extends LitElement {
   renderValueText(text) {
     return html`<span class="value-text">${text}</span>`;
   }
+  /**
+   * Numeric readout with hinted zeros.
+   *
+   * The minus sign occupies a digit slot, so the readout stays `nDigits` wide
+   * and the sign renders ahead of the hinted padding (`-05`, not `0-5`).
+   */
   renderValue(readout) {
     const v = readout.value.toFixed(0);
+    const sign = v.startsWith("-") ? "-" : "";
+    const digits = sign ? v.slice(1) : v;
     const zeroPadding = v.length < readout.nDigits ? "0".repeat(readout.nDigits - v.length) : "";
-    const paddedValue = zeroPadding + v;
     let directionIcon = nothing;
     if (readout.icon == "arrow") {
       if (readout.direction == "up") {
@@ -109,7 +116,11 @@ let ObcAutomationButtonReadoutStack = class extends LitElement {
       }
     }
     const content = html`
-      ${this.renderValueText(paddedValue)}
+      <span class="value-text"
+        >${sign}${zeroPadding ? html`<span class="hinted-zero" aria-hidden="true"
+              >${zeroPadding}</span
+            >` : nothing}${digits}</span
+      >
       <span class="unit">${readout.unit}</span>
     `;
     return this.renderValueContainer("value", directionIcon, content);

package/dist/components/automation-button-readout-stack/automation-button-readout-stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-button-readout-stack.js","sources":["../../../src/components/automation-button-readout-stack/automation-button-readout-stack.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './automation-button-readout-stack.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../icons/icon-chevron-double-up-google.js';\nimport '../../icons/icon-chevron-double-down-google.js';\nimport '../../icons/icon-chevron-double-left-google.js';\nimport '../../icons/icon-chevron-double-right-google.js';\nimport '../../icons/icon-off.js';\nimport '../../icons/icon-on.js';\nimport '../../icons/icon-temperature-air.js';\nimport '../button/button.js';\n\nexport enum AutomationButtonReadoutStackSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nexport enum IdTagOrientation {\n  top = 'top',\n  bottom = 'bottom',\n}\n\nexport interface AutomationButtonReadoutStackValue {\n  type: 'value';\n  value: number;\n  nDigits: number;\n  unit: string;\n  direction: 'up' | 'down' | 'left' | 'right' | 'none';\n  icon: 'none' | 'arrow' | 'chevron';\n}\n\nexport interface AutomationButtonReadoutStackStateOn {\n  type: 'state-on';\n  value: string;\n  hasIcon: boolean;\n}\n\nexport interface AutomationButtonReadoutStackStateOff {\n  type: 'state-off';\n  value: string;\n  hasIcon: boolean;\n}\n\nexport interface AutomationButtonReadoutStackButton {\n  type: 'button';\n  value: number;\n  hasIcon: boolean;\n  unit: string;\n}\n\nexport type AutomationButtonReadoutStack =\n  | AutomationButtonReadoutStackValue\n  | AutomationButtonReadoutStackStateOn\n  | AutomationButtonReadoutStackStateOff\n  | AutomationButtonReadoutStackButton;\n\n/**\n * @experimental\n */\n@customElement('obc-automation-button-readout-stack')\nexport class ObcAutomationButtonReadoutStack extends LitElement {\n  @property({type: Array, attribute: false})\n  readouts: AutomationButtonReadoutStack[] = [];\n  @property({type: String}) tag: string | null = null;\n  @property() size: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property() idTagOrientation: IdTagOrientation = IdTagOrientation.top;\n\n  renderTag(): typeof nothing | HTMLTemplateResult {\n    if (this.tag === null) return nothing;\n\n    return html`<div class=\"tag\">${this.tag}</div>`;\n  }\n\n  private renderValueContainer(\n    type: string,\n    icon: HTMLTemplateResult | typeof nothing,\n    content: HTMLTemplateResult\n  ): HTMLTemplateResult {\n    return html`<div class=\"readout-item ${type}\">\n      ${icon}\n      <div class=\"value-container\">\n        <div class=\"label-container\">${content}</div>\n      </div>\n    </div>`;\n  }\n\n  private renderValueText(text: string): HTMLTemplateResult {\n    return html`<span class=\"value-text\">${text}</span>`;\n  }\n\n  renderValue(readout: AutomationButtonReadoutStackValue): HTMLTemplateResult {\n    const v = readout.value.toFixed(0);\n    const zeroPadding =\n      v.length < readout.nDigits ? '0'.repeat(readout.nDigits - v.length) : '';\n    const paddedValue = zeroPadding + v;\n\n    let directionIcon: HTMLTemplateResult | typeof nothing = nothing;\n    if (readout.icon == 'arrow') {\n      if (readout.direction == 'up') {\n        directionIcon = html`<obi-arrow-up-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-up-google>`;\n      } else if (readout.direction == 'down') {\n        directionIcon = html`<obi-arrow-down-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-down-google>`;\n      } else if (readout.direction == 'left') {\n        directionIcon = html`<obi-arrow-left-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-left-google>`;\n      } else if (readout.direction == 'right') {\n        directionIcon = html`<obi-arrow-right-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-right-google>`;\n      }\n    } else if (readout.icon == 'chevron') {\n      if (readout.direction == 'up') {\n        directionIcon = html`<obi-chevron-double-up-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-up-google>`;\n      } else if (readout.direction == 'down') {\n        directionIcon = html`<obi-chevron-double-down-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-down-google>`;\n      } else if (readout.direction == 'left') {\n        directionIcon = html`<obi-chevron-double-left-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-left-google>`;\n      } else if (readout.direction == 'right') {\n        directionIcon = html`<obi-chevron-double-right-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-right-google>`;\n      }\n    }\n    const content = html`\n      ${this.renderValueText(paddedValue)}\n      <span class=\"unit\">${readout.unit}</span>\n    `;\n\n    return this.renderValueContainer('value', directionIcon, content);\n  }\n\n  renderStateOff(\n    readout: AutomationButtonReadoutStackStateOff\n  ): HTMLTemplateResult {\n    let offIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      offIcon = html`<obi-off class=\"icon\" useCssColor></obi-off>`;\n    }\n\n    const content = this.renderValueText(readout.value);\n    return this.renderValueContainer('state-off', offIcon, content);\n  }\n\n  renderStateOn(\n    readout: AutomationButtonReadoutStackStateOn\n  ): HTMLTemplateResult {\n    let onIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      onIcon = html`<obi-on class=\"icon\" useCssColor></obi-on>`;\n    }\n\n    const content = this.renderValueText(readout.value);\n    return this.renderValueContainer('state-on', onIcon, content);\n  }\n\n  renderButton(\n    readout: AutomationButtonReadoutStackButton\n  ): HTMLTemplateResult {\n    const v = readout.value.toFixed(1); // Format as 000.0\n\n    let temperatureIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      temperatureIcon = html`<obi-temperature-air\n        class=\"icon\"\n        useCssColor\n      ></obi-temperature-air>`;\n    }\n\n    const content = html`\n      ${this.renderValueText(v)}\n      <span class=\"unit\">${readout.unit}</span>\n    `;\n\n    return html`<obc-button class=\"readout-button\" part=\"readout-button\">\n      ${this.renderValueContainer('button', temperatureIcon, content)}\n    </obc-button>`;\n  }\n\n  renderReadout(readout: AutomationButtonReadoutStack): HTMLTemplateResult {\n    if (readout.type === 'value') {\n      return this.renderValue(readout);\n    } else if (readout.type === 'state-on') {\n      return this.renderStateOn(readout);\n    } else if (readout.type === 'state-off') {\n      return this.renderStateOff(readout);\n    } else if (readout.type === 'button') {\n      return this.renderButton(readout);\n    } else {\n      throw new Error('Invalid readout type');\n    }\n  }\n\n  override render() {\n    const displayableReadouts = this.readouts.filter(\n      (readout) =>\n        readout.type === 'value' ||\n        readout.type === 'state-off' ||\n        readout.type === 'state-on' ||\n        readout.type === 'button'\n    );\n\n    const renderedReadouts = displayableReadouts.map((r) =>\n      this.renderReadout(r)\n    );\n    const tag = this.renderTag();\n    const elements: unknown[] = [];\n\n    if (this.idTagOrientation === IdTagOrientation.top) {\n      elements.push(tag);\n      elements.push(...renderedReadouts);\n    } else {\n      elements.push(...renderedReadouts);\n      elements.push(tag);\n    }\n\n    return html`<div class=\"readout-stack ${this.size}\">${elements}</div>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button-readout-stack': ObcAutomationButtonReadoutStack;\n  }\n}\n"],"names":["AutomationButtonReadoutStackSize","IdTagOrientation"],"mappings":"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"}
+{"version":3,"file":"automation-button-readout-stack.js","sources":["../../../src/components/automation-button-readout-stack/automation-button-readout-stack.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './automation-button-readout-stack.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../icons/icon-chevron-double-up-google.js';\nimport '../../icons/icon-chevron-double-down-google.js';\nimport '../../icons/icon-chevron-double-left-google.js';\nimport '../../icons/icon-chevron-double-right-google.js';\nimport '../../icons/icon-off.js';\nimport '../../icons/icon-on.js';\nimport '../../icons/icon-temperature-air.js';\nimport '../button/button.js';\n\nexport enum AutomationButtonReadoutStackSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nexport enum IdTagOrientation {\n  top = 'top',\n  bottom = 'bottom',\n}\n\nexport interface AutomationButtonReadoutStackValue {\n  type: 'value';\n  value: number;\n  nDigits: number;\n  unit: string;\n  direction: 'up' | 'down' | 'left' | 'right' | 'none';\n  icon: 'none' | 'arrow' | 'chevron';\n}\n\nexport interface AutomationButtonReadoutStackStateOn {\n  type: 'state-on';\n  value: string;\n  hasIcon: boolean;\n}\n\nexport interface AutomationButtonReadoutStackStateOff {\n  type: 'state-off';\n  value: string;\n  hasIcon: boolean;\n}\n\nexport interface AutomationButtonReadoutStackButton {\n  type: 'button';\n  value: number;\n  hasIcon: boolean;\n  unit: string;\n}\n\nexport type AutomationButtonReadoutStack =\n  | AutomationButtonReadoutStackValue\n  | AutomationButtonReadoutStackStateOn\n  | AutomationButtonReadoutStackStateOff\n  | AutomationButtonReadoutStackButton;\n\n/**\n * @experimental\n */\n@customElement('obc-automation-button-readout-stack')\nexport class ObcAutomationButtonReadoutStack extends LitElement {\n  @property({type: Array, attribute: false})\n  readouts: AutomationButtonReadoutStack[] = [];\n  @property({type: String}) tag: string | null = null;\n  @property() size: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property() idTagOrientation: IdTagOrientation = IdTagOrientation.top;\n\n  renderTag(): typeof nothing | HTMLTemplateResult {\n    if (this.tag === null) return nothing;\n\n    return html`<div class=\"tag\">${this.tag}</div>`;\n  }\n\n  private renderValueContainer(\n    type: string,\n    icon: HTMLTemplateResult | typeof nothing,\n    content: HTMLTemplateResult\n  ): HTMLTemplateResult {\n    return html`<div class=\"readout-item ${type}\">\n      ${icon}\n      <div class=\"value-container\">\n        <div class=\"label-container\">${content}</div>\n      </div>\n    </div>`;\n  }\n\n  private renderValueText(text: string): HTMLTemplateResult {\n    return html`<span class=\"value-text\">${text}</span>`;\n  }\n\n  /**\n   * Numeric readout with hinted zeros.\n   *\n   * The minus sign occupies a digit slot, so the readout stays `nDigits` wide\n   * and the sign renders ahead of the hinted padding (`-05`, not `0-5`).\n   */\n  renderValue(readout: AutomationButtonReadoutStackValue): HTMLTemplateResult {\n    const v = readout.value.toFixed(0);\n    const sign = v.startsWith('-') ? '-' : '';\n    const digits = sign ? v.slice(1) : v;\n    const zeroPadding =\n      v.length < readout.nDigits ? '0'.repeat(readout.nDigits - v.length) : '';\n\n    let directionIcon: HTMLTemplateResult | typeof nothing = nothing;\n    if (readout.icon == 'arrow') {\n      if (readout.direction == 'up') {\n        directionIcon = html`<obi-arrow-up-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-up-google>`;\n      } else if (readout.direction == 'down') {\n        directionIcon = html`<obi-arrow-down-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-down-google>`;\n      } else if (readout.direction == 'left') {\n        directionIcon = html`<obi-arrow-left-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-left-google>`;\n      } else if (readout.direction == 'right') {\n        directionIcon = html`<obi-arrow-right-google\n          class=\"icon\"\n          useCssColor\n        ></obi-arrow-right-google>`;\n      }\n    } else if (readout.icon == 'chevron') {\n      if (readout.direction == 'up') {\n        directionIcon = html`<obi-chevron-double-up-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-up-google>`;\n      } else if (readout.direction == 'down') {\n        directionIcon = html`<obi-chevron-double-down-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-down-google>`;\n      } else if (readout.direction == 'left') {\n        directionIcon = html`<obi-chevron-double-left-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-left-google>`;\n      } else if (readout.direction == 'right') {\n        directionIcon = html`<obi-chevron-double-right-google\n          class=\"icon\"\n          useCssColor\n        ></obi-chevron-double-right-google>`;\n      }\n    }\n    const content = html`\n      <span class=\"value-text\"\n        >${sign}${zeroPadding\n          ? html`<span class=\"hinted-zero\" aria-hidden=\"true\"\n              >${zeroPadding}</span\n            >`\n          : nothing}${digits}</span\n      >\n      <span class=\"unit\">${readout.unit}</span>\n    `;\n\n    return this.renderValueContainer('value', directionIcon, content);\n  }\n\n  renderStateOff(\n    readout: AutomationButtonReadoutStackStateOff\n  ): HTMLTemplateResult {\n    let offIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      offIcon = html`<obi-off class=\"icon\" useCssColor></obi-off>`;\n    }\n\n    const content = this.renderValueText(readout.value);\n    return this.renderValueContainer('state-off', offIcon, content);\n  }\n\n  renderStateOn(\n    readout: AutomationButtonReadoutStackStateOn\n  ): HTMLTemplateResult {\n    let onIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      onIcon = html`<obi-on class=\"icon\" useCssColor></obi-on>`;\n    }\n\n    const content = this.renderValueText(readout.value);\n    return this.renderValueContainer('state-on', onIcon, content);\n  }\n\n  renderButton(\n    readout: AutomationButtonReadoutStackButton\n  ): HTMLTemplateResult {\n    const v = readout.value.toFixed(1); // Format as 000.0\n\n    let temperatureIcon: HTMLTemplateResult = html``;\n    if (readout.hasIcon) {\n      temperatureIcon = html`<obi-temperature-air\n        class=\"icon\"\n        useCssColor\n      ></obi-temperature-air>`;\n    }\n\n    const content = html`\n      ${this.renderValueText(v)}\n      <span class=\"unit\">${readout.unit}</span>\n    `;\n\n    return html`<obc-button class=\"readout-button\" part=\"readout-button\">\n      ${this.renderValueContainer('button', temperatureIcon, content)}\n    </obc-button>`;\n  }\n\n  renderReadout(readout: AutomationButtonReadoutStack): HTMLTemplateResult {\n    if (readout.type === 'value') {\n      return this.renderValue(readout);\n    } else if (readout.type === 'state-on') {\n      return this.renderStateOn(readout);\n    } else if (readout.type === 'state-off') {\n      return this.renderStateOff(readout);\n    } else if (readout.type === 'button') {\n      return this.renderButton(readout);\n    } else {\n      throw new Error('Invalid readout type');\n    }\n  }\n\n  override render() {\n    const displayableReadouts = this.readouts.filter(\n      (readout) =>\n        readout.type === 'value' ||\n        readout.type === 'state-off' ||\n        readout.type === 'state-on' ||\n        readout.type === 'button'\n    );\n\n    const renderedReadouts = displayableReadouts.map((r) =>\n      this.renderReadout(r)\n    );\n    const tag = this.renderTag();\n    const elements: unknown[] = [];\n\n    if (this.idTagOrientation === IdTagOrientation.top) {\n      elements.push(tag);\n      elements.push(...renderedReadouts);\n    } else {\n      elements.push(...renderedReadouts);\n      elements.push(tag);\n    }\n\n    return html`<div class=\"readout-stack ${this.size}\">${elements}</div>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button-readout-stack': ObcAutomationButtonReadoutStack;\n  }\n}\n"],"names":["AutomationButtonReadoutStackSize","IdTagOrientation"],"mappings":"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"}

package/dist/components/user-menu/user-menu.d.ts

@@ -36,7 +36,7 @@ export type ObcUserMenuSignedInAction = {
  * - **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.
  * - **Size Options:** Regular and small sizes for compact layouts.
  * - **Recent Users:** Optional "Recently signed in" section for quick access.
- * - **Navigation Actions:** Signed-in state includes navigation items and actions.
+ * - **Navigation Actions:** Signed-in state lists the actions it is given.
  *
  * ### Variants
  * - `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`
@@ -51,7 +51,7 @@ export type ObcUserMenuSignedInAction = {
  * - `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.
  * - `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.
  * - `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.
- *   Defaults to `true`.
+ *   Defaults to `false`.
  * - `username` (`string`): Current username value for sign-in layouts.
  * - `password` (`string`): Current password value for sign-in layouts.
  * - `usernameError` (`string`): Error message for the username field.
@@ -59,9 +59,11 @@ export type ObcUserMenuSignedInAction = {
  * - `userInitials` (`string`): Initials for the primary user profile.
  * - `userLabel` (`string`): Label for the primary user profile.
  * - `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the
- *   "Recently signed in" section.
+ *   "Recently signed in" section. Empty renders no section.
  * - `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the
- *   signed-in navigation list.
+ *   signed-in navigation list. Empty renders no actions.
+ * - `primaryActionId` (`string`): Id of the action promoted to a button in the
+ *   small signed-in layout.
  *
  * ### Events
  * - `sign-in-click` – Fired when a sign-in button is clicked.
@@ -103,6 +105,8 @@ export type ObcUserMenuSignedInAction = {
  * @property recentUsers - Recent users for the "Recently signed in" section.
  * @property signedInActions - Actions shown in the signed-in navigation list.
  * @availableWhen signedInActions type==signedIn
+ * @property primaryActionId - Id of the action promoted to a button in the small signed-in layout.
+ * @availableWhen primaryActionId type==signedIn && size==small
  * @slot signed-in-action-icon-<id> - Optional icon for a signed-in action, one per action; `<id>` is the normalized action id (shown in the `signed-in` type).
  * @fires {CustomEvent<{username: string, password: string}>} sign-in-click - Fired when a sign-in button is clicked.
  * @fires {CustomEvent<void>} sign-out-click - Fired when the sign-out button is clicked.
@@ -165,8 +169,13 @@ export declare class ObcUserMenu extends LitElement {
      * Available when `type==signedIn`.
      */
     signedInActions: ObcUserMenuSignedInAction[];
-    private get defaultSignedInActions();
-    private get defaultRecentUsers();
+    /**
+     * Id of the action promoted to a button in the small signed-in layout.
+     *
+     * Available when `type==signedIn && size==small`.
+     */
+    primaryActionId?: string;
+    private get showRecentUsers();
     private renderTextInput;
     private renderUserButtons;
     private renderUserProfile;

package/dist/components/user-menu/user-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../src/components/user-menu/user-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAKzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAalC,oBAAY,eAAe;IACzB,MAAM,YAAY;IAClB,UAAU,iBAAiB;IAC3B,aAAa,oBAAoB;IACjC,QAAQ,cAAc;CACvB;AAED,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACf,IAAI,EAAE,eAAe,CAA0B;IAE/C,IAAI,EAAE,eAAe,CAA2B;IAG1E,mBAAmB,UAAS;IAEF,QAAQ,SAAM;IAEd,QAAQ,SAAM;IAEd,aAAa,SAAM;IAEnB,aAAa,SAAM;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAG7C,WAAW,EAAE,eAAe,EAAE,CAAM;IAGpC,eAAe,EAAE,yBAAyB,EAAE,CAAM;IAElD,OAAO,KAAK,sBAAsB,GAOjC;IAED,OAAO,KAAK,kBAAkB,GAO7B;IAED,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,iBAAiB;IA6BzB,OAAO,CAAC,iBAAiB;IAiCzB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,YAAY;IA2CpB,OAAO,CAAC,iBAAiB;IA4CzB,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,qBAAqB;IAwC7B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,cAAc;IA0CtB,OAAO,CAAC,mBAAmB;IAmClB,MAAM;IAwCf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../src/components/user-menu/user-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAKzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAalC,oBAAY,eAAe;IACzB,MAAM,YAAY;IAClB,UAAU,iBAAiB;IAC3B,aAAa,oBAAoB;IACjC,QAAQ,cAAc;CACvB;AAED,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACf,IAAI,EAAE,eAAe,CAA0B;IAE/C,IAAI,EAAE,eAAe,CAA2B;IAG1E,mBAAmB,UAAS;IAEF,QAAQ,SAAM;IAEd,QAAQ,SAAM;IAEd,aAAa,SAAM;IAEnB,aAAa,SAAM;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAG7C,WAAW,EAAE,eAAe,EAAE,CAAM;IAGpC,eAAe,EAAE,yBAAyB,EAAE,CAAM;IAExB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEnD,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,iBAAiB;IA2BzB,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,YAAY;IA2CpB,OAAO,CAAC,iBAAiB;IA4CzB,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,qBAAqB;IAwC7B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,cAAc;IA2CtB,OAAO,CAAC,mBAAmB;IAkClB,MAAM;IAwCf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/user-menu/user-menu.js

@@ -48,21 +48,8 @@ let ObcUserMenu = class extends LitElement {
     this.recentUsers = [];
     this.signedInActions = [];
   }
-  get defaultSignedInActions() {
-    return [
-      { id: "calendar", label: msg("Calendar") },
-      { id: "log", label: msg("Log") },
-      { id: "preferences", label: msg("Preferences") },
-      { id: "user-account", label: msg("User account") }
-    ];
-  }
-  get defaultRecentUsers() {
-    const label = msg("Username");
-    return [
-      { initials: "AB", label },
-      { initials: "CD", label },
-      { initials: "EF", label }
-    ];
+  get showRecentUsers() {
+    return this.hasRecentlySignedIn && this.recentUsers.length > 0;
   }
   renderTextInput(placeholder, type = HTMLInputTypeAttribute.Text, value = "", onInput, errorText = "") {
     const isPassword = type === HTMLInputTypeAttribute.Password;
@@ -83,7 +70,7 @@ let ObcUserMenu = class extends LitElement {
   }
   renderUserButtons(count, isLarge) {
     const size = isLarge ? Size.large : Size.regular;
-    const users = (this.recentUsers.length ? this.recentUsers : this.defaultRecentUsers).slice(0, count);
+    const users = this.recentUsers.slice(0, count);
     return html`
       <div
         class=${classMap({
@@ -107,11 +94,11 @@ let ObcUserMenu = class extends LitElement {
       </div>
     `;
   }
-  renderUserProfile(layout, size, initials, label) {
+  renderUserProfile(layout, size) {
+    if (!this.userInitials && !this.userLabel) {
+      return nothing;
+    }
     const userButtonSize = size === "large" ? Size.large : Size.regular;
-    const fallbackUser = this.recentUsers[0] ?? this.defaultRecentUsers[0];
-    const resolvedInitials = initials ?? this.userInitials ?? fallbackUser.initials;
-    const resolvedLabel = label ?? this.userLabel ?? fallbackUser.label;
     return html`
       <div
         class=${classMap({
@@ -127,8 +114,8 @@ let ObcUserMenu = class extends LitElement {
           .variant=${Variant.initials}
           .styleType=${StyleType.normal}
           .size=${userButtonSize}
-          .initials=${resolvedInitials}
-          .label=${resolvedLabel}
+          .initials=${this.userInitials ?? ""}
+          .label=${this.userLabel ?? ""}
         ></obc-user-button>
       </div>
     `;
@@ -232,7 +219,7 @@ let ObcUserMenu = class extends LitElement {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      ${this.hasRecentlySignedIn ? html`
+      ${this.showRecentUsers ? html`
             <div class="recent-container">
               <div class="title-container">
                 <div class="subtitle">${msg("Recently signed in")}</div>
@@ -272,8 +259,8 @@ let ObcUserMenu = class extends LitElement {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      <div class="divider" aria-hidden="true"></div>
-      ${this.hasRecentlySignedIn ? html`
+      ${this.showRecentUsers ? html`
+            <div class="divider" aria-hidden="true"></div>
             <div class="recent-container recent">
               <div class="title-container">
                 <div class="subtitle">${msg("Recent")}</div>
@@ -311,7 +298,7 @@ let ObcUserMenu = class extends LitElement {
           </obc-button>
         </div>
       </div>
-      ${this.hasRecentlySignedIn ? html`
+      ${this.showRecentUsers ? html`
             <div class="recent-container">
               <div class="title-container">
                 <div class="subtitle">${msg("Recently signed in")}</div>
@@ -347,8 +334,8 @@ let ObcUserMenu = class extends LitElement {
           ${msg("Sign in")}
         </obc-button>
       </div>
-      <div class="divider" aria-hidden="true"></div>
-      ${this.hasRecentlySignedIn ? html`
+      ${this.showRecentUsers ? html`
+            <div class="divider" aria-hidden="true"></div>
             <div class="recent-container recent">
               <div class="title-container">
                 <div class="subtitle">${msg("Recent")}</div>
@@ -393,7 +380,6 @@ let ObcUserMenu = class extends LitElement {
     `;
   }
   renderSignedIn() {
-    const actions = this.signedInActions.length ? this.signedInActions : this.defaultSignedInActions;
     return html`
       <div class="title-container">
         <h3 class="title">${msg("User")}</h3>
@@ -402,24 +388,26 @@ let ObcUserMenu = class extends LitElement {
         ${this.renderUserProfile("vertical", "large")}
       </div>
       <div class="divider" aria-hidden="true"></div>
-      <div class="nav-container">
-        ${actions.map((action) => {
+      ${this.signedInActions.length ? html`
+            <div class="nav-container">
+              ${this.signedInActions.map((action) => {
       const normalizedId = this.normalizeActionId(action.id);
       return html`
-            <obc-navigation-item
-              .label=${action.label}
-              hasIcon
-              @click=${() => this.handleSignedInActionClick(action)}
-            >
-              <span slot="icon">
-                <slot name="signed-in-action-icon-${normalizedId}">
-                  ${this.getSignedInActionIcon(normalizedId)}
-                </slot>
-              </span>
-            </obc-navigation-item>
-          `;
+                  <obc-navigation-item
+                    .label=${action.label}
+                    hasIcon
+                    @click=${() => this.handleSignedInActionClick(action)}
+                  >
+                    <span slot="icon">
+                      <slot name="signed-in-action-icon-${normalizedId}">
+                        ${this.getSignedInActionIcon(normalizedId)}
+                      </slot>
+                    </span>
+                  </obc-navigation-item>
+                `;
     })}
-      </div>
+            </div>
+          ` : nothing}
       <div class="button-container">
         <obc-button
           variant=${ButtonVariant.normal}
@@ -432,8 +420,9 @@ let ObcUserMenu = class extends LitElement {
     `;
   }
   renderSignedInSmall() {
-    const actions = this.signedInActions.length ? this.signedInActions : this.defaultSignedInActions;
-    const primaryAction = actions[2];
+    const primaryAction = this.signedInActions.find(
+      (action) => action.id === this.primaryActionId
+    );
     return html`
       <div class="title-container">
         <h3 class="title">${msg("User")}</h3>
@@ -522,6 +511,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Array, attribute: false })
 ], ObcUserMenu.prototype, "signedInActions", 2);
+__decorateClass([
+  property({ type: String })
+], ObcUserMenu.prototype, "primaryActionId", 2);
 ObcUserMenu = __decorateClass([
   customElement("obc-user-menu"),
   localized()

package/dist/components/user-menu/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","sources":["../../../src/components/user-menu/user-menu.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport componentStyle from './user-menu.css?inline';\nimport '../text-input-field/text-input-field.js';\nimport '../button/button.js';\nimport '../user-button/user-button.js';\nimport '../progress-bar/progress-bar.js';\nimport '../navigation-item/navigation-item.js';\nimport '../../icons/icon-calendar-google.js';\nimport '../../icons/icon-log-open-google.js';\nimport '../../icons/icon-settings-iec.js';\nimport '../../icons/icon-user.js';\nimport {\n  HTMLInputTypeAttribute,\n  ObcTextInputFieldTextAlign,\n} from '../text-input-field/text-input-field.js';\nimport {ButtonVariant} from '../button/button.js';\nimport {\n  ProgressBarMode,\n  ProgressBarType,\n} from '../progress-bar/progress-bar.js';\nimport {Size, StyleType, Variant} from '../user-button/user-button.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum ObcUserMenuType {\n  signIn = 'sign-in',\n  userSignIn = 'user-sign-in',\n  loadingSignIn = 'loading-sign-in',\n  signedIn = 'signed-in',\n}\n\nexport enum ObcUserMenuSize {\n  regular = 'regular',\n  small = 'small',\n}\n\nexport type ObcUserMenuUser = {\n  initials: string;\n  label: string;\n};\n\nexport type ObcUserMenuSignedInAction = {\n  id: string;\n  label: string;\n};\n\n/**\n * `<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n *\n * Provides multiple layouts for authentication and account access states, including\n * sign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n *\n * ### Features\n * - **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n * - **Size Options:** Regular and small sizes for compact layouts.\n * - **Recent Users:** Optional \"Recently signed in\" section for quick access.\n * - **Navigation Actions:** Signed-in state includes navigation items and actions.\n *\n * ### Variants\n * - `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n * - `size`: `regular`, `small`\n *\n * ### Usage Guidelines\n * Use `obc-user-menu` in authentication or account panels where quick access to\n * sign-in, profile, or account actions is needed. The `user-sign-in` type is\n * best for fast re-auth flows; `loading-sign-in` is for pending auth states.\n *\n * ### Properties and Configuration\n * - `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n * - `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n * - `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n *   Defaults to `true`.\n * - `username` (`string`): Current username value for sign-in layouts.\n * - `password` (`string`): Current password value for sign-in layouts.\n * - `usernameError` (`string`): Error message for the username field.\n * - `passwordError` (`string`): Error message for the password field.\n * - `userInitials` (`string`): Initials for the primary user profile.\n * - `userLabel` (`string`): Label for the primary user profile.\n * - `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n *   \"Recently signed in\" section.\n * - `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the\n *   signed-in navigation list.\n *\n * ### Events\n * - `sign-in-click` – Fired when a sign-in button is clicked.\n * - `sign-out-click` – Fired when the sign-out button is clicked.\n * - `signed-in-action-click` – Fired when a signed-in action is clicked.\n * - `recent-user-click` – Fired when a recent user button is clicked.\n *\n * ### Slots\n * - `signed-in-action-icon-{id}`: Optional icon for a signed-in action. The\n *   `{id}` is the normalized action id.\n *\n * ### Example\n * ```html\n * <obc-user-menu\n *   type=\"user-sign-in\"\n *   size=\"small\"\n *   hasRecentlySignedIn=\"false\"\n *   userInitials=\"JD\"\n *   userLabel=\"John Doe\"\n * ></obc-user-menu>\n * ```\n *\n * @property type - Controls the visual layout of the user menu.\n * @property size - Controls the overall size of the user menu.\n * @property hasRecentlySignedIn - Toggles the \"Recently signed in\" section visibility.\n * @availableWhen hasRecentlySignedIn type in [signIn, userSignIn]\n * @property username - Current username value for sign-in layouts.\n * @availableWhen username type==signIn\n * @property password - Current password value for sign-in layouts.\n * @availableWhen password type in [signIn, userSignIn]\n * @property usernameError - Error message for the username field.\n * @availableWhen usernameError type==signIn\n * @property passwordError - Error message for the password field.\n * @availableWhen passwordError type in [signIn, userSignIn]\n * @property userInitials - Initials for the primary user profile.\n * @availableWhen userInitials type!=signIn\n * @property userLabel - Label for the primary user profile.\n * @availableWhen userLabel type!=signIn\n * @property recentUsers - Recent users for the \"Recently signed in\" section.\n * @property signedInActions - Actions shown in the signed-in navigation list.\n * @availableWhen signedInActions type==signedIn\n * @slot signed-in-action-icon-<id> - Optional icon for a signed-in action, one per action; `<id>` is the normalized action id (shown in the `signed-in` type).\n * @fires {CustomEvent<{username: string, password: string}>} sign-in-click - Fired when a sign-in button is clicked.\n * @fires {CustomEvent<void>} sign-out-click - Fired when the sign-out button is clicked.\n * @fires {CustomEvent<{id: string, label: string}>} signed-in-action-click - Fired when a signed-in action is clicked.\n * @fires {CustomEvent<{initials: string, label: string}>} recent-user-click - Fired when a recent user button is clicked.\n * @stable\n */\n@customElement('obc-user-menu')\n@localized()\nexport class ObcUserMenu extends LitElement {\n  @property({type: String}) type: ObcUserMenuType = ObcUserMenuType.signIn;\n\n  @property({type: String}) size: ObcUserMenuSize = ObcUserMenuSize.regular;\n\n  @property({type: Boolean})\n  hasRecentlySignedIn = false;\n\n  @property({type: String}) username = '';\n\n  @property({type: String}) password = '';\n\n  @property({type: String}) usernameError = '';\n\n  @property({type: String}) passwordError = '';\n\n  @property({type: String}) userInitials?: string;\n\n  @property({type: String}) userLabel?: string;\n\n  @property({type: Array, attribute: false})\n  recentUsers: ObcUserMenuUser[] = [];\n\n  @property({type: Array, attribute: false})\n  signedInActions: ObcUserMenuSignedInAction[] = [];\n\n  private get defaultSignedInActions() {\n    return [\n      {id: 'calendar', label: msg('Calendar')},\n      {id: 'log', label: msg('Log')},\n      {id: 'preferences', label: msg('Preferences')},\n      {id: 'user-account', label: msg('User account')},\n    ];\n  }\n\n  private get defaultRecentUsers() {\n    const label = msg('Username');\n    return [\n      {initials: 'AB', label},\n      {initials: 'CD', label},\n      {initials: 'EF', label},\n    ];\n  }\n\n  private renderTextInput(\n    placeholder: string,\n    type: HTMLInputTypeAttribute = HTMLInputTypeAttribute.Text,\n    value = '',\n    onInput?: (event: Event) => void,\n    errorText = ''\n  ) {\n    const isPassword = type === HTMLInputTypeAttribute.Password;\n    return html`\n      <obc-text-input-field\n        .placeholder=${placeholder}\n        .type=${type}\n        .textAlign=${ObcTextInputFieldTextAlign.Left}\n        .value=${value}\n        .error=${Boolean(errorText)}\n        .errorText=${errorText}\n        .required=${true}\n        .hasClearButton=${!isPassword}\n        @input=${onInput}\n      >\n      </obc-text-input-field>\n    `;\n  }\n\n  private renderUserButtons(count: number, isLarge: boolean) {\n    const size = isLarge ? Size.large : Size.regular;\n    const users = (\n      this.recentUsers.length ? this.recentUsers : this.defaultRecentUsers\n    ).slice(0, count);\n    return html`\n      <div\n        class=${classMap({\n          users: true,\n          large: isLarge,\n          single: users.length === 1,\n        })}\n      >\n        ${users.map(\n          (user) => html`\n            <obc-user-button\n              .variant=${Variant.initials}\n              .styleType=${StyleType.normal}\n              .size=${size}\n              .initials=${user.initials}\n              .label=${user.label}\n              @click=${() => this.handleRecentUserClick(user)}\n            ></obc-user-button>\n          `\n        )}\n      </div>\n    `;\n  }\n\n  private renderUserProfile(\n    layout: 'vertical' | 'horizontal',\n    size: 'large' | 'regular',\n    initials?: string,\n    label?: string\n  ) {\n    const userButtonSize = size === 'large' ? Size.large : Size.regular;\n    const fallbackUser = this.recentUsers[0] ?? this.defaultRecentUsers[0];\n    const resolvedInitials =\n      initials ?? this.userInitials ?? fallbackUser.initials;\n    const resolvedLabel = label ?? this.userLabel ?? fallbackUser.label;\n    return html`\n      <div\n        class=${classMap({\n          'user-profile': true,\n          [layout]: true,\n        })}\n      >\n        <obc-user-button\n          class=${classMap({\n            'user-avatar': true,\n            [`size-${size}`]: true,\n          })}\n          .variant=${Variant.initials}\n          .styleType=${StyleType.normal}\n          .size=${userButtonSize}\n          .initials=${resolvedInitials}\n          .label=${resolvedLabel}\n        ></obc-user-button>\n      </div>\n    `;\n  }\n\n  private getSignedInActionIcon(actionId: string) {\n    switch (actionId) {\n      case 'calendar':\n        return html`<obi-calendar-google></obi-calendar-google>`;\n      case 'log':\n        return html`<obi-log-open-google></obi-log-open-google>`;\n      case 'preferences':\n        return html`<obi-settings-iec></obi-settings-iec>`;\n      case 'user-account':\n        return html`<obi-user></obi-user>`;\n      default:\n        return nothing;\n    }\n  }\n\n  private normalizeActionId(actionId: string) {\n    return actionId\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, '-');\n  }\n\n  private handleSignedInActionClick(action: ObcUserMenuSignedInAction) {\n    this.dispatchEvent(\n      new CustomEvent('signed-in-action-click', {\n        detail: {id: action.id, label: action.label},\n      })\n    );\n  }\n\n  private handleRecentUserClick(user: ObcUserMenuUser) {\n    this.dispatchEvent(\n      new CustomEvent('recent-user-click', {\n        detail: {initials: user.initials, label: user.label},\n      })\n    );\n  }\n\n  private handleUsernameInput(event: Event) {\n    const target = event.target as {value?: string};\n    this.username = target.value ?? '';\n    if (this.username) {\n      this.usernameError = '';\n    }\n  }\n\n  private handlePasswordInput(event: Event) {\n    const target = event.target as {value?: string};\n    this.password = target.value ?? '';\n    if (this.password) {\n      this.passwordError = '';\n    }\n  }\n\n  private validateSignIn() {\n    let valid = true;\n    const needsUsername = this.type === ObcUserMenuType.signIn;\n\n    if (needsUsername && !this.username) {\n      this.usernameError = msg('Username is required');\n      valid = false;\n    }\n\n    if (!this.password) {\n      this.passwordError = msg('Password is required');\n      valid = false;\n    }\n\n    return valid;\n  }\n\n  private handleSignInClick() {\n    if (!this.validateSignIn()) {\n      return;\n    }\n    this.dispatchEvent(\n      new CustomEvent('sign-in-click', {\n        detail: {username: this.username, password: this.password},\n      })\n    );\n  }\n\n  private handleSignOutClick() {\n    this.dispatchEvent(new CustomEvent('sign-out-click'));\n  }\n\n  private renderSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Username'),\n          HTMLInputTypeAttribute.Text,\n          this.username,\n          this.handleUsernameInput.bind(this),\n          this.usernameError\n        )}\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      ${this.hasRecentlySignedIn\n        ? html`\n            <div class=\"recent-container\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recently signed in')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, true)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Username'),\n          HTMLInputTypeAttribute.Text,\n          this.username,\n          this.handleUsernameInput.bind(this),\n          this.usernameError\n        )}\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      <div class=\"divider\" aria-hidden=\"true\"></div>\n      ${this.hasRecentlySignedIn\n        ? html`\n            <div class=\"recent-container recent\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recent')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, false)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderUserSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        <div class=\"user-primary\">\n          ${this.renderUserProfile('vertical', 'large')}\n        </div>\n        <div class=\"fields\">\n          ${this.renderTextInput(\n            msg('Password'),\n            HTMLInputTypeAttribute.Password,\n            this.password,\n            this.handlePasswordInput.bind(this),\n            this.passwordError\n          )}\n          <obc-button\n            variant=${ButtonVariant.raised}\n            fullWidth\n            @click=${this.handleSignInClick}\n          >\n            ${msg('Sign in')}\n          </obc-button>\n        </div>\n      </div>\n      ${this.hasRecentlySignedIn\n        ? html`\n            <div class=\"recent-container\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recently signed in')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, true)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderUserSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-container\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      <div class=\"divider\" aria-hidden=\"true\"></div>\n      ${this.hasRecentlySignedIn\n        ? html`\n            <div class=\"recent-container recent\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recent')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, false)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderLoadingSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-primary loading\">\n        ${this.renderUserProfile('vertical', 'large')}\n        <obc-progress-bar\n          class=\"progress\"\n          type=${ProgressBarType.linear}\n          mode=${ProgressBarMode.indeterminate}\n          .showValue=${false}\n        ></obc-progress-bar>\n      </div>\n    `;\n  }\n\n  private renderLoadingSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-primary loading\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n        <obc-progress-bar\n          class=\"progress\"\n          type=${ProgressBarType.linear}\n          mode=${ProgressBarMode.indeterminate}\n          .showValue=${false}\n        ></obc-progress-bar>\n      </div>\n    `;\n  }\n\n  private renderSignedIn() {\n    const actions = this.signedInActions.length\n      ? this.signedInActions\n      : this.defaultSignedInActions;\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('User')}</h3>\n      </div>\n      <div class=\"user-primary signed-in\">\n        ${this.renderUserProfile('vertical', 'large')}\n      </div>\n      <div class=\"divider\" aria-hidden=\"true\"></div>\n      <div class=\"nav-container\">\n        ${actions.map((action) => {\n          const normalizedId = this.normalizeActionId(action.id);\n          return html`\n            <obc-navigation-item\n              .label=${action.label}\n              hasIcon\n              @click=${() => this.handleSignedInActionClick(action)}\n            >\n              <span slot=\"icon\">\n                <slot name=\"signed-in-action-icon-${normalizedId}\">\n                  ${this.getSignedInActionIcon(normalizedId)}\n                </slot>\n              </span>\n            </obc-navigation-item>\n          `;\n        })}\n      </div>\n      <div class=\"button-container\">\n        <obc-button\n          variant=${ButtonVariant.normal}\n          fullWidth\n          @click=${this.handleSignOutClick}\n        >\n          ${msg('Sign out')}\n        </obc-button>\n      </div>\n    `;\n  }\n\n  private renderSignedInSmall() {\n    const actions = this.signedInActions.length\n      ? this.signedInActions\n      : this.defaultSignedInActions;\n    const primaryAction = actions[2];\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('User')}</h3>\n      </div>\n      <div class=\"user-container\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n      </div>\n      <div class=\"button-container\">\n        ${primaryAction\n          ? html`\n              <obc-button\n                variant=${ButtonVariant.normal}\n                fullWidth\n                @click=${() => this.handleSignedInActionClick(primaryAction)}\n              >\n                ${primaryAction.label}\n              </obc-button>\n            `\n          : nothing}\n        <obc-button\n          variant=${ButtonVariant.normal}\n          fullWidth\n          @click=${this.handleSignOutClick}\n        >\n          ${msg('Sign out')}\n        </obc-button>\n      </div>\n    `;\n  }\n\n  override render() {\n    let content: TemplateResult | symbol = nothing;\n    if (this.type === ObcUserMenuType.signIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderSignInSmall()\n          : this.renderSignIn();\n    }\n    if (this.type === ObcUserMenuType.userSignIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderUserSignInSmall()\n          : this.renderUserSignIn();\n    }\n    if (this.type === ObcUserMenuType.loadingSignIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderLoadingSignInSmall()\n          : this.renderLoadingSignIn();\n    }\n    if (this.type === ObcUserMenuType.signedIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderSignedInSmall()\n          : this.renderSignedIn();\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          card: true,\n          [`size-${this.size}`]: true,\n          [`type-${this.type}`]: true,\n        })}\n      >\n        ${content}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-user-menu': ObcUserMenu;\n  }\n}\n"],"names":["ObcUserMenuType","ObcUserMenuSize"],"mappings":"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"}
+{"version":3,"file":"user-menu.js","sources":["../../../src/components/user-menu/user-menu.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport componentStyle from './user-menu.css?inline';\nimport '../text-input-field/text-input-field.js';\nimport '../button/button.js';\nimport '../user-button/user-button.js';\nimport '../progress-bar/progress-bar.js';\nimport '../navigation-item/navigation-item.js';\nimport '../../icons/icon-calendar-google.js';\nimport '../../icons/icon-log-open-google.js';\nimport '../../icons/icon-settings-iec.js';\nimport '../../icons/icon-user.js';\nimport {\n  HTMLInputTypeAttribute,\n  ObcTextInputFieldTextAlign,\n} from '../text-input-field/text-input-field.js';\nimport {ButtonVariant} from '../button/button.js';\nimport {\n  ProgressBarMode,\n  ProgressBarType,\n} from '../progress-bar/progress-bar.js';\nimport {Size, StyleType, Variant} from '../user-button/user-button.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum ObcUserMenuType {\n  signIn = 'sign-in',\n  userSignIn = 'user-sign-in',\n  loadingSignIn = 'loading-sign-in',\n  signedIn = 'signed-in',\n}\n\nexport enum ObcUserMenuSize {\n  regular = 'regular',\n  small = 'small',\n}\n\nexport type ObcUserMenuUser = {\n  initials: string;\n  label: string;\n};\n\nexport type ObcUserMenuSignedInAction = {\n  id: string;\n  label: string;\n};\n\n/**\n * `<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n *\n * Provides multiple layouts for authentication and account access states, including\n * sign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n *\n * ### Features\n * - **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n * - **Size Options:** Regular and small sizes for compact layouts.\n * - **Recent Users:** Optional \"Recently signed in\" section for quick access.\n * - **Navigation Actions:** Signed-in state lists the actions it is given.\n *\n * ### Variants\n * - `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n * - `size`: `regular`, `small`\n *\n * ### Usage Guidelines\n * Use `obc-user-menu` in authentication or account panels where quick access to\n * sign-in, profile, or account actions is needed. The `user-sign-in` type is\n * best for fast re-auth flows; `loading-sign-in` is for pending auth states.\n *\n * ### Properties and Configuration\n * - `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n * - `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n * - `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n *   Defaults to `false`.\n * - `username` (`string`): Current username value for sign-in layouts.\n * - `password` (`string`): Current password value for sign-in layouts.\n * - `usernameError` (`string`): Error message for the username field.\n * - `passwordError` (`string`): Error message for the password field.\n * - `userInitials` (`string`): Initials for the primary user profile.\n * - `userLabel` (`string`): Label for the primary user profile.\n * - `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n *   \"Recently signed in\" section. Empty renders no section.\n * - `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the\n *   signed-in navigation list. Empty renders no actions.\n * - `primaryActionId` (`string`): Id of the action promoted to a button in the\n *   small signed-in layout.\n *\n * ### Events\n * - `sign-in-click` – Fired when a sign-in button is clicked.\n * - `sign-out-click` – Fired when the sign-out button is clicked.\n * - `signed-in-action-click` – Fired when a signed-in action is clicked.\n * - `recent-user-click` – Fired when a recent user button is clicked.\n *\n * ### Slots\n * - `signed-in-action-icon-{id}`: Optional icon for a signed-in action. The\n *   `{id}` is the normalized action id.\n *\n * ### Example\n * ```html\n * <obc-user-menu\n *   type=\"user-sign-in\"\n *   size=\"small\"\n *   hasRecentlySignedIn=\"false\"\n *   userInitials=\"JD\"\n *   userLabel=\"John Doe\"\n * ></obc-user-menu>\n * ```\n *\n * @property type - Controls the visual layout of the user menu.\n * @property size - Controls the overall size of the user menu.\n * @property hasRecentlySignedIn - Toggles the \"Recently signed in\" section visibility.\n * @availableWhen hasRecentlySignedIn type in [signIn, userSignIn]\n * @property username - Current username value for sign-in layouts.\n * @availableWhen username type==signIn\n * @property password - Current password value for sign-in layouts.\n * @availableWhen password type in [signIn, userSignIn]\n * @property usernameError - Error message for the username field.\n * @availableWhen usernameError type==signIn\n * @property passwordError - Error message for the password field.\n * @availableWhen passwordError type in [signIn, userSignIn]\n * @property userInitials - Initials for the primary user profile.\n * @availableWhen userInitials type!=signIn\n * @property userLabel - Label for the primary user profile.\n * @availableWhen userLabel type!=signIn\n * @property recentUsers - Recent users for the \"Recently signed in\" section.\n * @property signedInActions - Actions shown in the signed-in navigation list.\n * @availableWhen signedInActions type==signedIn\n * @property primaryActionId - Id of the action promoted to a button in the small signed-in layout.\n * @availableWhen primaryActionId type==signedIn && size==small\n * @slot signed-in-action-icon-<id> - Optional icon for a signed-in action, one per action; `<id>` is the normalized action id (shown in the `signed-in` type).\n * @fires {CustomEvent<{username: string, password: string}>} sign-in-click - Fired when a sign-in button is clicked.\n * @fires {CustomEvent<void>} sign-out-click - Fired when the sign-out button is clicked.\n * @fires {CustomEvent<{id: string, label: string}>} signed-in-action-click - Fired when a signed-in action is clicked.\n * @fires {CustomEvent<{initials: string, label: string}>} recent-user-click - Fired when a recent user button is clicked.\n * @stable\n */\n@customElement('obc-user-menu')\n@localized()\nexport class ObcUserMenu extends LitElement {\n  @property({type: String}) type: ObcUserMenuType = ObcUserMenuType.signIn;\n\n  @property({type: String}) size: ObcUserMenuSize = ObcUserMenuSize.regular;\n\n  @property({type: Boolean})\n  hasRecentlySignedIn = false;\n\n  @property({type: String}) username = '';\n\n  @property({type: String}) password = '';\n\n  @property({type: String}) usernameError = '';\n\n  @property({type: String}) passwordError = '';\n\n  @property({type: String}) userInitials?: string;\n\n  @property({type: String}) userLabel?: string;\n\n  @property({type: Array, attribute: false})\n  recentUsers: ObcUserMenuUser[] = [];\n\n  @property({type: Array, attribute: false})\n  signedInActions: ObcUserMenuSignedInAction[] = [];\n\n  @property({type: String}) primaryActionId?: string;\n\n  private get showRecentUsers() {\n    return this.hasRecentlySignedIn && this.recentUsers.length > 0;\n  }\n\n  private renderTextInput(\n    placeholder: string,\n    type: HTMLInputTypeAttribute = HTMLInputTypeAttribute.Text,\n    value = '',\n    onInput?: (event: Event) => void,\n    errorText = ''\n  ) {\n    const isPassword = type === HTMLInputTypeAttribute.Password;\n    return html`\n      <obc-text-input-field\n        .placeholder=${placeholder}\n        .type=${type}\n        .textAlign=${ObcTextInputFieldTextAlign.Left}\n        .value=${value}\n        .error=${Boolean(errorText)}\n        .errorText=${errorText}\n        .required=${true}\n        .hasClearButton=${!isPassword}\n        @input=${onInput}\n      >\n      </obc-text-input-field>\n    `;\n  }\n\n  private renderUserButtons(count: number, isLarge: boolean) {\n    const size = isLarge ? Size.large : Size.regular;\n    const users = this.recentUsers.slice(0, count);\n    return html`\n      <div\n        class=${classMap({\n          users: true,\n          large: isLarge,\n          single: users.length === 1,\n        })}\n      >\n        ${users.map(\n          (user) => html`\n            <obc-user-button\n              .variant=${Variant.initials}\n              .styleType=${StyleType.normal}\n              .size=${size}\n              .initials=${user.initials}\n              .label=${user.label}\n              @click=${() => this.handleRecentUserClick(user)}\n            ></obc-user-button>\n          `\n        )}\n      </div>\n    `;\n  }\n\n  private renderUserProfile(\n    layout: 'vertical' | 'horizontal',\n    size: 'large' | 'regular'\n  ) {\n    if (!this.userInitials && !this.userLabel) {\n      return nothing;\n    }\n    const userButtonSize = size === 'large' ? Size.large : Size.regular;\n    return html`\n      <div\n        class=${classMap({\n          'user-profile': true,\n          [layout]: true,\n        })}\n      >\n        <obc-user-button\n          class=${classMap({\n            'user-avatar': true,\n            [`size-${size}`]: true,\n          })}\n          .variant=${Variant.initials}\n          .styleType=${StyleType.normal}\n          .size=${userButtonSize}\n          .initials=${this.userInitials ?? ''}\n          .label=${this.userLabel ?? ''}\n        ></obc-user-button>\n      </div>\n    `;\n  }\n\n  private getSignedInActionIcon(actionId: string) {\n    switch (actionId) {\n      case 'calendar':\n        return html`<obi-calendar-google></obi-calendar-google>`;\n      case 'log':\n        return html`<obi-log-open-google></obi-log-open-google>`;\n      case 'preferences':\n        return html`<obi-settings-iec></obi-settings-iec>`;\n      case 'user-account':\n        return html`<obi-user></obi-user>`;\n      default:\n        return nothing;\n    }\n  }\n\n  private normalizeActionId(actionId: string) {\n    return actionId\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, '-');\n  }\n\n  private handleSignedInActionClick(action: ObcUserMenuSignedInAction) {\n    this.dispatchEvent(\n      new CustomEvent('signed-in-action-click', {\n        detail: {id: action.id, label: action.label},\n      })\n    );\n  }\n\n  private handleRecentUserClick(user: ObcUserMenuUser) {\n    this.dispatchEvent(\n      new CustomEvent('recent-user-click', {\n        detail: {initials: user.initials, label: user.label},\n      })\n    );\n  }\n\n  private handleUsernameInput(event: Event) {\n    const target = event.target as {value?: string};\n    this.username = target.value ?? '';\n    if (this.username) {\n      this.usernameError = '';\n    }\n  }\n\n  private handlePasswordInput(event: Event) {\n    const target = event.target as {value?: string};\n    this.password = target.value ?? '';\n    if (this.password) {\n      this.passwordError = '';\n    }\n  }\n\n  private validateSignIn() {\n    let valid = true;\n    const needsUsername = this.type === ObcUserMenuType.signIn;\n\n    if (needsUsername && !this.username) {\n      this.usernameError = msg('Username is required');\n      valid = false;\n    }\n\n    if (!this.password) {\n      this.passwordError = msg('Password is required');\n      valid = false;\n    }\n\n    return valid;\n  }\n\n  private handleSignInClick() {\n    if (!this.validateSignIn()) {\n      return;\n    }\n    this.dispatchEvent(\n      new CustomEvent('sign-in-click', {\n        detail: {username: this.username, password: this.password},\n      })\n    );\n  }\n\n  private handleSignOutClick() {\n    this.dispatchEvent(new CustomEvent('sign-out-click'));\n  }\n\n  private renderSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Username'),\n          HTMLInputTypeAttribute.Text,\n          this.username,\n          this.handleUsernameInput.bind(this),\n          this.usernameError\n        )}\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      ${this.showRecentUsers\n        ? html`\n            <div class=\"recent-container\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recently signed in')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, true)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Username'),\n          HTMLInputTypeAttribute.Text,\n          this.username,\n          this.handleUsernameInput.bind(this),\n          this.usernameError\n        )}\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      ${this.showRecentUsers\n        ? html`\n            <div class=\"divider\" aria-hidden=\"true\"></div>\n            <div class=\"recent-container recent\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recent')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, false)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderUserSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"login-container\">\n        <div class=\"user-primary\">\n          ${this.renderUserProfile('vertical', 'large')}\n        </div>\n        <div class=\"fields\">\n          ${this.renderTextInput(\n            msg('Password'),\n            HTMLInputTypeAttribute.Password,\n            this.password,\n            this.handlePasswordInput.bind(this),\n            this.passwordError\n          )}\n          <obc-button\n            variant=${ButtonVariant.raised}\n            fullWidth\n            @click=${this.handleSignInClick}\n          >\n            ${msg('Sign in')}\n          </obc-button>\n        </div>\n      </div>\n      ${this.showRecentUsers\n        ? html`\n            <div class=\"recent-container\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recently signed in')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, true)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderUserSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-container\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n      </div>\n      <div class=\"login-container\">\n        ${this.renderTextInput(\n          msg('Password'),\n          HTMLInputTypeAttribute.Password,\n          this.password,\n          this.handlePasswordInput.bind(this),\n          this.passwordError\n        )}\n        <obc-button\n          variant=${ButtonVariant.raised}\n          fullWidth\n          @click=${this.handleSignInClick}\n        >\n          ${msg('Sign in')}\n        </obc-button>\n      </div>\n      ${this.showRecentUsers\n        ? html`\n            <div class=\"divider\" aria-hidden=\"true\"></div>\n            <div class=\"recent-container recent\">\n              <div class=\"title-container\">\n                <div class=\"subtitle\">${msg('Recent')}</div>\n              </div>\n              <div class=\"actions-container\">\n                ${this.renderUserButtons(3, false)}\n              </div>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  private renderLoadingSignIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-primary loading\">\n        ${this.renderUserProfile('vertical', 'large')}\n        <obc-progress-bar\n          class=\"progress\"\n          type=${ProgressBarType.linear}\n          mode=${ProgressBarMode.indeterminate}\n          .showValue=${false}\n        ></obc-progress-bar>\n      </div>\n    `;\n  }\n\n  private renderLoadingSignInSmall() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('Sign in')}</h3>\n      </div>\n      <div class=\"user-primary loading\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n        <obc-progress-bar\n          class=\"progress\"\n          type=${ProgressBarType.linear}\n          mode=${ProgressBarMode.indeterminate}\n          .showValue=${false}\n        ></obc-progress-bar>\n      </div>\n    `;\n  }\n\n  private renderSignedIn() {\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('User')}</h3>\n      </div>\n      <div class=\"user-primary signed-in\">\n        ${this.renderUserProfile('vertical', 'large')}\n      </div>\n      <div class=\"divider\" aria-hidden=\"true\"></div>\n      ${this.signedInActions.length\n        ? html`\n            <div class=\"nav-container\">\n              ${this.signedInActions.map((action) => {\n                const normalizedId = this.normalizeActionId(action.id);\n                return html`\n                  <obc-navigation-item\n                    .label=${action.label}\n                    hasIcon\n                    @click=${() => this.handleSignedInActionClick(action)}\n                  >\n                    <span slot=\"icon\">\n                      <slot name=\"signed-in-action-icon-${normalizedId}\">\n                        ${this.getSignedInActionIcon(normalizedId)}\n                      </slot>\n                    </span>\n                  </obc-navigation-item>\n                `;\n              })}\n            </div>\n          `\n        : nothing}\n      <div class=\"button-container\">\n        <obc-button\n          variant=${ButtonVariant.normal}\n          fullWidth\n          @click=${this.handleSignOutClick}\n        >\n          ${msg('Sign out')}\n        </obc-button>\n      </div>\n    `;\n  }\n\n  private renderSignedInSmall() {\n    const primaryAction = this.signedInActions.find(\n      (action) => action.id === this.primaryActionId\n    );\n    return html`\n      <div class=\"title-container\">\n        <h3 class=\"title\">${msg('User')}</h3>\n      </div>\n      <div class=\"user-container\">\n        ${this.renderUserProfile('horizontal', 'regular')}\n      </div>\n      <div class=\"button-container\">\n        ${primaryAction\n          ? html`\n              <obc-button\n                variant=${ButtonVariant.normal}\n                fullWidth\n                @click=${() => this.handleSignedInActionClick(primaryAction)}\n              >\n                ${primaryAction.label}\n              </obc-button>\n            `\n          : nothing}\n        <obc-button\n          variant=${ButtonVariant.normal}\n          fullWidth\n          @click=${this.handleSignOutClick}\n        >\n          ${msg('Sign out')}\n        </obc-button>\n      </div>\n    `;\n  }\n\n  override render() {\n    let content: TemplateResult | symbol = nothing;\n    if (this.type === ObcUserMenuType.signIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderSignInSmall()\n          : this.renderSignIn();\n    }\n    if (this.type === ObcUserMenuType.userSignIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderUserSignInSmall()\n          : this.renderUserSignIn();\n    }\n    if (this.type === ObcUserMenuType.loadingSignIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderLoadingSignInSmall()\n          : this.renderLoadingSignIn();\n    }\n    if (this.type === ObcUserMenuType.signedIn) {\n      content =\n        this.size === ObcUserMenuSize.small\n          ? this.renderSignedInSmall()\n          : this.renderSignedIn();\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          card: true,\n          [`size-${this.size}`]: true,\n          [`type-${this.type}`]: true,\n        })}\n      >\n        ${content}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-user-menu': ObcUserMenu;\n  }\n}\n"],"names":["ObcUserMenuType","ObcUserMenuSize"],"mappings":"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"}