@digital-realty/ix-filter-select 1.0.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ix-filter-select
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,73 @@
+# \<ix-filter-select>
+
+This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+
+## Installation
+
+```bash
+npm i @digital-realty/ix-filter-select
+```
+
+## Usage
+
+```html
+<script type="module">
+  import '@digital-realty/ix-filter-select/ix-filter-select.js';
+  const items = [
+    'item 1',
+    'item 2'
+  ]
+</script>
+
+<ix-filter-select 
+  .options=${items}
+  value=${initial_value}
+  label="Filter Select"
+  ?required=${this.required}
+  ?disabled=${this.disabled}
+  ?error=${this.error}
+></ix-filter-select>
+```
+
+## Linting and formatting
+
+To scan the project for linting and formatting errors, run
+
+```bash
+npm run lint
+```
+
+To automatically fix linting and formatting errors, run
+
+```bash
+npm run format
+```
+
+## Testing with Web Test Runner
+
+To execute a single test run:
+
+```bash
+npm run test
+```
+
+To run the tests in interactive watch mode run:
+
+```bash
+npm run test:watch
+```
+
+
+## Tooling configs
+
+For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
+
+If you customize the configuration a lot, you can consider moving them to individual files.
+
+## Local Demo with `web-dev-server`
+
+```bash
+npm start
+```
+
+To run a local development server that serves the basic demo located in `demo/index.html`

package/dist/IxFilterSelect.d.ts

@@ -0,0 +1,94 @@
+import { LitElement } from 'lit';
+import '@digital-realty/ix-field/ix-field.js';
+import '@digital-realty/ix-menu/ix-menu.js';
+import '@digital-realty/ix-menu/ix-menu-item.js';
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
+import { IxMenu } from '@digital-realty/ix-menu';
+export declare class IxFilterSelect extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    /** @nocollapse */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+        registry?: CustomElementRegistry | undefined;
+    };
+    /** @nocollapse  */
+    static readonly formAssociated = true;
+    private readonly internals;
+    /**
+     * The associated form element with which this element's value will submit.
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * The labels this element is associated with.
+     */
+    get labels(): NodeList;
+    /**
+     * The HTML name to use in form submission.
+     */
+    get name(): string;
+    /**
+     * Returns the text field's validation error message.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
+     */
+    get validationMessage(): string;
+    /**
+     * Returns a `ValidityState` object that represents the validity states of the
+     * text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+     */
+    get validity(): ValidityState;
+    /**
+     * Returns whether an element will successfully validate based on forms
+     * validation rules and constraints.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
+     */
+    get willValidate(): boolean;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    menu: IxMenu;
+    inputFilter: HTMLInputElement;
+    options: string[];
+    value: string;
+    label: string;
+    errorText: string;
+    noFilteredOptions: string;
+    disabled: boolean;
+    /**
+     * Gets or sets whether or not the text field is in a visually invalid state.
+     *
+     * This error state overrides the error state controlled by
+     * `reportValidity()`.
+     */
+    error: boolean;
+    required: boolean;
+    private filteredOptions;
+    private filterValue;
+    private menuOpen;
+    private focused;
+    private menuOpening;
+    firstUpdated(): void;
+    updated(): void;
+    handleFocusin: (e: Event) => void;
+    handleFocusout: () => void;
+    handleMenuOpen: () => void;
+    menuOpened: () => void;
+    setMenuPosition: () => void;
+    handleMenuClose: () => void;
+    filterInput: (e: InputEvent) => void;
+    selectItem: (value: string) => void;
+    toggleOpen: (e: Event) => void;
+    clear: (e: Event) => void;
+    /** @private */
+    formResetCallback(): void;
+    /**
+     * Reset the text field to its default value.
+     */
+    reset(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/IxFilterSelect.js

@@ -0,0 +1,334 @@
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
+import '@digital-realty/ix-field/ix-field.js';
+import '@digital-realty/ix-menu/ix-menu.js';
+import '@digital-realty/ix-menu/ix-menu-item.js';
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
+import { IxFilterSelectStyles } from './ix-filter-select-styles.js';
+export class IxFilterSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.internals = this /* needed for closure */
+            .attachInternals();
+        this.options = [];
+        this.value = '';
+        this.label = '';
+        this.errorText = 'Invalid error text';
+        this.noFilteredOptions = 'No options';
+        this.disabled = false;
+        /**
+         * Gets or sets whether or not the text field is in a visually invalid state.
+         *
+         * This error state overrides the error state controlled by
+         * `reportValidity()`.
+         */
+        this.error = false;
+        this.required = false;
+        this.filteredOptions = [];
+        this.filterValue = '';
+        this.menuOpen = false;
+        this.focused = false;
+        this.menuOpening = false;
+        this.handleFocusin = (e) => {
+            const target = e.target;
+            if (target.tagName === 'MD-ICON-BUTTON' || this.disabled)
+                return;
+            this.menu.show();
+            this.focused = true;
+            this.menuOpening = true;
+            this.setMenuPosition();
+            this.internals.setFormValue(this.value);
+        };
+        this.handleFocusout = () => {
+            if (this.value.length || this.filterValue.length || this.menuOpening) {
+                this.focused = true;
+            }
+            else {
+                this.focused = false;
+            }
+        };
+        this.handleMenuOpen = () => {
+            this.focused = true;
+            this.menuOpen = true;
+            this.setMenuPosition();
+            this.internals.setFormValue(this.value);
+        };
+        this.menuOpened = () => {
+            this.setMenuPosition();
+            this.internals.setFormValue(this.value);
+            this.inputFilter.focus();
+            this.menuOpening = false;
+        };
+        this.setMenuPosition = () => {
+            var _a, _b;
+            const innerMenu = (_b = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.menu');
+            if (innerMenu) {
+                innerMenu.style.width = '100%';
+                innerMenu.style.insetBlockStart = '0';
+            }
+        };
+        this.handleMenuClose = () => {
+            if (this.value.length === 0 && this.filterValue.length === 0) {
+                this.focused = false;
+            }
+            this.menuOpen = false;
+        };
+        this.filterInput = (e) => {
+            var _a;
+            this.filterValue = e.target.value;
+            let value = '';
+            this.filteredOptions = this.options.filter(item => {
+                const filterValue = this.filterValue.trim().toLowerCase();
+                if (item.toLowerCase() === filterValue) {
+                    value = item;
+                }
+                return item.toLowerCase().includes(filterValue);
+            });
+            if (value !== this.value) {
+                this.value = value;
+            }
+            const menu = (_a = this.menu.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.menu');
+            if (menu) {
+                menu.style.height = 'auto';
+            }
+        };
+        this.selectItem = (value) => {
+            this.value = value;
+            this.filterValue = value;
+            this.filteredOptions = this.options;
+            this.focused = true;
+            this.menu.close();
+            this.dispatchEvent(new CustomEvent('select-filter-select', {
+                detail: { value },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this.toggleOpen = (e) => {
+            e.stopPropagation();
+            if (!this.menu.open) {
+                this.menu.show();
+                this.focused = true;
+                this.menuOpening = true;
+                this.setMenuPosition();
+            }
+            else {
+                this.menu.close();
+            }
+        };
+        this.clear = (e) => {
+            e.stopPropagation();
+            this.value = '';
+            this.filterValue = '';
+            this.focused = false;
+            this.dispatchEvent(new CustomEvent('clear-filter-select', {
+                bubbles: true,
+                composed: true,
+            }));
+        };
+    }
+    static get styles() {
+        return [IxFilterSelectStyles];
+    }
+    /**
+     * The associated form element with which this element's value will submit.
+     */
+    get form() {
+        return this.internals.form;
+    }
+    /**
+     * The labels this element is associated with.
+     */
+    get labels() {
+        return this.internals.labels;
+    }
+    /**
+     * The HTML name to use in form submission.
+     */
+    get name() {
+        var _a;
+        return (_a = this.getAttribute('name')) !== null && _a !== void 0 ? _a : '';
+    }
+    /**
+     * Returns the text field's validation error message.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
+     */
+    get validationMessage() {
+        return this.internals.validationMessage;
+    }
+    /**
+     * Returns a `ValidityState` object that represents the validity states of the
+     * text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+     */
+    get validity() {
+        return this.internals.validity;
+    }
+    /**
+     * Returns whether an element will successfully validate based on forms
+     * validation rules and constraints.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
+     */
+    get willValidate() {
+        return this.internals.willValidate;
+    }
+    checkValidity() {
+        return this.internals.checkValidity();
+    }
+    reportValidity() {
+        return this.internals.reportValidity();
+    }
+    firstUpdated() {
+        this.filteredOptions = this.options;
+        this.internals.setFormValue(this.value);
+    }
+    updated() {
+        this.setMenuPosition();
+        this.internals.setFormValue(this.value);
+    }
+    /** @private */
+    formResetCallback() {
+        this.reset();
+    }
+    /**
+     * Reset the text field to its default value.
+     */
+    reset() {
+        this.value = '';
+    }
+    render() {
+        var _a;
+        const classes = {
+            disabled: this.disabled,
+            error: !this.disabled && this.error,
+        };
+        return html `
+      <div class="filter-select">
+        <ix-field
+          class="${classMap(classes)}"
+          id="anchor"
+          ?focused=${this.focused}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          ?error=${this.error}
+          error-text=${this.errorText}
+          label=${this.label}
+          @click=${() => (!this.disabled ? this.inputFilter.focus() : null)}
+          @focusin=${this.handleFocusin}
+          @focusout=${this.handleFocusout}
+        >
+          <input
+            id="filter"
+            @input=${this.filterInput}
+            .value=${this.filterValue}
+            class="flex-fill"
+            type="text"
+          />
+          <slot name="end" slot="end">
+            ${this.value.length
+            ? html `<ix-icon-button
+                  @click=${this.clear}
+                  icon="close"
+                  aria-label="clear"
+                ></ix-icon-button>`
+            : nothing}
+            <ix-icon-button
+              @click=${this.toggleOpen}
+              class="open-icon"
+              icon=${`arrow_drop_${this.menuOpen ? 'up' : 'down'}`}
+              aria-label="options"
+            ></ix-icon-button>
+          </slot>
+        </ix-field>
+        <div class="menu">
+          <ix-menu
+            anchor="anchor"
+            skip-restore-focus
+            @opening=${this.handleMenuOpen}
+            @closing=${this.handleMenuClose}
+            @opened=${this.menuOpened}
+          >
+            ${((_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.length)
+            ? this.filteredOptions.map((item, id) => html `<ix-menu-item
+                      id=${id}
+                      @click=${() => {
+                this.selectItem(item);
+            }}
+                      @keydown=${(e) => {
+                const selectionKeys = [' ', 'Tab', 'Enter'];
+                if (selectionKeys.includes(e.key)) {
+                    this.selectItem(item);
+                }
+            }}
+                    >
+                      <div slot="headline">${item}</div>
+                    </ix-menu-item>`)
+            : html `<ix-menu-item>${this.noFilteredOptions}</ix-menu-item>`}
+          </ix-menu>
+        </div>
+      </div>
+    `;
+    }
+}
+(() => {
+    requestUpdateOnAriaChange(IxFilterSelect);
+})();
+/** @nocollapse */
+IxFilterSelect.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+/** @nocollapse  */
+IxFilterSelect.formAssociated = true;
+__decorate([
+    query('ix-menu')
+], IxFilterSelect.prototype, "menu", void 0);
+__decorate([
+    query('#filter')
+], IxFilterSelect.prototype, "inputFilter", void 0);
+__decorate([
+    property({ type: Array })
+], IxFilterSelect.prototype, "options", void 0);
+__decorate([
+    property({ type: String })
+], IxFilterSelect.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], IxFilterSelect.prototype, "label", void 0);
+__decorate([
+    property({ type: String, attribute: 'error-text' })
+], IxFilterSelect.prototype, "errorText", void 0);
+__decorate([
+    property({ type: String, attribute: 'no-options-text' })
+], IxFilterSelect.prototype, "noFilteredOptions", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxFilterSelect.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxFilterSelect.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxFilterSelect.prototype, "required", void 0);
+__decorate([
+    state()
+], IxFilterSelect.prototype, "filteredOptions", void 0);
+__decorate([
+    state()
+], IxFilterSelect.prototype, "filterValue", void 0);
+__decorate([
+    state()
+], IxFilterSelect.prototype, "menuOpen", void 0);
+__decorate([
+    state()
+], IxFilterSelect.prototype, "focused", void 0);
+__decorate([
+    state()
+], IxFilterSelect.prototype, "menuOpening", void 0);
+//# sourceMappingURL=IxFilterSelect.js.map

package/dist/IxFilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxFilterSelect.js","sourceRoot":"","sources":["../src/IxFilterSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';\nimport '@digital-realty/ix-field/ix-field.js';\nimport '@digital-realty/ix-menu/ix-menu.js';\nimport '@digital-realty/ix-menu/ix-menu-item.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport { IxMenu } from '@digital-realty/ix-menu';\nimport { IxFilterSelectStyles } from './ix-filter-select-styles.js';\n\nexport class IxFilterSelect extends LitElement {\n  static get styles() {\n    return [IxFilterSelectStyles];\n  }\n\n  static {\n    requestUpdateOnAriaChange(IxFilterSelect);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** @nocollapse  */\n  static readonly formAssociated = true;\n\n  private readonly internals = (this as HTMLElement) /* needed for closure */\n    .attachInternals();\n\n  /**\n   * The associated form element with which this element's value will submit.\n   */\n  get form() {\n    return this.internals.form;\n  }\n\n  /**\n   * The labels this element is associated with.\n   */\n  get labels() {\n    return this.internals.labels;\n  }\n\n  /**\n   * The HTML name to use in form submission.\n   */\n  get name() {\n    return this.getAttribute('name') ?? '';\n  }\n\n  /**\n   * Returns the text field's validation error message.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation\n   */\n  get validationMessage() {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * Returns a `ValidityState` object that represents the validity states of the\n   * text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n   */\n  get validity() {\n    return this.internals.validity;\n  }\n\n  /**\n   * Returns whether an element will successfully validate based on forms\n   * validation rules and constraints.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate\n   */\n  get willValidate() {\n    return this.internals.willValidate;\n  }\n\n  checkValidity() {\n    return this.internals.checkValidity();\n  }\n\n  reportValidity() {\n    return this.internals.reportValidity();\n  }\n\n  @query('ix-menu') menu!: IxMenu;\n\n  @query('#filter') inputFilter!: HTMLInputElement;\n\n  @property({ type: Array }) options: string[] = [];\n\n  @property({ type: String }) value: string = '';\n\n  @property({ type: String }) label = '';\n\n  @property({ type: String, attribute: 'error-text' }) errorText =\n    'Invalid error text';\n\n  @property({ type: String, attribute: 'no-options-text' }) noFilteredOptions =\n    'No options';\n\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Gets or sets whether or not the text field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   */\n  @property({ type: Boolean, reflect: true }) error = false;\n\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @state() private filteredOptions: string[] = [];\n\n  @state() private filterValue = '';\n\n  @state() private menuOpen = false;\n\n  @state() private focused = false;\n\n  @state() private menuOpening = false;\n\n  firstUpdated() {\n    this.filteredOptions = this.options;\n    this.internals.setFormValue(this.value);\n  }\n\n  updated() {\n    this.setMenuPosition();\n    this.internals.setFormValue(this.value);\n  }\n\n  handleFocusin = (e: Event) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'MD-ICON-BUTTON' || this.disabled) return;\n    this.menu.show();\n    this.focused = true;\n    this.menuOpening = true;\n    this.setMenuPosition();\n    this.internals.setFormValue(this.value);\n  };\n\n  handleFocusout = () => {\n    if (this.value.length || this.filterValue.length || this.menuOpening) {\n      this.focused = true;\n    } else {\n      this.focused = false;\n    }\n  };\n\n  handleMenuOpen = () => {\n    this.focused = true;\n    this.menuOpen = true;\n    this.setMenuPosition();\n    this.internals.setFormValue(this.value);\n  };\n\n  menuOpened = () => {\n    this.setMenuPosition();\n    this.internals.setFormValue(this.value);\n    this.inputFilter.focus();\n    this.menuOpening = false;\n  };\n\n  setMenuPosition = () => {\n    const innerMenu = this.menu?.shadowRoot?.querySelector(\n      '.menu'\n    ) as HTMLElement;\n    if (innerMenu) {\n      innerMenu.style.width = '100%';\n      innerMenu.style.insetBlockStart = '0';\n    }\n  };\n\n  handleMenuClose = () => {\n    if (this.value.length === 0 && this.filterValue.length === 0) {\n      this.focused = false;\n    }\n    this.menuOpen = false;\n  };\n\n  filterInput = (e: InputEvent) => {\n    this.filterValue = (e.target as HTMLInputElement).value;\n    let value = '';\n    this.filteredOptions = this.options.filter(item => {\n      const filterValue = this.filterValue.trim().toLowerCase();\n      if (item.toLowerCase() === filterValue) {\n        value = item;\n      }\n      return item.toLowerCase().includes(filterValue);\n    });\n    if (value !== this.value) {\n      this.value = value;\n    }\n    const menu = this.menu.shadowRoot?.querySelector('.menu') as HTMLElement;\n    if (menu) {\n      menu.style.height = 'auto';\n    }\n  };\n\n  selectItem = (value: string) => {\n    this.value = value;\n    this.filterValue = value;\n    this.filteredOptions = this.options;\n    this.focused = true;\n    this.menu.close();\n    this.dispatchEvent(\n      new CustomEvent('select-filter-select', {\n        detail: { value },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  toggleOpen = (e: Event) => {\n    e.stopPropagation();\n    if (!this.menu.open) {\n      this.menu.show();\n      this.focused = true;\n      this.menuOpening = true;\n      this.setMenuPosition();\n    } else {\n      this.menu.close();\n    }\n  };\n\n  clear = (e: Event) => {\n    e.stopPropagation();\n    this.value = '';\n    this.filterValue = '';\n    this.focused = false;\n    this.dispatchEvent(\n      new CustomEvent('clear-filter-select', {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  /** @private */\n  formResetCallback() {\n    this.reset();\n  }\n\n  /**\n   * Reset the text field to its default value.\n   */\n  reset() {\n    this.value = '';\n  }\n\n  render() {\n    const classes = {\n      disabled: this.disabled,\n      error: !this.disabled && this.error,\n    };\n\n    return html`\n      <div class=\"filter-select\">\n        <ix-field\n          class=\"${classMap(classes)}\"\n          id=\"anchor\"\n          ?focused=${this.focused}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          ?error=${this.error}\n          error-text=${this.errorText}\n          label=${this.label}\n          @click=${() => (!this.disabled ? this.inputFilter.focus() : null)}\n          @focusin=${this.handleFocusin}\n          @focusout=${this.handleFocusout}\n        >\n          <input\n            id=\"filter\"\n            @input=${this.filterInput}\n            .value=${this.filterValue}\n            class=\"flex-fill\"\n            type=\"text\"\n          />\n          <slot name=\"end\" slot=\"end\">\n            ${this.value.length\n              ? html`<ix-icon-button\n                  @click=${this.clear}\n                  icon=\"close\"\n                  aria-label=\"clear\"\n                ></ix-icon-button>`\n              : nothing}\n            <ix-icon-button\n              @click=${this.toggleOpen}\n              class=\"open-icon\"\n              icon=${`arrow_drop_${this.menuOpen ? 'up' : 'down'}`}\n              aria-label=\"options\"\n            ></ix-icon-button>\n          </slot>\n        </ix-field>\n        <div class=\"menu\">\n          <ix-menu\n            anchor=\"anchor\"\n            skip-restore-focus\n            @opening=${this.handleMenuOpen}\n            @closing=${this.handleMenuClose}\n            @opened=${this.menuOpened}\n          >\n            ${this.filteredOptions?.length\n              ? this.filteredOptions.map(\n                  (item, id: number) =>\n                    html`<ix-menu-item\n                      id=${id}\n                      @click=${() => {\n                        this.selectItem(item);\n                      }}\n                      @keydown=${(e: KeyboardEvent) => {\n                        const selectionKeys = [' ', 'Tab', 'Enter'];\n                        if (selectionKeys.includes(e.key)) {\n                          this.selectItem(item);\n                        }\n                      }}\n                    >\n                      <div slot=\"headline\">${item}</div>\n                    </ix-menu-item>`\n                )\n              : html`<ix-menu-item>${this.noFilteredOptions}</ix-menu-item>`}\n          </ix-menu>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { IxFilterSelect } from './IxFilterSelect.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { IxFilterSelect } from './IxFilterSelect.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { IxFilterSelect } from './IxFilterSelect.js';\n"]}

package/dist/ix-filter-select-styles.d.ts

@@ -0,0 +1 @@
+export declare const IxFilterSelectStyles: import("lit").CSSResult;

package/dist/ix-filter-select-styles.js

@@ -0,0 +1,73 @@
+import { css } from 'lit';
+export const IxFilterSelectStyles = css `
+  :host {
+    display: block;
+  }
+  ix-field {
+    display: block;
+    --md-outlined-field-label-text-color: var(--md-sys-text-color-primary);
+    --md-outlined-field-outline-color: var(--md-outlined-field-outline-color);
+  }
+  ix-field label {
+    display: none;
+  }
+  .flex-fill {
+    flex: 1;
+  }
+  .menu {
+    position: relative;
+  }
+  .menu label,
+  .menu input {
+    cursor: pointer;
+  }
+  input {
+    border: none;
+    background: transparent;
+    outline: none;
+    min-width: 3rem;
+  }
+  ix-chip-set {
+    min-height: var(--_content-line-height);
+  }
+  ix-menu {
+    --md-menu-container-color: #fff;
+    max-height: 500px;
+  }
+  ix-menu-item {
+    position: relative;
+  }
+  ix-menu-item label {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  ix-menu-item label input[type='checkbox'] {
+    margin: 0 1rem 2px;
+  }
+  ix-menu-item.selected {
+    background: var(--md-sys-color-tertiary-container);
+  }
+  ix-icon-button {
+    --md-icon-button-icon-color: var(--md-sys-text-color-secondary);
+    --md-icon-button-hover-icon-color: var(--md-sys-text-color-secondary);
+    --md-icon-button-hover-state-layer-color: var(
+      --md-sys-text-color-secondary
+    );
+    --md-icon-button-pressed-icon-color: var(--md-sys-text-color-secondary);
+    --md-icon-button-pressed-state-layer-color: var(
+      --md-sys-text-color-secondary
+    );
+  }
+  .open-icon {
+    margin-right: 0.5rem;
+  }
+  .filter-select {
+    position: relative;
+  }
+`;
+//# sourceMappingURL=ix-filter-select-styles.js.map

package/dist/ix-filter-select-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-filter-select-styles.js","sourceRoot":"","sources":["../src/ix-filter-select-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxFilterSelectStyles = css`\n  :host {\n    display: block;\n  }\n  ix-field {\n    display: block;\n    --md-outlined-field-label-text-color: var(--md-sys-text-color-primary);\n    --md-outlined-field-outline-color: var(--md-outlined-field-outline-color);\n  }\n  ix-field label {\n    display: none;\n  }\n  .flex-fill {\n    flex: 1;\n  }\n  .menu {\n    position: relative;\n  }\n  .menu label,\n  .menu input {\n    cursor: pointer;\n  }\n  input {\n    border: none;\n    background: transparent;\n    outline: none;\n    min-width: 3rem;\n  }\n  ix-chip-set {\n    min-height: var(--_content-line-height);\n  }\n  ix-menu {\n    --md-menu-container-color: #fff;\n    max-height: 500px;\n  }\n  ix-menu-item {\n    position: relative;\n  }\n  ix-menu-item label {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  ix-menu-item label input[type='checkbox'] {\n    margin: 0 1rem 2px;\n  }\n  ix-menu-item.selected {\n    background: var(--md-sys-color-tertiary-container);\n  }\n  ix-icon-button {\n    --md-icon-button-icon-color: var(--md-sys-text-color-secondary);\n    --md-icon-button-hover-icon-color: var(--md-sys-text-color-secondary);\n    --md-icon-button-hover-state-layer-color: var(\n      --md-sys-text-color-secondary\n    );\n    --md-icon-button-pressed-icon-color: var(--md-sys-text-color-secondary);\n    --md-icon-button-pressed-state-layer-color: var(\n      --md-sys-text-color-secondary\n    );\n  }\n  .open-icon {\n    margin-right: 0.5rem;\n  }\n  .filter-select {\n    position: relative;\n  }\n`;\n"]}

package/dist/ix-filter-select.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ix-filter-select.js

@@ -0,0 +1,3 @@
+import { IxFilterSelect } from './IxFilterSelect.js';
+window.customElements.define('ix-filter-select', IxFilterSelect);
+//# sourceMappingURL=ix-filter-select.js.map

package/dist/ix-filter-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-filter-select.js","sourceRoot":"","sources":["../src/ix-filter-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import { IxFilterSelect } from './IxFilterSelect.js';\n\nwindow.customElements.define('ix-filter-select', IxFilterSelect);\n"]}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@digital-realty/ix-filter-select",
+  "description": "Webcomponent ix-filter-select following open-wc recommendations",
+  "license": "MIT",
+  "author": "Digital Realty",
+  "version": "1.0.6",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./ix-filter-select.js": "./dist/ix-filter-select.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
+  },
+  "dependencies": {
+    "@digital-realty/ix-field": "*",
+    "@digital-realty/ix-icon-button": "^1.0.19",
+    "@digital-realty/ix-menu": "*",
+    "@material/web": "^1.0.0",
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@digital-realty/theme": "^1.0.8",
+    "@open-wc/eslint-config": "^9.2.1",
+    "@open-wc/testing": "^3.1.6",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
+    "@web/dev-server": "^0.1.34",
+    "@web/test-runner": "^0.14.0",
+    "concurrently": "^5.3.0",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.2"
+  },
+  "customElements": "custom-elements.json",
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "extends": [
+      "@open-wc",
+      "prettier"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "error",
+        "always",
+        {
+          "ignorePackages": true
+        }
+      ]
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "files": [
+    "/dist",
+    "!/dist/test",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "gitHead": "fe2bd8ebfb445aace0ae9b8716ecd3e44da227dc"
+}