@carbon/web-components 2.11.1 → 2.12.0

package/es/components/ui-shell/header.js

@@ -1,8 +1,9 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -42,7 +43,7 @@ let CDSHeader = _decorate([customElement(`${prefix}-header`)], function (_initia
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'banner');
         }
-        _get(_getPrototypeOf(CDSHeader.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSHeader, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",

package/es/components/ui-shell/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["LitElement","html","prefix","carbonElement","customElement","styles","CDSHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAC,GAAGF,MAAM,SAAS,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAlC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAanC;EAAC;IAAAI,CAAA,EAbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACb,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CALEf,SAAS,CAAAgB,SAAA,8BAAAC,IAAA;MAMb;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZAL,UAAU;AAelC,eAAeM,SAAS","ignoreList":[]}
+{"version":3,"file":"header.js","names":["LitElement","html","prefix","carbonElement","customElement","styles","CDSHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","_t","_","static"],"sources":["components/ui-shell/header.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAC,GAAGF,MAAM,SAAS,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAlC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAanC;EAAC;IAAAI,CAAA,EAbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACb,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,aAAA,CALEd,SAAS;MAMb;IAAC;MAAAQ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAK,MAAMA,CAAA,EAAG;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZAL,UAAU;AAelC,eAAeM,SAAS","ignoreList":[]}

package/es/components/ui-shell/side-nav-divider.js

@@ -1,6 +1,7 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -40,7 +41,7 @@ let CDSSideNavDivider = _decorate([customElement(`${prefix}-side-nav-divider`)],
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'separator');
         }
-        _get(_getPrototypeOf(CDSSideNavDivider.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNavDivider, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/side-nav-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-divider.js","names":["LitElement","prefix","carbonElement","customElement","styles","CDSSideNavDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss';\n\n/**\n * A divider in side nav.\n *\n * @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavDivider;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBH,aAAa,CAAC,GAAGF,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS3C;EAAC;IAAAI,CAAA,EATKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,IAAA,CAAAC,eAAA,CALEf,iBAAiB,CAAAgB,SAAA,8BAAAC,IAAA;MAMrB;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GARQJ,UAAU;AAW1C,eAAeK,iBAAiB","ignoreList":[]}
+{"version":3,"file":"side-nav-divider.js","names":["LitElement","prefix","carbonElement","customElement","styles","CDSSideNavDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","static"],"sources":["components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss';\n\n/**\n * A divider in side nav.\n *\n * @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavDivider;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBH,aAAa,CAAC,GAAGF,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS3C;EAAC;IAAAI,CAAA,EATKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,aAAA,CALEd,iBAAiB;MAMrB;IAAC;MAAAQ,IAAA;MAAAO,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GARQJ,UAAU;AAW1C,eAAeK,iBAAiB","ignoreList":[]}

package/es/components/ui-shell/side-nav-items.js

@@ -1,8 +1,9 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -42,7 +43,7 @@ let CDSSideNavItems = _decorate([customElement(`${prefix}-side-nav-items`)], fun
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'list');
         }
-        _get(_getPrototypeOf(CDSSideNavItems.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNavItems, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",

package/es/components/ui-shell/side-nav-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-items.js","names":["LitElement","html","prefix","carbonElement","customElement","styles","CDSSideNavItems","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/side-nav-items.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss';\n\n/**\n * Side nav items.\n *\n * @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavItems;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAC,GAAGF,MAAM,iBAAiB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAazC;EAAC;IAAAI,CAAA,EAbKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CALEf,eAAe,CAAAgB,SAAA,8BAAAC,IAAA;MAMnB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZML,UAAU;AAexC,eAAeM,eAAe","ignoreList":[]}
+{"version":3,"file":"side-nav-items.js","names":["LitElement","html","prefix","carbonElement","customElement","styles","CDSSideNavItems","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","_t","_","static"],"sources":["components/ui-shell/side-nav-items.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss';\n\n/**\n * Side nav items.\n *\n * @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavItems;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAC,GAAGF,MAAM,iBAAiB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAazC;EAAC;IAAAI,CAAA,EAbKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnB,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,aAAA,CALEd,eAAe;MAMnB;IAAC;MAAAQ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAK,MAAMA,CAAA,EAAG;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZML,UAAU;AAexC,eAAeM,eAAe","ignoreList":[]}

package/es/components/ui-shell/side-nav-link.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -134,7 +135,7 @@ let CDSSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], funct
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'listitem');
         }
-        _get(_getPrototypeOf(CDSSideNavLink.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNavLink, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",

package/es/components/ui-shell/side-nav-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-link.js","names":["classMap","ifDefined","LitElement","html","property","query","prefix","FocusMixin","styles","carbonElement","customElement","CDSSideNavLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChangeTitleIcon","target","_this$_titleIconConta","_titleIconContainerNode","toggleAttribute","assignedNodes","length","type","Boolean","reflect","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","active","href","rel","title","handleSlotChangeTitleIcon","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-link.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n */\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    this._titleIconContainerNode?.toggleAttribute(\n      'hidden',\n      target.assignedNodes().length === 0\n    );\n  }\n\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const {\n      active,\n      href,\n      rel,\n      target,\n      title,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavLink;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"side-nav-link.js","names":["classMap","ifDefined","LitElement","html","property","query","prefix","FocusMixin","styles","carbonElement","customElement","CDSSideNavLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChangeTitleIcon","target","_this$_titleIconConta","_titleIconContainerNode","toggleAttribute","assignedNodes","length","type","Boolean","reflect","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","active","href","rel","title","handleSlotChangeTitleIcon","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-link.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n */\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    this._titleIconContainerNode?.toggleAttribute(\n      'hidden',\n      target.assignedNodes().length === 0\n    );\n  }\n\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const {\n      active,\n      href,\n      rel,\n      target,\n      title,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavLink;\n"],"mappings":"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","ignoreList":[]}

package/es/components/ui-shell/side-nav-menu-item.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -94,7 +95,7 @@ let CDSSideNavMenuItem = _decorate([customElement(`${prefix}-side-nav-menu-item`
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'button');
         }
-        _get(_getPrototypeOf(CDSSideNavMenuItem.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNavMenuItem, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -125,7 +126,7 @@ let CDSSideNavMenuItem = _decorate([customElement(`${prefix}-side-nav-menu-item`
       kind: "get",
       static: true,
       key: "selectorMenu",
-      value: function selectorMenu() {
+      value: function () {
         return `${prefix}-side-nav-menu`;
       }
     }, {

package/es/components/ui-shell/side-nav-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-menu-item.js","names":["classMap","LitElement","html","property","prefix","FocusMixin","styles","carbonElement","customElement","CDSSideNavMenuItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","shouldUpdate","changedProperties","has","active","selectorMenu","parent","closest","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","title","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('active') && this.active) {\n      const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n      const parent = this.closest(selectorMenu);\n      if (parent) {\n        (parent as CDSSideNavMenu).active = true;\n      }\n    }\n    return true;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { active, href, title } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  /**\n   * A selector that will return the parent menu.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenuItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"side-nav-menu-item.js","names":["classMap","LitElement","html","property","prefix","FocusMixin","styles","carbonElement","customElement","CDSSideNavMenuItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","shouldUpdate","changedProperties","has","active","selectorMenu","parent","closest","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","href","title","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('active') && this.active) {\n      const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n      const parent = this.closest(selectorMenu);\n      if (parent) {\n        (parent as CDSSideNavMenu).active = true;\n      }\n    }\n    return true;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { active, href, title } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  /**\n   * A selector that will return the parent menu.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenuItem;\n"],"mappings":"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","ignoreList":[]}

package/es/components/ui-shell/side-nav-menu.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -214,7 +215,7 @@ let CDSSideNavMenu = _decorate([customElement(`${prefix}-side-nav-menu`)], funct
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'listitem');
         }
-        _get(_getPrototypeOf(CDSSideNavMenu.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNavMenu, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -296,7 +297,7 @@ let CDSSideNavMenu = _decorate([customElement(`${prefix}-side-nav-menu`)], funct
       /**
        * A selector that will return the menu items.
        */
-      function selectorItem() {
+      function () {
         return `${prefix}-side-nav-menu-item`;
       }
 
@@ -308,7 +309,7 @@ let CDSSideNavMenu = _decorate([customElement(`${prefix}-side-nav-menu`)], funct
       kind: "get",
       static: true,
       key: "eventBeforeToggle",
-      value: function eventBeforeToggle() {
+      value: function () {
         return `${prefix}-side-nav-menu-beingtoggled`;
       }
 
@@ -319,7 +320,7 @@ let CDSSideNavMenu = _decorate([customElement(`${prefix}-side-nav-menu`)], funct
       kind: "get",
       static: true,
       key: "eventToggle",
-      value: function eventToggle() {
+      value: function () {
         return `${prefix}-side-nav-menu-toggled`;
       }
     }, {

package/es/components/ui-shell/side-nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-menu.js","names":["LitElement","html","property","query","ChevronDown20","prefix","forEach","FocusMixin","styles","carbonElement","customElement","CDSSideNavMenu","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","decorators","_handleUserInitiatedToggle","expanded","eventBeforeToggle","eventToggle","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","_handleClickExpando","_handleSlotChange","target","_hasIcon","hasIcon","assignedNodes","item","nodeType","Node","ELEMENT_NODE","toggleAttribute","attribItemHasIcon","_handleSlotChangeTitleIcon","_this$_titleIconConta","length","_titleIconContainerNode","querySelectorAll","selectorItem","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","elem","tabIndex","render","forceCollapsed","title","handleClickExpando","handleSlotChange","handleSlotChangeTitleIcon","_t","_","String","part","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport ChevronDown20 from '@carbon/icons/lib/chevron--down/20';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu.\n *\n * @element cds-side-nav-menu\n * @fires cds-side-nav-menu-beingtoggled\n *   The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires cds-side-nav-menu-toggled\n *   The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n * @slot title-icon - The icon.\n * @csspart expando The expando.\n * @csspart expando-icon-container The expando icon container.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart title-icon-container The title icon container.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-side-nav-menu`)\nclass CDSSideNavMenu extends FocusMixin(LitElement) {\n  /**\n   * `true` if this menu has an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles user-initiated toggle request of this side nav menu.\n   *\n   * @param expanded The new expanded state.\n   */\n  private _handleUserInitiatedToggle(expanded = !this.expanded) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSSideNavMenu;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.expanded = expanded;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles `slotchange` event on the non-named `<slot>`.\n   */\n  private _handleSlotChange({ target }) {\n    const { _hasIcon: hasIcon } = this;\n    forEach(target.assignedNodes(), (item) => {\n      if (item.nodeType === Node.ELEMENT_NODE) {\n        item.toggleAttribute(\n          (this.constructor as typeof CDSSideNavMenu).attribItemHasIcon,\n          hasIcon\n        );\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    const constructor = this.constructor as typeof CDSSideNavMenu;\n    const hasIcon = target.assignedNodes().length > 0;\n    this._hasIcon = hasIcon;\n    this._titleIconContainerNode?.toggleAttribute('hidden', !hasIcon);\n    forEach(this.querySelectorAll(constructor.selectorItem), (item) => {\n      item.toggleAttribute(constructor.attribItemHasIcon, hasIcon);\n    });\n  }\n\n  /**\n   * `true` if the menu has active menu item.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Specify if this is a large variation of the side nav menu\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * `true` if the menu should be forced collapsed upon side nav's expanded state.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'force-collapsed' })\n  forceCollapsed = false;\n\n  /**\n   * The title text.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSSideNavMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      forceCollapsed,\n      title,\n      _handleClickExpando: handleClickExpando,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        part=\"expando\"\n        aria-haspopup=\"true\"\n        aria-expanded=\"${String(Boolean(expanded && !forceCollapsed))}\"\n        class=\"${prefix}--side-nav__submenu\"\n        @click=${handleClickExpando}>\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__submenu-title\"\n          >${title}</span\n        >\n        <div\n          part=\"expando-icon-container\"\n          class=\"${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron\">\n          ${ChevronDown20({ part: 'expando-icon' })}\n        </div>\n      </button>\n      <ul part=\"menu-body\" class=\"${prefix}--side-nav__menu\">\n        <slot @slotchange=${handleSlotChange}></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * The attribute name of the menu items, that is set if this menu has an icon.\n   */\n  static attribItemHasIcon = 'parent-has-icon';\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-side-nav-menu-item`;\n  }\n\n  /**\n   * The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-side-nav-menu-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-side-nav-menu-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenu;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,KAAK,QAAQ,mBAAmB;AACnD,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,OAAO,QAAQ,2CAA2C;AACnE,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,qBAAiB;AACpC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,IAkBMC,cAAc,GAAAC,SAAA,EADnBF,aAAa,CAAC,GAAGL,MAAM,gBAAgB,CAAC,aAAAQ,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6LpD;EAAC;IAAAI,CAAA,EA7LKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKvBnB,KAAK,CAAC,uBAAuB,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAR/B;AACF;AACA;;MAGE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;MACE,SAAAE,2BAAmCC,QAAQ,GAAG,CAAC,IAAI,CAACA,QAAQ,EAAE;QAC5D,MAAM;UAAEC,iBAAiB;UAAEC;QAAY,CAAC,GAAG,IAAI,CAC5CX,WAAoC;QACvC,MAAMY,IAAI,GAAG;UACXC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNP;UACF;QACF,CAAC;QACD,IAAI,IAAI,CAACQ,aAAa,CAAC,IAAIC,WAAW,CAACR,iBAAiB,EAAEE,IAAI,CAAC,CAAC,EAAE;UAChE,IAAI,CAACH,QAAQ,GAAGA,QAAQ;UACxB,IAAI,CAACQ,aAAa,CAAC,IAAIC,WAAW,CAACP,WAAW,EAAEC,IAAI,CAAC,CAAC;QACxD;MACF;;MAEA;AACF;AACA;IAFE;MAAAR,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAa,oBAAA,EAA8B;QAC5B,IAAI,CAACX,0BAA0B,CAAC,CAAC;MACnC;;MAEA;AACF;AACA;IAFE;MAAAJ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAc,kBAA0B;QAAEC;MAAO,CAAC,EAAE;QACpC,MAAM;UAAEC,QAAQ,EAAEC;QAAQ,CAAC,GAAG,IAAI;QAClChC,OAAO,CAAC8B,MAAM,CAACG,aAAa,CAAC,CAAC,EAAGC,IAAI,IAAK;UACxC,IAAIA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE;YACvCH,IAAI,CAACI,eAAe,CACjB,IAAI,CAAC7B,WAAW,CAA2B8B,iBAAiB,EAC7DP,OACF,CAAC;UACH;QACF,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAyB,2BAAmC;QAAEV;MAAO,CAAC,EAAE;QAAA,IAAAW,qBAAA;QAC7C,MAAMhC,WAAW,GAAG,IAAI,CAACA,WAAoC;QAC7D,MAAMuB,OAAO,GAAGF,MAAM,CAACG,aAAa,CAAC,CAAC,CAACS,MAAM,GAAG,CAAC;QACjD,IAAI,CAACX,QAAQ,GAAGC,OAAO;QACvB,CAAAS,qBAAA,OAAI,CAACE,uBAAuB,cAAAF,qBAAA,eAA5BA,qBAAA,CAA8BH,eAAe,CAAC,QAAQ,EAAE,CAACN,OAAO,CAAC;QACjEhC,OAAO,CAAC,IAAI,CAAC4C,gBAAgB,CAACnC,WAAW,CAACoC,YAAY,CAAC,EAAGX,IAAI,IAAK;UACjEA,IAAI,CAACI,eAAe,CAAC7B,WAAW,CAAC8B,iBAAiB,EAAEP,OAAO,CAAC;QAC9D,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAG,UAAA,GAGCpB,QAAQ,CAAC;QAAEkD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKbpB,QAAQ,CAAC;QAAEkD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKfpB,QAAQ,CAAC;QAAEkD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OACnC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKZpB,QAAQ,CAAC;QAAEkD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAAnC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKrBpB,QAAQ,CAAC,CAAC;MAAAkB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAtBV;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAmC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAvGEjD,cAAc,CAAAkD,SAAA,8BAAAC,IAAA;MAwGlB;IAAC;MAAA3C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0C,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,MAAM;YAAEd;UAAa,CAAC,GAAG,IAAI,CAACpC,WAAoC;UAClE,MAAM;YAAES;UAAS,CAAC,GAAG,IAAI;UACzBlB,OAAO,CAAC,IAAI,CAAC4C,gBAAgB,CAACC,YAAY,CAAC,EAAGe,IAAI,IAAK;YACpDA,IAAI,CAAiBC,QAAQ,GAAG3C,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;UACpD,CAAC,CAAC;QACJ;MACF;IAAC;MAAAL,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA+C,OAAA,EAAS;QACP,MAAM;UACJ5C,QAAQ;UACR6C,cAAc;UACdC,KAAK;UACLpC,mBAAmB,EAAEqC,kBAAkB;UACvCpC,iBAAiB,EAAEqC,gBAAgB;UACnC1B,0BAA0B,EAAE2B;QAC9B,CAAC,GAAG,IAAI;QACR,OAAOxE,IAAI,CAAAyE,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA;AACA;AACA;AACA,yBALe;AACf,iBADe;AACf,iBADe;AACf;AACA;AACA;AACA;AACA,mBALe;AACf;AACA;AACA,0BAHe;AACf;AACA,oCAFe;AACf,aADe;AACf;AACA;AACA;AACA,mBAJe;AACf,YADe;AACf;AACA;AACA,oCAHe;AACf,4BADe;AACf;AACA,KAFe,GAKUC,MAAM,CAACvB,OAAO,CAAC7B,QAAQ,IAAI,CAAC6C,cAAc,CAAC,CAAC,EACpDhE,MAAM,EACNkE,kBAAkB,EAKhBlE,MAAM,EAGCoE,yBAAyB,EAEfpE,MAAM,EAC7BiE,KAAK,EAICjE,MAAM,EAAoBA,MAAM,EAA2BA,MAAM,EACxED,aAAa,CAAC;UAAEyE,IAAI,EAAE;QAAe,CAAC,CAAC,EAGfxE,MAAM,EACdmE,gBAAgB;MAG1C;;MAEA;AACF;AACA;IAFE;MAAArD,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAG2B,iBAAiB;MAAA;IAAA;MAAAF,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,KAAA;MAE5C;AACF;AACA;MACE,SAAA8B,aAAA,EAA0B;QACxB,OAAO,GAAG9C,MAAM,qBAAqB;MACvC;;MAEA;AACF;AACA;AACA;IAHE;MAAAc,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,KAAA,EAIA,SAAAI,kBAAA,EAA+B;QAC7B,OAAO,GAAGpB,MAAM,6BAA6B;MAC/C;;MAEA;AACF;AACA;IAFE;MAAAc,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,KAAA,EAGA,SAAAK,YAAA,EAAyB;QACvB,OAAO,GAAGrB,MAAM,wBAAwB;MAC1C;IAAC;MAAAc,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAAA0D,aAAA,CAAAA,aAAA,KAGI/E,UAAU,CAACgF,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAA9D,IAAA;MAAA2D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAENb,MAAM;MAAA;IAAA;EAAA;AAAA,GA5LKD,UAAU,CAACP,UAAU,CAAC;AA+LnD,eAAeW,cAAc","ignoreList":[]}
+{"version":3,"file":"side-nav-menu.js","names":["LitElement","html","property","query","ChevronDown20","prefix","forEach","FocusMixin","styles","carbonElement","customElement","CDSSideNavMenu","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","decorators","_handleUserInitiatedToggle","expanded","eventBeforeToggle","eventToggle","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","_handleClickExpando","_handleSlotChange","target","_hasIcon","hasIcon","assignedNodes","item","nodeType","Node","ELEMENT_NODE","toggleAttribute","attribItemHasIcon","_handleSlotChangeTitleIcon","_this$_titleIconConta","length","_titleIconContainerNode","querySelectorAll","selectorItem","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","changedProperties","has","elem","tabIndex","render","forceCollapsed","title","handleClickExpando","handleSlotChange","handleSlotChangeTitleIcon","_t","_","String","part","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport ChevronDown20 from '@carbon/icons/lib/chevron--down/20';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu.\n *\n * @element cds-side-nav-menu\n * @fires cds-side-nav-menu-beingtoggled\n *   The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires cds-side-nav-menu-toggled\n *   The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n * @slot title-icon - The icon.\n * @csspart expando The expando.\n * @csspart expando-icon-container The expando icon container.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart title-icon-container The title icon container.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-side-nav-menu`)\nclass CDSSideNavMenu extends FocusMixin(LitElement) {\n  /**\n   * `true` if this menu has an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles user-initiated toggle request of this side nav menu.\n   *\n   * @param expanded The new expanded state.\n   */\n  private _handleUserInitiatedToggle(expanded = !this.expanded) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSSideNavMenu;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.expanded = expanded;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles `slotchange` event on the non-named `<slot>`.\n   */\n  private _handleSlotChange({ target }) {\n    const { _hasIcon: hasIcon } = this;\n    forEach(target.assignedNodes(), (item) => {\n      if (item.nodeType === Node.ELEMENT_NODE) {\n        item.toggleAttribute(\n          (this.constructor as typeof CDSSideNavMenu).attribItemHasIcon,\n          hasIcon\n        );\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    const constructor = this.constructor as typeof CDSSideNavMenu;\n    const hasIcon = target.assignedNodes().length > 0;\n    this._hasIcon = hasIcon;\n    this._titleIconContainerNode?.toggleAttribute('hidden', !hasIcon);\n    forEach(this.querySelectorAll(constructor.selectorItem), (item) => {\n      item.toggleAttribute(constructor.attribItemHasIcon, hasIcon);\n    });\n  }\n\n  /**\n   * `true` if the menu has active menu item.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Specify if this is a large variation of the side nav menu\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * `true` if the menu should be forced collapsed upon side nav's expanded state.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'force-collapsed' })\n  forceCollapsed = false;\n\n  /**\n   * The title text.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSSideNavMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      forceCollapsed,\n      title,\n      _handleClickExpando: handleClickExpando,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        part=\"expando\"\n        aria-haspopup=\"true\"\n        aria-expanded=\"${String(Boolean(expanded && !forceCollapsed))}\"\n        class=\"${prefix}--side-nav__submenu\"\n        @click=${handleClickExpando}>\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__submenu-title\"\n          >${title}</span\n        >\n        <div\n          part=\"expando-icon-container\"\n          class=\"${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron\">\n          ${ChevronDown20({ part: 'expando-icon' })}\n        </div>\n      </button>\n      <ul part=\"menu-body\" class=\"${prefix}--side-nav__menu\">\n        <slot @slotchange=${handleSlotChange}></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * The attribute name of the menu items, that is set if this menu has an icon.\n   */\n  static attribItemHasIcon = 'parent-has-icon';\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-side-nav-menu-item`;\n  }\n\n  /**\n   * The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-side-nav-menu-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-side-nav-menu-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenu;\n"],"mappings":"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","ignoreList":[]}

package/es/components/ui-shell/side-nav.js

@@ -1,9 +1,10 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t,
   _t2;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -164,14 +165,14 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'navigation');
         }
-        _get(_getPrototypeOf(CDSSideNav.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSideNav, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
         this._cleanHTransition();
-        _get(_getPrototypeOf(CDSSideNav.prototype), "disconnectedCallback", this).call(this);
+        _superPropGet(CDSSideNav, "disconnectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -334,7 +335,7 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
       kind: "get",
       static: true,
       key: "selectorButtonToggle",
-      value: function selectorButtonToggle() {
+      value: function () {
         return `${prefix}-header-menu-button`;
       }
 
@@ -345,7 +346,7 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
       kind: "get",
       static: true,
       key: "selectorHeaderItems",
-      value: function selectorHeaderItems() {
+      value: function () {
         return `${prefix}-header-name, ${prefix}-header-global-action`;
       }
 
@@ -356,7 +357,7 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
       kind: "get",
       static: true,
       key: "selectorNavItems",
-      value: function selectorNavItems() {
+      value: function () {
         return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;
       }
 
@@ -367,7 +368,7 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
       kind: "get",
       static: true,
       key: "selectorMenu",
-      value: function selectorMenu() {
+      value: function () {
         return `${prefix}-side-nav-menu`;
       }
 
@@ -378,7 +379,7 @@ let CDSSideNav = _decorate([customElement(`${prefix}-side-nav`)], function (_ini
       kind: "get",
       static: true,
       key: "eventButtonToggle",
-      value: function eventButtonToggle() {
+      value: function () {
         return `${prefix}-header-menu-button-toggled`;
       }
     }, {

package/es/components/ui-shell/side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.js","names":["LitElement","html","property","classMap","prefix","HostListenerMixin","HostListener","forEach","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","carbonElement","customElement","CDSSideNav","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_cleanHTransition","_hTransition","release","decorators","event","expanded","detail","active","_updatedSideNavMenuForceCollapsedState","_hovered","hovered","querySelectorAll","selectorMenu","item","forceCollapsed","reflect","attribute","RESPONSIVE","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","disconnectedCallback","updated","changedProperties","doc","getRootNode","has","selectorButtonToggle","collapseMode","headerItems","selectorHeaderItems","_this$querySelector","querySelector","selectorNavItems","focus","removeAttribute","isNotChildOfHeader","_handleFocusOut","relatedTarget","FIXED","contains","_handleFocusIn","_handleNavMouseOver","RAIL","_handleNavMouseOut","_onOverlayClick","render","isNotPersistent","classes","overlayClasses","_t","_","_t2","static","eventButtonToggle"],"sources":["components/ui-shell/side-nav.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-side-nav\n * @fires cds-header-menu-button-toggled\n *   The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n  /**\n   * `true` if this side nav is hovered.\n   */\n  private _hovered = false;\n\n  /**\n   * The handle for `transitionend` event listener.\n   */\n  private _hTransition: Handle | null = null;\n\n  /**\n   * Cleans the handle for `transitionend` event listener.\n   */\n  private _cleanHTransition() {\n    if (this._hTransition) {\n      this._hTransition = this._hTransition.release();\n    }\n  }\n\n  /**\n   * Handles `${prefix}-header-menu-button-toggle` event on the document.\n   */\n  @HostListener('parentRoot:eventButtonToggle')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleButtonToggle = async (event: CustomEvent) => {\n    this.expanded = event.detail.active;\n  };\n\n  /**\n   * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n   */\n  private _updatedSideNavMenuForceCollapsedState() {\n    const { expanded, _hovered: hovered } = this;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorMenu\n      ),\n      (item) => {\n        (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n      }\n    );\n  }\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` to expand the side nav.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * If `true` will style the side nav to sit below the header\n   */\n  @property({\n    type: Boolean,\n    attribute: 'is-not-child-of-header',\n  })\n  isNotChildOfHeader = false;\n\n  /**\n   * Specify if the side-nav will be persistent above the lg breakpoint\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n  isNotPersistent = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  disconnectedCallback() {\n    this._cleanHTransition();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const doc = this.getRootNode() as Document;\n    if (changedProperties.has('collapseMode')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n        }\n      );\n    }\n    if (changedProperties.has('expanded')) {\n      const headerItems = doc.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorHeaderItems\n      );\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).active = this.expanded;\n        }\n      );\n      if (this.expanded) {\n        forEach(headerItems, (item) => {\n          item.setAttribute('tabindex', '-1');\n        });\n        (\n          this.querySelector(\n            (this.constructor as typeof CDSSideNav).selectorNavItems\n          ) as HTMLElement\n        )?.focus();\n      } else {\n        forEach(headerItems, (item) => {\n          item.removeAttribute('tabindex');\n        });\n      }\n    }\n    if (changedProperties.has('isNotChildOfHeader')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).isNotChildOfHeader =\n            this.isNotChildOfHeader;\n        }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut({ relatedTarget }: FocusEvent) {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      if (!this.contains(relatedTarget as Node)) {\n        this.expanded = false;\n      }\n    }\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   *\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      this.expanded = true;\n    }\n  }\n\n  /**\n   * Handles the `mouseover` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOver() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = true;\n      this._hovered = true;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `mouseout` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOut() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = false;\n      this._hovered = false;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `click` event for the side nav overlay.\n   *\n   */\n  private _onOverlayClick() {\n    this.expanded = false;\n  }\n\n  render() {\n    const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n      this;\n    const classes = classMap({\n      [`${prefix}--side-nav__navigation`]: true,\n      [`${prefix}--side-nav`]: true,\n      [`${prefix}--side-nav--expanded`]: expanded,\n      [`${prefix}--side-nav--collapsed`]:\n        !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n      [`${prefix}--side-nav--rail`]:\n        collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n      [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n      [`${prefix}--side-nav--hidden`]: isNotPersistent,\n    });\n\n    const overlayClasses = classMap({\n      [`${prefix}--side-nav__overlay`]: true,\n      [`${prefix}--side-nav__overlay-active`]: expanded,\n    });\n    return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n        ? null\n        : html`<div\n            class=\"${overlayClasses}\"\n            @click=${this._onOverlayClick}></div>`}\n      <div\n        class=\"${classes}\"\n        @mouseover=\"${this._handleNavMouseOver}\"\n        @mouseout=\"${this._handleNavMouseOut}\">\n        <slot></slot>\n      </div>`;\n  }\n\n  /**\n   * A selector that will return the toggle buttons.\n   */\n  static get selectorButtonToggle() {\n    return `${prefix}-header-menu-button`;\n  }\n\n  /**\n   * A selector that will return the header name + global action elements.\n   */\n  static get selectorHeaderItems() {\n    return `${prefix}-header-name, ${prefix}-header-global-action`;\n  }\n\n  /**\n   * A selector that will return side nav focusable items.\n   */\n  static get selectorNavItems() {\n    return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n  }\n\n  /**\n   * A selector that will return side nav menus.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  /**\n   * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n   */\n  static get eventButtonToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNav;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"side-nav.js","names":["LitElement","html","property","classMap","prefix","HostListenerMixin","HostListener","forEach","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","carbonElement","customElement","CDSSideNav","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_cleanHTransition","_hTransition","release","decorators","event","expanded","detail","active","_updatedSideNavMenuForceCollapsedState","_hovered","hovered","querySelectorAll","selectorMenu","item","forceCollapsed","reflect","attribute","RESPONSIVE","type","Boolean","connectedCallback","hasAttribute","setAttribute","_superPropGet","disconnectedCallback","updated","changedProperties","doc","getRootNode","has","selectorButtonToggle","collapseMode","headerItems","selectorHeaderItems","_this$querySelector","querySelector","selectorNavItems","focus","removeAttribute","isNotChildOfHeader","_handleFocusOut","relatedTarget","FIXED","contains","_handleFocusIn","_handleNavMouseOver","RAIL","_handleNavMouseOut","_onOverlayClick","render","isNotPersistent","classes","overlayClasses","_t","_","_t2","static"],"sources":["components/ui-shell/side-nav.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-side-nav\n * @fires cds-header-menu-button-toggled\n *   The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n  /**\n   * `true` if this side nav is hovered.\n   */\n  private _hovered = false;\n\n  /**\n   * The handle for `transitionend` event listener.\n   */\n  private _hTransition: Handle | null = null;\n\n  /**\n   * Cleans the handle for `transitionend` event listener.\n   */\n  private _cleanHTransition() {\n    if (this._hTransition) {\n      this._hTransition = this._hTransition.release();\n    }\n  }\n\n  /**\n   * Handles `${prefix}-header-menu-button-toggle` event on the document.\n   */\n  @HostListener('parentRoot:eventButtonToggle')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleButtonToggle = async (event: CustomEvent) => {\n    this.expanded = event.detail.active;\n  };\n\n  /**\n   * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n   */\n  private _updatedSideNavMenuForceCollapsedState() {\n    const { expanded, _hovered: hovered } = this;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorMenu\n      ),\n      (item) => {\n        (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n      }\n    );\n  }\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` to expand the side nav.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * If `true` will style the side nav to sit below the header\n   */\n  @property({\n    type: Boolean,\n    attribute: 'is-not-child-of-header',\n  })\n  isNotChildOfHeader = false;\n\n  /**\n   * Specify if the side-nav will be persistent above the lg breakpoint\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n  isNotPersistent = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  disconnectedCallback() {\n    this._cleanHTransition();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const doc = this.getRootNode() as Document;\n    if (changedProperties.has('collapseMode')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n        }\n      );\n    }\n    if (changedProperties.has('expanded')) {\n      const headerItems = doc.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorHeaderItems\n      );\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).active = this.expanded;\n        }\n      );\n      if (this.expanded) {\n        forEach(headerItems, (item) => {\n          item.setAttribute('tabindex', '-1');\n        });\n        (\n          this.querySelector(\n            (this.constructor as typeof CDSSideNav).selectorNavItems\n          ) as HTMLElement\n        )?.focus();\n      } else {\n        forEach(headerItems, (item) => {\n          item.removeAttribute('tabindex');\n        });\n      }\n    }\n    if (changedProperties.has('isNotChildOfHeader')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).isNotChildOfHeader =\n            this.isNotChildOfHeader;\n        }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut({ relatedTarget }: FocusEvent) {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      if (!this.contains(relatedTarget as Node)) {\n        this.expanded = false;\n      }\n    }\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   *\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      this.expanded = true;\n    }\n  }\n\n  /**\n   * Handles the `mouseover` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOver() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = true;\n      this._hovered = true;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `mouseout` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOut() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = false;\n      this._hovered = false;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `click` event for the side nav overlay.\n   *\n   */\n  private _onOverlayClick() {\n    this.expanded = false;\n  }\n\n  render() {\n    const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n      this;\n    const classes = classMap({\n      [`${prefix}--side-nav__navigation`]: true,\n      [`${prefix}--side-nav`]: true,\n      [`${prefix}--side-nav--expanded`]: expanded,\n      [`${prefix}--side-nav--collapsed`]:\n        !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n      [`${prefix}--side-nav--rail`]:\n        collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n      [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n      [`${prefix}--side-nav--hidden`]: isNotPersistent,\n    });\n\n    const overlayClasses = classMap({\n      [`${prefix}--side-nav__overlay`]: true,\n      [`${prefix}--side-nav__overlay-active`]: expanded,\n    });\n    return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n        ? null\n        : html`<div\n            class=\"${overlayClasses}\"\n            @click=${this._onOverlayClick}></div>`}\n      <div\n        class=\"${classes}\"\n        @mouseover=\"${this._handleNavMouseOver}\"\n        @mouseout=\"${this._handleNavMouseOut}\">\n        <slot></slot>\n      </div>`;\n  }\n\n  /**\n   * A selector that will return the toggle buttons.\n   */\n  static get selectorButtonToggle() {\n    return `${prefix}-header-menu-button`;\n  }\n\n  /**\n   * A selector that will return the header name + global action elements.\n   */\n  static get selectorHeaderItems() {\n    return `${prefix}-header-name, ${prefix}-header-global-action`;\n  }\n\n  /**\n   * A selector that will return side nav focusable items.\n   */\n  static get selectorNavItems() {\n    return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n  }\n\n  /**\n   * A selector that will return side nav menus.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  /**\n   * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n   */\n  static get eventButtonToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNav;\n"],"mappings":"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","ignoreList":[]}

package/es/components/ui-shell/switcher-divider.js

@@ -1,6 +1,7 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -36,7 +37,7 @@ let CDSSwitcherDivider = _decorate([customElement(`${prefix}-switcher-divider`)]
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'separator');
         }
-        _get(_getPrototypeOf(CDSSwitcherDivider.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSwitcherDivider, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/switcher-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher-divider.js","names":["LitElement","prefix","styles","carbonElement","customElement","CDSSwitcherDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBF,aAAa,CAAC,GAAGH,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS5C;EAAC;IAAAI,CAAA,EATKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACtB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,IAAA,CAAAC,eAAA,CALEf,kBAAkB,CAAAgB,SAAA,8BAAAC,IAAA;MAMtB;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GARSF,UAAU;AAW3C,eAAeK,kBAAkB","ignoreList":[]}
+{"version":3,"file":"switcher-divider.js","names":["LitElement","prefix","styles","carbonElement","customElement","CDSSwitcherDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","static"],"sources":["components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBF,aAAa,CAAC,GAAGH,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS5C;EAAC;IAAAI,CAAA,EATKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACtB,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,aAAA,CALEd,kBAAkB;MAMtB;IAAC;MAAAQ,IAAA;MAAAO,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GARSF,UAAU;AAW3C,eAAeK,kBAAkB","ignoreList":[]}

package/es/components/ui-shell/switcher-item.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -111,7 +112,7 @@ let CDSSwitcherItem = _decorate([customElement(`${prefix}-switcher-item`)], func
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'listitem');
         }
-        _get(_getPrototypeOf(CDSSwitcherItem.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSSwitcherItem, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",

package/es/components/ui-shell/switcher-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher-item.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","FocusMixin","styles","CDSSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","selected","ariaLabel","ariaLabelledBy","tabIndex","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Switcher menu item.\n *\n * @element cds-switcher-item\n */\n@customElement(`${prefix}-switcher-item`)\nclass CDSSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * Required props for accessibility label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Props for accessibility labelled by\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Number, reflect: true, attribute: 'tab-index' })\n  tabIndex = 0;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { href, selected, ariaLabel, ariaLabelledBy, tabIndex } = this;\n\n    const classes = classMap({\n      [`${prefix}--switcher__item-link`]: true,\n      [`${prefix}--switcher__item-link--selected`]: selected,\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        aria-label=\"${ariaLabel}\"\n        aria-labelledby=\"${ariaLabelledBy}\"\n        tabindex=\"${tabIndex}\"\n        class=\"${classes}\"\n        href=\"${href}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBL,aAAa,CAAC,GAAGC,MAAM,gBAAgB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgErD;EAAC;IAAAI,CAAA,EAhEKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMnDf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMxDf,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKRf,QAAQ,CAAC;QAAEgB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEgB,IAAI,EAAEO,MAAM;QAAED,OAAO,EAAE,IAAI;QAAEJ,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACvD,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MA5BZ;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCEtB,eAAe,CAAAuB,SAAA,8BAAAC,IAAA;MAoCnB;IAAC;MAAAhB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEC,QAAQ;UAAEC,SAAS;UAAEC,cAAc;UAAEC;QAAS,CAAC,GAAG,IAAI;QAEpE,MAAMC,OAAO,GAAGxC,QAAQ,CAAC;UACvB,CAAC,GAAGM,MAAM,uBAAuB,GAAG,IAAI;UACxC,CAAC,GAAGA,MAAM,iCAAiC,GAAG8B;QAChD,CAAC,CAAC;QAEF,OAAOlC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA;AACA,sBAHe;AACf,2BADe;AACf,oBADe;AACf,iBADe;AACf,gBADe;AACf;AACA;AACA,KAHe,GAGOL,SAAS,EACJC,cAAc,EACrBC,QAAQ,EACXC,OAAO,EACRL,IAAI;MAIlB;IAAC;MAAAlB,IAAA;MAAA0B,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAAAqB,aAAA,CAAAA,aAAA,KAGI3C,UAAU,CAAC4C,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAA7B,IAAA;MAAA0B,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAENf,MAAM;MAAA;IAAA;EAAA;AAAA,GA/DMD,UAAU,CAACN,UAAU,CAAC;AAkEpD,eAAeQ,eAAe","ignoreList":[]}
+{"version":3,"file":"switcher-item.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","FocusMixin","styles","CDSSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","href","selected","ariaLabel","ariaLabelledBy","tabIndex","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Switcher menu item.\n *\n * @element cds-switcher-item\n */\n@customElement(`${prefix}-switcher-item`)\nclass CDSSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * Required props for accessibility label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Props for accessibility labelled by\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Number, reflect: true, attribute: 'tab-index' })\n  tabIndex = 0;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { href, selected, ariaLabel, ariaLabelledBy, tabIndex } = this;\n\n    const classes = classMap({\n      [`${prefix}--switcher__item-link`]: true,\n      [`${prefix}--switcher__item-link--selected`]: selected,\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        aria-label=\"${ariaLabel}\"\n        aria-labelledby=\"${ariaLabelledBy}\"\n        tabindex=\"${tabIndex}\"\n        class=\"${classes}\"\n        href=\"${href}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherItem;\n"],"mappings":"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","ignoreList":[]}