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

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

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

Files changed (1645) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"top-nav-item.js","names":["_litElement","require","_headerNavItem","_interopRequireDefault","_settings","_mastheadCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavItem","_decorate2","customElement","concat","_initialize","_BXHeaderNavItem","_BXHeaderNavItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_get2","has","active","linkNode","_linkNode","setAttribute","String","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","hasAttribute","getAttribute","styles","BXHeaderNavItem","_default","exports"],"sources":["components/masthead/top-nav-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query, ~~customElement~~ } from 'lit-element';\nimport BXHeaderNavItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav item.\n \n @element dds-top-nav-item\n /\n@customElement(`${ddsPrefix}-top-nav-item`)\nclass DDSTopNavItem extends BXHeaderNavItem {\n /\n The `<a>`.\n /\n @query('[part=\"link\"]')\n private _linkNode?: HTMLAnchorElement;\n\n /\n `true` if this nav item should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n }\n\n firstUpdated() {\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n\n if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n this.removeAttribute('role');\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavItem;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;~~AAAqC~~,~~SAAAK~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAErC~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,OAAAC,UAAA,cADlB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,mBAAgB,aAAAO,WAAA,EAAAC,gBAAA;EAAA,IACrCL,aAAa,0BAAAM,iBAAA;IAAA,IAAAC,UAAA,aAAAP,aAAA,EAAAM,iBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,aAAA;IAAA,SAAAA,cAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,aAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,aAAA;EAAA,EAAAK,gBAAA;EAAA;IAAAa,CAAA,EAAblB,aAAa;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhB,IAAAC,iBAAK,EAAC,eAAe,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAMtB,IAAAI,oBAAQ,EAAC;QAAEC,IAAI,EAAElC,OAAO;QAAEmC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVd;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,QAAQC,iBAAiB,EAAE;QACzB,IAAAC,KAAA,iBAAAjD,gBAAA,aAdEmB,aAAa,CAAAP,SAAA,oBAAAE,IAAA,OAcDkC,iBAAiB;QAC/B,IAAIA,iBAAiB,CAACE,GAAG,CAAC,QAAQ,CAAC,EAAE;UACnC,IAAQC,MAAM,GAA0B,IAAI,CAApCA,MAAM;YAAaC,QAAQ,GAAK,IAAI,CAA5BC,SAAS;UACzB,IAAID,QAAQ,EAAE;YACZA,QAAQ,CAACE,YAAY,CAAC,eAAe,EAAEC,MAAM,CAAC5C,OAAO,CAACwC,MAAM,CAAC,CAAC,CAAC;UACjE;QACF;MACF;IAAC;MAAAZ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,aAAA,EAAe;QAAA,IAAAC,gBAAA;QACb,CAAAA,gBAAA,OAAI,CAACC,UAAU,cAAAD,gBAAA,uBAAfA,gBAAA,CACIE,gBAAgB,CAAC,mBAAmB,CAAC,CACtCC,OAAO,CAAC,UAACC,QAAQ;UAAA,OAAKA,QAAQ,CAACC,eAAe,CAAC,MAAM,CAAC;QAAA,EAAC;QAE1D,IAAI,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,EAAE;UACzE,IAAI,CAACF,eAAe,CAAC,MAAM,CAAC;QAC9B;MACF;IAAC;MAAAvB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEesB,uBAAM;MAAA;IAAA;EAAA;AAAA,GAjCIC,yBAAe;AAAA,IAAAC,QAAA,GAoC5BhD,aAAa;AAAAiD,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"top-nav-item.js","names":["_litElement","require","_headerNavItem","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavItem","_decorate2","customElement","concat","_initialize","_BXHeaderNavItem","_BXHeaderNavItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_get2","has","active","linkNode","_linkNode","setAttribute","String","firstUpdated","_this$shadowRoot","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","hasAttribute","getAttribute","styles","BXHeaderNavItem","_default","exports"],"sources":["components/masthead/top-nav-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query } from 'lit-element';\nimport BXHeaderNavItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-nav-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav item.\n \n @element dds-top-nav-item\n /\n@customElement(`${ddsPrefix}-top-nav-item`)\nclass DDSTopNavItem extends BXHeaderNavItem {\n /\n The `<a>`.\n /\n @query('[part=\"link\"]')\n private _linkNode?: HTMLAnchorElement;\n\n /\n `true` if this nav item should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n }\n\n firstUpdated() {\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n\n if (this.hasAttribute('role') && this.getAttribute('role') === 'listitem') {\n this.removeAttribute('role');\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavItem;\n"],"mappings":"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"}

package/es/components/masthead/top-nav-l1.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/top-nav-l1.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AAIH~~,OAAO,SAAS,MAAM,WAAW,CAAC;AAIlC;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS;IAEjC,SAAS,CAAC,mBAAmB,aAE3B;IAEF;;OAEG;IAEH,WAAW,UAAQ;IAEnB,MAAM,KAAK,cAAc,WAExB;CACF;AAED,eAAe,WAAW,CAAC","file":"top-nav-l1.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 { property, ~~customElement~~ } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSTopNav from './top-nav';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav for L1.\n \n @element dds-top-nav-l1\n /\n@customElement(`${ddsPrefix}-top-nav-l1`)\nclass DDSTopNavL1 extends DDSTopNav {\n // eslint-disable-next-line class-methods-use-this\n protected _handleSearchToggle = () => {\n // Do nothing\n };\n\n /\n `true` to hide the divider.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = true;\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__l1-nav`;\n }\n}\n\nexport default DDSTopNavL1;\n"]}
1	+ {"version":3,"sources":["components/masthead/top-nav-l1.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,SAAS,MAAM,WAAW,CAAC;AAIlC;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS;IAEjC,SAAS,CAAC,mBAAmB,aAE3B;IAEF;;OAEG;IAEH,WAAW,UAAQ;IAEnB,MAAM,KAAK,cAAc,WAExB;CACF;AAED,eAAe,WAAW,CAAC","file":"top-nav-l1.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSTopNav from './top-nav';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav for L1.\n \n @element dds-top-nav-l1\n /\n@customElement(`${ddsPrefix}-top-nav-l1`)\nclass DDSTopNavL1 extends DDSTopNav {\n // eslint-disable-next-line class-methods-use-this\n protected _handleSearchToggle = () => {\n // Do nothing\n };\n\n /\n `true` to hide the divider.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = true;\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__l1-nav`;\n }\n}\n\nexport default DDSTopNavL1;\n"]}

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

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
 var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _topNav = _interopRequireDefault(require("./top-nav.js"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -24,7 +25,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-top-nav-l1
  */
-var DDSTopNavL1 = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-top-nav-l1"))], function (_initialize, _DDSTopNav) {
+var DDSTopNavL1 = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-top-nav-l1"))], function (_initialize, _DDSTopNav) {
   var DDSTopNavL1 = /*#__PURE__*/function (_DDSTopNav2) {
     (0, _inherits2["default"])(DDSTopNavL1, _DDSTopNav2);
     var _super = _createSuper(DDSTopNavL1);

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/top-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AAGH~~,OAAO,gBAAgB,MAAM,sFAAsF,CAAC;~~AAMpH~~;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,gBAAgB;IAC9C,MAAM,CAAC,MAAM,MAAU;IAEvB,YAAY;CAKb;AAED,eAAe,iBAAiB,CAAC","file":"top-nav-menu-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport ~~{ customElement } from 'lit-element';\nimport~~ BXHeaderMenuItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu item.\n \n @element dds-top-nav-menu-item\n */\n@customElement(`${ddsPrefix}-top-nav-menu-item`)\nclass DDSTopNavMenuItem extends BXHeaderMenuItem {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n\n firstUpdated() {\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n}\n\nexport default DDSTopNavMenuItem;\n"]}
1	+ {"version":3,"sources":["components/masthead/top-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,MAAM,sFAAsF,CAAC;AAOpH;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,gBAAgB;IAC9C,MAAM,CAAC,MAAM,MAAU;IAEvB,YAAY;CAKb;AAED,eAAe,iBAAiB,CAAC","file":"top-nav-menu-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport BXHeaderMenuItem from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu item.\n \n @element dds-top-nav-menu-item\n */\n@customElement(`${ddsPrefix}-top-nav-menu-item`)\nclass DDSTopNavMenuItem extends BXHeaderMenuItem {\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n\n firstUpdated() {\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n}\n\nexport default DDSTopNavMenuItem;\n"]}

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

@@ -12,10 +12,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
-var _litElement = require("lit-element");
 var _headerMenuItem = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu-item.js"));
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _mastheadCss = _interopRequireDefault(require("././masthead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -25,7 +25,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-top-nav-menu-item
  */
-var DDSTopNavMenuItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-top-nav-menu-item"))], function (_initialize, _BXHeaderMenuItem) {
+var DDSTopNavMenuItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-top-nav-menu-item"))], function (_initialize, _BXHeaderMenuItem) {
   var DDSTopNavMenuItem = /*#__PURE__*/function (_BXHeaderMenuItem2) {
     (0, _inherits2["default"])(DDSTopNavMenuItem, _BXHeaderMenuItem2);
     var _super = _createSuper(DDSTopNavMenuItem);

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/top-nav-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,YAAY,MAAM,iFAAiF,CAAC;~~AAM3G~~;;;;GAIG;AACH,cACM,aAAc,SAAQ,YAAY;IACtC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAoB;IAEzC;;OAEG;IAEH,MAAM,UAAS;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAczB,iBAAiB;IAKjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"top-nav-menu.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query, ~~customElement~~ } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu.\n \n @element dds-top-nav-menu\n /\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n /\n The trigger button.\n /\n @query('[part=\"trigger\"]')\n private _triggerNode?: HTMLAnchorElement;\n\n /\n `true` if this submenu should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _triggerNode: triggerNode } = this;\n if (triggerNode) {\n triggerNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.removeAttribute('role');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"]}
1	+ {"version":3,"sources":["components/masthead/top-nav-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,YAAY,MAAM,iFAAiF,CAAC;AAO3G;;;;GAIG;AACH,cACM,aAAc,SAAQ,YAAY;IACtC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAoB;IAEzC;;OAEG;IAEH,MAAM,UAAS;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAczB,iBAAiB;IAKjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"top-nav-menu.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu.\n \n @element dds-top-nav-menu\n /\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n /\n The trigger button.\n /\n @query('[part=\"trigger\"]')\n private _triggerNode?: HTMLAnchorElement;\n\n /\n `true` if this submenu should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _triggerNode: triggerNode } = this;\n if (triggerNode) {\n triggerNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.removeAttribute('role');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"]}

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

@@ -17,6 +17,7 @@ var _litElement = require("lit-element");
 var _headerMenu = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js"));
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _mastheadCss = _interopRequireDefault(require("././masthead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -26,7 +27,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-top-nav-menu
  */
-var DDSTopNavMenu = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-top-nav-menu"))], function (_initialize, _BXHeaderMenu) {
+var DDSTopNavMenu = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-top-nav-menu"))], function (_initialize, _BXHeaderMenu) {
   var DDSTopNavMenu = /*#__PURE__*/function (_BXHeaderMenu2) {
     (0, _inherits2["default"])(DDSTopNavMenu, _BXHeaderMenu2);
     var _super = _createSuper(DDSTopNavMenu);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"top-nav-menu.js","names":["_litElement","require","_headerMenu","_interopRequireDefault","_settings","_mastheadCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenu","_decorate2","customElement","concat","_initialize","_BXHeaderMenu","_BXHeaderMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_this$shadowRoot","_get2","has","active","triggerNode","_triggerNode","setAttribute","String","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","connectedCallback","styles","BXHeaderMenu","_default","exports"],"sources":["components/masthead/top-nav-menu.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query, ~~customElement~~ } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu.\n \n @element dds-top-nav-menu\n /\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n /\n The trigger button.\n /\n @query('[part=\"trigger\"]')\n private _triggerNode?: HTMLAnchorElement;\n\n /\n `true` if this submenu should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _triggerNode: triggerNode } = this;\n if (triggerNode) {\n triggerNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.removeAttribute('role');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;~~AAAqC~~,~~SAAAK~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAErC~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,OAAAC,UAAA,cADlB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,mBAAgB,aAAAO,WAAA,EAAAC,aAAA;EAAA,IACrCL,aAAa,0BAAAM,cAAA;IAAA,IAAAC,UAAA,aAAAP,aAAA,EAAAM,cAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,aAAA;IAAA,SAAAA,cAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,aAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,aAAA;EAAA,EAAAK,aAAA;EAAA;IAAAa,CAAA,EAAblB,aAAa;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhB,IAAAC,iBAAK,EAAC,kBAAkB,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAMzB,IAAAI,oBAAQ,EAAC;QAAEC,IAAI,EAAElC,OAAO;QAAEmC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVd;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,QAAQC,iBAAiB,EAAE;QAAA,IAAAC,gBAAA;QACzB,IAAAC,KAAA,iBAAAlD,gBAAA,aAdEmB,aAAa,CAAAP,SAAA,oBAAAE,IAAA,OAcDkC,iBAAiB;QAC/B,IAAIA,iBAAiB,CAACG,GAAG,CAAC,QAAQ,CAAC,EAAE;UACnC,IAAQC,MAAM,GAAgC,IAAI,CAA1CA,MAAM;YAAgBC,WAAW,GAAK,IAAI,CAAlCC,YAAY;UAC5B,IAAID,WAAW,EAAE;YACfA,WAAW,CAACE,YAAY,CAAC,eAAe,EAAEC,MAAM,CAAC7C,OAAO,CAACyC,MAAM,CAAC,CAAC,CAAC;UACpE;QACF;QAEA,CAAAH,gBAAA,OAAI,CAACQ,UAAU,cAAAR,gBAAA,uBAAfA,gBAAA,CACIS,gBAAgB,CAAC,mBAAmB,CAAC,CACtCC,OAAO,CAAC,UAACC,QAAQ;UAAA,OAAKA,QAAQ,CAACC,eAAe,CAAC,MAAM,CAAC;QAAA,EAAC;MAC5D;IAAC;MAAAtB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAmB,kBAAA,EAAoB;QAClB,IAAAZ,KAAA,iBAAAlD,gBAAA,aA5BEmB,aAAa,CAAAP,SAAA,8BAAAE,IAAA;QA6Bf,IAAI,CAAC+C,eAAe,CAAC,MAAM,CAAC;MAC9B;IAAC;MAAAtB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeoB,uBAAM;MAAA;IAAA;EAAA;AAAA,GAhCIC,sBAAY;AAAA,IAAAC,QAAA,GAmCzB9C,aAAa;AAAA+C,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"top-nav-menu.js","names":["_litElement","require","_headerMenu","_interopRequireDefault","_settings","_mastheadCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavMenu","_decorate2","customElement","concat","_initialize","_BXHeaderMenu","_BXHeaderMenu2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","type","reflect","updated","changedProperties","_this$shadowRoot","_get2","has","active","triggerNode","_triggerNode","setAttribute","String","shadowRoot","querySelectorAll","forEach","menuItem","removeAttribute","connectedCallback","styles","BXHeaderMenu","_default","exports"],"sources":["components/masthead/top-nav-menu.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, query } from 'lit-element';\nimport BXHeaderMenu from '../../internal/vendor/@carbon/web-components/components/ui-shell/header-menu.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Masthead top nav submenu.\n \n @element dds-top-nav-menu\n /\n@customElement(`${ddsPrefix}-top-nav-menu`)\nclass DDSTopNavMenu extends BXHeaderMenu {\n /\n The trigger button.\n /\n @query('[part=\"trigger\"]')\n private _triggerNode?: HTMLAnchorElement;\n\n /\n `true` if this submenu should be in its active state.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('active')) {\n const { active, _triggerNode: triggerNode } = this;\n if (triggerNode) {\n triggerNode.setAttribute('data-selected', String(Boolean(active)));\n }\n }\n\n this.shadowRoot\n ?.querySelectorAll('[role=\"menuitem\"]')\n .forEach((menuItem) => menuItem.removeAttribute('role'));\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.removeAttribute('role');\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavMenu;\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/masthead/top-nav-name.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,cAAc,MAAM,iBAAiB,CAAC;~~AAM7C~~;;;;GAIG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC,iBAAiB;IASjB,oBAAoB;IASpB,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"top-nav-name.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, ~~customElement~~ } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The brand name UI in top nav.\n \n @element dds-top-nav-name\n /\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n connectedCallback() {\n super.connectedCallback();\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n }\n }\n\n disconnectedCallback() {\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n }\n super.disconnectedCallback();\n }\n\n render() {\n const { href, prefix: namePrefix } = this;\n const namePrefixPart = !namePrefix\n ? undefined\n : html`\n <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n > \n `;\n return html`\n <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n >${namePrefixPart}<slot></slot\n ></a>\n `;\n }\n\n /\n A selector that will return the nav bar.\n */\n static get selectorTopNav() {\n return `${ddsPrefix}-top-nav`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__platform-name`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"]}
1	+ {"version":3,"sources":["components/masthead/top-nav-name.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAO7C;;;;GAIG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC,iBAAiB;IASjB,oBAAoB;IASpB,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"top-nav-name.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The brand name UI in top nav.\n \n @element dds-top-nav-name\n /\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n connectedCallback() {\n super.connectedCallback();\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n }\n }\n\n disconnectedCallback() {\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n }\n super.disconnectedCallback();\n }\n\n render() {\n const { href, prefix: namePrefix } = this;\n const namePrefixPart = !namePrefix\n ? undefined\n : html`\n <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n > \n `;\n return html`\n <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n >${namePrefixPart}<slot></slot\n ></a>\n `;\n }\n\n /\n A selector that will return the nav bar.\n */\n static get selectorTopNav() {\n return `${ddsPrefix}-top-nav`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__platform-name`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"]}

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

@@ -20,6 +20,7 @@ var _ifNonNull = _interopRequireDefault(require("../../internal/vendor/@carbon/w
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _leftNavName = _interopRequireDefault(require("./left-nav-name.js"));
 var _mastheadCss = _interopRequireDefault(require("././masthead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -31,7 +32,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  *
  * @element dds-top-nav-name
  */
-var DDSTopNavName = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-top-nav-name"))], function (_initialize, _DDSLeftNavName) {
+var DDSTopNavName = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-top-nav-name"))], function (_initialize, _DDSLeftNavName) {
   var DDSTopNavName = /*#__PURE__*/function (_DDSLeftNavName2) {
     (0, _inherits2["default"])(DDSTopNavName, _DDSLeftNavName2);
     var _super = _createSuper(DDSTopNavName);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"top-nav-name.js","names":["_litElement","require","_settings","_interopRequireDefault","_ifNonNull","_settings2","_leftNavName","_mastheadCss","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavName","_decorate2","customElement","concat","_initialize","_DDSLeftNavName","_DDSLeftNavName2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","_get2","_ref","selectorTopNav","nextElementSibling","matches","hideDivider","disconnectedCallback","_ref2","render","href","namePrefix","namePrefixPart","undefined","html","_taggedTemplateLiteral2","ifNonNull","stableSelector","styles","DDSLeftNavName","_default","exports"],"sources":["components/masthead/top-nav-name.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, ~~customElement~~ } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The brand name UI in top nav.\n \n @element dds-top-nav-name\n /\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n connectedCallback() {\n super.connectedCallback();\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n }\n }\n\n disconnectedCallback() {\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n }\n super.disconnectedCallback();\n }\n\n render() {\n const { href, prefix: namePrefix } = this;\n const namePrefixPart = !namePrefix\n ? undefined\n : html`\n <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n > \n `;\n return html`\n <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n >${namePrefixPart}<slot></slot\n ></a>\n `;\n }\n\n /\n A selector that will return the nav bar.\n */\n static get selectorTopNav() {\n return `${ddsPrefix}-top-nav`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__platform-name`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;~~AAAqC~~,IAAAO,eAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAErC~~,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,OAAAC,UAAA,cADlB,IAAAC,~~yBAAa~~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"}
1	+ {"version":3,"file":"top-nav-name.js","names":["_litElement","require","_settings","_interopRequireDefault","_ifNonNull","_settings2","_leftNavName","_mastheadCss","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSTopNavName","_decorate2","customElement","concat","_initialize","_DDSLeftNavName","_DDSLeftNavName2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","_get2","_ref","selectorTopNav","nextElementSibling","matches","hideDivider","disconnectedCallback","_ref2","render","href","namePrefix","namePrefixPart","undefined","html","_taggedTemplateLiteral2","ifNonNull","stableSelector","styles","DDSLeftNavName","_default","exports"],"sources":["components/masthead/top-nav-name.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSMastheadTopNav from './top-nav';\nimport DDSLeftNavName from './left-nav-name';\nimport styles from './masthead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The brand name UI in top nav.\n \n @element dds-top-nav-name\n /\n@customElement(`${ddsPrefix}-top-nav-name`)\nclass DDSTopNavName extends DDSLeftNavName {\n connectedCallback() {\n super.connectedCallback();\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = true;\n }\n }\n\n disconnectedCallback() {\n const { selectorTopNav } = this.constructor as typeof DDSTopNavName;\n const { nextElementSibling } = this;\n if (nextElementSibling && nextElementSibling.matches(selectorTopNav)) {\n (nextElementSibling as DDSMastheadTopNav).hideDivider = false;\n }\n super.disconnectedCallback();\n }\n\n render() {\n const { href, prefix: namePrefix } = this;\n const namePrefixPart = !namePrefix\n ? undefined\n : html`\n <span class=\"${prefix}--header__name--prefix\">${namePrefix}</span\n > \n `;\n return html`\n <a class=\"${prefix}--header__name\" href=\"${ifNonNull(href)}\"\n >${namePrefixPart}<slot></slot\n ></a>\n `;\n }\n\n /\n A selector that will return the nav bar.\n */\n static get selectorTopNav() {\n return `${ddsPrefix}-top-nav`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--masthead__platform-name`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSTopNavName;\n"],"mappings":"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"}

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

@@ -194,7 +194,7 @@ declare const DDSTopNav_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -366,9 +366,7 @@ declare const DDSTopNav_base: {
         outerHTML: string;
         readonly ownerDocument: Document;
         readonly part: DOMTokenList;
-        readonly prefix: string | null; /**
-         * The scrolling container.
-         */
+        readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
         scrollTop: number;
@@ -505,7 +503,7 @@ declare const DDSTopNav_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

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

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

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

@@ -29,6 +29,7 @@ var _hostListener2 = _interopRequireDefault(require("../../internal/vendor/@carb
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _mastheadCss = _interopRequireDefault(require("././masthead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3;
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -63,7 +64,7 @@ function findLastIndex(a, predicate, thisObject) {
  * @csspart prev-button The button to go to the previous page.
  * @csspart next-button The button to go to the next page.
  */
-var DDSTopNav = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-top-nav"))], function (_initialize, _StableSelectorMixin) {
+var DDSTopNav = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-top-nav"))], function (_initialize, _StableSelectorMixin) {
   var DDSTopNav = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSTopNav, _StableSelectorMixin2);
     var _super = _createSuper(DDSTopNav);