@carbon/web-components 1.26.0-rc.1 → 1.26.0-rc.3

package/es/components/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":["html","property","customElement","settings","BXContentSwitcherItem","TABS_TYPE","styles","prefix","BXTab","_decorate","_initialize","_BXContentSwitcherIte","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","disabled","selected","_t","_","static"],"sources":["components/tabs/tab.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXContentSwitcherItem from '../content-switcher/content-switcher-item';\nimport { TABS_TYPE } from './tabs';\nimport styles from './tabs.scss';\n\nconst { prefix } = settings;\n\n/**\n * Basic tab.\n *\n * @element bx-tab\n */\n@customElement(`${prefix}-tab`)\nclass BXTab extends BXContentSwitcherItem {\n  /**\n   * `true` if this tab should be highlighted.\n   * If `true`, parent `<bx-tabs>` selects/deselects this tab upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * Tab type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { disabled, selected } = this;\n    // No `href`/`tabindex` to not to make this `<a>` click-focusable\n    return html`\n      <a\n        class=\"${prefix}--tabs__nav-link\"\n        role=\"tab\"\n        tabindex=\"${disabled ? -1 : 0}\"\n        ?disabled=\"${disabled}\"\n        aria-selected=\"${Boolean(selected)}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTab;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,qBAAqB,MAAM,2CAA2C;AAC7E,SAASC,SAAS,QAAQ,QAAQ;AAClC,OAAOC,MAAM,MAAM,iBAAa;AAEhC,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,KAAK,GAAAC,SAAA,EADVP,aAAa,CAAE,GAAEK,MAAO,MAAK,CAAC,aAAAG,WAAA,EAAAC,qBAAA;EAA/B,MACMH,KAAK,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuC1C;EAAC;IAAAI,CAAA,EAvCKN,KAAK;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAORhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKlBhB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,SAAS,CAACkB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAbxB;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,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,CApBEpB,KAAK,CAAAqB,SAAA,8BAAAC,IAAA;MAqBT;IAAC;MAAAd,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC;QAAS,CAAC,GAAG,IAAI;QACnC;QACA,OAAOjC,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,CAAA,2HAEE5B,MAAM,EAEHyB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAChBA,QAAQ,EACJb,OAAO,CAACc,QAAQ,CAAC;MAIxC;IAAC;MAAAjB,IAAA;MAAAoB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCJF,qBAAqB;AAyCzC,eAAeI,KAAK"}
+{"version":3,"file":"tab.js","names":["html","property","settings","BXContentSwitcherItem","TABS_TYPE","styles","carbonElement","customElement","prefix","BXTab","_decorate","_initialize","_BXContentSwitcherIte","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","disabled","selected","_t","_","static"],"sources":["components/tabs/tab.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 { html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXContentSwitcherItem from '../content-switcher/content-switcher-item';\nimport { TABS_TYPE } from './tabs';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Basic tab.\n *\n * @element bx-tab\n */\n@customElement(`${prefix}-tab`)\nclass BXTab extends BXContentSwitcherItem {\n  /**\n   * `true` if this tab should be highlighted.\n   * If `true`, parent `<bx-tabs>` selects/deselects this tab upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * Tab type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { disabled, selected } = this;\n    // No `href`/`tabindex` to not to make this `<a>` click-focusable\n    return html`\n      <a\n        class=\"${prefix}--tabs__nav-link\"\n        role=\"tab\"\n        tabindex=\"${disabled ? -1 : 0}\"\n        ?disabled=\"${disabled}\"\n        aria-selected=\"${Boolean(selected)}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTab;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,QAAQ,aAAa;AAC5C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,qBAAqB,MAAM,2CAA2C;AAC7E,SAASC,SAAS,QAAQ,QAAQ;AAClC,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,KAAK,GAAAC,SAAA,EADVH,aAAa,CAAE,GAAEC,MAAO,MAAK,CAAC,aAAAG,WAAA,EAAAC,qBAAA;EAA/B,MACMH,KAAK,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuC1C;EAAC;IAAAI,CAAA,EAvCKN,KAAK;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAORjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKlBjB,QAAQ,CAAC;QAAEoB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBnB,SAAS,CAACoB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAbxB;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,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,CApBEpB,KAAK,CAAAqB,SAAA,8BAAAC,IAAA;MAqBT;IAAC;MAAAd,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC;QAAS,CAAC,GAAG,IAAI;QACnC;QACA,OAAOlC,IAAI,CAAAmC,EAAA,KAAAA,EAAA,GAAAC,CAAA,2HAEE5B,MAAM,EAEHyB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAChBA,QAAQ,EACJb,OAAO,CAACc,QAAQ,CAAC;MAIxC;IAAC;MAAAjB,IAAA;MAAAoB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCJF,qBAAqB;AAyCzC,eAAeM,KAAK"}

package/es/components/tabs/tabs-skeleton.d.ts

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

package/es/components/tabs/tabs-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tabs/tabs-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9D;;GAEG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"tabs-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './tabs.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of tabs.\n */\n@customElement(`${prefix}-tabs-skeleton`)\nclass BXTabsSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--tabs-trigger\">\n        <span class=\"${prefix}--tabs-trigger-text\"></span>\n      </div>\n      <ul class=\"${prefix}--tabs__nav\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTabsSkeleton;\n"]}
+{"version":3,"sources":["components/tabs/tabs-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAO/C;;GAEG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"tabs-skeleton.d.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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of tabs.\n */\n@customElement(`${prefix}-tabs-skeleton`)\nclass BXTabsSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--tabs-trigger\">\n        <span class=\"${prefix}--tabs-trigger-text\"></span>\n      </div>\n      <ul class=\"${prefix}--tabs__nav\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTabsSkeleton;\n"]}

package/es/components/tabs/tabs-skeleton.js

@@ -4,15 +4,16 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, customElement, LitElement } from 'lit-element';
+import { html, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import styles from "././tabs.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/tabs/tabs-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-skeleton.js","names":["html","customElement","LitElement","settings","styles","prefix","BXTabsSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/tabs/tabs-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './tabs.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of tabs.\n */\n@customElement(`${prefix}-tabs-skeleton`)\nclass BXTabsSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--tabs-trigger\">\n        <span class=\"${prefix}--tabs-trigger-text\"></span>\n      </div>\n      <ul class=\"${prefix}--tabs__nav\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTabsSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAEhC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMG,cAAc,GAAAC,SAAA,EADnBN,aAAa,CAAE,GAAEI,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAaxC;EAAC;IAAAI,CAAA,EAbKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA,6IACKd,MAAM,EACHA,MAAM,EAEVA,MAAM;MAIvB;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAZKF,UAAU;AAevC,eAAeI,cAAc"}
+{"version":3,"file":"tabs-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXTabsSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/tabs/tabs-skeleton.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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of tabs.\n */\n@customElement(`${prefix}-tabs-skeleton`)\nclass BXTabsSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--tabs-trigger\">\n        <span class=\"${prefix}--tabs-trigger-text\"></span>\n      </div>\n      <ul class=\"${prefix}--tabs__nav\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTabsSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAaxC;EAAC;IAAAI,CAAA,EAbKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,6IACKd,MAAM,EACHA,MAAM,EAEVA,MAAM;MAIvB;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAZKF,UAAU;AAevC,eAAeM,cAAc"}

package/es/components/tabs/tabs.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -384,8 +384,8 @@ declare class BXTabs extends BXTabs_base {
      * @param [options.immediate]
      *   `true` to make it "immediate selection change" mode, which does:
      *
-     *   * Starts with the selected item
-     *   * Going prev/next item immediately changes the selection
+     *   Starts with the selected item
+     *   Going prev/next item immediately changes the selection
      */
     protected _navigate(direction: number, { immediate }?: {
         immediate?: boolean;

package/es/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,iBAAiB,EAAE,EACxB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACV,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,GACV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;GAQG;AACH,cACM,MAAO,SAAQ,WAAoC;IACvD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IACH,OAAO,CAAC,KAAK,CAAS;IAEtB;;OAEG;IACH,OAAO,CAAC,aAAa,CAAa;IAElC;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAiC;IAE7D;;OAEG;IACH,OAAO,CAAC,UAAU,CAAa;IAE/B;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAkB;IAEtC;;;;OAIG;IAGH,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAwBlC;;OAEG;IACH,OAAO,CAAC,eAAe;IASvB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,SAAS,CACjB,SAAS,EAAE,MAAM,EACjB,EAAE,SAAS,EAAE,GAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAO;IAqC7C,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAexC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IA0E7C,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK;IAMjD;;OAEG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB,YAAY,CAAC,iBAAiB,KAAA;IAyB9B,MAAM;IA2CN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;;;OAKG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE;CAuBvE;AAED,eAAe,MAAM,CAAC","file":"tabs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, customElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport BXContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport {\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n} from './defs';\nimport BXTab from './tab';\nimport styles from './tabs.scss';\n\nconst { prefix } = settings;\n\nexport {\n  NAVIGATION_DIRECTION,\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n};\n\n/**\n * Tabs.\n *\n * @element bx-tabs\n * @fires bx-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nclass BXTabs extends HostListenerMixin(BXContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * `true` if the narrow mode dropdown should be open.\n   */\n  private _open = false;\n\n  /**\n   * The currently selected index\n   */\n  private _currentIndex: number = 0;\n\n  /**\n   * The content of the selected item, used in the narrow mode.\n   */\n  private _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs: number = 0;\n\n  /**\n   * The DOM element for the trigger button in narrow mode.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLDivElement;\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\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    if (!this.contains(relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this._open) {\n    this._open = force;\n    if (this._open) {\n      this._assistiveStatusText = this.selectingItemsAssistiveText;\n    } else {\n      const {\n        selectedItemAssistiveText,\n        triggerContent,\n        _assistiveStatusText: assistiveStatusText,\n        _selectedItemContent: selectedItemContent,\n      } = this;\n      const selectedItemText =\n        (selectedItemContent && selectedItemContent.textContent) ||\n        triggerContent;\n      if (\n        selectedItemText &&\n        assistiveStatusText !== selectedItemAssistiveText\n      ) {\n        this._assistiveStatusText = selectedItemText;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Clears the selection of tabs.\n   */\n  private _clearHighlight() {\n    forEach(\n      this.querySelectorAll((this.constructor as typeof BXTabs).selectorItem),\n      (item) => {\n        (item as BXTab).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   * Starts with the selected item\n   *   * Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof BXTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as BXTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as BXTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as BXTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    const { target } = event;\n    if (this === target) {\n      this._handleUserInitiatedToggle();\n    } else if ((target as BXTab).value === this.value) {\n      // Clicking on selected item, simply closes the narrow mode dropdown\n      this._handleUserInitiatedToggle(false);\n    } else {\n      // Trying to select the item\n      // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n      super._handleClick(event);\n    }\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { _open: open, _triggerNode: triggerNode } = this;\n    const { key, target } = event;\n    const narrowMode = Boolean(triggerNode.offsetParent);\n    const action = (this.constructor as typeof BXTabs).getAction(key, {\n      narrowMode,\n    });\n    if (!open && narrowMode) {\n      // Menu closed in narrow mode\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, resets the highlight\n          this._clearHighlight();\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case TABS_KEYBOARD_ACTION.SELECTING:\n          this._handleUserInitiatedSelectItem(target as BXTab);\n          break;\n        case TABS_KEYBOARD_ACTION.HOME:\n          this._navigate(this._currentIndex + this._totalTabs, {\n            immediate: !narrowMode,\n          });\n          break;\n        case TABS_KEYBOARD_ACTION.END:\n          this._navigate(-this._currentIndex, { immediate: !narrowMode });\n          break;\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          {\n            const direction = narrowMode\n              ? NAVIGATION_DIRECTION_NARROW[key]\n              : NAVIGATION_DIRECTION[key];\n            if (direction) {\n              this._navigate(direction, { immediate: !narrowMode });\n            }\n          }\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const { selectorItemHighlighted } = this\n              .constructor as typeof BXTabs;\n            const highlightedItem = this.querySelector(\n              selectorItemHighlighted\n            ) as BXTab;\n            if (highlightedItem) {\n              if (highlightedItem.value === this.value) {\n                // Selecting an already-selected item, simply closes the narrow mode dropdown\n                this._handleUserInitiatedToggle(false);\n              } else {\n                // Trying to select the item\n                // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n                this._handleUserInitiatedSelectItem(highlightedItem);\n              }\n            } else {\n              this._handleUserInitiatedToggle();\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _selectionDidChange(itemToSelect: BXTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n    this._handleUserInitiatedToggle(false);\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TABS_COLOR_SCHEME.REGULAR;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { selectorItem } = this.constructor as typeof BXTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as BXTab).type = this.type;\n      });\n    }\n    if (changedProperties.has('value')) {\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as BXTab).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const {\n      triggerContent,\n      _assistiveStatusText: assistiveStatusText,\n      _open: open,\n      _selectedItemContent: selectedItemContent,\n    } = this;\n    const triggerClasses = classMap({\n      [`${prefix}--tabs-trigger`]: true,\n      [`${prefix}--tabs-trigger--open`]: open,\n    });\n    const listClasses = classMap({\n      [`${prefix}--tabs__nav`]: true,\n      [`${prefix}--tabs__nav--hidden`]: !open,\n    });\n    return html`\n      <div\n        id=\"trigger\"\n        role=\"button\"\n        class=\"${triggerClasses}\"\n        aria-labelledby=\"trigger-label\"\n        aria-expanded=\"${String(open)}\"\n        aria-haspopup=\"listbox\"\n        aria-owns=\"tablist\"\n        aria-controls=\"tablist\">\n        <span id=\"trigger-label\" class=\"${prefix}--tabs-trigger-text\">\n          ${selectedItemContent || triggerContent}\n        </span>\n        ${ChevronDown16({ 'aria-hidden': 'true' })}\n      </div>\n      <ul id=\"tablist\" role=\"tablist\" class=\"${listClasses}\">\n        <slot></slot>\n      </ul>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @param [options] The options.\n   * @param [options.narrowMode] `true` to get the action for narrow mode.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string, { narrowMode }: { narrowMode?: boolean }) {\n    if (key === 'Escape') {\n      return TABS_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key === 'Enter') {\n      return TABS_KEYBOARD_ACTION.SELECTING;\n    }\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (\n      key in (narrowMode ? NAVIGATION_DIRECTION_NARROW : NAVIGATION_DIRECTION)\n    ) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (narrowMode && this.TRIGGER_KEYS.has(key)) {\n      return TABS_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default BXTabs;\n"]}
+{"version":3,"sources":["components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,iBAAiB,EAAE,EACxB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACV,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,GACV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;GAQG;AACH,cACM,MAAO,SAAQ,WAAoC;IACvD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IACH,OAAO,CAAC,KAAK,CAAS;IAEtB;;OAEG;IACH,OAAO,CAAC,aAAa,CAAa;IAElC;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAiC;IAE7D;;OAEG;IACH,OAAO,CAAC,UAAU,CAAa;IAE/B;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAkB;IAEtC;;;;OAIG;IAGH,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAwBlC;;OAEG;IACH,OAAO,CAAC,eAAe;IASvB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,SAAS,CACjB,SAAS,EAAE,MAAM,EACjB,EAAE,SAAS,EAAE,GAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAO;IAqC7C,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAexC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IA0E7C,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK;IAMjD;;OAEG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB,YAAY,CAAC,iBAAiB,KAAA;IAyB9B,MAAM;IA2CN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;;;OAKG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE;CAuBvE;AAED,eAAe,MAAM,CAAC","file":"tabs.d.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-html/directives/class-map';\nimport { html, property, query } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport BXContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport {\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n} from './defs';\nimport BXTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\nexport {\n  NAVIGATION_DIRECTION,\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n};\n\n/**\n * Tabs.\n *\n * @element bx-tabs\n * @fires bx-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nclass BXTabs extends HostListenerMixin(BXContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * `true` if the narrow mode dropdown should be open.\n   */\n  private _open = false;\n\n  /**\n   * The currently selected index\n   */\n  private _currentIndex: number = 0;\n\n  /**\n   * The content of the selected item, used in the narrow mode.\n   */\n  private _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs: number = 0;\n\n  /**\n   * The DOM element for the trigger button in narrow mode.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLDivElement;\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\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    if (!this.contains(relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this._open) {\n    this._open = force;\n    if (this._open) {\n      this._assistiveStatusText = this.selectingItemsAssistiveText;\n    } else {\n      const {\n        selectedItemAssistiveText,\n        triggerContent,\n        _assistiveStatusText: assistiveStatusText,\n        _selectedItemContent: selectedItemContent,\n      } = this;\n      const selectedItemText =\n        (selectedItemContent && selectedItemContent.textContent) ||\n        triggerContent;\n      if (\n        selectedItemText &&\n        assistiveStatusText !== selectedItemAssistiveText\n      ) {\n        this._assistiveStatusText = selectedItemText;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Clears the selection of tabs.\n   */\n  private _clearHighlight() {\n    forEach(\n      this.querySelectorAll((this.constructor as typeof BXTabs).selectorItem),\n      (item) => {\n        (item as BXTab).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   Starts with the selected item\n   *   Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof BXTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as BXTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as BXTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as BXTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    const { target } = event;\n    if (this === target) {\n      this._handleUserInitiatedToggle();\n    } else if ((target as BXTab).value === this.value) {\n      // Clicking on selected item, simply closes the narrow mode dropdown\n      this._handleUserInitiatedToggle(false);\n    } else {\n      // Trying to select the item\n      // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n      super._handleClick(event);\n    }\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { _open: open, _triggerNode: triggerNode } = this;\n    const { key, target } = event;\n    const narrowMode = Boolean(triggerNode.offsetParent);\n    const action = (this.constructor as typeof BXTabs).getAction(key, {\n      narrowMode,\n    });\n    if (!open && narrowMode) {\n      // Menu closed in narrow mode\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, resets the highlight\n          this._clearHighlight();\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case TABS_KEYBOARD_ACTION.SELECTING:\n          this._handleUserInitiatedSelectItem(target as BXTab);\n          break;\n        case TABS_KEYBOARD_ACTION.HOME:\n          this._navigate(this._currentIndex + this._totalTabs, {\n            immediate: !narrowMode,\n          });\n          break;\n        case TABS_KEYBOARD_ACTION.END:\n          this._navigate(-this._currentIndex, { immediate: !narrowMode });\n          break;\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          {\n            const direction = narrowMode\n              ? NAVIGATION_DIRECTION_NARROW[key]\n              : NAVIGATION_DIRECTION[key];\n            if (direction) {\n              this._navigate(direction, { immediate: !narrowMode });\n            }\n          }\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const { selectorItemHighlighted } = this\n              .constructor as typeof BXTabs;\n            const highlightedItem = this.querySelector(\n              selectorItemHighlighted\n            ) as BXTab;\n            if (highlightedItem) {\n              if (highlightedItem.value === this.value) {\n                // Selecting an already-selected item, simply closes the narrow mode dropdown\n                this._handleUserInitiatedToggle(false);\n              } else {\n                // Trying to select the item\n                // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n                this._handleUserInitiatedSelectItem(highlightedItem);\n              }\n            } else {\n              this._handleUserInitiatedToggle();\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _selectionDidChange(itemToSelect: BXTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n    this._handleUserInitiatedToggle(false);\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TABS_COLOR_SCHEME.REGULAR;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { selectorItem } = this.constructor as typeof BXTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as BXTab).type = this.type;\n      });\n    }\n    if (changedProperties.has('value')) {\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as BXTab).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const {\n      triggerContent,\n      _assistiveStatusText: assistiveStatusText,\n      _open: open,\n      _selectedItemContent: selectedItemContent,\n    } = this;\n    const triggerClasses = classMap({\n      [`${prefix}--tabs-trigger`]: true,\n      [`${prefix}--tabs-trigger--open`]: open,\n    });\n    const listClasses = classMap({\n      [`${prefix}--tabs__nav`]: true,\n      [`${prefix}--tabs__nav--hidden`]: !open,\n    });\n    return html`\n      <div\n        id=\"trigger\"\n        role=\"button\"\n        class=\"${triggerClasses}\"\n        aria-labelledby=\"trigger-label\"\n        aria-expanded=\"${String(open)}\"\n        aria-haspopup=\"listbox\"\n        aria-owns=\"tablist\"\n        aria-controls=\"tablist\">\n        <span id=\"trigger-label\" class=\"${prefix}--tabs-trigger-text\">\n          ${selectedItemContent || triggerContent}\n        </span>\n        ${ChevronDown16({ 'aria-hidden': 'true' })}\n      </div>\n      <ul id=\"tablist\" role=\"tablist\" class=\"${listClasses}\">\n        <slot></slot>\n      </ul>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @param [options] The options.\n   * @param [options.narrowMode] `true` to get the action for narrow mode.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string, { narrowMode }: { narrowMode?: boolean }) {\n    if (key === 'Escape') {\n      return TABS_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key === 'Enter') {\n      return TABS_KEYBOARD_ACTION.SELECTING;\n    }\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (\n      key in (narrowMode ? NAVIGATION_DIRECTION_NARROW : NAVIGATION_DIRECTION)\n    ) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (narrowMode && this.TRIGGER_KEYS.has(key)) {\n      return TABS_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default BXTabs;\n"]}

package/es/components/tabs/tabs.js

@@ -6,14 +6,14 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import { classMap } from 'lit-html/directives/class-map';
-import { html, property, query, customElement } from 'lit-element';
+import { html, property, query } from 'lit-element';
 import ChevronDown16 from "../../icons/chevron--down/16";
 import settings from 'carbon-components/es/globals/js/settings';
 import HostListenerMixin from '../../globals/mixins/host-listener';
@@ -22,6 +22,7 @@ import { find, forEach } from '../../globals/internal/collection-helpers';
 import BXContentSwitcher, { NAVIGATION_DIRECTION } from '../content-switcher/content-switcher';
 import { NAVIGATION_DIRECTION_NARROW, TABS_COLOR_SCHEME, TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';
 import styles from "././tabs.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;
@@ -163,8 +164,8 @@ let BXTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize,
        * @param [options.immediate]
        *   `true` to make it "immediate selection change" mode, which does:
        *
-       *   * Starts with the selected item
-       *   * Going prev/next item immediately changes the selection
+       *   Starts with the selected item
+       *   Going prev/next item immediately changes the selection
        */
     }, {
       kind: "method",

package/es/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["classMap","html","property","query","customElement","ChevronDown16","settings","HostListenerMixin","HostListener","find","forEach","BXContentSwitcher","NAVIGATION_DIRECTION","NAVIGATION_DIRECTION_NARROW","TABS_COLOR_SCHEME","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","prefix","BXTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_handleFocusOut","relatedTarget","contains","_handleUserInitiatedToggle","force","_open","_assistiveStatusText","selectingItemsAssistiveText","selectedItemAssistiveText","triggerContent","assistiveStatusText","_selectedItemContent","selectedItemContent","selectedItemText","textContent","requestUpdate","_clearHighlight","querySelectorAll","selectorItem","item","highlighted","_navigate","direction","immediate","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","scrollIntoView","block","nextItemText","_currentIndex","_handleClick","event","target","_get","_getPrototypeOf","prototype","call","_handleKeydown","open","_triggerNode","triggerNode","narrowMode","Boolean","offsetParent","action","getAction","NAVIGATING","TRIGGERING","CLOSING","SELECTING","HOME","_totalTabs","END","highlightedItem","_selectionDidChange","itemToSelect","attribute","reflect","REGULAR","shouldUpdate","changedProperties","has","elem","type","range","ownerDocument","createRange","selectNodeContents","cloneContents","render","triggerClasses","listClasses","_t","_","String","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","TRIGGER_KEYS","NONE"],"sources":["components/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, customElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport BXContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport {\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n} from './defs';\nimport BXTab from './tab';\nimport styles from './tabs.scss';\n\nconst { prefix } = settings;\n\nexport {\n  NAVIGATION_DIRECTION,\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n};\n\n/**\n * Tabs.\n *\n * @element bx-tabs\n * @fires bx-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nclass BXTabs extends HostListenerMixin(BXContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * `true` if the narrow mode dropdown should be open.\n   */\n  private _open = false;\n\n  /**\n   * The currently selected index\n   */\n  private _currentIndex: number = 0;\n\n  /**\n   * The content of the selected item, used in the narrow mode.\n   */\n  private _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs: number = 0;\n\n  /**\n   * The DOM element for the trigger button in narrow mode.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLDivElement;\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\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    if (!this.contains(relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this._open) {\n    this._open = force;\n    if (this._open) {\n      this._assistiveStatusText = this.selectingItemsAssistiveText;\n    } else {\n      const {\n        selectedItemAssistiveText,\n        triggerContent,\n        _assistiveStatusText: assistiveStatusText,\n        _selectedItemContent: selectedItemContent,\n      } = this;\n      const selectedItemText =\n        (selectedItemContent && selectedItemContent.textContent) ||\n        triggerContent;\n      if (\n        selectedItemText &&\n        assistiveStatusText !== selectedItemAssistiveText\n      ) {\n        this._assistiveStatusText = selectedItemText;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Clears the selection of tabs.\n   */\n  private _clearHighlight() {\n    forEach(\n      this.querySelectorAll((this.constructor as typeof BXTabs).selectorItem),\n      (item) => {\n        (item as BXTab).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   * Starts with the selected item\n   *   * Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof BXTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as BXTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as BXTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as BXTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    const { target } = event;\n    if (this === target) {\n      this._handleUserInitiatedToggle();\n    } else if ((target as BXTab).value === this.value) {\n      // Clicking on selected item, simply closes the narrow mode dropdown\n      this._handleUserInitiatedToggle(false);\n    } else {\n      // Trying to select the item\n      // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n      super._handleClick(event);\n    }\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { _open: open, _triggerNode: triggerNode } = this;\n    const { key, target } = event;\n    const narrowMode = Boolean(triggerNode.offsetParent);\n    const action = (this.constructor as typeof BXTabs).getAction(key, {\n      narrowMode,\n    });\n    if (!open && narrowMode) {\n      // Menu closed in narrow mode\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, resets the highlight\n          this._clearHighlight();\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case TABS_KEYBOARD_ACTION.SELECTING:\n          this._handleUserInitiatedSelectItem(target as BXTab);\n          break;\n        case TABS_KEYBOARD_ACTION.HOME:\n          this._navigate(this._currentIndex + this._totalTabs, {\n            immediate: !narrowMode,\n          });\n          break;\n        case TABS_KEYBOARD_ACTION.END:\n          this._navigate(-this._currentIndex, { immediate: !narrowMode });\n          break;\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          {\n            const direction = narrowMode\n              ? NAVIGATION_DIRECTION_NARROW[key]\n              : NAVIGATION_DIRECTION[key];\n            if (direction) {\n              this._navigate(direction, { immediate: !narrowMode });\n            }\n          }\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const { selectorItemHighlighted } = this\n              .constructor as typeof BXTabs;\n            const highlightedItem = this.querySelector(\n              selectorItemHighlighted\n            ) as BXTab;\n            if (highlightedItem) {\n              if (highlightedItem.value === this.value) {\n                // Selecting an already-selected item, simply closes the narrow mode dropdown\n                this._handleUserInitiatedToggle(false);\n              } else {\n                // Trying to select the item\n                // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n                this._handleUserInitiatedSelectItem(highlightedItem);\n              }\n            } else {\n              this._handleUserInitiatedToggle();\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _selectionDidChange(itemToSelect: BXTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n    this._handleUserInitiatedToggle(false);\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TABS_COLOR_SCHEME.REGULAR;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { selectorItem } = this.constructor as typeof BXTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as BXTab).type = this.type;\n      });\n    }\n    if (changedProperties.has('value')) {\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as BXTab).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const {\n      triggerContent,\n      _assistiveStatusText: assistiveStatusText,\n      _open: open,\n      _selectedItemContent: selectedItemContent,\n    } = this;\n    const triggerClasses = classMap({\n      [`${prefix}--tabs-trigger`]: true,\n      [`${prefix}--tabs-trigger--open`]: open,\n    });\n    const listClasses = classMap({\n      [`${prefix}--tabs__nav`]: true,\n      [`${prefix}--tabs__nav--hidden`]: !open,\n    });\n    return html`\n      <div\n        id=\"trigger\"\n        role=\"button\"\n        class=\"${triggerClasses}\"\n        aria-labelledby=\"trigger-label\"\n        aria-expanded=\"${String(open)}\"\n        aria-haspopup=\"listbox\"\n        aria-owns=\"tablist\"\n        aria-controls=\"tablist\">\n        <span id=\"trigger-label\" class=\"${prefix}--tabs-trigger-text\">\n          ${selectedItemContent || triggerContent}\n        </span>\n        ${ChevronDown16({ 'aria-hidden': 'true' })}\n      </div>\n      <ul id=\"tablist\" role=\"tablist\" class=\"${listClasses}\">\n        <slot></slot>\n      </ul>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @param [options] The options.\n   * @param [options.narrowMode] `true` to get the action for narrow mode.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string, { narrowMode }: { narrowMode?: boolean }) {\n    if (key === 'Escape') {\n      return TABS_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key === 'Enter') {\n      return TABS_KEYBOARD_ACTION.SELECTING;\n    }\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (\n      key in (narrowMode ? NAVIGATION_DIRECTION_NARROW : NAVIGATION_DIRECTION)\n    ) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (narrowMode && this.TRIGGER_KEYS.has(key)) {\n      return TABS_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default BXTabs;\n"],"mappings":"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"}
+{"version":3,"file":"tabs.js","names":["classMap","html","property","query","ChevronDown16","settings","HostListenerMixin","HostListener","find","forEach","BXContentSwitcher","NAVIGATION_DIRECTION","NAVIGATION_DIRECTION_NARROW","TABS_COLOR_SCHEME","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","prefix","BXTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_handleFocusOut","relatedTarget","contains","_handleUserInitiatedToggle","force","_open","_assistiveStatusText","selectingItemsAssistiveText","selectedItemAssistiveText","triggerContent","assistiveStatusText","_selectedItemContent","selectedItemContent","selectedItemText","textContent","requestUpdate","_clearHighlight","querySelectorAll","selectorItem","item","highlighted","_navigate","direction","immediate","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","scrollIntoView","block","nextItemText","_currentIndex","_handleClick","event","target","_get","_getPrototypeOf","prototype","call","_handleKeydown","open","_triggerNode","triggerNode","narrowMode","Boolean","offsetParent","action","getAction","NAVIGATING","TRIGGERING","CLOSING","SELECTING","HOME","_totalTabs","END","highlightedItem","_selectionDidChange","itemToSelect","attribute","reflect","REGULAR","shouldUpdate","changedProperties","has","elem","type","range","ownerDocument","createRange","selectNodeContents","cloneContents","render","triggerClasses","listClasses","_t","_","String","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","TRIGGER_KEYS","NONE"],"sources":["components/tabs/tabs.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-html/directives/class-map';\nimport { html, property, query } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport BXContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport {\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n} from './defs';\nimport BXTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\nexport {\n  NAVIGATION_DIRECTION,\n  NAVIGATION_DIRECTION_NARROW,\n  TABS_COLOR_SCHEME,\n  TABS_KEYBOARD_ACTION,\n  TABS_TYPE,\n};\n\n/**\n * Tabs.\n *\n * @element bx-tabs\n * @fires bx-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nclass BXTabs extends HostListenerMixin(BXContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * `true` if the narrow mode dropdown should be open.\n   */\n  private _open = false;\n\n  /**\n   * The currently selected index\n   */\n  private _currentIndex: number = 0;\n\n  /**\n   * The content of the selected item, used in the narrow mode.\n   */\n  private _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs: number = 0;\n\n  /**\n   * The DOM element for the trigger button in narrow mode.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLDivElement;\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\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    if (!this.contains(relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this._open) {\n    this._open = force;\n    if (this._open) {\n      this._assistiveStatusText = this.selectingItemsAssistiveText;\n    } else {\n      const {\n        selectedItemAssistiveText,\n        triggerContent,\n        _assistiveStatusText: assistiveStatusText,\n        _selectedItemContent: selectedItemContent,\n      } = this;\n      const selectedItemText =\n        (selectedItemContent && selectedItemContent.textContent) ||\n        triggerContent;\n      if (\n        selectedItemText &&\n        assistiveStatusText !== selectedItemAssistiveText\n      ) {\n        this._assistiveStatusText = selectedItemText;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Clears the selection of tabs.\n   */\n  private _clearHighlight() {\n    forEach(\n      this.querySelectorAll((this.constructor as typeof BXTabs).selectorItem),\n      (item) => {\n        (item as BXTab).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   Starts with the selected item\n   *   Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof BXTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as BXTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as BXTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as BXTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    const { target } = event;\n    if (this === target) {\n      this._handleUserInitiatedToggle();\n    } else if ((target as BXTab).value === this.value) {\n      // Clicking on selected item, simply closes the narrow mode dropdown\n      this._handleUserInitiatedToggle(false);\n    } else {\n      // Trying to select the item\n      // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n      super._handleClick(event);\n    }\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { _open: open, _triggerNode: triggerNode } = this;\n    const { key, target } = event;\n    const narrowMode = Boolean(triggerNode.offsetParent);\n    const action = (this.constructor as typeof BXTabs).getAction(key, {\n      narrowMode,\n    });\n    if (!open && narrowMode) {\n      // Menu closed in narrow mode\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, resets the highlight\n          this._clearHighlight();\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case TABS_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case TABS_KEYBOARD_ACTION.SELECTING:\n          this._handleUserInitiatedSelectItem(target as BXTab);\n          break;\n        case TABS_KEYBOARD_ACTION.HOME:\n          this._navigate(this._currentIndex + this._totalTabs, {\n            immediate: !narrowMode,\n          });\n          break;\n        case TABS_KEYBOARD_ACTION.END:\n          this._navigate(-this._currentIndex, { immediate: !narrowMode });\n          break;\n        case TABS_KEYBOARD_ACTION.NAVIGATING:\n          {\n            const direction = narrowMode\n              ? NAVIGATION_DIRECTION_NARROW[key]\n              : NAVIGATION_DIRECTION[key];\n            if (direction) {\n              this._navigate(direction, { immediate: !narrowMode });\n            }\n          }\n          break;\n        case TABS_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const { selectorItemHighlighted } = this\n              .constructor as typeof BXTabs;\n            const highlightedItem = this.querySelector(\n              selectorItemHighlighted\n            ) as BXTab;\n            if (highlightedItem) {\n              if (highlightedItem.value === this.value) {\n                // Selecting an already-selected item, simply closes the narrow mode dropdown\n                this._handleUserInitiatedToggle(false);\n              } else {\n                // Trying to select the item\n                // If the custom event of the selection is canceled, we don't close the narrow mode dropdown\n                this._handleUserInitiatedSelectItem(highlightedItem);\n              }\n            } else {\n              this._handleUserInitiatedToggle();\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _selectionDidChange(itemToSelect: BXTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n    this._handleUserInitiatedToggle(false);\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TABS_COLOR_SCHEME.REGULAR;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { selectorItem } = this.constructor as typeof BXTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as BXTab).type = this.type;\n      });\n    }\n    if (changedProperties.has('value')) {\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as BXTab).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const {\n      triggerContent,\n      _assistiveStatusText: assistiveStatusText,\n      _open: open,\n      _selectedItemContent: selectedItemContent,\n    } = this;\n    const triggerClasses = classMap({\n      [`${prefix}--tabs-trigger`]: true,\n      [`${prefix}--tabs-trigger--open`]: open,\n    });\n    const listClasses = classMap({\n      [`${prefix}--tabs__nav`]: true,\n      [`${prefix}--tabs__nav--hidden`]: !open,\n    });\n    return html`\n      <div\n        id=\"trigger\"\n        role=\"button\"\n        class=\"${triggerClasses}\"\n        aria-labelledby=\"trigger-label\"\n        aria-expanded=\"${String(open)}\"\n        aria-haspopup=\"listbox\"\n        aria-owns=\"tablist\"\n        aria-controls=\"tablist\">\n        <span id=\"trigger-label\" class=\"${prefix}--tabs-trigger-text\">\n          ${selectedItemContent || triggerContent}\n        </span>\n        ${ChevronDown16({ 'aria-hidden': 'true' })}\n      </div>\n      <ul id=\"tablist\" role=\"tablist\" class=\"${listClasses}\">\n        <slot></slot>\n      </ul>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @param [options] The options.\n   * @param [options.narrowMode] `true` to get the action for narrow mode.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string, { narrowMode }: { narrowMode?: boolean }) {\n    if (key === 'Escape') {\n      return TABS_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key === 'Enter') {\n      return TABS_KEYBOARD_ACTION.SELECTING;\n    }\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (\n      key in (narrowMode ? NAVIGATION_DIRECTION_NARROW : NAVIGATION_DIRECTION)\n    ) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (narrowMode && this.TRIGGER_KEYS.has(key)) {\n      return TABS_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default BXTabs;\n"],"mappings":"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"}

package/es/components/tag/filter-tag.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -320,7 +320,10 @@ declare const BXFilterTag_base: {
     _hostListeners: {
         [listenerName: string]: {
             [type: string]: {
-                options?: boolean | AddEventListenerOptions | undefined;
+                options?: boolean | AddEventListenerOptions | undefined; /**
+                 * The name of the custom event fired before this tag is being closed upon a user gesture.
+                 * Cancellation of this event stops the user-initiated action of closing this tag.
+                 */
             };
         };
     };

package/es/components/tag/filter-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tag/filter-tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAM/E,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI9B;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAExC;IAEC,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAoB;IAExB;;OAEG;IAEH,IAAI,WAAgB;IAEpB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"filter-tag.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Filter tag.\n *\n * @element bx-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nexport default class BXFilterTag extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"]}
+{"version":3,"sources":["components/tag/filter-tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMhE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAgG5B;;;mBAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/FL;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAExC;IAEC,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAoB;IAExB;;OAEG;IAEH,IAAI,WAAgB;IAEpB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"filter-tag.d.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 { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Filter tag.\n *\n * @element bx-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nexport default class BXFilterTag extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"]}

package/es/components/tag/filter-tag.js

@@ -4,13 +4,13 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, query, customElement, LitElement } from 'lit-element';
+import { html, property, query, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import Close16 from "../../icons/close/16";
 import FocusMixin from '../../globals/mixins/focus';
@@ -18,6 +18,7 @@ import HostListener from '../../globals/decorators/host-listener';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import { TAG_SIZE, TAG_TYPE } from './defs';
 import styles from "././tag.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { TAG_SIZE, TAG_TYPE };
 const {
   prefix

package/es/components/tag/filter-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-tag.js","names":["html","property","query","customElement","LitElement","settings","Close16","FocusMixin","HostListener","HostListenerMixin","TAG_SIZE","TAG_TYPE","styles","prefix","BXFilterTag","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","event","composedPath","indexOf","_buttonNode","disabled","stopPropagation","open","init","bubbles","cancelable","composed","detail","triggeredBy","target","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","type","String","reflect","Boolean","REGULAR","RED","render","_t","_","title","static","default"],"sources":["components/tag/filter-tag.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Filter tag.\n *\n * @element bx-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nexport default class BXFilterTag extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-tag.js","names":["html","property","query","LitElement","settings","Close16","FocusMixin","HostListener","HostListenerMixin","TAG_SIZE","TAG_TYPE","styles","carbonElement","customElement","prefix","BXFilterTag","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","event","composedPath","indexOf","_buttonNode","disabled","stopPropagation","open","init","bubbles","cancelable","composed","detail","triggeredBy","target","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","type","String","reflect","Boolean","REGULAR","RED","render","_t","_","title","static","default"],"sources":["components/tag/filter-tag.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 { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Filter tag.\n *\n * @element bx-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nexport default class BXFilterTag extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}

package/es/components/tag/tag.d.ts

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

package/es/components/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAI9B;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAU;IAC3C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,WAAoB;IAExB;;OAEG;IAEH,IAAI,WAAiB;IAErB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"tag.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Tag.\n *\n * @element bx-tag\n */\n@customElement(`${prefix}-tag`)\nexport default class BXTag extends LitElement {\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\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"]}
+{"version":3,"sources":["components/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAI9B;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAU;IAC3C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,WAAoB;IAExB;;OAEG;IAEH,IAAI,WAAiB;IAErB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"tag.d.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Tag.\n *\n * @element bx-tag\n */\n@customElement(`${prefix}-tag`)\nexport default class BXTag extends LitElement {\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\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"]}

package/es/components/tag/tag.js

@@ -4,16 +4,17 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import { TAG_SIZE, TAG_TYPE } from './defs';
 import styles from "././tag.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { TAG_SIZE, TAG_TYPE };
 const {
   prefix

package/es/components/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["html","property","customElement","LitElement","settings","TAG_SIZE","TAG_TYPE","styles","prefix","BXTag","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","GRAY","render","_t","_","static","default"],"sources":["components/tag/tag.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Tag.\n *\n * @element bx-tag\n */\n@customElement(`${prefix}-tag`)\nexport default class BXTag extends LitElement {\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\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"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,gBAAY;AAE/B,SAASF,QAAQ,EAAEC,QAAQ;AAE3B,MAAM;EAAEE;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMqBK,KAAK,GAAAC,SAAA,EADzBR,aAAa,CAAE,GAAEM,MAAO,MAAK,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA/B,MACqBH,KAAK,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwB9C;EAAC;IAAAI,CAAA,EAxBoBN,KAAK;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIvBjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfjB,QAAQ,CAAC;QAAEoB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBlB,QAAQ,CAACmB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAKtBjB,QAAQ,CAAC;QAAEoB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,QAAQ,CAACmB,IAAI;MAAA;IAAA;MAAAR,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBpB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,OAAA,EAAS;QACP,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAX,IAAA;MAAAY,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvBWJ,UAAU;AAAA,SAAxBM,KAAK,IAAAqB,OAAA"}
+{"version":3,"file":"tag.js","names":["html","property","LitElement","settings","TAG_SIZE","TAG_TYPE","styles","carbonElement","customElement","prefix","BXTag","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","GRAY","render","_t","_","static","default"],"sources":["components/tag/tag.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Tag.\n *\n * @element bx-tag\n */\n@customElement(`${prefix}-tag`)\nexport default class BXTag extends LitElement {\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\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"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,gBAAY;AAC/B,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASJ,QAAQ,EAAEC,QAAQ;AAE3B,MAAM;EAAEI;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMqBO,KAAK,GAAAC,SAAA,EADzBH,aAAa,CAAE,GAAEC,MAAO,MAAK,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA/B,MACqBH,KAAK,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwB9C;EAAC;IAAAI,CAAA,EAxBoBN,KAAK;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIvBlB,QAAQ,CAAC;QAAEmB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKflB,QAAQ,CAAC;QAAEqB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBpB,QAAQ,CAACqB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAKtBlB,QAAQ,CAAC;QAAEqB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBnB,QAAQ,CAACqB,IAAI;MAAA;IAAA;MAAAR,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBpB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,OAAA,EAAS;QACP,OAAO3B,IAAI,CAAA4B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAX,IAAA;MAAAY,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvBWJ,UAAU;AAAA,SAAxBQ,KAAK,IAAAqB,OAAA"}

package/es/components/textarea/textarea-skeleton.d.ts

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

package/es/components/textarea/textarea-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/textarea/textarea-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9D;;GAEG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"textarea-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './textarea.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of text area.\n */\n@customElement(`${prefix}-textarea-skeleton`)\nclass BXTextareaSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--skeleton ${prefix}--text-area\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTextareaSkeleton;\n"]}
+{"version":3,"sources":["components/textarea/textarea-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAO/C;;GAEG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"textarea-skeleton.d.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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './textarea.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of text area.\n */\n@customElement(`${prefix}-textarea-skeleton`)\nclass BXTextareaSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--skeleton ${prefix}--text-area\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTextareaSkeleton;\n"]}

package/es/components/textarea/textarea-skeleton.js

@@ -4,15 +4,16 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, customElement, LitElement } from 'lit-element';
+import { html, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import styles from "././textarea.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/textarea/textarea-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-skeleton.js","names":["html","customElement","LitElement","settings","styles","prefix","BXTextareaSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/textarea/textarea-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './textarea.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of text area.\n */\n@customElement(`${prefix}-textarea-skeleton`)\nclass BXTextareaSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--skeleton ${prefix}--text-area\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTextareaSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,qBAAiB;AAEpC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMG,kBAAkB,GAAAC,SAAA,EADvBN,aAAa,CAAE,GAAEI,MAAO,oBAAmB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA7C,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,OAAA,EAAS;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA,0GACMd,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAcA,MAAM;MAE5C;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GARSF,UAAU;AAW3C,eAAeI,kBAAkB"}
+{"version":3,"file":"textarea-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXTextareaSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/textarea/textarea-skeleton.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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './textarea.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of text area.\n */\n@customElement(`${prefix}-textarea-skeleton`)\nclass BXTextareaSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--skeleton ${prefix}--text-area\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTextareaSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,qBAAiB;AACpC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA7C,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,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,0GACMd,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAcA,MAAM;MAE5C;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GARSF,UAAU;AAW3C,eAAeM,kBAAkB"}

package/es/components/textarea/textarea.d.ts

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