@watermarkinsights/ripple 5.6.0-8 → 5.6.0

package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js

@@ -1,197 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class Optgroup {
-    constructor() {
-        this.label = undefined;
-        this.isExpanded = false;
-        this.multiple = false;
-    }
-    get parentNestedSelect() {
-        return this.el.parentElement;
-    }
-    isExpandedChanged() {
-        if (this.isExpanded) {
-            this.optgroupExpanded.emit();
-            window.setTimeout(() => {
-                // wait for slide in animation to complete before assigning focus
-                this.optionListEl.handleInitialFocus();
-            }, 250);
-        }
-        else {
-            this.optgroupHidden.emit();
-        }
-    }
-    async emitDeselection() {
-        this.wmOptgroupAllDeselected.emit();
-    }
-    /*
-      componentWillLoad() {
-        this.multiple = this.parentNestedSelect.multiple;
-      }
-    */
-    render() {
-        return (h(Host, { class: `${this.isExpanded ? "visible" : ""}` }, h("div", { class: "return-btn", onClick: () => {
-                this.isExpanded = false;
-            } }, this.label), h("div", { class: `list-wrapper` }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", null)))));
-    }
-    static get is() { return "wm-optgroup"; }
-    static get encapsulation() { return "shadow"; }
-    static get delegatesFocus() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["wm-optgroup.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["wm-optgroup.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "isExpanded": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "is-expanded",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "multiple": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "multiple",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "wmOptgroupAllSelected",
-                "name": "wmOptgroupAllSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "wmOptgroupAllDeselected",
-                "name": "wmOptgroupAllDeselected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "optgroupExpanded",
-                "name": "optgroupExpanded",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "optgroupHidden",
-                "name": "optgroupHidden",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "emitDeselection": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "isExpanded",
-                "methodName": "isExpandedChanged"
-            }];
-    }
-}

package/dist/collection/dev/nested-select.js

@@ -1,62 +0,0 @@
-document.addEventListener("wmSelectBlurred", renderErrors);
-
-function renderErrors() {
-  const errorDiv = document.getElementById("errors");
-  const select = document.getElementById("select1");
-  const selectedOption = Array.from(select.querySelectorAll("wm-option")).filter((o) => o.selected)[0];
-
-  if (selectedOption.value === "C") {
-    select.invalid = true;
-    select.errorMessage = "C is my least favorite letter.";
-  } else {
-    select.invalid = false;
-    select.errorMessage = null;
-  }
-}
-
-function testSelectedOption(selectComp) {
-  setTimeout(() => {
-    // making sure the selected and aria-selected attributes are always in sync
-    const options = selectComp.querySelectorAll("wm-option");
-    let selectedOption = Array.from(options).filter((option) => !!option.selected)[0];
-    const ariaSelectedOption = Array.from(options).filter((option) => !!option.getAttribute("aria-selected"))[0];
-    if (selectedOption != ariaSelectedOption) {
-      console.log(selectComp.id, selectedOption, ariaSelectedOption);
-    }
-  }, 150);
-}
-
-const nestedSelects = document.querySelectorAll("wm-nested-select");
-nestedSelects.forEach((nestedSelect) => {
-  nestedSelect.addEventListener("wmOptionSelected", (ev) => handleOptionSelected(ev));
-  nestedSelect.addEventListener("wmOptionDeselected", (ev) => handleOptionDeselected(ev));
-});
-
-const optgroups = document.querySelectorAll("wm-optgroup");
-optgroups.forEach((optgroup) => {
-  optgroup.addEventListener("wmOptgroupAllSelected", (ev) => handleAllSelected(ev));
-  optgroup.addEventListener("wmOptgroupAllDeselected", (ev) => handleAllDeselected(ev));
-});
-
-function handleOptionSelected(ev) {
-  const parentOptgroup = ev.target.parentElement;
-  const parentNestedSelect = parentOptgroup.parentElement;
-
-  if (!parentNestedSelect.multiple) {
-    // in single select, deselect all other options
-    parentNestedSelect.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
-  }
-  ev.target.selected = true;
-}
-
-function handleOptionDeselected(ev) {
-  ev.target.selected = false;
-}
-
-function handleAllSelected(ev) {
-  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = true));
-}
-
-function handleAllDeselected(ev) {
-  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
-}

package/dist/esm/priv-option-list.entry.js

@@ -1,380 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-558b5a82.js';
-import { i as intl, d as debounce, z as isElOrChild } from './functions-b791a892.js';
-
-const privOptionListCss = ".search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f349\";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-selectall-border);background:var(--wmcolor-select-selectall-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-selectall-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-all:hover,.select-all:focus{outline:none;background:#f4f4f4}";
-
-const PrivOptionList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.optionListSearchChanged = createEvent(this, "optionListSearchChanged", 7);
-        this.optionListCloseRequested = createEvent(this, "optionListCloseRequested", 7);
-        this.optionListAllSelected = createEvent(this, "optionListAllSelected", 7);
-        this.optionListAllDeselected = createEvent(this, "optionListAllDeselected", 7);
-        this.searchIndex = 0;
-        this.keysSoFar = "";
-        this.selectAllMessage = intl.formatMessage({
-            id: "select.selectAll",
-            defaultMessage: "Select All",
-        });
-        this.deselectAllMessage = intl.formatMessage({
-            id: "select.deselectAll",
-            defaultMessage: "Deselect All",
-        });
-        this.allOptionsSelectedMessage = intl.formatMessage({
-            id: "select.allOptionsSelected",
-            defaultMessage: "All options selected",
-        });
-        this.allOptionsDeselectedMessage = intl.formatMessage({
-            id: "select.allOptionsDeselected",
-            defaultMessage: "All options deselected",
-        });
-        this.debouncedSearch = debounce(() => {
-            this.searchTerm = this.searchFieldEl.value;
-            this.optionListSearchChanged.emit({ searchTerm: this.searchTerm });
-            if (this.filteredOptions.length) {
-                this.announce(this.resultsFoundMessage);
-            }
-            else {
-                this.announce(this.noResultsFoundMessage);
-            }
-        }, 150);
-        this.debouncedClearKeysSoFar = debounce(() => {
-            this.keysSoFar = "";
-        }, 500);
-        this.multiple = false;
-        this.search = false;
-        this.selectAll = false;
-        this.searchPlaceholder = undefined;
-        this.maxHeight = undefined;
-        this.announcement = "";
-        this.searchTerm = "";
-    }
-    get childOptions() {
-        return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"));
-    }
-    get cloneOptions() {
-        return Array.from(this.el.querySelectorAll("wm-option"));
-    }
-    get allOptionEls() {
-        // this includes both slotted wm-options and internally created wm-options
-        return this.cloneOptions.concat(this.childOptions);
-    }
-    get visibleOptionEls() {
-        return this.allOptionEls.filter((option) => !option.classList.contains("hidden") && !option.classList.contains("filtered-out"));
-    }
-    //////////////////////////////////////
-    // for search variants
-    get filteredOptions() {
-        return this.childOptions.filter((option) => { var _a; return (_a = option.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.searchTerm.toLowerCase()); });
-    }
-    //////////////////////////////////////
-    //////////////////////////////////////
-    // for multiselect button text
-    get selectedOptions() {
-        return Array.from(this.el.querySelectorAll("wm-option")).filter((x) => x.selected);
-    }
-    get visibleSelectAllButton() {
-        return this.selectAll && this.multiple && this.searchTerm === "";
-    }
-    get allSelected() {
-        return this.childOptions.every((option) => option.selected);
-    }
-    //////////////////////////////////////
-    get resultsFoundMessage() {
-        return intl.formatMessage({
-            id: "select.searchResultsFound",
-            defaultMessage: "{numResults, plural, one {1 option found} other {# options found}}",
-            description: "The message read by the screen reader, indicating how many results a search returned",
-        }, { numResults: this.filteredOptions.length });
-    }
-    get noResultsFoundMessage() {
-        return intl.formatMessage({
-            id: "select.noSearchResults",
-            defaultMessage: "No results found. Please try your search again.",
-            description: "The message displayed when no options pass the search filter",
-        });
-    }
-    findAndFocusOption(ev) {
-        const letterPressed = ev.detail.letter.toLowerCase();
-        const optionPressed = ev.detail.optionEl;
-        if (!this.keysSoFar && letterPressed == " ") {
-            // if the first key entered is space, treat as a click. Otherwise include in
-            optionPressed.click();
-        }
-        else {
-            if (!this.keysSoFar) {
-                // if first character entered, set currently focused option as the starting index for the search
-                this.visibleOptionEls.forEach((option, idx) => {
-                    if (option.focused) {
-                        this.searchIndex = idx;
-                    }
-                });
-            }
-            this.keysSoFar += letterPressed;
-            let nextMatch = this.findMatchInRange(this.visibleOptionEls, this.searchIndex + 1, this.visibleOptionEls.length);
-            if (!nextMatch) {
-                // if match can't be found from starting option downwards, search from top
-                nextMatch = this.findMatchInRange(this.visibleOptionEls, 0, this.searchIndex);
-            }
-            if (nextMatch) {
-                // findMatchInRange still might have returned null, only focus if match found
-                this.focusOption(nextMatch);
-            }
-            this.debouncedClearKeysSoFar();
-        }
-    }
-    handleOptionSelection(ev) {
-        this.focusOption(ev.detail);
-    }
-    handleChildUp(ev) {
-        this.moveUp(ev.detail);
-    }
-    handleChildDown(ev) {
-        this.moveDown(ev.detail);
-    }
-    moveToFirstOption() {
-        this.focusOption(this.visibleOptionEls[0]);
-    }
-    moveToLastOption() {
-        this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);
-    }
-    handleOptionCloneSelection(ev) {
-        const correspondingOption = this.findCorrespondingOption(ev.detail);
-        correspondingOption.click();
-    }
-    componentDidLoad() {
-        if (this.multiple) {
-            this.updateOptionVisibility();
-        }
-        // Dev can overwrite the max-height rule set in the Sass file
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.listboxEl.style.maxHeight = this.maxHeight;
-        }
-    }
-    async handleChildChange(_) {
-        if (this.multiple) {
-            // on update of wm-options selected state, rerender to update clones state
-            forceUpdate(this.el);
-        }
-    }
-    async clearSearch() {
-        this.searchFieldEl.value = "";
-        this.searchTerm = "";
-        this.optionListSearchChanged.emit({ searchTerm: this.searchTerm });
-    }
-    async focusOption(option) {
-        this.allOptionEls.forEach((i) => (i.focused = i === option));
-        // option must be scrolledIntoView before focused
-        // if focus is called first the option might be positioned incorrectly (in the center of the dropdown) and scrollIntoView didload do nothing as the option will already be in view
-        option.scrollIntoView({ block: "nearest" });
-        // scrollIntoView does not work when the container of the element it's called on is not rendered to the page (in our case the dropdown is still closed and has transform: scaleY(0))
-        // when opening the dropdown, scrollIntoView must be delayed to a point where the browser recognizes content within it as able to be scrolled to
-        // in Safari in particular, the soonest this seems to happen is 20ms. The longest we can wait before any jumping in the open dropdown is noticeable is 60ms
-        window.setTimeout(() => option.scrollIntoView({ block: "nearest" }), 60);
-        option.focus();
-    }
-    async handleInitialFocus(optionToSelect) {
-        switch (optionToSelect) {
-            case "next":
-                // search variant focuses search field
-                // all others focus option "after" last selected option  (this can be the first option)
-                if (this.search) {
-                    this.searchFieldEl.focus();
-                    this.listboxEl.scrollTop = 0;
-                }
-                else {
-                    this.moveDown(this.visibleOptionEls.filter((x) => x.selected).slice(-1)[0]);
-                }
-                break;
-            case "previous":
-                // search variant focuses last option
-                // all others focus option "above" first selected option (this can be the last option)
-                if (this.search) {
-                    this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);
-                }
-                else {
-                    this.moveUp(this.visibleOptionEls.filter((x) => x.selected)[0]);
-                }
-                break;
-            default:
-                // search variant focuses search field
-                // all others focus the selected option
-                // if no option is selected (empty multiselect), focuses first option
-                if (this.search) {
-                    this.searchFieldEl.focus();
-                    this.listboxEl.scrollTop = 0;
-                }
-                else if (this.selectedOptions.length > 0) {
-                    this.focusOption(this.visibleOptionEls.filter((x) => x.selected)[0]);
-                }
-                else {
-                    this.focusOption(this.visibleOptionEls[0]);
-                }
-                break;
-        }
-    }
-    async unfocusAll() {
-        this.allOptionEls.map((i) => (i.focused = false));
-    }
-    findMatchInRange(list, startIndex, endIndex) {
-        let match = null;
-        let optionsInRange = list.slice(startIndex, endIndex);
-        // Find the first option starting with the keysSoFar substring, searching in
-        // the specified range of options
-        optionsInRange.forEach((option) => {
-            const label = option.textContent;
-            if (!match && label && label.toLowerCase().startsWith(this.keysSoFar)) {
-                match = option;
-            }
-        });
-        return match;
-    }
-    findCorrespondingOption(el) {
-        // if clone, returns the child wm-option
-        // if child wm-option, returns clone
-        const isClone = el.classList.contains("clone");
-        return isClone
-            ? this.childOptions[this.cloneOptions.indexOf(el)]
-            : this.cloneOptions[this.childOptions.indexOf(el)];
-    }
-    handleSearchFieldBlur(ev) {
-        this.searchFieldWrapperEl.classList.remove("focus");
-        if (isElOrChild(this.el, ev.relatedTarget)) {
-            // do not emit a blur event when moving from searchfield to options
-            ev.stopPropagation();
-        }
-    }
-    // on search field or select all. keydown on options is handled via events.
-    handleKeyDown(ev) {
-        const el = ev.target;
-        switch (ev.key) {
-            case "ArrowDown":
-                ev.preventDefault();
-                this.moveDown(ev.target);
-                break;
-            case "ArrowUp":
-                ev.preventDefault();
-                this.moveUp(ev.target);
-                break;
-            case "Escape":
-                ev.preventDefault();
-                this.close();
-                break;
-            case "Enter":
-                if (el === this.selectAllEl) {
-                    ev.preventDefault();
-                    this.handleSelectAllClick();
-                    this.close();
-                }
-                break;
-            case " ":
-                if (el === this.selectAllEl) {
-                    ev.preventDefault();
-                    this.handleSelectAllClick();
-                }
-                break;
-        }
-    }
-    close() {
-        if (this.multiple) {
-            this.updateOptionVisibility();
-        }
-        this.optionListCloseRequested.emit(); // what actually happens when a close is requested is determined by the parent
-    }
-    handleSelectAllClick() {
-        this.allSelected ? this.deselectAllOptions() : this.selectAllOptions();
-    }
-    selectAllOptions() {
-        this.announce(this.allOptionsSelectedMessage);
-        this.optionListAllSelected.emit();
-    }
-    deselectAllOptions() {
-        this.announce(this.allOptionsDeselectedMessage);
-        this.optionListAllDeselected.emit();
-    }
-    moveUp(el) {
-        const focusableEls = this.visibleOptionEls;
-        if (this.selectAllEl) {
-            focusableEls.unshift(this.selectAllEl);
-        }
-        if (this.searchFieldEl) {
-            focusableEls.unshift(this.searchFieldEl);
-        }
-        const prevEl = focusableEls[focusableEls.indexOf(el) - 1] || focusableEls[focusableEls.length - 1];
-        if (prevEl) {
-            this.focusOption(prevEl);
-        }
-    }
-    moveDown(el) {
-        const focusableEls = this.visibleOptionEls;
-        if (this.selectAllEl) {
-            focusableEls.unshift(this.selectAllEl);
-        }
-        if (this.searchFieldEl) {
-            focusableEls.unshift(this.searchFieldEl);
-        }
-        const nextEl = focusableEls[focusableEls.indexOf(el) + 1] || focusableEls[0];
-        if (nextEl) {
-            this.focusOption(nextEl);
-        }
-    }
-    async updateOptionVisibility() {
-        // this runs for search multiselects, where selected options are rendered at the top of the dropdown list
-        // slotted wm-options are hidden if selected, and clone wm-options are made visible if selected
-        this.childOptions.forEach((option, idx) => {
-            const cloneOption = this.cloneOptions[idx];
-            if (option.selected) {
-                option.classList.add("hidden");
-                cloneOption.classList.remove("hidden");
-            }
-            else {
-                option.classList.remove("hidden");
-                cloneOption.classList.add("hidden");
-            }
-        });
-        // find last visible clone option and apply .last class
-        const visibleCloneOptions = this.visibleOptionEls.filter((option) => option.classList.contains("clone"));
-        // if all options are clones, nothing to separate from
-        const allClones = visibleCloneOptions.length === this.visibleOptionEls.length;
-        visibleCloneOptions.forEach((option, idx) => {
-            if (!allClones && idx === visibleCloneOptions.length - 1) {
-                option.classList.add("last");
-            }
-            else {
-                option.classList.remove("last");
-            }
-        });
-    }
-    announce(message) {
-        // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
-        if (this.liveRegionEl.textContent === message) {
-            message += "\u00A0";
-        }
-        this.announcement = message;
-    }
-    renderSearchField() {
-        return (h("div", { class: "search" }, h("div", { class: "searchfield-wrapper", ref: (el) => (this.searchFieldWrapperEl = el) }, h("div", { class: "icon" }), h("input", { ref: (el) => (this.searchFieldEl = el), class: "searchfield", role: "combobox", "aria-controls": "list",
-            // aria-expanded={this.isExpanded ? "true" : "false"}
-            onKeyDown: (ev) => this.handleKeyDown(ev), onFocus: () => this.searchFieldWrapperEl.classList.add("focus"), onBlur: (ev) => this.handleSearchFieldBlur(ev), onInput: () => this.debouncedSearch(), placeholder: this.searchPlaceholder }))));
-    }
-    renderSearchFailedMessage() {
-        return h("div", { class: "search-results-message" }, this.noResultsFoundMessage);
-    }
-    renderSelectAllButton() {
-        return (h("button", { ref: (el) => (this.selectAllEl = el), class: "select-all", onClick: () => this.handleSelectAllClick(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: "-1" }, this.allSelected ? this.deselectAllMessage : this.selectAllMessage));
-    }
-    renderCloneOptions() {
-        return Array.from(this.childOptions).map((o) => {
-            const option = o;
-            return (h("wm-option", { class: "clone", subinfo: option.subinfo, selected: option.selected }, option.textContent));
-        });
-    }
-    render() {
-        return (h("div", { class: "list-wrapper" }, this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton(), h("div", { id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", ref: (el) => (this.listboxEl = el) }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", null)), h("div", { id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
-    }
-    get el() { return getElement(this); }
-};
-PrivOptionList.style = privOptionListCss;
-
-export { PrivOptionList as priv_option_list };