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

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

@@ -1 +1 @@
-{"version":3,"file":"filter-panel-input-select.js","names":["_litElement","require","_settings","_interopRequireDefault","_","_focus","_settings2","_stableSelector","_filterPanelCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanelInputSelect","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","type","selectorItem","_handleClickInner","event","_ref","eventContentStateChange","selected","target","closest","hasAttribute","removeAttribute","lastValue","setAttribute","dispatchEvent","CustomEvent","bubbles","composed","detail","getAttribute","headerValue","_this2","_ref2","_handleClickHeader","_this3","_ref3","eventInputSelect","isOpen","_handleSlotChange","_ref4","_items","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","updated","changedProperties","has","ariaLabel","title","_this$shadowRoot","_this$shadowRoot$quer","shadowRoot","querySelector","String","render","html","_taggedTemplateLiteral2","_handleKeydown","Close","_handleKeydownInner","stableSelector","styles","FocusMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/filter-panel/filter-panel-input-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.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';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The container of the input select.\n *\n * @element dds-filter-panel-input-select\n */\n@customElement(`${ddsPrefix}-filter-panel-input-select`)\nclass DDSFilterPanelInputSelect extends FocusMixin(\n  StableSelectorMixin(LitElement)\n) {\n  @property()\n  ariaLabel = '';\n\n  /**\n   * Sets the input selected dropdown to closed\n   */\n  @property({ attribute: 'is-open', type: Boolean })\n  isOpen = false;\n\n  /**\n   * sets the title value to a string\n   */\n  @property()\n  title!: string;\n\n  /**\n   * sets the selected value attribute to selected\n   */\n  @property({ attribute: 'selected', type: Boolean })\n  selected: boolean = false;\n\n  /**\n   * property for setting the value to a string\n   */\n  @property()\n  value: string = '';\n\n  /**\n   * targets the last selected item\n   */\n  @property()\n  lastValue: any;\n\n  static get selectorItem() {\n    return `${ddsPrefix}-filter-panel-input-select-item`;\n  }\n\n  /**\n   *\n   * @param event sets the selected value attribute to selected and removes the attribute from the 'lastvalue'\n   * @private\n   */\n  protected _handleClickInner(event) {\n    const { eventContentStateChange } = this\n      .constructor as typeof DDSFilterPanelInputSelect;\n    const selected = (event.target as Element).closest(\n      (this.constructor as typeof DDSFilterPanelInputSelect).selectorItem\n    ) as DDSFilterPanelInputSelectItem;\n    if (selected.hasAttribute('selected')) {\n      selected.removeAttribute('selected');\n    } else {\n      if (this.lastValue) {\n        this.lastValue.removeAttribute('selected');\n      }\n      this.selected = false;\n      this.removeAttribute('selected');\n      selected.setAttribute('selected', '');\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(eventContentStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: selected.getAttribute('value'),\n          lastValue: this.lastValue ? this.lastValue.getAttribute('value') : '',\n          headerValue: this.headerValue,\n        },\n      })\n    );\n    this.lastValue = selected;\n  }\n\n  /**\n   * Ensures the click header handler gets called upon clicking enter if focused.\n   *\n   * @param event captures the inputed key\n   * @private\n   */\n  private _handleKeydown = ({ key }: KeyboardEvent) => {\n    if (key === 'Enter') {\n      this._handleClickHeader();\n    }\n  };\n\n  /**\n   * Ensures the click inner handler gets called upon clicking enter if focused.\n   *\n   * @param event captures the inputed key\n   * @private\n   */\n  private _handleKeydownInner = (event: KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      this._handleClickInner(event);\n    }\n  };\n\n  /**\n   * sets the input select items to an array\n   */\n  @property()\n  _items: any[] = [];\n\n  /**\n   * sets header-value attribute to the input selected header\n   */\n  @property({ attribute: 'header-value' })\n  headerValue: string = '';\n\n  /**\n   * Toggles the input select dropdown and sets the header to selected and sets the value\n   *\n   * @private\n   */\n  protected _handleClickHeader() {\n    const { eventInputSelect } = this\n      .constructor as typeof DDSFilterPanelInputSelect;\n    this.isOpen = !this.isOpen;\n    this.selected = !this.selected;\n    this.dispatchEvent(\n      new CustomEvent(eventInputSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          headerValue: this.headerValue,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    this._items = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selected')) {\n      this.ariaLabel = `${this.title}, ${\n        this.selected ? 'selected' : 'unselected'\n      }`;\n    }\n    if (this._items.length) {\n      this.shadowRoot\n        ?.querySelector(`.${prefix}--input-container__heading`)\n        ?.setAttribute('aria-expanded', String(Boolean(this.isOpen)));\n    }\n  }\n\n  render() {\n    const { title } = this;\n    return html`\n      <div class=\"${prefix}--input-container\">\n        <div\n          class=\"${prefix}--input-container__heading\"\n          tabindex=\"1\"\n          @click=${this._handleClickHeader}\n          @keydown=${this._handleKeydown}\n          aria-controls=\"content\"\n          aria-label=\"${this.ariaLabel}\"\n          role=\"button\">\n          ${title}\n          <div class=\"${prefix}--close__icon\">\n            ${this.selected && this.isOpen ? Close() : null}\n          </div>\n        </div>\n        <ul\n          id=\"content\"\n          @click=${this._handleClickInner}\n          @keydown=${this._handleKeydownInner}\n          class=\"${this.isOpen\n            ? ''\n            : `${prefix}--selected-option-dropdown__hidden`} ${prefix}--selected-option-dropdown\">\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon selecting the title\n   */\n  static get eventInputSelect() {\n    return `${ddsPrefix}-filter-panel-input-select-title`;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventContentStateChange() {\n    return `${ddsPrefix}-filter-panel-input-select`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-input-select`;\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 DDSFilterPanelInputSelect;\n"],"mappings":"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"}
+{"version":3,"file":"filter-panel-input-select.js","names":["_litElement","require","_settings","_interopRequireDefault","_","_focus","_settings2","_stableSelector","_filterPanelCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanelInputSelect","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","type","selectorItem","_handleClickInner","event","_ref","eventContentStateChange","selected","target","closest","hasAttribute","removeAttribute","lastValue","setAttribute","dispatchEvent","CustomEvent","bubbles","composed","detail","getAttribute","headerValue","_this2","_ref2","_handleClickHeader","_this3","_ref3","eventInputSelect","isOpen","_handleSlotChange","_ref4","_items","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","updated","changedProperties","has","ariaLabel","title","_this$shadowRoot","_this$shadowRoot$quer","shadowRoot","querySelector","String","render","html","_taggedTemplateLiteral2","_handleKeydown","Close","_handleKeydownInner","stableSelector","styles","FocusMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/filter-panel/filter-panel-input-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.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';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The container of the input select.\n *\n * @element dds-filter-panel-input-select\n */\n@customElement(`${ddsPrefix}-filter-panel-input-select`)\nclass DDSFilterPanelInputSelect extends FocusMixin(\n  StableSelectorMixin(LitElement)\n) {\n  @property()\n  ariaLabel = '';\n\n  /**\n   * Sets the input selected dropdown to closed\n   */\n  @property({ attribute: 'is-open', type: Boolean })\n  isOpen = false;\n\n  /**\n   * sets the title value to a string\n   */\n  @property()\n  title!: string;\n\n  /**\n   * sets the selected value attribute to selected\n   */\n  @property({ attribute: 'selected', type: Boolean })\n  selected: boolean = false;\n\n  /**\n   * property for setting the value to a string\n   */\n  @property()\n  value: string = '';\n\n  /**\n   * targets the last selected item\n   */\n  @property()\n  lastValue: any;\n\n  static get selectorItem() {\n    return `${ddsPrefix}-filter-panel-input-select-item`;\n  }\n\n  /**\n   *\n   * @param event sets the selected value attribute to selected and removes the attribute from the 'lastvalue'\n   * @private\n   */\n  protected _handleClickInner(event) {\n    const { eventContentStateChange } = this\n      .constructor as typeof DDSFilterPanelInputSelect;\n    const selected = (event.target as Element).closest(\n      (this.constructor as typeof DDSFilterPanelInputSelect).selectorItem\n    ) as DDSFilterPanelInputSelectItem;\n    if (selected.hasAttribute('selected')) {\n      selected.removeAttribute('selected');\n    } else {\n      if (this.lastValue) {\n        this.lastValue.removeAttribute('selected');\n      }\n      this.selected = false;\n      this.removeAttribute('selected');\n      selected.setAttribute('selected', '');\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(eventContentStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: selected.getAttribute('value'),\n          lastValue: this.lastValue ? this.lastValue.getAttribute('value') : '',\n          headerValue: this.headerValue,\n        },\n      })\n    );\n    this.lastValue = selected;\n  }\n\n  /**\n   * Ensures the click header handler gets called upon clicking enter if focused.\n   *\n   * @param event captures the inputed key\n   * @private\n   */\n  private _handleKeydown = ({ key }: KeyboardEvent) => {\n    if (key === 'Enter') {\n      this._handleClickHeader();\n    }\n  };\n\n  /**\n   * Ensures the click inner handler gets called upon clicking enter if focused.\n   *\n   * @param event captures the inputed key\n   * @private\n   */\n  private _handleKeydownInner = (event: KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      this._handleClickInner(event);\n    }\n  };\n\n  /**\n   * sets the input select items to an array\n   */\n  @property()\n  _items: any[] = [];\n\n  /**\n   * sets header-value attribute to the input selected header\n   */\n  @property({ attribute: 'header-value' })\n  headerValue: string = '';\n\n  /**\n   * Toggles the input select dropdown and sets the header to selected and sets the value\n   *\n   * @private\n   */\n  protected _handleClickHeader() {\n    const { eventInputSelect } = this\n      .constructor as typeof DDSFilterPanelInputSelect;\n    this.isOpen = !this.isOpen;\n    this.selected = !this.selected;\n    this.dispatchEvent(\n      new CustomEvent(eventInputSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          headerValue: this.headerValue,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    this._items = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selected')) {\n      this.ariaLabel = `${this.title}, ${\n        this.selected ? 'selected' : 'unselected'\n      }`;\n    }\n    if (this._items.length) {\n      this.shadowRoot\n        ?.querySelector(`.${prefix}--input-container__heading`)\n        ?.setAttribute('aria-expanded', String(Boolean(this.isOpen)));\n    }\n  }\n\n  render() {\n    const { title } = this;\n    return html`\n      <div class=\"${prefix}--input-container\">\n        <div\n          class=\"${prefix}--input-container__heading\"\n          tabindex=\"1\"\n          @click=${this._handleClickHeader}\n          @keydown=${this._handleKeydown}\n          aria-controls=\"content\"\n          aria-label=\"${this.ariaLabel}\"\n          role=\"button\">\n          ${title}\n          <div class=\"${prefix}--close__icon\">\n            ${this.selected && this.isOpen ? Close() : null}\n          </div>\n        </div>\n        <ul\n          id=\"content\"\n          @click=${this._handleClickInner}\n          @keydown=${this._handleKeydownInner}\n          class=\"${this.isOpen\n            ? ''\n            : `${prefix}--selected-option-dropdown__hidden`} ${prefix}--selected-option-dropdown\">\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired upon selecting the title\n   */\n  static get eventInputSelect() {\n    return `${ddsPrefix}-filter-panel-input-select-title`;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventContentStateChange() {\n    return `${ddsPrefix}-filter-panel-input-select`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}-filter-panel-input-select`;\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 DDSFilterPanelInputSelect;\n"],"mappings":"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"}

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

@@ -53,6 +53,11 @@ declare const DDSFilterPanelModal_base: {
         id: string;
         readonly localName: string;
         readonly namespaceURI: string | null;
+        /**
+         * Handles user-initiated close request of this modal.
+         *
+         * @param triggeredBy The element that triggered this close request.
+         */
         onfullscreenchange: ((this: Element, ev: Event) => any) | null;
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
@@ -195,7 +200,7 @@ declare const DDSFilterPanelModal_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -516,7 +521,7 @@ declare const DDSFilterPanelModal_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/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,wEAAwE,CAAC;AAE7F,OAAO,uBAAuB,CAAC;AAG/B,OAAO,8EAA8E,CAAC;AACtF,OAAO,qFAAqF,CAAC;AAC7F,OAAO,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKvF;;;;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;IAoCN;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '../../internal/vendor/@carbon/web-components/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 '../../internal/vendor/@carbon/web-components/components/checkbox/checkbox.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-close-button.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-header.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\"></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}></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\"></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,wEAAwE,CAAC;AAE7F,OAAO,uBAAuB,CAAC;AAG/B,OAAO,8EAA8E,CAAC;AACtF,OAAO,qFAAqF,CAAC;AAC7F,OAAO,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqDrF;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDL;;;;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;IAoCN;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '../../internal/vendor/@carbon/web-components/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 '../../internal/vendor/@carbon/web-components/components/checkbox/checkbox.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-close-button.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * 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\"></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}></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\"></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

@@ -27,6 +27,7 @@ var _filterPanelCss = _interopRequireDefault(require("././filter-panel.css.js"))
 require("../../internal/vendor/@carbon/web-components/components/checkbox/checkbox.js");
 require("../../internal/vendor/@carbon/web-components/components/modal/modal-close-button.js");
 require("../../internal/vendor/@carbon/web-components/components/modal/modal-header.js");
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -38,7 +39,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  *
  * @element dds-filter-panel-modal
  */
-var DDSFilterPanelModal = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-filter-panel-modal"))], function (_initialize, _HostListenerMixin) {
+var DDSFilterPanelModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-filter-panel-modal"))], function (_initialize, _HostListenerMixin) {
   var DDSFilterPanelModal = /*#__PURE__*/function (_HostListenerMixin2) {
     (0, _inherits2["default"])(DDSFilterPanelModal, _HostListenerMixin2);
     var _super = _createSuper(DDSFilterPanelModal);

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

@@ -1 +1 @@
-{"version":3,"file":"filter-panel-modal.js","names":["_litElement","require","_settings","_interopRequireDefault","_hostListener","_modal","_settings2","_stableSelector","_filterPanelCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanelModal","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","_handleContentStateChange","_","_handleClear","_ref","eventSelectionClear","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","_handleUserClose","triggeredBy","open","init","cancelable","eventBeforeClose","eventClose","render","html","_taggedTemplateLiteral2","heading","hasSelections","selectorHeading","stableSelector","styles","HostListenerMixin","StableSelectorMixin","BXModal","_default","exports"],"sources":["components/filter-panel/filter-panel-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '../../internal/vendor/@carbon/web-components/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 '../../internal/vendor/@carbon/web-components/components/checkbox/checkbox.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-close-button.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-header.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\"></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}></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\"></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":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAD,sBAAA,CAAAF,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACAA,OAAA;AACA,IAAAM,eAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAL,sBAAA,CAAAF,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AAAuF,IAAAQ,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvF,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,mBAAmB,OAAAC,UAAA,cADxB,IAAAC,yBAAa,KAAAC,MAAA,CAAIN,SAAS,yBAAsB,aAAAO,WAAA,EAAAC,kBAAA;EAAA,IAC3CL,mBAAmB,0BAAAM,mBAAA;IAAA,IAAAC,UAAA,aAAAP,mBAAA,EAAAM,mBAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,mBAAA;IAAA,SAAAA,oBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,mBAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,mBAAA;EAAA,EAAAK,kBAAA;EAAA;IAAAa,CAAA,EAAnBlB,mBAAmB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAMtB,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACa,EAAE;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ1B;AACF;AACA;;MAIE;MACA,SAAAC,0BAAoCC,CAAc,EAAE,CAAC;;MAErD;AACF;AACA;IAFE;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAG,aAAA,EAAyB;QACvB,IAAAC,IAAA,GAAgC,IAAI,CACjC9C,WAAW;UADN+C,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;QAE3B,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAACF,mBAAmB,EAAE;UACnCG,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNC,KAAK,EAAE;UACT;QACF,CAAC,CAAC,CACH;MACH;;MAEA;AACF;AACA;IAFE;MAAAf,IAAA;MAAAC,UAAA,GAGC,IAAAC,oBAAQ,EAAC;QAAEc,SAAS,EAAE,gBAAgB;QAAEC,IAAI,EAAE/C;MAAQ,CAAC,CAAC;MAAAiC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKpB,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAHX;AACF;AACA;MAIE;AACF;AACA;AACA;AACA;MACE,SAAAc,iBAA2BC,WAA+B,EAAE;QAC1D,IAAI,IAAI,CAACC,IAAI,EAAE;UACb,IAAMC,IAAI,GAAG;YACXT,OAAO,EAAE,IAAI;YACbU,UAAU,EAAE,IAAI;YAChBT,QAAQ,EAAE,IAAI;YACdC,MAAM,EAAE;cACNK,WAAW,EAAXA;YACF;UACF,CAAC;UACD,IACE,IAAI,CAACT,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACjD,WAAW,CAAoB6D,gBAAgB,EACrDF,IAAI,CACL,CACF,EACD;YACA,IAAI,CAACD,IAAI,GAAG,KAAK;YACjB,IAAI,CAACV,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACjD,WAAW,CAAoB8D,UAAU,EAAEH,IAAI,CAAC,CACvE;UACH;QACF;MACF;IAAC;MAAArB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAA1E,eAAA,KAAAA,eAAA,OAAA2E,uBAAA,umCAGEpD,MAAM,EAGCA,MAAM,EAGT,IAAI,CAAC2C,gBAAgB,EACJ,IAAI,CAACU,OAAO,EAE5BrD,MAAM,EAGH,CAAC,IAAI,CAACsD,aAAa,EACvB,IAAI,CAACtB,YAAY,EAKjB,IAAI,CAACW,gBAAgB,EAQzB3C,MAAM;MAIrB;;MAEA;AACF;AACA;IAFE;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAmB,iBAAA,EAA8B;QAC5B,UAAAxC,MAAA,CAAUR,MAAM;MAClB;;MAEA;AACF;AACA;IAFE;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAIA,SAAAK,oBAAA,EAAiC;QAC/B,UAAA1B,MAAA,CAAUN,SAAS;MACrB;;MAEA;AACF;AACA;IAFE;MAAAuB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAIA,SAAA0B,gBAAA,EAA6B;QAC3B,UAAA/C,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA2B,eAAA,EAA4B;QAC1B,UAAAhD,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEe4B,0BAAM;MAAA;IAAA;EAAA;AAAA,GAvIU,IAAAC,wBAAiB,EACjD,IAAAC,0BAAmB,EAACC,iBAAO,CAAC,CAC7B;AAwID;AAAA,IAAAC,QAAA,GACexD,mBAAmB;AAAAyD,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"filter-panel-modal.js","names":["_litElement","require","_settings","_interopRequireDefault","_hostListener","_modal","_settings2","_stableSelector","_filterPanelCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanelModal","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","_handleContentStateChange","_","_handleClear","_ref","eventSelectionClear","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","_handleUserClose","triggeredBy","open","init","cancelable","eventBeforeClose","eventClose","render","html","_taggedTemplateLiteral2","heading","hasSelections","selectorHeading","stableSelector","styles","HostListenerMixin","StableSelectorMixin","BXModal","_default","exports"],"sources":["components/filter-panel/filter-panel-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport './filter-group';\nimport './filter-modal-button';\nimport './filter-modal-heading';\nimport BXModal from '../../internal/vendor/@carbon/web-components/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 '../../internal/vendor/@carbon/web-components/components/checkbox/checkbox.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-close-button.js';\nimport '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * 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\"></a>\n      <section class=\"${prefix}--filter-panel__section bx--modal-container\">\n        <bx-modal-header>\n          <bx-modal-close-button\n            @click=${this._handleUserClose}></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\"></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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"}

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

@@ -42,9 +42,7 @@ declare const DDSFilterPanel_base: {
         readonly clientHeight: number;
         readonly clientLeft: number;
         readonly clientTop: number;
-        readonly clientWidth: number; /**
-         * The name of the custom event fired to clear selections
-         */
+        readonly clientWidth: number;
         id: string;
         readonly localName: string;
         readonly namespaceURI: string | null;
@@ -190,7 +188,7 @@ declare const DDSFilterPanel_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -511,7 +509,7 @@ declare const DDSFilterPanel_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6EtE;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '../../internal/vendor/@carbon/web-components/icons/reset/16.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './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,EAAQ,UAAU,EAAY,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYzD;;;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '../../internal/vendor/@carbon/web-components/icons/reset/16.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The 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

@@ -20,6 +20,7 @@ var _hostListener = _interopRequireDefault(require("../../internal/vendor/@carbo
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _filterPanelCss = _interopRequireDefault(require("././filter-panel.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -31,7 +32,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  *
  * @element dds-filter-panel
  */
-var DDSFilterPanel = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-filter-panel"))], function (_initialize, _HostListenerMixin) {
+var DDSFilterPanel = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-filter-panel"))], function (_initialize, _HostListenerMixin) {
   var DDSFilterPanel = /*#__PURE__*/function (_HostListenerMixin2) {
     (0, _inherits2["default"])(DDSFilterPanel, _HostListenerMixin2);
     var _super = _createSuper(DDSFilterPanel);

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

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.js","names":["_litElement","require","_settings","_interopRequireDefault","_","_hostListener","_settings2","_stableSelector","_filterPanelCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanel","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","_handleClear","_ref","eventSelectionClear","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","render","html","_taggedTemplateLiteral2","heading","Reset","stableSelector","styles","HostListenerMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/filter-panel/filter-panel.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement, html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '../../internal/vendor/@carbon/web-components/icons/reset/16.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './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":"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"}
+{"version":3,"file":"filter-panel.js","names":["_litElement","require","_settings","_interopRequireDefault","_","_hostListener","_settings2","_stableSelector","_filterPanelCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSFilterPanel","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","_handleClear","_ref","eventSelectionClear","dispatchEvent","CustomEvent","bubbles","composed","detail","clear","attribute","type","render","html","_taggedTemplateLiteral2","heading","Reset","stableSelector","styles","HostListenerMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/filter-panel/filter-panel.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Reset from '../../internal/vendor/@carbon/web-components/icons/reset/16.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './filter-panel.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The 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":"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"}

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,qFAAqF,CAAC;AAIjH,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;IAuBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAgBjE;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport 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 '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/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  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            ${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,qFAAqF,CAAC;AAIjH,OAAO,WAAyC,MAAM,YAAY,CAAC;AAGnE,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;IAuBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAgBjE;;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, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/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';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\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  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            ${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

@@ -39,6 +39,7 @@ var _ = _interopRequireDefault(require("../../internal/vendor/@carbon/web-compon
 var _settings2 = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
 var _collectionHelpers = require("../../globals/internal/collection-helpers.js");
 var _dropdown = _interopRequireWildcard(require("./dropdown.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _dropdown2 = require("./dropdown");
 var _templateObject, _templateObject2;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -61,7 +62,7 @@ var prefix = _settings["default"].prefix;
  * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.
  * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.
  */
-var DDSComboBox = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-combo-box"))], function (_initialize, _DDSDropdown) {
+var DDSComboBox = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-combo-box"))], function (_initialize, _DDSDropdown) {
   var DDSComboBox = /*#__PURE__*/function (_DDSDropdown2) {
     (0, _inherits2["default"])(DDSComboBox, _DDSDropdown2);
     var _super = _createSuper(DDSComboBox);

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

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":["_settings","_interopRequireDefault","require","_litElement","_","_settings2","_collectionHelpers","_dropdown","_interopRequireWildcard","_dropdown2","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSComboBox","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","decorators","query","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","findIndex","forEach","i","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get2","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","DROPDOWN_KEYBOARD_ACTION","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_renderTriggerContent","disabled","triggerContent","filterInputValue","handleInput","html","_taggedTemplateLiteral2","_renderFollowingTriggerContent","clearSelectionLabel","undefined","Close16","property","attribute","shouldUpdate","changedProperties","selectedItemContent","_selectedItemContent","updated","listBoxNode","_listBoxNode","classList","add","Set","selectorItemHighlighted","selectorItemSelected","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect","DDSDropdown","_default","exports"],"sources":["components/footer/combo-box.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport 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 '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/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  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            ${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","_interopRequireDefault","require","_litElement","_","_settings2","_collectionHelpers","_dropdown","_interopRequireWildcard","_carbonElement","_dropdown2","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSComboBox","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","decorators","query","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","findIndex","forEach","i","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get2","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","DROPDOWN_KEYBOARD_ACTION","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_renderTriggerContent","disabled","triggerContent","filterInputValue","handleInput","html","_taggedTemplateLiteral2","_renderFollowingTriggerContent","clearSelectionLabel","undefined","Close16","property","attribute","shouldUpdate","changedProperties","selectedItemContent","_selectedItemContent","updated","listBoxNode","_listBoxNode","classList","add","Set","selectorItemHighlighted","selectorItemSelected","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect","DDSDropdown","_default","exports"],"sources":["components/footer/combo-box.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/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';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\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  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            ${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/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,UAAU,MAAM,8EAA8E,CAAC;AAItG,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;CA0IP;AAED,eAAe,WAAW,CAAC","file":"dropdown.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport 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 '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown.js';\nimport BXDropdownItem from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '../../internal/vendor/@carbon/web-components/icons/chevron--down/16.js';\nimport WarningFilled16 from '../../internal/vendor/@carbon/web-components/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            <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            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\">\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        ${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          ${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        ${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,8EAA8E,CAAC;AAItG,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAIhB,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;CA0IP;AAED,eAAe,WAAW,CAAC","file":"dropdown.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport 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, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown.js';\nimport BXDropdownItem from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '../../internal/vendor/@carbon/web-components/icons/chevron--down/16.js';\nimport WarningFilled16 from '../../internal/vendor/@carbon/web-components/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';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\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            <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            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\">\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        ${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          ${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        ${assistiveStatusText}\n      </div>\n    `;\n  }\n}\n\nexport default DDSDropdown;\n"]}