@carbon/ibmdotcom-web-components 2.20.0 → 2.22.0

package/es/components/content-item-row/content-item-row-media.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -373,6 +373,10 @@ declare class C4DContentItemRowMedia extends C4DContentItemRowMedia_base {
      * @returns The text column content.
      */
     protected _renderTextCol(): TemplateResult | string | void;
+    /**
+     * @returns The media column content.
+     */
+    protected _renderMediaCol(): TemplateResult | string | void;
     /**
      * @returns The component content in the appropriate tabbing order.
      */

package/es/components/content-item-row/content-item-row-media.js

@@ -3,11 +3,13 @@ let _ = t => t,
   _t,
   _t2,
   _t3,
-  _t4;
+  _t4,
+  _t5,
+  _t6;
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -97,6 +99,20 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
     `), prefix, this._handleSlotChange, this._renderBody(), this._renderFooter());
       }
 
+      /**
+       * @returns The media column content.
+       */
+    }, {
+      kind: "method",
+      key: "_renderMediaCol",
+      value: function _renderMediaCol() {
+        return html(_t2 || (_t2 = _`
+      <div class="${0}--content-item-row__col" part="col col--media">
+        <slot name="media" @slotchange="${0}"></slot>
+      </div>
+    `), prefix, this._handleSlotChange);
+      }
+
       /**
        * @returns The component content in the appropriate tabbing order.
        */
@@ -104,24 +120,19 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
       kind: "method",
       key: "_renderContent",
       value: function _renderContent() {
-        const alignedRight = this._isOneColumn || this.align === MEDIA_ALIGN.RIGHT;
-        return alignedRight ? html(_t2 || (_t2 = _`
-          ${0}
-          <div class="${0}--content-item-row__col" part="col col--media">
-            <slot name="media" @slotchange="${0}"></slot>
-          </div>
-        `), this._renderTextCol(), prefix, this._handleSlotChange) : html(_t3 || (_t3 = _`
-          <div class="${0}--content-item-row__col" part="col col--media">
-            <slot name="media" @slotchange="${0}"></slot>
-          </div>
-          ${0}
-        `), prefix, this._handleSlotChange, this._renderTextCol());
+        const alignedRight = this.align === MEDIA_ALIGN.RIGHT;
+
+        // Always return image first when stacked on mobile
+        if (this._isOneColumn) {
+          return html(_t3 || (_t3 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
+        }
+        return alignedRight ? html(_t4 || (_t4 = _` ${0} ${0} `), this._renderTextCol(), this._renderMediaCol()) : html(_t5 || (_t5 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t4 || (_t4 = _`
+        return html(_t6 || (_t6 = _`
       <div
         class="${0}--content-item-row__row ${0}--content-item-row-media__align-${0}"
         part="row row--media">

package/es/components/content-item-row/content-item-row-media.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-item-row-media.js","names":["html","property","state","baseFontSize","breakpoints","HostListener","HostListenerMixin","settings","C4DContentItem","styles","MEDIA_ALIGN","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","breakpoint","parseFloat","lg","width","C4DContentItemRowMedia","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","reflect","key","value","RIGHT","window","innerWidth","_isOneColumn","_renderTextCol","_t","_","_handleSlotChange","_renderBody","_renderFooter","_renderContent","alignedRight","align","_t2","_t3","render","_t4","static"],"sources":["components/content-item-row/content-item-row-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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 { TemplateResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DContentItem from '../content-item/content-item';\nimport styles from './content-item-row-media.scss';\n\nimport { MEDIA_ALIGN } from './defs';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\n/**\n * A component to present content in a row orientation with media.\n *\n * @element c4d-content-item-row-media\n * @csspart col--eyebrow - the column eyebrow. Usage. `c4d-content-item-row-media::part(col--eyebrow)`\n * @csspart col--media - thecontent column media. Usage. `c4d-content-item-row-media::part(col--media)`\n * @csspart row--media - the content row media. Usage. `c4d-content-item-row-media::part(row--media)`\n * @csspart\n */\n@customElement(`${c4dPrefix}-content-item-row-media`)\nclass C4DContentItemRowMedia extends HostListenerMixin(C4DContentItem) {\n  /**\n   * Defines the alignment of the media: `left` or `right`\n   */\n  @property({ reflect: true })\n  align = MEDIA_ALIGN.RIGHT;\n\n  /**\n   * Identifies whether the window width is below the breakpoint or not.\n   */\n  @state()\n  _isOneColumn: boolean = window.innerWidth < breakpoint;\n\n  @HostListener('window:resize')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleWindowResize = (): void => {\n    this._isOneColumn = window.innerWidth < breakpoint;\n  };\n\n  /**\n   * @returns The text column content.\n   */\n  protected _renderTextCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--eyebrow\">\n        <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"heading\"></slot>\n        ${this._renderBody()} ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The component content in the appropriate tabbing order.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const alignedRight = this._isOneColumn || this.align === MEDIA_ALIGN.RIGHT;\n\n    return alignedRight\n      ? html`\n          ${this._renderTextCol()}\n          <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n            <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n            <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          </div>\n          ${this._renderTextCol()}\n        `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--content-item-row__row ${prefix}--content-item-row-media__align-${this\n          .align}\"\n        part=\"row row--media\">\n        ${this._renderContent()}\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item-row-media`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItemRowMedia;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"content-item-row-media.js","names":["html","property","state","baseFontSize","breakpoints","HostListener","HostListenerMixin","settings","C4DContentItem","styles","MEDIA_ALIGN","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","breakpoint","parseFloat","lg","width","C4DContentItemRowMedia","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","reflect","key","value","RIGHT","window","innerWidth","_isOneColumn","_renderTextCol","_t","_","_handleSlotChange","_renderBody","_renderFooter","_renderMediaCol","_t2","_renderContent","alignedRight","align","_t3","_t4","_t5","render","_t6","static"],"sources":["components/content-item-row/content-item-row-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2025\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 { TemplateResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DContentItem from '../content-item/content-item';\nimport styles from './content-item-row-media.scss';\n\nimport { MEDIA_ALIGN } from './defs';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\n/**\n * A component to present content in a row orientation with media.\n *\n * @element c4d-content-item-row-media\n * @csspart col--eyebrow - the column eyebrow. Usage. `c4d-content-item-row-media::part(col--eyebrow)`\n * @csspart col--media - thecontent column media. Usage. `c4d-content-item-row-media::part(col--media)`\n * @csspart row--media - the content row media. Usage. `c4d-content-item-row-media::part(row--media)`\n * @csspart\n */\n@customElement(`${c4dPrefix}-content-item-row-media`)\nclass C4DContentItemRowMedia extends HostListenerMixin(C4DContentItem) {\n  /**\n   * Defines the alignment of the media: `left` or `right`\n   */\n  @property({ reflect: true })\n  align = MEDIA_ALIGN.RIGHT;\n\n  /**\n   * Identifies whether the window width is below the breakpoint or not.\n   */\n  @state()\n  _isOneColumn: boolean = window.innerWidth < breakpoint;\n\n  @HostListener('window:resize')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleWindowResize = (): void => {\n    this._isOneColumn = window.innerWidth < breakpoint;\n  };\n\n  /**\n   * @returns The text column content.\n   */\n  protected _renderTextCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--eyebrow\">\n        <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"heading\"></slot>\n        ${this._renderBody()} ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media column content.\n   */\n  protected _renderMediaCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n        <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The component content in the appropriate tabbing order.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const alignedRight = this.align === MEDIA_ALIGN.RIGHT;\n\n    // Always return image first when stacked on mobile\n    if (this._isOneColumn) {\n      return html` ${this._renderMediaCol()} ${this._renderTextCol()} `;\n    }\n    return alignedRight\n      ? html` ${this._renderTextCol()} ${this._renderMediaCol()} `\n      : html` ${this._renderMediaCol()} ${this._renderTextCol()} `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--content-item-row__row ${prefix}--content-item-row-media__align-${this\n          .align}\"\n        part=\"row row--media\">\n        ${this._renderContent()}\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item-row-media`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItemRowMedia;\n"],"mappings":"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","ignoreList":[]}

package/es/components/masthead/masthead-menu-button.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -393,7 +393,9 @@ declare class C4DMastheadMenuButton extends C4DMastheadMenuButton_base {
      */
     hideMenuButton: boolean;
     focus(): void;
+    firstUpdated(): void;
     updated(changedProperties: any): void;
+    hideButtonIfNoNavItemsFound(): void;
     private _renderSentinel;
     render(): import("lit-html").TemplateResult<1>;
     /**

package/es/components/masthead/masthead-menu-button.js

@@ -8,7 +8,7 @@ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prot
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -153,6 +153,15 @@ let C4DMastheadMenuButton = _decorate([customElement(`${c4dPrefix}-masthead-menu
           buttonNode.focus();
         }
       }
+    }, {
+      kind: "method",
+      key: "firstUpdated",
+      value: function firstUpdated() {
+        const boundHideButton = this.hideButtonIfNoNavItemsFound.bind(this);
+        window.addEventListener(`load`, () => {
+          boundHideButton();
+        });
+      }
     }, {
       kind: "method",
       key: "updated",
@@ -172,6 +181,21 @@ let C4DMastheadMenuButton = _decorate([customElement(`${c4dPrefix}-masthead-menu
         if (changedProperties.has('hideMenuButton')) {
           this._hasSearchActive = this.hideMenuButton;
         }
+        this.hideButtonIfNoNavItemsFound();
+      }
+    }, {
+      kind: "method",
+      key: "hideButtonIfNoNavItemsFound",
+      value: function hideButtonIfNoNavItemsFound() {
+        var _this$closest;
+        const NavMenuItems = (_this$closest = this.closest(`${c4dPrefix}-masthead-container`)) === null || _this$closest === void 0 ? void 0 : _this$closest.querySelectorAll(`${c4dPrefix}-left-nav-menu`);
+        if (!(NavMenuItems !== null && NavMenuItems !== void 0 && NavMenuItems.length)) {
+          this.hideMenuButton = true;
+          this.style.display = 'none';
+        } else if (this.style.display == 'none') {
+          this.hideMenuButton = false;
+          this.style.display = '';
+        }
       }
     }, {
       kind: "field",

package/es/components/masthead/masthead-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"masthead-menu-button.js","names":["classMap","html","property","query","state","HostListener","HostListenerMixin","CDSHeaderMenuButton","settings","focuswrap","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DMastheadMenuButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","event","detail","active","undefined","_hasSearchActive","hideMenuButton","reflect","type","Boolean","attribute","focus","_buttonNode","buttonNode","updated","changedProperties","has","_startSentinelNode","startSentinelNode","_endSentinelNode","endSentinelNode","_hFocusWrap","shadowRoot","release","side","_t","_","render","hasSearchActive","_renderSentinel","renderSentinel","classes","startSentinel","endSentinel","_t2","_superPropGet","static"],"sources":["components/masthead/masthead-menu-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport CDSHeaderMenuButton from '@carbon/web-components/es/components/ui-shell/header-menu-button.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport focuswrap from '@carbon/ibmdotcom-utilities/es/utilities/focuswrap/focuswrap.js';\nimport Handle from '../../globals/internal/handle';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Toggle button for masthead left nav.\n *\n * @element c4d-masthead-menu-button\n * @csspart sentinel-button - The sentinel button for managing focus.\n * @csspart ce-header-menu-trigger-container - Container for the menu trigger button.\n * @csspart sentinel-button--start - The start sentinel button for managing focus. Usage: `c4d-masthead-menu-button::part(sentinel-button--start)`\n * @csspart sentinel-button--end - The end sentinel button for managing focus. Usage: `c4d-masthead-menu-button::part(sentinel-button--end)`\n */\n@customElement(`${c4dPrefix}-masthead-menu-button`)\nclass C4DMastheadMenuButton extends HostListenerMixin(CDSHeaderMenuButton) {\n  /**\n   * The handle for focus wrapping.\n   */\n  private _hFocusWrap: Handle | null = null;\n\n  /**\n   * Search bar opened flag.\n   */\n  @state()\n  private _hasSearchActive = false;\n\n  /**\n   * Handles toggle event from the search component.\n   *\n   * @param event The event.\n   */\n  @HostListener('parentRoot:eventToggleSearch')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleSearchToggle = (event: Event) => {\n    if ((event as CustomEvent).detail.active !== undefined) {\n      this._hasSearchActive = (event as CustomEvent).detail.active;\n      this.hideMenuButton = (event as CustomEvent).detail.active;\n    }\n  };\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * The `<button>`.\n   */\n  @query(`.${prefix}--header__menu-trigger`)\n  private _buttonNode!: HTMLButtonElement;\n\n  /**\n   * The shadow slot this toggle button should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  /**\n   * `true` to hide the logo at render\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-menu-button' })\n  hideMenuButton = false;\n\n  focus() {\n    const { _buttonNode: buttonNode } = this;\n    if (buttonNode) {\n      buttonNode.focus();\n    }\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('active')) {\n      const {\n        active,\n        _startSentinelNode: startSentinelNode,\n        _endSentinelNode: endSentinelNode,\n      } = this;\n      if (active) {\n        this._hFocusWrap = focuswrap(this.shadowRoot!, [\n          startSentinelNode,\n          endSentinelNode,\n        ]);\n      } else if (this._hFocusWrap) {\n        this._hFocusWrap = this._hFocusWrap.release();\n      }\n    }\n\n    if (changedProperties.has('hideMenuButton')) {\n      this._hasSearchActive = this.hideMenuButton;\n    }\n  }\n\n  private _renderSentinel = (side: String) => {\n    return html`\n      <button\n        part=\"sentinel-button sentinel-button--${side}\"\n        id=\"${side}-sentinel\"\n        type=\"button\"\n        class=\"${prefix}--visually-hidden\"></button>\n    `;\n  };\n\n  render() {\n    const {\n      active,\n      _hasSearchActive: hasSearchActive,\n      _renderSentinel: renderSentinel,\n    } = this;\n    const classes = classMap({\n      [`${c4dPrefix}-ce--header__menu-trigger__container`]: true,\n      [`${c4dPrefix}-ce--header__menu-trigger__container--has-search-active`]:\n        hasSearchActive,\n    });\n    const startSentinel = active ? renderSentinel('start') : '';\n    const endSentinel = active ? renderSentinel('end') : '';\n    return html`\n      <div part=\"ce-header-menu-trigger-container\" class=\"${classes}\">\n        ${startSentinel}${super.render()}${endSentinel}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the seach is toggled.\n   */\n  static get eventToggleSearch() {\n    return `${c4dPrefix}-search-with-typeahead-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default C4DMastheadMenuButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"masthead-menu-button.js","names":["classMap","html","property","query","state","HostListener","HostListenerMixin","CDSHeaderMenuButton","settings","focuswrap","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DMastheadMenuButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","event","detail","active","undefined","_hasSearchActive","hideMenuButton","reflect","type","Boolean","attribute","focus","_buttonNode","buttonNode","firstUpdated","boundHideButton","hideButtonIfNoNavItemsFound","bind","window","addEventListener","updated","changedProperties","has","_startSentinelNode","startSentinelNode","_endSentinelNode","endSentinelNode","_hFocusWrap","shadowRoot","release","_this$closest","NavMenuItems","closest","querySelectorAll","length","style","display","side","_t","_","render","hasSearchActive","_renderSentinel","renderSentinel","classes","startSentinel","endSentinel","_t2","_superPropGet","static"],"sources":["components/masthead/masthead-menu-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2025\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/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport CDSHeaderMenuButton from '@carbon/web-components/es/components/ui-shell/header-menu-button.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport focuswrap from '@carbon/ibmdotcom-utilities/es/utilities/focuswrap/focuswrap.js';\nimport Handle from '../../globals/internal/handle';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Toggle button for masthead left nav.\n *\n * @element c4d-masthead-menu-button\n * @csspart sentinel-button - The sentinel button for managing focus.\n * @csspart ce-header-menu-trigger-container - Container for the menu trigger button.\n * @csspart sentinel-button--start - The start sentinel button for managing focus. Usage: `c4d-masthead-menu-button::part(sentinel-button--start)`\n * @csspart sentinel-button--end - The end sentinel button for managing focus. Usage: `c4d-masthead-menu-button::part(sentinel-button--end)`\n */\n@customElement(`${c4dPrefix}-masthead-menu-button`)\nclass C4DMastheadMenuButton extends HostListenerMixin(CDSHeaderMenuButton) {\n  /**\n   * The handle for focus wrapping.\n   */\n  private _hFocusWrap: Handle | null = null;\n\n  /**\n   * Search bar opened flag.\n   */\n  @state()\n  private _hasSearchActive = false;\n\n  /**\n   * Handles toggle event from the search component.\n   *\n   * @param event The event.\n   */\n  @HostListener('parentRoot:eventToggleSearch')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleSearchToggle = (event: Event) => {\n    if ((event as CustomEvent).detail.active !== undefined) {\n      this._hasSearchActive = (event as CustomEvent).detail.active;\n      this.hideMenuButton = (event as CustomEvent).detail.active;\n    }\n  };\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * The `<button>`.\n   */\n  @query(`.${prefix}--header__menu-trigger`)\n  private _buttonNode!: HTMLButtonElement;\n\n  /**\n   * The shadow slot this toggle button should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  /**\n   * `true` to hide the logo at render\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-menu-button' })\n  hideMenuButton = false;\n\n  focus() {\n    const { _buttonNode: buttonNode } = this;\n    if (buttonNode) {\n      buttonNode.focus();\n    }\n  }\n  firstUpdated() {\n    const boundHideButton = this.hideButtonIfNoNavItemsFound.bind(this);\n    window.addEventListener(`load`, () => {\n      boundHideButton();\n    });\n  }\n  updated(changedProperties) {\n    if (changedProperties.has('active')) {\n      const {\n        active,\n        _startSentinelNode: startSentinelNode,\n        _endSentinelNode: endSentinelNode,\n      } = this;\n      if (active) {\n        this._hFocusWrap = focuswrap(this.shadowRoot!, [\n          startSentinelNode,\n          endSentinelNode,\n        ]);\n      } else if (this._hFocusWrap) {\n        this._hFocusWrap = this._hFocusWrap.release();\n      }\n    }\n\n    if (changedProperties.has('hideMenuButton')) {\n      this._hasSearchActive = this.hideMenuButton;\n    }\n    this.hideButtonIfNoNavItemsFound();\n  }\n\n  hideButtonIfNoNavItemsFound() {\n    const NavMenuItems = this.closest(\n      `${c4dPrefix}-masthead-container`\n    )?.querySelectorAll(`${c4dPrefix}-left-nav-menu`);\n    if (!NavMenuItems?.length) {\n      this.hideMenuButton = true;\n      this.style.display = 'none';\n    } else if (this.style.display == 'none') {\n      this.hideMenuButton = false;\n      this.style.display = '';\n    }\n  }\n\n  private _renderSentinel = (side: String) => {\n    return html`\n      <button\n        part=\"sentinel-button sentinel-button--${side}\"\n        id=\"${side}-sentinel\"\n        type=\"button\"\n        class=\"${prefix}--visually-hidden\"></button>\n    `;\n  };\n\n  render() {\n    const {\n      active,\n      _hasSearchActive: hasSearchActive,\n      _renderSentinel: renderSentinel,\n    } = this;\n    const classes = classMap({\n      [`${c4dPrefix}-ce--header__menu-trigger__container`]: true,\n      [`${c4dPrefix}-ce--header__menu-trigger__container--has-search-active`]:\n        hasSearchActive,\n    });\n    const startSentinel = active ? renderSentinel('start') : '';\n    const endSentinel = active ? renderSentinel('end') : '';\n    return html`\n      <div part=\"ce-header-menu-trigger-container\" class=\"${classes}\">\n        ${startSentinel}${super.render()}${endSentinel}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the seach is toggled.\n   */\n  static get eventToggleSearch() {\n    return `${c4dPrefix}-search-with-typeahead-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default C4DMastheadMenuButton;\n"],"mappings":"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","ignoreList":[]}