@watermarkinsights/ripple 5.6.0-7 → 5.6.0

package/dist/cjs/wm-nested-select.cjs.entry.js

@@ -1,295 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e86c28b6.js');
-const functions = require('./functions-e24249e6.js');
-const intl = require('./intl-5aeba788.js');
-
-const wmNestedSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{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:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption: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:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn: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:\"\\f142\";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.visible{-webkit-transform:translateX(0%);transform:translateX(0%)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
-
-const NestedSelect = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.wmNestedSelectBlurred = index.createEvent(this, "wmNestedSelectBlurred", 7);
-        this.overflowCount = 0;
-        this.displayedOptions = [];
-        this.clearSelectionMessage = this.multiple
-            ? functions.intl.formatMessage({
-                id: "select.multiClearSelection",
-                defaultMessage: "Clear all Selections",
-                description: "Button text to clear selection. Use imperative",
-            })
-            : functions.intl.formatMessage({
-                id: "select.singleClearSelection",
-                defaultMessage: "Clear Selection",
-                description: "Button text to clear selection. Use imperative",
-            });
-        this.disabled = false;
-        this.maxHeight = undefined;
-        this.label = undefined;
-        this.labelPosition = "top";
-        this.requiredField = false;
-        this.errorMessage = undefined;
-        this.multiple = false;
-        this.search = false;
-        this.selectAll = false;
-        this.placeholder = this.multiple
-            ? functions.intl.formatMessage({
-                id: "select.multiPlaceholder",
-                defaultMessage: "Make a selection",
-                description: "Placeholder text for multiple select. Use imperative",
-            })
-            : functions.intl.formatMessage({
-                id: "select.singlePlaceholder",
-                defaultMessage: "Select an Option",
-                description: "Placeholder text for single select. Use imperative",
-            });
-        this.searchPlaceholder = functions.intl.formatMessage({
-            id: "select.searchPlaceholder",
-            defaultMessage: "Search",
-            description: "Placeholder text. Use imperative",
-        });
-        this.allSelectedMessage = functions.intl.formatMessage({
-            id: "select.allSelected",
-            defaultMessage: "All selected",
-            description: "Text displayed when all options are selected",
-        });
-        this.isExpanded = false;
-        this.optgroupExpanded = false;
-    }
-    get isDisabled() {
-        // string "false" needs to be treated as bool False because react wrappers convert bool to string.
-        return functions.toBool(this.disabled);
-    }
-    get childOptions() {
-        return Array.from(this.el.querySelectorAll("wm-option"));
-    }
-    get optgroupEls() {
-        return Array.from(this.el.querySelectorAll("wm-optgroup"));
-    }
-    get menuitemEls() {
-        return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"));
-    }
-    get allSelected() {
-        return this.childOptions.every((option) => option.selected);
-    }
-    componentWillLoad() {
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildChange(mutationRecord)));
-        mutationObserver.observe(this.el, {
-            childList: true,
-            attributes: true,
-            subtree: true,
-            attributeFilter: ["selected"],
-        });
-    }
-    componentDidLoad() {
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.dropdownEl.style.maxHeight = this.maxHeight;
-        }
-    }
-    handleChildChange(_) {
-        // on update of children or children selected state, reset button text and rerender
-        this.setButtonText();
-        index.forceUpdate(this.el);
-        // this.optionListEl.handleChildChange(_);
-    }
-    setButtonText() {
-        this.displayedOptions = this.childOptions.filter((x) => x.selected);
-        // handle overflow + counter for multiselect
-        if (this.multiple) {
-            // this is a fixed measurement accounting for the max width of a 3 character overflow counter
-            const overflowCounterWidth = 38;
-            const computedStyle = window.getComputedStyle(this.buttonEl);
-            // there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
-            const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
-            const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
-            const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
-            let optionsWidths = this.displayedOptions.map((x) => x.shadowRoot.querySelector(".option-text").clientWidth);
-            let optionsTotalWidth = optionsWidths.reduce((acc, x) => acc + x, 0);
-            this.overflowCount = 0;
-            while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {
-                this.overflowCount++;
-                optionsTotalWidth -= optionsWidths[optionsWidths.length - 1];
-                optionsWidths.pop();
-                this.displayedOptions.pop();
-            }
-        }
-    }
-    countOptgroupSelected(optgroupEl) {
-        let selectedOptions = Array.from(optgroupEl.querySelectorAll("wm-option")).filter((option) => option.selected);
-        return selectedOptions.length;
-    }
-    handleOptionSelection() {
-        if (!this.multiple) {
-            this.close();
-        }
-    }
-    handleChildEnter() {
-        // only occurs for multiselects. handle the click, then close
-        this.close();
-    }
-    closePopupOnEscape() {
-        this.close();
-    }
-    handleOptionKeyLeft(ev) {
-        const parentOptgroup = ev.detail.parentElement;
-        parentOptgroup.isExpanded = false;
-        this.focusFirstMenuitem();
-    }
-    close(returnFocus = true) {
-        if (this.isExpanded) {
-            this.isExpanded = false;
-            this.optgroupEls.forEach((optgroupEl) => (optgroupEl.isExpanded = false));
-            window.setTimeout(() => {
-                this.dropdownEl.classList.remove("open");
-                if (returnFocus) {
-                    this.buttonEl.focus();
-                }
-            }, 150);
-        }
-    }
-    open() {
-        // TODO implement opening upwards if not enough space below
-        this.isExpanded = true;
-        this.dropdownEl.classList.add("open");
-        window.requestAnimationFrame(() => {
-            this.focusFirstMenuitem();
-        });
-    }
-    focusFirstMenuitem() {
-        if (this.menuitemEls.length > 0) {
-            this.menuitemEls[0].focus();
-        }
-    }
-    moveDown(menuitemEl) {
-        const currentIndex = this.menuitemEls.indexOf(menuitemEl);
-        if (currentIndex == this.menuitemEls.length - 1) {
-            this.menuitemEls[0].focus();
-        }
-        else {
-            this.menuitemEls[currentIndex + 1].focus();
-        }
-    }
-    moveUp(menuitemEl) {
-        const currentIndex = this.menuitemEls.indexOf(menuitemEl);
-        if (currentIndex == 0) {
-            this.menuitemEls[this.menuitemEls.length - 1].focus();
-        }
-        else {
-            this.menuitemEls[currentIndex - 1].focus();
-        }
-    }
-    handleButtonBlur(ev) {
-        if (functions.isElOrChild(this.el, ev.relatedTarget)) {
-            // do not emit a blur event when opening the dropdown and focusing the Options
-            ev.stopPropagation();
-        }
-    }
-    handleClick(ev) {
-        if (!functions.isElOrChild(this.el, ev.target)) {
-            this.close();
-        }
-    }
-    handleMenuitemKeydown(ev) {
-        switch (ev.key) {
-            case "ArrowDown":
-                ev.preventDefault();
-                // focus next
-                this.moveDown(ev.target);
-                break;
-            case "ArrowUp":
-                ev.preventDefault();
-                this.moveUp(ev.target);
-                // focus previous
-                break;
-            case "ArrowRight":
-                if (ev.target.classList.contains("group-btn")) {
-                    ev.preventDefault();
-                    ev.target.click();
-                }
-                break;
-            case "Escape":
-                ev.preventDefault();
-                this.close();
-                break;
-        }
-    }
-    handleComponentBlur(ev) {
-        // Do not close or emit custom blur event when blurring to an element inside (wm-option)
-        if (!this.el.contains(ev.relatedTarget)) {
-            this.close(false);
-            this.wmNestedSelectBlurred.emit();
-        }
-    }
-    handleOptgroupExpanded() {
-        this.optgroupExpanded = true;
-    }
-    handleOptgroupHidden() {
-        this.optgroupExpanded = false;
-    }
-    renderButtonText() {
-        if (this.displayedOptions.length < 1) {
-            return index.h("span", null, this.placeholder);
-        }
-        else if (this.multiple && this.allSelected && this.overflowCount > 0) {
-            return this.allSelectedMessage;
-        }
-        else {
-            return this.displayedOptions.map((x, idx) => (index.h("span", null, idx > 0 ? ", " : "", x.textContent)));
-        }
-    }
-    renderOverflowCount() {
-        // TODO overflow count not appearing due to refactor, in both regular select and nested select
-        if (this.overflowCount > 0) {
-            return (index.h("span", null, index.h("span", { class: "overflow-counter" }, "+", this.overflowCount)));
-        }
-    }
-    handleClearSelection() {
-        this.optgroupEls.forEach((optgroupEl) => optgroupEl.emitDeselection());
-    }
-    renderClearSelectionButton() {
-        let selectedCount = this.childOptions.some((o) => o.selected);
-        if (selectedCount) {
-            return (index.h("button", { class: "menuitem", onClick: () => this.handleClearSelection(), tabindex: -1, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, this.clearSelectionMessage));
-        }
-    }
-    renderSelectionCount(optgroupEl) {
-        const selectionCount = this.countOptgroupSelected(optgroupEl);
-        if (selectionCount) {
-            const selectionCountMessage = functions.intl.formatMessage({
-                id: "select.optgroupSelectionCount",
-                defaultMessage: "{numSelected, plural, one {Item} other {#}} Selected",
-                description: "Text indicating number of selected in a group.",
-            }, { numSelected: selectionCount });
-            return (index.h("div", { class: "selection-count" }, index.h("span", null, selectionCountMessage)));
-        }
-    }
-    render() {
-        const buttonProps = {
-            id: "selectbtn",
-            ["disabled"]: this.isDisabled,
-            ["aria-controls"]: "list",
-            ["aria-labelledby"]: "label selectbtn",
-            ["aria-describedby"]: "error",
-            ["aria-expanded"]: this.isExpanded ? "true" : "false",
-            onClick: () => {
-                this.isExpanded ? this.close() : this.open();
-            },
-        };
-        return (index.h(index.Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { class: "label-wrapper" }, index.h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
-        // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
-        this.requiredField ? (index.h("span", { class: "required" }, index.h("span", { class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { "aria-hidden": "true" }, "*"))) : (""))), index.h("div", { class: "button-wrapper" }, index.h("button", Object.assign({}, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), index.h("span", { class: "overflowcontrol" }, index.h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount()), index.h("div", { class: "dropdown", ref: (el) => (this.dropdownEl = el) }, index.h("div", { class: `menu ${this.optgroupExpanded ? "hidden" : ""}` }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
-            return (index.h("button", { class: "menuitem group-btn", role: "menuitem", tabindex: -1, onClick: () => {
-                    optgroupEl.isExpanded = !optgroupEl.isExpanded;
-                    index.forceUpdate(this.el);
-                }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, index.h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl)));
-        })), index.h("div", { class: `option-list-wrapper ${this.optgroupExpanded ? "visible" : ""}` }, index.h("slot", null))), index.h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage)))));
-    }
-    static get delegatesFocus() { return true; }
-    get el() { return index.getElement(this); }
-};
-NestedSelect.style = wmNestedSelectCss;
-
-exports.wm_nested_select = NestedSelect;

package/dist/cjs/wm-optgroup.cjs.entry.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e86c28b6.js');
-
-const wmOptgroupCss = ":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}.return-btn{cursor:pointer;padding:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:600;font-size:0.875rem;border-bottom:1px solid #4a4a4a}.return-btn: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:\"\\f141\";pointer-events:none;font-size:1.12rem}.return-btn:hover{background:var(--wmcolor-select-option-background-hover);outline:none}";
-
-const Optgroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.wmOptgroupAllSelected = index.createEvent(this, "wmOptgroupAllSelected", 7);
-        this.wmOptgroupAllDeselected = index.createEvent(this, "wmOptgroupAllDeselected", 7);
-        this.optgroupExpanded = index.createEvent(this, "optgroupExpanded", 7);
-        this.optgroupHidden = index.createEvent(this, "optgroupHidden", 7);
-        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 (index.h(index.Host, { class: `${this.isExpanded ? "visible" : ""}` }, index.h("div", { class: "return-btn", onClick: () => {
-                this.isExpanded = false;
-            } }, this.label), index.h("div", { class: `list-wrapper` }, index.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() }, index.h("slot", null)))));
-    }
-    static get delegatesFocus() { return true; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "isExpanded": ["isExpandedChanged"]
-    }; }
-};
-Optgroup.style = wmOptgroupCss;
-
-exports.wm_optgroup = Optgroup;

package/dist/collection/components/selects/priv-option-list/priv-option-list.css

@@ -1,104 +0,0 @@
-/* --------------------------------------
-   1. Box-shadow
-   -------------------------------------- */
-/* --------------------------------------
-   2. Border-radius
-   -------------------------------------- */
-/* --------------------------------------
-   3. Transforms
-   -------------------------------------- */
-/* --------------------------------------
-   4. Button Focus
-   -------------------------------------- */
-/* --------------------------------------
-   5. Flex
-   -------------------------------------- */
-/* --------------------------------------
-   7. Screen Reader Only
-   -------------------------------------- */
-/* --------------------------------------
-   8. Label styles
-   this mixin includes all the styles for the label
-   + flex rules on the parent container to switch between top and left position
-   + srOnly when label is hidden
-   Assumes the following markup:
-   div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required
-   .wrapper is for the flex rules
-   .label-wrapper is to set the height of the label when positioned left so it's the same height as
-   the input. It can't be done directly on .label because of possible line wrapping.
-   When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
-   (they can't be aligned on the baseline because of possible description text and error message)
-   -------------------------------------- */
-.search {
-  box-sizing: border-box;
-  border-bottom: 2px solid;
-  border-color: var(--wmcolor-select-option-border);
-  padding: 1.25rem;
-}
-.search .searchfield-wrapper {
-  box-sizing: border-box;
-  display: flex;
-  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);
-  user-select: none;
-}
-.select-all:hover, .select-all:focus {
-  outline: none;
-  background: #f4f4f4;
-}