@carbon/ibmdotcom-web-components 2.20.0 → 2.21.0

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":[]}

package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -12,10 +12,10 @@
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.20.0',
+ * Carbon for IBM.com v2.21.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.20.0',
+  version: 'Carbon for IBM.com v2.21.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -18,10 +18,10 @@ exports.default = void 0;
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.20.0',
+ * Carbon for IBM.com v2.21.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.20.0',
+  version: 'Carbon for IBM.com v2.21.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -92,9 +92,9 @@
     "cypress:verify": "cypress verify"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "2.20.0",
-    "@carbon/ibmdotcom-styles": "2.20.0",
-    "@carbon/ibmdotcom-utilities": "2.20.0",
+    "@carbon/ibmdotcom-services": "2.21.0",
+    "@carbon/ibmdotcom-styles": "2.21.0",
+    "@carbon/ibmdotcom-utilities": "2.21.0",
     "@carbon/layout": "11.27.0",
     "@carbon/motion": "11.24.0",
     "@carbon/styles": "1.65.0",
@@ -243,5 +243,5 @@
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0"
   },
-  "gitHead": "8384b655a392a9bdf6edd9e6d47974f23caaddae"
+  "gitHead": "6574e60647f425d56225e0909d80ae894376db99"
 }