@oicl/openbridge-webcomponents 0.0.20260414105212 → 0.0.20260414111415

package/dist/components/navigation-menu/navigation-menu.css.js

@@ -42,7 +42,7 @@ const compentStyle = css`
 .wrapper .footer {
     display: flex;
     flex-direction: column;
-    border-top: 1px solid var(--border-outline-color, rgba(0, 0, 0, 0.08));
+    border-top: 1px solid var(--border-outline-color);
     flex: 0;
   }
 
@@ -52,8 +52,8 @@ const compentStyle = css`
     width: 100%;
   }
 
-.full .footer nav {
-  border-bottom: 1px solid var(--border-outline-color, rgba(0, 0, 0, 0.08));
+.full .footer.has-footer nav {
+  border-bottom: 1px solid var(--border-outline-color);
 }
 
 .full .logo {

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

@@ -134,6 +134,7 @@ export declare class ObcNavigationMenu extends LitElement {
      */
     smallScreen: boolean;
     private slotObservers;
+    private hasFooter;
     findAllElements<T extends Element>(el: Element, tag: string, { slot, stopTag, }?: {
         slot?: 'main' | 'footer' | 'logo';
         stopTag?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAGzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AAGxE;;;;;;;;;GASG;AACH,oBAAY,wBAAwB;IAClC,IAAI,SAAS;IACb,QAAQ,cAAc,CAAE,yEAAyE;IACjG,aAAa,oBAAoB,CAAE,iEAAiE;IACpG,OAAO,YAAY;CACpB;AAED;;;;;;;GAOG;AACH,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C;;;;;;;OAOG;IACuB,OAAO,EAAE,wBAAwB,CAC3B;IAEhC;;;OAGG;IACuB,aAAa,EAAE,8BAA8B,CACjC;IAEtC;;OAEG;IACwB,WAAW,UAAS;IAE/C,OAAO,CAAC,aAAa,CAA0B;IAE/C,eAAe,CAAC,CAAC,SAAS,OAAO,EAC/B,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,MAAM,EACX,EACE,IAAI,EACJ,OAAO,GACR,GAAE;QACD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,CAAC;KACb,GACL,CAAC,EAAE;IAoBN,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,sBAAsB,EAAE;IAQpD,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,iBAAiB,EAAE;IAO/C,YAAY,CACV,EAAE,EAAE,OAAO,EACX,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAChC,iBAAiB,EAAE;IAMtB,cAAc;IAOd,aAAa,CAAC,MAAM,EAAE,sBAAsB,EAAE;IAc9C,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;cA6BP,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cAMtD,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAWpE,OAAO,CAAC,uBAAuB;IAiBtB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,UAAU;IAuClB,OAAO,CAAC,cAAc;IAQb,MAAM;IA+Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAGzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AAGxE;;;;;;;;;GASG;AACH,oBAAY,wBAAwB;IAClC,IAAI,SAAS;IACb,QAAQ,cAAc,CAAE,yEAAyE;IACjG,aAAa,oBAAoB,CAAE,iEAAiE;IACpG,OAAO,YAAY;CACpB;AAED;;;;;;;GAOG;AACH,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C;;;;;;;OAOG;IACuB,OAAO,EAAE,wBAAwB,CAC3B;IAEhC;;;OAGG;IACuB,aAAa,EAAE,8BAA8B,CACjC;IAEtC;;OAEG;IACwB,WAAW,UAAS;IAE/C,OAAO,CAAC,aAAa,CAA0B;IACtC,OAAO,CAAC,SAAS,CAAS;IAEnC,eAAe,CAAC,CAAC,SAAS,OAAO,EAC/B,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,MAAM,EACX,EACE,IAAI,EACJ,OAAO,GACR,GAAE;QACD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,CAAC;KACb,GACL,CAAC,EAAE;IAoBN,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,sBAAsB,EAAE;IAQpD,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,iBAAiB,EAAE;IAO/C,YAAY,CACV,EAAE,EAAE,OAAO,EACX,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAChC,iBAAiB,EAAE;IAMtB,cAAc;IAOd,aAAa,CAAC,MAAM,EAAE,sBAAsB,EAAE;IAc9C,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;cA+BP,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cAMtD,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAWpE,OAAO,CAAC,uBAAuB;IAiBtB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,UAAU;IAuClB,OAAO,CAAC,cAAc;IAQb,MAAM;IA+Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

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

@@ -1,5 +1,5 @@
 import { unsafeCSS, LitElement, nothing, html } from "lit";
-import { property } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import compentStyle from "./navigation-menu.css.js";
 import { customElement } from "../../decorator.js";
 var __defProp = Object.defineProperty;
@@ -31,6 +31,7 @@ let ObcNavigationMenu = class extends LitElement {
     this.flyoutVariant = "full";
     this.smallScreen = false;
     this.slotObservers = [];
+    this.hasFooter = false;
   }
   findAllElements(el, tag, {
     slot,
@@ -101,6 +102,7 @@ let ObcNavigationMenu = class extends LitElement {
     const footerSlot = this.shadowRoot?.querySelector(
       'slot[name="footer"]'
     );
+    this.hasFooter = footerSlot?.assignedElements().length > 0;
     [mainSlot, footerSlot].forEach((slot) => {
       if (slot) {
         const slottedElements = slot.assignedElements();
@@ -192,7 +194,7 @@ let ObcNavigationMenu = class extends LitElement {
             <slot name="main" @slotchange=${this.handleSlotChange}></slot>
           </ol>
         </nav>
-        <div class="footer">
+        <div class="footer ${this.hasFooter ? "has-footer" : ""}">
           <nav>
             <ol>
               <slot name="footer" @slotchange=${this.handleSlotChange}></slot>
@@ -219,6 +221,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcNavigationMenu.prototype, "smallScreen", 2);
+__decorateClass([
+  state()
+], ObcNavigationMenu.prototype, "hasFooter", 2);
 ObcNavigationMenu = __decorateClass([
   customElement("obc-navigation-menu")
 ], ObcNavigationMenu);

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './navigation-menu.css?inline';\nimport {ObcNavigationItemGroup} from '../navigation-item-group/navigation-item-group.js';\nimport {ObcNavigationItem} from '../navigation-item/navigation-item.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * `ObcNavigationMenuVariant` – Enumerates the available visual and behavioral variants for `<obc-navigation-menu>`.\n *\n * - `Full`: Standard navigation menu with both icons and labels.\n * - `IconOnly`: Compact menu showing only icons (should only be used when no flyouts/submenus are present).\n * - `IconOnlyLarge`: Icon-only menu variant designed for use when flyouts/submenus are present.\n * - `Compact`: Space-saving menu with reduced padding and layout.\n *\n * Use these variants to adapt the navigation menu to different layouts or device sizes.\n */\nexport enum ObcNavigationMenuVariant {\n  Full = 'full',\n  IconOnly = 'icon-only', // Should only be used when no flyouts are present in the navigation menu\n  IconOnlyLarge = 'icon-only-large', // Should be used when flyouts are present in the navigation menu\n  Compact = 'compact',\n}\n\n/**\n * `ObcNavigationMenuFlyoutVariant` – Enumerates the available visual and behavioral variants for the flyout.\n *\n * - `Full`: Standard navigation flyout that takes the full height.\n * - `Compact`: Space-saving menu with reduced padding and layout.\n *\n * Use these variants to adapt the flyout menu to different layouts or device sizes.\n */\nexport enum ObcNavigationMenuFlyoutVariant {\n  Full = 'full',\n  Compact = 'compact',\n}\n\n/**\n * `<obc-navigation-menu>` – A flexible, slot-based navigation menu component for organizing primary and secondary navigation items.\n *\n * This component provides a vertical navigation structure supporting groups, flyouts, and footer sections. It adapts to various layouts and device sizes via its `variant` and `smallScreen` properties. Items and groups are provided via slots, allowing for icons, labels, and nested navigation hierarchies.\n *\n * Appears as a sidebar or persistent navigation panel, supporting both icon-only and full-label modes. Designed for use as the main navigation in applications, dashboards, or any interface requiring structured navigation.\n *\n * ## Features\n *\n * - **Variants:**\n *   - **Full:** Displays both icons and labels for all navigation items (default).\n *   - **IconOnly:** Shows only icons for a compact appearance. *Should only be used when no navigation items have sub-items or flyouts.*\n *   - **IconOnlyLarge:** Icon-only mode that supports flyouts/submenus. Use when navigation contains groups or nested items.\n *   - **Compact:** Reduces padding and overall width for a space-saving layout.\n * - **Responsive Layout:**\n *   - `smallScreen` property adapts the footer and logo layout for smaller viewports.\n * - **Slot-based Content:**\n *   - `main` slot for primary navigation items and groups.\n *   - `footer` slot for secondary actions or links.\n *   - `logo` slot for branding or logo placement (position adapts based on variant and screen size).\n * - **Nested Navigation:**\n *   - Supports nested groups and flyouts via `<obc-navigation-item-group>`.\n * - **Automatic Variant Propagation:**\n *   - Child items and groups automatically receive the correct variant for consistent appearance.\n * - **Dynamic Content Handling:**\n *   - Reacts to dynamic addition/removal of items and groups, updating layout and variants as needed.\n * - **Interaction:**\n *   - Clicking a navigation item closes all open groups/flyouts for streamlined navigation.\n *\n * ## Usage Guidelines\n *\n * Use `<obc-navigation-menu>` as the main navigation container in your application layout. Place navigation items and groups in the `main` slot for primary navigation, and use the `footer` slot for secondary actions (such as settings or help). The `logo` slot is intended for branding and is positioned according to the selected variant and screen size.\n *\n * - Use the `Full` variant for standard navigation with both icons and labels.\n * - Use `IconOnly` only when there are no nested groups or flyouts; otherwise, use `IconOnlyLarge` for icon-only navigation with flyout support.\n * - The `Compact` variant is suitable for layouts with limited space or when a minimal navigation appearance is desired.\n * - Set `smallScreen` to `true` to optimize the layout for smaller devices or responsive breakpoints.\n *\n * **TODO(designer):** Provide additional guidance on when to use each variant and recommended slot content for best usability.\n *\n * ## Slots\n *\n * | Slot Name | Renders When... | Purpose |\n * |-----------|----------------|---------|\n * | main      | Always         | Primary navigation items and groups. |\n * | footer    | Always         | Secondary navigation items (e.g., settings, help). |\n * | logo      | Always         | Branding/logo area (position varies by variant and screen size). |\n *\n * Place `<obc-navigation-item>`, `<obc-navigation-item-group>`, or other suitable elements in these slots. For icons, use `<obi-placeholder>`, `<obi-applications>`, or other OpenBridge icon components in the `icon` slot of each navigation item.\n *\n * ## Properties\n *\n * - `variant` (`ObcNavigationMenuVariant`): Controls the visual style and layout of the menu. Default is `Full`.\n * - `smallScreen` (`boolean`): When `true`, adapts the layout for small screens (e.g., moves logo into the footer area).\n *\n * ## Best Practices and Constraints\n *\n * - Only use the `IconOnly` variant when there are no navigation items with sub-items or flyouts. Use `IconOnlyLarge` if your navigation includes groups or nested items.\n * - Place only navigation-related components in the `main` and `footer` slots for clarity and accessibility.\n * - For best accessibility, ensure each navigation item has a clear label and, if using icons, a suitable `aria-label` or accessible name.\n * - Avoid placing interactive elements other than navigation items/groups in the `main` or `footer` slots.\n *\n * ## Example\n *\n * ```html\n * <obc-navigation-menu variant=\"full\">\n *   <obc-navigation-item-group slot=\"main\" label=\"Apps\">\n *     <obi-applications slot=\"icon\"></obi-applications>\n *     <obc-navigation-item label=\"Sub item 1\" hasIcon href=\"#\">\n *       <obi-placeholder slot=\"icon\"></obi-placeholder>\n *     </obc-navigation-item>\n *   </obc-navigation-item-group>\n *   <obc-navigation-item slot=\"footer\" label=\"Settings\" hasIcon href=\"#\">\n *     <obi-settings-iec slot=\"icon\"></obi-settings-iec>\n *   </obc-navigation-item>\n *   <obc-vendor-button imageSrc=\"/companylogo-day.png\" alt=\"logo\" slot=\"logo\"></obc-vendor-button>\n * </obc-navigation-menu>\n * ```\n *\n * In this example, the menu displays a group with sub-items in the main navigation, several footer actions, and a logo.\n *\n * @slot main - Slot for primary navigation items and groups.\n * @slot footer - Slot for secondary navigation items (e.g., settings, help).\n * @slot logo - Slot for branding/logo area.\n */\n@customElement('obc-navigation-menu')\nexport class ObcNavigationMenu extends LitElement {\n  /**\n   * Controls the visual style and layout of the navigation menu.\n   *\n   * - `full`: Standard menu with icons and labels (default).\n   * - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).\n   * - `icon-only-large`: Icon-only menu supporting flyouts/groups.\n   * - `compact`: Minimal, space-saving menu.\n   */\n  @property({type: String}) variant: ObcNavigationMenuVariant =\n    ObcNavigationMenuVariant.Full;\n\n  /**\n   * Visual variant of the flyout.\n   * One of `Full` (default) or `Compact`.\n   */\n  @property({type: String}) flyoutVariant: ObcNavigationMenuFlyoutVariant =\n    ObcNavigationMenuFlyoutVariant.Full;\n\n  /**\n   * When `true`, adapts the layout for small screens (e.g., moves logo into the footer area and adjusts item layout).\n   */\n  @property({type: Boolean}) smallScreen = false;\n\n  private slotObservers: MutationObserver[] = [];\n\n  findAllElements<T extends Element>(\n    el: Element,\n    tag: string,\n    {\n      slot,\n      stopTag,\n    }: {\n      slot?: 'main' | 'footer' | 'logo';\n      stopTag?: string;\n    } = {}\n  ): T[] {\n    const elements: T[] = [];\n    for (const child of el.children) {\n      if (child.tagName.toLowerCase() === tag) {\n        if (slot && child.getAttribute('slot') !== slot) {\n          continue;\n        }\n        elements.push(child as T);\n      } else if (stopTag && child.tagName.toLowerCase() === stopTag) {\n        continue;\n      } else {\n        if (slot && child.getAttribute('slot') !== slot) {\n          continue;\n        }\n        elements.push(...this.findAllElements<T>(child, tag, {stopTag}));\n      }\n    }\n    return elements;\n  }\n\n  findAllGroups(el: Element): ObcNavigationItemGroup[] {\n    // Find all groups that are not in a group\n    return this.findAllElements<ObcNavigationItemGroup>(\n      el,\n      'obc-navigation-item-group'\n    );\n  }\n\n  findRootItems(el: Element): ObcNavigationItem[] {\n    // Find all items that are not in a group or in an item\n    return this.findAllElements<ObcNavigationItem>(el, 'obc-navigation-item', {\n      stopTag: 'obc-navigation-item-group',\n    });\n  }\n\n  findAllItems(\n    el: Element,\n    slot?: 'main' | 'footer' | 'logo'\n  ): ObcNavigationItem[] {\n    return this.findAllElements<ObcNavigationItem>(el, 'obc-navigation-item', {\n      slot,\n    });\n  }\n\n  closeAllGroups() {\n    const groups = this.findAllGroups(this);\n    groups.forEach((group) => {\n      group.close();\n    });\n  }\n\n  registerGroup(groups: ObcNavigationItemGroup[]) {\n    groups.forEach((group) => {\n      group.addEventListener('open', () => {\n        groups.forEach((g) => {\n          if (g !== group) {\n            g.close();\n          }\n        });\n      });\n      const subGroups = this.findAllGroups(group);\n      this.registerGroup(subGroups);\n    });\n  }\n\n  private cleanupSlotObservers() {\n    this.slotObservers.forEach((observer) => observer.disconnect());\n    this.slotObservers = [];\n  }\n\n  private setupSlotObservers() {\n    this.cleanupSlotObservers();\n\n    const mainSlot = this.shadowRoot?.querySelector(\n      'slot[name=\"main\"]'\n    ) as HTMLSlotElement;\n    const footerSlot = this.shadowRoot?.querySelector(\n      'slot[name=\"footer\"]'\n    ) as HTMLSlotElement;\n\n    [mainSlot, footerSlot].forEach((slot) => {\n      if (slot) {\n        const slottedElements = slot.assignedElements();\n        slottedElements.forEach((element) => {\n          const observer = new MutationObserver(() => {\n            this.setupItems();\n          });\n\n          observer.observe(element, {\n            childList: true,\n            subtree: true,\n          });\n\n          this.slotObservers.push(observer);\n        });\n      }\n    });\n  }\n\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\n    super.firstUpdated(_changedProperties);\n    const groups = this.findAllGroups(this);\n    this.registerGroup(groups);\n  }\n\n  protected override updated(_changedProperties: PropertyValues): void {\n    super.updated(_changedProperties);\n    if (\n      _changedProperties.has('variant') ||\n      _changedProperties.has('flyoutVariant')\n    ) {\n      this.setupItems();\n    }\n  }\n\n  // Recursively set variant for children of groups\n  private setVariantToFlyoutItems(el: Element) {\n    // Find all descendant items inside this element (not direct children of the nav menu)\n    const items = this.findAllElements<ObcNavigationItem>(\n      el,\n      'obc-navigation-item'\n    );\n    items.forEach((item) => {\n      item.variant = ObcNavigationMenuVariant.Full;\n    });\n\n    const groups = this.findAllGroups(el);\n    groups.forEach((group) => {\n      group.variant = ObcNavigationMenuVariant.Full;\n      this.setVariantToFlyoutItems(group);\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.cleanupSlotObservers();\n  }\n\n  private handleSlotChange() {\n    this.setupItems();\n    this.setupSlotObservers();\n  }\n\n  private setupItems() {\n    const hug =\n      this.variant !== ObcNavigationMenuVariant.Full ||\n      this.flyoutVariant === ObcNavigationMenuFlyoutVariant.Compact;\n    this.setHugToGroups(this, hug);\n\n    // Set variant to all groups (top-level)\n    const groups = this.findAllGroups(this);\n    groups.forEach((group) => {\n      group.variant = this.variant;\n      // But for flyout children, force variant to full\n      this.setVariantToFlyoutItems(group);\n    });\n\n    // Set variant to all root items (not in group)\n    this.findRootItems(this).forEach((item) => {\n      item.variant = this.variant;\n    });\n\n    // Footer and logo logic (same as before)\n    const footerVariant =\n      this.smallScreen && this.variant === ObcNavigationMenuVariant.Full\n        ? ObcNavigationMenuVariant.Compact\n        : this.variant;\n    this.findAllItems(this, 'footer').forEach((item) => {\n      item.variant = footerVariant;\n    });\n    this.findAllItems(this, 'logo').forEach((item) => {\n      item.variant = footerVariant;\n    });\n\n    // Close all groups on item click (unchanged)\n    this.findAllItems(this).forEach((item) => {\n      item.addEventListener('click', () => {\n        this.closeAllGroups();\n      });\n    });\n  }\n\n  private setHugToGroups(el: Element, hug: boolean) {\n    const groups = this.findAllGroups(el);\n    groups.forEach((group) => {\n      group.hug = hug;\n      this.setHugToGroups(group, hug);\n    });\n  }\n\n  override render() {\n    return html`\n      <div\n        class=\"wrapper ${this.variant} ${this.smallScreen\n          ? 'small-screen'\n          : ''}\"\n      >\n        <nav class=\"main\">\n          <ol>\n            <slot name=\"main\" @slotchange=${this.handleSlotChange}></slot>\n          </ol>\n        </nav>\n        <div class=\"footer\">\n          <nav>\n            <ol>\n              <slot name=\"footer\" @slotchange=${this.handleSlotChange}></slot>\n              ${this.smallScreen ? html` <slot name=\"logo\"></slot> ` : nothing}\n            </ol>\n          </nav>\n          ${this.smallScreen\n            ? nothing\n            : html`\n                <div class=\"logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              `}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-menu': ObcNavigationMenu;\n  }\n}\n"],"names":["ObcNavigationMenuVariant","ObcNavigationMenuFlyoutVariant"],"mappings":";;;;;;;;;;;;;;AAiBO,IAAK,6CAAAA,8BAAL;AACLA,4BAAA,MAAA,IAAO;AACPA,4BAAA,UAAA,IAAW;AACXA,4BAAA,eAAA,IAAgB;AAChBA,4BAAA,SAAA,IAAU;AAJA,SAAAA;AAAA,GAAA,4BAAA,CAAA,CAAA;AAeL,IAAK,mDAAAC,oCAAL;AACLA,kCAAA,MAAA,IAAO;AACPA,kCAAA,SAAA,IAAU;AAFA,SAAAA;AAAA,GAAA,kCAAA,CAAA,CAAA;AA2FL,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AASqB,SAAA,UACxB;AAMwB,SAAA,gBACxB;AAKyB,SAAA,cAAc;AAEzC,SAAQ,gBAAoC,CAAA;AAAA,EAAC;AAAA,EAE7C,gBACE,IACA,KACA;AAAA,IACE;AAAA,IACA;AAAA,EAAA,IAIE,IACC;AACL,UAAM,WAAgB,CAAA;AACtB,eAAW,SAAS,GAAG,UAAU;AAC/B,UAAI,MAAM,QAAQ,YAAA,MAAkB,KAAK;AACvC,YAAI,QAAQ,MAAM,aAAa,MAAM,MAAM,MAAM;AAC/C;AAAA,QACF;AACA,iBAAS,KAAK,KAAU;AAAA,MAC1B,WAAW,WAAW,MAAM,QAAQ,YAAA,MAAkB,SAAS;AAC7D;AAAA,MACF,OAAO;AACL,YAAI,QAAQ,MAAM,aAAa,MAAM,MAAM,MAAM;AAC/C;AAAA,QACF;AACA,iBAAS,KAAK,GAAG,KAAK,gBAAmB,OAAO,KAAK,EAAC,QAAA,CAAQ,CAAC;AAAA,MACjE;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,cAAc,IAAuC;AAEnD,WAAO,KAAK;AAAA,MACV;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,cAAc,IAAkC;AAE9C,WAAO,KAAK,gBAAmC,IAAI,uBAAuB;AAAA,MACxE,SAAS;AAAA,IAAA,CACV;AAAA,EACH;AAAA,EAEA,aACE,IACA,MACqB;AACrB,WAAO,KAAK,gBAAmC,IAAI,uBAAuB;AAAA,MACxE;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,iBAAiB;AACf,UAAM,SAAS,KAAK,cAAc,IAAI;AACtC,WAAO,QAAQ,CAAC,UAAU;AACxB,YAAM,MAAA;AAAA,IACR,CAAC;AAAA,EACH;AAAA,EAEA,cAAc,QAAkC;AAC9C,WAAO,QAAQ,CAAC,UAAU;AACxB,YAAM,iBAAiB,QAAQ,MAAM;AACnC,eAAO,QAAQ,CAAC,MAAM;AACpB,cAAI,MAAM,OAAO;AACf,cAAE,MAAA;AAAA,UACJ;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AACD,YAAM,YAAY,KAAK,cAAc,KAAK;AAC1C,WAAK,cAAc,SAAS;AAAA,IAC9B,CAAC;AAAA,EACH;AAAA,EAEQ,uBAAuB;AAC7B,SAAK,cAAc,QAAQ,CAAC,aAAa,SAAS,YAAY;AAC9D,SAAK,gBAAgB,CAAA;AAAA,EACvB;AAAA,EAEQ,qBAAqB;AAC3B,SAAK,qBAAA;AAEL,UAAM,WAAW,KAAK,YAAY;AAAA,MAChC;AAAA,IAAA;AAEF,UAAM,aAAa,KAAK,YAAY;AAAA,MAClC;AAAA,IAAA;AAGF,KAAC,UAAU,UAAU,EAAE,QAAQ,CAAC,SAAS;AACvC,UAAI,MAAM;AACR,cAAM,kBAAkB,KAAK,iBAAA;AAC7B,wBAAgB,QAAQ,CAAC,YAAY;AACnC,gBAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,iBAAK,WAAA;AAAA,UACP,CAAC;AAED,mBAAS,QAAQ,SAAS;AAAA,YACxB,WAAW;AAAA,YACX,SAAS;AAAA,UAAA,CACV;AAED,eAAK,cAAc,KAAK,QAAQ;AAAA,QAClC,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEmB,aAAa,oBAA0C;AACxE,UAAM,aAAa,kBAAkB;AACrC,UAAM,SAAS,KAAK,cAAc,IAAI;AACtC,SAAK,cAAc,MAAM;AAAA,EAC3B;AAAA,EAEmB,QAAQ,oBAA0C;AACnE,UAAM,QAAQ,kBAAkB;AAChC,QACE,mBAAmB,IAAI,SAAS,KAChC,mBAAmB,IAAI,eAAe,GACtC;AACA,WAAK,WAAA;AAAA,IACP;AAAA,EACF;AAAA;AAAA,EAGQ,wBAAwB,IAAa;AAE3C,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IAAA;AAEF,UAAM,QAAQ,CAAC,SAAS;AACtB,WAAK,UAAU;AAAA,IACjB,CAAC;AAED,UAAM,SAAS,KAAK,cAAc,EAAE;AACpC,WAAO,QAAQ,CAAC,UAAU;AACxB,YAAM,UAAU;AAChB,WAAK,wBAAwB,KAAK;AAAA,IACpC,CAAC;AAAA,EACH;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA;AACN,SAAK,qBAAA;AAAA,EACP;AAAA,EAEQ,mBAAmB;AACzB,SAAK,WAAA;AACL,SAAK,mBAAA;AAAA,EACP;AAAA,EAEQ,aAAa;AACnB,UAAM,MACJ,KAAK,YAAY,UACjB,KAAK,kBAAkB;AACzB,SAAK,eAAe,MAAM,GAAG;AAG7B,UAAM,SAAS,KAAK,cAAc,IAAI;AACtC,WAAO,QAAQ,CAAC,UAAU;AACxB,YAAM,UAAU,KAAK;AAErB,WAAK,wBAAwB,KAAK;AAAA,IACpC,CAAC;AAGD,SAAK,cAAc,IAAI,EAAE,QAAQ,CAAC,SAAS;AACzC,WAAK,UAAU,KAAK;AAAA,IACtB,CAAC;AAGD,UAAM,gBACJ,KAAK,eAAe,KAAK,YAAY,SACjC,YACA,KAAK;AACX,SAAK,aAAa,MAAM,QAAQ,EAAE,QAAQ,CAAC,SAAS;AAClD,WAAK,UAAU;AAAA,IACjB,CAAC;AACD,SAAK,aAAa,MAAM,MAAM,EAAE,QAAQ,CAAC,SAAS;AAChD,WAAK,UAAU;AAAA,IACjB,CAAC;AAGD,SAAK,aAAa,IAAI,EAAE,QAAQ,CAAC,SAAS;AACxC,WAAK,iBAAiB,SAAS,MAAM;AACnC,aAAK,eAAA;AAAA,MACP,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEQ,eAAe,IAAa,KAAc;AAChD,UAAM,SAAS,KAAK,cAAc,EAAE;AACpC,WAAO,QAAQ,CAAC,UAAU;AACxB,YAAM,MAAM;AACZ,WAAK,eAAe,OAAO,GAAG;AAAA,IAChC,CAAC;AAAA,EACH;AAAA,EAES,SAAS;AAChB,WAAO;AAAA;AAAA,yBAEc,KAAK,OAAO,IAAI,KAAK,cAClC,iBACA,EAAE;AAAA;AAAA;AAAA;AAAA,4CAI8B,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gDAMjB,KAAK,gBAAgB;AAAA,gBACrD,KAAK,cAAc,oCAAoC,OAAO;AAAA;AAAA;AAAA,YAGlE,KAAK,cACH,UACA;AAAA;AAAA;AAAA;AAAA,eAIC;AAAA;AAAA;AAAA;AAAA,EAIb;AAGF;AAlQa,kBAiQK,SAAS,UAAU,YAAY;AAxPrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GATb,kBASe,WAAA,WAAA,CAAA;AAOA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhBb,kBAgBe,WAAA,iBAAA,CAAA;AAMC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAtBd,kBAsBgB,WAAA,eAAA,CAAA;AAtBhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"navigation-menu.js","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, nothing, unsafeCSS} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport compentStyle from './navigation-menu.css?inline';\nimport {ObcNavigationItemGroup} from '../navigation-item-group/navigation-item-group.js';\nimport {ObcNavigationItem} from '../navigation-item/navigation-item.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * `ObcNavigationMenuVariant` – Enumerates the available visual and behavioral variants for `<obc-navigation-menu>`.\n *\n * - `Full`: Standard navigation menu with both icons and labels.\n * - `IconOnly`: Compact menu showing only icons (should only be used when no flyouts/submenus are present).\n * - `IconOnlyLarge`: Icon-only menu variant designed for use when flyouts/submenus are present.\n * - `Compact`: Space-saving menu with reduced padding and layout.\n *\n * Use these variants to adapt the navigation menu to different layouts or device sizes.\n */\nexport enum ObcNavigationMenuVariant {\n  Full = 'full',\n  IconOnly = 'icon-only', // Should only be used when no flyouts are present in the navigation menu\n  IconOnlyLarge = 'icon-only-large', // Should be used when flyouts are present in the navigation menu\n  Compact = 'compact',\n}\n\n/**\n * `ObcNavigationMenuFlyoutVariant` – Enumerates the available visual and behavioral variants for the flyout.\n *\n * - `Full`: Standard navigation flyout that takes the full height.\n * - `Compact`: Space-saving menu with reduced padding and layout.\n *\n * Use these variants to adapt the flyout menu to different layouts or device sizes.\n */\nexport enum ObcNavigationMenuFlyoutVariant {\n  Full = 'full',\n  Compact = 'compact',\n}\n\n/**\n * `<obc-navigation-menu>` – A flexible, slot-based navigation menu component for organizing primary and secondary navigation items.\n *\n * This component provides a vertical navigation structure supporting groups, flyouts, and footer sections. It adapts to various layouts and device sizes via its `variant` and `smallScreen` properties. Items and groups are provided via slots, allowing for icons, labels, and nested navigation hierarchies.\n *\n * Appears as a sidebar or persistent navigation panel, supporting both icon-only and full-label modes. Designed for use as the main navigation in applications, dashboards, or any interface requiring structured navigation.\n *\n * ## Features\n *\n * - **Variants:**\n *   - **Full:** Displays both icons and labels for all navigation items (default).\n *   - **IconOnly:** Shows only icons for a compact appearance. *Should only be used when no navigation items have sub-items or flyouts.*\n *   - **IconOnlyLarge:** Icon-only mode that supports flyouts/submenus. Use when navigation contains groups or nested items.\n *   - **Compact:** Reduces padding and overall width for a space-saving layout.\n * - **Responsive Layout:**\n *   - `smallScreen` property adapts the footer and logo layout for smaller viewports.\n * - **Slot-based Content:**\n *   - `main` slot for primary navigation items and groups.\n *   - `footer` slot for secondary actions or links.\n *   - `logo` slot for branding or logo placement (position adapts based on variant and screen size).\n * - **Nested Navigation:**\n *   - Supports nested groups and flyouts via `<obc-navigation-item-group>`.\n * - **Automatic Variant Propagation:**\n *   - Child items and groups automatically receive the correct variant for consistent appearance.\n * - **Dynamic Content Handling:**\n *   - Reacts to dynamic addition/removal of items and groups, updating layout and variants as needed.\n * - **Interaction:**\n *   - Clicking a navigation item closes all open groups/flyouts for streamlined navigation.\n *\n * ## Usage Guidelines\n *\n * Use `<obc-navigation-menu>` as the main navigation container in your application layout. Place navigation items and groups in the `main` slot for primary navigation, and use the `footer` slot for secondary actions (such as settings or help). The `logo` slot is intended for branding and is positioned according to the selected variant and screen size.\n *\n * - Use the `Full` variant for standard navigation with both icons and labels.\n * - Use `IconOnly` only when there are no nested groups or flyouts; otherwise, use `IconOnlyLarge` for icon-only navigation with flyout support.\n * - The `Compact` variant is suitable for layouts with limited space or when a minimal navigation appearance is desired.\n * - Set `smallScreen` to `true` to optimize the layout for smaller devices or responsive breakpoints.\n *\n * **TODO(designer):** Provide additional guidance on when to use each variant and recommended slot content for best usability.\n *\n * ## Slots\n *\n * | Slot Name | Renders When... | Purpose |\n * |-----------|----------------|---------|\n * | main      | Always         | Primary navigation items and groups. |\n * | footer    | Always         | Secondary navigation items (e.g., settings, help). |\n * | logo      | Always         | Branding/logo area (position varies by variant and screen size). |\n *\n * Place `<obc-navigation-item>`, `<obc-navigation-item-group>`, or other suitable elements in these slots. For icons, use `<obi-placeholder>`, `<obi-applications>`, or other OpenBridge icon components in the `icon` slot of each navigation item.\n *\n * ## Properties\n *\n * - `variant` (`ObcNavigationMenuVariant`): Controls the visual style and layout of the menu. Default is `Full`.\n * - `smallScreen` (`boolean`): When `true`, adapts the layout for small screens (e.g., moves logo into the footer area).\n *\n * ## Best Practices and Constraints\n *\n * - Only use the `IconOnly` variant when there are no navigation items with sub-items or flyouts. Use `IconOnlyLarge` if your navigation includes groups or nested items.\n * - Place only navigation-related components in the `main` and `footer` slots for clarity and accessibility.\n * - For best accessibility, ensure each navigation item has a clear label and, if using icons, a suitable `aria-label` or accessible name.\n * - Avoid placing interactive elements other than navigation items/groups in the `main` or `footer` slots.\n *\n * ## Example\n *\n * ```html\n * <obc-navigation-menu variant=\"full\">\n *   <obc-navigation-item-group slot=\"main\" label=\"Apps\">\n *     <obi-applications slot=\"icon\"></obi-applications>\n *     <obc-navigation-item label=\"Sub item 1\" hasIcon href=\"#\">\n *       <obi-placeholder slot=\"icon\"></obi-placeholder>\n *     </obc-navigation-item>\n *   </obc-navigation-item-group>\n *   <obc-navigation-item slot=\"footer\" label=\"Settings\" hasIcon href=\"#\">\n *     <obi-settings-iec slot=\"icon\"></obi-settings-iec>\n *   </obc-navigation-item>\n *   <obc-vendor-button imageSrc=\"/companylogo-day.png\" alt=\"logo\" slot=\"logo\"></obc-vendor-button>\n * </obc-navigation-menu>\n * ```\n *\n * In this example, the menu displays a group with sub-items in the main navigation, several footer actions, and a logo.\n *\n * @slot main - Slot for primary navigation items and groups.\n * @slot footer - Slot for secondary navigation items (e.g., settings, help).\n * @slot logo - Slot for branding/logo area.\n */\n@customElement('obc-navigation-menu')\nexport class ObcNavigationMenu extends LitElement {\n  /**\n   * Controls the visual style and layout of the navigation menu.\n   *\n   * - `full`: Standard menu with icons and labels (default).\n   * - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).\n   * - `icon-only-large`: Icon-only menu supporting flyouts/groups.\n   * - `compact`: Minimal, space-saving menu.\n   */\n  @property({type: String}) variant: ObcNavigationMenuVariant =\n    ObcNavigationMenuVariant.Full;\n\n  /**\n   * Visual variant of the flyout.\n   * One of `Full` (default) or `Compact`.\n   */\n  @property({type: String}) flyoutVariant: ObcNavigationMenuFlyoutVariant =\n    ObcNavigationMenuFlyoutVariant.Full;\n\n  /**\n   * When `true`, adapts the layout for small screens (e.g., moves logo into the footer area and adjusts item layout).\n   */\n  @property({type: Boolean}) smallScreen = false;\n\n  private slotObservers: MutationObserver[] = [];\n  @state() private hasFooter = false;\n\n  findAllElements<T extends Element>(\n    el: Element,\n    tag: string,\n    {\n      slot,\n      stopTag,\n    }: {\n      slot?: 'main' | 'footer' | 'logo';\n      stopTag?: string;\n    } = {}\n  ): T[] {\n    const elements: T[] = [];\n    for (const child of el.children) {\n      if (child.tagName.toLowerCase() === tag) {\n        if (slot && child.getAttribute('slot') !== slot) {\n          continue;\n        }\n        elements.push(child as T);\n      } else if (stopTag && child.tagName.toLowerCase() === stopTag) {\n        continue;\n      } else {\n        if (slot && child.getAttribute('slot') !== slot) {\n          continue;\n        }\n        elements.push(...this.findAllElements<T>(child, tag, {stopTag}));\n      }\n    }\n    return elements;\n  }\n\n  findAllGroups(el: Element): ObcNavigationItemGroup[] {\n    // Find all groups that are not in a group\n    return this.findAllElements<ObcNavigationItemGroup>(\n      el,\n      'obc-navigation-item-group'\n    );\n  }\n\n  findRootItems(el: Element): ObcNavigationItem[] {\n    // Find all items that are not in a group or in an item\n    return this.findAllElements<ObcNavigationItem>(el, 'obc-navigation-item', {\n      stopTag: 'obc-navigation-item-group',\n    });\n  }\n\n  findAllItems(\n    el: Element,\n    slot?: 'main' | 'footer' | 'logo'\n  ): ObcNavigationItem[] {\n    return this.findAllElements<ObcNavigationItem>(el, 'obc-navigation-item', {\n      slot,\n    });\n  }\n\n  closeAllGroups() {\n    const groups = this.findAllGroups(this);\n    groups.forEach((group) => {\n      group.close();\n    });\n  }\n\n  registerGroup(groups: ObcNavigationItemGroup[]) {\n    groups.forEach((group) => {\n      group.addEventListener('open', () => {\n        groups.forEach((g) => {\n          if (g !== group) {\n            g.close();\n          }\n        });\n      });\n      const subGroups = this.findAllGroups(group);\n      this.registerGroup(subGroups);\n    });\n  }\n\n  private cleanupSlotObservers() {\n    this.slotObservers.forEach((observer) => observer.disconnect());\n    this.slotObservers = [];\n  }\n\n  private setupSlotObservers() {\n    this.cleanupSlotObservers();\n\n    const mainSlot = this.shadowRoot?.querySelector(\n      'slot[name=\"main\"]'\n    ) as HTMLSlotElement;\n    const footerSlot = this.shadowRoot?.querySelector(\n      'slot[name=\"footer\"]'\n    ) as HTMLSlotElement;\n\n    this.hasFooter = footerSlot?.assignedElements().length > 0;\n\n    [mainSlot, footerSlot].forEach((slot) => {\n      if (slot) {\n        const slottedElements = slot.assignedElements();\n        slottedElements.forEach((element) => {\n          const observer = new MutationObserver(() => {\n            this.setupItems();\n          });\n\n          observer.observe(element, {\n            childList: true,\n            subtree: true,\n          });\n\n          this.slotObservers.push(observer);\n        });\n      }\n    });\n  }\n\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\n    super.firstUpdated(_changedProperties);\n    const groups = this.findAllGroups(this);\n    this.registerGroup(groups);\n  }\n\n  protected override updated(_changedProperties: PropertyValues): void {\n    super.updated(_changedProperties);\n    if (\n      _changedProperties.has('variant') ||\n      _changedProperties.has('flyoutVariant')\n    ) {\n      this.setupItems();\n    }\n  }\n\n  // Recursively set variant for children of groups\n  private setVariantToFlyoutItems(el: Element) {\n    // Find all descendant items inside this element (not direct children of the nav menu)\n    const items = this.findAllElements<ObcNavigationItem>(\n      el,\n      'obc-navigation-item'\n    );\n    items.forEach((item) => {\n      item.variant = ObcNavigationMenuVariant.Full;\n    });\n\n    const groups = this.findAllGroups(el);\n    groups.forEach((group) => {\n      group.variant = ObcNavigationMenuVariant.Full;\n      this.setVariantToFlyoutItems(group);\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.cleanupSlotObservers();\n  }\n\n  private handleSlotChange() {\n    this.setupItems();\n    this.setupSlotObservers();\n  }\n\n  private setupItems() {\n    const hug =\n      this.variant !== ObcNavigationMenuVariant.Full ||\n      this.flyoutVariant === ObcNavigationMenuFlyoutVariant.Compact;\n    this.setHugToGroups(this, hug);\n\n    // Set variant to all groups (top-level)\n    const groups = this.findAllGroups(this);\n    groups.forEach((group) => {\n      group.variant = this.variant;\n      // But for flyout children, force variant to full\n      this.setVariantToFlyoutItems(group);\n    });\n\n    // Set variant to all root items (not in group)\n    this.findRootItems(this).forEach((item) => {\n      item.variant = this.variant;\n    });\n\n    // Footer and logo logic (same as before)\n    const footerVariant =\n      this.smallScreen && this.variant === ObcNavigationMenuVariant.Full\n        ? ObcNavigationMenuVariant.Compact\n        : this.variant;\n    this.findAllItems(this, 'footer').forEach((item) => {\n      item.variant = footerVariant;\n    });\n    this.findAllItems(this, 'logo').forEach((item) => {\n      item.variant = footerVariant;\n    });\n\n    // Close all groups on item click (unchanged)\n    this.findAllItems(this).forEach((item) => {\n      item.addEventListener('click', () => {\n        this.closeAllGroups();\n      });\n    });\n  }\n\n  private setHugToGroups(el: Element, hug: boolean) {\n    const groups = this.findAllGroups(el);\n    groups.forEach((group) => {\n      group.hug = hug;\n      this.setHugToGroups(group, hug);\n    });\n  }\n\n  override render() {\n    return html`\n      <div\n        class=\"wrapper ${this.variant} ${this.smallScreen\n          ? 'small-screen'\n          : ''}\"\n      >\n        <nav class=\"main\">\n          <ol>\n            <slot name=\"main\" @slotchange=${this.handleSlotChange}></slot>\n          </ol>\n        </nav>\n        <div class=\"footer ${this.hasFooter ? 'has-footer' : ''}\">\n          <nav>\n            <ol>\n              <slot name=\"footer\" @slotchange=${this.handleSlotChange}></slot>\n              ${this.smallScreen ? html` <slot name=\"logo\"></slot> ` : nothing}\n            </ol>\n          </nav>\n          ${this.smallScreen\n            ? nothing\n            : html`\n                <div class=\"logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              `}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-menu': ObcNavigationMenu;\n  }\n}\n"],"names":["ObcNavigationMenuVariant","ObcNavigationMenuFlyoutVariant"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "0.0.20260414105212",
+  "version": "0.0.20260414111415",
   "type": "module",
   "repository": {
     "type": "git",