npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.30.0-rc.2 → 1.30.0-rc.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1645) hide show

package/es/components/masthead/left-nav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"left-nav.js","names":["_findLast","_interopRequireDefault","require","_litElement","_settings","_settings2","_hostListener","_sideNav","_interopRequireWildcard","_settings3","_focuswrap","_collectionHelpers","_stableSelector","_mastheadCss","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","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","PRECEDING","Node","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","FOLLOWING","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","DDSLeftNav","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","decorators","query","property","type","HostListener","_this2","event","_matches","_ref2","_ref","selectorButtonToggle","target","toggle","getRootNode","querySelector","focus","matches","comparisonResult","detail","_ref3","selectorExpandedMenuSection","selectorTabbableForLeftnav","selectorTabbable","expandedMenuSection","tabbable","find","querySelectorAll","elem","offsetParent","findLast","_expandedMenuSection$","allTabbable","_toConsumableArray2","from","shadowRoot","_handleClickOut","_ref4","toggleButton","expanded","Element","closest","tagName","_handleKeydown","_ref5","_this3","_ref6","selectorMenuSections","panelId","menuSections","expandedSection","filter","section","shift","requestedSection","undefined","id","split","ariaHidden","transition","reflect","attribute","SIDE_NAV_USAGE_MODE","HEADER_NAV","connectedCallback","_get2","document","addEventListener","bind","updated","changedProperties","_this4","usageMode","console","warn","_doc$querySelector","doc","forEach","selectorOverlay","item","active","startSentinelNode","_startSentinelNode","endSentinelNode","_endSentinelNode","masthead","_importedSideNav","Promise","resolve","then","_hFocusWrap","focuswrap","body","style","overflow","position","_ref7","selectorFirstMenuSection","ddsLeftNavMenuSection","release","side","html","_taggedTemplateLiteral2","render","renderSentinel","_renderSentinel","selectorNavItems","join","stableSelector","eventToggle","styles","StableSelectorMixin","BXSideNav","_default","exports"],"sources":["components/masthead/left-nav.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 findLast from 'lodash-es/findLast.js';\nimport { html, query, property, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport BXSideNav, {\n SIDE_NAV_USAGE_MODE,\n} from '../../internal/vendor/@carbon/web-components/components/ui-shell/side-nav.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport focuswrap from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/focuswrap/focuswrap';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSLeftNavOverlay from './left-nav-overlay';\nimport styles from './masthead.scss';\nimport DDSLeftNavMenuSection from './left-nav-menu-section';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// eslint-disable-next-line no-bitwise\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING \| Node.DOCUMENT_POSITION_CONTAINS;\n// eslint-disable-next-line no-bitwise\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING \| Node.DOCUMENT_POSITION_CONTAINED_BY;\n\n/\n Masthead left nav.\n \n @element dds-left-nav\n /\n@customElement(`${ddsPrefix}-left-nav`)\nclass DDSLeftNav extends StableSelectorMixin(BXSideNav) {\n /\n The handle for focus wrapping.\n /\n private _hFocusWrap: Handle \| null = null;\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 @property({ type: Boolean })\n private _importedSideNav = false;\n\n /\n Handles `dds-request-focus-wrap` event on the document.\n \n @param event The event.\n /\n @HostListener('document:dds-request-focus-wrap')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleRequestMenuButtonFocusWrap = (event: CustomEvent) => {\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n /\n If focus leaves this element, send focus to the menu toggle.\n * Else if focus leaves the menu toggle, bring it back to this element.\n /\n if (event.target === this) {\n const toggle = (this.getRootNode() as Document).querySelector(\n selectorButtonToggle\n );\n if (toggle) {\n (toggle as HTMLElement).focus();\n }\n } else if ((event.target as HTMLElement).matches?.(selectorButtonToggle)) {\n const { comparisonResult } = event.detail;\n const {\n selectorExpandedMenuSection,\n selectorTabbable: selectorTabbableForLeftnav,\n } = this.constructor as typeof DDSLeftNav;\n const expandedMenuSection = this.querySelector(\n selectorExpandedMenuSection\n );\n\n // focus on first tabbable element when expanding left-nav\n if (comparisonResult === -1) {\n const tabbable = find(\n this.querySelectorAll(selectorTabbableForLeftnav),\n (elem) => Boolean((elem as HTMLElement).offsetParent)\n );\n\n if (tabbable) {\n (tabbable as HTMLElement).focus();\n }\n }\n // wrap focus to last tabbable element focusing out of first tabbable element\n // eslint-disable-next-line no-bitwise\n else if (comparisonResult & PRECEDING) {\n const tabbable = findLast(\n expandedMenuSection?.querySelectorAll(selectorTabbableForLeftnav),\n (elem) => Boolean((elem as HTMLElement).offsetParent)\n );\n if (tabbable) {\n (tabbable as HTMLElement).focus();\n }\n }\n // wrap focus to first tabbable element focusing out of last tabbable element\n // eslint-disable-next-line no-bitwise\n else if (comparisonResult & FOLLOWING) {\n const allTabbable = [\n ...Array.from(\n expandedMenuSection?.shadowRoot?.querySelectorAll(\n selectorTabbableForLeftnav\n ) \|\| []\n ),\n ...Array.from(\n expandedMenuSection?.querySelectorAll(selectorTabbableForLeftnav) \|\|\n []\n ),\n ];\n\n if (allTabbable.length) {\n (allTabbable[0] as HTMLElement).focus();\n }\n }\n }\n };\n\n private _handleClickOut(event: MouseEvent) {\n const { target } = event;\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n const toggleButton: HTMLElement \| null = (\n this.getRootNode() as Document\n ).querySelector(selectorButtonToggle);\n\n if (\n this.expanded &&\n target instanceof Element &&\n target.closest(selectorButtonToggle) === null &&\n target.closest(this.tagName) === null\n ) {\n this.expanded = false;\n toggleButton?.focus();\n }\n }\n\n @HostListener('keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown(event: KeyboardEvent) {\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n const toggleButton: HTMLElement \| null = (\n this.getRootNode() as Document\n ).querySelector(selectorButtonToggle);\n if (event.key === 'Escape') {\n this.expanded = false;\n toggleButton?.focus();\n }\n }\n\n @HostListener('parentRoot:eventToggle')\n protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n const { selectorMenuSections } = this.constructor as typeof DDSLeftNav;\n const { panelId }: { panelId: string } = event.detail;\n\n const menuSections: DDSLeftNavMenuSection[] = Array.from(\n this.querySelectorAll(selectorMenuSections)\n );\n const expandedSection = menuSections\n .filter((section) => section.matches('[expanded]'))\n .shift();\n const requestedSection = menuSections\n .filter((section) => section.matches(`[section-id=\"${panelId}\"]`))\n .shift();\n\n if (\n expandedSection !== undefined &&\n requestedSection !== undefined &&\n expandedSection !== requestedSection\n ) {\n const id = panelId.split(', ');\n requestedSection.expanded = true;\n requestedSection.ariaHidden = 'false';\n requestedSection.transition = false;\n\n expandedSection.expanded = false;\n expandedSection.ariaHidden = 'true';\n\n /\n if next menu section expanded is a level 2 menu section and current expanded\n * menu section is a level 1 menu section, add transition attribute for proper animation\n /\n if (\n id[0] !== '-1' &&\n id[1] !== '-1' &&\n !requestedSection.matches('[section-id=\" -1\"]')\n ) {\n expandedSection.transition = true;\n }\n }\n };\n\n /*\n Usage mode of the side nav.\n /\n @property({ reflect: true, attribute: 'usage-mode' })\n usageMode = SIDE_NAV_USAGE_MODE.HEADER_NAV;\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._handleClickOut.bind(this));\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { usageMode } = this;\n if (\n changedProperties.has('usageMode') &&\n usageMode !== SIDE_NAV_USAGE_MODE.HEADER_NAV\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n 'dds-left-nav supports only `header-nav` for its `usage-mode` attribute or `usageMode` property. The value is ignored:',\n usageMode\n );\n }\n if (changedProperties.has('expanded')) {\n const doc = this.getRootNode() as Document;\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof DDSLeftNav).selectorOverlay\n ),\n (item) => {\n (item as DDSLeftNavOverlay).active = this.expanded;\n }\n );\n const {\n expanded,\n _startSentinelNode: startSentinelNode,\n _endSentinelNode: endSentinelNode,\n } = this;\n\n const masthead: HTMLElement \| null \| undefined = doc\n ?.querySelector(\n `${ddsPrefix}-cloud-masthead-container, \n ${ddsPrefix}-cloud-masthead-composite, \n ${ddsPrefix}-masthead-container, \n ${ddsPrefix}-masthead-composite`\n )\n ?.querySelector(`${ddsPrefix}-masthead`);\n if (expanded && !this._importedSideNav) {\n import('./left-nav-name');\n import('./left-nav-menu');\n import('./left-nav-menu-section');\n import('./left-nav-menu-item');\n import('./left-nav-menu-category-heading');\n import('./left-nav-overlay');\n this._importedSideNav = true;\n }\n if (expanded && masthead) {\n this._hFocusWrap = focuswrap(this.shadowRoot!, [\n startSentinelNode,\n endSentinelNode,\n ]);\n document.body.style.overflow = 'hidden';\n\n // TODO: remove this logic once masthead can account for banners.\n // set masthead position to `fixed` when left-nav is open for cloud-mastead\n masthead.style.position = 'fixed';\n } else {\n const { selectorMenuSections, selectorFirstMenuSection } = this\n .constructor as typeof DDSLeftNav;\n\n // TODO: remove this logic once masthead can account for banners.\n // remove set position from mastead when left-nav is closed for cloud-mastead\n if (masthead) {\n document.body.style.overflow = 'auto';\n masthead.style.position = '';\n }\n\n this.querySelectorAll(selectorMenuSections).forEach(\n (ddsLeftNavMenuSection) => {\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).expanded = false;\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).transition = false;\n }\n );\n\n // reset to first menu section\n this.querySelectorAll(selectorFirstMenuSection).forEach(\n (ddsLeftNavMenuSection) => {\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).expanded = true;\n }\n );\n\n if (this._hFocusWrap) {\n this._hFocusWrap = this._hFocusWrap.release();\n }\n }\n }\n }\n\n private _renderSentinel = (side: String) => {\n return html`\n <button\n id=\"${side}-sentinel\"\n type=\"button\"\n class=\"${prefix}--visually-hidden\"></button>\n `;\n };\n\n render() {\n const { _renderSentinel: renderSentinel } = this;\n return html`\n <div class=\"${prefix}--side-nav__wrapper\">\n ${renderSentinel('start')}\n <div class=\"${prefix}--side-nav__platform-name\">\n <slot name=\"platform-id\"></slot>\n </div>\n <div class=\"${prefix}--side-nav__menu-sections\">\n <slot></slot>\n </div>\n ${renderSentinel('end')}\n </div>\n `;\n }\n\n /\n A selector that will return the toggle buttons.\n /\n static get selectorButtonToggle() {\n return `${ddsPrefix}-masthead-menu-button`;\n }\n\n /\n A selector that will return side nav focusable items.\n /\n static get selectorNavItems() {\n return [\n `${ddsPrefix}-left-nav-item`,\n `${ddsPrefix}-left-nav-menu`,\n `${ddsPrefix}-left-nav-menu-item`,\n `${ddsPrefix}-left-nav-name`,\n ].join(', ');\n }\n\n /\n A selector that will return menu sections.\n /\n static get selectorMenuSections() {\n return `${ddsPrefix}-left-nav-menu-section`;\n }\n\n /\n A selector that will return expanded menu section.\n /\n static get selectorExpandedMenuSection() {\n return `${ddsPrefix}-left-nav-menu-section[expanded]`;\n }\n\n /\n A selector that will return first main visible menu section.\n /\n static get selectorFirstMenuSection() {\n return `${ddsPrefix}-left-nav-menu-section[section-id='-1, -1']`;\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return [\n selectorTabbable,\n `${ddsPrefix}-left-nav-item`,\n `${ddsPrefix}-left-nav-menu`,\n `${ddsPrefix}-left-nav-menu-item`,\n `${ddsPrefix}-left-nav-name`,\n ].join(', ');\n }\n\n /\n A selector that will return the overlays.\n /\n static get selectorOverlay() {\n return `${ddsPrefix}-left-nav-overlay`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__l0-sidenav`;\n }\n\n /\n The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${ddsPrefix}-left-nav-menu-toggled`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNav;\n"],"mappings":"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"}
1	+ {"version":3,"file":"left-nav.js","names":["_findLast","_interopRequireDefault","require","_litElement","_settings","_settings2","_hostListener","_sideNav","_interopRequireWildcard","_settings3","_focuswrap","_collectionHelpers","_stableSelector","_mastheadCss","_carbonElement","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","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","PRECEDING","Node","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","FOLLOWING","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","DDSLeftNav","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","decorators","query","property","type","HostListener","_this2","event","_matches","_ref2","_ref","selectorButtonToggle","target","toggle","getRootNode","querySelector","focus","matches","comparisonResult","detail","_ref3","selectorExpandedMenuSection","selectorTabbableForLeftnav","selectorTabbable","expandedMenuSection","tabbable","find","querySelectorAll","elem","offsetParent","findLast","_expandedMenuSection$","allTabbable","_toConsumableArray2","from","shadowRoot","_handleClickOut","_ref4","toggleButton","expanded","Element","closest","tagName","_handleKeydown","_ref5","_this3","_ref6","selectorMenuSections","panelId","menuSections","expandedSection","filter","section","shift","requestedSection","undefined","id","split","ariaHidden","transition","reflect","attribute","SIDE_NAV_USAGE_MODE","HEADER_NAV","connectedCallback","_get2","document","addEventListener","bind","updated","changedProperties","_this4","usageMode","console","warn","_doc$querySelector","doc","forEach","selectorOverlay","item","active","startSentinelNode","_startSentinelNode","endSentinelNode","_endSentinelNode","masthead","_importedSideNav","Promise","resolve","then","_hFocusWrap","focuswrap","body","style","overflow","position","_ref7","selectorFirstMenuSection","ddsLeftNavMenuSection","release","side","html","_taggedTemplateLiteral2","render","renderSentinel","_renderSentinel","selectorNavItems","join","stableSelector","eventToggle","styles","StableSelectorMixin","BXSideNav","_default","exports"],"sources":["components/masthead/left-nav.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 findLast from 'lodash-es/findLast.js';\nimport { html, query, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport BXSideNav, {\n SIDE_NAV_USAGE_MODE,\n} from '../../internal/vendor/@carbon/web-components/components/ui-shell/side-nav.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport focuswrap from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/focuswrap/focuswrap';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSLeftNavOverlay from './left-nav-overlay';\nimport styles from './masthead.scss';\nimport DDSLeftNavMenuSection from './left-nav-menu-section';\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// eslint-disable-next-line no-bitwise\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING \| Node.DOCUMENT_POSITION_CONTAINS;\n// eslint-disable-next-line no-bitwise\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING \| Node.DOCUMENT_POSITION_CONTAINED_BY;\n\n/\n Masthead left nav.\n \n @element dds-left-nav\n /\n@customElement(`${ddsPrefix}-left-nav`)\nclass DDSLeftNav extends StableSelectorMixin(BXSideNav) {\n /\n The handle for focus wrapping.\n /\n private _hFocusWrap: Handle \| null = null;\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 @property({ type: Boolean })\n private _importedSideNav = false;\n\n /\n Handles `dds-request-focus-wrap` event on the document.\n \n @param event The event.\n /\n @HostListener('document:dds-request-focus-wrap')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleRequestMenuButtonFocusWrap = (event: CustomEvent) => {\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n /\n If focus leaves this element, send focus to the menu toggle.\n * Else if focus leaves the menu toggle, bring it back to this element.\n /\n if (event.target === this) {\n const toggle = (this.getRootNode() as Document).querySelector(\n selectorButtonToggle\n );\n if (toggle) {\n (toggle as HTMLElement).focus();\n }\n } else if ((event.target as HTMLElement).matches?.(selectorButtonToggle)) {\n const { comparisonResult } = event.detail;\n const {\n selectorExpandedMenuSection,\n selectorTabbable: selectorTabbableForLeftnav,\n } = this.constructor as typeof DDSLeftNav;\n const expandedMenuSection = this.querySelector(\n selectorExpandedMenuSection\n );\n\n // focus on first tabbable element when expanding left-nav\n if (comparisonResult === -1) {\n const tabbable = find(\n this.querySelectorAll(selectorTabbableForLeftnav),\n (elem) => Boolean((elem as HTMLElement).offsetParent)\n );\n\n if (tabbable) {\n (tabbable as HTMLElement).focus();\n }\n }\n // wrap focus to last tabbable element focusing out of first tabbable element\n // eslint-disable-next-line no-bitwise\n else if (comparisonResult & PRECEDING) {\n const tabbable = findLast(\n expandedMenuSection?.querySelectorAll(selectorTabbableForLeftnav),\n (elem) => Boolean((elem as HTMLElement).offsetParent)\n );\n if (tabbable) {\n (tabbable as HTMLElement).focus();\n }\n }\n // wrap focus to first tabbable element focusing out of last tabbable element\n // eslint-disable-next-line no-bitwise\n else if (comparisonResult & FOLLOWING) {\n const allTabbable = [\n ...Array.from(\n expandedMenuSection?.shadowRoot?.querySelectorAll(\n selectorTabbableForLeftnav\n ) \|\| []\n ),\n ...Array.from(\n expandedMenuSection?.querySelectorAll(selectorTabbableForLeftnav) \|\|\n []\n ),\n ];\n\n if (allTabbable.length) {\n (allTabbable[0] as HTMLElement).focus();\n }\n }\n }\n };\n\n private _handleClickOut(event: MouseEvent) {\n const { target } = event;\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n const toggleButton: HTMLElement \| null = (\n this.getRootNode() as Document\n ).querySelector(selectorButtonToggle);\n\n if (\n this.expanded &&\n target instanceof Element &&\n target.closest(selectorButtonToggle) === null &&\n target.closest(this.tagName) === null\n ) {\n this.expanded = false;\n toggleButton?.focus();\n }\n }\n\n @HostListener('keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown(event: KeyboardEvent) {\n const { selectorButtonToggle } = this.constructor as typeof DDSLeftNav;\n const toggleButton: HTMLElement \| null = (\n this.getRootNode() as Document\n ).querySelector(selectorButtonToggle);\n if (event.key === 'Escape') {\n this.expanded = false;\n toggleButton?.focus();\n }\n }\n\n @HostListener('parentRoot:eventToggle')\n protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n const { selectorMenuSections } = this.constructor as typeof DDSLeftNav;\n const { panelId }: { panelId: string } = event.detail;\n\n const menuSections: DDSLeftNavMenuSection[] = Array.from(\n this.querySelectorAll(selectorMenuSections)\n );\n const expandedSection = menuSections\n .filter((section) => section.matches('[expanded]'))\n .shift();\n const requestedSection = menuSections\n .filter((section) => section.matches(`[section-id=\"${panelId}\"]`))\n .shift();\n\n if (\n expandedSection !== undefined &&\n requestedSection !== undefined &&\n expandedSection !== requestedSection\n ) {\n const id = panelId.split(', ');\n requestedSection.expanded = true;\n requestedSection.ariaHidden = 'false';\n requestedSection.transition = false;\n\n expandedSection.expanded = false;\n expandedSection.ariaHidden = 'true';\n\n /\n if next menu section expanded is a level 2 menu section and current expanded\n * menu section is a level 1 menu section, add transition attribute for proper animation\n /\n if (\n id[0] !== '-1' &&\n id[1] !== '-1' &&\n !requestedSection.matches('[section-id=\" -1\"]')\n ) {\n expandedSection.transition = true;\n }\n }\n };\n\n /*\n Usage mode of the side nav.\n /\n @property({ reflect: true, attribute: 'usage-mode' })\n usageMode = SIDE_NAV_USAGE_MODE.HEADER_NAV;\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._handleClickOut.bind(this));\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { usageMode } = this;\n if (\n changedProperties.has('usageMode') &&\n usageMode !== SIDE_NAV_USAGE_MODE.HEADER_NAV\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n 'dds-left-nav supports only `header-nav` for its `usage-mode` attribute or `usageMode` property. The value is ignored:',\n usageMode\n );\n }\n if (changedProperties.has('expanded')) {\n const doc = this.getRootNode() as Document;\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof DDSLeftNav).selectorOverlay\n ),\n (item) => {\n (item as DDSLeftNavOverlay).active = this.expanded;\n }\n );\n const {\n expanded,\n _startSentinelNode: startSentinelNode,\n _endSentinelNode: endSentinelNode,\n } = this;\n\n const masthead: HTMLElement \| null \| undefined = doc\n ?.querySelector(\n `${ddsPrefix}-cloud-masthead-container,\n ${ddsPrefix}-cloud-masthead-composite,\n ${ddsPrefix}-masthead-container,\n ${ddsPrefix}-masthead-composite`\n )\n ?.querySelector(`${ddsPrefix}-masthead`);\n if (expanded && !this._importedSideNav) {\n import('./left-nav-name');\n import('./left-nav-menu');\n import('./left-nav-menu-section');\n import('./left-nav-menu-item');\n import('./left-nav-menu-category-heading');\n import('./left-nav-overlay');\n this._importedSideNav = true;\n }\n if (expanded && masthead) {\n this._hFocusWrap = focuswrap(this.shadowRoot!, [\n startSentinelNode,\n endSentinelNode,\n ]);\n document.body.style.overflow = 'hidden';\n\n // TODO: remove this logic once masthead can account for banners.\n // set masthead position to `fixed` when left-nav is open for cloud-mastead\n masthead.style.position = 'fixed';\n } else {\n const { selectorMenuSections, selectorFirstMenuSection } = this\n .constructor as typeof DDSLeftNav;\n\n // TODO: remove this logic once masthead can account for banners.\n // remove set position from mastead when left-nav is closed for cloud-mastead\n if (masthead) {\n document.body.style.overflow = 'auto';\n masthead.style.position = '';\n }\n\n this.querySelectorAll(selectorMenuSections).forEach(\n (ddsLeftNavMenuSection) => {\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).expanded = false;\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).transition = false;\n }\n );\n\n // reset to first menu section\n this.querySelectorAll(selectorFirstMenuSection).forEach(\n (ddsLeftNavMenuSection) => {\n (ddsLeftNavMenuSection as DDSLeftNavMenuSection).expanded = true;\n }\n );\n\n if (this._hFocusWrap) {\n this._hFocusWrap = this._hFocusWrap.release();\n }\n }\n }\n }\n\n private _renderSentinel = (side: String) => {\n return html`\n <button\n id=\"${side}-sentinel\"\n type=\"button\"\n class=\"${prefix}--visually-hidden\"></button>\n `;\n };\n\n render() {\n const { _renderSentinel: renderSentinel } = this;\n return html`\n <div class=\"${prefix}--side-nav__wrapper\">\n ${renderSentinel('start')}\n <div class=\"${prefix}--side-nav__platform-name\">\n <slot name=\"platform-id\"></slot>\n </div>\n <div class=\"${prefix}--side-nav__menu-sections\">\n <slot></slot>\n </div>\n ${renderSentinel('end')}\n </div>\n `;\n }\n\n /\n A selector that will return the toggle buttons.\n /\n static get selectorButtonToggle() {\n return `${ddsPrefix}-masthead-menu-button`;\n }\n\n /\n A selector that will return side nav focusable items.\n /\n static get selectorNavItems() {\n return [\n `${ddsPrefix}-left-nav-item`,\n `${ddsPrefix}-left-nav-menu`,\n `${ddsPrefix}-left-nav-menu-item`,\n `${ddsPrefix}-left-nav-name`,\n ].join(', ');\n }\n\n /\n A selector that will return menu sections.\n /\n static get selectorMenuSections() {\n return `${ddsPrefix}-left-nav-menu-section`;\n }\n\n /\n A selector that will return expanded menu section.\n /\n static get selectorExpandedMenuSection() {\n return `${ddsPrefix}-left-nav-menu-section[expanded]`;\n }\n\n /\n A selector that will return first main visible menu section.\n /\n static get selectorFirstMenuSection() {\n return `${ddsPrefix}-left-nav-menu-section[section-id='-1, -1']`;\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return [\n selectorTabbable,\n `${ddsPrefix}-left-nav-item`,\n `${ddsPrefix}-left-nav-menu`,\n `${ddsPrefix}-left-nav-menu-item`,\n `${ddsPrefix}-left-nav-name`,\n ].join(', ');\n }\n\n /\n A selector that will return the overlays.\n /\n static get selectorOverlay() {\n return `${ddsPrefix}-left-nav-overlay`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__l0-sidenav`;\n }\n\n /\n The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${ddsPrefix}-left-nav-menu-toggled`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNav;\n"],"mappings":"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"}

package/es/components/masthead/masthead-composite.d.ts CHANGED Viewed

@@ -80,12 +80,12 @@ declare const DDSMastheadComposite_base: {
         readonly localName: string;
         readonly namespaceURI: string | null;
         onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null; /**
-         * For left navigation.
-         */
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        readonly part: DOMTokenList; /**
+         * For left navigation.
+         */
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -114,6 +114,12 @@ declare const DDSMastheadComposite_base: {
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string | null, localName: string): boolean;
+        /**
+         * Sorts highlighted and regular menu items in separate arrays
+         * and returns view all link
+         *
+         * @param sections menu section data object
+         */
         hasAttributes(): boolean;
         hasPointerCapture(pointerId: number): boolean;
         insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
@@ -223,7 +229,7 @@ declare const DDSMastheadComposite_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/masthead/masthead-composite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/masthead-composite.ts"],"names":[],"mappings":"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","file":"masthead-composite.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 {\n html,\n property,\n customElement,\n LitElement,\n TemplateResult,\n} from 'lit-element';\nimport { nothing, render } from 'lit-html';\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 ArrowRight16 from '../../internal/vendor/@carbon/web-components/icons/arrow--right/16.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport root from 'window-or-global';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport MastheadLogoAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/MastheadLogo/MastheadLogo';\nimport {\n MastheadL1,\n MastheadLink,\n MastheadLogoData,\n MastheadMenuItem,\n MastheadProfileItem,\n Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME } from './megamenu-right-navigation';\nimport { DDS_CUSTOM_PROFILE_LOGIN } from '../../globals/internal/feature-flags';\nimport DDSMastheadLogo from './masthead-logo';\nimport './masthead';\nimport './masthead-l1';\nimport './masthead-l1-name';\nimport './masthead-menu-button';\nimport './masthead-global-bar';\nimport './masthead-profile';\nimport './masthead-profile-item';\nimport './megamenu';\nimport './megamenu-top-nav-menu';\nimport './skip-to-content';\nimport './top-nav';\nimport './top-nav-l1';\nimport './top-nav-name';\nimport './top-nav-item';\nimport './top-nav-menu';\nimport './top-nav-menu-item';\nimport './left-nav';\nimport '../search-with-typeahead/search-with-typeahead';\nimport '../search-with-typeahead/search-with-typeahead-item';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Rendering target for masthead navigation items.\n /\nexport enum NAV_ITEMS_RENDER_TARGET {\n /\n For top navigation.\n /\n TOP_NAV = 'top-nav',\n\n /\n For left navigation.\n /\n LEFT_NAV = 'left-nav',\n}\n\n/\n Component that renders masthead from links, etc. data.\n \n @element dds-masthead-composite\n /\n@customElement(`${ddsPrefix}-masthead-composite`)\nclass DDSMastheadComposite extends HostListenerMixin(LitElement) {\n /\n Renders L1 menu based on l1Data\n \n @param [options] The options.\n * @param [options.selectedMenuItem] The selected nav item.\n * @returns The L1 nav.\n /\n protected _renderL1({\n selectedMenuItem,\n }: { selectedMenuItem?: string } = {}) {\n if (!this.l1Data) return undefined;\n const { url, title } = this.l1Data;\n const isSelected = !this._hasAutoSelectedItems && !selectedMenuItem;\n return html`\n <dds-masthead-l1 slot=\"masthead-l1\">\n ${!title\n ? undefined\n : html`\n <dds-masthead-l1-name\n title=\"${title}\"\n aria-selected=\"${isSelected}\"\n url=\"${url}\"></dds-masthead-l1-name>\n `}\n <dds-top-nav-l1 selected-menu-item=${selectedMenuItem}\n >${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.TOP_NAV,\n hasL1: true,\n })}</dds-top-nav-l1\n >\n </dds-masthead-l1>\n `;\n }\n\n /\n Renders masthead logo\n \n /\n protected _renderLogo() {\n if (!this.logoData) {\n return html`\n <dds-masthead-logo\n ?hide-logo=\"${this.activateSearch}\"></dds-masthead-logo>\n `;\n }\n const useAlternateLogo = MastheadLogoAPI.setMastheadLogo(this.logoData);\n const { tooltip, svg, href } = this.logoData;\n return html`\n <dds-masthead-logo\n ?hide-logo=\"${this.activateSearch}\"\n ?hasTooltip=\"${tooltip}\"\n aria-label=\"${ifNonNull(tooltip)}\"\n href=\"${href \|\| DDSMastheadLogo.hrefDefault}\"\n >${useAlternateLogo ? unsafeSVG(svg) : nothing}</dds-masthead-logo\n >\n `;\n }\n\n /*\n Sorts highlighted and regular menu items in separate arrays\n * and returns view all link\n \n @param sections menu section data object\n /\n // eslint-disable-next-line class-methods-use-this\n protected _getHighlightedMenuItems(sections) {\n const highlightedItems: MastheadMenuItem[] = [];\n let viewAllLink;\n const menu: MastheadMenuItem[] = [];\n\n sections[0]?.menuItems?.forEach((item: MastheadMenuItem) => {\n if (item.highlighted) return highlightedItems.push(item);\n if (item.megaPanelViewAll) {\n viewAllLink = item;\n return viewAllLink;\n }\n return menu.push(item);\n });\n\n return { viewAllLink, highlightedItems, menu };\n }\n\n /\n Render MegaMenu content\n \n @param sections menu section data object\n * @param _parentKey parent menu key (used for the cloud-masthead-composite component)\n /\n // eslint-disable-next-line\n protected _renderMegaMenu(sections, _parentKey) {\n const { viewAllLink, highlightedItems, menu } =\n this._getHighlightedMenuItems(sections);\n const hasHighlights = highlightedItems.length !== 0;\n return html`\n <dds-megamenu>\n ${hasHighlights\n ? html`\n <dds-megamenu-left-navigation>\n ${sections[0]?.heading &&\n html`\n <dds-megamenu-category-group-copy\n >${sections[0]?.heading}</dds-megamenu-category-group-copy\n >\n `}\n ${highlightedItems.map((item, i) => {\n const autoid = `${ddsPrefix}--masthead__l0-nav-list${i}`;\n return html`\n <dds-megamenu-category-group\n data-autoid=\"${autoid}\"\n href=\"${item.url}\"\n title=\"${item.title}\">\n <dds-megamenu-category-group-copy\n >${item.megapanelContent\n ?.description}</dds-megamenu-category-group-copy\n >\n ${item.megapanelContent?.quickLinks?.links.map(\n ({ title, url, highlightedLink }, key) => {\n return html`\n ${highlightedLink\n ? html`\n <dds-megamenu-link-with-icon\n data-autoid=\"${autoid}-item${key}\"\n href=\"${url}\"\n style-scheme=\"category-sublink\"\n title=\"${title}\">\n <span>${title}</span>${ArrowRight16({\n slot: 'icon',\n })}\n </dds-megamenu-link-with-icon>\n `\n : html`\n <dds-megamenu-category-link\n data-autoid=\"${autoid}-item${key}\"\n title=\"${title}\"\n href=\"${url}\">\n </dds-megamenu-category-link>\n `}\n `;\n }\n )}\n </dds-megamenu-category-group>\n `;\n })}\n </dds-megamenu-left-navigation>\n `\n : null}\n <dds-megamenu-right-navigation\n style-scheme=\"${hasHighlights\n ? MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME.LEFT_SECTION\n : MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME.REGULAR}\"\n view-all-href=\"${ifNonNull(viewAllLink?.url)}\"\n view-all-title=\"${ifNonNull(viewAllLink?.title)}\">\n ${menu.map((item, j) => {\n const autoid = `${ddsPrefix}--masthead__l0-nav-list${\n j + highlightedItems.length\n }`;\n return html`\n <dds-megamenu-category-group\n data-autoid=\"${autoid}\"\n href=\"${item.url}\"\n title=\"${item.title}\">\n ${item.megapanelContent?.quickLinks?.links.map(\n ({ title, url }, key) => {\n return html`\n <dds-megamenu-category-link\n data-autoid=\"${autoid}-item${key}\"\n title=\"${title}\"\n href=\"${url}\">\n </dds-megamenu-category-link>\n `;\n }\n )}\n </dds-megamenu-category-group>\n `;\n })}\n </dds-megamenu-right-navigation>\n </dds-megamenu>\n `;\n }\n\n /\n Renders the left nav menus sections\n \n @param object heading heading of menu section\n * @param object.menuItems menu items\n * @param object.heading heading heading of menu section\n * @param object.isSubmenu determines whether menu section is a submenu section\n * @param object.showBackButton Determines whether to show back button\n * @param object.sectionTitle title of menu section\n * @param object.sectionUrl section title url of menu section\n * @param object.sectionId id of menu section\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderLeftNavMenuSections({\n menuItems,\n heading = '',\n isSubmenu = false,\n showBackButton = false,\n sectionTitle = '',\n sectionUrl = '',\n sectionId = '',\n }) {\n const items = menuItems.map((elem) => {\n if (elem.menu) {\n return html`\n <dds-left-nav-menu\n ?last-highlighted=${elem.lastHighlightedItem}\n panel-id=${elem.panelId}\n ?active=\"${elem.selected}\"\n title=\"${elem.title}\"\n data-autoid=\"${elem.autoid}\">\n </dds-left-nav-menu>\n `;\n }\n\n return html`\n <dds-left-nav-menu-item\n ?last-highlighted=${elem.lastHighlightedItem}\n ?active=\"${elem.selected}\"\n href=\"${elem.url}\"\n title=\"${elem.title}\"\n data-autoid=\"${elem.autoid}\"></dds-left-nav-menu-item>\n `;\n });\n\n if (heading) {\n items.unshift(\n html`\n <dds-left-nav-menu-category-heading\n >${heading}</dds-left-nav-menu-category-heading\n >\n `\n );\n }\n\n return html`\n <dds-left-nav-menu-section\n section-id=\"${sectionId}\"\n ?is-submenu=${ifNonNull(isSubmenu)}\n title=${ifNonNull(sectionTitle)}\n titleUrl=${ifNonNull(sectionUrl)}\n ?show-back-button=${ifNonNull(showBackButton)}>\n ${items}\n </dds-left-nav-menu-section>\n `;\n }\n\n /\n checks if menu item's children url match the current url path, if so return the menu item and its children\n \n @returns {object} selectedItems\n /\n // eslint-disable-next-line class-methods-use-this\n protected _selectedLeftNavItems() {\n let matchFound = false;\n const selectedItems = { level0: '', level1: '', level2: '' };\n\n return ({\n menu = [\n { url: '', megapanelContent: { quickLinks: { links: [{ url: '' }] } } },\n ],\n key = '',\n parentItemUrl = '',\n currentUrlPath = '',\n }) => {\n if (!matchFound) {\n if (parentItemUrl === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n matchFound = true;\n }\n // check if child url matches current url path\n else {\n for (let i = 0; i < menu?.length; i++) {\n if (menu[i]?.url === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n selectedItems.level1 = `${key}-${i}`;\n matchFound = true;\n break;\n } else {\n const links = menu[i]?.megapanelContent?.quickLinks?.links;\n for (let k = 0; k < links?.length; k++) {\n if (links[k]?.url === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n selectedItems.level1 = `${key}-${i}`;\n selectedItems.level2 = `${key}-${i}-${k}`;\n matchFound = true;\n break;\n }\n }\n }\n }\n }\n this._hasAutoSelectedItems = matchFound;\n return selectedItems;\n }\n return selectedItems;\n };\n }\n\n /\n Renders the left nav menus\n \n @param menuItems The options.\n * @param selectedMenuItem The selected menu item\n * @param autoid Base autoid to be applied to the menu items\n * @param currentUrlPath current url path\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderLeftNav(\n menuItems,\n selectedMenuItem,\n autoid,\n currentUrlPath\n ) {\n const menu: any[] = [];\n const selectedItemUrl = this._selectedLeftNavItems();\n const level0Items = menuItems.map((elem, i) => {\n if (elem.menuSections) {\n const level1Items: {\n title: string;\n panelId: string;\n autoid: string;\n lastHighlightedItem: boolean;\n url?: string;\n menu: boolean;\n selected: boolean;\n }[] = [];\n\n let menuElems = elem.menuSections[0]?.menuItems;\n let highlightedItems: MastheadMenuItem[] = [];\n\n if (elem.hasMegapanel) {\n const {\n viewAllLink,\n highlightedItems: hightlighted,\n menu: nonHighlightedMenuItems,\n } = this._getHighlightedMenuItems(elem.menuSections);\n highlightedItems = hightlighted;\n menuElems = hightlighted.concat(nonHighlightedMenuItems);\n if (viewAllLink) {\n menuElems.push(viewAllLink);\n }\n }\n\n const selectedItems = selectedItemUrl({\n menu: menuElems,\n key: i,\n parentItemUrl: elem.url,\n currentUrlPath,\n });\n\n // render level 1 menu sections\n menuElems?.map((item, k) => {\n const level2Items: {\n title: string;\n url?: string;\n autoid: string;\n selected: boolean;\n }[] = [];\n\n const lastHighlighted = k + 1 === highlightedItems.length;\n\n // render level 2 menu sections\n item.megapanelContent?.quickLinks?.links.map((submenu, j) => {\n return level2Items.push({\n title: submenu.title,\n url: submenu.url,\n autoid: `${autoid}--sidenav--nav${i}-list${k}-item${j}`,\n selected: !selectedMenuItem\n ? selectedItems?.level2 === `${i}-${k}-${j}`\n : selectedMenuItem === submenu.titleEnglish,\n });\n });\n\n if (level2Items.length !== 0) {\n menu.push(\n this._renderLeftNavMenuSections({\n menuItems: level2Items,\n isSubmenu: true,\n showBackButton: true,\n sectionTitle: item.title,\n sectionUrl: item.url,\n sectionId: `${i}, ${k}`,\n })\n );\n }\n\n return level1Items.push({\n title: item.title,\n autoid: `${autoid}--sidenav--nav${i}-list${k}`,\n lastHighlightedItem: lastHighlighted,\n url: item.url,\n panelId: `${i}, ${k}`,\n selected: !selectedMenuItem\n ? selectedItems?.level1 === `${i}-${k}`\n : selectedMenuItem === item.titleEnglish,\n menu:\n item.megapanelContent?.quickLinks?.links &&\n item.megapanelContent?.quickLinks?.links.length !== 0,\n });\n });\n\n if (level1Items.length !== 0) {\n menu.push(\n this._renderLeftNavMenuSections({\n menuItems: level1Items,\n heading: elem.menuSections[0]?.heading,\n isSubmenu: true,\n showBackButton: true,\n sectionTitle: elem.title,\n sectionUrl: elem.url,\n sectionId: `${i}, -1`,\n })\n );\n }\n }\n\n const selectedItems = selectedItemUrl({\n key: i,\n parentItemUrl: elem.url,\n currentUrlPath,\n });\n\n return {\n title: elem.title,\n titleEnglish: elem.titleEnglish,\n menu: elem.menuSections && elem.menuSections.length !== 0,\n url: elem.url,\n panelId: `${i}, -1`,\n autoid: `${autoid}--sidenav--nav${i}`,\n selected: !selectedMenuItem\n ? selectedItems?.level0 === `${i}`\n : selectedMenuItem === elem.titleEnglish,\n };\n });\n\n return html`\n ${this._renderLeftNavMenuSections({\n menuItems: level0Items,\n sectionId: '-1, -1',\n })}\n ${menu}\n `;\n }\n\n /\n checks if there is a child item in the menu section that matches current url and returns true for first valid result\n \n @returns function that returns true or false\n /\n // eslint-disable-next-line class-methods-use-this\n protected _childLinkChecker() {\n let matchFound = false;\n\n return (sections, currentUrlPath) => {\n if (!matchFound) {\n if (sections.length) {\n const { menuItems } = sections[0];\n\n for (let i = 0; i < menuItems.length; i++) {\n if (\n menuItems[i]?.url === currentUrlPath \|\|\n menuItems[i]?.megapanelContent?.quickLinks?.links?.filter(\n (link) => link.url === currentUrlPath\n ).length\n ) {\n matchFound = true;\n }\n }\n }\n\n return matchFound;\n }\n\n return false;\n };\n }\n\n /\n @param options The options.\n * @param [options.selectedMenuItem] The selected nav item.\n * @param options.target The target of rendering navigation items.\n * @returns The nav items.\n /\n protected _renderNavItems({\n selectedMenuItem,\n target,\n hasL1,\n }: {\n selectedMenuItem?: string;\n target: NAV_ITEMS_RENDER_TARGET;\n hasL1: boolean;\n }) {\n const currentUrlPath = root.location?.href;\n const hasChildLink = this._childLinkChecker();\n const { navLinks, l1Data } = this;\n let menu: MastheadLink[] \| undefined = navLinks;\n const autoid = `${ddsPrefix}--masthead__${l1Data?.menuItems ? 'l1' : 'l0'}`;\n if (hasL1) {\n menu = l1Data?.menuItems;\n }\n\n if (target === NAV_ITEMS_RENDER_TARGET.TOP_NAV) {\n return !menu\n ? undefined\n : menu.map((link, i) => {\n const { menuSections = [], title, titleEnglish, url } = link;\n let selected;\n\n if (selectedMenuItem) {\n selected = selectedMenuItem && titleEnglish === selectedMenuItem;\n } else {\n selected = hasChildLink(menuSections, currentUrlPath);\n }\n\n let sections;\n if (link.hasMegapanel) {\n sections = this.megamenuSet[i] = this._renderMegaMenu(\n menuSections,\n i\n );\n } else {\n sections = menuSections\n // eslint-disable-next-line no-use-before-define\n .reduce(\n (acc: typeof menuItems, { menuItems }) =>\n acc.concat(menuItems),\n []\n )\n .map(\n ({ title: menuItemTitle, url: menuItemUrl }, j) =>\n html`\n <dds-top-nav-menu-item\n ?active=\"${selectedMenuItem\n ? selected\n : menuItemUrl === currentUrlPath}\"\n href=\"${menuItemUrl}\"\n title=\"${menuItemTitle}\"\n data-autoid=\"${autoid}-nav--subnav-col${i}-item${j}\"></dds-top-nav-menu-item>\n `\n );\n }\n if (sections.length === 0) {\n return html`\n <dds-top-nav-item\n ?active=\"${selectedMenuItem\n ? selected\n : url === currentUrlPath}\"\n href=\"${url}\"\n title=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\"></dds-top-nav-item>\n `;\n }\n if (link.hasMegapanel) {\n return html`\n <dds-megamenu-top-nav-menu\n ?active=\"${selected}\"\n menu-label=\"${title}\"\n trigger-content=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\">\n </dds-megamenu-top-nav-menu>\n `;\n }\n return html`\n <dds-top-nav-menu\n ?active=\"${selected}\"\n menu-label=\"${title}\"\n trigger-content=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\">\n ${sections}\n </dds-top-nav-menu>\n `;\n });\n }\n\n return !menu\n ? undefined\n : this._renderLeftNav(menu, selectedMenuItem, autoid, currentUrlPath);\n }\n\n /\n Handles the rendering of the megamenu once it is active\n \n @param event The event.\n /\n @HostListener('eventMegamenuActive')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _loadMegamenu = (event: CustomEvent) => {\n const {\n target,\n detail: { active, resolveFn },\n } = event;\n const { autoid } = (target as HTMLElement).dataset;\n const index = autoid?.slice(-1);\n const currentMenu = this.megamenuSet[index!];\n render(active ? currentMenu : nothing, target as HTMLElement);\n resolveFn();\n };\n\n /\n Whether or not a nav item has automatically been designated as \"selected\".\n \n @internal\n /\n _hasAutoSelectedItems = false;\n\n /\n The placeholder for `loadTranslation()` Redux action that will be mixed in.\n \n @internal\n /\n _loadTranslation?: (\n language?: string,\n dataEndpoint?: string\n ) => Promise<Translation>;\n\n /\n The placeholder for `loadUserStatus()` Redux action that will be mixed in.\n \n @internal\n /\n _loadUserStatus?: () => void;\n\n /\n The placeholder for `setLanguage()` Redux action that will be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n `true` if there is a profile.\n /\n @property({ type: String, reflect: true, attribute: 'has-profile' })\n hasProfile = 'true';\n\n /\n `true` if there is a search.\n /\n @property({ type: Boolean, attribute: 'has-search' })\n hasSearch = true;\n\n /\n `true` to activate the search box.\n /\n @property({ type: Boolean, attribute: 'activate-search' })\n activateSearch = false;\n\n /\n `true` sets search to active when page loads.\n /\n @property({ attribute: 'search-open-on-load' })\n searchOpenOnload = this.activateSearch;\n\n /\n The profile items for authenticated state.\n /\n @property({ attribute: false })\n authenticatedProfileItems?: MastheadProfileItem[];\n\n /\n The platform name.\n /\n @property()\n platform!: string;\n\n /\n The platform url. Accepts both a string or an object with a specific URL for each locale.\n /\n @property({ attribute: false })\n platformUrl?;\n\n /\n The brand name.\n \n @deprecated brandName use platform instead\n /\n @property({ attribute: 'brand-name' })\n brandName!: string;\n\n /\n The search results to show in the UI.\n /\n @property({ attribute: false })\n currentSearchResults: string[] = [];\n\n /\n The custom profile login link.\n /\n @property({ attribute: 'custom-profile-login' })\n customProfileLogin?: string;\n\n /\n The boolean to use a custom search API.\n /\n @property({ attribute: 'custom-typeahead-api', type: Boolean })\n customTypeaheadAPI = false;\n\n /\n The `aria-label` attribute for the top-level container.\n /\n @property({ attribute: 'masthead-assistive-text' })\n mastheadAssistiveText!: string;\n\n /\n The array containing all the megamenus to be loaded in.\n /\n @property()\n megamenuSet: TemplateResult[] = [];\n\n /\n The `aria-label` attribute for the menu bar UI.\n /\n @property({ attribute: 'menu-bar-assistive-text' })\n menuBarAssistiveText!: string;\n\n /\n The skip-to-content link text.\n /\n @property({ attribute: 'skip-to-content-text' })\n skipToContentText = 'Skip to content';\n\n /\n The skip-to-content href.\n /\n @property({ attribute: 'skip-to-content-href' })\n skipToContentHref = '#main-content';\n\n /\n The `aria-label` attribute for the header menu button in its active state.\n /\n @property({ attribute: 'menu-button-assistive-text-active' })\n menuButtonAssistiveTextActive!: string;\n\n /\n The `aria-label` attribute for the header menu button in its active state.\n /\n @property({ attribute: 'menu-button-assistive-text-inactive' })\n menuButtonAssistiveTextInactive!: string;\n\n /\n The parameters passed to the search-with-typeahead for search scope\n /\n @property()\n scopeParameters;\n\n /\n The English title of the selected nav item.\n /\n @property({ attribute: 'selected-menu-item' })\n selectedMenuItem!: string;\n\n /\n The profile items for unauthenticated state.\n /\n @property({ attribute: false })\n unauthenticatedProfileItems?: MastheadProfileItem[];\n\n /\n Specify translation endpoint if not using default dds endpoint.\n /\n @property({ attribute: 'data-endpoint' })\n dataEndpoint?: string;\n\n /\n The throttle timeout to run query upon user input.\n /\n @property({ type: Number, attribute: 'input-timeout' })\n inputTimeout = 200;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The navigation links.\n /\n @property({ attribute: false })\n navLinks?: MastheadLink[];\n\n /\n Logo data\n /\n @property({ attribute: false })\n logoData?: MastheadLogoData;\n\n /\n Data for l1.\n /\n @property({ attribute: false })\n l1Data?: MastheadL1;\n\n /\n `true` to open the search dropdown.\n /\n @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n openSearchDropdown = false;\n\n /\n Value to display when the input has an empty `value`.\n /\n @property()\n searchPlaceholder?: string;\n\n /\n The user authentication status.\n /\n @property({ attribute: 'user-status' })\n userStatus = UNAUTHENTICATED_STATUS;\n\n createRenderRoot() {\n // We render child elements of `<dds-masthead-container>` by ourselves\n return this;\n }\n\n firstUpdated() {\n const { language, dataEndpoint } = this;\n globalInit();\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadTranslation?.(language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store\n this._loadUserStatus?.();\n\n this.style.zIndex = '900';\n }\n\n updated(changedProperties) {\n if (changedProperties.has('language')) {\n const { language, dataEndpoint } = this;\n if (language) {\n this._setLanguage?.(language);\n this._loadTranslation?.(language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store\n }\n }\n if (changedProperties.has('brandName')) {\n this.platform = this.brandName;\n // eslint-disable-next-line no-console\n console.warn(\n '`brand-name` will be deprecated in the future use `platform` instead.'\n );\n }\n }\n\n render() {\n const {\n activateSearch,\n authenticatedProfileItems,\n currentSearchResults,\n customTypeaheadAPI,\n customProfileLogin,\n platform,\n platformUrl,\n hasProfile,\n inputTimeout,\n mastheadAssistiveText,\n menuBarAssistiveText,\n menuButtonAssistiveTextActive,\n menuButtonAssistiveTextInactive,\n navLinks,\n language,\n openSearchDropdown,\n hasSearch,\n scopeParameters,\n searchPlaceholder,\n selectedMenuItem,\n skipToContentText,\n skipToContentHref,\n unauthenticatedProfileItems,\n userStatus,\n l1Data,\n } = this;\n const authenticated = userStatus !== UNAUTHENTICATED_STATUS;\n\n let profileItems;\n if (DDS_CUSTOM_PROFILE_LOGIN && customProfileLogin && !authenticated) {\n profileItems = unauthenticatedProfileItems?.map((item) => {\n if (item?.id === 'signin') {\n return { ...item, url: customProfileLogin };\n }\n return item;\n });\n } else {\n profileItems = authenticated\n ? authenticatedProfileItems\n : unauthenticatedProfileItems;\n }\n const formattedLang = language\n ?.toLowerCase()\n .replace(/-(.)/, (m) => m.toUpperCase());\n let platformAltUrl = platformUrl;\n if (platformUrl && formattedLang) {\n if (\n typeof platformUrl === 'object' &&\n Object.prototype.hasOwnProperty.call(platformUrl, formattedLang)\n ) {\n platformAltUrl = platformUrl[formattedLang].url \|\| platformUrl;\n }\n }\n\n return html`\n <dds-left-nav-overlay></dds-left-nav-overlay>\n <dds-left-nav>\n ${!platform\n ? undefined\n : html`\n <dds-left-nav-name href=\"${ifNonNull(platformAltUrl)}\"\n >${platform}</dds-left-nav-name\n >\n `}\n ${!l1Data?.title\n ? undefined\n : html`\n <dds-left-nav-name href=\"${ifNonNull(l1Data.url)}\"\n >${l1Data.title}</dds-left-nav-name\n >\n `}\n ${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.LEFT_NAV,\n hasL1: !!l1Data,\n })}\n </dds-left-nav>\n <dds-masthead aria-label=\"${ifNonNull(mastheadAssistiveText)}\">\n <dds-skip-to-content\n href=\"${skipToContentHref}\"\n link-assistive-text=\"${skipToContentText}\"></dds-skip-to-content>\n <dds-masthead-menu-button\n button-label-active=\"${ifNonNull(menuButtonAssistiveTextActive)}\"\n button-label-inactive=\"${ifNonNull(menuButtonAssistiveTextInactive)}\"\n ?hide-menu-button=\"${activateSearch}\">\n </dds-masthead-menu-button>\n\n ${this._renderLogo()}\n ${!platform \|\| l1Data\n ? undefined\n : html`\n <dds-top-nav-name href=\"${ifNonNull(platformAltUrl)}\"\n >${platform}</dds-top-nav-name\n >\n `}\n ${(!l1Data &&\n navLinks &&\n html`\n <dds-top-nav\n selected-menu-item=${selectedMenuItem}\n menu-bar-label=\"${ifNonNull(menuBarAssistiveText)}\"\n ?hideNav=\"${activateSearch}\">\n ${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.TOP_NAV,\n hasL1: false,\n })}\n </dds-top-nav>\n `) \|\|\n undefined}\n ${!hasSearch\n ? undefined\n : html`\n <dds-search-with-typeahead\n ?active=\"${activateSearch}\"\n input-timeout=\"${inputTimeout}\"\n language=\"${ifNonNull(language)}\"\n ?open=\"${openSearchDropdown}\"\n ?searchOpenOnload=\"${activateSearch}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n .currentSearchResults=\"${ifNonNull(currentSearchResults)}\"\n ?custom-typeahead-api=\"${ifNonNull(customTypeaheadAPI)}\"\n .scopeParameters=\"${ifNonNull(\n scopeParameters\n )}\"></dds-search-with-typeahead>\n `}\n <dds-masthead-global-bar ?has-search-active=${activateSearch}>\n ${hasProfile === 'false'\n ? ''\n : html`\n <dds-masthead-profile ?authenticated=\"${authenticated}\">\n ${profileItems?.map(\n ({ title, url }) =>\n html`\n <dds-masthead-profile-item href=\"${ifNonNull(url)}\"\n >${title}</dds-masthead-profile-item\n >\n `\n )}\n </dds-masthead-profile>\n `}\n </dds-masthead-global-bar>\n ${!l1Data ? undefined : this._renderL1({ selectedMenuItem })}\n <dds-megamenu-overlay></dds-megamenu-overlay>\n </dds-masthead>\n `;\n }\n\n /*\n The name of the custom event fired when a top nav menu is clicked\n /\n static get eventMegamenuActive() {\n return `${ddsPrefix}-megamenu-top-nav-menu-toggle`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSMastheadComposite;\n"]}
1	+ {"version":3,"sources":["components/masthead/masthead-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAWzE,OAAO,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EAEpB,MAAM,6EAA6E,CAAC;AAKrF,OAAO,YAAY,CAAC;AACpB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,yBAAyB,CAAC;AACjC,OAAO,YAAY,CAAC;AACpB,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,WAAW,CAAC;AACnB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,YAAY,CAAC;AACpB,OAAO,gDAAgD,CAAC;AACxD,OAAO,qDAAqD,CAAC;AAM7D;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,QAAQ,aAAa;CACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAJC;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqEH;;;;;WAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtEL;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,yBAA6B;IAC9D;;;;;;OAMG;IACH,SAAS,CAAC,SAAS,CAAC,EAClB,gBAAgB,GACjB,GAAE;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAO;IAyBrC;;;OAGG;IACH,SAAS,CAAC,WAAW;IAoBrB;;;;;OAKG;IAEH,SAAS,CAAC,wBAAwB,CAAC,QAAQ,KAAA;;;;;IAiB3C;;;;;OAKG;IAEH,SAAS,CAAC,eAAe,CAAC,QAAQ,KAAA,EAAE,UAAU,KAAA;IA2F9C;;;;;;;;;;;OAWG;IAEH,SAAS,CAAC,0BAA0B,CAAC,EACnC,SAAS,EACT,OAAY,EACZ,SAAiB,EACjB,cAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,SAAc,GACf;;;;;;;;KAAA;IA8CD;;;;OAIG;IAEH,SAAS,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;IA8C/B;;;;;;;OAOG;IAEH,SAAS,CAAC,cAAc,CACtB,SAAS,KAAA,EACT,gBAAgB,KAAA,EAChB,MAAM,KAAA,EACN,cAAc,KAAA;IAqIhB;;;;OAIG;IAEH,SAAS,CAAC,iBAAiB;IA2B3B;;;;;OAKG;IACH,SAAS,CAAC,eAAe,CAAC,EACxB,gBAAgB,EAChB,MAAM,EACN,KAAK,GACN,EAAE;QACD,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,uBAAuB,CAAC;QAChC,KAAK,EAAE,OAAO,CAAC;KAChB;IAwFD;;;;OAIG;IAGH,SAAS,CAAC,aAAa,UAAW,WAAW,UAU3C;IAiCF;;OAEG;IAEH,UAAU,SAAU;IAEpB;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,gBAAgB,UAAuB;IAEvC;;OAEG;IAEH,yBAAyB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElD;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,WAAW,CAAC,MAAC;IAEb;;;;OAIG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;OAEG;IAEH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,qBAAqB,EAAG,MAAM,CAAC;IAE/B;;OAEG;IAEH,WAAW,EAAE,cAAc,EAAE,CAAM;IAEnC;;OAEG;IAEH,oBAAoB,EAAG,MAAM,CAAC;IAE9B;;OAEG;IAEH,iBAAiB,SAAqB;IAEtC;;OAEG;IAEH,iBAAiB,SAAmB;IAEpC;;OAEG;IAEH,6BAA6B,EAAG,MAAM,CAAC;IAEvC;;OAEG;IAEH,+BAA+B,EAAG,MAAM,CAAC;IAEzC;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAEH,2BAA2B,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEpD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IAEH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IAEH,UAAU,SAA0B;IAEpC,gBAAgB;IAKhB,YAAY;IAYZ,OAAO,CAAC,iBAAiB,KAAA;IAiBzB,MAAM;IAsJN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,oBAAoB,CAAC","file":"masthead-composite.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 { html, property, LitElement, TemplateResult } from 'lit-element';\nimport { nothing, render } from 'lit-html';\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 ArrowRight16 from '../../internal/vendor/@carbon/web-components/icons/arrow--right/16.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport root from 'window-or-global';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport MastheadLogoAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/MastheadLogo/MastheadLogo';\nimport {\n MastheadL1,\n MastheadLink,\n MastheadLogoData,\n MastheadMenuItem,\n MastheadProfileItem,\n Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME } from './megamenu-right-navigation';\nimport { DDS_CUSTOM_PROFILE_LOGIN } from '../../globals/internal/feature-flags';\nimport DDSMastheadLogo from './masthead-logo';\nimport './masthead';\nimport './masthead-l1';\nimport './masthead-l1-name';\nimport './masthead-menu-button';\nimport './masthead-global-bar';\nimport './masthead-profile';\nimport './masthead-profile-item';\nimport './megamenu';\nimport './megamenu-top-nav-menu';\nimport './skip-to-content';\nimport './top-nav';\nimport './top-nav-l1';\nimport './top-nav-name';\nimport './top-nav-item';\nimport './top-nav-menu';\nimport './top-nav-menu-item';\nimport './left-nav';\nimport '../search-with-typeahead/search-with-typeahead';\nimport '../search-with-typeahead/search-with-typeahead-item';\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 Rendering target for masthead navigation items.\n /\nexport enum NAV_ITEMS_RENDER_TARGET {\n /\n For top navigation.\n /\n TOP_NAV = 'top-nav',\n\n /\n For left navigation.\n /\n LEFT_NAV = 'left-nav',\n}\n\n/\n Component that renders masthead from links, etc. data.\n \n @element dds-masthead-composite\n /\n@customElement(`${ddsPrefix}-masthead-composite`)\nclass DDSMastheadComposite extends HostListenerMixin(LitElement) {\n /\n Renders L1 menu based on l1Data\n \n @param [options] The options.\n * @param [options.selectedMenuItem] The selected nav item.\n * @returns The L1 nav.\n /\n protected _renderL1({\n selectedMenuItem,\n }: { selectedMenuItem?: string } = {}) {\n if (!this.l1Data) return undefined;\n const { url, title } = this.l1Data;\n const isSelected = !this._hasAutoSelectedItems && !selectedMenuItem;\n return html`\n <dds-masthead-l1 slot=\"masthead-l1\">\n ${!title\n ? undefined\n : html`\n <dds-masthead-l1-name\n title=\"${title}\"\n aria-selected=\"${isSelected}\"\n url=\"${url}\"></dds-masthead-l1-name>\n `}\n <dds-top-nav-l1 selected-menu-item=${selectedMenuItem}\n >${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.TOP_NAV,\n hasL1: true,\n })}</dds-top-nav-l1\n >\n </dds-masthead-l1>\n `;\n }\n\n /\n Renders masthead logo\n \n /\n protected _renderLogo() {\n if (!this.logoData) {\n return html`\n <dds-masthead-logo\n ?hide-logo=\"${this.activateSearch}\"></dds-masthead-logo>\n `;\n }\n const useAlternateLogo = MastheadLogoAPI.setMastheadLogo(this.logoData);\n const { tooltip, svg, href } = this.logoData;\n return html`\n <dds-masthead-logo\n ?hide-logo=\"${this.activateSearch}\"\n ?hasTooltip=\"${tooltip}\"\n aria-label=\"${ifNonNull(tooltip)}\"\n href=\"${href \|\| DDSMastheadLogo.hrefDefault}\"\n >${useAlternateLogo ? unsafeSVG(svg) : nothing}</dds-masthead-logo\n >\n `;\n }\n\n /*\n Sorts highlighted and regular menu items in separate arrays\n * and returns view all link\n \n @param sections menu section data object\n /\n // eslint-disable-next-line class-methods-use-this\n protected _getHighlightedMenuItems(sections) {\n const highlightedItems: MastheadMenuItem[] = [];\n let viewAllLink;\n const menu: MastheadMenuItem[] = [];\n\n sections[0]?.menuItems?.forEach((item: MastheadMenuItem) => {\n if (item.highlighted) return highlightedItems.push(item);\n if (item.megaPanelViewAll) {\n viewAllLink = item;\n return viewAllLink;\n }\n return menu.push(item);\n });\n\n return { viewAllLink, highlightedItems, menu };\n }\n\n /\n Render MegaMenu content\n \n @param sections menu section data object\n * @param _parentKey parent menu key (used for the cloud-masthead-composite component)\n /\n // eslint-disable-next-line\n protected _renderMegaMenu(sections, _parentKey) {\n const { viewAllLink, highlightedItems, menu } =\n this._getHighlightedMenuItems(sections);\n const hasHighlights = highlightedItems.length !== 0;\n return html`\n <dds-megamenu>\n ${hasHighlights\n ? html`\n <dds-megamenu-left-navigation>\n ${sections[0]?.heading &&\n html`\n <dds-megamenu-category-group-copy\n >${sections[0]?.heading}</dds-megamenu-category-group-copy\n >\n `}\n ${highlightedItems.map((item, i) => {\n const autoid = `${ddsPrefix}--masthead__l0-nav-list${i}`;\n return html`\n <dds-megamenu-category-group\n data-autoid=\"${autoid}\"\n href=\"${item.url}\"\n title=\"${item.title}\">\n <dds-megamenu-category-group-copy\n >${item.megapanelContent\n ?.description}</dds-megamenu-category-group-copy\n >\n ${item.megapanelContent?.quickLinks?.links.map(\n ({ title, url, highlightedLink }, key) => {\n return html`\n ${highlightedLink\n ? html`\n <dds-megamenu-link-with-icon\n data-autoid=\"${autoid}-item${key}\"\n href=\"${url}\"\n style-scheme=\"category-sublink\"\n title=\"${title}\">\n <span>${title}</span>${ArrowRight16({\n slot: 'icon',\n })}\n </dds-megamenu-link-with-icon>\n `\n : html`\n <dds-megamenu-category-link\n data-autoid=\"${autoid}-item${key}\"\n title=\"${title}\"\n href=\"${url}\">\n </dds-megamenu-category-link>\n `}\n `;\n }\n )}\n </dds-megamenu-category-group>\n `;\n })}\n </dds-megamenu-left-navigation>\n `\n : null}\n <dds-megamenu-right-navigation\n style-scheme=\"${hasHighlights\n ? MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME.LEFT_SECTION\n : MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME.REGULAR}\"\n view-all-href=\"${ifNonNull(viewAllLink?.url)}\"\n view-all-title=\"${ifNonNull(viewAllLink?.title)}\">\n ${menu.map((item, j) => {\n const autoid = `${ddsPrefix}--masthead__l0-nav-list${\n j + highlightedItems.length\n }`;\n return html`\n <dds-megamenu-category-group\n data-autoid=\"${autoid}\"\n href=\"${item.url}\"\n title=\"${item.title}\">\n ${item.megapanelContent?.quickLinks?.links.map(\n ({ title, url }, key) => {\n return html`\n <dds-megamenu-category-link\n data-autoid=\"${autoid}-item${key}\"\n title=\"${title}\"\n href=\"${url}\">\n </dds-megamenu-category-link>\n `;\n }\n )}\n </dds-megamenu-category-group>\n `;\n })}\n </dds-megamenu-right-navigation>\n </dds-megamenu>\n `;\n }\n\n /\n Renders the left nav menus sections\n \n @param object heading heading of menu section\n * @param object.menuItems menu items\n * @param object.heading heading heading of menu section\n * @param object.isSubmenu determines whether menu section is a submenu section\n * @param object.showBackButton Determines whether to show back button\n * @param object.sectionTitle title of menu section\n * @param object.sectionUrl section title url of menu section\n * @param object.sectionId id of menu section\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderLeftNavMenuSections({\n menuItems,\n heading = '',\n isSubmenu = false,\n showBackButton = false,\n sectionTitle = '',\n sectionUrl = '',\n sectionId = '',\n }) {\n const items = menuItems.map((elem) => {\n if (elem.menu) {\n return html`\n <dds-left-nav-menu\n ?last-highlighted=${elem.lastHighlightedItem}\n panel-id=${elem.panelId}\n ?active=\"${elem.selected}\"\n title=\"${elem.title}\"\n data-autoid=\"${elem.autoid}\">\n </dds-left-nav-menu>\n `;\n }\n\n return html`\n <dds-left-nav-menu-item\n ?last-highlighted=${elem.lastHighlightedItem}\n ?active=\"${elem.selected}\"\n href=\"${elem.url}\"\n title=\"${elem.title}\"\n data-autoid=\"${elem.autoid}\"></dds-left-nav-menu-item>\n `;\n });\n\n if (heading) {\n items.unshift(\n html`\n <dds-left-nav-menu-category-heading\n >${heading}</dds-left-nav-menu-category-heading\n >\n `\n );\n }\n\n return html`\n <dds-left-nav-menu-section\n section-id=\"${sectionId}\"\n ?is-submenu=${ifNonNull(isSubmenu)}\n title=${ifNonNull(sectionTitle)}\n titleUrl=${ifNonNull(sectionUrl)}\n ?show-back-button=${ifNonNull(showBackButton)}>\n ${items}\n </dds-left-nav-menu-section>\n `;\n }\n\n /\n checks if menu item's children url match the current url path, if so return the menu item and its children\n \n @returns {object} selectedItems\n /\n // eslint-disable-next-line class-methods-use-this\n protected _selectedLeftNavItems() {\n let matchFound = false;\n const selectedItems = { level0: '', level1: '', level2: '' };\n\n return ({\n menu = [\n { url: '', megapanelContent: { quickLinks: { links: [{ url: '' }] } } },\n ],\n key = '',\n parentItemUrl = '',\n currentUrlPath = '',\n }) => {\n if (!matchFound) {\n if (parentItemUrl === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n matchFound = true;\n }\n // check if child url matches current url path\n else {\n for (let i = 0; i < menu?.length; i++) {\n if (menu[i]?.url === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n selectedItems.level1 = `${key}-${i}`;\n matchFound = true;\n break;\n } else {\n const links = menu[i]?.megapanelContent?.quickLinks?.links;\n for (let k = 0; k < links?.length; k++) {\n if (links[k]?.url === currentUrlPath) {\n selectedItems.level0 = `${key}`;\n selectedItems.level1 = `${key}-${i}`;\n selectedItems.level2 = `${key}-${i}-${k}`;\n matchFound = true;\n break;\n }\n }\n }\n }\n }\n this._hasAutoSelectedItems = matchFound;\n return selectedItems;\n }\n return selectedItems;\n };\n }\n\n /\n Renders the left nav menus\n \n @param menuItems The options.\n * @param selectedMenuItem The selected menu item\n * @param autoid Base autoid to be applied to the menu items\n * @param currentUrlPath current url path\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderLeftNav(\n menuItems,\n selectedMenuItem,\n autoid,\n currentUrlPath\n ) {\n const menu: any[] = [];\n const selectedItemUrl = this._selectedLeftNavItems();\n const level0Items = menuItems.map((elem, i) => {\n if (elem.menuSections) {\n const level1Items: {\n title: string;\n panelId: string;\n autoid: string;\n lastHighlightedItem: boolean;\n url?: string;\n menu: boolean;\n selected: boolean;\n }[] = [];\n\n let menuElems = elem.menuSections[0]?.menuItems;\n let highlightedItems: MastheadMenuItem[] = [];\n\n if (elem.hasMegapanel) {\n const {\n viewAllLink,\n highlightedItems: hightlighted,\n menu: nonHighlightedMenuItems,\n } = this._getHighlightedMenuItems(elem.menuSections);\n highlightedItems = hightlighted;\n menuElems = hightlighted.concat(nonHighlightedMenuItems);\n if (viewAllLink) {\n menuElems.push(viewAllLink);\n }\n }\n\n const selectedItems = selectedItemUrl({\n menu: menuElems,\n key: i,\n parentItemUrl: elem.url,\n currentUrlPath,\n });\n\n // render level 1 menu sections\n menuElems?.map((item, k) => {\n const level2Items: {\n title: string;\n url?: string;\n autoid: string;\n selected: boolean;\n }[] = [];\n\n const lastHighlighted = k + 1 === highlightedItems.length;\n\n // render level 2 menu sections\n item.megapanelContent?.quickLinks?.links.map((submenu, j) => {\n return level2Items.push({\n title: submenu.title,\n url: submenu.url,\n autoid: `${autoid}--sidenav--nav${i}-list${k}-item${j}`,\n selected: !selectedMenuItem\n ? selectedItems?.level2 === `${i}-${k}-${j}`\n : selectedMenuItem === submenu.titleEnglish,\n });\n });\n\n if (level2Items.length !== 0) {\n menu.push(\n this._renderLeftNavMenuSections({\n menuItems: level2Items,\n isSubmenu: true,\n showBackButton: true,\n sectionTitle: item.title,\n sectionUrl: item.url,\n sectionId: `${i}, ${k}`,\n })\n );\n }\n\n return level1Items.push({\n title: item.title,\n autoid: `${autoid}--sidenav--nav${i}-list${k}`,\n lastHighlightedItem: lastHighlighted,\n url: item.url,\n panelId: `${i}, ${k}`,\n selected: !selectedMenuItem\n ? selectedItems?.level1 === `${i}-${k}`\n : selectedMenuItem === item.titleEnglish,\n menu:\n item.megapanelContent?.quickLinks?.links &&\n item.megapanelContent?.quickLinks?.links.length !== 0,\n });\n });\n\n if (level1Items.length !== 0) {\n menu.push(\n this._renderLeftNavMenuSections({\n menuItems: level1Items,\n heading: elem.menuSections[0]?.heading,\n isSubmenu: true,\n showBackButton: true,\n sectionTitle: elem.title,\n sectionUrl: elem.url,\n sectionId: `${i}, -1`,\n })\n );\n }\n }\n\n const selectedItems = selectedItemUrl({\n key: i,\n parentItemUrl: elem.url,\n currentUrlPath,\n });\n\n return {\n title: elem.title,\n titleEnglish: elem.titleEnglish,\n menu: elem.menuSections && elem.menuSections.length !== 0,\n url: elem.url,\n panelId: `${i}, -1`,\n autoid: `${autoid}--sidenav--nav${i}`,\n selected: !selectedMenuItem\n ? selectedItems?.level0 === `${i}`\n : selectedMenuItem === elem.titleEnglish,\n };\n });\n\n return html`\n ${this._renderLeftNavMenuSections({\n menuItems: level0Items,\n sectionId: '-1, -1',\n })}\n ${menu}\n `;\n }\n\n /\n checks if there is a child item in the menu section that matches current url and returns true for first valid result\n \n @returns function that returns true or false\n /\n // eslint-disable-next-line class-methods-use-this\n protected _childLinkChecker() {\n let matchFound = false;\n\n return (sections, currentUrlPath) => {\n if (!matchFound) {\n if (sections.length) {\n const { menuItems } = sections[0];\n\n for (let i = 0; i < menuItems.length; i++) {\n if (\n menuItems[i]?.url === currentUrlPath \|\|\n menuItems[i]?.megapanelContent?.quickLinks?.links?.filter(\n (link) => link.url === currentUrlPath\n ).length\n ) {\n matchFound = true;\n }\n }\n }\n\n return matchFound;\n }\n\n return false;\n };\n }\n\n /\n @param options The options.\n * @param [options.selectedMenuItem] The selected nav item.\n * @param options.target The target of rendering navigation items.\n * @returns The nav items.\n /\n protected _renderNavItems({\n selectedMenuItem,\n target,\n hasL1,\n }: {\n selectedMenuItem?: string;\n target: NAV_ITEMS_RENDER_TARGET;\n hasL1: boolean;\n }) {\n const currentUrlPath = root.location?.href;\n const hasChildLink = this._childLinkChecker();\n const { navLinks, l1Data } = this;\n let menu: MastheadLink[] \| undefined = navLinks;\n const autoid = `${ddsPrefix}--masthead__${l1Data?.menuItems ? 'l1' : 'l0'}`;\n if (hasL1) {\n menu = l1Data?.menuItems;\n }\n\n if (target === NAV_ITEMS_RENDER_TARGET.TOP_NAV) {\n return !menu\n ? undefined\n : menu.map((link, i) => {\n const { menuSections = [], title, titleEnglish, url } = link;\n let selected;\n\n if (selectedMenuItem) {\n selected = selectedMenuItem && titleEnglish === selectedMenuItem;\n } else {\n selected = hasChildLink(menuSections, currentUrlPath);\n }\n\n let sections;\n if (link.hasMegapanel) {\n sections = this.megamenuSet[i] = this._renderMegaMenu(\n menuSections,\n i\n );\n } else {\n sections = menuSections\n // eslint-disable-next-line no-use-before-define\n .reduce(\n (acc: typeof menuItems, { menuItems }) =>\n acc.concat(menuItems),\n []\n )\n .map(\n ({ title: menuItemTitle, url: menuItemUrl }, j) =>\n html`\n <dds-top-nav-menu-item\n ?active=\"${selectedMenuItem\n ? selected\n : menuItemUrl === currentUrlPath}\"\n href=\"${menuItemUrl}\"\n title=\"${menuItemTitle}\"\n data-autoid=\"${autoid}-nav--subnav-col${i}-item${j}\"></dds-top-nav-menu-item>\n `\n );\n }\n if (sections.length === 0) {\n return html`\n <dds-top-nav-item\n ?active=\"${selectedMenuItem\n ? selected\n : url === currentUrlPath}\"\n href=\"${url}\"\n title=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\"></dds-top-nav-item>\n `;\n }\n if (link.hasMegapanel) {\n return html`\n <dds-megamenu-top-nav-menu\n ?active=\"${selected}\"\n menu-label=\"${title}\"\n trigger-content=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\">\n </dds-megamenu-top-nav-menu>\n `;\n }\n return html`\n <dds-top-nav-menu\n ?active=\"${selected}\"\n menu-label=\"${title}\"\n trigger-content=\"${title}\"\n data-autoid=\"${autoid}-nav--nav${i}\">\n ${sections}\n </dds-top-nav-menu>\n `;\n });\n }\n\n return !menu\n ? undefined\n : this._renderLeftNav(menu, selectedMenuItem, autoid, currentUrlPath);\n }\n\n /\n Handles the rendering of the megamenu once it is active\n \n @param event The event.\n /\n @HostListener('eventMegamenuActive')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _loadMegamenu = (event: CustomEvent) => {\n const {\n target,\n detail: { active, resolveFn },\n } = event;\n const { autoid } = (target as HTMLElement).dataset;\n const index = autoid?.slice(-1);\n const currentMenu = this.megamenuSet[index!];\n render(active ? currentMenu : nothing, target as HTMLElement);\n resolveFn();\n };\n\n /\n Whether or not a nav item has automatically been designated as \"selected\".\n \n @internal\n /\n _hasAutoSelectedItems = false;\n\n /\n The placeholder for `loadTranslation()` Redux action that will be mixed in.\n \n @internal\n /\n _loadTranslation?: (\n language?: string,\n dataEndpoint?: string\n ) => Promise<Translation>;\n\n /\n The placeholder for `loadUserStatus()` Redux action that will be mixed in.\n \n @internal\n /\n _loadUserStatus?: () => void;\n\n /\n The placeholder for `setLanguage()` Redux action that will be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n `true` if there is a profile.\n /\n @property({ type: String, reflect: true, attribute: 'has-profile' })\n hasProfile = 'true';\n\n /\n `true` if there is a search.\n /\n @property({ type: Boolean, attribute: 'has-search' })\n hasSearch = true;\n\n /\n `true` to activate the search box.\n /\n @property({ type: Boolean, attribute: 'activate-search' })\n activateSearch = false;\n\n /\n `true` sets search to active when page loads.\n /\n @property({ attribute: 'search-open-on-load' })\n searchOpenOnload = this.activateSearch;\n\n /\n The profile items for authenticated state.\n /\n @property({ attribute: false })\n authenticatedProfileItems?: MastheadProfileItem[];\n\n /\n The platform name.\n /\n @property()\n platform!: string;\n\n /\n The platform url. Accepts both a string or an object with a specific URL for each locale.\n /\n @property({ attribute: false })\n platformUrl?;\n\n /\n The brand name.\n \n @deprecated brandName use platform instead\n /\n @property({ attribute: 'brand-name' })\n brandName!: string;\n\n /\n The search results to show in the UI.\n /\n @property({ attribute: false })\n currentSearchResults: string[] = [];\n\n /\n The custom profile login link.\n /\n @property({ attribute: 'custom-profile-login' })\n customProfileLogin?: string;\n\n /\n The boolean to use a custom search API.\n /\n @property({ attribute: 'custom-typeahead-api', type: Boolean })\n customTypeaheadAPI = false;\n\n /\n The `aria-label` attribute for the top-level container.\n /\n @property({ attribute: 'masthead-assistive-text' })\n mastheadAssistiveText!: string;\n\n /\n The array containing all the megamenus to be loaded in.\n /\n @property()\n megamenuSet: TemplateResult[] = [];\n\n /\n The `aria-label` attribute for the menu bar UI.\n /\n @property({ attribute: 'menu-bar-assistive-text' })\n menuBarAssistiveText!: string;\n\n /\n The skip-to-content link text.\n /\n @property({ attribute: 'skip-to-content-text' })\n skipToContentText = 'Skip to content';\n\n /\n The skip-to-content href.\n /\n @property({ attribute: 'skip-to-content-href' })\n skipToContentHref = '#main-content';\n\n /\n The `aria-label` attribute for the header menu button in its active state.\n /\n @property({ attribute: 'menu-button-assistive-text-active' })\n menuButtonAssistiveTextActive!: string;\n\n /\n The `aria-label` attribute for the header menu button in its active state.\n /\n @property({ attribute: 'menu-button-assistive-text-inactive' })\n menuButtonAssistiveTextInactive!: string;\n\n /\n The parameters passed to the search-with-typeahead for search scope\n /\n @property()\n scopeParameters;\n\n /\n The English title of the selected nav item.\n /\n @property({ attribute: 'selected-menu-item' })\n selectedMenuItem!: string;\n\n /\n The profile items for unauthenticated state.\n /\n @property({ attribute: false })\n unauthenticatedProfileItems?: MastheadProfileItem[];\n\n /\n Specify translation endpoint if not using default dds endpoint.\n /\n @property({ attribute: 'data-endpoint' })\n dataEndpoint?: string;\n\n /\n The throttle timeout to run query upon user input.\n /\n @property({ type: Number, attribute: 'input-timeout' })\n inputTimeout = 200;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The navigation links.\n /\n @property({ attribute: false })\n navLinks?: MastheadLink[];\n\n /\n Logo data\n /\n @property({ attribute: false })\n logoData?: MastheadLogoData;\n\n /\n Data for l1.\n /\n @property({ attribute: false })\n l1Data?: MastheadL1;\n\n /\n `true` to open the search dropdown.\n /\n @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n openSearchDropdown = false;\n\n /\n Value to display when the input has an empty `value`.\n /\n @property()\n searchPlaceholder?: string;\n\n /\n The user authentication status.\n /\n @property({ attribute: 'user-status' })\n userStatus = UNAUTHENTICATED_STATUS;\n\n createRenderRoot() {\n // We render child elements of `<dds-masthead-container>` by ourselves\n return this;\n }\n\n firstUpdated() {\n const { language, dataEndpoint } = this;\n globalInit();\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadTranslation?.(language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store\n this._loadUserStatus?.();\n\n this.style.zIndex = '900';\n }\n\n updated(changedProperties) {\n if (changedProperties.has('language')) {\n const { language, dataEndpoint } = this;\n if (language) {\n this._setLanguage?.(language);\n this._loadTranslation?.(language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store\n }\n }\n if (changedProperties.has('brandName')) {\n this.platform = this.brandName;\n // eslint-disable-next-line no-console\n console.warn(\n '`brand-name` will be deprecated in the future use `platform` instead.'\n );\n }\n }\n\n render() {\n const {\n activateSearch,\n authenticatedProfileItems,\n currentSearchResults,\n customTypeaheadAPI,\n customProfileLogin,\n platform,\n platformUrl,\n hasProfile,\n inputTimeout,\n mastheadAssistiveText,\n menuBarAssistiveText,\n menuButtonAssistiveTextActive,\n menuButtonAssistiveTextInactive,\n navLinks,\n language,\n openSearchDropdown,\n hasSearch,\n scopeParameters,\n searchPlaceholder,\n selectedMenuItem,\n skipToContentText,\n skipToContentHref,\n unauthenticatedProfileItems,\n userStatus,\n l1Data,\n } = this;\n const authenticated = userStatus !== UNAUTHENTICATED_STATUS;\n\n let profileItems;\n if (DDS_CUSTOM_PROFILE_LOGIN && customProfileLogin && !authenticated) {\n profileItems = unauthenticatedProfileItems?.map((item) => {\n if (item?.id === 'signin') {\n return { ...item, url: customProfileLogin };\n }\n return item;\n });\n } else {\n profileItems = authenticated\n ? authenticatedProfileItems\n : unauthenticatedProfileItems;\n }\n const formattedLang = language\n ?.toLowerCase()\n .replace(/-(.)/, (m) => m.toUpperCase());\n let platformAltUrl = platformUrl;\n if (platformUrl && formattedLang) {\n if (\n typeof platformUrl === 'object' &&\n Object.prototype.hasOwnProperty.call(platformUrl, formattedLang)\n ) {\n platformAltUrl = platformUrl[formattedLang].url \|\| platformUrl;\n }\n }\n\n return html`\n <dds-left-nav-overlay></dds-left-nav-overlay>\n <dds-left-nav>\n ${!platform\n ? undefined\n : html`\n <dds-left-nav-name href=\"${ifNonNull(platformAltUrl)}\"\n >${platform}</dds-left-nav-name\n >\n `}\n ${!l1Data?.title\n ? undefined\n : html`\n <dds-left-nav-name href=\"${ifNonNull(l1Data.url)}\"\n >${l1Data.title}</dds-left-nav-name\n >\n `}\n ${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.LEFT_NAV,\n hasL1: !!l1Data,\n })}\n </dds-left-nav>\n <dds-masthead aria-label=\"${ifNonNull(mastheadAssistiveText)}\">\n <dds-skip-to-content\n href=\"${skipToContentHref}\"\n link-assistive-text=\"${skipToContentText}\"></dds-skip-to-content>\n <dds-masthead-menu-button\n button-label-active=\"${ifNonNull(menuButtonAssistiveTextActive)}\"\n button-label-inactive=\"${ifNonNull(menuButtonAssistiveTextInactive)}\"\n ?hide-menu-button=\"${activateSearch}\">\n </dds-masthead-menu-button>\n\n ${this._renderLogo()}\n ${!platform \|\| l1Data\n ? undefined\n : html`\n <dds-top-nav-name href=\"${ifNonNull(platformAltUrl)}\"\n >${platform}</dds-top-nav-name\n >\n `}\n ${(!l1Data &&\n navLinks &&\n html`\n <dds-top-nav\n selected-menu-item=${selectedMenuItem}\n menu-bar-label=\"${ifNonNull(menuBarAssistiveText)}\"\n ?hideNav=\"${activateSearch}\">\n ${this._renderNavItems({\n selectedMenuItem,\n target: NAV_ITEMS_RENDER_TARGET.TOP_NAV,\n hasL1: false,\n })}\n </dds-top-nav>\n `) \|\|\n undefined}\n ${!hasSearch\n ? undefined\n : html`\n <dds-search-with-typeahead\n ?active=\"${activateSearch}\"\n input-timeout=\"${inputTimeout}\"\n language=\"${ifNonNull(language)}\"\n ?open=\"${openSearchDropdown}\"\n ?searchOpenOnload=\"${activateSearch}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n .currentSearchResults=\"${ifNonNull(currentSearchResults)}\"\n ?custom-typeahead-api=\"${ifNonNull(customTypeaheadAPI)}\"\n .scopeParameters=\"${ifNonNull(\n scopeParameters\n )}\"></dds-search-with-typeahead>\n `}\n <dds-masthead-global-bar ?has-search-active=${activateSearch}>\n ${hasProfile === 'false'\n ? ''\n : html`\n <dds-masthead-profile ?authenticated=\"${authenticated}\">\n ${profileItems?.map(\n ({ title, url }) =>\n html`\n <dds-masthead-profile-item href=\"${ifNonNull(url)}\"\n >${title}</dds-masthead-profile-item\n >\n `\n )}\n </dds-masthead-profile>\n `}\n </dds-masthead-global-bar>\n ${!l1Data ? undefined : this._renderL1({ selectedMenuItem })}\n <dds-megamenu-overlay></dds-megamenu-overlay>\n </dds-masthead>\n `;\n }\n\n /*\n The name of the custom event fired when a top nav menu is clicked\n /\n static get eventMegamenuActive() {\n return `${ddsPrefix}-megamenu-top-nav-menu-toggle`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSMastheadComposite;\n"]}

package/es/components/masthead/masthead-composite.js CHANGED Viewed

@@ -50,6 +50,7 @@ require("./left-nav.js");
 require("../search-with-typeahead/search-with-typeahead.js");
 require("../search-with-typeahead/search-with-typeahead-item.js");
 var _mastheadCss = _interopRequireDefault(require("././masthead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -71,7 +72,7 @@ exports.NAV_ITEMS_RENDER_TARGET = NAV_ITEMS_RENDER_TARGET;
   NAV_ITEMS_RENDER_TARGET["TOP_NAV"] = "top-nav";
   NAV_ITEMS_RENDER_TARGET["LEFT_NAV"] = "left-nav";
 })(NAV_ITEMS_RENDER_TARGET || (exports.NAV_ITEMS_RENDER_TARGET = NAV_ITEMS_RENDER_TARGET = {}));
-var DDSMastheadComposite = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-masthead-composite"))], function (_initialize, _HostListenerMixin) {
+var DDSMastheadComposite = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-masthead-composite"))], function (_initialize, _HostListenerMixin) {
   var DDSMastheadComposite = /*#__PURE__*/function (_HostListenerMixin2) {
     (0, _inherits2["default"])(DDSMastheadComposite, _HostListenerMixin2);
     var _super = _createSuper(DDSMastheadComposite);