@ukic/canary-web-components 3.0.0-canary.21 → 3.0.0-canary.23

package/dist/cjs/{ic-input-component-container_3.cjs.entry.js → ic-menu.cjs.entry.js}

@@ -3,99 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-74cf2649.js');
 const checkIcon = require('./check-icon-dd563898.js');
+const helpers = require('./helpers-74cf2649.js');
 const popper = require('./popper-16968c2e.js');
 
-const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";
-const IcInputComponentContainerStyle0 = icInputComponentContainerCss;
-
-const InputComponentContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         *  If `true`, the disabled state will be set.
-         */
-        this.disabled = false;
-        /**
-         *  If `true`, the input component container will fill the width of the container it is in.
-         */
-        this.fullWidth = false;
-        /**
-         *  If `true`, the input component container will allow for multiple lines.
-         */
-        this.multiLine = false;
-        /**
-         *  If `true`, the readonly state will be set.
-         */
-        this.readonly = false;
-        /**
-         * The size of the input component container component.
-         */
-        this.size = "medium";
-        /**
-         *  If `true`, the validation will display inline.
-         */
-        this.validationInline = false;
-        /**
-         * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
-         */
-        this.validationStatus = "";
-    }
-    watchDisabledHandler() {
-        helpers.removeDisabledFalse(this.disabled, this.el);
-    }
-    componentWillLoad() {
-        helpers.removeDisabledFalse(this.disabled, this.el);
-    }
-    componentDidLoad() {
-        this.hostMutationObserver = new MutationObserver((mutationList) => helpers.renderDynamicChildSlots(mutationList, "left-icon", this));
-        this.hostMutationObserver.observe(this.el, { childList: true });
-    }
-    render() {
-        const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (index.h(index.Host, { key: 'fc70461ae7d3922f07aa5a85209e376d42bfc451', class: {
-                [`ic-input-component-container-${size}`]: true,
-                [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
-                "ic-input-component-container-disabled": !!disabled,
-                "ic-input-component-container-readonly": !!readonly,
-                "ic-input-component-container-multiline": !!multiLine,
-                "ic-input-component-container-full-width": !!fullWidth,
-            }, "aria-disabled": disabled ? "true" : null }, index.h("div", { key: '20934b81740e6c907bff86cc706d3aafe3a790df', class: "focus-indicator" }, helpers.slotHasContent(this.el, "left-icon") && (index.h("div", { key: '3577416fc719a575372188c43a78ac945b1b1526', class: "icon-container" }, index.h("slot", { key: '36ee3e5c85ec77c69f88c2b74d272bdb6ee42ca1', name: "left-icon" }))), index.h("slot", { key: 'e0a79f50c8ba34c0d989e2402df8b00587c5878f' }), validationInline &&
-            validationStatus === helpers.IcInformationStatus.Success && (index.h("span", { key: 'b156fb5bb6fcfec8c6dec6febdeea6d2adc7e009', class: "inline-success", innerHTML: helpers.successIcon })))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "disabled": ["watchDisabledHandler"]
-    }; }
-};
-InputComponentContainer.style = IcInputComponentContainerStyle0;
-
-const icInputContainerCss = "ic-input-container .component-container{display:flex;flex-direction:column}";
-const IcInputContainerStyle0 = icInputContainerCss;
-
-const InputContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * If `true`, the disabled state will be set.
-         */
-        this.disabled = false;
-        /**
-         * If `true`, the readonly state will be set.
-         */
-        this.readonly = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: '49cd31d8dca09cc4b2f49e0b2e7829bb1771a5d6' }, index.h("div", { key: 'bb0e3a80161a86b40e0dc424264e71cf6c95c88a', class: {
-                ["component-container"]: true,
-                ["disabled"]: !!this.disabled,
-                ["readonly"]: !!this.readonly,
-            } }, index.h("slot", { key: '4916ff0aebd6632d6e6f5daaa3c318e1e696ff2f' }))));
-    }
-};
-InputContainer.style = IcInputContainerStyle0;
-
 const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}";
 const IcMenuStyle0 = icMenuCss;
 
@@ -118,9 +29,6 @@ const Menu = class {
         this.hasPreviouslyBlurred = false;
         this.hasTimedOut = false;
         this.isLoading = false;
-        this.isMultiSelect = false;
-        this.isSearchBar = false;
-        this.isSearchableSelect = false;
         this.lastOptionSelected = null; // Index of last option selected
         this.lastOptionFocused = null; // Index of last option focused
         this.multiOptionClicked = null;
@@ -153,6 +61,18 @@ const Menu = class {
          * The custom name for the label field for IcMenuOption.
          */
         this.labelField = "label";
+        /**
+         * @internal - flag to specify if menu is in a ic-select multiple.
+         */
+        this.multiSelect = false;
+        /**
+         * @internal - flag to specify if menu is in a searchable ic-select.
+         */
+        this.searchableSelect = false;
+        /**
+         * @internal - flag to specify if menu is in a ic-search-bar.
+         */
+        this.searchBar = false;
         /**
          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
          */
@@ -185,7 +105,7 @@ const Menu = class {
                     this.preventClickOpen = false;
                 }
                 // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
-                if (this.isMultiSelect) {
+                if (this.multiSelect) {
                     this.optionHighlighted = undefined;
                     this.multiOptionClicked = null;
                 }
@@ -219,27 +139,12 @@ const Menu = class {
                 });
             }
         };
-        this.getParentEl = (parent) => {
-            if (parent.tagName === this.SEARCH_BAR_TAG) {
-                this.isSearchBar = true;
-            }
-            else if (parent.tagName === "IC-SELECT") {
-                if (parent.getAttribute("searchable") !== null &&
-                    parent.getAttribute("searchable") !== undefined) {
-                    this.isSearchableSelect = true;
-                }
-                else if (parent.getAttribute("multiple") !== null &&
-                    parent.getAttribute("multiple") !== undefined) {
-                    this.isMultiSelect = true;
-                }
-            }
-        };
         // Open menu when up or down arrow keys are pressed
         this.arrowBehaviour = (event) => {
             event.preventDefault();
             this.handleMenuChange(true);
         };
-        this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
+        this.getMenuOptions = () => this.searchBar ? this.options : this.ungroupedOptions;
         // Set option that is focused and so should show focus state
         this.setHighlightedOption = (highlightedIndex) => {
             const menuOptions = this.getMenuOptions();
@@ -277,11 +182,11 @@ const Menu = class {
             if (!this.isLoading && !this.hasTimedOut) {
                 this.keyboardNav = true;
             }
-            const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;
+            const isOpen = this.searchBar || this.searchableSelect || this.open;
             if (isOpen) {
                 if (highlightedOptionIndex >= 0) {
                     if (options[highlightedOptionIndex] !== undefined) {
-                        if (this.isSearchBar &&
+                        if (this.searchBar &&
                             options[highlightedOptionIndex].disabled === true) {
                             this.disabledOptionSelected = true;
                         }
@@ -326,7 +231,7 @@ const Menu = class {
             const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);
             const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
             // Space press should be equivalent to Enter when multi-select
-            if (event.key === " " && this.isMultiSelect) {
+            if (event.key === " " && this.multiSelect) {
                 this.handleOptionSelect(event, highlightedOptionIndex);
             }
             else {
@@ -357,7 +262,7 @@ const Menu = class {
                                 this.handleSingleShiftSelect(event, 0, menuOptions);
                             }
                             // Deselect currently selected options if arrow was pressed for first time after shift is held
-                            if (this.isMultiSelect && this.shiftPressed) {
+                            if (this.multiSelect && this.shiftPressed) {
                                 this.deselectSelectedOptions([
                                     highlightedOptionIndex,
                                     this.getOptionHighlightedIndex(),
@@ -396,7 +301,7 @@ const Menu = class {
                                 this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);
                             }
                             // Deselect currently selected options if arrow was pressed for first time after shift is held
-                            if (this.isMultiSelect && this.shiftPressed) {
+                            if (this.multiSelect && this.shiftPressed) {
                                 this.deselectSelectedOptions([
                                     highlightedOptionIndex,
                                     this.getOptionHighlightedIndex(),
@@ -444,7 +349,7 @@ const Menu = class {
                         if (!isKeyboardCombination) {
                             this.keyboardNav = false;
                         }
-                        if (this.isSearchBar || this.isSearchableSelect) {
+                        if (this.searchBar || this.searchableSelect) {
                             break;
                         }
                         else {
@@ -482,10 +387,10 @@ const Menu = class {
                         if (event.key === "Shift") {
                             this.shiftPressed = true;
                         }
-                        if (this.isSearchBar) {
+                        if (this.searchBar) {
                             this.keyboardNav = true;
                         }
-                        if (this.isMultiSelect) {
+                        if (this.multiSelect) {
                             if (this.open && !event.shiftKey && this.selectAllButton) {
                                 event.preventDefault();
                                 this.selectAllButton.focus(); // Move focus to select all button instead of focused option
@@ -528,7 +433,7 @@ const Menu = class {
         };
         this.handleOptionClick = (event) => {
             const { value, label } = event.target.dataset;
-            if (this.isMultiSelect) {
+            if (this.multiSelect) {
                 const menuOptions = this.getMenuOptions();
                 const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
                 this.handleOptionSelect(event, selectedOptionIndex, true);
@@ -570,7 +475,7 @@ const Menu = class {
                 this.lastOptionFocused = null;
                 this.lastOptionSelected = null;
             }
-            if (!this.isSearchBar)
+            if (!this.searchBar)
                 this.hasPreviouslyBlurred = !!event.relatedTarget;
         };
         this.handleMouseDown = (event) => {
@@ -580,7 +485,7 @@ const Menu = class {
             if (this.activationType === "automatic") {
                 this.autoSetValueOnMenuKeyDown(event);
             }
-            else if (this.activationType === "manual" && !this.isSearchBar) {
+            else if (this.activationType === "manual" && !this.searchBar) {
                 this.manualSetInputValueKeyboardOpen(event);
             }
         };
@@ -623,7 +528,7 @@ const Menu = class {
         // When shift key is being used to select contiguous options one by one on a multi-select
         // I.e. holding shift and pressing up and down arrow keys
         this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {
-            if (this.isMultiSelect &&
+            if (this.multiSelect &&
                 event.shiftKey &&
                 !this.isOptionSelected(optionToSelectIndex)) {
                 this.selectHighlightedOption(options, optionToSelectIndex);
@@ -873,9 +778,7 @@ const Menu = class {
         this.loadUngroupedOptions();
     }
     connectedCallback() {
-        if (this.parentEl)
-            this.getParentEl(this.parentEl);
-        if (this.isSearchBar) {
+        if (this.searchBar) {
             if (this.searchMode === "navigation")
                 this.setHighlightedOption(0);
             this.initialOptionsListRender = true;
@@ -896,7 +799,7 @@ const Menu = class {
         this.isLoading = (_d = this.options) === null || _d === void 0 ? void 0 : _d.some((opt) => opt.loading);
     }
     componentDidLoad() {
-        if (this.isSearchBar &&
+        if (this.searchBar &&
             this.parentEl.disableAutoFiltering) {
             this.focusFromSearchKeypress = true;
         }
@@ -918,7 +821,7 @@ const Menu = class {
                 this.keyboardNav &&
                 inputValueInOptions &&
                 this.autofocusOnSelected &&
-                !this.isSearchableSelect) {
+                !this.searchableSelect) {
                 this.scrollToSelected(this.menu);
             }
             else if (this.selectOnEnter) {
@@ -1012,21 +915,21 @@ const Menu = class {
     focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {
         if (!menuOptions[highlightedOptionIndex])
             return;
-        if (this.isSearchBar) {
+        if (this.searchBar) {
             this.parentEl.setFocus();
             if (this.searchMode === "navigation")
                 this.setHighlightedOption(0);
         }
-        if (this.isSearchableSelect) {
+        if (this.searchableSelect) {
             this.parentEl.setFocus();
         }
         this.focusFromSearchKeypress = true;
     }
     render() {
-        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = this;
+        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (index.h(index.Host, { key: '6c3e0c39d138c8622c3748c16294f0e21e202909', class: {
+        return (index.h(index.Host, { key: '637bd569f0d987aae612c73390344c46127170ad', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -1034,8 +937,8 @@ const Menu = class {
                     isLoading,
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
-                "ic-menu-multiple": this.isMultiSelect,
-            } }, options.length !== 0 && (index.h("ul", { key: '69ea4424544b03896b65f0b30221872e131a04f6', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
+                "ic-menu-multiple": multiSelect,
+            } }, options.length !== 0 && (index.h("ul", { key: '3840de0e59bd4f2d87330cf23a6afe402870c848', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
                 !keyboardNav &&
                 ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -1044,7 +947,7 @@ const Menu = class {
             if (option.children) {
                 if (option.children.length > 0) {
                     return (index.h("div", null, index.h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, index.h("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
-                        this.displayOption(childOption, this.isMultiSelect
+                        this.displayOption(childOption, multiSelect
                             ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
                             : childOption[this.valueField] === value, index$1, option))));
                 }
@@ -1055,15 +958,15 @@ const Menu = class {
             else {
                 // Display option only if it has a label (rather than displaying an empty space)
                 return (option.label &&
-                    this.displayOption(option, this.isMultiSelect
+                    this.displayOption(option, multiSelect
                         ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
                         : option[this.valueField] === value, index$1));
             }
         }))), options.length !== 0 &&
-            this.isMultiSelect &&
+            multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (index.h("div", { key: '17553f6e5ecd81b892894244b3a3a143b998c23c', class: "option-bar" }, index.h("ic-typography", { key: '7f4ce460524beb936e4d4ef2bbbcedd03cacec5c' }, index.h("p", { key: 'aae0e564a9caf83b09d4ee8daa3d9409b7d69501' }, `${value ? value.length : 0}/${helpers.getOptionsWithoutGroupTitlesCount(this.options)} selected`)), index.h("ic-button", { key: '692b840395eafd8c4c5dd0f21bab2082debb44bf', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (index.h("div", { key: '7c21b91f707319eac7433c9bf84b2e07117d4a5e', class: "option-bar" }, index.h("ic-typography", { key: 'ebf470f1196440dbb9b7d827833866604df1273c' }, index.h("p", { key: '796f1746246ee7867d6244c9ab824e5e483be7d0' }, `${value ? value.length : 0}/${helpers.getOptionsWithoutGroupTitlesCount(this.options)} selected`)), index.h("ic-button", { key: 'ab28ce082f7fd653fb10c7692161ad0c00653792', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1073,8 +976,6 @@ const Menu = class {
 };
 Menu.style = IcMenuStyle0;
 
-exports.ic_input_component_container = InputComponentContainer;
-exports.ic_input_container = InputContainer;
 exports.ic_menu = Menu;
 
-//# sourceMappingURL=ic-input-component-container_3.cjs.entry.js.map
+//# sourceMappingURL=ic-menu.cjs.entry.js.map