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

package/es/components/filter-panel/filter-panel-modal.d.ts

@@ -9,12 +9,12 @@
 import './filter-group';
 import './filter-modal-button';
 import './filter-modal-heading';
-import BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';
+import BXModal from '@carbon/web-components/es/components/modal/modal.js';
 import './filter-modal-footer';
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 declare const DDSFilterPanelModal_base: {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -333,9 +333,7 @@ declare const DDSFilterPanelModal_base: {
         altAttributes: any;
         _mutationObserver: MutationObserver | null;
         connectedCallback(): void;
-        disconnectedCallback(): void; /**
-         * Handles `click` event on the `<input>` in the shadow DOM.
-         */
+        disconnectedCallback(): void;
         transposeAttributes(linkNodeArg?: any, altAttributesArg?: any): void;
         _cleanAndCreateMutationObserver({ create }?: {
             create?: boolean | undefined;

package/es/components/filter-panel/filter-panel-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/filter-panel/filter-panel-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,OAAO,MAAM,4DAA4D,CAAC;AAEjF,OAAO,uBAAuB,CAAC;AAG/B,OAAO,kEAAkE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAuBxE;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApBL;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,wBAEjC;IACC;;OAEG;IAEH,cAAc,EAAE,GAAG,EAAE,CAAM;IAG3B,SAAS,CAAC,yBAAyB,CAAC,CAAC,EAAE,WAAW;IAElD;;OAEG;IACH,SAAS,CAAC,YAAY;IActB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,OAAO,EAAG,MAAM,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA0B1D,MAAM;IAuCN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IAEH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IAEH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,mBAAmB,CAAC","file":"filter-panel-modal.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport './filter-modal-footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Renders the filter panel modal\n *\n * @element dds-filter-panel-modal\n */\n@customElement(`${ddsPrefix}-filter-panel-modal`)\nclass DDSFilterPanelModal extends HostListenerMixin(\n  StableSelectorMixin(BXModal)\n) {\n  /**\n   * Renders the selected values.\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this\n      .constructor as typeof DDSFilterPanelModal;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  protected _handleUserClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof BXModal).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof BXModal).eventClose, init)\n        );\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}\n          ></bx-modal-close-button>\n          <dds-filter-modal-heading>${this.heading}</dds-filter-modal-heading>\n        </bx-modal-header>\n        <div class=\"${prefix}--modal-body\"><slot></slot></div>\n        <dds-filter-modal-footer>\n          <dds-filter-modal-footer-button\n            ?disabled=\"${!this.hasSelections}\"\n            @click=${this._handleClear}\n            kind=\"tertiary\"\n            >Clear</dds-filter-modal-footer-button\n          >\n          <dds-filter-modal-footer-button\n            @click=${this._handleUserClose}\n            kind=\"primary\"\n            >See Results</dds-filter-modal-footer-button\n          >\n        </dds-filter-modal-footer>\n      </section>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon the modal being closed\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event captured upon cleared selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  /**\n   * The name of the heading selector\n   */\n\n  static get selectorHeading() {\n    return `${ddsPrefix}-filter-panel-heading`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-modal`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelModal;\n"]}
+{"version":3,"sources":["components/filter-panel/filter-panel-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,OAAO,MAAM,qDAAqD,CAAC;AAE1E,OAAO,uBAAuB,CAAC;AAG/B,OAAO,2DAA2D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKnE;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,wBAEjC;IACC;;OAEG;IAEH,cAAc,EAAE,GAAG,EAAE,CAAM;IAG3B,SAAS,CAAC,yBAAyB,CAAC,CAAC,EAAE,WAAW;IAElD;;OAEG;IACH,SAAS,CAAC,YAAY;IActB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,OAAO,EAAG,MAAM,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA0B1D,MAAM;IAuCN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IAEH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IAEH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,mBAAmB,CAAC","file":"filter-panel-modal.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '@carbon/web-components/es/components/modal/modal.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport './filter-modal-footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport '@carbon/web-components/es/components/checkbox/checkbox.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Renders the filter panel modal\n *\n * @element dds-filter-panel-modal\n */\n@customElement(`${ddsPrefix}-filter-panel-modal`)\nclass DDSFilterPanelModal extends HostListenerMixin(\n  StableSelectorMixin(BXModal)\n) {\n  /**\n   * Renders the selected values.\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this\n      .constructor as typeof DDSFilterPanelModal;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  protected _handleUserClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof BXModal).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof BXModal).eventClose, init)\n        );\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}\n          ></bx-modal-close-button>\n          <dds-filter-modal-heading>${this.heading}</dds-filter-modal-heading>\n        </bx-modal-header>\n        <div class=\"${prefix}--modal-body\"><slot></slot></div>\n        <dds-filter-modal-footer>\n          <dds-filter-modal-footer-button\n            ?disabled=\"${!this.hasSelections}\"\n            @click=${this._handleClear}\n            kind=\"tertiary\"\n            >Clear</dds-filter-modal-footer-button\n          >\n          <dds-filter-modal-footer-button\n            @click=${this._handleUserClose}\n            kind=\"primary\"\n            >See Results</dds-filter-modal-footer-button\n          >\n        </dds-filter-modal-footer>\n      </section>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon the modal being closed\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event captured upon cleared selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  /**\n   * The name of the heading selector\n   */\n\n  static get selectorHeading() {\n    return `${ddsPrefix}-filter-panel-heading`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-modal`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelModal;\n"]}

package/es/components/filter-panel/filter-panel-modal.js

@@ -12,16 +12,16 @@ let _2 = t => t,
 
 import { customElement, html, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import "./filter-group.js";
 import "./filter-modal-button.js";
 import "./filter-modal-heading.js";
-import BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';
+import BXModal from '@carbon/web-components/es/components/modal/modal.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import "./filter-modal-footer.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././filter-panel.css.js";
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 const {
   prefix
 } = settings;

package/es/components/filter-panel/filter-panel-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-panel-modal.js","names":["customElement","html","property","settings","HostListenerMixin","BXModal","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelModal","_","eventSelectionClear","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","Boolean","triggeredBy","open","init","cancelable","eventBeforeClose","eventClose","_handleUserClose","heading","hasSelections","_handleClear"],"sources":["components/filter-panel/filter-panel-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport './filter-modal-footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Renders the filter panel modal\n *\n * @element dds-filter-panel-modal\n */\n@customElement(`${ddsPrefix}-filter-panel-modal`)\nclass DDSFilterPanelModal extends HostListenerMixin(\n  StableSelectorMixin(BXModal)\n) {\n  /**\n   * Renders the selected values.\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this\n      .constructor as typeof DDSFilterPanelModal;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  protected _handleUserClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof BXModal).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof BXModal).eventClose, init)\n        );\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}\n          ></bx-modal-close-button>\n          <dds-filter-modal-heading>${this.heading}</dds-filter-modal-heading>\n        </bx-modal-header>\n        <div class=\"${prefix}--modal-body\"><slot></slot></div>\n        <dds-filter-modal-footer>\n          <dds-filter-modal-footer-button\n            ?disabled=\"${!this.hasSelections}\"\n            @click=${this._handleClear}\n            kind=\"tertiary\"\n            >Clear</dds-filter-modal-footer-button\n          >\n          <dds-filter-modal-footer-button\n            @click=${this._handleUserClose}\n            kind=\"primary\"\n            >See Results</dds-filter-modal-footer-button\n          >\n        </dds-filter-modal-footer>\n      </section>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon the modal being closed\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event captured upon cleared selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  /**\n   * The name of the heading selector\n   */\n\n  static get selectorHeading() {\n    return `${ddsPrefix}-filter-panel-heading`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-modal`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelModal;\n"],"mappings":"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"}
+{"version":3,"file":"filter-panel-modal.js","names":["customElement","html","property","settings","HostListenerMixin","BXModal","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelModal","_","eventSelectionClear","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","Boolean","triggeredBy","open","init","cancelable","eventBeforeClose","eventClose","_handleUserClose","heading","hasSelections","_handleClear"],"sources":["components/filter-panel/filter-panel-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '@carbon/web-components/es/components/modal/modal.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport './filter-modal-footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport '@carbon/web-components/es/components/checkbox/checkbox.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Renders the filter panel modal\n *\n * @element dds-filter-panel-modal\n */\n@customElement(`${ddsPrefix}-filter-panel-modal`)\nclass DDSFilterPanelModal extends HostListenerMixin(\n  StableSelectorMixin(BXModal)\n) {\n  /**\n   * Renders the selected values.\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this\n      .constructor as typeof DDSFilterPanelModal;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  protected _handleUserClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof BXModal).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof BXModal).eventClose, init)\n        );\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}\n          ></bx-modal-close-button>\n          <dds-filter-modal-heading>${this.heading}</dds-filter-modal-heading>\n        </bx-modal-header>\n        <div class=\"${prefix}--modal-body\"><slot></slot></div>\n        <dds-filter-modal-footer>\n          <dds-filter-modal-footer-button\n            ?disabled=\"${!this.hasSelections}\"\n            @click=${this._handleClear}\n            kind=\"tertiary\"\n            >Clear</dds-filter-modal-footer-button\n          >\n          <dds-filter-modal-footer-button\n            @click=${this._handleUserClose}\n            kind=\"primary\"\n            >See Results</dds-filter-modal-footer-button\n          >\n        </dds-filter-modal-footer>\n      </section>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n      ></a>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon the modal being closed\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event captured upon cleared selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  /**\n   * The name of the heading selector\n   */\n\n  static get selectorHeading() {\n    return `${ddsPrefix}-filter-panel-heading`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-modal`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelModal;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,aAAa;AAC3D,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,iBAAiB,MAAM,2DAA2D;AACzF,OAAO,mBAAgB;AACvB,OAAO,0BAAuB;AAC9B,OAAO,2BAAwB;AAC/B,OAAOC,OAAO,MAAM,qDAAqD;AACzE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAO,0BAAuB;AAC9B,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,yBAAqB;AACxC,OAAO,2DAA2D;AAElE,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;AAC3B,MAAM;EAAEO,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,mBAAmB,cADxBZ,aAAa,CAAE,GAAEW,SAAU,qBAAoB,CAAC;EAAjD,MACMC,mBAAmB,4BAEvB;IAAA;MAAA;MAAA;IAAA;EAyIF;EAAC;IAAA,GA3IKA,mBAAmB;IAAA;MAAA;MAAA,aAMtBV,QAAQ,EAAE;MAAA;MAAA;QAAA,OACa,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAJ1B;AACF;AACA;;MAIE;MACA,mCAAoCW,CAAc,EAAE,CAAC;;MAErD;AACF;AACA;IAFE;MAAA;MAAA;MAAA,OAGA,wBAAyB;QACvB,MAAM;UAAEC;QAAoB,CAAC,GAAG,IAAI,CACjCC,WAAyC;QAC5C,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAACH,mBAAmB,EAAE;UACnCI,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNC,KAAK,EAAE;UACT;QACF,CAAC,CAAC,CACH;MACH;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGCnB,QAAQ,CAAC;QAAEoB,SAAS,EAAE,gBAAgB;QAAEC,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA;MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAA;MAAA,aAKpBtB,QAAQ,EAAE;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAHX;AACF;AACA;MAIE;AACF;AACA;AACA;AACA;MACE,0BAA2BuB,WAA+B,EAAE;QAC1D,IAAI,IAAI,CAACC,IAAI,EAAE;UACb,MAAMC,IAAI,GAAG;YACXT,OAAO,EAAE,IAAI;YACbU,UAAU,EAAE,IAAI;YAChBT,QAAQ,EAAE,IAAI;YACdC,MAAM,EAAE;cACNK;YACF;UACF,CAAC;UACD,IACE,IAAI,CAACT,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACF,WAAW,CAAoBc,gBAAgB,EACrDF,IAAI,CACL,CACF,EACD;YACA,IAAI,CAACD,IAAI,GAAG,KAAK;YACjB,IAAI,CAACV,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACF,WAAW,CAAoBe,UAAU,EAAEH,IAAI,CAAC,CACvE;UACH;QACF;MACF;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,OAAO1B,IAAI,eAAC;AAChB;AACA;AACA,iBAAe,CAAS;AACxB;AACA;AACA;AACA,wBAAsB,CAAS;AAC/B;AACA;AACA,qBAAmB,CAAwB;AAC3C;AACA,sCAAoC,CAAe;AACnD;AACA,sBAAoB,CAAS;AAC7B;AACA;AACA,yBAAuB,CAAsB;AAC7C,qBAAmB,CAAoB;AACvC;AACA;AACA;AACA;AACA,qBAAmB,CAAwB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAe,CAAS;AACxB;AACA;AACA;AACA,KAAI,GAhCaQ,MAAM,EAICA,MAAM,EAGT,IAAI,CAACsB,gBAAgB,EAEJ,IAAI,CAACC,OAAO,EAE5BvB,MAAM,EAGH,CAAC,IAAI,CAACwB,aAAa,EACvB,IAAI,CAACC,YAAY,EAKjB,IAAI,CAACH,gBAAgB,EAQzBtB,MAAM;MAKrB;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,4BAA8B;QAC5B,OAAQ,GAAEA,MAAO,oBAAmB;MACtC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAIA,+BAAiC;QAC/B,OAAQ,GAAEE,SAAU,kBAAiB;MACvC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAIA,2BAA6B;QAC3B,OAAQ,GAAEA,SAAU,uBAAsB;MAC5C;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,qBAAoB;MAC1C;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GA1IUJ,iBAAiB,CACjDG,mBAAmB,CAACF,OAAO,CAAC,CAC7B,GA2ID;AACA,eAAeO,mBAAmB"}

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

@@ -9,7 +9,7 @@
 import { LitElement } from 'lit-element';
 declare const DDSFilterPanel_base: {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -41,7 +41,9 @@ declare const DDSFilterPanel_base: {
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
-        readonly clientTop: number;
+        readonly clientTop: number; /**
+         * The name of the custom event fired to clear selections
+         */
         readonly clientWidth: number;
         id: string;
         readonly localName: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/filter-panel/filter-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAY,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWxE;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,OAAO,EAAG,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAatB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,cAAc,EAAE,GAAG,EAAE,CAAM;IAE3B;;OAEG;IAEH,aAAa,UAAS;IAEtB,MAAM;IAiBN;;OAEG;IAEH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"filter-panel.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '@carbon/carbon-web-components/es/icons/reset/16.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The filter panel.\n *\n * @element dds-filter-panel\n */\n@customElement(`${ddsPrefix}-filter-panel`)\nclass DDSFilterPanel extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this.constructor as typeof DDSFilterPanel;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * the filter title\n   */\n  @property()\n  title = '';\n\n  /**\n   * renders the selected values\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  render() {\n    return html`\n      <section class=\"${prefix}--filter-panel__section\">\n        <div class=\"${prefix}--heading-clear\">\n          <div class=\"${prefix}--filter__heading\">${this.heading}</div>\n          <button class=\"${prefix}--clear\" @click=${this._handleClear}>\n            <div class=\"${prefix}--clear__container\">\n              Clear\n              <div class=\"${prefix}--reset__icon\">${Reset()}</div>\n            </div>\n          </button>\n        </div>\n        <slot></slot>\n      </section>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired to clear selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanel;\n"]}
+{"version":3,"sources":["components/filter-panel/filter-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAY,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6EtE;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApEL;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,OAAO,EAAG,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAatB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,cAAc,EAAE,GAAG,EAAE,CAAM;IAE3B;;OAEG;IAEH,aAAa,UAAS;IAEtB,MAAM;IAiBN;;OAEG;IAEH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"filter-panel.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '@carbon/web-components/es/icons/reset/16.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The filter panel.\n *\n * @element dds-filter-panel\n */\n@customElement(`${ddsPrefix}-filter-panel`)\nclass DDSFilterPanel extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this.constructor as typeof DDSFilterPanel;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * the filter title\n   */\n  @property()\n  title = '';\n\n  /**\n   * renders the selected values\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  render() {\n    return html`\n      <section class=\"${prefix}--filter-panel__section\">\n        <div class=\"${prefix}--heading-clear\">\n          <div class=\"${prefix}--filter__heading\">${this.heading}</div>\n          <button class=\"${prefix}--clear\" @click=${this._handleClear}>\n            <div class=\"${prefix}--clear__container\">\n              Clear\n              <div class=\"${prefix}--reset__icon\">${Reset()}</div>\n            </div>\n          </button>\n        </div>\n        <slot></slot>\n      </section>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired to clear selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanel;\n"]}

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

@@ -12,8 +12,8 @@ let _ = t => t,
 
 import { customElement, html, LitElement, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Reset from '@carbon/carbon-web-components/es/icons/reset/16.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import Reset from '@carbon/web-components/es/icons/reset/16.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././filter-panel.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.js","names":["customElement","html","LitElement","property","settings","Reset","HostListenerMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanel","eventSelectionClear","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","Boolean","heading","_handleClear"],"sources":["components/filter-panel/filter-panel.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '@carbon/carbon-web-components/es/icons/reset/16.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The filter panel.\n *\n * @element dds-filter-panel\n */\n@customElement(`${ddsPrefix}-filter-panel`)\nclass DDSFilterPanel extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this.constructor as typeof DDSFilterPanel;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * the filter title\n   */\n  @property()\n  title = '';\n\n  /**\n   * renders the selected values\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  render() {\n    return html`\n      <section class=\"${prefix}--filter-panel__section\">\n        <div class=\"${prefix}--heading-clear\">\n          <div class=\"${prefix}--filter__heading\">${this.heading}</div>\n          <button class=\"${prefix}--clear\" @click=${this._handleClear}>\n            <div class=\"${prefix}--clear__container\">\n              Clear\n              <div class=\"${prefix}--reset__icon\">${Reset()}</div>\n            </div>\n          </button>\n        </div>\n        <slot></slot>\n      </section>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired to clear selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanel;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,KAAK,MAAM,oDAAoD;AACtE,OAAOC,iBAAiB,MAAM,kEAAkE;AAChG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;AAC3B,MAAM;EAAEO,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,cAAc,cADnBb,aAAa,CAAE,GAAEY,SAAU,eAAc,CAAC;EAA3C,MACMC,cAAc,4BAElB;IAAA;MAAA;MAAA;IAAA;EAuEF;EAAC;IAAA,GAzEKA,cAAc;IAAA;MAAA;MAAA,aAMjBV,QAAQ,EAAE;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAHX;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAyB;QACvB,MAAM;UAAEW;QAAoB,CAAC,GAAG,IAAI,CAACC,WAAoC;QACzE,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAACH,mBAAmB,EAAE;UACnCI,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNC,KAAK,EAAE;UACT;QACF,CAAC,CAAC,CACH;MACH;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGClB,QAAQ,EAAE;MAAA;MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAA;MAAA,aAKTA,QAAQ,EAAE;MAAA;MAAA;QAAA,OACa,EAAE;MAAA;IAAA;MAAA;MAAA,aAKzBA,QAAQ,CAAC;QAAEmB,SAAS,EAAE,gBAAgB;QAAEC,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA;MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAVrB;AACF;AACA;MAIE;AACF;AACA;MAIE,kBAAS;QACP,OAAOvB,IAAI,cAAC;AAChB,wBAAsB,CAAS;AAC/B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS,sBAAmB,CAAe;AACjE,2BAAyB,CAAS,mBAAgB,CAAoB;AACtE,0BAAwB,CAAS;AACjC;AACA,4BAA0B,CAAS,kBAAe,CAAU;AAC5D;AACA;AACA;AACA;AACA;AACA,KAAI,GAZoBS,MAAM,EACRA,MAAM,EACJA,MAAM,EAAsB,IAAI,CAACe,OAAO,EACrCf,MAAM,EAAmB,IAAI,CAACgB,YAAY,EAC3ChB,MAAM,EAEJA,MAAM,EAAkBL,KAAK,EAAE;MAOzD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAIA,+BAAiC;QAC/B,OAAQ,GAAEO,SAAU,kBAAiB;MACvC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,eAAc;MACpC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAxEKH,iBAAiB,CAC5CE,mBAAmB,CAACN,UAAU,CAAC,CAChC,GAyED;AACA,eAAeW,cAAc"}
+{"version":3,"file":"filter-panel.js","names":["customElement","html","LitElement","property","settings","Reset","HostListenerMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanel","eventSelectionClear","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","Boolean","heading","_handleClear"],"sources":["components/filter-panel/filter-panel.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '@carbon/web-components/es/icons/reset/16.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The filter panel.\n *\n * @element dds-filter-panel\n */\n@customElement(`${ddsPrefix}-filter-panel`)\nclass DDSFilterPanel extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * Renders the filter heading\n   */\n  @property()\n  heading!: string;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleClear() {\n    const { eventSelectionClear } = this.constructor as typeof DDSFilterPanel;\n    this.dispatchEvent(\n      new CustomEvent(eventSelectionClear, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          clear: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * the filter title\n   */\n  @property()\n  title = '';\n\n  /**\n   * renders the selected values\n   */\n  @property()\n  selectedValues: any[] = [];\n\n  /**\n   * Handles items in the selected array\n   */\n  @property({ attribute: 'has-selections', type: Boolean })\n  hasSelections = false;\n\n  render() {\n    return html`\n      <section class=\"${prefix}--filter-panel__section\">\n        <div class=\"${prefix}--heading-clear\">\n          <div class=\"${prefix}--filter__heading\">${this.heading}</div>\n          <button class=\"${prefix}--clear\" @click=${this._handleClear}>\n            <div class=\"${prefix}--clear__container\">\n              Clear\n              <div class=\"${prefix}--reset__icon\">${Reset()}</div>\n            </div>\n          </button>\n        </div>\n        <slot></slot>\n      </section>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired to clear selections\n   */\n\n  static get eventSelectionClear() {\n    return `${ddsPrefix}-selection-clear`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanel;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,KAAK,MAAM,6CAA6C;AAC/D,OAAOC,iBAAiB,MAAM,2DAA2D;AACzF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;AAC3B,MAAM;EAAEO,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,cAAc,cADnBb,aAAa,CAAE,GAAEY,SAAU,eAAc,CAAC;EAA3C,MACMC,cAAc,4BAElB;IAAA;MAAA;MAAA;IAAA;EAuEF;EAAC;IAAA,GAzEKA,cAAc;IAAA;MAAA;MAAA,aAMjBV,QAAQ,EAAE;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAHX;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAyB;QACvB,MAAM;UAAEW;QAAoB,CAAC,GAAG,IAAI,CAACC,WAAoC;QACzE,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAACH,mBAAmB,EAAE;UACnCI,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNC,KAAK,EAAE;UACT;QACF,CAAC,CAAC,CACH;MACH;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGClB,QAAQ,EAAE;MAAA;MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAA;MAAA,aAKTA,QAAQ,EAAE;MAAA;MAAA;QAAA,OACa,EAAE;MAAA;IAAA;MAAA;MAAA,aAKzBA,QAAQ,CAAC;QAAEmB,SAAS,EAAE,gBAAgB;QAAEC,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA;MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAVrB;AACF;AACA;MAIE;AACF;AACA;MAIE,kBAAS;QACP,OAAOvB,IAAI,cAAC;AAChB,wBAAsB,CAAS;AAC/B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS,sBAAmB,CAAe;AACjE,2BAAyB,CAAS,mBAAgB,CAAoB;AACtE,0BAAwB,CAAS;AACjC;AACA,4BAA0B,CAAS,kBAAe,CAAU;AAC5D;AACA;AACA;AACA;AACA;AACA,KAAI,GAZoBS,MAAM,EACRA,MAAM,EACJA,MAAM,EAAsB,IAAI,CAACe,OAAO,EACrCf,MAAM,EAAmB,IAAI,CAACgB,YAAY,EAC3ChB,MAAM,EAEJA,MAAM,EAAkBL,KAAK,EAAE;MAOzD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAIA,+BAAiC;QAC/B,OAAQ,GAAEO,SAAU,kBAAiB;MACvC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,eAAc;MACpC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAxEKH,iBAAiB,CAC5CE,mBAAmB,CAACN,UAAU,CAAC,CAChC,GAyED;AACA,eAAeW,cAAc"}

package/es/components/footer/combo-box.d.ts

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { TemplateResult } from 'lit-html';
-import BXComboBoxItem from '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
+import BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';
 import DDSDropdown from './dropdown';
 export { DROPDOWN_COLOR_SCHEME, DROPDOWN_SIZE, DROPDOWN_TYPE, } from './dropdown';
 /**

package/es/components/footer/combo-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,cAAc,MAAM,yEAAyE,CAAC;AAIrG,OAAO,WAAyC,MAAM,YAAY,CAAC;AAEnE,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AAKpB;;;;;;;;;;;;GAYG;AACH,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IACH,SAAS,CAAC,iBAAiB,SAAM;IAEjC,SAAS,CAAC,yBAAyB,UAAS;IAE5C;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAe;IAE3C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAoB;IAE5C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,KAAA;IAQrC;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAC3B,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,MAAM,GAChB,OAAO;IAOV;;OAEG;IACH,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAQ7C,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IAenD;;OAEG;IACH,SAAS,CAAC,8BAA8B;IAexC,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,cAAc;IAiB9D,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAwBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAiBjE;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,WAAW,EAAG,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEnE,YAAY,CAAC,iBAAiB,KAAA;IAS9B,OAAO;IAQP,MAAM,CAAC,YAAY,cAAsB;IAEzC;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;CACF;AAED,eAAe,WAAW,CAAC","file":"combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query, customElement } from 'lit-element';\nimport BXComboBoxItem from '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';\nimport Close16 from '@carbon/carbon-web-components/es/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput}\n      />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\"\n          >\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"]}
+{"version":3,"sources":["components/footer/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAI9F,OAAO,WAAyC,MAAM,YAAY,CAAC;AAEnE,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AAKpB;;;;;;;;;;;;GAYG;AACH,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IACH,SAAS,CAAC,iBAAiB,SAAM;IAEjC,SAAS,CAAC,yBAAyB,UAAS;IAE5C;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAe;IAE3C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAoB;IAE5C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,KAAA;IAQrC;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAC3B,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,MAAM,GAChB,OAAO;IAOV;;OAEG;IACH,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAQ7C,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IAenD;;OAEG;IACH,SAAS,CAAC,8BAA8B;IAexC,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,cAAc;IAiB9D,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAwBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAiBjE;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,WAAW,EAAG,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEnE,YAAY,CAAC,iBAAiB,KAAA;IAS9B,OAAO;IAQP,MAAM,CAAC,YAAY,cAAsB;IAEzC;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;CACF;AAED,eAAe,WAAW,CAAC","file":"combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query, customElement } from 'lit-element';\nimport BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport Close16 from '@carbon/web-components/es/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput}\n      />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\"\n          >\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"]}

package/es/components/footer/combo-box.js

@@ -15,7 +15,7 @@ let _ = t => t,
 
 import settings from 'carbon-components/es/globals/js/settings.js';
 import { html, property, query, customElement } from 'lit-element';
-import Close16 from '@carbon/carbon-web-components/es/icons/close/16.js';
+import Close16 from '@carbon/web-components/es/icons/close/16.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { findIndex, forEach } from "../../globals/internal/collection-helpers.js";
 import DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from "./dropdown.js";

package/es/components/footer/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":["settings","html","property","query","customElement","Close16","ddsSettings","findIndex","forEach","DDSDropdown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_COLOR_SCHEME","DROPDOWN_SIZE","DROPDOWN_TYPE","stablePrefix","ddsPrefix","prefix","DDSComboBox","item","itemMatches","_defaultItemMatches","_filterInputNode","value","queryText","textContent","toLowerCase","indexOf","items","querySelectorAll","constructor","selectorItem","index","_testItemWithQueryText","i","highlighted","filterInput","_filterInputValue","open","requestUpdate","event","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","key","action","getAction","TRIGGERING","focus","_selectionShouldChange","disabled","triggerContent","filterInputValue","_handleInput","handleInput","clearSelectionLabel","length","undefined","attribute","changedProperties","_selectedItemContent","selectedItemContent","has","_listBoxNode","listBoxNode","classList","add","Set"],"sources":["components/footer/combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query, customElement } from 'lit-element';\nimport BXComboBoxItem from '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';\nimport Close16 from '@carbon/carbon-web-components/es/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput}\n      />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\"\n          >\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"],"mappings":"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"}
+{"version":3,"file":"combo-box.js","names":["settings","html","property","query","customElement","Close16","ddsSettings","findIndex","forEach","DDSDropdown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_COLOR_SCHEME","DROPDOWN_SIZE","DROPDOWN_TYPE","stablePrefix","ddsPrefix","prefix","DDSComboBox","item","itemMatches","_defaultItemMatches","_filterInputNode","value","queryText","textContent","toLowerCase","indexOf","items","querySelectorAll","constructor","selectorItem","index","_testItemWithQueryText","i","highlighted","filterInput","_filterInputValue","open","requestUpdate","event","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","key","action","getAction","TRIGGERING","focus","_selectionShouldChange","disabled","triggerContent","filterInputValue","_handleInput","handleInput","clearSelectionLabel","length","undefined","attribute","changedProperties","_selectedItemContent","selectedItemContent","has","_listBoxNode","listBoxNode","classList","add","Set"],"sources":["components/footer/combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query, customElement } from 'lit-element';\nimport BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport Close16 from '@carbon/web-components/es/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput}\n      />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\"\n          >\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"],"mappings":"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"}

package/es/components/footer/defs.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/carbon-web-components/es/globals/shared-enums.js';
+export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/web-components/es/globals/shared-enums.js';
 /**
  * Footer size.
  */

package/es/components/footer/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AAE9H;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,KAAK,UAAU;CAChB;AAID;;GAEG;AACH,oBAAY,8BAA8B;IACxC;;OAEG;IACH,OAAO,KAAK;IAEZ;;;OAGG;IACH,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/carbon-web-components/es/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"]}
+{"version":3,"sources":["components/footer/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAEvH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,KAAK,UAAU;CAChB;AAID;;GAEG;AACH,oBAAY,8BAA8B;IACxC;;OAEG;IACH,OAAO,KAAK;IAEZ;;;OAGG;IACH,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/web-components/es/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"]}

package/es/components/footer/defs.js

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/carbon-web-components/es/globals/shared-enums.js';
+export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/web-components/es/globals/shared-enums.js';
 
 /**
  * Footer size.

package/es/components/footer/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","FOOTER_SIZE","LANGUAGE_SELECTOR_STYLE_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE"],"sources":["components/footer/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/carbon-web-components/es/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,0DAA0D;;AAE7H;AACA;AACA;AACA,WAAYC,WAAW;;AAiBvB;;AAEA;AACA;AACA;AAFA,WAnBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAsBvB,WAAYC,8BAA8B;;AAa1C;AACA;AACA;AAFA,WAbYA,8BAA8B;EAA9BA,8BAA8B;EAA9BA,8BAA8B;AAAA,GAA9BA,8BAA8B,KAA9BA,8BAA8B;AAgB1C,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;AAUxB,WAVWA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa"}
+{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","FOOTER_SIZE","LANGUAGE_SELECTOR_STYLE_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE"],"sources":["components/footer/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/web-components/es/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,mDAAmD;;AAEtH;AACA;AACA;AACA,WAAYC,WAAW;;AAiBvB;;AAEA;AACA;AACA;AAFA,WAnBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAsBvB,WAAYC,8BAA8B;;AAa1C;AACA;AACA;AAFA,WAbYA,8BAA8B;EAA9BA,8BAA8B;EAA9BA,8BAA8B;AAAA,GAA9BA,8BAA8B,KAA9BA,8BAA8B;AAgB1C,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;AAUxB,WAVWA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa"}

package/es/components/footer/dropdown.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
+import BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';
 import { DROPDOWN_COLOR_SCHEME, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE, DROPDOWN_TYPE, NAVIGATION_DIRECTION } from './defs';
 export { DROPDOWN_COLOR_SCHEME, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE, DROPDOWN_TYPE, NAVIGATION_DIRECTION, };
 /**

package/es/components/footer/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,UAAU,MAAM,kEAAkE,CAAC;AAI1F,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,GACrB,CAAC;AAKF;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,SAAS,CAAC,UAAU,MAAC;IAErB;;OAEG;IAEH,4BAA4B;;;iBAGiC;IAE7D;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAkCrC,MAAM;CAgJP;AAED,eAAe,WAAW,CAAC","file":"dropdown.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, customElement, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';\nimport BXDropdownItem from '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '@carbon/carbon-web-components/es/icons/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/carbon-web-components/es/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires bx-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof BXDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as BXDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\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 = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\"\n          >\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\"\n          >\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\"\n      >\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}\n      >\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"button\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\"\n        >\n          ${this._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\"\n      >\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n}\n\nexport default DDSDropdown;\n"]}
+{"version":3,"sources":["components/footer/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,UAAU,MAAM,2DAA2D,CAAC;AAInF,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,GACrB,CAAC;AAKF;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,SAAS,CAAC,UAAU,MAAC;IAErB;;OAEG;IAEH,4BAA4B;;;iBAGiC;IAE7D;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAkCrC,MAAM;CAgJP;AAED,eAAe,WAAW,CAAC","file":"dropdown.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, customElement, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';\nimport BXDropdownItem from '@carbon/web-components/es/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '@carbon/web-components/es/icons/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/web-components/es/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires bx-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof BXDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as BXDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\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 = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\"\n          >\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\"\n          >\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\"\n      >\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}\n      >\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"button\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\"\n        >\n          ${this._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\"\n      >\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n}\n\nexport default DDSDropdown;\n"]}

package/es/components/footer/dropdown.js

@@ -18,9 +18,9 @@ import { classMap } from 'lit-html/directives/class-map.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, query, customElement, property } from 'lit-element';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import ChevronDown16 from '@carbon/carbon-web-components/es/icons/chevron--down/16.js';
-import WarningFilled16 from '@carbon/carbon-web-components/es/icons/warning--filled/16.js';
+import BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';
+import ChevronDown16 from '@carbon/web-components/es/icons/chevron--down/16.js';
+import WarningFilled16 from '@carbon/web-components/es/icons/warning--filled/16.js';
 import { DROPDOWN_COLOR_SCHEME, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE, DROPDOWN_TYPE, NAVIGATION_DIRECTION } from "./defs.js";
 import { forEach, indexOf } from "../../globals/internal/collection-helpers.js";
 export { DROPDOWN_COLOR_SCHEME, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE, DROPDOWN_TYPE, NAVIGATION_DIRECTION };