npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.26.0-rc.1 → 1.26.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.26.0-rc.1 → 1.26.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 (788) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/cloud/cloud-masthead-profile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAKrD;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,kBAAkB;IACtD,MAAM;IAyBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC","file":"cloud-masthead-profile.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport User20 from '@carbon/~~carbon-~~web-components/es/icons/user/20.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\nimport DDSMastheadProfile from '../masthead-profile';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Cloud-specific profile menu UI in the masthead.\n \n @element dds-cloud-masthead-profile\n */\n@customElement(`${ddsPrefix}-cloud-masthead-profile`)\nclass DDSCloudMastheadProfile extends DDSMastheadProfile {\n render() {\n const {\n expanded,\n menuLabel,\n triggerLabel,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n tabindex=\"0\"\n class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n href=\"javascript:void 0\"\n aria-haspopup=\"menu\"\n aria-expanded=\"${String(Boolean(expanded))}\"\n aria-label=\"${ifDefined(triggerLabel)}\"\n @click=${handleClick}\n >\n ${User20()}\n </a>\n <ul class=\"${prefix}--header__menu\" aria-label=\"${ifDefined(menuLabel)}\">\n <slot></slot>\n </ul>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMastheadProfile;\n"]}
1	+ {"version":3,"sources":["components/masthead/cloud/cloud-masthead-profile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAKrD;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,kBAAkB;IACtD,MAAM;IAyBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC","file":"cloud-masthead-profile.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport User20 from '@carbon/web-components/es/icons/user/20.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\nimport DDSMastheadProfile from '../masthead-profile';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Cloud-specific profile menu UI in the masthead.\n \n @element dds-cloud-masthead-profile\n */\n@customElement(`${ddsPrefix}-cloud-masthead-profile`)\nclass DDSCloudMastheadProfile extends DDSMastheadProfile {\n render() {\n const {\n expanded,\n menuLabel,\n triggerLabel,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n tabindex=\"0\"\n class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n href=\"javascript:void 0\"\n aria-haspopup=\"menu\"\n aria-expanded=\"${String(Boolean(expanded))}\"\n aria-label=\"${ifDefined(triggerLabel)}\"\n @click=${handleClick}\n >\n ${User20()}\n </a>\n <ul class=\"${prefix}--header__menu\" aria-label=\"${ifDefined(menuLabel)}\">\n <slot></slot>\n </ul>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMastheadProfile;\n"]}

package/es/components/masthead/cloud/cloud-masthead-profile.js CHANGED Viewed

@@ -13,7 +13,7 @@ let _ = t => t,
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import User20 from '@carbon/carbon-web-components/es/icons/user/20.js';
+import User20 from '@carbon/web-components/es/icons/user/20.js';
 import ddsSettings from "../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././cloud-masthead.css.js";
 import DDSMastheadProfile from "../masthead-profile.js";

package/es/components/masthead/cloud/cloud-masthead-profile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-masthead-profile.js","names":["ifDefined","html","customElement","settings","User20","ddsSettings","styles","DDSMastheadProfile","prefix","stablePrefix","ddsPrefix","DDSCloudMastheadProfile","expanded","menuLabel","triggerLabel","_handleClick","handleClick","String","Boolean"],"sources":["components/masthead/cloud/cloud-masthead-profile.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport User20 from '@carbon/~~carbon-~~web-components/es/icons/user/20.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\nimport DDSMastheadProfile from '../masthead-profile';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Cloud-specific profile menu UI in the masthead.\n \n @element dds-cloud-masthead-profile\n */\n@customElement(`${ddsPrefix}-cloud-masthead-profile`)\nclass DDSCloudMastheadProfile extends DDSMastheadProfile {\n render() {\n const {\n expanded,\n menuLabel,\n triggerLabel,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n tabindex=\"0\"\n class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n href=\"javascript:void 0\"\n aria-haspopup=\"menu\"\n aria-expanded=\"${String(Boolean(expanded))}\"\n aria-label=\"${ifDefined(triggerLabel)}\"\n @click=${handleClick}\n >\n ${User20()}\n </a>\n <ul class=\"${prefix}--header__menu\" aria-label=\"${ifDefined(menuLabel)}\">\n <slot></slot>\n </ul>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMastheadProfile;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,mCAAmC;AAC7D,SAASC,IAAI,EAAEC,aAAa,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,MAAM,MAAM,~~mDAAmD~~;~~AACtE~~,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAC1C,OAAOC,kBAAkB,MAAM,wBAAqB;AAEpD,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,uBAAuB,cAD5BT,aAAa,CAAE,GAAEQ,SAAU,yBAAwB,CAAC;EAArD,MACMC,uBAAuB,6BAA4B;IAAA;MAAA;MAAA;IAAA;EA2BzD;EAAC;IAAA,GA3BKA,uBAAuB;IAAA;MAAA;MAAA;MAAA,OAC3B,kBAAS;QACP,MAAM;UACJC,QAAQ;UACRC,SAAS;UACTC,YAAY;UACZC,YAAY,EAAEC;QAChB,CAAC,GAAG,IAAI;QACR,OAAOf,IAAI,cAAC;AAChB;AACA;AACA,iBAAe,CAAS,uBAAoB,CAAS;AACrD;AACA;AACA,yBAAuB,CAA4B;AACnD,sBAAoB,CAA0B;AAC9C,iBAAe,CAAc;AAC7B;AACA,UAAQ,CAAW;AACnB;AACA,mBAAiB,CAAS,+BAA4B,CAAuB;AAC7E;AACA;AACA,KAAI,GAZaO,MAAM,EAAuBA,MAAM,EAG3BS,MAAM,CAACC,OAAO,CAACN,QAAQ,CAAC,CAAC,EAC5BZ,SAAS,CAACc,YAAY,CAAC,EAC5BE,WAAW,EAElBZ,MAAM,EAAE,EAECI,MAAM,EAA+BR,SAAS,CAACa,SAAS,CAAC;MAI1E;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GA1BcC,kBAAkB;AA6BxD,eAAeI,uBAAuB"}
1	+ {"version":3,"file":"cloud-masthead-profile.js","names":["ifDefined","html","customElement","settings","User20","ddsSettings","styles","DDSMastheadProfile","prefix","stablePrefix","ddsPrefix","DDSCloudMastheadProfile","expanded","menuLabel","triggerLabel","_handleClick","handleClick","String","Boolean"],"sources":["components/masthead/cloud/cloud-masthead-profile.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport User20 from '@carbon/web-components/es/icons/user/20.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\nimport DDSMastheadProfile from '../masthead-profile';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Cloud-specific profile menu UI in the masthead.\n \n @element dds-cloud-masthead-profile\n */\n@customElement(`${ddsPrefix}-cloud-masthead-profile`)\nclass DDSCloudMastheadProfile extends DDSMastheadProfile {\n render() {\n const {\n expanded,\n menuLabel,\n triggerLabel,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n tabindex=\"0\"\n class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n href=\"javascript:void 0\"\n aria-haspopup=\"menu\"\n aria-expanded=\"${String(Boolean(expanded))}\"\n aria-label=\"${ifDefined(triggerLabel)}\"\n @click=${handleClick}\n >\n ${User20()}\n </a>\n <ul class=\"${prefix}--header__menu\" aria-label=\"${ifDefined(menuLabel)}\">\n <slot></slot>\n </ul>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMastheadProfile;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,mCAAmC;AAC7D,SAASC,IAAI,EAAEC,aAAa,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,MAAM,MAAM,4CAA4C;AAC/D,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAC1C,OAAOC,kBAAkB,MAAM,wBAAqB;AAEpD,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,uBAAuB,cAD5BT,aAAa,CAAE,GAAEQ,SAAU,yBAAwB,CAAC;EAArD,MACMC,uBAAuB,6BAA4B;IAAA;MAAA;MAAA;IAAA;EA2BzD;EAAC;IAAA,GA3BKA,uBAAuB;IAAA;MAAA;MAAA;MAAA,OAC3B,kBAAS;QACP,MAAM;UACJC,QAAQ;UACRC,SAAS;UACTC,YAAY;UACZC,YAAY,EAAEC;QAChB,CAAC,GAAG,IAAI;QACR,OAAOf,IAAI,cAAC;AAChB;AACA;AACA,iBAAe,CAAS,uBAAoB,CAAS;AACrD;AACA;AACA,yBAAuB,CAA4B;AACnD,sBAAoB,CAA0B;AAC9C,iBAAe,CAAc;AAC7B;AACA,UAAQ,CAAW;AACnB;AACA,mBAAiB,CAAS,+BAA4B,CAAuB;AAC7E;AACA;AACA,KAAI,GAZaO,MAAM,EAAuBA,MAAM,EAG3BS,MAAM,CAACC,OAAO,CAACN,QAAQ,CAAC,CAAC,EAC5BZ,SAAS,CAACc,YAAY,CAAC,EAC5BE,WAAW,EAElBZ,MAAM,EAAE,EAECI,MAAM,EAA+BR,SAAS,CAACa,SAAS,CAAC;MAI1E;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GA1BcC,kBAAkB;AA6BxD,eAAeI,uBAAuB"}

package/es/components/masthead/cloud/cloud-megamenu-category-heading.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-category-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAY,MAAM,aAAa,CAAC;AAOxE;;;;GAIG;AACH,cACM,+BAAgC,SAAQ,UAAU;IACtD;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,+BAA+B,CAAC","file":"cloud-megamenu-category-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement, property } from 'lit-element';\nimport ArrowRight32 from '@carbon/~~carbon-~~web-components/es/icons/arrow--right/32.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu Category Heading.\n \n @element dds-cloud-megamenu-category-heading\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-heading`)\nclass DDSCloudMegaMenuCategoryHeading extends LitElement {\n /\n href.\n /\n @property({ reflect: true })\n href = '';\n\n /\n Megamenu content category heading\n */\n @property({ reflect: true })\n title = '';\n\n render() {\n return html`\n <h2><a href=\"${this.href}\">${this.title} ${ArrowRight32()}</a></h2>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCategoryHeading;\n"]}
1	+ {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-category-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAY,MAAM,aAAa,CAAC;AAOxE;;;;GAIG;AACH,cACM,+BAAgC,SAAQ,UAAU;IACtD;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,+BAA+B,CAAC","file":"cloud-megamenu-category-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement, property } from 'lit-element';\nimport ArrowRight32 from '@carbon/web-components/es/icons/arrow--right/32.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu Category Heading.\n \n @element dds-cloud-megamenu-category-heading\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-heading`)\nclass DDSCloudMegaMenuCategoryHeading extends LitElement {\n /\n href.\n /\n @property({ reflect: true })\n href = '';\n\n /\n Megamenu content category heading\n */\n @property({ reflect: true })\n title = '';\n\n render() {\n return html`\n <h2><a href=\"${this.href}\">${this.title} ${ArrowRight32()}</a></h2>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCategoryHeading;\n"]}

package/es/components/masthead/cloud/cloud-megamenu-category-heading.js CHANGED Viewed

@@ -11,7 +11,7 @@ let _ = t => t,
  */
 import { html, customElement, LitElement, property } from 'lit-element';
-import ArrowRight32 from '@carbon/carbon-web-components/es/icons/arrow--right/32.js';
+import ArrowRight32 from '@carbon/web-components/es/icons/arrow--right/32.js';
 import ddsSettings from "../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././cloud-masthead.css.js";
 const {

package/es/components/masthead/cloud/cloud-megamenu-category-heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-megamenu-category-heading.js","names":["html","customElement","LitElement","property","ArrowRight32","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuCategoryHeading","reflect","href","title"],"sources":["components/masthead/cloud/cloud-megamenu-category-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement, property } from 'lit-element';\nimport ArrowRight32 from '@carbon/~~carbon-~~web-components/es/icons/arrow--right/32.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu Category Heading.\n \n @element dds-cloud-megamenu-category-heading\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-heading`)\nclass DDSCloudMegaMenuCategoryHeading extends LitElement {\n /\n href.\n /\n @property({ reflect: true })\n href = '';\n\n /\n Megamenu content category heading\n */\n @property({ reflect: true })\n title = '';\n\n render() {\n return html`\n <h2><a href=\"${this.href}\">${this.title} ${ArrowRight32()}</a></h2>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCategoryHeading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACvE,OAAOC,YAAY,MAAM,~~2DAA2D~~;~~AACpF~~,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,+BAA+B,cADpCR,aAAa,CAAE,GAAEO,SAAU,kCAAiC,CAAC;EAA9D,MACMC,+BAA+B,qBAAoB;IAAA;MAAA;MAAA;IAAA;EAqBzD;EAAC;IAAA,GArBKA,+BAA+B;IAAA;MAAA;MAAA,aAIlCN,QAAQ,CAAC;QAAEO,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKRP,QAAQ,CAAC;QAAEO,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAVV;AACF;AACA;;MAIE;AACF;AACA;;MAIE,kBAAS;QACP,OAAOV,IAAI,cAAC;AAChB,qBAAmB,CAAY,KAAE,CAAa,IAAC,CAAiB;AAChE;AACA,KAAI,GAFiB,IAAI,CAACW,IAAI,EAAK,IAAI,CAACC,KAAK,EAAIR,YAAY,EAAE;MAG7D;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeE,MAAM;MAAA;IAAA;EAAA;AAAA,GApBsBJ,UAAU;AAuBxD,eAAeO,+BAA+B"}
1	+ {"version":3,"file":"cloud-megamenu-category-heading.js","names":["html","customElement","LitElement","property","ArrowRight32","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuCategoryHeading","reflect","href","title"],"sources":["components/masthead/cloud/cloud-megamenu-category-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement, property } from 'lit-element';\nimport ArrowRight32 from '@carbon/web-components/es/icons/arrow--right/32.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu Category Heading.\n \n @element dds-cloud-megamenu-category-heading\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-heading`)\nclass DDSCloudMegaMenuCategoryHeading extends LitElement {\n /\n href.\n /\n @property({ reflect: true })\n href = '';\n\n /\n Megamenu content category heading\n */\n @property({ reflect: true })\n title = '';\n\n render() {\n return html`\n <h2><a href=\"${this.href}\">${this.title} ${ArrowRight32()}</a></h2>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCategoryHeading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACvE,OAAOC,YAAY,MAAM,oDAAoD;AAC7E,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,+BAA+B,cADpCR,aAAa,CAAE,GAAEO,SAAU,kCAAiC,CAAC;EAA9D,MACMC,+BAA+B,qBAAoB;IAAA;MAAA;MAAA;IAAA;EAqBzD;EAAC;IAAA,GArBKA,+BAA+B;IAAA;MAAA;MAAA,aAIlCN,QAAQ,CAAC;QAAEO,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKRP,QAAQ,CAAC;QAAEO,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAVV;AACF;AACA;;MAIE;AACF;AACA;;MAIE,kBAAS;QACP,OAAOV,IAAI,cAAC;AAChB,qBAAmB,CAAY,KAAE,CAAa,IAAC,CAAiB;AAChE;AACA,KAAI,GAFiB,IAAI,CAACW,IAAI,EAAK,IAAI,CAACC,KAAK,EAAIR,YAAY,EAAE;MAG7D;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeE,MAAM;MAAA;IAAA;EAAA;AAAA,GApBsBJ,UAAU;AAuBxD,eAAeO,+BAA+B"}

package/es/components/masthead/cloud/cloud-megamenu-category-link.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 /**
  * Cloud MegaMenu category link
  *

package/es/components/masthead/cloud/cloud-megamenu-category-link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-category-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,~~0DAA0D~~,CAAC;~~AAM9E~~;;;;GAIG;AACH,cACM,2BAA4B,SAAQ,MAAM;IAC9C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IACH,SAAS,CAAC,YAAY;IAQtB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,2BAA2B,CAAC","file":"cloud-megamenu-category-link.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement } from 'lit-element';\nimport BXLink from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu category link\n \n @element dds-cloud-megamenu-category-link\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-link`)\nclass DDSCloudMegaMenuCateoryLink extends BXLink {\n /\n link title.\n /\n @property({ reflect: true })\n title = '';\n\n /\n @returns The inner content.\n */\n protected _renderInner() {\n const { title } = this;\n return html`\n <p>${title}</p>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCateoryLink;\n"]}
1	+ {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-category-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAMvE;;;;GAIG;AACH,cACM,2BAA4B,SAAQ,MAAM;IAC9C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IACH,SAAS,CAAC,YAAY;IAQtB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,2BAA2B,CAAC","file":"cloud-megamenu-category-link.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu category link\n \n @element dds-cloud-megamenu-category-link\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-link`)\nclass DDSCloudMegaMenuCateoryLink extends BXLink {\n /\n link title.\n /\n @property({ reflect: true })\n title = '';\n\n /\n @returns The inner content.\n */\n protected _renderInner() {\n const { title } = this;\n return html`\n <p>${title}</p>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCateoryLink;\n"]}

package/es/components/masthead/cloud/cloud-megamenu-category-link.js CHANGED Viewed

@@ -11,7 +11,7 @@ let _ = t => t,
  */
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import ddsSettings from "../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././cloud-masthead.css.js";
 const {

package/es/components/masthead/cloud/cloud-megamenu-category-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-megamenu-category-link.js","names":["html","property","customElement","BXLink","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuCateoryLink","reflect","title"],"sources":["components/masthead/cloud/cloud-megamenu-category-link.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement } from 'lit-element';\nimport BXLink from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu category link\n \n @element dds-cloud-megamenu-category-link\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-link`)\nclass DDSCloudMegaMenuCateoryLink extends BXLink {\n /\n link title.\n /\n @property({ reflect: true })\n title = '';\n\n /\n @returns The inner content.\n */\n protected _renderInner() {\n const { title } = this;\n return html`\n <p>${title}</p>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCateoryLink;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,~~0DAA0D~~;~~AAC7E~~,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,2BAA2B,cADhCN,aAAa,CAAE,GAAEK,SAAU,+BAA8B,CAAC;EAA3D,MACMC,2BAA2B,iBAAgB;IAAA;MAAA;MAAA;IAAA;EAmBjD;EAAC;IAAA,GAnBKA,2BAA2B;IAAA;MAAA;MAAA,aAI9BP,QAAQ,CAAC;QAAEQ,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAJV;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAyB;QACvB,MAAM;UAAEC;QAAM,CAAC,GAAG,IAAI;QACtB,OAAOV,IAAI,cAAC;AAChB,WAAS,CAAQ;AACjB;AACA,KAAI,GAFOU,KAAK;MAGd;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeL,MAAM;MAAA;IAAA;EAAA;AAAA,GAlBkBF,MAAM;AAqBhD,eAAeK,2BAA2B"}
1	+ {"version":3,"file":"cloud-megamenu-category-link.js","names":["html","property","customElement","BXLink","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuCateoryLink","reflect","title"],"sources":["components/masthead/cloud/cloud-megamenu-category-link.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud MegaMenu category link\n \n @element dds-cloud-megamenu-category-link\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-category-link`)\nclass DDSCloudMegaMenuCateoryLink extends BXLink {\n /\n link title.\n /\n @property({ reflect: true })\n title = '';\n\n /\n @returns The inner content.\n */\n protected _renderInner() {\n const { title } = this;\n return html`\n <p>${title}</p>\n <span><slot></slot></span>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSCloudMegaMenuCateoryLink;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,2BAA2B,cADhCN,aAAa,CAAE,GAAEK,SAAU,+BAA8B,CAAC;EAA3D,MACMC,2BAA2B,iBAAgB;IAAA;MAAA;MAAA;IAAA;EAmBjD;EAAC;IAAA,GAnBKA,2BAA2B;IAAA;MAAA;MAAA,aAI9BP,QAAQ,CAAC;QAAEQ,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAJV;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAyB;QACvB,MAAM;UAAEC;QAAM,CAAC,GAAG,IAAI;QACtB,OAAOV,IAAI,cAAC;AAChB,WAAS,CAAQ;AACjB;AACA,KAAI,GAFOU,KAAK;MAGd;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeL,MAAM;MAAA;IAAA;EAAA;AAAA,GAlBkBF,MAAM;AAqBhD,eAAeK,2BAA2B"}

package/es/components/masthead/cloud/cloud-megamenu-tab.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXTab from '@carbon/carbon-web-components/es/components/tabs/tab.js';
+import BXTab from '@carbon/web-components/es/components/tabs/tab.js';
 /**
  * Cloud Megamenu Tab.
  *

package/es/components/masthead/cloud/cloud-megamenu-tab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-tab.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,~~yDAAyD~~,CAAC;~~AAO5E~~;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,KAAK;IACrC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"cloud-megamenu-tab.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXTab from '@carbon/~~carbon-~~web-components/es/components/tabs/tab.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tab.\n \n @element dds-cloud-megamenu-tab\n */\n@customElement(`${ddsPrefix}-cloud-megamenu-tab`)\nclass DDSCloudMegaMenuTab extends BXTab {\n render() {\n const { disabled, selected } = this;\n return html`\n <button\n class=\"${prefix}--tabs__nav-link\"\n role=\"tab\"\n ?disabled=\"${disabled}\"\n aria-selected=\"${Boolean(selected)}\"\n >\n <slot></slot>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTab;\n"]}
1	+ {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-tab.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,kDAAkD,CAAC;AAOrE;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,KAAK;IACrC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"cloud-megamenu-tab.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXTab from '@carbon/web-components/es/components/tabs/tab.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tab.\n \n @element dds-cloud-megamenu-tab\n */\n@customElement(`${ddsPrefix}-cloud-megamenu-tab`)\nclass DDSCloudMegaMenuTab extends BXTab {\n render() {\n const { disabled, selected } = this;\n return html`\n <button\n class=\"${prefix}--tabs__nav-link\"\n role=\"tab\"\n ?disabled=\"${disabled}\"\n aria-selected=\"${Boolean(selected)}\"\n >\n <slot></slot>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTab;\n"]}

package/es/components/masthead/cloud/cloud-megamenu-tab.js CHANGED Viewed

@@ -12,7 +12,7 @@ let _ = t => t,
 import { customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXTab from '@carbon/carbon-web-components/es/components/tabs/tab.js';
+import BXTab from '@carbon/web-components/es/components/tabs/tab.js';
 import ddsSettings from "../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././cloud-masthead.css.js";
 const {

package/es/components/masthead/cloud/cloud-megamenu-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-megamenu-tab.js","names":["customElement","html","settings","BXTab","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSCloudMegaMenuTab","disabled","selected","Boolean"],"sources":["components/masthead/cloud/cloud-megamenu-tab.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXTab from '@carbon/~~carbon-~~web-components/es/components/tabs/tab.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tab.\n \n @element dds-cloud-megamenu-tab\n */\n@customElement(`${ddsPrefix}-cloud-megamenu-tab`)\nclass DDSCloudMegaMenuTab extends BXTab {\n render() {\n const { disabled, selected } = this;\n return html`\n <button\n class=\"${prefix}--tabs__nav-link\"\n role=\"tab\"\n ?disabled=\"${disabled}\"\n aria-selected=\"${Boolean(selected)}\"\n >\n <slot></slot>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTab;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,KAAK,MAAM,~~yDAAyD~~;~~AAC3E~~,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;AAC3B,MAAM;EAAEK,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,mBAAmB,cADxBT,aAAa,CAAE,GAAEQ,SAAU,qBAAoB,CAAC;EAAjD,MACMC,mBAAmB,gBAAe;IAAA;MAAA;MAAA;IAAA;EAgBxC;EAAC;IAAA,GAhBKA,mBAAmB;IAAA;MAAA;MAAA;MAAA,OACvB,kBAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC;QAAS,CAAC,GAAG,IAAI;QACnC,OAAOV,IAAI,cAAC;AAChB;AACA,iBAAe,CAAS;AACxB;AACA,qBAAmB,CAAW;AAC9B,yBAAuB,CAAoB;AAC3C;AACA;AACA;AACA,KAAI,GAPaK,MAAM,EAEFI,QAAQ,EACJE,OAAO,CAACD,QAAQ,CAAC;MAKxC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeN,MAAM;MAAA;IAAA;EAAA;AAAA,GAfUF,KAAK;AAkBvC,eAAeM,mBAAmB"}
1	+ {"version":3,"file":"cloud-megamenu-tab.js","names":["customElement","html","settings","BXTab","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSCloudMegaMenuTab","disabled","selected","Boolean"],"sources":["components/masthead/cloud/cloud-megamenu-tab.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXTab from '@carbon/web-components/es/components/tabs/tab.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tab.\n \n @element dds-cloud-megamenu-tab\n */\n@customElement(`${ddsPrefix}-cloud-megamenu-tab`)\nclass DDSCloudMegaMenuTab extends BXTab {\n render() {\n const { disabled, selected } = this;\n return html`\n <button\n class=\"${prefix}--tabs__nav-link\"\n role=\"tab\"\n ?disabled=\"${disabled}\"\n aria-selected=\"${Boolean(selected)}\"\n >\n <slot></slot>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTab;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,KAAK,MAAM,kDAAkD;AACpE,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;AAC3B,MAAM;EAAEK,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,mBAAmB,cADxBT,aAAa,CAAE,GAAEQ,SAAU,qBAAoB,CAAC;EAAjD,MACMC,mBAAmB,gBAAe;IAAA;MAAA;MAAA;IAAA;EAgBxC;EAAC;IAAA,GAhBKA,mBAAmB;IAAA;MAAA;MAAA;MAAA,OACvB,kBAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC;QAAS,CAAC,GAAG,IAAI;QACnC,OAAOV,IAAI,cAAC;AAChB;AACA,iBAAe,CAAS;AACxB;AACA,qBAAmB,CAAW;AAC9B,yBAAuB,CAAoB;AAC3C;AACA;AACA;AACA,KAAI,GAPaK,MAAM,EAEFI,QAAQ,EACJE,OAAO,CAACD,QAAQ,CAAC;MAKxC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeN,MAAM;MAAA;IAAA;EAAA;AAAA,GAfUF,KAAK;AAkBvC,eAAeM,mBAAmB"}

package/es/components/masthead/cloud/cloud-megamenu-tabs.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXTabs from '@carbon/carbon-web-components/es/components/tabs/tabs.js';
+import BXTabs from '@carbon/web-components/es/components/tabs/tabs.js';
 /**
  * Cloud Megamenu Tabs.
  *

package/es/components/masthead/cloud/cloud-megamenu-tabs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,~~0DAA0D~~,CAAC;~~AAM9E~~;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,MAAM;IACvC;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"cloud-megamenu-tabs.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement } from 'lit-element';\nimport BXTabs from '@carbon/~~carbon-~~web-components/es/components/tabs/tabs.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tabs.\n \n @element dds-cloud-megamenu-tabs\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-tabs`)\nclass DDSCloudMegaMenuTabs extends BXTabs {\n /\n A selector that will return megamenu tabs.\n /\n static get selectorItem() {\n return `${ddsPrefix}-cloud-megamenu-tab`;\n }\n\n /\n A selector that will return selected items.\n */\n static get selectorItemSelected() {\n return `${ddsPrefix}-cloud-megamenu-tab[selected]`;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTabs;\n"]}
1	+ {"version":3,"sources":["components/masthead/cloud/cloud-megamenu-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAMvE;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,MAAM;IACvC;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"cloud-megamenu-tabs.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement } from 'lit-element';\nimport BXTabs from '@carbon/web-components/es/components/tabs/tabs.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tabs.\n \n @element dds-cloud-megamenu-tabs\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-tabs`)\nclass DDSCloudMegaMenuTabs extends BXTabs {\n /\n A selector that will return megamenu tabs.\n /\n static get selectorItem() {\n return `${ddsPrefix}-cloud-megamenu-tab`;\n }\n\n /\n A selector that will return selected items.\n */\n static get selectorItemSelected() {\n return `${ddsPrefix}-cloud-megamenu-tab[selected]`;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTabs;\n"]}

package/es/components/masthead/cloud/cloud-megamenu-tabs.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { customElement } from 'lit-element';
-import BXTabs from '@carbon/carbon-web-components/es/components/tabs/tabs.js';
+import BXTabs from '@carbon/web-components/es/components/tabs/tabs.js';
 import ddsSettings from "../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././cloud-masthead.css.js";
 const {

package/es/components/masthead/cloud/cloud-megamenu-tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-megamenu-tabs.js","names":["customElement","BXTabs","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuTabs"],"sources":["components/masthead/cloud/cloud-megamenu-tabs.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement } from 'lit-element';\nimport BXTabs from '@carbon/~~carbon-~~web-components/es/components/tabs/tabs.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tabs.\n \n @element dds-cloud-megamenu-tabs\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-tabs`)\nclass DDSCloudMegaMenuTabs extends BXTabs {\n /\n A selector that will return megamenu tabs.\n /\n static get selectorItem() {\n return `${ddsPrefix}-cloud-megamenu-tab`;\n }\n\n /\n A selector that will return selected items.\n */\n static get selectorItemSelected() {\n return `${ddsPrefix}-cloud-megamenu-tab[selected]`;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTabs;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,MAAM,MAAM,~~0DAA0D~~;~~AAC7E~~,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,oBAAoB,cADzBN,aAAa,CAAE,GAAEK,SAAU,sBAAqB,CAAC;EAAlD,MACMC,oBAAoB,iBAAgB;IAAA;MAAA;MAAA;IAAA;EAgB1C;EAAC;IAAA,GAhBKA,oBAAoB;IAAA;MAAA;MAAA;MAAA;MAAA;MACxB;AACF;AACA;MACE,wBAA0B;QACxB,OAAQ,GAAED,SAAU,qBAAoB;MAC1C;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,gCAAkC;QAChC,OAAQ,GAAEA,SAAU,+BAA8B;MACpD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeF,MAAM;MAAA;IAAA;EAAA;AAAA,GAfWF,MAAM;AAkBzC,eAAeK,oBAAoB"}
1	+ {"version":3,"file":"cloud-megamenu-tabs.js","names":["customElement","BXTabs","ddsSettings","styles","stablePrefix","ddsPrefix","DDSCloudMegaMenuTabs"],"sources":["components/masthead/cloud/cloud-megamenu-tabs.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\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 { customElement } from 'lit-element';\nimport BXTabs from '@carbon/web-components/es/components/tabs/tabs.js';\nimport ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './cloud-masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Cloud Megamenu Tabs.\n \n @element dds-cloud-megamenu-tabs\n /\n@customElement(`${ddsPrefix}-cloud-megamenu-tabs`)\nclass DDSCloudMegaMenuTabs extends BXTabs {\n /\n A selector that will return megamenu tabs.\n /\n static get selectorItem() {\n return `${ddsPrefix}-cloud-megamenu-tab`;\n }\n\n /\n A selector that will return selected items.\n */\n static get selectorItemSelected() {\n return `${ddsPrefix}-cloud-megamenu-tab[selected]`;\n }\n\n static styles = styles;\n}\n\nexport default DDSCloudMegaMenuTabs;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,WAAW,MAAM,qFAAkF;AAC1G,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,oBAAoB,cADzBN,aAAa,CAAE,GAAEK,SAAU,sBAAqB,CAAC;EAAlD,MACMC,oBAAoB,iBAAgB;IAAA;MAAA;MAAA;IAAA;EAgB1C;EAAC;IAAA,GAhBKA,oBAAoB;IAAA;MAAA;MAAA;MAAA;MAAA;MACxB;AACF;AACA;MACE,wBAA0B;QACxB,OAAQ,GAAED,SAAU,qBAAoB;MAC1C;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,gCAAkC;QAChC,OAAQ,GAAEA,SAAU,+BAA8B;MACpD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeF,MAAM;MAAA;IAAA;EAAA;AAAA,GAfWF,MAAM;AAkBzC,eAAeK,oBAAoB"}

package/es/components/masthead/left-nav-item.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXSideNavLink from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-link.js';
+import BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';
 /**
  * Masthead left nav item.
  *

package/es/components/masthead/left-nav-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/left-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,~~uEAAuE~~,CAAC;~~AAMlG~~;;;;GAIG;AACH,cACM,cAAe,SAAQ,aAAa;IACxC,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"left-nav-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXSideNavLink from '@carbon/~~carbon-~~web-components/es/components/ui-shell/side-nav-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav item.\n \n @element dds-left-nav-item\n */\n@customElement(`${ddsPrefix}-left-nav-item`)\nclass DDSLeftNavItem extends BXSideNavLink {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavItem;\n"]}
1	+ {"version":3,"sources":["components/masthead/left-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,gEAAgE,CAAC;AAM3F;;;;GAIG;AACH,cACM,cAAe,SAAQ,aAAa;IACxC,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"left-nav-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav item.\n \n @element dds-left-nav-item\n */\n@customElement(`${ddsPrefix}-left-nav-item`)\nclass DDSLeftNavItem extends BXSideNavLink {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavItem;\n"]}

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

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { customElement } from 'lit-element';
-import BXSideNavLink from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-link.js';
+import BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././masthead.css.js";
 const {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"left-nav-item.js","names":["customElement","BXSideNavLink","ddsSettings","styles","stablePrefix","ddsPrefix","DDSLeftNavItem"],"sources":["components/masthead/left-nav-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXSideNavLink from '@carbon/~~carbon-~~web-components/es/components/ui-shell/side-nav-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav item.\n \n @element dds-left-nav-item\n */\n@customElement(`${ddsPrefix}-left-nav-item`)\nclass DDSLeftNavItem extends BXSideNavLink {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,aAAa,MAAM,~~uEAAuE~~;~~AACjG~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,qBAAiB;AAEpC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,cAAc,cADnBN,aAAa,CAAE,GAAEK,SAAU,gBAAe,CAAC;EAA5C,MACMC,cAAc,wBAAuB;IAAA;MAAA;MAAA;IAAA;EAE3C;EAAC;IAAA,GAFKA,cAAc;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OACFH,MAAM;MAAA;IAAA;EAAA;AAAA,GADKF,aAAa;AAI1C,eAAeK,cAAc"}
1	+ {"version":3,"file":"left-nav-item.js","names":["customElement","BXSideNavLink","ddsSettings","styles","stablePrefix","ddsPrefix","DDSLeftNavItem"],"sources":["components/masthead/left-nav-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav item.\n \n @element dds-left-nav-item\n */\n@customElement(`${ddsPrefix}-left-nav-item`)\nclass DDSLeftNavItem extends BXSideNavLink {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,aAAa,MAAM,gEAAgE;AAC1F,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,qBAAiB;AAEpC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,cAAc,cADnBN,aAAa,CAAE,GAAEK,SAAU,gBAAe,CAAC;EAA5C,MACMC,cAAc,wBAAuB;IAAA;MAAA;MAAA;IAAA;EAE3C;EAAC;IAAA,GAFKA,cAAc;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OACFH,MAAM;MAAA;IAAA;EAAA;AAAA,GADKF,aAAa;AAI1C,eAAeK,cAAc"}

package/es/components/masthead/left-nav-menu-item.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXSideNavMenuItem from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-menu-item.js';
+import BXSideNavMenuItem from '@carbon/web-components/es/components/ui-shell/side-nav-menu-item.js';
 /**
  * Masthead left nav submenu item.
  *

package/es/components/masthead/left-nav-menu-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/left-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,iBAAiB,MAAM,~~4EAA4E~~,CAAC;~~AAO3G~~;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,iBAAiB;IAChD,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"left-nav-menu-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXSideNavMenuItem from '@carbon/~~carbon-~~web-components/es/components/ui-shell/side-nav-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav submenu item.\n \n @element dds-left-nav-menu-item\n */\n@customElement(`${ddsPrefix}-left-nav-menu-item`)\nclass DDSLeftNavMenuItem extends BXSideNavMenuItem {\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a tabindex=\"-1\" part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuItem;\n"]}
1	+ {"version":3,"sources":["components/masthead/left-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,iBAAiB,MAAM,qEAAqE,CAAC;AAOpG;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,iBAAiB;IAChD,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"left-nav-menu-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXSideNavMenuItem from '@carbon/web-components/es/components/ui-shell/side-nav-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav submenu item.\n \n @element dds-left-nav-menu-item\n */\n@customElement(`${ddsPrefix}-left-nav-menu-item`)\nclass DDSLeftNavMenuItem extends BXSideNavMenuItem {\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a tabindex=\"-1\" part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuItem;\n"]}

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

@@ -13,7 +13,7 @@ let _ = t => t,
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXSideNavMenuItem from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-menu-item.js';
+import BXSideNavMenuItem from '@carbon/web-components/es/components/ui-shell/side-nav-menu-item.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././masthead.css.js";
 const {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"left-nav-menu-item.js","names":["classMap","html","customElement","settings","BXSideNavMenuItem","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSLeftNavMenuItem","active","href","title","classes"],"sources":["components/masthead/left-nav-menu-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXSideNavMenuItem from '@carbon/~~carbon-~~web-components/es/components/ui-shell/side-nav-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav submenu item.\n \n @element dds-left-nav-menu-item\n */\n@customElement(`${ddsPrefix}-left-nav-menu-item`)\nclass DDSLeftNavMenuItem extends BXSideNavMenuItem {\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a tabindex=\"-1\" part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,EAAEC,aAAa,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,iBAAiB,MAAM,~~4EAA4E~~;~~AAC1G~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,qBAAiB;AAEpC,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;AAC3B,MAAM;EAAEK,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,kBAAkB,cADvBR,aAAa,CAAE,GAAEO,SAAU,qBAAoB,CAAC;EAAjD,MACMC,kBAAkB,4BAA2B;IAAA;MAAA;MAAA;IAAA;EAiBnD;EAAC;IAAA,GAjBKA,kBAAkB;IAAA;MAAA;MAAA;MAAA,OACtB,kBAAS;QACP,MAAM;UAAEC,MAAM;UAAEC,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QACpC,MAAMC,OAAO,GAAGd,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,2BAA0B,GAAGI;QAC1C,CAAC,CAAC;QACF,OAAOV,IAAI,cAAC;AAChB,4CAA0C,CAAU,WAAQ,CAAO;AACnE,oCAAkC,CAAS;AAC3C,kBAAgB,CAAQ;AACxB;AACA;AACA,KAAI,GALwCa,OAAO,EAAWF,IAAI,EAC9BL,MAAM,EACxBM,KAAK;MAIrB;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBSF,iBAAiB;AAmBlD,eAAeM,kBAAkB"}
1	+ {"version":3,"file":"left-nav-menu-item.js","names":["classMap","html","customElement","settings","BXSideNavMenuItem","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSLeftNavMenuItem","active","href","title","classes"],"sources":["components/masthead/left-nav-menu-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXSideNavMenuItem from '@carbon/web-components/es/components/ui-shell/side-nav-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav submenu item.\n \n @element dds-left-nav-menu-item\n */\n@customElement(`${ddsPrefix}-left-nav-menu-item`)\nclass DDSLeftNavMenuItem extends BXSideNavMenuItem {\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a tabindex=\"-1\" part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,EAAEC,aAAa,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,iBAAiB,MAAM,qEAAqE;AACnG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,qBAAiB;AAEpC,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;AAC3B,MAAM;EAAEK,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,kBAAkB,cADvBR,aAAa,CAAE,GAAEO,SAAU,qBAAoB,CAAC;EAAjD,MACMC,kBAAkB,4BAA2B;IAAA;MAAA;MAAA;IAAA;EAiBnD;EAAC;IAAA,GAjBKA,kBAAkB;IAAA;MAAA;MAAA;MAAA,OACtB,kBAAS;QACP,MAAM;UAAEC,MAAM;UAAEC,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QACpC,MAAMC,OAAO,GAAGd,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,2BAA0B,GAAGI;QAC1C,CAAC,CAAC;QACF,OAAOV,IAAI,cAAC;AAChB,4CAA0C,CAAU,WAAQ,CAAO;AACnE,oCAAkC,CAAS;AAC3C,kBAAgB,CAAQ;AACxB;AACA;AACA,KAAI,GALwCa,OAAO,EAAWF,IAAI,EAC9BL,MAAM,EACxBM,KAAK;MAIrB;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBSF,iBAAiB;AAmBlD,eAAeM,kBAAkB"}

package/es/components/masthead/left-nav-menu-section.d.ts CHANGED Viewed

@@ -319,7 +319,7 @@ declare const DDSLeftNavMenuSection_base: (abstract new (...args: any[]) => {
     focus(options?: FocusOptions | undefined): void;
 }) & {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -361,11 +361,10 @@ declare const DDSLeftNavMenuSection_base: (abstract new (...args: any[]) => {
         outerHTML: string;
         readonly ownerDocument: Document;
         readonly part: DOMTokenList;
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        /**
+        readonly prefix: string | null; /**
          * The title text.
          */
+        readonly scrollHeight: number;
         scrollLeft: number;
         scrollTop: number;
         readonly scrollWidth: number;
@@ -475,7 +474,9 @@ declare const DDSLeftNavMenuSection_base: (abstract new (...args: any[]) => {
         ariaCurrent: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
-        ariaHasPopup: string | null;
+        ariaHasPopup: string | null; /**
+         * A selector that will return the nav menus.
+         */
         ariaHidden: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
@@ -666,9 +667,7 @@ declare const DDSLeftNavMenuSection_base: (abstract new (...args: any[]) => {
     className: string;
     readonly clientHeight: number;
     readonly clientLeft: number;
-    readonly clientTop: number; /**
-     * `true` if the menu should be visible.
-     */
+    readonly clientTop: number;
     readonly clientWidth: number;
     id: string;
     readonly localName: string;
@@ -682,12 +681,12 @@ declare const DDSLeftNavMenuSection_base: (abstract new (...args: any[]) => {
     readonly scrollHeight: number;
     scrollLeft: number;
     scrollTop: number;
-    readonly scrollWidth: number;
+    readonly scrollWidth: number; /**
+     * The title text.
+     */
     readonly shadowRoot: ShadowRoot | null;
     slot: string;
-    readonly tagName: string; /**
-     * The title url.
-     */
+    readonly tagName: string;
     attachShadow(init: ShadowRootInit): ShadowRoot;
     closest<K_2_1 extends keyof HTMLElementTagNameMap>(selector: K_2_1): HTMLElementTagNameMap[K_2_1] | null;
     closest<K_3_1 extends keyof SVGElementTagNameMap>(selector: K_3_1): SVGElementTagNameMap[K_3_1] | null;

package/es/components/masthead/left-nav-menu-section.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/left-nav-menu-section.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwEtE;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAhCH;;OAEG;;;;;;;;;;;;;;;;;8BAkCH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/DL;;;;;;;;GAQG;AACH,cACM,qBAAsB,SAAQ,0BAEnC;IACC;;OAEG;IAEH,UAAU,SAAU;IAEpB;;OAEG;IAEH,cAAc,SAAU;IAExB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,oBAAoB;IAc5B,YAAY;IAcZ,YAAY,CAAC,iBAAiB,KAAA;IAW9B,OAAO,CAAC,iBAAiB,KAAA;IA0EzB,MAAM;IAwDN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAO1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"left-nav-menu-section.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ChevronLeft20 from '@carbon/carbon-web-components/es/icons/chevron--left/20.js';\nimport ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './masthead.scss';\nimport DDSLeftNav from './left-nav';\nimport CspComplianceMixin from '../../globals/mixins/csp-compliance';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav menu section.\n \n @element dds-left-nav-menu-section\n * @fires dds-left-nav-menu-beingtoggled\n * The custom event fired before this side nav menu is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires dds-left-nav-menu-toggled The custom event fired after this side nav menu is toggled upon a user gesture.\n /\n@customElement(`${ddsPrefix}-left-nav-menu-section`)\nclass DDSLeftNavMenuSection extends CspComplianceMixin(\n HostListenerMixin(FocusMixin(LitElement))\n) {\n /\n Set aria-hidden property.\n /\n @property({ type: String, attribute: 'aria-hidden', reflect: true })\n ariaHidden = 'true';\n\n /\n The back button's text.\n /\n @property({ attribute: 'back-button-text' })\n backButtonText = 'Back';\n\n /\n `true` if the menu should be visible.\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n id of the menu section.\n /\n @property({ type: String, attribute: 'section-id' })\n sectionId = '';\n\n /\n in transition mode.\n /\n @property({ type: Boolean, reflect: true })\n transition = false;\n\n /\n is a submenu menu section.\n /\n @property({ type: Boolean, attribute: 'is-submenu' })\n isSubmenu = false;\n\n /\n Render back button.\n /\n @property({ type: Boolean, reflect: true, attribute: 'show-back-button' })\n showBackBtn = false;\n\n /\n The title text.\n /\n @property()\n title = '';\n\n /\n The title url.\n /\n @property()\n titleUrl = '';\n\n /\n Handler for the `click` event on the back button.\n /\n private _handleClickBack() {\n const { eventToggle } = this.constructor as typeof DDSLeftNavMenuSection;\n const id = this.sectionId.split(', ');\n let panelId = '';\n /\n if second part of id string is '-1' that means user is on level 1 menu panel,\n * set first part of string to -1 to bring back to level 0 menu panel.\n /\n if (id[1] === '-1') {\n panelId = '-1, -1';\n } else {\n panelId = `${id[0]}, -1`;\n }\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n panelId,\n },\n };\n this.dispatchEvent(new CustomEvent(eventToggle, init));\n }\n\n @HostListener('transitionend')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleTransitionEnd() {\n setTimeout(() => {\n if (this.expanded) {\n // Allow active section to scroll\n this.setStyleBySelector(':host', 'overflow', '');\n } else {\n // Hide previous section & restrict size\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }, 0);\n }\n\n firstUpdated() {\n if (this.sectionId === '-1, -1') {\n this.expanded = true;\n this.ariaHidden = 'false';\n } else {\n this.expanded = false;\n this.ariaHidden = 'true';\n // Hide all submenus, and restrict their height/overflow.\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('expanded')) {\n // Allow incoming menu section to show before transition.\n if (this.expanded && this.dynamicStylesNode) {\n this.setStyleBySelector(':host', 'visibility', '');\n this.setStyleBySelector(':host', 'height', '');\n }\n }\n return true;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorNavMenu, selectorNavItem } = this\n .constructor as typeof DDSLeftNavMenuSection;\n const { expanded, isSubmenu } = this;\n\n if (expanded) {\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = 0;\n }\n }\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = 0;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = 0;\n }\n });\n\n // set focus to first element of menu panel to allow for tabbing through the menu\n let tabbable;\n if (isSubmenu) {\n // set focus to back button\n tabbable = this.shadowRoot?.querySelector('button');\n } else {\n // set focus to first menu item of section\n tabbable = (this.getRootNode() as ShadowRoot).querySelector(\n DDSLeftNav.selectorNavItems\n );\n }\n\n if (tabbable) {\n document.addEventListener(\n 'transitionend',\n () => {\n (tabbable as HTMLElement).focus();\n },\n { once: true }\n );\n }\n } else {\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = -1;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = -1;\n }\n });\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = -1;\n }\n }\n }\n }\n }\n\n render() {\n const {\n backButtonText,\n title,\n titleUrl,\n _handleClickBack: handleClickBack,\n showBackBtn,\n } = this;\n return html`\n ${this._renderDynamicStyles()}\n <ul>\n ${showBackBtn\n ? html`\n <li\n class=\"${prefix}--side-nav__menu-item ${prefix}--masthead__side-nav--submemu-back\"\n role=\"none\"\n >\n <button\n class=\"${prefix}--side-nav__link\"\n tabindex=\"-1\"\n @click=\"${handleClickBack}\"\n >\n <span class=\"${prefix}--side-nav__link-text\"\n >${ChevronLeft20()}${backButtonText}</span\n >\n </button>\n </li>\n `\n : undefined}\n ${title && !titleUrl\n ? html`\n <li class=\"${prefix}--masthead__side-nav--submemu-title\">\n ${title}\n </li>\n `\n : undefined}\n ${title && titleUrl\n ? html`\n <a\n class=\"${prefix}--masthead__side-nav--submemu-title\"\n href=${titleUrl}\n >\n <span>${title}</span>\n <div\n class=\"${prefix}--masthead__side-nav--submemu-section-title__icon\"\n >\n ${ArrowRight20()}\n </div>\n </a>\n `\n : undefined}\n <slot></slot>\n </ul>\n `;\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 /\n A selector that will return the nav menus.\n /\n static get selectorNavMenu() {\n return `${ddsPrefix}-left-nav-menu`;\n }\n\n /\n A selector that will return the menu items.\n /\n static get selectorNavItem() {\n return `${ddsPrefix}-left-nav-menu-item`;\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 ].join(',');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuSection;\n"]}
1	+ {"version":3,"sources":["components/masthead/left-nav-menu-section.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAwEtE;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAuNH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA3NH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzDL;;;;;;;;GAQG;AACH,cACM,qBAAsB,SAAQ,0BAEnC;IACC;;OAEG;IAEH,UAAU,SAAU;IAEpB;;OAEG;IAEH,cAAc,SAAU;IAExB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,oBAAoB;IAc5B,YAAY;IAcZ,YAAY,CAAC,iBAAiB,KAAA;IAW9B,OAAO,CAAC,iBAAiB,KAAA;IA0EzB,MAAM;IAwDN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAO1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"left-nav-menu-section.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ChevronLeft20 from '@carbon/web-components/es/icons/chevron--left/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './masthead.scss';\nimport DDSLeftNav from './left-nav';\nimport CspComplianceMixin from '../../globals/mixins/csp-compliance';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav menu section.\n \n @element dds-left-nav-menu-section\n * @fires dds-left-nav-menu-beingtoggled\n * The custom event fired before this side nav menu is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires dds-left-nav-menu-toggled The custom event fired after this side nav menu is toggled upon a user gesture.\n /\n@customElement(`${ddsPrefix}-left-nav-menu-section`)\nclass DDSLeftNavMenuSection extends CspComplianceMixin(\n HostListenerMixin(FocusMixin(LitElement))\n) {\n /\n Set aria-hidden property.\n /\n @property({ type: String, attribute: 'aria-hidden', reflect: true })\n ariaHidden = 'true';\n\n /\n The back button's text.\n /\n @property({ attribute: 'back-button-text' })\n backButtonText = 'Back';\n\n /\n `true` if the menu should be visible.\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n id of the menu section.\n /\n @property({ type: String, attribute: 'section-id' })\n sectionId = '';\n\n /\n in transition mode.\n /\n @property({ type: Boolean, reflect: true })\n transition = false;\n\n /\n is a submenu menu section.\n /\n @property({ type: Boolean, attribute: 'is-submenu' })\n isSubmenu = false;\n\n /\n Render back button.\n /\n @property({ type: Boolean, reflect: true, attribute: 'show-back-button' })\n showBackBtn = false;\n\n /\n The title text.\n /\n @property()\n title = '';\n\n /\n The title url.\n /\n @property()\n titleUrl = '';\n\n /\n Handler for the `click` event on the back button.\n /\n private _handleClickBack() {\n const { eventToggle } = this.constructor as typeof DDSLeftNavMenuSection;\n const id = this.sectionId.split(', ');\n let panelId = '';\n /\n if second part of id string is '-1' that means user is on level 1 menu panel,\n * set first part of string to -1 to bring back to level 0 menu panel.\n /\n if (id[1] === '-1') {\n panelId = '-1, -1';\n } else {\n panelId = `${id[0]}, -1`;\n }\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n panelId,\n },\n };\n this.dispatchEvent(new CustomEvent(eventToggle, init));\n }\n\n @HostListener('transitionend')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleTransitionEnd() {\n setTimeout(() => {\n if (this.expanded) {\n // Allow active section to scroll\n this.setStyleBySelector(':host', 'overflow', '');\n } else {\n // Hide previous section & restrict size\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }, 0);\n }\n\n firstUpdated() {\n if (this.sectionId === '-1, -1') {\n this.expanded = true;\n this.ariaHidden = 'false';\n } else {\n this.expanded = false;\n this.ariaHidden = 'true';\n // Hide all submenus, and restrict their height/overflow.\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('expanded')) {\n // Allow incoming menu section to show before transition.\n if (this.expanded && this.dynamicStylesNode) {\n this.setStyleBySelector(':host', 'visibility', '');\n this.setStyleBySelector(':host', 'height', '');\n }\n }\n return true;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorNavMenu, selectorNavItem } = this\n .constructor as typeof DDSLeftNavMenuSection;\n const { expanded, isSubmenu } = this;\n\n if (expanded) {\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = 0;\n }\n }\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = 0;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = 0;\n }\n });\n\n // set focus to first element of menu panel to allow for tabbing through the menu\n let tabbable;\n if (isSubmenu) {\n // set focus to back button\n tabbable = this.shadowRoot?.querySelector('button');\n } else {\n // set focus to first menu item of section\n tabbable = (this.getRootNode() as ShadowRoot).querySelector(\n DDSLeftNav.selectorNavItems\n );\n }\n\n if (tabbable) {\n document.addEventListener(\n 'transitionend',\n () => {\n (tabbable as HTMLElement).focus();\n },\n { once: true }\n );\n }\n } else {\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = -1;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = -1;\n }\n });\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = -1;\n }\n }\n }\n }\n }\n\n render() {\n const {\n backButtonText,\n title,\n titleUrl,\n _handleClickBack: handleClickBack,\n showBackBtn,\n } = this;\n return html`\n ${this._renderDynamicStyles()}\n <ul>\n ${showBackBtn\n ? html`\n <li\n class=\"${prefix}--side-nav__menu-item ${prefix}--masthead__side-nav--submemu-back\"\n role=\"none\"\n >\n <button\n class=\"${prefix}--side-nav__link\"\n tabindex=\"-1\"\n @click=\"${handleClickBack}\"\n >\n <span class=\"${prefix}--side-nav__link-text\"\n >${ChevronLeft20()}${backButtonText}</span\n >\n </button>\n </li>\n `\n : undefined}\n ${title && !titleUrl\n ? html`\n <li class=\"${prefix}--masthead__side-nav--submemu-title\">\n ${title}\n </li>\n `\n : undefined}\n ${title && titleUrl\n ? html`\n <a\n class=\"${prefix}--masthead__side-nav--submemu-title\"\n href=${titleUrl}\n >\n <span>${title}</span>\n <div\n class=\"${prefix}--masthead__side-nav--submemu-section-title__icon\"\n >\n ${ArrowRight20()}\n </div>\n </a>\n `\n : undefined}\n <slot></slot>\n </ul>\n `;\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 /\n A selector that will return the nav menus.\n /\n static get selectorNavMenu() {\n return `${ddsPrefix}-left-nav-menu`;\n }\n\n /\n A selector that will return the menu items.\n /\n static get selectorNavItem() {\n return `${ddsPrefix}-left-nav-menu-item`;\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 ].join(',');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuSection;\n"]}

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

@@ -15,12 +15,12 @@ let _ = t => t,
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import ChevronLeft20 from '@carbon/carbon-web-components/es/icons/chevron--left/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import { selectorTabbable as _selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import ChevronLeft20 from '@carbon/web-components/es/icons/chevron--left/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import { selectorTabbable as _selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import styles from "././masthead.css.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"left-nav-menu-section.js","names":["html","property","customElement","LitElement","settings","HostListener","HostListenerMixin","ChevronLeft20","ArrowRight20","FocusMixin","selectorTabbable","ddsSettings","forEach","styles","DDSLeftNav","CspComplianceMixin","prefix","stablePrefix","ddsPrefix","DDSLeftNavMenuSection","type","String","attribute","reflect","Boolean","eventToggle","constructor","id","sectionId","split","panelId","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","setTimeout","expanded","setStyleBySelector","ariaHidden","changedProperties","has","dynamicStylesNode","selectorNavMenu","selectorNavItem","isSubmenu","backBtn","shadowRoot","querySelector","tabIndex","querySelectorAll","elem","item","tabbable","getRootNode","selectorNavItems","document","addEventListener","focus","once","backButtonText","title","titleUrl","_handleClickBack","handleClickBack","showBackBtn","_renderDynamicStyles","undefined","join"],"sources":["components/masthead/left-nav-menu-section.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ChevronLeft20 from '@carbon/carbon-web-components/es/icons/chevron--left/20.js';\nimport ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './masthead.scss';\nimport DDSLeftNav from './left-nav';\nimport CspComplianceMixin from '../../globals/mixins/csp-compliance';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav menu section.\n \n @element dds-left-nav-menu-section\n * @fires dds-left-nav-menu-beingtoggled\n * The custom event fired before this side nav menu is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires dds-left-nav-menu-toggled The custom event fired after this side nav menu is toggled upon a user gesture.\n /\n@customElement(`${ddsPrefix}-left-nav-menu-section`)\nclass DDSLeftNavMenuSection extends CspComplianceMixin(\n HostListenerMixin(FocusMixin(LitElement))\n) {\n /\n Set aria-hidden property.\n /\n @property({ type: String, attribute: 'aria-hidden', reflect: true })\n ariaHidden = 'true';\n\n /\n The back button's text.\n /\n @property({ attribute: 'back-button-text' })\n backButtonText = 'Back';\n\n /\n `true` if the menu should be visible.\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n id of the menu section.\n /\n @property({ type: String, attribute: 'section-id' })\n sectionId = '';\n\n /\n in transition mode.\n /\n @property({ type: Boolean, reflect: true })\n transition = false;\n\n /\n is a submenu menu section.\n /\n @property({ type: Boolean, attribute: 'is-submenu' })\n isSubmenu = false;\n\n /\n Render back button.\n /\n @property({ type: Boolean, reflect: true, attribute: 'show-back-button' })\n showBackBtn = false;\n\n /\n The title text.\n /\n @property()\n title = '';\n\n /\n The title url.\n /\n @property()\n titleUrl = '';\n\n /\n Handler for the `click` event on the back button.\n /\n private _handleClickBack() {\n const { eventToggle } = this.constructor as typeof DDSLeftNavMenuSection;\n const id = this.sectionId.split(', ');\n let panelId = '';\n /\n if second part of id string is '-1' that means user is on level 1 menu panel,\n * set first part of string to -1 to bring back to level 0 menu panel.\n /\n if (id[1] === '-1') {\n panelId = '-1, -1';\n } else {\n panelId = `${id[0]}, -1`;\n }\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n panelId,\n },\n };\n this.dispatchEvent(new CustomEvent(eventToggle, init));\n }\n\n @HostListener('transitionend')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleTransitionEnd() {\n setTimeout(() => {\n if (this.expanded) {\n // Allow active section to scroll\n this.setStyleBySelector(':host', 'overflow', '');\n } else {\n // Hide previous section & restrict size\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }, 0);\n }\n\n firstUpdated() {\n if (this.sectionId === '-1, -1') {\n this.expanded = true;\n this.ariaHidden = 'false';\n } else {\n this.expanded = false;\n this.ariaHidden = 'true';\n // Hide all submenus, and restrict their height/overflow.\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('expanded')) {\n // Allow incoming menu section to show before transition.\n if (this.expanded && this.dynamicStylesNode) {\n this.setStyleBySelector(':host', 'visibility', '');\n this.setStyleBySelector(':host', 'height', '');\n }\n }\n return true;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorNavMenu, selectorNavItem } = this\n .constructor as typeof DDSLeftNavMenuSection;\n const { expanded, isSubmenu } = this;\n\n if (expanded) {\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = 0;\n }\n }\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = 0;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = 0;\n }\n });\n\n // set focus to first element of menu panel to allow for tabbing through the menu\n let tabbable;\n if (isSubmenu) {\n // set focus to back button\n tabbable = this.shadowRoot?.querySelector('button');\n } else {\n // set focus to first menu item of section\n tabbable = (this.getRootNode() as ShadowRoot).querySelector(\n DDSLeftNav.selectorNavItems\n );\n }\n\n if (tabbable) {\n document.addEventListener(\n 'transitionend',\n () => {\n (tabbable as HTMLElement).focus();\n },\n { once: true }\n );\n }\n } else {\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = -1;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = -1;\n }\n });\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = -1;\n }\n }\n }\n }\n }\n\n render() {\n const {\n backButtonText,\n title,\n titleUrl,\n _handleClickBack: handleClickBack,\n showBackBtn,\n } = this;\n return html`\n ${this._renderDynamicStyles()}\n <ul>\n ${showBackBtn\n ? html`\n <li\n class=\"${prefix}--side-nav__menu-item ${prefix}--masthead__side-nav--submemu-back\"\n role=\"none\"\n >\n <button\n class=\"${prefix}--side-nav__link\"\n tabindex=\"-1\"\n @click=\"${handleClickBack}\"\n >\n <span class=\"${prefix}--side-nav__link-text\"\n >${ChevronLeft20()}${backButtonText}</span\n >\n </button>\n </li>\n `\n : undefined}\n ${title && !titleUrl\n ? html`\n <li class=\"${prefix}--masthead__side-nav--submemu-title\">\n ${title}\n </li>\n `\n : undefined}\n ${title && titleUrl\n ? html`\n <a\n class=\"${prefix}--masthead__side-nav--submemu-title\"\n href=${titleUrl}\n >\n <span>${title}</span>\n <div\n class=\"${prefix}--masthead__side-nav--submemu-section-title__icon\"\n >\n ${ArrowRight20()}\n </div>\n </a>\n `\n : undefined}\n <slot></slot>\n </ul>\n `;\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 /\n A selector that will return the nav menus.\n /\n static get selectorNavMenu() {\n return `${ddsPrefix}-left-nav-menu`;\n }\n\n /\n A selector that will return the menu items.\n /\n static get selectorNavItem() {\n return `${ddsPrefix}-left-nav-menu-item`;\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 ].join(',');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuSection;\n"],"mappings":"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"}
1	+ {"version":3,"file":"left-nav-menu-section.js","names":["html","property","customElement","LitElement","settings","HostListener","HostListenerMixin","ChevronLeft20","ArrowRight20","FocusMixin","selectorTabbable","ddsSettings","forEach","styles","DDSLeftNav","CspComplianceMixin","prefix","stablePrefix","ddsPrefix","DDSLeftNavMenuSection","type","String","attribute","reflect","Boolean","eventToggle","constructor","id","sectionId","split","panelId","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","setTimeout","expanded","setStyleBySelector","ariaHidden","changedProperties","has","dynamicStylesNode","selectorNavMenu","selectorNavItem","isSubmenu","backBtn","shadowRoot","querySelector","tabIndex","querySelectorAll","elem","item","tabbable","getRootNode","selectorNavItems","document","addEventListener","focus","once","backButtonText","title","titleUrl","_handleClickBack","handleClickBack","showBackBtn","_renderDynamicStyles","undefined","join"],"sources":["components/masthead/left-nav-menu-section.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ChevronLeft20 from '@carbon/web-components/es/icons/chevron--left/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './masthead.scss';\nimport DDSLeftNav from './left-nav';\nimport CspComplianceMixin from '../../globals/mixins/csp-compliance';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead left nav menu section.\n \n @element dds-left-nav-menu-section\n * @fires dds-left-nav-menu-beingtoggled\n * The custom event fired before this side nav menu is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires dds-left-nav-menu-toggled The custom event fired after this side nav menu is toggled upon a user gesture.\n /\n@customElement(`${ddsPrefix}-left-nav-menu-section`)\nclass DDSLeftNavMenuSection extends CspComplianceMixin(\n HostListenerMixin(FocusMixin(LitElement))\n) {\n /\n Set aria-hidden property.\n /\n @property({ type: String, attribute: 'aria-hidden', reflect: true })\n ariaHidden = 'true';\n\n /\n The back button's text.\n /\n @property({ attribute: 'back-button-text' })\n backButtonText = 'Back';\n\n /\n `true` if the menu should be visible.\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n id of the menu section.\n /\n @property({ type: String, attribute: 'section-id' })\n sectionId = '';\n\n /\n in transition mode.\n /\n @property({ type: Boolean, reflect: true })\n transition = false;\n\n /\n is a submenu menu section.\n /\n @property({ type: Boolean, attribute: 'is-submenu' })\n isSubmenu = false;\n\n /\n Render back button.\n /\n @property({ type: Boolean, reflect: true, attribute: 'show-back-button' })\n showBackBtn = false;\n\n /\n The title text.\n /\n @property()\n title = '';\n\n /\n The title url.\n /\n @property()\n titleUrl = '';\n\n /\n Handler for the `click` event on the back button.\n /\n private _handleClickBack() {\n const { eventToggle } = this.constructor as typeof DDSLeftNavMenuSection;\n const id = this.sectionId.split(', ');\n let panelId = '';\n /\n if second part of id string is '-1' that means user is on level 1 menu panel,\n * set first part of string to -1 to bring back to level 0 menu panel.\n /\n if (id[1] === '-1') {\n panelId = '-1, -1';\n } else {\n panelId = `${id[0]}, -1`;\n }\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n panelId,\n },\n };\n this.dispatchEvent(new CustomEvent(eventToggle, init));\n }\n\n @HostListener('transitionend')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleTransitionEnd() {\n setTimeout(() => {\n if (this.expanded) {\n // Allow active section to scroll\n this.setStyleBySelector(':host', 'overflow', '');\n } else {\n // Hide previous section & restrict size\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }, 0);\n }\n\n firstUpdated() {\n if (this.sectionId === '-1, -1') {\n this.expanded = true;\n this.ariaHidden = 'false';\n } else {\n this.expanded = false;\n this.ariaHidden = 'true';\n // Hide all submenus, and restrict their height/overflow.\n this.setStyleBySelector(':host', 'visibility', 'hidden');\n this.setStyleBySelector(':host', 'height', '0');\n this.setStyleBySelector(':host', 'overflow', 'hidden');\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('expanded')) {\n // Allow incoming menu section to show before transition.\n if (this.expanded && this.dynamicStylesNode) {\n this.setStyleBySelector(':host', 'visibility', '');\n this.setStyleBySelector(':host', 'height', '');\n }\n }\n return true;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorNavMenu, selectorNavItem } = this\n .constructor as typeof DDSLeftNavMenuSection;\n const { expanded, isSubmenu } = this;\n\n if (expanded) {\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = 0;\n }\n }\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = 0;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = 0;\n }\n });\n\n // set focus to first element of menu panel to allow for tabbing through the menu\n let tabbable;\n if (isSubmenu) {\n // set focus to back button\n tabbable = this.shadowRoot?.querySelector('button');\n } else {\n // set focus to first menu item of section\n tabbable = (this.getRootNode() as ShadowRoot).querySelector(\n DDSLeftNav.selectorNavItems\n );\n }\n\n if (tabbable) {\n document.addEventListener(\n 'transitionend',\n () => {\n (tabbable as HTMLElement).focus();\n },\n { once: true }\n );\n }\n } else {\n forEach(this.querySelectorAll(selectorNavMenu), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector(\n 'button'\n );\n if (item) {\n item.tabIndex = -1;\n }\n });\n forEach(this.querySelectorAll(selectorNavItem), (elem) => {\n const item = (elem as HTMLElement).shadowRoot?.querySelector('a');\n if (item) {\n item.tabIndex = -1;\n }\n });\n if (isSubmenu) {\n const backBtn = this.shadowRoot?.querySelector('button');\n if (backBtn) {\n backBtn.tabIndex = -1;\n }\n }\n }\n }\n }\n\n render() {\n const {\n backButtonText,\n title,\n titleUrl,\n _handleClickBack: handleClickBack,\n showBackBtn,\n } = this;\n return html`\n ${this._renderDynamicStyles()}\n <ul>\n ${showBackBtn\n ? html`\n <li\n class=\"${prefix}--side-nav__menu-item ${prefix}--masthead__side-nav--submemu-back\"\n role=\"none\"\n >\n <button\n class=\"${prefix}--side-nav__link\"\n tabindex=\"-1\"\n @click=\"${handleClickBack}\"\n >\n <span class=\"${prefix}--side-nav__link-text\"\n >${ChevronLeft20()}${backButtonText}</span\n >\n </button>\n </li>\n `\n : undefined}\n ${title && !titleUrl\n ? html`\n <li class=\"${prefix}--masthead__side-nav--submemu-title\">\n ${title}\n </li>\n `\n : undefined}\n ${title && titleUrl\n ? html`\n <a\n class=\"${prefix}--masthead__side-nav--submemu-title\"\n href=${titleUrl}\n >\n <span>${title}</span>\n <div\n class=\"${prefix}--masthead__side-nav--submemu-section-title__icon\"\n >\n ${ArrowRight20()}\n </div>\n </a>\n `\n : undefined}\n <slot></slot>\n </ul>\n `;\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 /\n A selector that will return the nav menus.\n /\n static get selectorNavMenu() {\n return `${ddsPrefix}-left-nav-menu`;\n }\n\n /\n A selector that will return the menu items.\n /\n static get selectorNavItem() {\n return `${ddsPrefix}-left-nav-menu-item`;\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 ].join(',');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLeftNavMenuSection;\n"],"mappings":"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"}

package/es/components/masthead/left-nav-menu.d.ts CHANGED Viewed

@@ -47,6 +47,9 @@ declare const DDSLeftNavMenu_base: (new (...args: any[]) => {
     onfullscreenerror: ((this: Element, ev: Event) => any) | null;
     outerHTML: string;
     readonly ownerDocument: Document;
+    /**
+     * The title text.
+     */
     readonly part: DOMTokenList;
     readonly prefix: string | null;
     readonly scrollHeight: number;