npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.26.0-rc.1 → 1.26.0-rc.3 - Mend

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

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

Files changed (788) hide show

package/es/components/filter-panel/filter-panel-composite.d.ts CHANGED Viewed

@@ -10,10 +10,10 @@ import { LitElement, TemplateResult } from 'lit-element';
 import './filter-group';
 import './filter-panel';
 import './filter-panel-modal';
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 declare const DDSFilterPanelComposite_base: {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -69,7 +69,12 @@ declare const DDSFilterPanelComposite_base: {
         closest<E extends Element = Element>(selectors: string): E | null;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
+        getAttributeNames(): string[]; /**
+         * Host listener for handling the state change when a checkbox is selected.
+         *
+         * @param event checkbox select event
+         * @private
+         */
         getAttributeNode(qualifiedName: string): Attr | null;
         getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
         getBoundingClientRect(): DOMRect;
@@ -161,16 +166,9 @@ declare const DDSFilterPanelComposite_base: {
         ariaBusy: string | null;
         ariaChecked: string | null;
         ariaColCount: string | null;
-        /**
-         * selected value property
-         */
         ariaColIndex: string | null;
         ariaColSpan: string | null;
-        ariaCurrent: string | null; /**
-         * Event handler for the clearing functionality
-         *
-         * @private
-         */
+        ariaCurrent: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -213,7 +211,11 @@ declare const DDSFilterPanelComposite_base: {
         readonly firstElementChild: Element | null;
         readonly lastElementChild: Element | null;
         append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
+        prepend(...nodes: (string | Node)[]): void; /**
+         * Sets the open modal to true
+         *
+         * @private
+         */
         querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
         querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
         querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
@@ -266,6 +268,9 @@ declare const DDSFilterPanelComposite_base: {
         onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
         onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        /**
+         * The name of the custom event captured upon selecting a checkbox
+         */
         onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
@@ -273,6 +278,9 @@ declare const DDSFilterPanelComposite_base: {
         onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        /**
+         * The name of the custom event captured upon closing the modal
+         */
         onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

package/es/components/filter-panel/filter-panel-composite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/filter-panel/filter-panel-composite.ts"],"names":[],"mappings":"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","file":"filter-panel-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n customElement,\n html,\n LitElement,\n property,\n state,\n TemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter from '@carbon/carbon-web-components/es/icons/filter/16.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport './filter-group';\nimport './filter-panel';\nimport './filter-panel-modal';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/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 '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';\nimport DDSFilterGroupItem from './filter-group-item';\nimport DDSFilterPanelCheckbox from './filter-panel-checkbox';\nimport DDSFilterPanelInputSelect from './filter-panel-input-select';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\n/*\n Filter panel composite\n \n @element dds-filter-panel-composite\n /\n@customElement(`${ddsPrefix}-filter-panel-composite`)\nclass DDSFilterPanelComposite extends HostListenerMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Host listener for handling the state change when a input select item is selected.\n \n @param event content state change\n * @private\n /\n @HostListener('document:eventInputSelectItem')\n protected _handleInputSelectItemStateChange = (event: CustomEvent) => {\n const { value, lastValue, headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelectItem;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n\n // remove the DDSInputSelect (header) value from list to add an inner child instead\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n\n if (!value) {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n return;\n }\n\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n }\n\n if (lastValue && this._selectedValues.includes(lastValue)) {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== lastValue\n );\n }\n // enables the clear button\n if (this._selectedValues) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n /\n Host listener for handling the state change when a checkbox is selected.\n \n @param event checkbox select event\n * @private\n /\n @HostListener('document:eventCheckboxSelect')\n protected _handleCheckboxStateChange = (event: CustomEvent) => {\n const { value } = event.detail;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach((e) => {\n if (e.getAttribute('value') === value) {\n e.toggleAttribute('checked');\n e.closest(`${ddsPrefix}-filter-group-item`)?.setAttribute('open', '');\n\n const { stableSelector } = DDSFilterPanelCheckbox;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n }\n });\n\n const filterGroupItems = this.querySelectorAll(\n `${ddsPrefix}-filter-group-item`\n );\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-group-item`)\n .forEach((filterGroupItem, index) => {\n if ((filterGroupItem as DDSFilterGroupItem).open) {\n (filterGroupItems[index] as DDSFilterGroupItem).open = true;\n }\n });\n\n // toggle value in list\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n } else {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n }\n\n // shows clear button depending on the list's length\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n } else {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n\n this.renderStatus();\n };\n\n /\n Host listener for caching filter group items' view all states.\n \n @param event filter group item view all toggle event\n * @private\n /\n @HostListener('document:eventFilterGroupViewAllToggle')\n protected _handleFilterGroupViewAllToggle = (event: CustomEvent) => {\n const match = this._filterGroupsAllRevealed.findIndex((entry) => {\n return entry.id === event.detail.id;\n });\n\n if (match !== -1) {\n this._filterGroupsAllRevealed[match].value = event.detail.value;\n } else {\n this._filterGroupsAllRevealed.push(event.detail);\n }\n };\n\n /\n handles modal close event\n /\n @HostListener('document:eventModalClose')\n protected modalCloseEvent = () => {\n this.openFilterModal = false;\n };\n\n /\n Handles the state change when an input select is selected.\n \n @param event title state change\n * @private\n /\n @HostListener('document:eventInputSelect')\n protected _handleInputSelectStateChange = (event: CustomEvent) => {\n const { headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelect;\n this._focusElement = `${stableSelector}[header-value=\"${headerValue}\"]`;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(\n (e) => {\n // capture the element counterpart in Filter Panel Modal\n if (e.getAttribute('header-value') === headerValue) {\n const currentGroup = e.closest(`${ddsPrefix}-filter-group-item`);\n currentGroup?.setAttribute('open', '');\n\n // Clears all other sibling items in the Filter Group\n currentGroup\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((inputSelect) => {\n if (inputSelect === e) return;\n this._selectedValues = this._selectedValues.filter(\n (str) => str !== inputSelect.getAttribute('header-value')\n );\n inputSelect.removeAttribute('selected');\n inputSelect.removeAttribute('is-open');\n });\n\n e.toggleAttribute('selected');\n e.toggleAttribute('is-open');\n }\n }\n );\n\n // toggle value in list\n if (!this._selectedValues.includes(headerValue)) {\n this._selectedValues.push(headerValue);\n } else {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n }\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n\n // enables the clear button\n if (this._selectedValues.length > 0) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n @HostListener('document:eventHeadingChange')\n protected _handleHeadingChange = () => {\n this.renderStatus();\n };\n\n /\n selected value property\n /\n @property({ type: String, reflect: true })\n selectValue = '';\n\n /\n Event handler for the clearing functionality\n \n @private\n /\n @HostListener('document:eventSelectionClear')\n protected _handleClearSelection = () => {\n this._selectedValues = [];\n\n // handles clear when clearing from the static filter panel modal\n this._contents.forEach((group) => {\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n });\n\n // handles clear when clearing from the filter panel static\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n\n // disables the button\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n\n this.renderStatus();\n };\n\n /\n `true` to open the locale modal.\n /\n @property({ type: Boolean })\n openFilterModal = false;\n\n /\n Sets the open modal to true\n \n @private\n /\n protected _openModal() {\n this.openFilterModal = true;\n }\n\n /\n \n /\n @property()\n _contents: any[] = [];\n\n /\n sets the array for the filter button title\n /\n @property()\n _title: any[] = [];\n\n /\n sets the selected values into an array\n /\n @property()\n _selectedValues: string[] = [];\n\n /\n sets the filter button title\n /\n @property()\n _filterButtonTitle: string = '';\n\n /\n stores which filter groups have revealed filters\n /\n @property()\n _filterGroupsAllRevealed: { id: string; value: boolean }[] = [];\n\n @property()\n _isMobile: boolean = window.innerWidth < breakpoint;\n\n /\n An element to set focus to on render.\n /\n @state()\n _focusElement: string \| null = null;\n\n @HostListener('window:resize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleWindowResize = (): void => {\n this._isMobile = window.innerWidth < breakpoint;\n };\n\n protected async _querySelectorMobile(id: string): Promise<Element \| null> {\n return this.querySelector(id);\n }\n\n protected async _querySelectorDesktop(id: string): Promise<Element \| null> {\n let element;\n if (this.shadowRoot) {\n element = this.shadowRoot.querySelector(id);\n }\n return element;\n }\n\n protected async _querySelector(id: string): Promise<Element \| null> {\n const { _isMobile } = this;\n let element;\n\n if (_isMobile) {\n element = await this._querySelectorMobile(id);\n } else {\n element = await this._querySelectorDesktop(id);\n }\n return element;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._contents = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n }\n\n protected renderStatus() {\n this._filterButtonTitle = `\n ${this._title[0].innerText}${\n this._selectedValues.length > 0 ? ` (${this._selectedValues.length})` : ''\n }\n `;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleTitleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this._filterButtonTitle = this._title[0].innerText;\n }\n\n /\n Renders original content into the modal and listens for changes to this\n * content to then be stored in `this._content`.\n /\n protected _renderModal = (): TemplateResult => html`\n <dds-filter-panel-modal\n ?open=${this.openFilterModal}\n heading=\"${this._filterButtonTitle}\"\n >\n <slot name=\"heading\" @slotchange=\"${this._handleTitleSlotChange}\"></slot>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </dds-filter-panel-modal>\n `;\n\n /\n Renders copies of slotted elements into the desktop presentation.\n /\n protected _renderDesktop = (): TemplateResult => html`\n <dds-filter-panel heading=\"${this._filterButtonTitle}\">\n ${this._title.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n ${this._contents.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n </dds-filter-panel>\n `;\n\n render() {\n return html`\n <button class=\"bx--filter-button\" @click=${this._openModal}>\n <div class=\"${prefix}--filter__modal__button\">\n ${this._filterButtonTitle} ${Filter()}\n </div>\n </button>\n ${this._renderModal()} ${this._renderDesktop()}\n `;\n }\n\n protected async updated() {\n const { _focusElement } = this;\n\n if (_focusElement) {\n const targetElement = await this._querySelector(_focusElement);\n\n if (targetElement instanceof HTMLElement) {\n targetElement?.focus();\n }\n\n this._focusElement = null;\n }\n }\n\n /\n The name of the custom event captured upon selecting a checkbox\n /\n\n static get eventCheckboxSelect() {\n return `${ddsPrefix}-checkbox-select`;\n }\n\n /\n The name of the custom event captured upon selecting an input select item.\n /\n\n static get eventInputSelectItem() {\n return `${ddsPrefix}-filter-panel-input-select`;\n }\n\n /\n The name of the custom event captured upon activating \"view all\" button in\n * a filter group item\n /\n\n static get eventFilterGroupViewAllToggle() {\n return `${ddsPrefix}-filter-group-view-all-toggle`;\n }\n\n /\n The name of the custom event captured upon closing the modal\n /\n\n static get eventModalClose() {\n return `${prefix}-modal-beingclosed`;\n }\n\n /\n The name of the custom event capture upon selecting an input select item\n /\n\n static get eventInputSelect() {\n return `${ddsPrefix}-filter-panel-input-select-title`;\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 /\n The name of the custom event capture when the heading changes\n /\n\n static get eventHeadingChange() {\n return `${ddsPrefix}-filter-panel-heading-change`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-composite`;\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 DDSFilterPanelComposite;\n"]}
1	+ {"version":3,"sources":["components/filter-panel/filter-panel-composite.ts"],"names":[],"mappings":"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","file":"filter-panel-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n customElement,\n html,\n LitElement,\n property,\n state,\n TemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter from '@carbon/web-components/es/icons/filter/16.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport './filter-group';\nimport './filter-panel';\nimport './filter-panel-modal';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/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 '@carbon/web-components/es/components/checkbox/checkbox.js';\nimport DDSFilterGroupItem from './filter-group-item';\nimport DDSFilterPanelCheckbox from './filter-panel-checkbox';\nimport DDSFilterPanelInputSelect from './filter-panel-input-select';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\n/*\n Filter panel composite\n \n @element dds-filter-panel-composite\n /\n@customElement(`${ddsPrefix}-filter-panel-composite`)\nclass DDSFilterPanelComposite extends HostListenerMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Host listener for handling the state change when a input select item is selected.\n \n @param event content state change\n * @private\n /\n @HostListener('document:eventInputSelectItem')\n protected _handleInputSelectItemStateChange = (event: CustomEvent) => {\n const { value, lastValue, headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelectItem;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n\n // remove the DDSInputSelect (header) value from list to add an inner child instead\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n\n if (!value) {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n return;\n }\n\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n }\n\n if (lastValue && this._selectedValues.includes(lastValue)) {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== lastValue\n );\n }\n // enables the clear button\n if (this._selectedValues) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n /\n Host listener for handling the state change when a checkbox is selected.\n \n @param event checkbox select event\n * @private\n /\n @HostListener('document:eventCheckboxSelect')\n protected _handleCheckboxStateChange = (event: CustomEvent) => {\n const { value } = event.detail;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach((e) => {\n if (e.getAttribute('value') === value) {\n e.toggleAttribute('checked');\n e.closest(`${ddsPrefix}-filter-group-item`)?.setAttribute('open', '');\n\n const { stableSelector } = DDSFilterPanelCheckbox;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n }\n });\n\n const filterGroupItems = this.querySelectorAll(\n `${ddsPrefix}-filter-group-item`\n );\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-group-item`)\n .forEach((filterGroupItem, index) => {\n if ((filterGroupItem as DDSFilterGroupItem).open) {\n (filterGroupItems[index] as DDSFilterGroupItem).open = true;\n }\n });\n\n // toggle value in list\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n } else {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n }\n\n // shows clear button depending on the list's length\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n } else {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n\n this.renderStatus();\n };\n\n /\n Host listener for caching filter group items' view all states.\n \n @param event filter group item view all toggle event\n * @private\n /\n @HostListener('document:eventFilterGroupViewAllToggle')\n protected _handleFilterGroupViewAllToggle = (event: CustomEvent) => {\n const match = this._filterGroupsAllRevealed.findIndex((entry) => {\n return entry.id === event.detail.id;\n });\n\n if (match !== -1) {\n this._filterGroupsAllRevealed[match].value = event.detail.value;\n } else {\n this._filterGroupsAllRevealed.push(event.detail);\n }\n };\n\n /\n handles modal close event\n /\n @HostListener('document:eventModalClose')\n protected modalCloseEvent = () => {\n this.openFilterModal = false;\n };\n\n /\n Handles the state change when an input select is selected.\n \n @param event title state change\n * @private\n /\n @HostListener('document:eventInputSelect')\n protected _handleInputSelectStateChange = (event: CustomEvent) => {\n const { headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelect;\n this._focusElement = `${stableSelector}[header-value=\"${headerValue}\"]`;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(\n (e) => {\n // capture the element counterpart in Filter Panel Modal\n if (e.getAttribute('header-value') === headerValue) {\n const currentGroup = e.closest(`${ddsPrefix}-filter-group-item`);\n currentGroup?.setAttribute('open', '');\n\n // Clears all other sibling items in the Filter Group\n currentGroup\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((inputSelect) => {\n if (inputSelect === e) return;\n this._selectedValues = this._selectedValues.filter(\n (str) => str !== inputSelect.getAttribute('header-value')\n );\n inputSelect.removeAttribute('selected');\n inputSelect.removeAttribute('is-open');\n });\n\n e.toggleAttribute('selected');\n e.toggleAttribute('is-open');\n }\n }\n );\n\n // toggle value in list\n if (!this._selectedValues.includes(headerValue)) {\n this._selectedValues.push(headerValue);\n } else {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n }\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n\n // enables the clear button\n if (this._selectedValues.length > 0) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n @HostListener('document:eventHeadingChange')\n protected _handleHeadingChange = () => {\n this.renderStatus();\n };\n\n /\n selected value property\n /\n @property({ type: String, reflect: true })\n selectValue = '';\n\n /\n Event handler for the clearing functionality\n \n @private\n /\n @HostListener('document:eventSelectionClear')\n protected _handleClearSelection = () => {\n this._selectedValues = [];\n\n // handles clear when clearing from the static filter panel modal\n this._contents.forEach((group) => {\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n });\n\n // handles clear when clearing from the filter panel static\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n\n // disables the button\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n\n this.renderStatus();\n };\n\n /\n `true` to open the locale modal.\n /\n @property({ type: Boolean })\n openFilterModal = false;\n\n /\n Sets the open modal to true\n \n @private\n /\n protected _openModal() {\n this.openFilterModal = true;\n }\n\n /\n \n /\n @property()\n _contents: any[] = [];\n\n /\n sets the array for the filter button title\n /\n @property()\n _title: any[] = [];\n\n /\n sets the selected values into an array\n /\n @property()\n _selectedValues: string[] = [];\n\n /\n sets the filter button title\n /\n @property()\n _filterButtonTitle: string = '';\n\n /\n stores which filter groups have revealed filters\n /\n @property()\n _filterGroupsAllRevealed: { id: string; value: boolean }[] = [];\n\n @property()\n _isMobile: boolean = window.innerWidth < breakpoint;\n\n /\n An element to set focus to on render.\n /\n @state()\n _focusElement: string \| null = null;\n\n @HostListener('window:resize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleWindowResize = (): void => {\n this._isMobile = window.innerWidth < breakpoint;\n };\n\n protected async _querySelectorMobile(id: string): Promise<Element \| null> {\n return this.querySelector(id);\n }\n\n protected async _querySelectorDesktop(id: string): Promise<Element \| null> {\n let element;\n if (this.shadowRoot) {\n element = this.shadowRoot.querySelector(id);\n }\n return element;\n }\n\n protected async _querySelector(id: string): Promise<Element \| null> {\n const { _isMobile } = this;\n let element;\n\n if (_isMobile) {\n element = await this._querySelectorMobile(id);\n } else {\n element = await this._querySelectorDesktop(id);\n }\n return element;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._contents = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n }\n\n protected renderStatus() {\n this._filterButtonTitle = `\n ${this._title[0].innerText}${\n this._selectedValues.length > 0 ? ` (${this._selectedValues.length})` : ''\n }\n `;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleTitleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this._filterButtonTitle = this._title[0].innerText;\n }\n\n /\n Renders original content into the modal and listens for changes to this\n * content to then be stored in `this._content`.\n /\n protected _renderModal = (): TemplateResult => html`\n <dds-filter-panel-modal\n ?open=${this.openFilterModal}\n heading=\"${this._filterButtonTitle}\"\n >\n <slot name=\"heading\" @slotchange=\"${this._handleTitleSlotChange}\"></slot>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </dds-filter-panel-modal>\n `;\n\n /\n Renders copies of slotted elements into the desktop presentation.\n /\n protected _renderDesktop = (): TemplateResult => html`\n <dds-filter-panel heading=\"${this._filterButtonTitle}\">\n ${this._title.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n ${this._contents.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n </dds-filter-panel>\n `;\n\n render() {\n return html`\n <button class=\"bx--filter-button\" @click=${this._openModal}>\n <div class=\"${prefix}--filter__modal__button\">\n ${this._filterButtonTitle} ${Filter()}\n </div>\n </button>\n ${this._renderModal()} ${this._renderDesktop()}\n `;\n }\n\n protected async updated() {\n const { _focusElement } = this;\n\n if (_focusElement) {\n const targetElement = await this._querySelector(_focusElement);\n\n if (targetElement instanceof HTMLElement) {\n targetElement?.focus();\n }\n\n this._focusElement = null;\n }\n }\n\n /\n The name of the custom event captured upon selecting a checkbox\n /\n\n static get eventCheckboxSelect() {\n return `${ddsPrefix}-checkbox-select`;\n }\n\n /\n The name of the custom event captured upon selecting an input select item.\n /\n\n static get eventInputSelectItem() {\n return `${ddsPrefix}-filter-panel-input-select`;\n }\n\n /\n The name of the custom event captured upon activating \"view all\" button in\n * a filter group item\n /\n\n static get eventFilterGroupViewAllToggle() {\n return `${ddsPrefix}-filter-group-view-all-toggle`;\n }\n\n /\n The name of the custom event captured upon closing the modal\n /\n\n static get eventModalClose() {\n return `${prefix}-modal-beingclosed`;\n }\n\n /\n The name of the custom event capture upon selecting an input select item\n /\n\n static get eventInputSelect() {\n return `${ddsPrefix}-filter-panel-input-select-title`;\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 /\n The name of the custom event capture when the heading changes\n /\n\n static get eventHeadingChange() {\n return `${ddsPrefix}-filter-panel-heading-change`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-composite`;\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 DDSFilterPanelComposite;\n"]}

package/es/components/filter-panel/filter-panel-composite.js CHANGED Viewed

@@ -16,18 +16,18 @@ let _ = t => t,
 import { customElement, html, LitElement, property, state } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Filter from '@carbon/carbon-web-components/es/icons/filter/16.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import Filter from '@carbon/web-components/es/icons/filter/16.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
 import "./filter-group.js";
 import "./filter-panel.js";
 import "./filter-panel-modal.js";
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././filter-panel.css.js";
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 import DDSFilterPanelCheckbox from "./filter-panel-checkbox.js";
 import DDSFilterPanelInputSelect from "./filter-panel-input-select.js";
 import DDSFilterPanelInputSelectItem from "./filter-panel-input-select-item.js";

package/es/components/filter-panel/filter-panel-composite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-panel-composite.js","names":["customElement","html","LitElement","property","state","settings","Filter","HostListenerMixin","baseFontSize","breakpoints","unsafeHTML","HostListener","ddsSettings","StableSelectorMixin","styles","DDSFilterPanelCheckbox","DDSFilterPanelInputSelect","DDSFilterPanelInputSelectItem","prefix","stablePrefix","ddsPrefix","breakpoint","parseFloat","lg","width","DDSFilterPanelComposite","event","value","lastValue","headerValue","detail","stableSelector","_focusElement","_selectedValues","filter","e","length","shadowRoot","querySelector","removeAttribute","includes","push","setAttribute","renderStatus","querySelectorAll","forEach","getAttribute","toggleAttribute","closest","filterGroupItems","filterGroupItem","index","open","match","_filterGroupsAllRevealed","findIndex","entry","id","openFilterModal","currentGroup","inputSelect","str","type","String","reflect","_contents","group","Boolean","window","innerWidth","_isMobile","element","_querySelectorMobile","_querySelectorDesktop","target","assignedNodes","node","nodeType","Node","TEXT_NODE","textContent","trim","_filterButtonTitle","_title","innerText","_handleTitleSlotChange","_handleSlotChange","map","outerHTML","_openModal","_renderModal","_renderDesktop","targetElement","_querySelector","HTMLElement","focus"],"sources":["components/filter-panel/filter-panel-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n customElement,\n html,\n LitElement,\n property,\n state,\n TemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter from '@carbon/carbon-web-components/es/icons/filter/16.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport './filter-group';\nimport './filter-panel';\nimport './filter-panel-modal';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/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 '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';\nimport DDSFilterGroupItem from './filter-group-item';\nimport DDSFilterPanelCheckbox from './filter-panel-checkbox';\nimport DDSFilterPanelInputSelect from './filter-panel-input-select';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\n/*\n Filter panel composite\n \n @element dds-filter-panel-composite\n /\n@customElement(`${ddsPrefix}-filter-panel-composite`)\nclass DDSFilterPanelComposite extends HostListenerMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Host listener for handling the state change when a input select item is selected.\n \n @param event content state change\n * @private\n /\n @HostListener('document:eventInputSelectItem')\n protected _handleInputSelectItemStateChange = (event: CustomEvent) => {\n const { value, lastValue, headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelectItem;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n\n // remove the DDSInputSelect (header) value from list to add an inner child instead\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n\n if (!value) {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n return;\n }\n\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n }\n\n if (lastValue && this._selectedValues.includes(lastValue)) {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== lastValue\n );\n }\n // enables the clear button\n if (this._selectedValues) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n /\n Host listener for handling the state change when a checkbox is selected.\n \n @param event checkbox select event\n * @private\n /\n @HostListener('document:eventCheckboxSelect')\n protected _handleCheckboxStateChange = (event: CustomEvent) => {\n const { value } = event.detail;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach((e) => {\n if (e.getAttribute('value') === value) {\n e.toggleAttribute('checked');\n e.closest(`${ddsPrefix}-filter-group-item`)?.setAttribute('open', '');\n\n const { stableSelector } = DDSFilterPanelCheckbox;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n }\n });\n\n const filterGroupItems = this.querySelectorAll(\n `${ddsPrefix}-filter-group-item`\n );\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-group-item`)\n .forEach((filterGroupItem, index) => {\n if ((filterGroupItem as DDSFilterGroupItem).open) {\n (filterGroupItems[index] as DDSFilterGroupItem).open = true;\n }\n });\n\n // toggle value in list\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n } else {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n }\n\n // shows clear button depending on the list's length\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n } else {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n\n this.renderStatus();\n };\n\n /\n Host listener for caching filter group items' view all states.\n \n @param event filter group item view all toggle event\n * @private\n /\n @HostListener('document:eventFilterGroupViewAllToggle')\n protected _handleFilterGroupViewAllToggle = (event: CustomEvent) => {\n const match = this._filterGroupsAllRevealed.findIndex((entry) => {\n return entry.id === event.detail.id;\n });\n\n if (match !== -1) {\n this._filterGroupsAllRevealed[match].value = event.detail.value;\n } else {\n this._filterGroupsAllRevealed.push(event.detail);\n }\n };\n\n /\n handles modal close event\n /\n @HostListener('document:eventModalClose')\n protected modalCloseEvent = () => {\n this.openFilterModal = false;\n };\n\n /\n Handles the state change when an input select is selected.\n \n @param event title state change\n * @private\n /\n @HostListener('document:eventInputSelect')\n protected _handleInputSelectStateChange = (event: CustomEvent) => {\n const { headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelect;\n this._focusElement = `${stableSelector}[header-value=\"${headerValue}\"]`;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(\n (e) => {\n // capture the element counterpart in Filter Panel Modal\n if (e.getAttribute('header-value') === headerValue) {\n const currentGroup = e.closest(`${ddsPrefix}-filter-group-item`);\n currentGroup?.setAttribute('open', '');\n\n // Clears all other sibling items in the Filter Group\n currentGroup\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((inputSelect) => {\n if (inputSelect === e) return;\n this._selectedValues = this._selectedValues.filter(\n (str) => str !== inputSelect.getAttribute('header-value')\n );\n inputSelect.removeAttribute('selected');\n inputSelect.removeAttribute('is-open');\n });\n\n e.toggleAttribute('selected');\n e.toggleAttribute('is-open');\n }\n }\n );\n\n // toggle value in list\n if (!this._selectedValues.includes(headerValue)) {\n this._selectedValues.push(headerValue);\n } else {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n }\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n\n // enables the clear button\n if (this._selectedValues.length > 0) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n @HostListener('document:eventHeadingChange')\n protected _handleHeadingChange = () => {\n this.renderStatus();\n };\n\n /\n selected value property\n /\n @property({ type: String, reflect: true })\n selectValue = '';\n\n /\n Event handler for the clearing functionality\n \n @private\n /\n @HostListener('document:eventSelectionClear')\n protected _handleClearSelection = () => {\n this._selectedValues = [];\n\n // handles clear when clearing from the static filter panel modal\n this._contents.forEach((group) => {\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n });\n\n // handles clear when clearing from the filter panel static\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n\n // disables the button\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n\n this.renderStatus();\n };\n\n /\n `true` to open the locale modal.\n /\n @property({ type: Boolean })\n openFilterModal = false;\n\n /\n Sets the open modal to true\n \n @private\n /\n protected _openModal() {\n this.openFilterModal = true;\n }\n\n /\n \n /\n @property()\n _contents: any[] = [];\n\n /\n sets the array for the filter button title\n /\n @property()\n _title: any[] = [];\n\n /\n sets the selected values into an array\n /\n @property()\n _selectedValues: string[] = [];\n\n /\n sets the filter button title\n /\n @property()\n _filterButtonTitle: string = '';\n\n /\n stores which filter groups have revealed filters\n /\n @property()\n _filterGroupsAllRevealed: { id: string; value: boolean }[] = [];\n\n @property()\n _isMobile: boolean = window.innerWidth < breakpoint;\n\n /\n An element to set focus to on render.\n /\n @state()\n _focusElement: string \| null = null;\n\n @HostListener('window:resize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleWindowResize = (): void => {\n this._isMobile = window.innerWidth < breakpoint;\n };\n\n protected async _querySelectorMobile(id: string): Promise<Element \| null> {\n return this.querySelector(id);\n }\n\n protected async _querySelectorDesktop(id: string): Promise<Element \| null> {\n let element;\n if (this.shadowRoot) {\n element = this.shadowRoot.querySelector(id);\n }\n return element;\n }\n\n protected async _querySelector(id: string): Promise<Element \| null> {\n const { _isMobile } = this;\n let element;\n\n if (_isMobile) {\n element = await this._querySelectorMobile(id);\n } else {\n element = await this._querySelectorDesktop(id);\n }\n return element;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._contents = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n }\n\n protected renderStatus() {\n this._filterButtonTitle = `\n ${this._title[0].innerText}${\n this._selectedValues.length > 0 ? ` (${this._selectedValues.length})` : ''\n }\n `;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleTitleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this._filterButtonTitle = this._title[0].innerText;\n }\n\n /\n Renders original content into the modal and listens for changes to this\n * content to then be stored in `this._content`.\n /\n protected _renderModal = (): TemplateResult => html`\n <dds-filter-panel-modal\n ?open=${this.openFilterModal}\n heading=\"${this._filterButtonTitle}\"\n >\n <slot name=\"heading\" @slotchange=\"${this._handleTitleSlotChange}\"></slot>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </dds-filter-panel-modal>\n `;\n\n /\n Renders copies of slotted elements into the desktop presentation.\n /\n protected _renderDesktop = (): TemplateResult => html`\n <dds-filter-panel heading=\"${this._filterButtonTitle}\">\n ${this._title.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n ${this._contents.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n </dds-filter-panel>\n `;\n\n render() {\n return html`\n <button class=\"bx--filter-button\" @click=${this._openModal}>\n <div class=\"${prefix}--filter__modal__button\">\n ${this._filterButtonTitle} ${Filter()}\n </div>\n </button>\n ${this._renderModal()} ${this._renderDesktop()}\n `;\n }\n\n protected async updated() {\n const { _focusElement } = this;\n\n if (_focusElement) {\n const targetElement = await this._querySelector(_focusElement);\n\n if (targetElement instanceof HTMLElement) {\n targetElement?.focus();\n }\n\n this._focusElement = null;\n }\n }\n\n /\n The name of the custom event captured upon selecting a checkbox\n /\n\n static get eventCheckboxSelect() {\n return `${ddsPrefix}-checkbox-select`;\n }\n\n /\n The name of the custom event captured upon selecting an input select item.\n /\n\n static get eventInputSelectItem() {\n return `${ddsPrefix}-filter-panel-input-select`;\n }\n\n /\n The name of the custom event captured upon activating \"view all\" button in\n * a filter group item\n /\n\n static get eventFilterGroupViewAllToggle() {\n return `${ddsPrefix}-filter-group-view-all-toggle`;\n }\n\n /\n The name of the custom event captured upon closing the modal\n /\n\n static get eventModalClose() {\n return `${prefix}-modal-beingclosed`;\n }\n\n /\n The name of the custom event capture upon selecting an input select item\n /\n\n static get eventInputSelect() {\n return `${ddsPrefix}-filter-panel-input-select-title`;\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 /\n The name of the custom event capture when the heading changes\n /\n\n static get eventHeadingChange() {\n return `${ddsPrefix}-filter-panel-heading-change`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-composite`;\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 DDSFilterPanelComposite;\n"],"mappings":"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"}
1	+ {"version":3,"file":"filter-panel-composite.js","names":["customElement","html","LitElement","property","state","settings","Filter","HostListenerMixin","baseFontSize","breakpoints","unsafeHTML","HostListener","ddsSettings","StableSelectorMixin","styles","DDSFilterPanelCheckbox","DDSFilterPanelInputSelect","DDSFilterPanelInputSelectItem","prefix","stablePrefix","ddsPrefix","breakpoint","parseFloat","lg","width","DDSFilterPanelComposite","event","value","lastValue","headerValue","detail","stableSelector","_focusElement","_selectedValues","filter","e","length","shadowRoot","querySelector","removeAttribute","includes","push","setAttribute","renderStatus","querySelectorAll","forEach","getAttribute","toggleAttribute","closest","filterGroupItems","filterGroupItem","index","open","match","_filterGroupsAllRevealed","findIndex","entry","id","openFilterModal","currentGroup","inputSelect","str","type","String","reflect","_contents","group","Boolean","window","innerWidth","_isMobile","element","_querySelectorMobile","_querySelectorDesktop","target","assignedNodes","node","nodeType","Node","TEXT_NODE","textContent","trim","_filterButtonTitle","_title","innerText","_handleTitleSlotChange","_handleSlotChange","map","outerHTML","_openModal","_renderModal","_renderDesktop","targetElement","_querySelector","HTMLElement","focus"],"sources":["components/filter-panel/filter-panel-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n customElement,\n html,\n LitElement,\n property,\n state,\n TemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter from '@carbon/web-components/es/icons/filter/16.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport './filter-group';\nimport './filter-panel';\nimport './filter-panel-modal';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/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 '@carbon/web-components/es/components/checkbox/checkbox.js';\nimport DDSFilterGroupItem from './filter-group-item';\nimport DDSFilterPanelCheckbox from './filter-panel-checkbox';\nimport DDSFilterPanelInputSelect from './filter-panel-input-select';\nimport DDSFilterPanelInputSelectItem from './filter-panel-input-select-item';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\n/*\n Filter panel composite\n \n @element dds-filter-panel-composite\n /\n@customElement(`${ddsPrefix}-filter-panel-composite`)\nclass DDSFilterPanelComposite extends HostListenerMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Host listener for handling the state change when a input select item is selected.\n \n @param event content state change\n * @private\n /\n @HostListener('document:eventInputSelectItem')\n protected _handleInputSelectItemStateChange = (event: CustomEvent) => {\n const { value, lastValue, headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelectItem;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n\n // remove the DDSInputSelect (header) value from list to add an inner child instead\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n\n if (!value) {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n return;\n }\n\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n }\n\n if (lastValue && this._selectedValues.includes(lastValue)) {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== lastValue\n );\n }\n // enables the clear button\n if (this._selectedValues) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n /\n Host listener for handling the state change when a checkbox is selected.\n \n @param event checkbox select event\n * @private\n /\n @HostListener('document:eventCheckboxSelect')\n protected _handleCheckboxStateChange = (event: CustomEvent) => {\n const { value } = event.detail;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`).forEach((e) => {\n if (e.getAttribute('value') === value) {\n e.toggleAttribute('checked');\n e.closest(`${ddsPrefix}-filter-group-item`)?.setAttribute('open', '');\n\n const { stableSelector } = DDSFilterPanelCheckbox;\n this._focusElement = `${stableSelector}[value=\"${value}\"]`;\n }\n });\n\n const filterGroupItems = this.querySelectorAll(\n `${ddsPrefix}-filter-group-item`\n );\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-group-item`)\n .forEach((filterGroupItem, index) => {\n if ((filterGroupItem as DDSFilterGroupItem).open) {\n (filterGroupItems[index] as DDSFilterGroupItem).open = true;\n }\n });\n\n // toggle value in list\n if (!this._selectedValues.includes(value)) {\n this._selectedValues.push(value);\n } else {\n this._selectedValues = this._selectedValues.filter((e) => e !== value);\n }\n\n // shows clear button depending on the list's length\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n } else {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n\n this.renderStatus();\n };\n\n /\n Host listener for caching filter group items' view all states.\n \n @param event filter group item view all toggle event\n * @private\n /\n @HostListener('document:eventFilterGroupViewAllToggle')\n protected _handleFilterGroupViewAllToggle = (event: CustomEvent) => {\n const match = this._filterGroupsAllRevealed.findIndex((entry) => {\n return entry.id === event.detail.id;\n });\n\n if (match !== -1) {\n this._filterGroupsAllRevealed[match].value = event.detail.value;\n } else {\n this._filterGroupsAllRevealed.push(event.detail);\n }\n };\n\n /\n handles modal close event\n /\n @HostListener('document:eventModalClose')\n protected modalCloseEvent = () => {\n this.openFilterModal = false;\n };\n\n /\n Handles the state change when an input select is selected.\n \n @param event title state change\n * @private\n /\n @HostListener('document:eventInputSelect')\n protected _handleInputSelectStateChange = (event: CustomEvent) => {\n const { headerValue } = event.detail;\n\n const { stableSelector } = DDSFilterPanelInputSelect;\n this._focusElement = `${stableSelector}[header-value=\"${headerValue}\"]`;\n\n // toggle checkbox in filter panel modal\n this.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`).forEach(\n (e) => {\n // capture the element counterpart in Filter Panel Modal\n if (e.getAttribute('header-value') === headerValue) {\n const currentGroup = e.closest(`${ddsPrefix}-filter-group-item`);\n currentGroup?.setAttribute('open', '');\n\n // Clears all other sibling items in the Filter Group\n currentGroup\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((inputSelect) => {\n if (inputSelect === e) return;\n this._selectedValues = this._selectedValues.filter(\n (str) => str !== inputSelect.getAttribute('header-value')\n );\n inputSelect.removeAttribute('selected');\n inputSelect.removeAttribute('is-open');\n });\n\n e.toggleAttribute('selected');\n e.toggleAttribute('is-open');\n }\n }\n );\n\n // toggle value in list\n if (!this._selectedValues.includes(headerValue)) {\n this._selectedValues.push(headerValue);\n } else {\n this._selectedValues = this._selectedValues.filter(\n (e) => e !== headerValue\n );\n }\n\n if (!this._selectedValues.length) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n }\n\n // enables the clear button\n if (this._selectedValues.length > 0) {\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.setAttribute('has-selections', '');\n this.shadowRoot!.querySelector(`${ddsPrefix}-filter-panel`)?.setAttribute(\n 'has-selections',\n ''\n );\n }\n this.renderStatus();\n };\n\n @HostListener('document:eventHeadingChange')\n protected _handleHeadingChange = () => {\n this.renderStatus();\n };\n\n /\n selected value property\n /\n @property({ type: String, reflect: true })\n selectValue = '';\n\n /\n Event handler for the clearing functionality\n \n @private\n /\n @HostListener('document:eventSelectionClear')\n protected _handleClearSelection = () => {\n this._selectedValues = [];\n\n // handles clear when clearing from the static filter panel modal\n this._contents.forEach((group) => {\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n group\n .querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n });\n\n // handles clear when clearing from the filter panel static\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-checkbox`)\n .forEach((e) => {\n e.removeAttribute('checked');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select-item`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n this.shadowRoot\n ?.querySelectorAll(`${ddsPrefix}-filter-panel-input-select`)\n .forEach((e) => {\n e.removeAttribute('selected');\n e.removeAttribute('is-open');\n });\n\n // disables the button\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel-modal`\n )?.removeAttribute('has-selections');\n this.shadowRoot!.querySelector(\n `${ddsPrefix}-filter-panel`\n )?.removeAttribute('has-selections');\n\n this.renderStatus();\n };\n\n /\n `true` to open the locale modal.\n /\n @property({ type: Boolean })\n openFilterModal = false;\n\n /\n Sets the open modal to true\n \n @private\n /\n protected _openModal() {\n this.openFilterModal = true;\n }\n\n /\n \n /\n @property()\n _contents: any[] = [];\n\n /\n sets the array for the filter button title\n /\n @property()\n _title: any[] = [];\n\n /\n sets the selected values into an array\n /\n @property()\n _selectedValues: string[] = [];\n\n /\n sets the filter button title\n /\n @property()\n _filterButtonTitle: string = '';\n\n /\n stores which filter groups have revealed filters\n /\n @property()\n _filterGroupsAllRevealed: { id: string; value: boolean }[] = [];\n\n @property()\n _isMobile: boolean = window.innerWidth < breakpoint;\n\n /\n An element to set focus to on render.\n /\n @state()\n _focusElement: string \| null = null;\n\n @HostListener('window:resize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleWindowResize = (): void => {\n this._isMobile = window.innerWidth < breakpoint;\n };\n\n protected async _querySelectorMobile(id: string): Promise<Element \| null> {\n return this.querySelector(id);\n }\n\n protected async _querySelectorDesktop(id: string): Promise<Element \| null> {\n let element;\n if (this.shadowRoot) {\n element = this.shadowRoot.querySelector(id);\n }\n return element;\n }\n\n protected async _querySelector(id: string): Promise<Element \| null> {\n const { _isMobile } = this;\n let element;\n\n if (_isMobile) {\n element = await this._querySelectorMobile(id);\n } else {\n element = await this._querySelectorDesktop(id);\n }\n return element;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._contents = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n }\n\n protected renderStatus() {\n this._filterButtonTitle = `\n ${this._title[0].innerText}${\n this._selectedValues.length > 0 ? ` (${this._selectedValues.length})` : ''\n }\n `;\n }\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleTitleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this._filterButtonTitle = this._title[0].innerText;\n }\n\n /\n Renders original content into the modal and listens for changes to this\n * content to then be stored in `this._content`.\n /\n protected _renderModal = (): TemplateResult => html`\n <dds-filter-panel-modal\n ?open=${this.openFilterModal}\n heading=\"${this._filterButtonTitle}\"\n >\n <slot name=\"heading\" @slotchange=\"${this._handleTitleSlotChange}\"></slot>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </dds-filter-panel-modal>\n `;\n\n /\n Renders copies of slotted elements into the desktop presentation.\n /\n protected _renderDesktop = (): TemplateResult => html`\n <dds-filter-panel heading=\"${this._filterButtonTitle}\">\n ${this._title.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n ${this._contents.map((e) => {\n return html` ${unsafeHTML((e as HTMLElement).outerHTML)} `;\n })}\n </dds-filter-panel>\n `;\n\n render() {\n return html`\n <button class=\"bx--filter-button\" @click=${this._openModal}>\n <div class=\"${prefix}--filter__modal__button\">\n ${this._filterButtonTitle} ${Filter()}\n </div>\n </button>\n ${this._renderModal()} ${this._renderDesktop()}\n `;\n }\n\n protected async updated() {\n const { _focusElement } = this;\n\n if (_focusElement) {\n const targetElement = await this._querySelector(_focusElement);\n\n if (targetElement instanceof HTMLElement) {\n targetElement?.focus();\n }\n\n this._focusElement = null;\n }\n }\n\n /\n The name of the custom event captured upon selecting a checkbox\n /\n\n static get eventCheckboxSelect() {\n return `${ddsPrefix}-checkbox-select`;\n }\n\n /\n The name of the custom event captured upon selecting an input select item.\n /\n\n static get eventInputSelectItem() {\n return `${ddsPrefix}-filter-panel-input-select`;\n }\n\n /\n The name of the custom event captured upon activating \"view all\" button in\n * a filter group item\n /\n\n static get eventFilterGroupViewAllToggle() {\n return `${ddsPrefix}-filter-group-view-all-toggle`;\n }\n\n /\n The name of the custom event captured upon closing the modal\n /\n\n static get eventModalClose() {\n return `${prefix}-modal-beingclosed`;\n }\n\n /\n The name of the custom event capture upon selecting an input select item\n /\n\n static get eventInputSelect() {\n return `${ddsPrefix}-filter-panel-input-select-title`;\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 /\n The name of the custom event capture when the heading changes\n /\n\n static get eventHeadingChange() {\n return `${ddsPrefix}-filter-panel-heading-change`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-composite`;\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 DDSFilterPanelComposite;\n"],"mappings":"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"}

package/es/components/filter-panel/filter-panel-input-select-item.d.ts CHANGED Viewed

@@ -24,9 +24,6 @@ declare const DDSFilterPanelInputSelectItem_base: (new (...args: any[]) => {
     readonly offsetTop: number;
     readonly offsetWidth: number;
     outerText: string;
-    /**
-     * Property for the input select item value
-     */
     spellcheck: boolean;
     title: string;
     translate: boolean;

package/es/components/filter-panel/filter-panel-input-select-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/filter-panel/filter-panel-input-select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;IAoBtE;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAXL;;;;GAIG;AACH,cACM,6BAA8B,SAAQ,kCAE3C;IACC;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAM;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAU7C,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAUzB,MAAM;IASN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,6BAA6B,CAAC","file":"filter-panel-input-select-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/~~carbon-~~web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/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';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The input select inner dropdown.\n \n @element dds-filter-panel-input-select-item\n /\n@customElement(`${ddsPrefix}-filter-panel-input-select-item`)\nclass DDSFilterPanelInputSelectItem extends FocusMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Property for the input select item value\n /\n @property()\n _title: string = '';\n\n /\n sets the input select dropdown to unselected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement).assignedNodes()[0]\n .textContent as string;\n\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n\n connectedCallback() {\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', '0');\n }\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', `${String(Boolean(this.selected))}`);\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n }\n\n render() {\n return html`\n <slot @slotchange=${this._handleSlotChange}></slot>\n <div class=\"${prefix}--close__icon\">\n ${this.selected ? Close() : null}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-input-select-item`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelInputSelectItem;\n"]}
1	+ {"version":3,"sources":["components/filter-panel/filter-panel-input-select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWxE;;;;GAIG;AACH,cACM,6BAA8B,SAAQ,kCAE3C;IACC;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAM;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAU7C,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAUzB,MAAM;IASN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,6BAA6B,CAAC","file":"filter-panel-input-select-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/web-components/es/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';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The input select inner dropdown.\n \n @element dds-filter-panel-input-select-item\n /\n@customElement(`${ddsPrefix}-filter-panel-input-select-item`)\nclass DDSFilterPanelInputSelectItem extends FocusMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Property for the input select item value\n /\n @property()\n _title: string = '';\n\n /\n sets the input select dropdown to unselected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement).assignedNodes()[0]\n .textContent as string;\n\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n\n connectedCallback() {\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', '0');\n }\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', `${String(Boolean(this.selected))}`);\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n }\n\n render() {\n return html`\n <slot @slotchange=${this._handleSlotChange}></slot>\n <div class=\"${prefix}--close__icon\">\n ${this.selected ? Close() : null}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-input-select-item`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelInputSelectItem;\n"]}

package/es/components/filter-panel/filter-panel-input-select-item.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-panel-input-select-item.js","names":["customElement","html","property","LitElement","settings","Close","FocusMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelInputSelectItem","type","Boolean","reflect","target","_title","assignedNodes","textContent","setAttribute","selected","hasAttribute","changedProperties","has","String","_handleSlotChange"],"sources":["components/filter-panel/filter-panel-input-select-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/~~carbon-~~web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/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';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The input select inner dropdown.\n \n @element dds-filter-panel-input-select-item\n /\n@customElement(`${ddsPrefix}-filter-panel-input-select-item`)\nclass DDSFilterPanelInputSelectItem extends FocusMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Property for the input select item value\n /\n @property()\n _title: string = '';\n\n /\n sets the input select dropdown to unselected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement).assignedNodes()[0]\n .textContent as string;\n\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n\n connectedCallback() {\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', '0');\n }\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', `${String(Boolean(this.selected))}`);\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n }\n\n render() {\n return html`\n <slot @slotchange=${this._handleSlotChange}></slot>\n <div class=\"${prefix}--close__icon\">\n ${this.selected ? Close() : null}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-input-select-item`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelInputSelectItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,KAAK,MAAM,~~oDAAoD~~;~~AACtE~~,OAAOC,UAAU,MAAM,~~0DAA0D~~;~~AACjF~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;AAC3B,MAAM;EAAEO,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,6BAA6B,cADlCb,aAAa,CAAE,GAAEY,SAAU,iCAAgC,CAAC;EAA7D,MACMC,6BAA6B,qBAEjC;IAAA;MAAA;MAAA;IAAA;EA+DF;EAAC;IAAA,GAjEKA,6BAA6B;IAAA;MAAA;MAAA,aAMhCX,QAAQ,EAAE;MAAA;MAAA;QAAA,OACM,EAAE;MAAA;IAAA;MAAA;MAAA,aAKlBA,QAAQ,CAAC;QAAEY,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAVhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;MACE,2BAA4B;QAAEC;MAAc,CAAC,EAAE;QAC7C,IAAI,CAACC,MAAM,GAAID,MAAM,CAAqBE,aAAa,EAAE,CAAC,CAAC,CAAC,CACzDC,WAAqB;QAExB,IAAI,CAACC,YAAY,CACf,YAAY,EACX,GAAE,IAAI,CAACH,MAAO,KAAI,IAAI,CAACI,QAAQ,GAAG,UAAU,GAAG,YAAa,EAAC,CAC/D;MACH;IAAC;MAAA;MAAA;MAAA,OAED,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,UAAU,CAAC,EAAE;UAClC,IAAI,CAACF,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;QACpC;QAEA,IAAI,CAAC,IAAI,CAACE,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACF,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACA,qBAtCER,6BAA6B;MAuCjC;IAAC;MAAA;MAAA;MAAA,OAED,iBAAQW,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,IAAI,CAACJ,YAAY,CAAC,eAAe,EAAG,GAAEK,MAAM,CAACX,OAAO,CAAC,IAAI,CAACO,QAAQ,CAAC,CAAE,EAAC,CAAC;UACvE,IAAI,CAACD,YAAY,CACf,YAAY,EACX,GAAE,IAAI,CAACH,MAAO,KAAI,IAAI,CAACI,QAAQ,GAAG,UAAU,GAAG,YAAa,EAAC,CAC/D;QACH;MACF;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,OAAOrB,IAAI,cAAC;AAChB,0BAAwB,CAAyB;AACjD,oBAAkB,CAAS;AAC3B,UAAQ,CAAiC;AACzC;AACA,KAAI,GAJsB,IAAI,CAAC0B,iBAAiB,EAC5BjB,MAAM,EAChB,IAAI,CAACY,QAAQ,GAAGjB,KAAK,EAAE,GAAG,IAAI;MAGtC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEO,SAAU,iCAAgC;MACtD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAhEoBH,UAAU,CACpDE,mBAAmB,CAACL,UAAU,CAAC,CAChC,GAiED;AACA,eAAeU,6BAA6B"}
1	+ {"version":3,"file":"filter-panel-input-select-item.js","names":["customElement","html","property","LitElement","settings","Close","FocusMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelInputSelectItem","type","Boolean","reflect","target","_title","assignedNodes","textContent","setAttribute","selected","hasAttribute","changedProperties","has","String","_handleSlotChange"],"sources":["components/filter-panel/filter-panel-input-select-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/web-components/es/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';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The input select inner dropdown.\n \n @element dds-filter-panel-input-select-item\n /\n@customElement(`${ddsPrefix}-filter-panel-input-select-item`)\nclass DDSFilterPanelInputSelectItem extends FocusMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n Property for the input select item value\n /\n @property()\n _title: string = '';\n\n /\n sets the input select dropdown to unselected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n Handles `slotchange` event.\n \n @param event The event.\n /\n protected _handleSlotChange({ target }: Event) {\n this._title = (target as HTMLSlotElement).assignedNodes()[0]\n .textContent as string;\n\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n\n connectedCallback() {\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', '0');\n }\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', `${String(Boolean(this.selected))}`);\n this.setAttribute(\n 'aria-label',\n `${this._title}, ${this.selected ? 'selected' : 'unselected'}`\n );\n }\n }\n\n render() {\n return html`\n <slot @slotchange=${this._handleSlotChange}></slot>\n <div class=\"${prefix}--close__icon\">\n ${this.selected ? Close() : null}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-filter-panel-input-select-item`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFilterPanelInputSelectItem;\n"],"mappings":"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"}

package/es/components/filter-panel/filter-panel-input-select.d.ts CHANGED Viewed

@@ -18,7 +18,11 @@ declare const DDSFilterPanelInputSelect_base: (new (...args: any[]) => {
     inert: boolean;
     innerText: string;
     lang: string;
-    readonly offsetHeight: number;
+    readonly offsetHeight: number; /**
+     * The container of the input select.
+     *
+     * @element dds-filter-panel-input-select
+     */
     readonly offsetLeft: number;
     readonly offsetParent: Element | null;
     readonly offsetTop: number;

package/es/components/filter-panel/filter-panel-input-select.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/filter-panel/filter-panel-input-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYxE;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAEvC;IAEC,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;OAEG;IAEH,SAAS,EAAE,GAAG,CAAC;IAEf,MAAM,KAAK,YAAY,WAEtB;IAED;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,KAAA;IA+BjC;;;;;OAKG;IACH,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB,CAIzB;IAEF;;OAEG;IAEH,MAAM,EAAE,GAAG,EAAE,CAAM;IAEnB;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB;IAgB5B;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAQ7C,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAgCN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"filter-panel-input-select.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/~~carbon-~~web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/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 >\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 >\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"]}
1	+ {"version":3,"sources":["components/filter-panel/filter-panel-input-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;mCAYxE;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJH;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAEvC;IAEC,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;OAEG;IAEH,SAAS,EAAE,GAAG,CAAC;IAEf,MAAM,KAAK,YAAY,WAEtB;IAED;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,KAAA;IA+BjC;;;;;OAKG;IACH,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB,CAIzB;IAEF;;OAEG;IAEH,MAAM,EAAE,GAAG,EAAE,CAAM;IAEnB;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB;IAgB5B;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAQ7C,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAgCN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"filter-panel-input-select.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/web-components/es/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 >\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 >\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"]}

package/es/components/filter-panel/filter-panel-input-select.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-panel-input-select.js","names":["customElement","html","property","LitElement","settings","Close","FocusMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelInputSelect","attribute","type","Boolean","event","eventContentStateChange","constructor","selected","target","closest","selectorItem","hasAttribute","removeAttribute","lastValue","setAttribute","dispatchEvent","CustomEvent","bubbles","composed","detail","value","getAttribute","headerValue","key","_handleClickHeader","_handleClickInner","eventInputSelect","isOpen","_items","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","changedProperties","has","ariaLabel","title","length","shadowRoot","querySelector","String","_handleKeydown","_handleKeydownInner","_handleSlotChange"],"sources":["components/filter-panel/filter-panel-input-select.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/carbon-web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/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 >\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 >\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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"}
1	+ {"version":3,"file":"filter-panel-input-select.js","names":["customElement","html","property","LitElement","settings","Close","FocusMixin","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFilterPanelInputSelect","attribute","type","Boolean","event","eventContentStateChange","constructor","selected","target","closest","selectorItem","hasAttribute","removeAttribute","lastValue","setAttribute","dispatchEvent","CustomEvent","bubbles","composed","detail","value","getAttribute","headerValue","key","_handleClickHeader","_handleClickInner","eventInputSelect","isOpen","_items","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","changedProperties","has","ariaLabel","title","length","shadowRoot","querySelector","String","_handleKeydown","_handleKeydownInner","_handleSlotChange"],"sources":["components/filter-panel/filter-panel-input-select.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { customElement, html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Close from '@carbon/web-components/es/icons/close/16.js';\nimport FocusMixin from '@carbon/web-components/es/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 >\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 >\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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"}