@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.0-rc.3

package/es/components/masthead/megamenu-top-nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"megamenu-top-nav-menu.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_collectionHelpers","_topNavMenu","_mastheadCss","_carbonElement","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_interopRequireWildcard","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSMegaMenuTopNavMenu","_decorate2","customElement","concat","_initialize","_DDSTopNavMenu","_DDSTopNavMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","value","query","state","ownerDocument","defaultView","innerWidth","body","offsetWidth","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeRoot","disconnect","ResizeObserver","_observeResizeRoot","observe","documentElement","_this2","records","contentRect","_ref2","customPropertyViewportWidth","style","setProperty","width","_requestMegaMenuRenderUpdate2","_asyncToGenerator2","_regenerator","mark","_callee","_this3","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","active","expanded","resolveFn","setTimeout","stop","_requestMegaMenuRenderUpdate","connectedCallback","_get2","disconnectedCallback","firstUpdated","_menuNode","removeAttribute","hasAttribute","getAttribute","_updated","_callee2","changedProperties","_this4","_doc$querySelector","doc","masthead","cloudMasthead","_callee2$","_context2","getRootNode","forEach","querySelectorAll","selectorOverlay","item","querySelector","parentElement","importedMegamenu","then","document","marginInlineStart","_scrollBarWidth","overflow","classList","contains","marginInlineEnd","_document","activeElement","tagName","toLowerCase","_topMenuItem","focus","updated","_x","styles","DDSTopNavMenu","_default","exports"],"sources":["components/masthead/megamenu-top-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property, query, state } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport DDSMegaMenu from './megamenu';\nimport DDSTopNav from './top-nav';\nimport DDSTopNavMenu from './top-nav-menu';\nimport DDSMegaMenuOverlay from './megamenu-overlay';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Megamenu top nav menu.\n *\n * @element dds-megamenu-top-nav-menu\n */\n@customElement(`${ddsPrefix}-megamenu-top-nav-menu`)\nclass DDSMegaMenuTopNavMenu extends DDSTopNavMenu {\n  /**\n   * The megamenu component\n   */\n  @property()\n  megaMenu!: DDSMegaMenu;\n\n  /**\n   * The menu ul node.\n   */\n  @query(`.${prefix}--header__menu`)\n  private _menuNode!: HTMLElement;\n\n  /**\n   * scrollbar width.\n   */\n  @state()\n  private _scrollBarWidth =\n    this.ownerDocument!.defaultView!.innerWidth -\n    this.ownerDocument!.body.offsetWidth;\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._observeResizeRoot);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observeResizeRoot = (records) => {\n    const { contentRect } = records[records.length - 1];\n    // A workaround for Safari bug where `100vw` in Shadow DOM causes delayed rendering\n    // https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/4493\n    const { customPropertyViewportWidth } = this\n      .constructor as typeof DDSMegaMenuTopNavMenu;\n\n    this.style.setProperty(\n      customPropertyViewportWidth,\n      `${contentRect.width}px`\n    );\n  };\n\n  private async _requestMegaMenuRenderUpdate() {\n    return new Promise((resolve: Function): void => {\n      this.dispatchEvent(\n        new CustomEvent('dds-megamenu-top-nav-menu-toggle', {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active: this.expanded,\n            resolveFn: resolve,\n          },\n        })\n      );\n\n      setTimeout(() => {\n        resolve();\n      }, 5000);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._menuNode.removeAttribute('role');\n    this._cleanAndCreateObserverResize({ create: true });\n\n    if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n      this.removeAttribute('role');\n    }\n  }\n\n  async updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('expanded')) {\n      const doc = this.getRootNode() as Document;\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof DDSMegaMenuTopNavMenu).selectorOverlay\n        ),\n        (item) => {\n          (item as DDSMegaMenuOverlay).active = this.expanded;\n        }\n      );\n\n      // add the scrollbar width as right-margin to prevent content from shifting when\n      // scrollbar disappears on megamenu expand\n      const masthead: HTMLElement | null = doc.querySelector('dds-masthead');\n\n      // determine whether to apply margin-right on expand as HC has extra masthead styling\n      const cloudMasthead: HTMLElement | null | undefined = doc\n        .querySelector('dds-cloud-masthead-container')\n        ?.querySelector('dds-masthead');\n\n      if (this.expanded) {\n        // Import needed subcomponents on first expansion\n        if (!(this.parentElement as DDSTopNav).importedMegamenu) {\n          await import('./megamenu-left-navigation');\n          await import('./megamenu-category-link');\n          await import('./megamenu-category-group');\n          await import('./megamenu-category-group-copy');\n          await import('./megamenu-link-with-icon');\n          await import('./megamenu-overlay');\n          (this.parentElement as DDSTopNav).importedMegamenu = true;\n        }\n\n        // Ask masthead-composite to render megamenu.\n        // Pause further execution until the render is complete.\n        await this._requestMegaMenuRenderUpdate();\n\n        document.body.style.marginInlineStart = `${this._scrollBarWidth}px`;\n        document.body.style.overflow = 'hidden';\n        forEach(\n          doc.querySelectorAll(\n            (this.constructor as typeof DDSMegaMenuTopNavMenu).selectorOverlay\n          ),\n          (item) => {\n            (item as DDSMegaMenuOverlay).active = this.expanded;\n          }\n        );\n\n        if (cloudMasthead) {\n          if (\n            doc.body.classList.contains('ibm-masthead-sticky') &&\n            doc.body.classList.contains('ibm-masthead-sticky-showing')\n          ) {\n            cloudMasthead.style.marginInlineEnd = `${this._scrollBarWidth}px`;\n          }\n        } else if (masthead) {\n          masthead.style.marginInlineEnd = `${this._scrollBarWidth}px`;\n        }\n      } else {\n        document.body.style.marginInlineStart = '0px';\n        document.body.style.overflow = '';\n        if (cloudMasthead) {\n          if (\n            doc.body.classList.contains('ibm-masthead-sticky') &&\n            doc.body.classList.contains('ibm-masthead-sticky-showing')\n          ) {\n            cloudMasthead.style.marginInlineEnd = '0px';\n          }\n        } else if (masthead) {\n          masthead.style.marginInlineEnd = '0px';\n        }\n\n        /**\n         * Return focus to topMenuItem only when expanded explicitly equals false.\n         * On load, when expanded is undefined, avoid taking control of focus.\n         * This is deliberately in a 0ms timeout to put the check at the end of\n         * the event loop to avoid interrupting the browser's focus handoff.\n         */\n        if (changedProperties.get('expanded') === false) {\n          setTimeout(() => {\n            const { activeElement } = document;\n            if (\n              activeElement === null ||\n              activeElement.tagName.toLowerCase() === 'body'\n            ) {\n              this._topMenuItem.focus();\n            }\n          }, 0);\n        }\n\n        // Ask masthead-composite to un-render megamenu.\n        // Wait long enough for the transition to end.\n        setTimeout(() => {\n          this._requestMegaMenuRenderUpdate();\n        }, 500);\n      }\n    }\n  }\n\n  /**\n   * The CSS custom property name for the live viewport width.\n   */\n  static get customPropertyViewportWidth() {\n    return `--${ddsPrefix}-ce--viewport-width`;\n  }\n\n  /**\n   * A selector that will return the overlays.\n   */\n  static get selectorOverlay() {\n    return `${ddsPrefix}-megamenu-overlay`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSMegaMenuTopNavMenu;\n"],"mappings":"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"}
+{"version":3,"file":"megamenu-top-nav-menu.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_collectionHelpers","_topNavMenu","_mastheadCss","_carbonElement","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSMegaMenuTopNavMenu","_decorate2","customElement","concat","_initialize","_DDSTopNavMenu","_DDSTopNavMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","query","state","ownerDocument","defaultView","innerWidth","body","offsetWidth","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeRoot","disconnect","ResizeObserver","_observeResizeRoot","observe","documentElement","_this2","records","contentRect","_ref2","customPropertyViewportWidth","style","setProperty","width","_requestMegaMenuRenderUpdate2","_asyncToGenerator2","_regenerator","mark","_callee","_this3","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","active","expanded","resolveFn","setTimeout","stop","_requestMegaMenuRenderUpdate","connectedCallback","_get2","disconnectedCallback","firstUpdated","_menuNode","removeAttribute","hasAttribute","getAttribute","_updated","_callee2","changedProperties","_this4","_doc$querySelector","doc","masthead","cloudMasthead","_callee2$","_context2","getRootNode","forEach","querySelectorAll","selectorOverlay","item","querySelector","parentElement","importedMegamenu","then","document","marginInlineStart","_scrollBarWidth","overflow","classList","contains","marginInlineEnd","_document","activeElement","tagName","toLowerCase","_topMenuItem","focus","updated","_x","styles","DDSTopNavMenu","_default","exports"],"sources":["components/masthead/megamenu-top-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property, query, state } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport DDSMegaMenu from './megamenu';\nimport DDSTopNav from './top-nav';\nimport DDSTopNavMenu from './top-nav-menu';\nimport DDSMegaMenuOverlay from './megamenu-overlay';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Megamenu top nav menu.\n *\n * @element dds-megamenu-top-nav-menu\n */\n@customElement(`${ddsPrefix}-megamenu-top-nav-menu`)\nclass DDSMegaMenuTopNavMenu extends DDSTopNavMenu {\n  /**\n   * The megamenu component\n   */\n  @property()\n  megaMenu!: DDSMegaMenu;\n\n  /**\n   * The menu ul node.\n   */\n  @query(`.${prefix}--header__menu`)\n  private _menuNode!: HTMLElement;\n\n  /**\n   * scrollbar width.\n   */\n  @state()\n  private _scrollBarWidth =\n    this.ownerDocument!.defaultView!.innerWidth -\n    this.ownerDocument!.body.offsetWidth;\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._observeResizeRoot);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observeResizeRoot = (records) => {\n    const { contentRect } = records[records.length - 1];\n    // A workaround for Safari bug where `100vw` in Shadow DOM causes delayed rendering\n    // https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/4493\n    const { customPropertyViewportWidth } = this\n      .constructor as typeof DDSMegaMenuTopNavMenu;\n\n    this.style.setProperty(\n      customPropertyViewportWidth,\n      `${contentRect.width}px`\n    );\n  };\n\n  private async _requestMegaMenuRenderUpdate() {\n    return new Promise((resolve: Function): void => {\n      this.dispatchEvent(\n        new CustomEvent('dds-megamenu-top-nav-menu-toggle', {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active: this.expanded,\n            resolveFn: resolve,\n          },\n        })\n      );\n\n      setTimeout(() => {\n        resolve();\n      }, 5000);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._menuNode.removeAttribute('role');\n    this._cleanAndCreateObserverResize({ create: true });\n\n    if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n      this.removeAttribute('role');\n    }\n  }\n\n  async updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('expanded')) {\n      const doc = this.getRootNode() as Document;\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof DDSMegaMenuTopNavMenu).selectorOverlay\n        ),\n        (item) => {\n          (item as DDSMegaMenuOverlay).active = this.expanded;\n        }\n      );\n\n      // add the scrollbar width as right-margin to prevent content from shifting when\n      // scrollbar disappears on megamenu expand\n      const masthead: HTMLElement | null = doc.querySelector('dds-masthead');\n\n      // determine whether to apply margin-right on expand as HC has extra masthead styling\n      const cloudMasthead: HTMLElement | null | undefined = doc\n        .querySelector('dds-cloud-masthead-container')\n        ?.querySelector('dds-masthead');\n\n      if (this.expanded) {\n        // Import needed subcomponents on first expansion\n        if (!(this.parentElement as DDSTopNav).importedMegamenu) {\n          await import('./megamenu-left-navigation');\n          await import('./megamenu-category-link');\n          await import('./megamenu-category-group');\n          await import('./megamenu-category-group-copy');\n          await import('./megamenu-link-with-icon');\n          await import('./megamenu-overlay');\n          (this.parentElement as DDSTopNav).importedMegamenu = true;\n        }\n\n        // Ask masthead-composite to render megamenu.\n        // Pause further execution until the render is complete.\n        await this._requestMegaMenuRenderUpdate();\n\n        document.body.style.marginInlineStart = `${this._scrollBarWidth}px`;\n        document.body.style.overflow = 'hidden';\n        forEach(\n          doc.querySelectorAll(\n            (this.constructor as typeof DDSMegaMenuTopNavMenu).selectorOverlay\n          ),\n          (item) => {\n            (item as DDSMegaMenuOverlay).active = this.expanded;\n          }\n        );\n\n        if (cloudMasthead) {\n          if (\n            doc.body.classList.contains('ibm-masthead-sticky') &&\n            doc.body.classList.contains('ibm-masthead-sticky-showing')\n          ) {\n            cloudMasthead.style.marginInlineEnd = `${this._scrollBarWidth}px`;\n          }\n        } else if (masthead) {\n          masthead.style.marginInlineEnd = `${this._scrollBarWidth}px`;\n        }\n      } else {\n        document.body.style.marginInlineStart = '0px';\n        document.body.style.overflow = '';\n        if (cloudMasthead) {\n          if (\n            doc.body.classList.contains('ibm-masthead-sticky') &&\n            doc.body.classList.contains('ibm-masthead-sticky-showing')\n          ) {\n            cloudMasthead.style.marginInlineEnd = '0px';\n          }\n        } else if (masthead) {\n          masthead.style.marginInlineEnd = '0px';\n        }\n\n        /**\n         * Return focus to topMenuItem only when expanded explicitly equals false.\n         * On load, when expanded is undefined, avoid taking control of focus.\n         * This is deliberately in a 0ms timeout to put the check at the end of\n         * the event loop to avoid interrupting the browser's focus handoff.\n         */\n        if (changedProperties.get('expanded') === false) {\n          setTimeout(() => {\n            const { activeElement } = document;\n            if (\n              activeElement === null ||\n              activeElement.tagName.toLowerCase() === 'body'\n            ) {\n              this._topMenuItem.focus();\n            }\n          }, 0);\n        }\n\n        // Ask masthead-composite to un-render megamenu.\n        // Wait long enough for the transition to end.\n        setTimeout(() => {\n          this._requestMegaMenuRenderUpdate();\n        }, 500);\n      }\n    }\n  }\n\n  /**\n   * The CSS custom property name for the live viewport width.\n   */\n  static get customPropertyViewportWidth() {\n    return `--${ddsPrefix}-ce--viewport-width`;\n  }\n\n  /**\n   * A selector that will return the overlays.\n   */\n  static get selectorOverlay() {\n    return `${ddsPrefix}-megamenu-overlay`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSMegaMenuTopNavMenu;\n"],"mappings":"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"}

package/es/components/masthead/megamenu.js

@@ -78,6 +78,5 @@ var DDSMegaMenu = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(
     }]
   };
 }, (0, _stableSelector["default"])(_litElement.LitElement));
-var _default = DDSMegaMenu;
-exports["default"] = _default;
+var _default = exports["default"] = DDSMegaMenu;
 //# sourceMappingURL=megamenu.js.map

package/es/components/masthead/megamenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"megamenu.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_mastheadCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSMegaMenu","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/masthead/megamenu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * MegaMenu\n *\n * @element dds-megamenu\n */\n@customElement(`${ddsPrefix}-megamenu`)\nclass DDSMegaMenu extends StableSelectorMixin(LitElement) {\n  render() {\n    return html`\n      <div class=\"${prefix}--masthead__megamenu__container\">\n        <div class=\"${prefix}--masthead__megamenu__container--row\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__megamenu`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSMegaMenu;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAgI,IAAAO,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAdhI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,OAAAC,UAAA,cADhB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,cAAW,CAAC,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACjCL,WAAW,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,WAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,WAAA;IAAA,SAAAA,YAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,WAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,WAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAXlB,WAAW;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAApD,eAAA,KAAAA,eAAA,OAAAqD,uBAAA,+MACK9B,MAAM,EACJA,MAAM;MAK1B;IAAC;MAAAyB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAI,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeK,uBAAM;MAAA;IAAA;EAAA;AAAA,GAfE,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAAA,IAAAC,QAAA,GAkB1C9B,WAAW;AAAA+B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"megamenu.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_mastheadCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSMegaMenu","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/masthead/megamenu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * MegaMenu\n *\n * @element dds-megamenu\n */\n@customElement(`${ddsPrefix}-megamenu`)\nclass DDSMegaMenu extends StableSelectorMixin(LitElement) {\n  render() {\n    return html`\n      <div class=\"${prefix}--masthead__megamenu__container\">\n        <div class=\"${prefix}--masthead__megamenu__container--row\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__megamenu`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSMegaMenu;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAgI,IAAAO,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAdhI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,OAAAC,UAAA,cADhB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,cAAW,CAAC,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACjCL,WAAW,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,WAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,WAAA;IAAA,SAAAA,YAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,WAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,WAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAXlB,WAAW;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAApD,eAAA,KAAAA,eAAA,OAAAqD,uBAAA,+MACK9B,MAAM,EACJA,MAAM;MAK1B;IAAC;MAAAyB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAI,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeK,uBAAM;MAAA;IAAA;EAAA;AAAA,GAfE,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAkB1C/B,WAAW"}

package/es/components/masthead/skip-to-content.js

@@ -70,6 +70,5 @@ var DDSSkipToContent = (0, _decorate2["default"])([(0, _carbonElement.carbonElem
     }]
   };
 }, _skipToContent["default"]);
-var _default = DDSSkipToContent;
-exports["default"] = _default;
+var _default = exports["default"] = DDSSkipToContent;
 //# sourceMappingURL=skip-to-content.js.map

package/es/components/masthead/skip-to-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-to-content.js","names":["_litElement","require","_skipToContent","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSSkipToContent","_decorate2","customElement","concat","_initialize","_BXSkipToContent","_BXSkipToContent2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","styles","BXSkipToContent","_default","exports"],"sources":["components/masthead/skip-to-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport BXSkipToContent from '../../internal/vendor/@carbon/web-components/components/skip-to-content/skip-to-content.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Skip to content button in masthead.\n *\n * @element dds-masthead-skip-to-content\n */\n@customElement(`${ddsPrefix}-skip-to-content`)\nclass DDSSkipToContent extends BXSkipToContent {\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  static styles = styles;\n}\n\nexport default DDSSkipToContent;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAmI,SAAAM,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAbnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,OAAAC,UAAA,cADrB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,qBAAkB,CAAC,aAAAO,WAAA,EAAAC,gBAAA;EAAA,IACxCL,gBAAgB,0BAAAM,iBAAA;IAAA,IAAAC,UAAA,aAAAP,gBAAA,EAAAM,iBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,gBAAA;IAAA,SAAAA,iBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,gBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,gBAAA;EAAA,EAAAK,gBAAA;EAAA;IAAAa,CAAA,EAAhBlB,gBAAgB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInB,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEEC,uBAAM;MAAA;IAAA;EAAA;AAAA,GAPOC,yBAAe;AAAA,IAAAC,QAAA,GAU/B5B,gBAAgB;AAAA6B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"skip-to-content.js","names":["_litElement","require","_skipToContent","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSSkipToContent","_decorate2","customElement","concat","_initialize","_BXSkipToContent","_BXSkipToContent2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","styles","BXSkipToContent","_default","exports"],"sources":["components/masthead/skip-to-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport BXSkipToContent from '../../internal/vendor/@carbon/web-components/components/skip-to-content/skip-to-content.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Skip to content button in masthead.\n *\n * @element dds-masthead-skip-to-content\n */\n@customElement(`${ddsPrefix}-skip-to-content`)\nclass DDSSkipToContent extends BXSkipToContent {\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  static styles = styles;\n}\n\nexport default DDSSkipToContent;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAmI,SAAAM,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAbnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,OAAAC,UAAA,cADrB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,qBAAkB,CAAC,aAAAO,WAAA,EAAAC,gBAAA;EAAA,IACxCL,gBAAgB,0BAAAM,iBAAA;IAAA,IAAAC,UAAA,aAAAP,gBAAA,EAAAM,iBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,gBAAA;IAAA,SAAAA,iBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,gBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,gBAAA;EAAA,EAAAK,gBAAA;EAAA;IAAAa,CAAA,EAAhBlB,gBAAgB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInB,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEEC,uBAAM;MAAA;IAAA;EAAA;AAAA,GAPOC,yBAAe;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAU/B7B,gBAAgB"}

package/es/components/masthead/top-nav-item.js

@@ -94,7 +94,7 @@ var DDSTopNavItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement
       key: "firstUpdated",
       value: function firstUpdated() {
         var _this$shadowRoot;
-        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
+        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 || _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
           return menuItem.removeAttribute('role');
         });
         if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {
@@ -111,6 +111,5 @@ var DDSTopNavItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement
     }]
   };
 }, _headerNavItem["default"]);
-var _default = DDSTopNavItem;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNavItem;
 //# sourceMappingURL=top-nav-item.js.map

package/es/components/masthead/top-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-nav-item.js","names":["_litElement","require","_headerNavItem","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavItem","_decorate2","customElement","concat","_initialize","_BXHeaderNavItem","_BXHeaderNavItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_get2","has","active","linkNode","_linkNode","setAttribute","String","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","hasAttribute","getAttribute","styles","BXHeaderNavItem","_default","exports"],"sources":["components/masthead/top-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property, query } from 'lit-element';\nimport BXHeaderNavItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav item.\n *\n * @element dds-top-nav-item\n */\n@customElement(`${ddsPrefix}-top-nav-item`)\nclass DDSTopNavItem extends BXHeaderNavItem {\n  /**\n   * The `<a>`.\n   */\n  @query('[part=\"link\"]')\n  private _linkNode?: HTMLAnchorElement;\n\n  /**\n   * `true` if this nav item should be in its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('active')) {\n      const { active, _linkNode: linkNode } = this;\n      if (linkNode) {\n        linkNode.setAttribute('data-selected', String(Boolean(active)));\n      }\n    }\n  }\n\n  firstUpdated() {\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n\n    if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n      this.removeAttribute('role');\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavItem;\n"],"mappings":"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"}
+{"version":3,"file":"top-nav-item.js","names":["_litElement","require","_headerNavItem","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavItem","_decorate2","customElement","concat","_initialize","_BXHeaderNavItem","_BXHeaderNavItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_get2","has","active","linkNode","_linkNode","setAttribute","String","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","hasAttribute","getAttribute","styles","BXHeaderNavItem","_default","exports"],"sources":["components/masthead/top-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property, query } from 'lit-element';\nimport BXHeaderNavItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav item.\n *\n * @element dds-top-nav-item\n */\n@customElement(`${ddsPrefix}-top-nav-item`)\nclass DDSTopNavItem extends BXHeaderNavItem {\n  /**\n   * The `<a>`.\n   */\n  @query('[part=\"link\"]')\n  private _linkNode?: HTMLAnchorElement;\n\n  /**\n   * `true` if this nav item should be in its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('active')) {\n      const { active, _linkNode: linkNode } = this;\n      if (linkNode) {\n        linkNode.setAttribute('data-selected', String(Boolean(active)));\n      }\n    }\n  }\n\n  firstUpdated() {\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n\n    if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n      this.removeAttribute('role');\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavItem;\n"],"mappings":"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"}

package/es/components/masthead/top-nav-l1.js

@@ -86,6 +86,5 @@ var DDSTopNavL1 = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(
     }]
   };
 }, _topNav["default"]);
-var _default = DDSTopNavL1;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNavL1;
 //# sourceMappingURL=top-nav-l1.js.map

package/es/components/masthead/top-nav-l1.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-nav-l1.js","names":["_litElement","require","_settings","_interopRequireDefault","_carbonElement","_topNav","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavL1","_decorate2","customElement","concat","_initialize","_DDSTopNav","_DDSTopNav2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","decorators","property","type","reflect","attribute","stableSelector","DDSTopNav","_default","exports"],"sources":["components/masthead/top-nav-l1.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSTopNav from './top-nav';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav for L1.\n *\n * @element dds-top-nav-l1\n */\n@customElement(`${ddsPrefix}-top-nav-l1`)\nclass DDSTopNavL1 extends DDSTopNav {\n  // eslint-disable-next-line class-methods-use-this\n  protected _handleSearchToggle = () => {\n    // Do nothing\n  };\n\n  /**\n   * `true` to hide the divider.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = true;\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__l1-nav`;\n  }\n}\n\nexport default DDSTopNavL1;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkC,SAAAK,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAZlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,OAAAC,UAAA,cADhB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,gBAAa,CAAC,aAAAO,WAAA,EAAAC,UAAA;EAAA,IACnCL,WAAW,0BAAAM,WAAA;IAAA,IAAAC,UAAA,aAAAP,WAAA,EAAAM,WAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,WAAA;IAAA,SAAAA,YAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,WAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,WAAA;EAAA,EAAAK,UAAA;EAAA;IAAAa,CAAA,EAAXlB,WAAW;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEiB,YAAM;UACpC;QAAA,CACD;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKA,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAEjC,OAAO;QAAEkC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAN,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxD,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA;MATlB;;MAKA;AACF;AACA;;MAIE,SAAAM,eAAA,EAA4B;QAC1B,UAAAzB,MAAA,CAAUN,SAAS;MACrB;IAAC;EAAA;AAAA,GAduBgC,kBAAS;AAAA,IAAAC,QAAA,GAiBpB9B,WAAW;AAAA+B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"top-nav-l1.js","names":["_litElement","require","_settings","_interopRequireDefault","_carbonElement","_topNav","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavL1","_decorate2","customElement","concat","_initialize","_DDSTopNav","_DDSTopNav2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","decorators","property","type","reflect","attribute","stableSelector","DDSTopNav","_default","exports"],"sources":["components/masthead/top-nav-l1.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSTopNav from './top-nav';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav for L1.\n *\n * @element dds-top-nav-l1\n */\n@customElement(`${ddsPrefix}-top-nav-l1`)\nclass DDSTopNavL1 extends DDSTopNav {\n  // eslint-disable-next-line class-methods-use-this\n  protected _handleSearchToggle = () => {\n    // Do nothing\n  };\n\n  /**\n   * `true` to hide the divider.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = true;\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__l1-nav`;\n  }\n}\n\nexport default DDSTopNavL1;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkC,SAAAK,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAZlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,OAAAC,UAAA,cADhB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,gBAAa,CAAC,aAAAO,WAAA,EAAAC,UAAA;EAAA,IACnCL,WAAW,0BAAAM,WAAA;IAAA,IAAAC,UAAA,aAAAP,WAAA,EAAAM,WAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,WAAA;IAAA,SAAAA,YAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,WAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,WAAA;EAAA,EAAAK,UAAA;EAAA;IAAAa,CAAA,EAAXlB,WAAW;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEiB,YAAM;UACpC;QAAA,CACD;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKA,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAEjC,OAAO;QAAEkC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAN,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxD,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA;MATlB;;MAKA;AACF;AACA;;MAIE,SAAAM,eAAA,EAA4B;QAC1B,UAAAzB,MAAA,CAAUN,SAAS;MACrB;IAAC;EAAA;AAAA,GAduBgC,kBAAS;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAiBpB/B,WAAW"}

package/es/components/masthead/top-nav-menu-item.js

@@ -65,13 +65,12 @@ var DDSTopNavMenuItem = (0, _decorate2["default"])([(0, _carbonElement.carbonEle
 
       function firstUpdated() {
         var _this$shadowRoot;
-        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
+        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 || _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
           return menuItem.removeAttribute('role');
         });
       }
     }]
   };
 }, _headerMenuItem["default"]);
-var _default = DDSTopNavMenuItem;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNavMenuItem;
 //# sourceMappingURL=top-nav-menu-item.js.map

package/es/components/masthead/top-nav-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-nav-menu-item.js","names":["_headerMenuItem","_interopRequireDefault","require","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenuItem","_decorate2","customElement","concat","_initialize","_BXHeaderMenuItem","_BXHeaderMenuItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","styles","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","BXHeaderMenuItem","_default","exports"],"sources":["components/masthead/top-nav-menu-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXHeaderMenuItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav submenu item.\n *\n * @element dds-top-nav-menu-item\n */\n@customElement(`${ddsPrefix}-top-nav-menu-item`)\nclass DDSTopNavMenuItem extends BXHeaderMenuItem {\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n\n  firstUpdated() {\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n  }\n}\n\nexport default DDSTopNavMenuItem;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmI,SAAAI,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAZnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,OAAAC,UAAA,cADtB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,uBAAoB,CAAC,aAAAO,WAAA,EAAAC,iBAAA;EAAA,IAC1CL,iBAAiB,0BAAAM,kBAAA;IAAA,IAAAC,UAAA,aAAAP,iBAAA,EAAAM,kBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,iBAAA;IAAA,SAAAA,kBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,iBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,iBAAA;EAAA,EAAAK,iBAAA;EAAA;IAAAa,CAAA,EAAjBlB,iBAAiB;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACLC,uBAAM;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAAE;;MAExB,SAAAE,aAAA,EAAe;QAAA,IAAAC,gBAAA;QACb,CAAAA,gBAAA,OAAI,CAACC,UAAU,cAAAD,gBAAA,uBAAfA,gBAAA,CACIE,gBAAgB,CAAC,mBAAmB,CAAC,CACtCC,OAAO,CAAC,UAACC,QAAQ;UAAA,OAAKA,QAAQ,CAACC,eAAe,CAAC,MAAM,CAAC;QAAA,EAAC;MAC5D;IAAC;EAAA;AAAA,GAP6BC,0BAAgB;AAAA,IAAAC,QAAA,GAUjChC,iBAAiB;AAAAiC,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"top-nav-menu-item.js","names":["_headerMenuItem","_interopRequireDefault","require","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenuItem","_decorate2","customElement","concat","_initialize","_BXHeaderMenuItem","_BXHeaderMenuItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","styles","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","BXHeaderMenuItem","_default","exports"],"sources":["components/masthead/top-nav-menu-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXHeaderMenuItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav submenu item.\n *\n * @element dds-top-nav-menu-item\n */\n@customElement(`${ddsPrefix}-top-nav-menu-item`)\nclass DDSTopNavMenuItem extends BXHeaderMenuItem {\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n\n  firstUpdated() {\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n  }\n}\n\nexport default DDSTopNavMenuItem;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmI,SAAAI,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAZnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,OAAAC,UAAA,cADtB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,uBAAoB,CAAC,aAAAO,WAAA,EAAAC,iBAAA;EAAA,IAC1CL,iBAAiB,0BAAAM,kBAAA;IAAA,IAAAC,UAAA,aAAAP,iBAAA,EAAAM,kBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,iBAAA;IAAA,SAAAA,kBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,iBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,iBAAA;EAAA,EAAAK,iBAAA;EAAA;IAAAa,CAAA,EAAjBlB,iBAAiB;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACLC,uBAAM;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAAE;;MAExB,SAAAE,aAAA,EAAe;QAAA,IAAAC,gBAAA;QACb,CAAAA,gBAAA,OAAI,CAACC,UAAU,cAAAD,gBAAA,eAAfA,gBAAA,CACIE,gBAAgB,CAAC,mBAAmB,CAAC,CACtCC,OAAO,CAAC,UAACC,QAAQ;UAAA,OAAKA,QAAQ,CAACC,eAAe,CAAC,MAAM,CAAC;QAAA,EAAC;MAC5D;IAAC;EAAA;AAAA,GAP6BC,0BAAgB;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAUjCjC,iBAAiB"}

package/es/components/masthead/top-nav-menu.js

@@ -80,7 +80,7 @@ var DDSTopNavMenu = (0, _decorate2["default"])([(0, _carbonElement.carbonElement
             triggerNode.setAttribute('data-selected', String(Boolean(active)));
           }
         }
-        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
+        (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 || _this$shadowRoot.querySelectorAll('[role="menuitem"]').forEach(function (menuItem) {
           return menuItem.removeAttribute('role');
         });
       }
@@ -101,6 +101,5 @@ var DDSTopNavMenu = (0, _decorate2["default"])([(0, _carbonElement.carbonElement
     }]
   };
 }, _headerMenu["default"]);
-var _default = DDSTopNavMenu;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNavMenu;
 //# sourceMappingURL=top-nav-menu.js.map

package/es/components/masthead/top-nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-nav-menu.js","names":["_litElement","require","_headerMenu","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenu","_decorate2","customElement","concat","_initialize","_BXHeaderMenu","_BXHeaderMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","updated","changedProperties","_this$shadowRoot","_get2","has","active","triggerNode","_topMenuItem","setAttribute","String","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","connectedCallback","styles","BXHeaderMenu","_default","exports"],"sources":["components/masthead/top-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav submenu.\n *\n * @element dds-top-nav-menu\n */\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n  /**\n   * `true` if this submenu should be in its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('active')) {\n      const { active, _topMenuItem: triggerNode } = this;\n      if (triggerNode) {\n        triggerNode.setAttribute('data-selected', String(Boolean(active)));\n      }\n    }\n\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"],"mappings":"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"}
+{"version":3,"file":"top-nav-menu.js","names":["_litElement","require","_headerMenu","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenu","_decorate2","customElement","concat","_initialize","_BXHeaderMenu","_BXHeaderMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","updated","changedProperties","_this$shadowRoot","_get2","has","active","triggerNode","_topMenuItem","setAttribute","String","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","connectedCallback","styles","BXHeaderMenu","_default","exports"],"sources":["components/masthead/top-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Masthead top nav submenu.\n *\n * @element dds-top-nav-menu\n */\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n  /**\n   * `true` if this submenu should be in its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('active')) {\n      const { active, _topMenuItem: triggerNode } = this;\n      if (triggerNode) {\n        triggerNode.setAttribute('data-selected', String(Boolean(active)));\n      }\n    }\n\n    this.shadowRoot\n      ?.querySelectorAll('[role=\"menuitem\"]')\n      .forEach((menuItem) => menuItem.removeAttribute('role'));\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"],"mappings":"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"}

package/es/components/masthead/top-nav-name.js

@@ -118,6 +118,5 @@ var DDSTopNavName = (0, _decorate2["default"])([(0, _carbonElement.carbonElement
     }]
   };
 }, _leftNavName["default"]);
-var _default = DDSTopNavName;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNavName;
 //# sourceMappingURL=top-nav-name.js.map

package/es/components/masthead/top-nav-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-nav-name.js","names":["_litElement","require","_settings","_interopRequireDefault","_ifNonNull","_settings2","_leftNavName","_mastheadCss","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavName","_decorate2","customElement","concat","_initialize","_DDSLeftNavName","_DDSLeftNavName2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","_get2","_ref","selectorTopNav","nextElementSibling","matches","hideDivider","disconnectedCallback","_ref2","render","href","namePrefix","namePrefixPart","undefined","html","_taggedTemplateLiteral2","ifNonNull","stableSelector","styles","DDSLeftNavName","_default","exports"],"sources":["components/masthead/top-nav-name.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The brand name UI in top nav.\n *\n * @element dds-top-nav-name\n */\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n  connectedCallback() {\n    super.connectedCallback();\n    const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n    const { nextElementSibling } = this;\n    if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n      (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n    }\n  }\n\n  disconnectedCallback() {\n    const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n    const { nextElementSibling } = this;\n    if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n      (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n    }\n    super.disconnectedCallback();\n  }\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n          >&nbsp;\n        `;\n    return html`\n      <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n        >${namePrefixPart}<slot></slot\n      ></a>\n    `;\n  }\n\n  /**\n   * A selector that will return the nav bar.\n   */\n  static get selectorTopNav() {\n    return `${ddsPrefix}-top-nav`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__platform-name`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"],"mappings":"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"}
+{"version":3,"file":"top-nav-name.js","names":["_litElement","require","_settings","_interopRequireDefault","_ifNonNull","_settings2","_leftNavName","_mastheadCss","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavName","_decorate2","customElement","concat","_initialize","_DDSLeftNavName","_DDSLeftNavName2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","_get2","_ref","selectorTopNav","nextElementSibling","matches","hideDivider","disconnectedCallback","_ref2","render","href","namePrefix","namePrefixPart","undefined","html","_taggedTemplateLiteral2","ifNonNull","stableSelector","styles","DDSLeftNavName","_default","exports"],"sources":["components/masthead/top-nav-name.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The brand name UI in top nav.\n *\n * @element dds-top-nav-name\n */\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n  connectedCallback() {\n    super.connectedCallback();\n    const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n    const { nextElementSibling } = this;\n    if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n      (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n    }\n  }\n\n  disconnectedCallback() {\n    const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n    const { nextElementSibling } = this;\n    if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n      (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n    }\n    super.disconnectedCallback();\n  }\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n          >&nbsp;\n        `;\n    return html`\n      <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n        >${namePrefixPart}<slot></slot\n      ></a>\n    `;\n  }\n\n  /**\n   * A selector that will return the nav bar.\n   */\n  static get selectorTopNav() {\n    return `${ddsPrefix}-top-nav`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__platform-name`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"],"mappings":"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"}

package/es/components/masthead/top-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/masthead/top-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,WAAW,MAAM,gFAAgF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCzG;;;;;;;;GAQG;AACH,cACM,SAAU,SAAQ,cAAmD;IACzE;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAc;IAErC;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;OAEG;IAEH,OAAO,CAAC,UAAU,CACkC;IAGpD,OAAO,CAAC,SAAS,CAAC,CAAkB;IAEpC;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA4BpD;;OAEG;IAEH,OAAO,CAAC,iBAAiB;IASzB;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAanC;IAEF;;OAEG;IACH,OAAO,CAAC,aAAa;IA2ErB;;OAEG;YACW,cAAc;IA6F5B,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa;IA2D/C;;;;OAIG;IAEH,SAAS,CAAC,mBAAmB,UAAW,KAAK,UAI3C;IAEF;;OAEG;IAEH,WAAW,UAAS;IAEpB,iBAAiB;IAMjB,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAM9B,YAAY,CAAC,iBAAiB,KAAA;IAO9B,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM;IA8GN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"top-nav.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport CaretLeft20 from '../../internal/vendor/@carbon/web-components/icons/caret--left/20.js';\nimport CaretRight20 from '../../internal/vendor/@carbon/web-components/icons/caret--right/20.js';\nimport BXHeaderNav from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// button gradient width size\nconst buttonGradientWidth = 8;\n\n/**\n * @param a An array.\n * @param predicate The callback function.\n * @param [thisObject] The context object for the given callback function.\n * @returns The index of the last item in the given array where `predicate` returns `true`. `-1` if no such item is found.\n */\nfunction findLastIndex<T>(\n  a: T[],\n  predicate: (search: T, index?: number, thisObject?: any) => boolean,\n  thisObject?: any\n): number {\n  for (let i = a.length - 1; i >= 0; --i) {\n    if (predicate(a[i], i, thisObject)) {\n      return i;\n    }\n  }\n  return -1;\n}\n\n/**\n * Masthead top nav.\n *\n * @element dds-top-nav\n * @csspart nav The element containing the menu bar.\n * @csspart menubar The menu bar.\n * @csspart prev-button The button to go to the previous page.\n * @csspart next-button The button to go to the next page.\n */\n@customElement(`${ddsPrefix}-top-nav`)\nclass DDSTopNav extends StableSelectorMixin(HostListenerMixin(BXHeaderNav)) {\n  /**\n   * The left-hand paginator button.\n   */\n  @query(`.${prefix}--header__nav-caret-left`)\n  private _caretLeftNode?: HTMLElement;\n\n  /**\n   * The right-hand paginator button.\n   */\n  @query(`.${prefix}--header__nav-caret-right`)\n  private _caretRightNode?: HTMLElement;\n\n  /**\n   * The `<nav>`.\n   */\n  @query(`.${prefix}--header__nav`)\n  private _navNode?: HTMLElement;\n\n  /**\n   * The scrolling container.\n   */\n  @query(`.${ddsPrefix}-ce--header__nav-content-container`)\n  private _contentContainerNode?: HTMLElement;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--header__nav-content`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  /**\n   * `true` if the search is open and nav should be hidden\n   */\n  @property({ type: Boolean, reflect: true })\n  hideNav = false;\n\n  /**\n   * `true` if the megamenu has been opened once and thus imported.\n   *\n   * Used for lazy loading the megamenu.\n   */\n  @property({ type: Boolean })\n  importedMegamenu = false;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItems: any[] = [];\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * Boolean checking if page is RTL\n   */\n  @state()\n  private _pageIsRTL: Boolean =\n    this.ownerDocument!.documentElement.dir === 'rtl';\n\n  @query('slot')\n  private _slotNode?: HTMLSlotElement;\n\n  /**\n   * Cleans-up and creats the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this,\n          threshold: 0,\n        }\n      );\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   */\n\n  private _handleSlotChange(event) {\n    this._childItems = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches?.('dds-megamenu-top-nav-menu')\n      );\n    this._paginateRight({ onLoad: true });\n  }\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Handles `click` event on the left-hand paginator button.\n   */\n  private _paginateLeft() {\n    const {\n      _caretLeftNode: caretLeftNode,\n      _caretRightNode: caretRightNode,\n      _contentContainerNode: contentContainerNode,\n      _currentScrollPosition: currentScrollPosition,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _navNode: navNode,\n      _pageIsRTL: pageIsRTL,\n      _slotNode: slotNode,\n    } = this;\n    // If the right-side intersection sentinel is in the view, it means that right-side caret button is hidden.\n    // Given scrolling to left makes it shown,\n    // `contentContainerNode!.offsetWidth` will shrink as we scroll and we need to adjust for it.\n\n    const elems = slotNode?.assignedElements() as HTMLElement[];\n    if (elems) {\n      if (pageIsRTL) {\n        const caretLeftNodeWidthAdjustment = this\n          ._isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth\n          : 0;\n        const navRight = navNode!.getBoundingClientRect().right;\n        const lastVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().left <\n            navRight - currentScrollPosition - caretRightNode!.offsetWidth\n        );\n        if (lastVisibleElementIndex >= 0) {\n          this._currentScrollPosition = Math.max(\n            navRight -\n              elems[lastVisibleElementIndex].getBoundingClientRect().left -\n              contentContainerNode!.offsetWidth +\n              caretLeftNodeWidthAdjustment +\n              caretRightNode!.offsetWidth +\n              buttonGradientWidth,\n            0\n          );\n        }\n      } else {\n        const caretRightNodeWidthAdjustment =\n          isIntersectionRightTrackerInContent\n            ? caretRightNode!.offsetWidth + buttonGradientWidth\n            : buttonGradientWidth;\n        const caretLeftNodeWidthAdjustment = this\n          ._isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth + buttonGradientWidth\n          : 0;\n        const navLeft = navNode!.getBoundingClientRect().left;\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().left - navLeft < currentScrollPosition\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().right -\n            navLeft;\n          const newScrollPosition =\n            lastVisibleElementRight -\n            (contentContainerNode!.offsetWidth +\n              caretLeftNodeWidthAdjustment -\n              caretRightNodeWidthAdjustment);\n          // If the new scroll position is less than the width of the left caret button,\n          // it means that hiding the left caret button reveals the whole of the left-most nav item.\n          // Snaps the left-most nav item to the left edge of nav container in this case.\n          this._currentScrollPosition =\n            newScrollPosition <= caretLeftNode!.offsetWidth\n              ? 0\n              : newScrollPosition;\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the right-hand paginator button.\n   */\n  private async _paginateRight({ onLoad }: { onLoad?: boolean } = {}) {\n    const {\n      _caretLeftNode: caretLeftNode,\n      _caretRightNode: caretRightNode,\n      _contentContainerNode: contentContainerNode,\n      _contentNode: contentNode,\n      _currentScrollPosition: currentScrollPosition,\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _navNode: navNode,\n      _pageIsRTL: pageIsRTL,\n      _slotNode: slotNode,\n    } = this;\n    await this.updateComplete;\n\n    const elems =\n      (slotNode?.assignedElements() as HTMLElement[]) || this._childItems;\n\n    if (elems && contentContainerNode) {\n      const interimLeft =\n        currentScrollPosition + contentContainerNode!.offsetWidth;\n      if (pageIsRTL) {\n        const caretLeftNodeWidthAdjustment = isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth\n          : 0;\n        const navRight = navNode!.getBoundingClientRect().right;\n        const firstVisibleElementIndex = onLoad\n          ? elems.findIndex(\n              (elem) =>\n                navRight - elem.getBoundingClientRect().left >\n                  interimLeft -\n                    caretLeftNode!.offsetWidth -\n                    buttonGradientWidth && elem.hasAttribute('active')\n            )\n          : elems.findIndex(\n              (elem) =>\n                navRight - elem.getBoundingClientRect().left >\n                interimLeft - caretLeftNode!.offsetWidth - buttonGradientWidth\n            );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft = Math.abs(\n            elems[firstVisibleElementIndex].getBoundingClientRect().right -\n              navRight +\n              caretLeftNode!.offsetWidth +\n              buttonGradientWidth\n          );\n          const maxLeft =\n            contentNode!.scrollWidth -\n            contentContainerNode!.offsetWidth +\n            caretLeftNodeWidthAdjustment;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft,\n            maxLeft\n          );\n        }\n      } else {\n        const caretLeftNodeWidthAdjustment = isIntersectionLeftTrackerInContent\n          ? 0\n          : caretLeftNode!.offsetWidth;\n        const caretRightNodeWidthAdjustment =\n          isIntersectionRightTrackerInContent ? caretRightNode!.offsetWidth : 0;\n        const navLeft = navNode!.getBoundingClientRect().left;\n        const firstVisibleElementIndex = onLoad\n          ? elems.findIndex(\n              (elem) =>\n                elem.getBoundingClientRect().right - navLeft > interimLeft &&\n                elem.hasAttribute('active')\n            )\n          : elems.findIndex(\n              (elem) =>\n                elem.getBoundingClientRect().right - navLeft > interimLeft\n            );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft =\n            elems[firstVisibleElementIndex].getBoundingClientRect().left -\n            navLeft -\n            buttonGradientWidth;\n          // Ensures that is there is no blank area at the right hand side in scroll area\n          // if we see the right remainder nav items can be contained in a page\n          const maxLeft =\n            contentNode!.scrollWidth -\n            (contentContainerNode!.offsetWidth -\n              caretRightNodeWidthAdjustment +\n              caretLeftNodeWidthAdjustment);\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft,\n            maxLeft\n          );\n        }\n      }\n    }\n  }\n\n  protected _handleOnKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLAnchorElement;\n    const {\n      _pageIsRTL: pageIsRTL,\n      _navNode: navNode,\n      _currentScrollPosition: currentScrollPosition,\n      _contentContainerNode: contentContainerNode,\n      _caretRightNode: caretRightNode,\n    } = this;\n    if (target) {\n      if (pageIsRTL) {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (\n              target.previousElementSibling &&\n              caretRightNode &&\n              target.previousElementSibling.getBoundingClientRect().right +\n                currentScrollPosition >\n                navNode!.getBoundingClientRect().right -\n                  caretRightNode.offsetWidth\n            ) {\n              this._paginateLeft();\n            }\n          } else if (\n            target.nextElementSibling &&\n            caretRightNode &&\n            navNode!.getBoundingClientRect().right -\n              target.nextElementSibling.getBoundingClientRect().left >\n              currentScrollPosition +\n                contentContainerNode!.offsetWidth -\n                caretRightNode.offsetWidth\n          ) {\n            this._paginateRight();\n          }\n        }\n      } else if (event.key === 'Tab') {\n        if (event.shiftKey) {\n          if (\n            target.previousElementSibling &&\n            target.previousElementSibling.getBoundingClientRect().left -\n              navNode!.getBoundingClientRect().left <\n              currentScrollPosition\n          ) {\n            this._paginateLeft();\n          }\n        } else if (\n          target.nextElementSibling &&\n          Math.floor(\n            target.nextElementSibling.getBoundingClientRect().right -\n              navNode!.getBoundingClientRect().left\n          ) >\n            currentScrollPosition + contentContainerNode!.offsetWidth\n        ) {\n          this._paginateRight();\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles toggle event from the search component.\n   *\n   * @param event The event.\n   */\n  @HostListener('parentRoot:eventToggleSearch')\n  protected _handleSearchToggle = (event: Event) => {\n    if ((event as CustomEvent).detail.active !== undefined) {\n      this.hideNav = (event as CustomEvent).detail.active;\n    }\n  };\n\n  /**\n   * `true` to hide the divider.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    this.removeAttribute('role');\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateIntersectionObserverContainer();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated(changedProperties) {\n    if (changedProperties.has('selectedMenuItem')) {\n      this._paginateRight({ onLoad: true });\n    }\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('hideNav')) {\n      this._cleanAndCreateIntersectionObserverContainer();\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('hideNav')) {\n      this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    }\n\n    if (changedProperties.has('_currentScrollPosition')) {\n      if (this._contentNode) {\n        this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n      }\n    }\n  }\n\n  render() {\n    const {\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _handleSlotChange: handleSlotChange,\n      _paginateLeft: paginateLeft,\n      _paginateRight: paginateRight,\n      _pageIsRTL: pageIsRTL,\n      _handleOnKeyDown: handleOnKeyDown,\n    } = this;\n    const caretLeftContainerClasses = classMap({\n      [`${prefix}--header__nav-caret-left-container`]: true,\n      [`${ddsPrefix}-ce--header__nav-caret-container--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n    const caretRightContainerClasses = classMap({\n      [`${prefix}--header__nav-caret-right-container`]: true,\n      [`${ddsPrefix}-ce--header__nav-caret-container--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n\n    return this.hideNav\n      ? undefined!\n      : html`\n          ${pageIsRTL\n            ? html`\n                <div class=\"${caretRightContainerClasses}\">\n                  <div\n                    class=\"${prefix}--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-right\"\n                    @click=\"${paginateRight}\">\n                    ${CaretLeft20()}\n                  </button>\n                </div>\n                <div class=\"${ddsPrefix}-ce--header__nav-content-container\">\n                  <div class=\"${prefix}--header__nav-content\">\n                    <nav part=\"nav\" class=\"${prefix}--header__nav\">\n                      <div class=\"${prefix}--sub-content-right\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"${prefix}--header__menu-bar\"\n                        aria-label=\"${ifNonNull(this.menuBarLabel)}\">\n                        <slot\n                          @slotchange=${handleSlotChange}\n                          @keydown=\"${handleOnKeyDown}\"></slot>\n                      </div>\n                      <div class=\"${prefix}--sub-content-left\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"${caretLeftContainerClasses}\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-left\"\n                    @click=\"${paginateLeft}\">\n                    ${CaretRight20()}\n                  </button>\n                  <div class=\"${prefix}--header__nav-caret-left-gradient\"></div>\n                </div>\n              `\n            : html`\n                <div class=\"${caretLeftContainerClasses}\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-left\"\n                    @click=\"${paginateLeft}\">\n                    ${CaretLeft20()}\n                  </button>\n                  <div class=\"${prefix}--header__nav-caret-left-gradient\"></div>\n                </div>\n                <div class=\"${ddsPrefix}-ce--header__nav-content-container\">\n                  <div class=\"${prefix}--header__nav-content\">\n                    <nav part=\"nav\" class=\"${prefix}--header__nav\">\n                      <div class=\"${prefix}--sub-content-left\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"${prefix}--header__menu-bar\"\n                        aria-label=\"${ifNonNull(this.menuBarLabel)}\">\n                        <slot\n                          @slotchange=${handleSlotChange}\n                          @keydown=\"${handleOnKeyDown}\"></slot>\n                      </div>\n                      <div class=\"${prefix}--sub-content-right\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"${caretRightContainerClasses}\">\n                  <div\n                    class=\"${prefix}--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-right\"\n                    @click=\"${paginateRight}\">\n                    ${CaretRight20()}\n                  </button>\n                </div>\n              `}\n        `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__l0-nav`;\n  }\n\n  /**\n   * The name of the custom event fired after the search is toggled.\n   */\n  static get eventToggleSearch() {\n    return `${ddsPrefix}-search-with-typeahead-toggled`; // TODO hook up the new event\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader.\n}\n\nexport default DDSTopNav;\n"]}
+{"version":3,"sources":["components/masthead/top-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,WAAW,MAAM,gFAAgF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCzG;;;;;;;;GAQG;AACH,cACM,SAAU,SAAQ,cAAmD;IACzE;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAc;IAErC;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;OAEG;IAEH,OAAO,CAAC,UAAU,CACkC;IAGpD,OAAO,CAAC,SAAS,CAAC,CAAkB;IAEpC;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA4BpD;;OAEG;IAEH,OAAO,CAAC,iBAAiB;IASzB;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAanC;IAEF;;OAEG;IACH,OAAO,CAAC,aAAa;IA2ErB;;OAEG;YACW,cAAc;IA6F5B,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa;IA2D/C;;;;OAIG;IAEH,SAAS,CAAC,mBAAmB,UAAW,KAAK,UAI3C;IAEF;;OAEG;IAEH,WAAW,UAAS;IAEpB,iBAAiB;IAMjB,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAM9B,YAAY,CAAC,iBAAiB,KAAA;IAO9B,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM;IAiHN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"top-nav.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport CaretLeft20 from '../../internal/vendor/@carbon/web-components/icons/caret--left/20.js';\nimport CaretRight20 from '../../internal/vendor/@carbon/web-components/icons/caret--right/20.js';\nimport BXHeaderNav from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// button gradient width size\nconst buttonGradientWidth = 8;\n\n/**\n * @param a An array.\n * @param predicate The callback function.\n * @param [thisObject] The context object for the given callback function.\n * @returns The index of the last item in the given array where `predicate` returns `true`. `-1` if no such item is found.\n */\nfunction findLastIndex<T>(\n  a: T[],\n  predicate: (search: T, index?: number, thisObject?: any) => boolean,\n  thisObject?: any\n): number {\n  for (let i = a.length - 1; i >= 0; --i) {\n    if (predicate(a[i], i, thisObject)) {\n      return i;\n    }\n  }\n  return -1;\n}\n\n/**\n * Masthead top nav.\n *\n * @element dds-top-nav\n * @csspart nav The element containing the menu bar.\n * @csspart menubar The menu bar.\n * @csspart prev-button The button to go to the previous page.\n * @csspart next-button The button to go to the next page.\n */\n@customElement(`${ddsPrefix}-top-nav`)\nclass DDSTopNav extends StableSelectorMixin(HostListenerMixin(BXHeaderNav)) {\n  /**\n   * The left-hand paginator button.\n   */\n  @query(`.${prefix}--header__nav-caret-left`)\n  private _caretLeftNode?: HTMLElement;\n\n  /**\n   * The right-hand paginator button.\n   */\n  @query(`.${prefix}--header__nav-caret-right`)\n  private _caretRightNode?: HTMLElement;\n\n  /**\n   * The `<nav>`.\n   */\n  @query(`.${prefix}--header__nav`)\n  private _navNode?: HTMLElement;\n\n  /**\n   * The scrolling container.\n   */\n  @query(`.${ddsPrefix}-ce--header__nav-content-container`)\n  private _contentContainerNode?: HTMLElement;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--header__nav-content`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  /**\n   * `true` if the search is open and nav should be hidden\n   */\n  @property({ type: Boolean, reflect: true })\n  hideNav = false;\n\n  /**\n   * `true` if the megamenu has been opened once and thus imported.\n   *\n   * Used for lazy loading the megamenu.\n   */\n  @property({ type: Boolean })\n  importedMegamenu = false;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItems: any[] = [];\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * Boolean checking if page is RTL\n   */\n  @state()\n  private _pageIsRTL: Boolean =\n    this.ownerDocument!.documentElement.dir === 'rtl';\n\n  @query('slot')\n  private _slotNode?: HTMLSlotElement;\n\n  /**\n   * Cleans-up and creats the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this,\n          threshold: 0,\n        }\n      );\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   */\n\n  private _handleSlotChange(event) {\n    this._childItems = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches?.('dds-megamenu-top-nav-menu')\n      );\n    this._paginateRight({ onLoad: true });\n  }\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Handles `click` event on the left-hand paginator button.\n   */\n  private _paginateLeft() {\n    const {\n      _caretLeftNode: caretLeftNode,\n      _caretRightNode: caretRightNode,\n      _contentContainerNode: contentContainerNode,\n      _currentScrollPosition: currentScrollPosition,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _navNode: navNode,\n      _pageIsRTL: pageIsRTL,\n      _slotNode: slotNode,\n    } = this;\n    // If the right-side intersection sentinel is in the view, it means that right-side caret button is hidden.\n    // Given scrolling to left makes it shown,\n    // `contentContainerNode!.offsetWidth` will shrink as we scroll and we need to adjust for it.\n\n    const elems = slotNode?.assignedElements() as HTMLElement[];\n    if (elems) {\n      if (pageIsRTL) {\n        const caretLeftNodeWidthAdjustment = this\n          ._isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth\n          : 0;\n        const navRight = navNode!.getBoundingClientRect().right;\n        const lastVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().left <\n            navRight - currentScrollPosition - caretRightNode!.offsetWidth\n        );\n        if (lastVisibleElementIndex >= 0) {\n          this._currentScrollPosition = Math.max(\n            navRight -\n              elems[lastVisibleElementIndex].getBoundingClientRect().left -\n              contentContainerNode!.offsetWidth +\n              caretLeftNodeWidthAdjustment +\n              caretRightNode!.offsetWidth +\n              buttonGradientWidth,\n            0\n          );\n        }\n      } else {\n        const caretRightNodeWidthAdjustment =\n          isIntersectionRightTrackerInContent\n            ? caretRightNode!.offsetWidth + buttonGradientWidth\n            : buttonGradientWidth;\n        const caretLeftNodeWidthAdjustment = this\n          ._isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth + buttonGradientWidth\n          : 0;\n        const navLeft = navNode!.getBoundingClientRect().left;\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().left - navLeft < currentScrollPosition\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().right -\n            navLeft;\n          const newScrollPosition =\n            lastVisibleElementRight -\n            (contentContainerNode!.offsetWidth +\n              caretLeftNodeWidthAdjustment -\n              caretRightNodeWidthAdjustment);\n          // If the new scroll position is less than the width of the left caret button,\n          // it means that hiding the left caret button reveals the whole of the left-most nav item.\n          // Snaps the left-most nav item to the left edge of nav container in this case.\n          this._currentScrollPosition =\n            newScrollPosition <= caretLeftNode!.offsetWidth\n              ? 0\n              : newScrollPosition;\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the right-hand paginator button.\n   */\n  private async _paginateRight({ onLoad }: { onLoad?: boolean } = {}) {\n    const {\n      _caretLeftNode: caretLeftNode,\n      _caretRightNode: caretRightNode,\n      _contentContainerNode: contentContainerNode,\n      _contentNode: contentNode,\n      _currentScrollPosition: currentScrollPosition,\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _navNode: navNode,\n      _pageIsRTL: pageIsRTL,\n      _slotNode: slotNode,\n    } = this;\n    await this.updateComplete;\n\n    const elems =\n      (slotNode?.assignedElements() as HTMLElement[]) || this._childItems;\n\n    if (elems && contentContainerNode) {\n      const interimLeft =\n        currentScrollPosition + contentContainerNode!.offsetWidth;\n      if (pageIsRTL) {\n        const caretLeftNodeWidthAdjustment = isIntersectionLeftTrackerInContent\n          ? caretLeftNode!.offsetWidth\n          : 0;\n        const navRight = navNode!.getBoundingClientRect().right;\n        const firstVisibleElementIndex = onLoad\n          ? elems.findIndex(\n              (elem) =>\n                navRight - elem.getBoundingClientRect().left >\n                  interimLeft -\n                    caretLeftNode!.offsetWidth -\n                    buttonGradientWidth && elem.hasAttribute('active')\n            )\n          : elems.findIndex(\n              (elem) =>\n                navRight - elem.getBoundingClientRect().left >\n                interimLeft - caretLeftNode!.offsetWidth - buttonGradientWidth\n            );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft = Math.abs(\n            elems[firstVisibleElementIndex].getBoundingClientRect().right -\n              navRight +\n              caretLeftNode!.offsetWidth +\n              buttonGradientWidth\n          );\n          const maxLeft =\n            contentNode!.scrollWidth -\n            contentContainerNode!.offsetWidth +\n            caretLeftNodeWidthAdjustment;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft,\n            maxLeft\n          );\n        }\n      } else {\n        const caretLeftNodeWidthAdjustment = isIntersectionLeftTrackerInContent\n          ? 0\n          : caretLeftNode!.offsetWidth;\n        const caretRightNodeWidthAdjustment =\n          isIntersectionRightTrackerInContent ? caretRightNode!.offsetWidth : 0;\n        const navLeft = navNode!.getBoundingClientRect().left;\n        const firstVisibleElementIndex = onLoad\n          ? elems.findIndex(\n              (elem) =>\n                elem.getBoundingClientRect().right - navLeft > interimLeft &&\n                elem.hasAttribute('active')\n            )\n          : elems.findIndex(\n              (elem) =>\n                elem.getBoundingClientRect().right - navLeft > interimLeft\n            );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft =\n            elems[firstVisibleElementIndex].getBoundingClientRect().left -\n            navLeft -\n            buttonGradientWidth;\n          // Ensures that is there is no blank area at the right hand side in scroll area\n          // if we see the right remainder nav items can be contained in a page\n          const maxLeft =\n            contentNode!.scrollWidth -\n            (contentContainerNode!.offsetWidth -\n              caretRightNodeWidthAdjustment +\n              caretLeftNodeWidthAdjustment);\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft,\n            maxLeft\n          );\n        }\n      }\n    }\n  }\n\n  protected _handleOnKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLAnchorElement;\n    const {\n      _pageIsRTL: pageIsRTL,\n      _navNode: navNode,\n      _currentScrollPosition: currentScrollPosition,\n      _contentContainerNode: contentContainerNode,\n      _caretRightNode: caretRightNode,\n    } = this;\n    if (target) {\n      if (pageIsRTL) {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (\n              target.previousElementSibling &&\n              caretRightNode &&\n              target.previousElementSibling.getBoundingClientRect().right +\n                currentScrollPosition >\n                navNode!.getBoundingClientRect().right -\n                  caretRightNode.offsetWidth\n            ) {\n              this._paginateLeft();\n            }\n          } else if (\n            target.nextElementSibling &&\n            caretRightNode &&\n            navNode!.getBoundingClientRect().right -\n              target.nextElementSibling.getBoundingClientRect().left >\n              currentScrollPosition +\n                contentContainerNode!.offsetWidth -\n                caretRightNode.offsetWidth\n          ) {\n            this._paginateRight();\n          }\n        }\n      } else if (event.key === 'Tab') {\n        if (event.shiftKey) {\n          if (\n            target.previousElementSibling &&\n            target.previousElementSibling.getBoundingClientRect().left -\n              navNode!.getBoundingClientRect().left <\n              currentScrollPosition\n          ) {\n            this._paginateLeft();\n          }\n        } else if (\n          target.nextElementSibling &&\n          Math.floor(\n            target.nextElementSibling.getBoundingClientRect().right -\n              navNode!.getBoundingClientRect().left\n          ) >\n            currentScrollPosition + contentContainerNode!.offsetWidth\n        ) {\n          this._paginateRight();\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles toggle event from the search component.\n   *\n   * @param event The event.\n   */\n  @HostListener('parentRoot:eventToggleSearch')\n  protected _handleSearchToggle = (event: Event) => {\n    if ((event as CustomEvent).detail.active !== undefined) {\n      this.hideNav = (event as CustomEvent).detail.active;\n    }\n  };\n\n  /**\n   * `true` to hide the divider.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    this.removeAttribute('role');\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateIntersectionObserverContainer();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated(changedProperties) {\n    if (changedProperties.has('selectedMenuItem')) {\n      this._paginateRight({ onLoad: true });\n    }\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('hideNav')) {\n      this._cleanAndCreateIntersectionObserverContainer();\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('hideNav')) {\n      this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    }\n\n    if (changedProperties.has('_currentScrollPosition')) {\n      if (this._contentNode) {\n        this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n      }\n    }\n  }\n\n  render() {\n    const {\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _handleSlotChange: handleSlotChange,\n      _paginateLeft: paginateLeft,\n      _paginateRight: paginateRight,\n      _pageIsRTL: pageIsRTL,\n      _handleOnKeyDown: handleOnKeyDown,\n    } = this;\n    const caretLeftContainerClasses = classMap({\n      [`${prefix}--header__nav-caret-left-container`]: true,\n      [`${ddsPrefix}-ce--header__nav-caret-container--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n    const caretRightContainerClasses = classMap({\n      [`${prefix}--header__nav-caret-right-container`]: true,\n      [`${ddsPrefix}-ce--header__nav-caret-container--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n\n    return this.hideNav\n      ? undefined!\n      : html`\n          ${pageIsRTL\n            ? html`\n                <div class=\"${caretRightContainerClasses}\">\n                  <div\n                    class=\"${prefix}--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-right\"\n                    @click=\"${paginateRight}\">\n                    ${CaretLeft20()}\n                  </button>\n                </div>\n                <div class=\"${ddsPrefix}-ce--header__nav-content-container\">\n                  <div class=\"${prefix}--header__nav-content\">\n                    <nav part=\"nav\" class=\"${prefix}--header__nav\">\n                      <div class=\"${prefix}--sub-content-right\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"${prefix}--header__menu-bar\"\n                        aria-label=\"${ifNonNull(this.menuBarLabel)}\">\n                        <slot\n                          @slotchange=${handleSlotChange}\n                          @keydown=\"${handleOnKeyDown}\"></slot>\n                      </div>\n                      <div class=\"${prefix}--sub-content-left\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"${caretLeftContainerClasses}\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-left\"\n                    @click=\"${paginateLeft}\">\n                    ${CaretRight20()}\n                  </button>\n                  <div class=\"${prefix}--header__nav-caret-left-gradient\"></div>\n                </div>\n              `\n            : html`\n                <div class=\"${caretLeftContainerClasses}\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-left\"\n                    @click=\"${paginateLeft}\">\n                    ${CaretLeft20()}\n                  </button>\n                  <div class=\"${prefix}--header__nav-caret-left-gradient\"></div>\n                </div>\n                <div class=\"${ddsPrefix}-ce--header__nav-content-container\">\n                  <div class=\"${prefix}--header__nav-content\">\n                    <nav\n                      part=\"nav\"\n                      class=\"${prefix}--header__nav\"\n                      aria-label=\"Main Navigation\">\n                      <div class=\"${prefix}--sub-content-left\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"${prefix}--header__menu-bar\"\n                        aria-label=\"${ifNonNull(this.menuBarLabel)}\">\n                        <slot\n                          @slotchange=${handleSlotChange}\n                          @keydown=\"${handleOnKeyDown}\"></slot>\n                      </div>\n                      <div class=\"${prefix}--sub-content-right\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"${caretRightContainerClasses}\">\n                  <div\n                    class=\"${prefix}--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"${prefix}--header__nav-caret-right\"\n                    @click=\"${paginateRight}\">\n                    ${CaretRight20()}\n                  </button>\n                </div>\n              `}\n        `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--masthead__l0-nav`;\n  }\n\n  /**\n   * The name of the custom event fired after the search is toggled.\n   */\n  static get eventToggleSearch() {\n    return `${ddsPrefix}-search-with-typeahead-toggled`; // TODO hook up the new event\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader.\n}\n\nexport default DDSTopNav;\n"]}

package/es/components/masthead/top-nav.js

@@ -604,7 +604,7 @@ var DDSTopNav = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(""
           handleOnKeyDown = this._handleOnKeyDown;
         var caretLeftContainerClasses = (0, _classMap3.classMap)((_classMap = {}, (0, _defineProperty2["default"])(_classMap, "".concat(prefix, "--header__nav-caret-left-container"), true), (0, _defineProperty2["default"])(_classMap, "".concat(ddsPrefix, "-ce--header__nav-caret-container--hidden"), isIntersectionLeftTrackerInContent), _classMap));
         var caretRightContainerClasses = (0, _classMap3.classMap)((_classMap2 = {}, (0, _defineProperty2["default"])(_classMap2, "".concat(prefix, "--header__nav-caret-right-container"), true), (0, _defineProperty2["default"])(_classMap2, "".concat(ddsPrefix, "-ce--header__nav-caret-container--hidden"), isIntersectionRightTrackerInContent), _classMap2));
-        return this.hideNav ? undefined : (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n        "])), pageIsRTL ? (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n                <div class=\"", "\">\n                  <div\n                    class=\"", "--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-right\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                </div>\n                <div class=\"", "-ce--header__nav-content-container\">\n                  <div class=\"", "--header__nav-content\">\n                    <nav part=\"nav\" class=\"", "--header__nav\">\n                      <div class=\"", "--sub-content-right\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"", "--header__menu-bar\"\n                        aria-label=\"", "\">\n                        <slot\n                          @slotchange=", "\n                          @keydown=\"", "\"></slot>\n                      </div>\n                      <div class=\"", "--sub-content-left\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"", "\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-left\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                  <div class=\"", "--header__nav-caret-left-gradient\"></div>\n                </div>\n              "])), caretRightContainerClasses, prefix, prefix, paginateRight, (0, _["default"])(), ddsPrefix, prefix, prefix, prefix, prefix, (0, _ifNonNull["default"])(this.menuBarLabel), handleSlotChange, handleOnKeyDown, prefix, caretLeftContainerClasses, prefix, paginateLeft, (0, _2["default"])(), prefix) : (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n                <div class=\"", "\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-left\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                  <div class=\"", "--header__nav-caret-left-gradient\"></div>\n                </div>\n                <div class=\"", "-ce--header__nav-content-container\">\n                  <div class=\"", "--header__nav-content\">\n                    <nav part=\"nav\" class=\"", "--header__nav\">\n                      <div class=\"", "--sub-content-left\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"", "--header__menu-bar\"\n                        aria-label=\"", "\">\n                        <slot\n                          @slotchange=", "\n                          @keydown=\"", "\"></slot>\n                      </div>\n                      <div class=\"", "--sub-content-right\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"", "\">\n                  <div\n                    class=\"", "--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-right\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                </div>\n              "])), caretLeftContainerClasses, prefix, paginateLeft, (0, _["default"])(), prefix, ddsPrefix, prefix, prefix, prefix, prefix, (0, _ifNonNull["default"])(this.menuBarLabel), handleSlotChange, handleOnKeyDown, prefix, caretRightContainerClasses, prefix, prefix, paginateRight, (0, _2["default"])()));
+        return this.hideNav ? undefined : (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n        "])), pageIsRTL ? (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n                <div class=\"", "\">\n                  <div\n                    class=\"", "--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-right\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                </div>\n                <div class=\"", "-ce--header__nav-content-container\">\n                  <div class=\"", "--header__nav-content\">\n                    <nav part=\"nav\" class=\"", "--header__nav\">\n                      <div class=\"", "--sub-content-right\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"", "--header__menu-bar\"\n                        aria-label=\"", "\">\n                        <slot\n                          @slotchange=", "\n                          @keydown=\"", "\"></slot>\n                      </div>\n                      <div class=\"", "--sub-content-left\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"", "\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-left\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                  <div class=\"", "--header__nav-caret-left-gradient\"></div>\n                </div>\n              "])), caretRightContainerClasses, prefix, prefix, paginateRight, (0, _["default"])(), ddsPrefix, prefix, prefix, prefix, prefix, (0, _ifNonNull["default"])(this.menuBarLabel), handleSlotChange, handleOnKeyDown, prefix, caretLeftContainerClasses, prefix, paginateLeft, (0, _2["default"])(), prefix) : (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n                <div class=\"", "\">\n                  <button\n                    part=\"prev-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-left\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                  <div class=\"", "--header__nav-caret-left-gradient\"></div>\n                </div>\n                <div class=\"", "-ce--header__nav-content-container\">\n                  <div class=\"", "--header__nav-content\">\n                    <nav\n                      part=\"nav\"\n                      class=\"", "--header__nav\"\n                      aria-label=\"Main Navigation\">\n                      <div class=\"", "--sub-content-left\"></div>\n                      <div\n                        part=\"menubar\"\n                        class=\"", "--header__menu-bar\"\n                        aria-label=\"", "\">\n                        <slot\n                          @slotchange=", "\n                          @keydown=\"", "\"></slot>\n                      </div>\n                      <div class=\"", "--sub-content-right\"></div>\n                    </nav>\n                  </div>\n                </div>\n                <div class=\"", "\">\n                  <div\n                    class=\"", "--header__nav-caret-right-gradient\"></div>\n                  <button\n                    part=\"next-button\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    class=\"", "--header__nav-caret-right\"\n                    @click=\"", "\">\n                    ", "\n                  </button>\n                </div>\n              "])), caretLeftContainerClasses, prefix, paginateLeft, (0, _["default"])(), prefix, ddsPrefix, prefix, prefix, prefix, prefix, (0, _ifNonNull["default"])(this.menuBarLabel), handleSlotChange, handleOnKeyDown, prefix, caretRightContainerClasses, prefix, prefix, paginateRight, (0, _2["default"])()));
       }
     }, {
       kind: "get",
@@ -634,6 +634,5 @@ var DDSTopNav = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(""
     }]
   };
 }, (0, _stableSelector["default"])((0, _hostListener2["default"])(_headerNav["default"])));
-var _default = DDSTopNav;
-exports["default"] = _default;
+var _default = exports["default"] = DDSTopNav;
 //# sourceMappingURL=top-nav.js.map