@limetech/lime-elements 37.33.2 → 37.34.0

package/dist/lime-elements/p-35365201.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbsCss","Breadcrumbs","this","renderSteps","allStepsWithoutLast","items","slice","areItemsLinks","map","renderAsLink","renderAsButton","item","tooltipId","createRandomString","h","role","id","class","onClick","handleClick","renderIcon","renderLabel","renderTooltip","href","link","title","renderLastStep","lastItem","tabindex","text","name","getIconName","icon","color","getIconColor","style","type","elementId","label","some","event","stopPropagation","select","emit","render","divider","componentWillLoad","makeEnterClickable","host","disconnectedCallback","removeEnterClickable","inputFieldCss","DEBOUNCE_TIMEOUT","InputField","constructor","hostRef","completionsList","changeWaiting","initialize","element","limelInputField","shadowRoot","querySelector","mdcTextField","MDCTextField","value","invalid","valid","mapCompletions","window","addEventListener","layout","passive","setFocus","completions","focus","getContainerClassList","classList","isInvalid","disabled","readonly","required","isEmpty","hasPrefix","hasSuffix","helperText","maxlength","leadingIcon","getTrailingIcon","_a","inputElement","validity","badInput","getCurrentValue","renderInput","properties","Object","assign","pattern","onWheel","handleWheel","onKeyDown","placeholder","renderTextarea","getAdditionalProps","props","step","Number","isInteger","min","max","minlength","onFocus","isFocused","showCompletions","onBlur","validate","changeEmitter","flush","hasHelperText","undefined","hasHelperLine","renderHelperLine","length","helperTextId","maxLength","renderEmptyValueForReadonly","renderSuffix","suffix","renderPrefix","prefix","wasInvalid","checkValidity","setInputElement","labelClassList","labelId","renderLeadingIcon","renderTrailingLinkOrButton","trailingIcon","hasLink","renderLinkIcon","getLink","renderTrailingIcon","showLink","includes","getHref","target","getTarget","linkProps","key","tabIndex","onKeyPress","handleIconKeyPress","handleIconClick","renderFormattedNumber","renderValue","formatNumber","Intl","NumberFormat","locale","format","isForwardTab","TAB","keyCode","TAB_KEY_CODE","altKey","metaKey","shiftKey","isUp","ARROW_UP","ARROW_UP_KEY_CODE","isDown","ARROW_DOWN","ARROW_DOWN_KEY_CODE","list","document","portalId","preventDefault","listElement","handleCompletionChange","detail","renderAutocompleteList","dropdownZIndex","getComputedStyle","getPropertyValue","visible","containerId","inheritParentWidth","containerStyle","open","allowClicksElement","display","onDismiss","handleCloseMenu","renderListResult","filteredCompletions","filterCompletions","onChange","handleKeyDownInDropdown","keyFound","ESCAPE","ENTER","keyCodeFound","ESCAPE_KEY_CODE","ENTER_KEY_CODE","filter","completion","toLowerCase","indexOf","handleInput","data","debounce","change","handleChange","action","isEnter","isSpace","SPACE","SPACE_KEY_CODE","globalConfig","defaultLocale","connectedCallback","componentDidLoad","destroy","removeEventListener","componentDidUpdate","ref","onInput","ariaControls","valueWatcher","newValue","completionsWatcher","menuCss","DEFAULT_ROOT_BREADCRUMBS_ITEM","Menu","renderLoader","loadingSubItems","loading","cssProperties","getCssProperties","width","padding","size","limeBranded","renderBreadcrumb","breadcrumbsItems","getBreadcrumbsItems","onSelect","handleBreadcrumbsSelect","menuItem","currentSubMenu","clearSearch","navigateMenu","handleSelect","renderSearchField","searcher","setSearchElement","searchValue","handleTextInput","handleInputKeyDown","renderEmptyMessage","emptyResultMessage","Array","isArray","searchResults","renderMenuList","visibleItems","gridLayout","badgeIcons","setListElement","handleMenuKeyDown","async","query","result","listItems","querySelectorAll","isBackwardTab","isLeft","ARROW_LEFT","ARROW_LEFT_KEY_CODE","isRight","ARROW_RIGHT","ARROW_RIGHT_KEY_CODE","searchInput","currentItem","getCurrentItem","goForward","goBack","activeItem","_b","attrIndex","_c","attributes","getNamedItem","dataIndex","parseInt","parent","parentItem","setTriggerAttributes","entries","removeAttribute","setAttribute","String","onClose","cancel","onTriggerClick","selectOnEmptyChildren","selectedMenuItem","isFunction","menuLoader","subItems","setTimeout","observer","IntersectionObserver","unobserve","activeElement","observe","focusMenuItem","blur","menuItems","isMenuItem","selectedIndex","Math","findIndex","selected","menuElements","from","renderNotificationBadge","hasNotificationBadge","badge","setTriggerRef","elm","triggerElement","componentDidRender","slotElement","assignedElements","forEach","menuSurfaceWidth","getMenuSurfaceWidth","openDirection","position","itemsWatcher","openWatcher","breadCrumbItems","push","rootItem","reverse","propertyNames","values","property","zipObject","customWidth","surfaceWidth","assignedTriggers","clientWidth","_d","cssClasses","MENU_SELECTED_LIST_ITEM","MENU_SELECTION_GROUP","ROOT","strings","ARIA_CHECKED_ATTR","ARIA_DISABLED_ATTR","CHECKBOX_SELECTOR","LIST_SELECTOR","SELECTED_EVENT","SKIP_RESTORE_FOCUS","numbers","FOCUS_ROOT_INDEX","DefaultFocusState","MDCMenuFoundation","_super","__extends","adapter","_this","call","__assign","defaultAdapter","closeAnimationEndTimerId","defaultFocusState","LIST_ROOT","defineProperty","get","enumerable","configurable","addClassToElementAtIndex","removeClassFromElementAtIndex","addAttributeToElementAtIndex","removeAttributeFromElementAtIndex","getAttributeFromElementAtIndex","elementContainsClass","closeSurface","getElementIndex","notifySelected","getMenuItemCount","focusItemAtIndex","focusListRoot","getSelectedSiblingOfItemAtIndex","isSelectableItemAtIndex","prototype","clearTimeout","handleKeydown","evt","isTab","handleItemAction","listItem","index","skipRestoreFocus","recomputedIndex","setSelectedIndex","MDCMenuSurfaceFoundation","TRANSITION_CLOSE_DURATION","handleMenuSurfaceOpened","FIRST_ITEM","LAST_ITEM","NONE","setDefaultFocusState","focusState","getSelectedIndex","validatedIndex","Error","prevSelectedIndex","setEnabled","isEnabled","listCssClasses","LIST_ITEM_DISABLED_CLASS","menuSize","isIndexInRange","MDCFoundation","MDCMenu","apply","arguments","attachTo","root","menuSurfaceFactory","listFactory","el","MDCMenuSurface","MDCList","initialSyncWithDOM","menuSurface","wrapFocus","foundation","listen","OPENED_EVENT","MDCListFoundation","ACTION_EVENT","unlisten","isOpen","set","close","hasTypeahead","typeaheadInProgress","typeaheadMatchItem","nextChar","startingIndex","listElements","singleSelection","listConstants","UNSET_INDEX","quickOpen","setAnchorCorner","corner","setAnchorMargin","margin","getOptionByIndex","getPrimaryTextAtIndex","getPrimaryText","setFixedPosition","isFixed","setIsHoisted","isHoisted","setAbsolutePosition","x","y","setAnchorElement","anchorElement","getDefaultFoundation","className","add","remove","attr","getAttribute","contains","evtData","closest","selectionGroupEl","selectedItemEl","MDCComponent","MenuListRenderer","defaultConfig","getIndexForWhichToApplyTabIndex","i","renderMenuItem","rendertext","classNames","applyTabIndexToItemAtIndex","config","renderText","renderSubMenuIcon","renderNotification","twoLines","avatarList","renderDivider","isSimpleItem","renderCommandText","secondaryText","hasSubItems","commandText","iconColor","iconSize","classes","commandKey","hasIcons","selectable","menuListCss","menuStrings","MenuList","setup","setupMenu","setupListeners","mdcMenu","teardown","MDCRipple","handleMenuSelect","handleSingleSelect","MenuItems","selectedItem","find","triggerIconColorWarning","html","handleType","itemsChanged","console","warn"],"sources":["./src/components/breadcrumbs/breadcrumbs.scss?tag=limel-breadcrumbs&encapsulation=shadow","./src/components/breadcrumbs/breadcrumbs.tsx","./src/components/input-field/input-field.scss?tag=limel-input-field&encapsulation=shadow","./src/components/input-field/input-field.tsx","./src/components/menu/menu.scss?tag=limel-menu&encapsulation=shadow","./src/components/menu/menu.tsx","./node_modules/@material/menu/constants.js","./node_modules/@material/menu/foundation.js","./node_modules/@material/menu/component.js","./src/components/menu-list/menu-list-renderer.tsx","./src/components/menu-list/menu-list.scss?tag=limel-menu-list&encapsulation=shadow","./src/components/menu-list/menu-list.tsx"],"sourcesContent":["@use '../../style/mixins';\n\n/**\n* @prop --breadcrumbs-item-text-color: Text color of breadcrumbs items, defaults to `--contrast-1100`.\n* @prop --breadcrumbs-item-max-width: Maximum width of a button in the breadcrumbs. Defaults to `10rem`. Keep in mind that the buttons should not appear too big.\n*/\n\n$padding: 0.5rem;\n\n:host(limel-breadcrumbs) {\n    --limel-breadcrumbs-item-height: 1.5rem;\n    --limel-breadcrumbs-gap: 0.75rem;\n    --limel-breadcrumbs-gap: 0.75rem;\n    --limel-breadcrumbs-item-text-color: var(\n        --breadcrumbs-item-text-color,\n        rgb(var(--contrast-1500))\n    );\n    @include mixins.fade-out-overflowed-content-on-edges(horizontally);\n    --limel-left-edge-fade-width: #{$padding};\n    --limel-right-edge-fade-width: #{$padding};\n}\n\nol,\nli,\n.step {\n    all: unset;\n}\n\n* {\n    box-sizing: border-box;\n}\n\nol {\n    padding: $padding; // needed for the focus and hover effects, since we are using overflow\n    gap: var(--limel-breadcrumbs-gap);\n}\n\n.step {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25rem;\n\n    max-width: var(--breadcrumbs-item-max-width, 10rem);\n    height: var(--limel-breadcrumbs-item-height);\n\n    color: var(--limel-breadcrumbs-item-text-color);\n    border-radius: 100vw;\n    font-size: 0.875rem;\n    padding: 0 0.25rem;\n\n    &:not(:has(.text)) {\n        padding: 0 0.125rem;\n    }\n\n    &:not(.last) {\n        @include mixins.visualize-keyboard-focus;\n\n        &:after {\n            content: var(--limel-breadcrumbs-divider);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            width: var(--limel-breadcrumbs-gap);\n\n            position: absolute;\n            top: 0;\n            right: calc(var(--limel-breadcrumbs-gap) * -1);\n            bottom: 0;\n            left: auto;\n\n            text-align: center;\n        }\n    }\n}\n\na.step {\n    @include mixins.hyperlink($color: var(--limel-breadcrumbs-item-text-color));\n}\n\nbutton.step {\n    &:not(.last) {\n        @include mixins.is-flat-clickable(\n            $color: var(--limel-breadcrumbs-item-text-color)\n        );\n    }\n}\n\nlimel-icon {\n    flex-shrink: 0;\n    width: calc(var(--limel-breadcrumbs-item-height) - 0.25rem);\n    height: calc(var(--limel-breadcrumbs-item-height) - 0.25rem);\n}\n\n.text {\n    @include mixins.truncate-text;\n    padding: 0 0.25rem;\n}\n\n.last {\n    opacity: 0.7;\n}\n\n// LAYOUT:\n// The code below makes sure that the last item is always visible,\n// and previous items overflow out of the container\n// while keeping the container scrollable.\n// All without any additional scripts in the component code.\n\n:host(limel-breadcrumbs) {\n    box-sizing: border-box;\n\n    display: flex;\n    width: 100%;\n    overflow-x: auto;\n    scrollbar-width: none; // This hides the scrollbars appearing under in Firefox\n    -ms-overflow-style: none; // Same as above for IE 11\n    &::-webkit-scrollbar {\n        display: none; // This hides the scrollbars appearing under in Chrome\n    }\n\n    direction: rtl;\n}\n\nol {\n    display: flex;\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n    margin-right: auto;\n}\n\n.step {\n    direction: ltr;\n}\n","import {\n    Component,\n    Element,\n    h,\n    Event,\n    EventEmitter,\n    Prop,\n} from '@stencil/core';\nimport { BreadcrumbsItem } from './breadcrumbs.types';\nimport {\n    makeEnterClickable,\n    removeEnterClickable,\n} from '../../util/make-enter-clickable';\nimport { createRandomString } from '../../util/random-string';\nimport { getIconColor, getIconName } from '../icon/get-icon-props';\n\n/**\n * A Breadcrumb consists of a list of distinct \"places\" that a user has gone through,\n * before ending up where they are right now, in a website or an application.\n *\n * These \"places\" can be for example _pages_ of a website, which are hierarchically\n * laid out before the current page that the user is looking at.\n * They could also be _steps_ which the user has gone through, which perhaps have no\n * hierarchical relation with each other, but has eventually led the user \"here\".\n *\n * :::note\n * - Where the user currently is, is always the last step of the breadcrumb.\n * - A breadcrumbs never shows where users can go after this place.\n * It only illustrates where user has been before ending up here.\n * If the path that a user can take is not changing and if next steps are clear,\n * you can use the [Progress flow component](#/component/limel-progress-flow) instead.\n * :::\n *\n * Breadcrumbs are often placed horizontally before the main content of the current screen.\n *\n * @exampleComponent limel-example-breadcrumbs-links\n * @exampleComponent limel-example-breadcrumbs-buttons\n * @exampleComponent limel-example-breadcrumbs-icons\n * @exampleComponent limel-example-breadcrumbs-divider\n * @exampleComponent limel-example-breadcrumbs-icon-color\n * @exampleComponent limel-example-breadcrumbs-styling\n */\n\n@Component({\n    tag: 'limel-breadcrumbs',\n    shadow: true,\n    styleUrl: 'breadcrumbs.scss',\n})\nexport class Breadcrumbs {\n    /**\n     * List of items in the breadcrumbs,\n     * each representing a step or a page.\n     */\n    @Prop()\n    public items: BreadcrumbsItem[];\n\n    /**\n     * The visual divider that separates items.\n     * It must be a single character such as `-` or `,`.\n     */\n    @Prop()\n    public divider: string = '›';\n\n    /**\n     * Fired when clicking on buttons (not links!)\n     * inside the breadcrumbs.\n     */\n    @Event()\n    public select: EventEmitter<BreadcrumbsItem>;\n\n    @Element()\n    private host: HTMLLimelBreadcrumbsElement;\n\n    public render() {\n        return (\n            <ol\n                role=\"navigation\"\n                aria-label=\"Breadcrumb\"\n                style={{ '--limel-breadcrumbs-divider': `'${this.divider}'` }}\n            >\n                {this.renderSteps()}\n                {this.renderLastStep()}\n            </ol>\n        );\n    }\n\n    public componentWillLoad() {\n        makeEnterClickable(this.host);\n    }\n\n    public disconnectedCallback() {\n        removeEnterClickable(this.host);\n    }\n\n    private renderSteps = () => {\n        const allStepsWithoutLast = this.items.slice(0, -1);\n\n        if (this.areItemsLinks(this.items)) {\n            return allStepsWithoutLast.map(this.renderAsLink);\n        }\n\n        return allStepsWithoutLast.map(this.renderAsButton);\n    };\n\n    private renderAsButton = (item: BreadcrumbsItem) => {\n        const tooltipId = createRandomString();\n\n        return [\n            <button\n                role=\"listitem\"\n                id={tooltipId}\n                class=\"step\"\n                onClick={this.handleClick(item)}\n            >\n                {this.renderIcon(item)}\n                {this.renderLabel(item)}\n            </button>,\n            this.renderTooltip(item, tooltipId),\n        ];\n    };\n\n    private renderAsLink = (item: BreadcrumbsItem) => {\n        const tooltipId = createRandomString();\n\n        return [\n            <a\n                role=\"listitem\"\n                id={tooltipId}\n                class=\"step\"\n                href={item.link.href}\n                title={item.link.title}\n            >\n                {this.renderIcon(item)}\n                {this.renderLabel(item)}\n            </a>,\n            this.renderTooltip(item, tooltipId),\n        ];\n    };\n\n    private renderLastStep = () => {\n        const lastItem = this.items.slice(-1);\n\n        return (\n            <li\n                class=\"last step\"\n                tabindex=\"-1\"\n                aria-current={this.areItemsLinks(this.items) ? 'page' : 'step'}\n            >\n                {this.renderIcon(lastItem[0])}\n                <span class=\"text\">{lastItem[0].text}</span>\n            </li>\n        );\n    };\n\n    private renderIcon = (item: BreadcrumbsItem) => {\n        const name = getIconName(item.icon);\n        const color = getIconColor(item.icon);\n\n        if (!name) {\n            return;\n        }\n\n        return (\n            <limel-icon\n                style={{\n                    color: `${color}`,\n                }}\n                name={name}\n            />\n        );\n    };\n\n    private renderLabel = (item: BreadcrumbsItem) => {\n        if (item.type === 'icon-only') {\n            return;\n        }\n\n        return <span class=\"text\">{item.text}</span>;\n    };\n\n    private renderTooltip = (item: BreadcrumbsItem, tooltipId: string) => {\n        if (item.type === 'icon-only') {\n            return <limel-tooltip elementId={tooltipId} label={item.text} />;\n        }\n    };\n\n    private areItemsLinks = (items: BreadcrumbsItem[]) => {\n        return items.some((item) => 'link' in item);\n    };\n\n    private handleClick = (item: BreadcrumbsItem) => (event: MouseEvent) => {\n        event.stopPropagation();\n        this.select.emit(item);\n    };\n}\n","@use '../../style/internal/z-index';\n@use '../../style/functions';\n@use '../../style/internal/shared_input-select-picker';\n@use '../../style/mixins';\n\n@use '../../style/internal/lime-theme';\n\n@use '@material/textfield';\n@use '@material/textfield/icon';\n@use '@material/notched-outline/mdc-notched-outline';\n@use '@material/floating-label';\n@use '@material/floating-label/mdc-floating-label';\n@use '@material/ripple';\n@use '@material/list';\n@use '@material/elevation';\n@use '@material/menu-surface';\n\n/**\n * @prop --textarea-height: Height of the field when type is set to `textarea`\n */\n\n:host {\n    position: relative;\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n:host([type='textarea']) {\n    height: var(--textarea-height, 100%);\n\n    .mdc-text-field.mdc-text-field--textarea {\n        height: var(--textarea-height, 100%);\n\n        .mdc-text-field__input {\n            @include shared_input-select-picker.input-field-placeholder;\n            margin-top: functions.pxToRem(8);\n            margin-bottom: 0;\n        }\n    }\n}\n\n@include mixins.hide-helper-line-when-not-needed(limel-input-field);\n\n@include textfield.core-styles;\n@include icon.icon-core-styles;\n\n@include shared_input-select-picker.outlined-style-overrides;\n@include shared_input-select-picker.readonly-overrides;\n@include shared_input-select-picker.cropped-label-hack;\n@include shared_input-select-picker.disabled-overrides;\n@include shared_input-select-picker.leading-icon;\n@include shared_input-select-picker.trailing-icon;\n@include shared_input-select-picker.floating-label-overrides;\n@include shared_input-select-picker.lime-empty-value-for-readonly;\n@include shared_input-select-picker.lime-looks-like-input-value;\n\n.lime-text-field--empty {\n    .mdc-text-field__icon--trailing {\n        @include shared_input-select-picker.looks-disabled;\n        pointer-events: none;\n        box-shadow: none !important;\n    }\n}\n\n.mdc-text-field {\n    width: 100%;\n\n    &:not(.mdc-text-field--disabled) {\n        .mdc-text-field__affix,\n        .mdc-text-field__icon {\n            color: rgb(var(--contrast-900));\n        }\n    }\n    &.mdc-text-field--disabled {\n        .mdc-text-field__affix,\n        .mdc-text-field__icon {\n            color: rgb(var(--contrast-700));\n        }\n    }\n}\n\n.lime-formatted-input {\n    display: none;\n    width: calc(100% - #{functions.pxToRem(20)});\n    z-index: z-index.$input-field--formatted-value;\n\n    pointer-events: none;\n\n    :not(.mdc-text-field--focused):not(.mdc-text-field--invalid) & {\n        display: block;\n    }\n\n    + .mdc-text-field__input {\n        z-index: z-index.$input-field--input-with-formatted-value;\n    }\n}\n\n:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) {\n    .mdc-text-field__input[type='number'] {\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n    }\n\n    &.lime-text-field--readonly {\n        .mdc-text-field__input[type='number'] {\n            visibility: hidden;\n            // Not having `visibility: hidden;` makes the unformatted\n            // value selectable; which is not so nice when users\n            // click drag to select content on the screen.\n            // The reason to have it only on `readonly` mode is\n            // 1. This is the use case where it makes most sense\n            // 2. We don't want to repeat the same thing in the\n            // accessibility tree, and make it readable for assistive\n            // technologies.\n            // 3. When not readonly, clicking on the `<input />`\n            // element sets the focus and activates the edit mode.\n            // So we cannot always have it `hidden` on.\n            // which is why we have instead\n            // `color: transparent` a few lines before this.\n        }\n    }\n}\n\n.autocomplete-list-container {\n    position: relative;\n}\n\n.autocomplete-list {\n    background-color: var(--lime-elevated-surface-background-color);\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    max-height: functions.pxToRem(200);\n    overflow-y: auto;\n}\n\n.mdc-deprecated-list-item {\n    cursor: pointer;\n}\n\ninput.mdc-text-field__input {\n    @include shared_input-select-picker.input-field-placeholder;\n\n    &::-webkit-search-cancel-button {\n        @include mixins.clear-all-button;\n\n        -webkit-appearance: none;\n\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        margin: auto;\n\n        &:active {\n            transform: none; //Makes the \"clear-all button\" work\n        }\n        .mdc-text-field--label-floating & {\n            opacity: 1;\n        }\n    }\n}\n\n@import './partial-styles/trailing-icon.scss';\n@import './partial-styles/readonly';\n\n// To make the input field render smaller than the default MDC UI\n.mdc-text-field {\n    &.mdc-text-field--outlined {\n        height: shared_input-select-picker.$height-of-mdc-text-field;\n    }\n}\n.mdc-text-field--with-trailing-icon {\n    .mdc-text-field__icon:last-child {\n        padding: 0.25rem;\n        margin-right: 0.25rem;\n    }\n}\n.mdc-text-field--outlined.mdc-text-field--with-leading-icon {\n    .mdc-text-field__icon--leading {\n        margin-left: 0.25rem;\n    }\n    .mdc-floating-label {\n        left: 1.5rem;\n    }\n}\n","import { MDCTextField } from '@material/textfield';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { debounce } from 'lodash-es';\nimport {\n    ARROW_DOWN,\n    ARROW_DOWN_KEY_CODE,\n    ARROW_UP,\n    ARROW_UP_KEY_CODE,\n    ENTER,\n    ENTER_KEY_CODE,\n    ESCAPE,\n    ESCAPE_KEY_CODE,\n    SPACE,\n    SPACE_KEY_CODE,\n    TAB,\n    TAB_KEY_CODE,\n} from '../../util/keycodes';\nimport { InputType } from '../input-field/input-field.types';\nimport { ListItem } from '../list/list-item.types';\nimport { getHref, getTarget } from '../../util/link-helper';\nimport { JSXBase } from '@stencil/core/internal';\nimport { createRandomString } from '../../util/random-string';\nimport { LimelListCustomEvent } from '../../components';\nimport { globalConfig } from '../../global/config';\n\ninterface LinkProperties {\n    href: string;\n    target?: string;\n}\n\nconst DEBOUNCE_TIMEOUT = 300;\n\n/**\n * @exampleComponent limel-example-input-field-text\n * @exampleComponent limel-example-input-field-placeholder\n * @exampleComponent limel-example-input-field-text-multiple\n * @exampleComponent limel-example-input-field-number\n * @exampleComponent limel-example-input-field-autocomplete\n * @exampleComponent limel-example-input-field-icon-leading\n * @exampleComponent limel-example-input-field-icon-trailing\n * @exampleComponent limel-example-input-field-icon-both\n * @exampleComponent limel-example-input-field-showlink\n * @exampleComponent limel-example-input-field-error-icon\n * @exampleComponent limel-example-input-field-textarea\n * @exampleComponent limel-example-input-field-suffix\n * @exampleComponent limel-example-input-field-prefix\n * @exampleComponent limel-example-input-field-search\n * @exampleComponent limel-example-input-field-pattern\n * @exampleComponent limel-example-input-field-focus\n */\n@Component({\n    tag: 'limel-input-field',\n    shadow: true,\n    styleUrl: 'input-field.scss',\n})\nexport class InputField {\n    /**\n     * Set to `true` to disable the field.\n     * Use `disabled` to indicate that the field can normally be interacted\n     * with, but is currently disabled. This tells the user that if certain\n     * requirements are met, the field may become enabled again.\n     */\n    @Prop({ reflect: true })\n    public disabled = false;\n\n    /**\n     * Set to `true` to make the field read-only.\n     * Use `readonly` when the field is only there to present the data it holds,\n     * and will not become possible for the current user to edit.\n     */\n    @Prop({ reflect: true })\n    public readonly = false;\n\n    /**\n     * Set to `true` to indicate that the current value of the input field is\n     * invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid = false;\n\n    /**\n     * The input label.\n     */\n    @Prop({ reflect: true })\n    public label: string;\n\n    /**\n     * The placeholder text shown inside the input field, when the field is focused and empty.\n     */\n    @Prop({ reflect: true })\n    public placeholder: string;\n\n    /**\n     * Optional helper text to display below the input field when it has focus\n     */\n    @Prop({ reflect: true })\n    public helperText: string;\n\n    /**\n     * A short piece of text to display before the value inside the input field.\n     * Displayed for all types except `textarea`.\n     */\n    @Prop({ reflect: true })\n    public prefix: string;\n\n    /**\n     * A short piece of text to display after the value inside the input field.\n     * Displayed for all types except `textarea`.\n     */\n    @Prop({ reflect: true })\n    public suffix: string;\n\n    /**\n     * Set to `true` to indicate that the field is required.\n     */\n    @Prop({ reflect: true })\n    public required = false;\n\n    /**\n     * The value of the field.\n     */\n    @Prop({ reflect: true })\n    public value: string;\n\n    /**\n     * Trailing icon to show to the far right in the field.\n     */\n    @Prop({ reflect: true })\n    public trailingIcon: string;\n\n    /**\n     * Leading icon to show to the far left in the field.\n     */\n    @Prop({ reflect: true })\n    public leadingIcon: string;\n\n    /**\n     * Regular expression that the current value of the input field must match.\n     * No forward slashes should be specified around the pattern.\n     * Only used if type is `text`, `tel`, `email`, `url`, `urlAsText`,\n     * `password`, or `search`.\n     */\n    @Prop({ reflect: true })\n    public pattern: string;\n\n    /**\n     * Type of input.\n     *\n     * Note** regarding type `url`: `limel-input` uses the native validation\n     * built into the browser for many types of input fields. The native\n     * validation for `url` is very strict, and does not allow relative urls,\n     * nor any other formats that are not a \"fully qualified\" url. To allow\n     * such urls, use the type `urlAsText` instead. `urlAsText` works exactly\n     * like `text` in all regards, except that it enables use of the `showLink`\n     * property.\n     */\n    @Prop({ reflect: true })\n    public type: InputType = 'text';\n\n    /**\n     * Set to `true` to format the current value of the input field only\n     * if the field is of type number.\n     * The number format is determined by the current language of the browser.\n     */\n    @Prop({ reflect: true })\n    public formatNumber = true;\n\n    /**\n     * Incremental values that are valid if the field type is `number`.\n     */\n    @Prop({ reflect: true })\n    public step: number | 'any' = 'any';\n\n    /**\n     * Maximum allowed value if input type is `number`.\n     */\n    @Prop({ reflect: true })\n    public max: number;\n\n    /**\n     * Minimum allowed value if input type is `number`.\n     */\n    @Prop({ reflect: true })\n    public min: number;\n\n    /**\n     * Maximum length of the value if type is `password`, `search`, `tel`,\n     * `text`, `url`, or `urlAsText`.\n     */\n    @Prop({ reflect: true })\n    public maxlength: number;\n\n    /**\n     * Minimum length of the value if type is `password`, `search`, `tel`,\n     * `text`, `url`, or `urlAsText`.\n     */\n    @Prop({ reflect: true })\n    public minlength: number;\n\n    /**\n     * list of suggestions `value` can autocomplete to.\n     */\n    @Prop()\n    public completions: string[] = [];\n\n    /**\n     * For inputs of type `email`, `tel`, `url`, and `urlAsText`, set this to\n     * `true` to show a trailing icon with a `mailto:`,`tel:`, or normal link,\n     * respectively. The default icon can be overridden using the `trailingIcon`\n     * property.\n     */\n    @Prop({ reflect: true })\n    public showLink = false;\n\n    /**\n     * The locale to use for formatting numbers.\n     */\n    @Prop({ reflect: true })\n    public locale: string = globalConfig.defaultLocale;\n\n    /**\n     * Emitted when the input value is changed.\n     */\n    @Event()\n    private change: EventEmitter<string>;\n\n    /**\n     * Emitted when `trailingIcon` or `leadingIcon` is set\n     * and the icon is interacted with.\n     */\n    @Event()\n    private action: EventEmitter<void>;\n\n    @Element()\n    private limelInputField: HTMLLimelInputFieldElement;\n\n    @State()\n    private isFocused: boolean = false;\n\n    @State()\n    private wasInvalid: boolean = false;\n\n    @State()\n    public showCompletions: boolean = false;\n\n    private inputElement?: HTMLInputElement | HTMLTextAreaElement;\n    private mdcTextField: MDCTextField;\n    private completionsList: ListItem[] = [];\n    private portalId: string;\n    private helperTextId: string;\n    private labelId: string;\n\n    private changeWaiting = false;\n\n    constructor() {\n        this.portalId = createRandomString();\n        this.helperTextId = createRandomString();\n        this.labelId = createRandomString();\n    }\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    public componentDidLoad() {\n        this.initialize();\n    }\n\n    public disconnectedCallback() {\n        if (this.mdcTextField) {\n            this.mdcTextField.destroy();\n        }\n\n        window.removeEventListener('resize', this.layout);\n        this.limelInputField.removeEventListener('focus', this.setFocus);\n    }\n\n    public componentDidUpdate() {\n        if (this.invalid) {\n            this.mdcTextField.valid = false;\n        }\n\n        this.mdcTextField.disabled = this.disabled || this.readonly;\n    }\n\n    public render() {\n        const properties = this.getAdditionalProps();\n        properties['aria-labelledby'] = this.labelId;\n        properties.class = 'mdc-text-field__input';\n        properties.ref = this.setInputElement;\n        properties.onInput = this.handleInput;\n        properties.onChange = this.handleChange;\n        properties.onFocus = this.onFocus;\n        properties.onBlur = this.onBlur;\n        properties.required = this.required;\n        properties.readonly = this.readonly;\n        properties.disabled = this.disabled || this.readonly;\n\n        let ariaControls = '';\n\n        if (this.hasHelperText()) {\n            ariaControls += this.helperTextId;\n            properties['aria-describedby'] = this.helperTextId;\n        }\n\n        if (this.renderAutocompleteList()) {\n            if (ariaControls) {\n                ariaControls += ' ';\n            }\n\n            ariaControls += this.portalId;\n        }\n\n        if (ariaControls) {\n            properties['aria-controls'] = ariaControls;\n        }\n\n        return [\n            <label class={this.getContainerClassList()}>\n                <span class=\"mdc-notched-outline\" tabindex=\"-1\">\n                    <span class=\"mdc-notched-outline__leading\"></span>\n                    {this.renderLabel()}\n                    <span class=\"mdc-notched-outline__trailing\"></span>\n                </span>\n                {this.renderLeadingIcon()}\n                {this.renderEmptyValueForReadonly()}\n                {this.renderPrefix()}\n                {this.renderFormattedNumber()}\n                {this.renderInput(properties)}\n                {this.renderSuffix()}\n                {this.renderTextarea(properties)}\n                {this.renderTrailingLinkOrButton()}\n            </label>,\n            this.renderHelperLine(),\n            this.renderAutocompleteList(),\n        ];\n    }\n\n    @Watch('value')\n    protected valueWatcher(newValue: string) {\n        if (!this.mdcTextField) {\n            return;\n        }\n\n        if (this.changeWaiting) {\n            return;\n        }\n\n        if (\n            this.type === 'number' &&\n            this.isFocused &&\n            Number(newValue) === Number(this.mdcTextField.value)\n        ) {\n            return;\n        }\n\n        if (newValue !== this.mdcTextField.value) {\n            this.mdcTextField.value = newValue || '';\n        }\n\n        if (this.wasInvalid) {\n            this.validate();\n        }\n    }\n\n    @Watch('completions')\n    protected completionsWatcher() {\n        this.mapCompletions();\n    }\n\n    private initialize = () => {\n        const element =\n            this.limelInputField.shadowRoot.querySelector('.mdc-text-field');\n        if (!element) {\n            return;\n        }\n\n        this.mdcTextField = new MDCTextField(element);\n        if (this.value) {\n            this.mdcTextField.value = this.value;\n        }\n\n        if (this.invalid) {\n            this.mdcTextField.valid = false;\n        }\n\n        this.mapCompletions();\n\n        window.addEventListener('resize', this.layout, { passive: true });\n        this.limelInputField.addEventListener('focus', this.setFocus);\n    };\n\n    private mapCompletions = () => {\n        this.completionsList = [...this.completions].map((item) => {\n            return { text: item };\n        });\n    };\n\n    private setFocus = () => {\n        this.mdcTextField.focus();\n    };\n\n    private getContainerClassList = () => {\n        const classList = {\n            'mdc-text-field': true,\n            'mdc-text-field--no-label': !this.label,\n            'mdc-text-field--outlined': true,\n            'mdc-text-field--invalid': this.isInvalid(),\n            'mdc-text-field--disabled': this.disabled || this.readonly,\n            'lime-text-field--readonly': this.readonly,\n            'mdc-text-field--required': this.required,\n            'lime-text-field--empty': this.isEmpty(),\n            'lime-has-prefix': this.hasPrefix(),\n            'lime-has-suffix': this.hasSuffix(),\n        };\n\n        if (this.type === 'textarea') {\n            classList['mdc-text-field--textarea'] = true;\n            classList['has-helper-line'] =\n                !!this.helperText || !!this.maxlength;\n        } else {\n            classList['mdc-text-field--with-leading-icon'] = !!this.leadingIcon;\n            classList['mdc-text-field--with-trailing-icon'] =\n                !!this.getTrailingIcon();\n        }\n\n        return classList;\n    };\n\n    private isEmpty = () => {\n        if (this.type === 'number' && this.inputElement?.validity.badInput) {\n            return false;\n        }\n\n        return !this.getCurrentValue();\n    };\n\n    private getCurrentValue = () => {\n        if (this.changeWaiting && this.inputElement) {\n            return this.inputElement.value;\n        }\n\n        return this.value;\n    };\n\n    private renderInput = (\n        properties: JSXBase.InputHTMLAttributes<HTMLInputElement>,\n    ) => {\n        if (this.type === 'textarea') {\n            return;\n        }\n\n        const type = this.type === 'urlAsText' ? 'text' : this.type;\n\n        return (\n            <input\n                {...properties}\n                type={type}\n                pattern={this.pattern}\n                onWheel={this.handleWheel}\n                onKeyDown={this.onKeyDown}\n                placeholder={this.placeholder}\n            />\n        );\n    };\n\n    private renderTextarea = (\n        properties: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    ) => {\n        if (this.type !== 'textarea') {\n            return;\n        }\n\n        return (\n            <span class=\"mdc-text-field__resizer\">\n                <textarea\n                    {...properties}\n                    placeholder={this.placeholder}\n                ></textarea>\n            </span>\n        );\n    };\n\n    private layout = () => {\n        this.mdcTextField?.layout();\n    };\n\n    private getAdditionalProps = () => {\n        const props: any = {};\n\n        if (this.type === 'number') {\n            props.step = this.step;\n        }\n\n        if (this.type === 'number' && Number.isInteger(this.min)) {\n            props.min = this.min;\n        }\n\n        if (this.type === 'number' && Number.isInteger(this.max)) {\n            props.max = this.max;\n        }\n\n        if (this.minlength) {\n            props.minlength = this.minlength;\n        }\n\n        if (this.maxlength) {\n            props.maxlength = this.maxlength;\n        }\n\n        return props;\n    };\n\n    private onFocus = () => {\n        this.isFocused = true;\n        this.showCompletions = true;\n    };\n\n    private onBlur = () => {\n        this.isFocused = false;\n        this.validate();\n        this.changeEmitter.flush();\n    };\n\n    private hasHelperText = () => {\n        return this.helperText !== null && this.helperText !== undefined;\n    };\n\n    private hasHelperLine = () => {\n        return this.maxlength || this.hasHelperText();\n    };\n\n    private renderHelperLine = () => {\n        const text: string = this.getCurrentValue() || '';\n        const length = text.length;\n\n        if (!this.hasHelperLine()) {\n            return;\n        }\n\n        return (\n            <limel-helper-line\n                helperTextId={this.helperTextId}\n                helperText={this.helperText}\n                length={length}\n                maxLength={this.maxlength}\n                invalid={this.isInvalid()}\n            />\n        );\n    };\n\n    private renderEmptyValueForReadonly = () => {\n        if (this.readonly && this.isEmpty()) {\n            return (\n                <span class=\"lime-empty-value-for-readonly lime-looks-like-input-value\">\n                    –\n                </span>\n            );\n        }\n    };\n\n    private renderSuffix = () => {\n        if (!this.hasSuffix() || this.type === 'textarea') {\n            return;\n        }\n\n        const classList = {\n            'mdc-text-field__affix': true,\n            'mdc-text-field__affix--suffix': true,\n        };\n\n        return <span class={classList}>{this.suffix}</span>;\n    };\n\n    private hasSuffix = () => {\n        return this.suffix !== null && this.suffix !== undefined;\n    };\n\n    private renderPrefix = () => {\n        if (!this.hasPrefix() || this.type === 'textarea') {\n            return;\n        }\n\n        const classList = {\n            'mdc-text-field__affix': true,\n            'mdc-text-field__affix--prefix': true,\n        };\n\n        return <span class={classList}>{this.prefix}</span>;\n    };\n\n    private hasPrefix = () => {\n        return this.prefix !== null && this.prefix !== undefined;\n    };\n\n    private isInvalid = () => {\n        if (this.readonly) {\n            // A readonly field can never be invalid.\n            return false;\n        }\n\n        if (this.invalid) {\n            // `this.invalid` is set by the consumer. If the consumer explicitly\n            // told us to consider the field invalid, we consider it invalid\n            // regardless of what our internal validation thinks, and regardless\n            // of whether the field has been modified.\n            return true;\n        }\n\n        return this.wasInvalid;\n    };\n\n    private validate = () => {\n        if (this.readonly || this.invalid) {\n            this.wasInvalid = false;\n\n            return;\n        }\n\n        if (this.inputElement) {\n            this.wasInvalid = !this.inputElement.checkValidity();\n        }\n    };\n\n    private setInputElement = (\n        element?: HTMLInputElement | HTMLTextAreaElement,\n    ) => {\n        if (element) {\n            this.inputElement = element;\n        }\n    };\n\n    private renderLabel = () => {\n        const labelClassList = {\n            'mdc-floating-label': true,\n            'mdc-floating-label--float-above':\n                !this.isEmpty() || this.isFocused || this.readonly,\n        };\n\n        if (!this.label) {\n            return;\n        }\n\n        return (\n            <span class=\"mdc-notched-outline__notch\">\n                <span class={labelClassList} id={this.labelId}>\n                    {this.label}\n                </span>\n            </span>\n        );\n    };\n\n    private renderLeadingIcon = () => {\n        if (this.type === 'textarea') {\n            return;\n        }\n\n        if (this.leadingIcon) {\n            return (\n                <i class=\"material-icons mdc-text-field__icon mdc-text-field__icon--leading\">\n                    <limel-icon name={this.leadingIcon} />\n                </i>\n            );\n        }\n    };\n\n    private renderTrailingLinkOrButton = () => {\n        if (this.type === 'textarea') {\n            return;\n        }\n\n        const trailingIcon = this.getTrailingIcon();\n\n        if (!this.isInvalid() && this.hasLink()) {\n            return this.renderLinkIcon(this.getLink(), trailingIcon);\n        } else if (trailingIcon) {\n            return this.renderTrailingIcon(trailingIcon);\n        }\n    };\n\n    private hasLink = () => {\n        return (\n            this.showLink &&\n            ['email', 'tel', 'url', 'urlAsText'].includes(this.type)\n        );\n    };\n\n    private getLink = () => {\n        const props: LinkProperties = { href: '' };\n        switch (this.type) {\n            case 'email':\n                props.href = `mailto:${this.value}`;\n                break;\n            case 'tel':\n                props.href = `tel:${this.value}`;\n                break;\n            default:\n                props.href = getHref(this.value);\n                props.target = getTarget(this.value);\n        }\n\n        return props;\n    };\n\n    private renderLinkIcon = (linkProps: LinkProperties, icon: string) => {\n        // If the trailing icon uses the class `mdc-text-field__icon--trailing`,\n        // MDC attaches a click handler to it, which apparently runs\n        // `preventDefault()` on the event. For links, we don't want that,\n        // so instead of `mdc-text-field__icon--trailing`, we use our own class\n        // `lime-trailing-icon-for-link`, which uses all the same styling. /Ads\n        return (\n            <a\n                {...linkProps}\n                class=\"material-icons mdc-text-field__icon lime-trailing-icon-for-link\"\n                tabindex={this.disabled || this.isEmpty() ? '-1' : '0'}\n                role=\"button\"\n            >\n                <limel-icon name={icon} />\n            </a>\n        );\n    };\n\n    private renderTrailingIcon = (icon: string) => {\n        if (this.isInvalid()) {\n            return (\n                <i\n                    key=\"invalid\"\n                    class=\"material-icons mdc-text-field__icon invalid-icon\"\n                >\n                    <limel-icon name={icon} />\n                </i>\n            );\n        }\n\n        return (\n            <i\n                key=\"action\"\n                class=\"material-icons mdc-text-field__icon mdc-text-field__icon--trailing\"\n                tabIndex={0}\n                role=\"button\"\n                onKeyPress={this.handleIconKeyPress}\n                onClick={this.handleIconClick}\n            >\n                <limel-icon name={icon} />\n            </i>\n        );\n    };\n\n    private getTrailingIcon = () => {\n        if (this.isInvalid()) {\n            return 'high_importance';\n        }\n\n        if (this.trailingIcon) {\n            return this.trailingIcon;\n        }\n\n        if (this.showLink && this.type === 'email') {\n            return 'filled_message';\n        }\n\n        if (this.showLink && this.type === 'tel') {\n            return 'phone';\n        }\n\n        if (\n            this.showLink &&\n            (this.type === 'url' || this.type === 'urlAsText')\n        ) {\n            return 'external_link';\n        }\n    };\n\n    private renderFormattedNumber = () => {\n        if (this.type !== 'number') {\n            return;\n        }\n\n        let renderValue = this.value;\n        if (this.formatNumber && this.value) {\n            renderValue = new Intl.NumberFormat(this.locale).format(\n                Number(this.value),\n            );\n            if (renderValue === 'NaN') {\n                return;\n            }\n        }\n\n        return (\n            <span class=\"lime-formatted-input lime-looks-like-input-value\">\n                {renderValue}\n            </span>\n        );\n    };\n\n    /**\n     * Key handler for the input field\n     * Will change focus to the first/last item in the dropdown list to enable selection with the keyboard\n     *\n     * @param event - event\n     */\n\n    private onKeyDown = (event: KeyboardEvent): void => {\n        this.showCompletions = true;\n        const isForwardTab =\n            (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&\n            !event.altKey &&\n            !event.metaKey &&\n            !event.shiftKey;\n        const isUp =\n            event.key === ARROW_UP || event.keyCode === ARROW_UP_KEY_CODE;\n        const isDown =\n            event.key === ARROW_DOWN || event.keyCode === ARROW_DOWN_KEY_CODE;\n\n        if (event.keyCode === TAB_KEY_CODE && event.shiftKey) {\n            this.showCompletions = false;\n        }\n\n        if (!isForwardTab && !isUp && !isDown) {\n            return;\n        }\n\n        const list = document.querySelector(` #${this.portalId} limel-list`);\n\n        if (!list) {\n            return;\n        }\n\n        event.preventDefault();\n        if (isForwardTab || isDown) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:first-child',\n            );\n            listElement.focus();\n\n            return;\n        }\n\n        if (isUp) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:last-child',\n            );\n            listElement.focus();\n        }\n    };\n\n    private handleCompletionChange = (\n        event: LimelListCustomEvent<ListItem>,\n    ) => {\n        event.stopPropagation();\n        if (!event.detail) {\n            return;\n        }\n\n        this.showCompletions = false;\n\n        /*\n         This change event doesn't need to be debounced in itself, but we want\n         to make absolutely sure that an earlier change event that *has* been\n         debounced doesn't emit after this one. Therefore, we run this through\n         the same debounced emitter function. /Ads\n         */\n        this.changeEmitter(event.detail.text);\n        this.changeEmitter.flush();\n    };\n\n    private renderAutocompleteList = () => {\n        if (this.type === 'textarea' || !this.completions.length) {\n            return;\n        }\n\n        const dropdownZIndex = getComputedStyle(\n            this.limelInputField,\n        ).getPropertyValue('--dropdown-z-index');\n\n        return (\n            <limel-portal\n                visible={this.showCompletions}\n                containerId={this.portalId}\n                inheritParentWidth={true}\n                containerStyle={{ 'z-index': dropdownZIndex }}\n            >\n                <limel-menu-surface\n                    open={this.showCompletions}\n                    allowClicksElement={this.limelInputField}\n                    style={{\n                        '--mdc-menu-min-width': '100%',\n                        'max-height': 'inherit',\n                        display: 'flex',\n                    }}\n                    onDismiss={this.handleCloseMenu}\n                >\n                    {this.renderListResult()}\n                </limel-menu-surface>\n            </limel-portal>\n        );\n    };\n\n    private renderListResult = () => {\n        const filteredCompletions: ListItem[] = this.filterCompletions(\n            this.getCurrentValue(),\n        );\n        if (!filteredCompletions || filteredCompletions.length === 0) {\n            return null;\n        }\n\n        return (\n            <limel-list\n                onChange={this.handleCompletionChange}\n                onKeyDown={this.handleKeyDownInDropdown}\n                type=\"selectable\"\n                items={filteredCompletions}\n            />\n        );\n    };\n\n    private handleKeyDownInDropdown = (event: KeyboardEvent) => {\n        const keyFound = [TAB, ESCAPE, ENTER].includes(event.key);\n        const keyCodeFound = [\n            TAB_KEY_CODE,\n            ESCAPE_KEY_CODE,\n            ENTER_KEY_CODE,\n        ].includes(event.keyCode);\n        if (keyFound || keyCodeFound) {\n            this.setFocus();\n        }\n    };\n\n    private handleCloseMenu = () => {\n        this.showCompletions = false;\n    };\n\n    private filterCompletions = (filter: string) => {\n        if (!filter) {\n            return this.completionsList;\n        }\n\n        return this.completionsList.filter(\n            (completion) =>\n                completion.text.toLowerCase().indexOf(filter.toLowerCase()) >\n                -1,\n        );\n    };\n\n    private handleInput = (event) => {\n        event.stopPropagation();\n        let value = event.target.value;\n\n        if (this.type === 'number') {\n            if (!value && event.data) {\n                event.stopPropagation();\n\n                return;\n            }\n\n            if (value) {\n                value = Number(value);\n            }\n        }\n\n        this.changeWaiting = true;\n        this.changeEmitter(value);\n    };\n\n    private changeEmitter = debounce((value: string) => {\n        this.change.emit(value);\n        this.changeWaiting = false;\n    }, DEBOUNCE_TIMEOUT);\n\n    private handleChange = (event: Event) => {\n        event.stopPropagation();\n        this.changeEmitter.flush();\n    };\n\n    private handleIconClick = () => {\n        this.action.emit();\n    };\n\n    private handleIconKeyPress = (event: KeyboardEvent) => {\n        const isEnter = event.key === ENTER || event.keyCode === ENTER_KEY_CODE;\n        const isSpace = event.key === SPACE || event.keyCode === SPACE_KEY_CODE;\n\n        if (isSpace || isEnter) {\n            this.action.emit();\n        }\n    };\n\n    private handleWheel = () => {\n        // This empty event handler is here to circumvent a bug.\n        // In some browsers (Chrome for example), hovering the input with\n        // the input focused, and scrolling, will both change the value\n        // AND scroll the page. We would prefer to never change the value\n        // on scroll, instead always scrolling the page, but since we\n        // haven't found a way to do that, this is the next best thing, as\n        // it prevents the page from being scrolled, but only in the\n        // circumstances when the value is changed by the scrolling.\n        // Please test THOROUGHLY if you remove this event handler 😄\n    };\n}\n","@use '../../style/functions';\n\n// Note! The `--dropdown-z-index` property is used from `menu.tsx`.\n\n/**\n * @prop --dropdown-z-index: `z-index` of the dropdown menu.\n * @prop --menu-surface-width: Width of the menu surface. Overrides the width defined by `surfaceWidth`.\n * @prop --list-grid-item-max-width: Maximum width of items in the menu list when `gridLayout={true}`. Defaults to `10rem`.\n * @prop --list-grid-item-min-width: Minimum width of items in the menu list when `gridLayout={true}`. Defaults to `7.5rem`.\n * @prop --list-grid-gap: Distance between the items in the menu list when `gridLayout={true}`. Defaults to `0.75rem`.\n * @prop --notification-badge-text-color: Defines the text color of notification badges. Defaults to `--color-white`.\n * @prop --notification-badge-background-color: Defines the background color of notification badges. Defaults to `--color-red-default`.\n */\n\n:host(limel-menu) {\n    isolation: isolate;\n    position: relative;\n    display: inline-block;\n    --badge-background-color: var(\n        --notification-badge-background-color,\n        rgb(var(--color-red-default))\n    );\n    --badge-text-color: var(\n        --notification-badge-text-color,\n        rgb(var(--color-white))\n    );\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.menu__trigger {\n    border-color: transparent;\n    border-width: 1px;\n    border-style: solid;\n    background: none;\n    color: rgb(var(--contrast-800));\n    height: functions.pxToRem(36);\n\n    &-enabled {\n        &:hover {\n            border-color: rgb(var(--contrast-800));\n            color: rgb(var(--contrast-1100));\n        }\n    }\n}\n\n.mdc-menu-surface--anchor {\n    position: relative;\n}\n\nlimel-badge {\n    position: absolute;\n    top: -0.25rem;\n    right: -0.25rem;\n}\n","/* eslint-disable sonarjs/no-duplicate-string */\nimport {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    Element,\n    Watch,\n    State,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport { zipObject, isFunction } from 'lodash-es';\nimport {\n    LimelBreadcrumbsCustomEvent,\n    LimelInputFieldCustomEvent,\n} from '../../components';\n\nimport { BreadcrumbsItem } from '../breadcrumbs/breadcrumbs.types';\nimport { ListSeparator } from '../list/list-item.types';\nimport {\n    OpenDirection,\n    MenuItem,\n    MenuLoader,\n    SurfaceWidth,\n    MenuSearcher,\n} from './menu.types';\n\nimport {\n    ARROW_DOWN,\n    ARROW_DOWN_KEY_CODE,\n    ARROW_LEFT,\n    ARROW_LEFT_KEY_CODE,\n    ARROW_RIGHT,\n    ARROW_RIGHT_KEY_CODE,\n    ARROW_UP,\n    ARROW_UP_KEY_CODE,\n    TAB,\n    TAB_KEY_CODE,\n} from '../../util/keycodes';\n\ninterface MenuCrumbItem extends BreadcrumbsItem {\n    menuItem?: MenuItem;\n}\n\nconst DEFAULT_ROOT_BREADCRUMBS_ITEM: BreadcrumbsItem = {\n    text: '',\n    icon: {\n        name: 'home',\n    },\n    type: 'icon-only',\n};\n\n/**\n * @slot trigger - Element to use as a trigger for the menu.\n * @exampleComponent limel-example-menu-basic\n * @exampleComponent limel-example-menu-disabled\n * @exampleComponent limel-example-menu-open-direction\n * @exampleComponent limel-example-menu-surface-width\n * @exampleComponent limel-example-menu-separators\n * @exampleComponent limel-example-menu-icons\n * @exampleComponent limel-example-menu-badge-icons\n * @exampleComponent limel-example-menu-grid\n * @exampleComponent limel-example-menu-hotkeys\n * @exampleComponent limel-example-menu-secondary-text\n * @exampleComponent limel-example-menu-notification\n * @exampleComponent limel-example-menu-sub-menus\n * @exampleComponent limel-example-menu-sub-menu-lazy-loading\n * @exampleComponent limel-example-menu-sub-menu-lazy-loading-infinite\n * @exampleComponent limel-example-menu-searchable\n * @exampleComponent limel-example-menu-composite\n */\n@Component({\n    tag: 'limel-menu',\n    shadow: true,\n    styleUrl: 'menu.scss',\n})\nexport class Menu {\n    /**\n     * A list of items and separators to show in the menu.\n     */\n    @Prop()\n    public items: Array<MenuItem | ListSeparator> = [];\n\n    /**\n     * Sets the disabled state of the menu.\n     */\n    @Prop({ reflect: true })\n    public disabled = false;\n\n    /**\n     * Decides the menu's location in relation to its trigger\n     */\n    @Prop({ reflect: true })\n    public openDirection: OpenDirection = 'bottom-start';\n\n    /**\n     * Decides the width of menu's dropdown\n     */\n    @Prop({ reflect: true })\n    public surfaceWidth: SurfaceWidth = 'inherit-from-items';\n\n    /**\n     * Sets the open state of the menu.\n     */\n    @Prop({ mutable: true, reflect: true })\n    public open = false;\n\n    /**\n     * Defines whether the menu should show badges.\n     */\n    @Prop({ reflect: true })\n    public badgeIcons = false;\n\n    /**\n     * Renders list items in a grid layout, rather than a vertical list\n     */\n    @Prop({ reflect: true })\n    public gridLayout = false;\n\n    /**\n     * :::warning Internal Use Only\n     * This property is for internal use only. We need it for now, but want to\n     * find a better implementation of the functionality it currently enables.\n     * If and when we do so, this property will be removed without prior\n     * notice. If you use it, your code _will_ break in the future.\n     * :::\n     *\n     * @internal\n     */\n    @Prop({ reflect: true })\n    public loading = false;\n\n    /**\n     * :::warning Internal Use Only\n     * This property is for internal use only. We need it for now, but want to\n     * find a better implementation of the functionality it currently enables.\n     * If and when we do so, this property will be removed without prior\n     * notice. If you use it, your code _will_ break in the future.\n     * :::\n     *\n     * @internal\n     */\n    @Prop({ mutable: true })\n    public currentSubMenu: MenuItem;\n\n    /**\n     * A root breadcrumb item to show above the menu items.\n     * Clicking it navigates back from a sub-menu to the root menu.\n     */\n    @Prop()\n    public rootItem: BreadcrumbsItem = DEFAULT_ROOT_BREADCRUMBS_ITEM;\n\n    /**\n     * Is emitted when the menu is cancelled.\n     */\n    @Event()\n    public cancel: EventEmitter<void>;\n\n    /**\n     * Is emitted when a menu item is selected.\n     */\n    @Event()\n    public select: EventEmitter<MenuItem>;\n\n    /**\n     * A search function that takes a search-string as an argument,\n     * and returns a promise that will eventually be resolved with\n     * an array of `MenuItem`:s.\n     *\n     * See the docs for the type `MenuSearcher` for type information on\n     * the searcher function itself.\n     */\n    @Prop()\n    public searcher: MenuSearcher;\n\n    /**\n     * Message to display when search returns 0 results.\n     */\n    @Prop()\n    public emptyResultMessage?: string;\n\n    /**\n     * Is emitted when a menu item with a sub-menu is selected.\n     */\n    @Event()\n    public navigateMenu: EventEmitter<MenuItem | null>;\n\n    @Element()\n    private host: HTMLLimelMenuElement;\n\n    @State()\n    private loadingSubItems: boolean;\n\n    @State()\n    private searchValue: string;\n\n    @State()\n    private searchResults: Array<MenuItem | ListSeparator> | null;\n\n    private list: HTMLLimelMenuListElement;\n    private searchInput: HTMLLimelInputFieldElement;\n    private portalId: string;\n    private triggerElement: HTMLSlotElement;\n    private selectedMenuItem?: MenuItem;\n\n    constructor() {\n        this.portalId = createRandomString();\n    }\n\n    public componentDidRender() {\n        const slotElement = this.host.shadowRoot.querySelector('slot');\n        slotElement.assignedElements().forEach(this.setTriggerAttributes);\n    }\n\n    public render() {\n        const cssProperties = this.getCssProperties();\n\n        const dropdownZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--dropdown-z-index',\n        );\n\n        const menuSurfaceWidth = this.getMenuSurfaceWidth(\n            cssProperties['--menu-surface-width'],\n        );\n\n        return (\n            <div class=\"mdc-menu-surface--anchor\" onClick={this.onTriggerClick}>\n                <slot ref={this.setTriggerRef} name=\"trigger\" />\n                {this.renderNotificationBadge()}\n                <limel-portal\n                    visible={this.open}\n                    containerId={this.portalId}\n                    openDirection={this.openDirection}\n                    position=\"absolute\"\n                    containerStyle={{ 'z-index': dropdownZIndex }}\n                >\n                    <limel-menu-surface\n                        open={this.open}\n                        onDismiss={this.onClose}\n                        style={{\n                            ...cssProperties,\n                            '--mdc-menu-min-width': menuSurfaceWidth,\n                            '--limel-menu-surface-display': 'flex',\n                            '--limel-menu-surface-flex-direction': 'column',\n                        }}\n                        class={{\n                            'has-grid-layout': this.gridLayout,\n                        }}\n                    >\n                        {this.renderSearchField()}\n                        {this.renderBreadcrumb()}\n                        {this.renderLoader()}\n                        {this.renderEmptyMessage()}\n                        {this.renderMenuList()}\n                    </limel-menu-surface>\n                </limel-portal>\n            </div>\n        );\n    }\n\n    @Watch('items')\n    protected itemsWatcher() {\n        this.clearSearch();\n        this.setFocus();\n    }\n\n    @Watch('open')\n    protected openWatcher(newValue: boolean) {\n        if (newValue) {\n            this.setFocus();\n        } else {\n            this.clearSearch();\n        }\n    }\n\n    private getBreadcrumbsItems() {\n        const breadCrumbItems: MenuCrumbItem[] = [];\n        let currentItem = this.currentSubMenu;\n        while (currentItem) {\n            breadCrumbItems.push({\n                text: currentItem.text,\n                icon: currentItem.icon,\n                menuItem: currentItem,\n            });\n            currentItem = currentItem.parentItem;\n        }\n\n        if (\n            breadCrumbItems.length ||\n            this.rootItem !== DEFAULT_ROOT_BREADCRUMBS_ITEM\n        ) {\n            breadCrumbItems.push(this.rootItem);\n        }\n\n        return breadCrumbItems.reverse();\n    }\n\n    private renderLoader = () => {\n        if (!this.loadingSubItems && !this.loading) {\n            return;\n        }\n\n        const cssProperties = this.getCssProperties();\n\n        return (\n            <div\n                style={{\n                    width: cssProperties['--menu-surface-width'],\n                    display: 'flex',\n                    'align-items': 'center',\n                    'justify-content': 'center',\n                    padding: '0.5rem 0',\n                }}\n            >\n                <limel-spinner size=\"mini\" limeBranded={false} />\n            </div>\n        );\n    };\n\n    private renderBreadcrumb = () => {\n        const breadcrumbsItems = this.getBreadcrumbsItems();\n        if (!breadcrumbsItems.length) {\n            return;\n        }\n\n        return (\n            <limel-breadcrumbs\n                style={{\n                    'border-bottom': 'solid 1px rgb(var(--contrast-500))',\n                    'flex-shrink': '0',\n                }}\n                onSelect={this.handleBreadcrumbsSelect}\n                items={breadcrumbsItems}\n            />\n        );\n    };\n\n    private handleBreadcrumbsSelect = (\n        event: LimelBreadcrumbsCustomEvent<MenuCrumbItem>,\n    ) => {\n        if (!event.detail.menuItem) {\n            this.currentSubMenu = null;\n            this.clearSearch();\n            this.navigateMenu.emit(null);\n\n            this.setFocus();\n\n            return;\n        }\n\n        this.handleSelect(event.detail.menuItem);\n    };\n\n    private renderSearchField = () => {\n        if (!this.searcher) {\n            return;\n        }\n\n        return (\n            <limel-input-field\n                tabindex=\"0\"\n                ref={this.setSearchElement}\n                type=\"search\"\n                leadingIcon=\"search\"\n                style={{\n                    padding: '0.25rem',\n                    'box-sizing': 'border-box',\n                }}\n                value={this.searchValue}\n                onChange={this.handleTextInput}\n                onKeyDown={this.handleInputKeyDown}\n            />\n        );\n    };\n\n    private renderEmptyMessage = () => {\n        if (\n            this.loading ||\n            this.loadingSubItems ||\n            !this.emptyResultMessage ||\n            !Array.isArray(this.searchResults) ||\n            this.searchResults?.length\n        ) {\n            return null;\n        }\n\n        return (\n            <p\n                style={{\n                    padding: '0 1rem',\n                    'text-align': 'center',\n                }}\n            >\n                {this.emptyResultMessage}\n            </p>\n        );\n    };\n\n    private renderMenuList = () => {\n        let items = this.visibleItems;\n\n        if (this.loadingSubItems || this.loading) {\n            items = [];\n        }\n\n        return (\n            <limel-menu-list\n                style={{\n                    'overflow-y': 'auto',\n                    'flex-grow': '1',\n                }}\n                class={{\n                    'has-grid-layout has-interactive-items': this.gridLayout,\n                }}\n                items={items}\n                type=\"menu\"\n                badgeIcons={this.badgeIcons}\n                onSelect={this.onSelect}\n                ref={this.setListElement}\n                onKeyDown={this.handleMenuKeyDown}\n            />\n        );\n    };\n\n    private handleTextInput = async (\n        event: LimelInputFieldCustomEvent<string>,\n    ) => {\n        event.stopPropagation();\n\n        const query = event.detail;\n        this.searchValue = query;\n        if (query === '') {\n            this.searchResults = null;\n            this.loadingSubItems = false;\n\n            return;\n        }\n\n        this.loadingSubItems = true;\n\n        const result = await this.searcher(query);\n\n        if (this.searchValue !== query) {\n            return;\n        }\n\n        this.searchResults = result;\n        this.loadingSubItems = false;\n    };\n\n    // Key handler for the input search field\n    // Will change focus to the first/last item in the dropdown\n    // list to enable selection with the keyboard\n    private handleInputKeyDown = (event: KeyboardEvent) => {\n        const isForwardTab =\n            (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&\n            !event.altKey &&\n            !event.metaKey &&\n            !event.shiftKey;\n        const isUp =\n            event.key === ARROW_UP || event.keyCode === ARROW_UP_KEY_CODE;\n        const isDown =\n            event.key === ARROW_DOWN || event.keyCode === ARROW_DOWN_KEY_CODE;\n\n        if (!isForwardTab && !isUp && !isDown) {\n            return;\n        }\n\n        if (!this.list) {\n            return;\n        }\n\n        event.stopPropagation();\n        event.preventDefault();\n\n        if (isForwardTab || isDown) {\n            const listItems =\n                this.list.shadowRoot.querySelectorAll<HTMLElement>(\n                    '.mdc-deprecated-list-item',\n                );\n            const listElement = listItems[0];\n            listElement?.focus();\n\n            return;\n        }\n\n        if (isUp) {\n            const listItems =\n                this.list.shadowRoot.querySelectorAll<HTMLElement>(\n                    '.mdc-deprecated-list-item',\n                );\n            const listElement = listItems[listItems.length - 1];\n            listElement?.focus();\n        }\n    };\n\n    // Key handler for the menu list\n    // Will change focus to the search field if using shift+tab\n    // And can go forward/back with righ/left arrow keys\n    private handleMenuKeyDown = (event: KeyboardEvent) => {\n        const isBackwardTab =\n            (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&\n            !event.altKey &&\n            !event.metaKey &&\n            event.shiftKey;\n\n        const isLeft =\n            event.key === ARROW_LEFT || event.keyCode === ARROW_LEFT_KEY_CODE;\n\n        const isRight =\n            event.key === ARROW_RIGHT || event.keyCode === ARROW_RIGHT_KEY_CODE;\n\n        if (!isBackwardTab && !isLeft && !isRight) {\n            return;\n        }\n\n        if (isBackwardTab) {\n            event.stopPropagation();\n            event.preventDefault();\n            this.searchInput?.focus();\n        } else if (!this.gridLayout) {\n            const currentItem = this.getCurrentItem();\n\n            event.stopPropagation();\n            event.preventDefault();\n            if (isRight) {\n                this.goForward(currentItem);\n            } else if (isLeft) {\n                this.goBack();\n            }\n        }\n    };\n\n    private clearSearch = () => {\n        this.searchValue = '';\n        this.searchResults = null;\n        this.loadingSubItems = false;\n    };\n\n    private getCurrentItem = (): MenuItem => {\n        const activeItem = this.list?.shadowRoot?.querySelector(\n            '[role=\"menuitem\"][tabindex=\"0\"]',\n        );\n        const attrIndex = activeItem?.attributes?.getNamedItem('data-index');\n        const dataIndex = parseInt(attrIndex?.value || '0', 10);\n\n        return this.visibleItems[dataIndex] as MenuItem;\n    };\n\n    private goForward = (currentItem: MenuItem) => {\n        this.handleSelect(currentItem, false);\n    };\n\n    private goBack = () => {\n        if (!this.currentSubMenu) {\n            // Already in the root of the menu\n            return;\n        }\n\n        const parent = this.currentSubMenu.parentItem;\n        if (!parent) {\n            // If only one step down, go to the root of the menu.\n            // No need to load a sub-menu.\n            this.currentSubMenu = null;\n            this.clearSearch();\n            this.navigateMenu.emit(null);\n\n            this.setFocus();\n\n            return;\n        }\n\n        this.handleSelect(parent);\n    };\n\n    private setTriggerAttributes = (element: HTMLElement) => {\n        const attributes = {\n            'aria-haspopup': true,\n            'aria-expanded': this.open,\n            'aria-controls': this.portalId,\n            disabled: this.disabled,\n            role: 'button',\n        };\n\n        for (const [key, value] of Object.entries(attributes)) {\n            if (!value) {\n                element.removeAttribute(key);\n            } else {\n                element.setAttribute(key, String(value));\n            }\n        }\n    };\n\n    private onClose = () => {\n        this.cancel.emit();\n        this.open = false;\n        this.currentSubMenu = null;\n    };\n\n    private onTriggerClick = (event: MouseEvent) => {\n        event.stopPropagation();\n        if (this.disabled) {\n            return;\n        }\n\n        this.open = !this.open;\n    };\n\n    private handleSelect = async (\n        menuItem: MenuItem,\n        selectOnEmptyChildren: boolean = true,\n    ) => {\n        if (Array.isArray(menuItem?.items) && menuItem.items.length > 0) {\n            this.selectedMenuItem = menuItem;\n            this.clearSearch();\n            this.currentSubMenu = menuItem;\n            this.navigateMenu.emit(menuItem);\n\n            this.setFocus();\n\n            return;\n        } else if (isFunction(menuItem?.items)) {\n            const menuLoader = menuItem.items as MenuLoader;\n            this.selectedMenuItem = menuItem;\n            this.loadingSubItems = true;\n            const subItems = await menuLoader(menuItem);\n\n            if (this.selectedMenuItem !== menuItem) {\n                return;\n            }\n\n            menuItem.items = subItems;\n            this.loadingSubItems = false;\n\n            if (subItems?.length) {\n                this.currentSubMenu = menuItem;\n                this.clearSearch();\n                this.navigateMenu.emit(menuItem);\n\n                this.setFocus();\n\n                return;\n            }\n        }\n\n        if (!selectOnEmptyChildren) {\n            return;\n        }\n\n        this.selectedMenuItem = menuItem;\n        this.loadingSubItems = false;\n\n        this.select.emit(menuItem);\n        this.open = false;\n        this.currentSubMenu = null;\n        this.setFocus();\n    };\n\n    private onSelect = (event: CustomEvent<MenuItem>) => {\n        event.stopPropagation();\n        this.handleSelect(event.detail);\n    };\n\n    private getCssProperties() {\n        const propertyNames = [\n            '--menu-surface-width',\n            '--list-grid-item-max-width',\n            '--list-grid-item-min-width',\n            '--list-grid-gap',\n            '--notification-badge-background-color',\n            '--notification-badge-text-color',\n        ] as const;\n        const style = getComputedStyle(this.host);\n        const values = propertyNames.map((property) => {\n            return style.getPropertyValue(property);\n        });\n\n        type PropName = (typeof propertyNames)[number];\n\n        return zipObject(propertyNames, values) as Record<PropName, string>;\n    }\n\n    private setListElement = (element: HTMLLimelMenuListElement) => {\n        this.list = element;\n    };\n\n    private setFocus = () => {\n        setTimeout(() => {\n            if (this.searchInput && this.searcher) {\n                const observer = new IntersectionObserver(() => {\n                    observer.unobserve(this.searchInput);\n                    if (this.searchInput === window.document.activeElement) {\n                        return;\n                    }\n\n                    this.searchInput.focus();\n                });\n                observer.observe(this.searchInput);\n            } else if (this.list) {\n                const observer = new IntersectionObserver(() => {\n                    observer.unobserve(this.list);\n                    this.focusMenuItem();\n                });\n                observer.observe(this.list);\n            }\n        }, 0);\n    };\n\n    private setSearchElement = (element: HTMLLimelInputFieldElement) => {\n        this.searchInput = element;\n    };\n\n    private focusMenuItem = () => {\n        if (!this.list) {\n            return;\n        }\n\n        const activeElement = this.list.shadowRoot.activeElement as HTMLElement;\n        activeElement?.blur();\n\n        const menuItems = this.visibleItems.filter(this.isMenuItem);\n        const selectedIndex = Math.max(\n            menuItems.findIndex((item) => item.selected),\n            0,\n        );\n        const menuElements: HTMLElement[] = Array.from(\n            this.list.shadowRoot.querySelectorAll('[role=\"menuitem\"]'),\n        );\n        menuElements[selectedIndex]?.focus();\n    };\n\n    private isMenuItem(item: MenuItem | ListSeparator): item is MenuItem {\n        return !('separator' in item);\n    }\n\n    private renderNotificationBadge = () => {\n        if (this.items.some(this.hasNotificationBadge)) {\n            return <limel-badge />;\n        }\n    };\n\n    private hasNotificationBadge = (item: MenuItem | ListSeparator) =>\n        this.isMenuItem(item) && item.badge !== undefined;\n\n    private setTriggerRef = (elm?: HTMLSlotElement) => {\n        this.triggerElement = elm;\n    };\n\n    private getMenuSurfaceWidth(customWidth: string): string {\n        if (customWidth) {\n            return customWidth;\n        }\n\n        if (this.surfaceWidth === 'inherit-from-trigger') {\n            const assignedTriggers = this.triggerElement?.assignedElements();\n\n            if (\n                !assignedTriggers?.length ||\n                !assignedTriggers[0]?.clientWidth\n            ) {\n                return '';\n            }\n\n            return `${assignedTriggers[0].clientWidth}px`;\n        } else if (this.surfaceWidth === 'inherit-from-menu') {\n            if (!this.host?.clientWidth) {\n                return '';\n            }\n\n            return `${this.host?.clientWidth}px`;\n        }\n\n        return '';\n    }\n\n    private get visibleItems(): Array<MenuItem | ListSeparator> {\n        if (Array.isArray(this.searchResults) && this.searchValue) {\n            return this.searchResults;\n        } else if (Array.isArray(this.currentSubMenu?.items)) {\n            return this.currentSubMenu.items.map((item) => ({\n                ...item,\n                parentItem: this.currentSubMenu,\n            }));\n        }\n\n        return this.items;\n    }\n}\n","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssClasses = {\n    MENU_SELECTED_LIST_ITEM: 'mdc-menu-item--selected',\n    MENU_SELECTION_GROUP: 'mdc-menu__selection-group',\n    ROOT: 'mdc-menu',\n};\nvar strings = {\n    ARIA_CHECKED_ATTR: 'aria-checked',\n    ARIA_DISABLED_ATTR: 'aria-disabled',\n    CHECKBOX_SELECTOR: 'input[type=\"checkbox\"]',\n    LIST_SELECTOR: '.mdc-list,.mdc-deprecated-list',\n    SELECTED_EVENT: 'MDCMenu:selected',\n    SKIP_RESTORE_FOCUS: 'data-menu-item-skip-restore-focus',\n};\nvar numbers = {\n    FOCUS_ROOT_INDEX: -1,\n};\nvar DefaultFocusState;\n(function (DefaultFocusState) {\n    DefaultFocusState[DefaultFocusState[\"NONE\"] = 0] = \"NONE\";\n    DefaultFocusState[DefaultFocusState[\"LIST_ROOT\"] = 1] = \"LIST_ROOT\";\n    DefaultFocusState[DefaultFocusState[\"FIRST_ITEM\"] = 2] = \"FIRST_ITEM\";\n    DefaultFocusState[DefaultFocusState[\"LAST_ITEM\"] = 3] = \"LAST_ITEM\";\n})(DefaultFocusState || (DefaultFocusState = {}));\nexport { cssClasses, strings, numbers, DefaultFocusState };\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses as listCssClasses } from '@material/list/constants';\nimport { MDCMenuSurfaceFoundation } from '@material/menu-surface/foundation';\nimport { cssClasses, DefaultFocusState, numbers, strings } from './constants';\nvar MDCMenuFoundation = /** @class */ (function (_super) {\n    __extends(MDCMenuFoundation, _super);\n    function MDCMenuFoundation(adapter) {\n        var _this = _super.call(this, __assign(__assign({}, MDCMenuFoundation.defaultAdapter), adapter)) || this;\n        _this.closeAnimationEndTimerId = 0;\n        _this.defaultFocusState = DefaultFocusState.LIST_ROOT;\n        _this.selectedIndex = -1;\n        return _this;\n    }\n    Object.defineProperty(MDCMenuFoundation, \"cssClasses\", {\n        get: function () {\n            return cssClasses;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenuFoundation, \"strings\", {\n        get: function () {\n            return strings;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenuFoundation, \"numbers\", {\n        get: function () {\n            return numbers;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenuFoundation, \"defaultAdapter\", {\n        /**\n         * @see {@link MDCMenuAdapter} for typing information on parameters and return types.\n         */\n        get: function () {\n            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n            return {\n                addClassToElementAtIndex: function () { return undefined; },\n                removeClassFromElementAtIndex: function () { return undefined; },\n                addAttributeToElementAtIndex: function () { return undefined; },\n                removeAttributeFromElementAtIndex: function () { return undefined; },\n                getAttributeFromElementAtIndex: function () { return null; },\n                elementContainsClass: function () { return false; },\n                closeSurface: function () { return undefined; },\n                getElementIndex: function () { return -1; },\n                notifySelected: function () { return undefined; },\n                getMenuItemCount: function () { return 0; },\n                focusItemAtIndex: function () { return undefined; },\n                focusListRoot: function () { return undefined; },\n                getSelectedSiblingOfItemAtIndex: function () { return -1; },\n                isSelectableItemAtIndex: function () { return false; },\n            };\n            // tslint:enable:object-literal-sort-keys\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCMenuFoundation.prototype.destroy = function () {\n        if (this.closeAnimationEndTimerId) {\n            clearTimeout(this.closeAnimationEndTimerId);\n        }\n        this.adapter.closeSurface();\n    };\n    MDCMenuFoundation.prototype.handleKeydown = function (evt) {\n        var key = evt.key, keyCode = evt.keyCode;\n        var isTab = key === 'Tab' || keyCode === 9;\n        if (isTab) {\n            this.adapter.closeSurface(/** skipRestoreFocus */ true);\n        }\n    };\n    MDCMenuFoundation.prototype.handleItemAction = function (listItem) {\n        var _this = this;\n        var index = this.adapter.getElementIndex(listItem);\n        if (index < 0) {\n            return;\n        }\n        this.adapter.notifySelected({ index: index });\n        var skipRestoreFocus = this.adapter.getAttributeFromElementAtIndex(index, strings.SKIP_RESTORE_FOCUS) === 'true';\n        this.adapter.closeSurface(skipRestoreFocus);\n        // Wait for the menu to close before adding/removing classes that affect styles.\n        this.closeAnimationEndTimerId = setTimeout(function () {\n            // Recompute the index in case the menu contents have changed.\n            var recomputedIndex = _this.adapter.getElementIndex(listItem);\n            if (recomputedIndex >= 0 &&\n                _this.adapter.isSelectableItemAtIndex(recomputedIndex)) {\n                _this.setSelectedIndex(recomputedIndex);\n            }\n        }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);\n    };\n    MDCMenuFoundation.prototype.handleMenuSurfaceOpened = function () {\n        switch (this.defaultFocusState) {\n            case DefaultFocusState.FIRST_ITEM:\n                this.adapter.focusItemAtIndex(0);\n                break;\n            case DefaultFocusState.LAST_ITEM:\n                this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount() - 1);\n                break;\n            case DefaultFocusState.NONE:\n                // Do nothing.\n                break;\n            default:\n                this.adapter.focusListRoot();\n                break;\n        }\n    };\n    /**\n     * Sets default focus state where the menu should focus every time when menu\n     * is opened. Focuses the list root (`DefaultFocusState.LIST_ROOT`) element by\n     * default.\n     */\n    MDCMenuFoundation.prototype.setDefaultFocusState = function (focusState) {\n        this.defaultFocusState = focusState;\n    };\n    /** @return Index of the currently selected list item within the menu. */\n    MDCMenuFoundation.prototype.getSelectedIndex = function () {\n        return this.selectedIndex;\n    };\n    /**\n     * Selects the list item at `index` within the menu.\n     * @param index Index of list item within the menu.\n     */\n    MDCMenuFoundation.prototype.setSelectedIndex = function (index) {\n        this.validatedIndex(index);\n        if (!this.adapter.isSelectableItemAtIndex(index)) {\n            throw new Error('MDCMenuFoundation: No selection group at specified index.');\n        }\n        var prevSelectedIndex = this.adapter.getSelectedSiblingOfItemAtIndex(index);\n        if (prevSelectedIndex >= 0) {\n            this.adapter.removeAttributeFromElementAtIndex(prevSelectedIndex, strings.ARIA_CHECKED_ATTR);\n            this.adapter.removeClassFromElementAtIndex(prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);\n        }\n        this.adapter.addClassToElementAtIndex(index, cssClasses.MENU_SELECTED_LIST_ITEM);\n        this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_CHECKED_ATTR, 'true');\n        this.selectedIndex = index;\n    };\n    /**\n     * Sets the enabled state to isEnabled for the menu item at the given index.\n     * @param index Index of the menu item\n     * @param isEnabled The desired enabled state of the menu item.\n     */\n    MDCMenuFoundation.prototype.setEnabled = function (index, isEnabled) {\n        this.validatedIndex(index);\n        if (isEnabled) {\n            this.adapter.removeClassFromElementAtIndex(index, listCssClasses.LIST_ITEM_DISABLED_CLASS);\n            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');\n        }\n        else {\n            this.adapter.addClassToElementAtIndex(index, listCssClasses.LIST_ITEM_DISABLED_CLASS);\n            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');\n        }\n    };\n    MDCMenuFoundation.prototype.validatedIndex = function (index) {\n        var menuSize = this.adapter.getMenuItemCount();\n        var isIndexInRange = index >= 0 && index < menuSize;\n        if (!isIndexInRange) {\n            throw new Error('MDCMenuFoundation: No list item at specified index.');\n        }\n    };\n    return MDCMenuFoundation;\n}(MDCFoundation));\nexport { MDCMenuFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCMenuFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { closest } from '@material/dom/ponyfill';\nimport { MDCList } from '@material/list/component';\nimport { numbers as listConstants } from '@material/list/constants';\nimport { MDCListFoundation } from '@material/list/foundation';\nimport { MDCMenuSurface } from '@material/menu-surface/component';\nimport { MDCMenuSurfaceFoundation } from '@material/menu-surface/foundation';\nimport { cssClasses, strings } from './constants';\nimport { MDCMenuFoundation } from './foundation';\nvar MDCMenu = /** @class */ (function (_super) {\n    __extends(MDCMenu, _super);\n    function MDCMenu() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    MDCMenu.attachTo = function (root) {\n        return new MDCMenu(root);\n    };\n    MDCMenu.prototype.initialize = function (menuSurfaceFactory, listFactory) {\n        if (menuSurfaceFactory === void 0) { menuSurfaceFactory = function (el) { return new MDCMenuSurface(el); }; }\n        if (listFactory === void 0) { listFactory = function (el) { return new MDCList(el); }; }\n        this.menuSurfaceFactory = menuSurfaceFactory;\n        this.listFactory = listFactory;\n    };\n    MDCMenu.prototype.initialSyncWithDOM = function () {\n        var _this = this;\n        this.menuSurface = this.menuSurfaceFactory(this.root);\n        var list = this.root.querySelector(strings.LIST_SELECTOR);\n        if (list) {\n            this.list = this.listFactory(list);\n            this.list.wrapFocus = true;\n        }\n        else {\n            this.list = null;\n        }\n        this.handleKeydown = function (evt) {\n            _this.foundation.handleKeydown(evt);\n        };\n        this.handleItemAction = function (evt) {\n            _this.foundation.handleItemAction(_this.items[evt.detail.index]);\n        };\n        this.handleMenuSurfaceOpened = function () {\n            _this.foundation.handleMenuSurfaceOpened();\n        };\n        this.menuSurface.listen(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);\n        this.listen('keydown', this.handleKeydown);\n        this.listen(MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);\n    };\n    MDCMenu.prototype.destroy = function () {\n        if (this.list) {\n            this.list.destroy();\n        }\n        this.menuSurface.destroy();\n        this.menuSurface.unlisten(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);\n        this.unlisten('keydown', this.handleKeydown);\n        this.unlisten(MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);\n        _super.prototype.destroy.call(this);\n    };\n    Object.defineProperty(MDCMenu.prototype, \"open\", {\n        get: function () {\n            return this.menuSurface.isOpen();\n        },\n        set: function (value) {\n            if (value) {\n                this.menuSurface.open();\n            }\n            else {\n                this.menuSurface.close();\n            }\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"wrapFocus\", {\n        get: function () {\n            return this.list ? this.list.wrapFocus : false;\n        },\n        set: function (value) {\n            if (this.list) {\n                this.list.wrapFocus = value;\n            }\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"hasTypeahead\", {\n        /**\n         * Sets whether the menu has typeahead functionality.\n         * @param value Whether typeahead is enabled.\n         */\n        set: function (value) {\n            if (this.list) {\n                this.list.hasTypeahead = value;\n            }\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"typeaheadInProgress\", {\n        /**\n         * @return Whether typeahead logic is currently matching some user prefix.\n         */\n        get: function () {\n            return this.list ? this.list.typeaheadInProgress : false;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    /**\n     * Given the next desired character from the user, adds it to the typeahead\n     * buffer. Then, attempts to find the next option matching the buffer. Wraps\n     * around if at the end of options.\n     *\n     * @param nextChar The next character to add to the prefix buffer.\n     * @param startingIndex The index from which to start matching. Only relevant\n     *     when starting a new match sequence. To start a new match sequence,\n     *     clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer\n     *     to clear after a set interval defined in list foundation. Defaults to\n     *     the currently focused index.\n     * @return The index of the matched item, or -1 if no match.\n     */\n    MDCMenu.prototype.typeaheadMatchItem = function (nextChar, startingIndex) {\n        if (this.list) {\n            return this.list.typeaheadMatchItem(nextChar, startingIndex);\n        }\n        return -1;\n    };\n    /**\n     * Layout the underlying list element in the case of any dynamic updates\n     * to its structure.\n     */\n    MDCMenu.prototype.layout = function () {\n        if (this.list) {\n            this.list.layout();\n        }\n    };\n    Object.defineProperty(MDCMenu.prototype, \"items\", {\n        /**\n         * Return the items within the menu. Note that this only contains the set of elements within\n         * the items container that are proper list items, and not supplemental / presentational DOM\n         * elements.\n         */\n        get: function () {\n            return this.list ? this.list.listElements : [];\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"singleSelection\", {\n        /**\n         * Turns on/off the underlying list's single selection mode. Used mainly\n         * by select menu.\n         *\n         * @param singleSelection Whether to enable single selection mode.\n         */\n        set: function (singleSelection) {\n            if (this.list) {\n                this.list.singleSelection = singleSelection;\n            }\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"selectedIndex\", {\n        /**\n         * Retrieves the selected index. Only applicable to select menus.\n         * @return The selected index, which is a number for single selection and\n         *     radio lists, and an array of numbers for checkbox lists.\n         */\n        get: function () {\n            return this.list ? this.list.selectedIndex : listConstants.UNSET_INDEX;\n        },\n        /**\n         * Sets the selected index of the list. Only applicable to select menus.\n         * @param index The selected index, which is a number for single selection and\n         *     radio lists, and an array of numbers for checkbox lists.\n         */\n        set: function (index) {\n            if (this.list) {\n                this.list.selectedIndex = index;\n            }\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCMenu.prototype, \"quickOpen\", {\n        set: function (quickOpen) {\n            this.menuSurface.quickOpen = quickOpen;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    /**\n     * Sets default focus state where the menu should focus every time when menu\n     * is opened. Focuses the list root (`DefaultFocusState.LIST_ROOT`) element by\n     * default.\n     * @param focusState Default focus state.\n     */\n    MDCMenu.prototype.setDefaultFocusState = function (focusState) {\n        this.foundation.setDefaultFocusState(focusState);\n    };\n    /**\n     * @param corner Default anchor corner alignment of top-left menu corner.\n     */\n    MDCMenu.prototype.setAnchorCorner = function (corner) {\n        this.menuSurface.setAnchorCorner(corner);\n    };\n    MDCMenu.prototype.setAnchorMargin = function (margin) {\n        this.menuSurface.setAnchorMargin(margin);\n    };\n    /**\n     * Sets the list item as the selected row at the specified index.\n     * @param index Index of list item within menu.\n     */\n    MDCMenu.prototype.setSelectedIndex = function (index) {\n        this.foundation.setSelectedIndex(index);\n    };\n    /**\n     * Sets the enabled state to isEnabled for the menu item at the given index.\n     * @param index Index of the menu item\n     * @param isEnabled The desired enabled state of the menu item.\n     */\n    MDCMenu.prototype.setEnabled = function (index, isEnabled) {\n        this.foundation.setEnabled(index, isEnabled);\n    };\n    /**\n     * @return The item within the menu at the index specified.\n     */\n    MDCMenu.prototype.getOptionByIndex = function (index) {\n        var items = this.items;\n        if (index < items.length) {\n            return this.items[index];\n        }\n        else {\n            return null;\n        }\n    };\n    /**\n     * @param index A menu item's index.\n     * @return The primary text within the menu at the index specified.\n     */\n    MDCMenu.prototype.getPrimaryTextAtIndex = function (index) {\n        var item = this.getOptionByIndex(index);\n        if (item && this.list) {\n            return this.list.getPrimaryText(item) || '';\n        }\n        return '';\n    };\n    MDCMenu.prototype.setFixedPosition = function (isFixed) {\n        this.menuSurface.setFixedPosition(isFixed);\n    };\n    MDCMenu.prototype.setIsHoisted = function (isHoisted) {\n        this.menuSurface.setIsHoisted(isHoisted);\n    };\n    MDCMenu.prototype.setAbsolutePosition = function (x, y) {\n        this.menuSurface.setAbsolutePosition(x, y);\n    };\n    /**\n     * Sets the element that the menu-surface is anchored to.\n     */\n    MDCMenu.prototype.setAnchorElement = function (element) {\n        this.menuSurface.anchorElement = element;\n    };\n    MDCMenu.prototype.getDefaultFoundation = function () {\n        var _this = this;\n        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n        var adapter = {\n            addClassToElementAtIndex: function (index, className) {\n                var list = _this.items;\n                list[index].classList.add(className);\n            },\n            removeClassFromElementAtIndex: function (index, className) {\n                var list = _this.items;\n                list[index].classList.remove(className);\n            },\n            addAttributeToElementAtIndex: function (index, attr, value) {\n                var list = _this.items;\n                list[index].setAttribute(attr, value);\n            },\n            removeAttributeFromElementAtIndex: function (index, attr) {\n                var list = _this.items;\n                list[index].removeAttribute(attr);\n            },\n            getAttributeFromElementAtIndex: function (index, attr) {\n                var list = _this.items;\n                return list[index].getAttribute(attr);\n            },\n            elementContainsClass: function (element, className) {\n                return element.classList.contains(className);\n            },\n            closeSurface: function (skipRestoreFocus) {\n                _this.menuSurface.close(skipRestoreFocus);\n            },\n            getElementIndex: function (element) { return _this.items.indexOf(element); },\n            notifySelected: function (evtData) {\n                _this.emit(strings.SELECTED_EVENT, {\n                    index: evtData.index,\n                    item: _this.items[evtData.index],\n                });\n            },\n            getMenuItemCount: function () { return _this.items.length; },\n            focusItemAtIndex: function (index) {\n                _this.items[index].focus();\n            },\n            focusListRoot: function () {\n                _this.root.querySelector(strings.LIST_SELECTOR).focus();\n            },\n            isSelectableItemAtIndex: function (index) {\n                return !!closest(_this.items[index], \".\" + cssClasses.MENU_SELECTION_GROUP);\n            },\n            getSelectedSiblingOfItemAtIndex: function (index) {\n                var selectionGroupEl = closest(_this.items[index], \".\" + cssClasses.MENU_SELECTION_GROUP);\n                var selectedItemEl = selectionGroupEl.querySelector(\".\" + cssClasses.MENU_SELECTED_LIST_ITEM);\n                return selectedItemEl ? _this.items.indexOf(selectedItemEl) : -1;\n            },\n        };\n        // tslint:enable:object-literal-sort-keys\n        return new MDCMenuFoundation(adapter);\n    };\n    return MDCMenu;\n}(MDCComponent));\nexport { MDCMenu };\n//# sourceMappingURL=component.js.map","import { ListSeparator } from '../list/list-item.types';\nimport { MenuItem } from '../menu/menu.types';\nimport { h } from '@stencil/core';\nimport { MenuListRendererConfig } from './menu-list-renderer-config';\nimport { getIconColor, getIconName } from '../icon/get-icon-props';\nimport { isFunction } from 'lodash-es';\n\nexport class MenuListRenderer {\n    private defaultConfig: MenuListRendererConfig = {\n        isOpen: true,\n        badgeIcons: false,\n    };\n\n    private config: MenuListRendererConfig;\n\n    private hasIcons: boolean;\n    private twoLines: boolean;\n    private avatarList: boolean;\n    private commandKey: boolean;\n\n    private applyTabIndexToItemAtIndex: number;\n\n    public render(\n        items: Array<MenuItem | ListSeparator>,\n        config: MenuListRendererConfig = {},\n    ) {\n        items = items || [];\n        this.config = { ...this.defaultConfig, ...config };\n\n        this.twoLines = items.some((item) => {\n            return 'secondaryText' in item && !!item.secondaryText;\n        });\n\n        this.commandKey = items.some((item) => {\n            return 'commandText' in item && !!item.commandText;\n        });\n\n        this.hasIcons = items.some((item) => {\n            return 'icon' in item && !!item.icon;\n        });\n\n        this.avatarList = this.config.badgeIcons && this.hasIcons;\n\n        this.applyTabIndexToItemAtIndex =\n            this.getIndexForWhichToApplyTabIndex(items);\n\n        const classNames = {\n            'mdc-deprecated-list': true,\n            'mdc-deprecated-list--two-line': this.twoLines,\n            selectable: true,\n            'mdc-deprecated-list--avatar-list': this.avatarList,\n            'list--compact':\n                this.twoLines &&\n                this.commandKey &&\n                ['small', 'x-small'].includes(this.config.iconSize),\n        };\n\n        return (\n            <ul\n                class={classNames}\n                role=\"menu\"\n                aria-orientation=\"vertical\"\n                style={{ '--maxLinesSecondaryText': '2' }}\n            >\n                {items.map(this.renderMenuItem)}\n            </ul>\n        );\n    }\n\n    /**\n     * Determine which MenuItem should have the `tab-index` attribute set,\n     * and return the index at which that MenuItem is located in `items`.\n     * Returns `undefined` if no item should have the attribute set.\n     * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility\n     *\n     * @param items - the items of the list, including any `ListSeparator`:s\n     * @returns the index as per the description\n     */\n    private getIndexForWhichToApplyTabIndex = (\n        items: Array<MenuItem | ListSeparator>,\n    ) => {\n        let result;\n        for (let i = 0, max = items.length; i < max; i += 1) {\n            if ('separator' in items[i]) {\n                // Ignore ListSeparator\n            } else {\n                const item = items[i] as MenuItem<any>;\n                if (item.selected) {\n                    result = i;\n                    break;\n                }\n\n                if (result === undefined && !item.disabled) {\n                    result = i;\n                    // Do NOT break, as any later item with\n                    // `selected=true` should get the tab-index instead!\n                }\n            }\n        }\n\n        return result;\n    };\n\n    /**\n     * Render a single list item\n     *\n     * @param item - the item to render\n     * @param index - the index the item had in the `items` array\n     * @returns the list item\n     */\n    private renderMenuItem = (\n        item: MenuItem | ListSeparator,\n        index: number,\n    ) => {\n        if ('separator' in item) {\n            return (\n                <li class=\"mdc-deprecated-list-divider\" role=\"separator\">\n                    {this.rendertext(item)}\n                    <div class=\"limel-list-divider-line\" />\n                </li>\n            );\n        }\n\n        const classNames = {\n            'mdc-deprecated-list-item': true,\n            'mdc-deprecated-list-item--disabled': item.disabled,\n            'mdc-deprecated-list-item--selected': item.selected,\n        };\n\n        const attributes: { tabindex?: string } = {};\n        if (index === this.applyTabIndexToItemAtIndex) {\n            attributes.tabindex = '0';\n        }\n\n        return (\n            <li\n                class={classNames}\n                role=\"menuitem\"\n                aria-disabled={item.disabled ? 'true' : 'false'}\n                aria-selected={item.selected ? 'true' : 'false'}\n                data-index={index}\n                {...attributes}\n            >\n                {this.renderIcon(this.config, item)}\n                {this.renderText(item)}\n                {this.renderSubMenuIcon(item)}\n                {this.renderNotification(item)}\n                {this.twoLines && this.avatarList ? this.renderDivider() : null}\n            </li>\n        );\n    };\n\n    /**\n     * Render the text of the list item\n     *\n     * @param item - the list item\n     * @returns the text for the list item\n     */\n    private renderText = (item: MenuItem) => {\n        if (this.isSimpleItem(item)) {\n            return (\n                <span class=\"mdc-deprecated-list-item__text\">{item.text}</span>\n            );\n        }\n\n        return (\n            <div class=\"mdc-deprecated-list-item__text\">\n                <div class=\"mdc-deprecated-list-item__primary-command-text\">\n                    <div class=\"mdc-deprecated-list-item__primary-text\">\n                        {item.text}\n                    </div>\n                    {this.renderCommandText(item)}\n                </div>\n                <div class=\"mdc-deprecated-list-item__secondary-text\">\n                    {item.secondaryText}\n                </div>\n            </div>\n        );\n    };\n\n    private renderSubMenuIcon = (item: MenuItem) => {\n        if (!this.hasSubItems(item)) {\n            return;\n        }\n\n        return <limel-icon class=\"sub-menu-icon\" name=\"-lime-caret-right\" />;\n    };\n\n    private rendertext = (item: ListSeparator) => {\n        if ('text' in item) {\n            return <h2 class=\"limel-list-divider-title\">{item.text}</h2>;\n        }\n    };\n\n    private renderCommandText = (item: MenuItem) => {\n        if (!('commandText' in item)) {\n            return;\n        }\n\n        return (\n            <div class=\"mdc-deprecated-list-item__command-text\">\n                {item.commandText}\n            </div>\n        );\n    };\n\n    private isSimpleItem = (item: MenuItem): boolean => {\n        if ('commandText' in item) {\n            return false;\n        }\n\n        return !('secondaryText' in item);\n    };\n\n    /**\n     * Render an icon for a list item\n     *\n     * @param config - the config object, passed on from the `renderMenuItem` function\n     * @param item - the list item\n     * @returns the icon element\n     */\n    private renderIcon = (config: MenuListRendererConfig, item: MenuItem) => {\n        const style: any = {};\n        const name = getIconName(item.icon);\n        if (!name) {\n            return;\n        }\n\n        const color = getIconColor(item.icon, item.iconColor);\n\n        if (color) {\n            if (config.badgeIcons) {\n                style['--icon-background-color'] = color;\n            } else {\n                style.color = color;\n            }\n        }\n\n        return (\n            <limel-icon\n                badge={config.badgeIcons}\n                class=\"mdc-deprecated-list-item__graphic\"\n                name={name}\n                style={style}\n                size={config.iconSize}\n            />\n        );\n    };\n\n    private renderNotification = (item: MenuItem) => {\n        if (item.badge !== undefined) {\n            return <limel-badge label={item.badge} />;\n        }\n    };\n\n    private renderDivider = () => {\n        const classes = {\n            'mdc-deprecated-list-divider': true,\n            'mdc-deprecated-list-divider--inset': true,\n        };\n        if (this.config.iconSize) {\n            classes[this.config.iconSize] = true;\n        }\n\n        return <hr class={classes} />;\n    };\n\n    private hasSubItems = (item: MenuItem): boolean => {\n        return (\n            (Array.isArray(item.items) && item.items.length > 0) ||\n            isFunction(item.items)\n        );\n    };\n}\n","@use '../../style/functions';\n\n@import '../list/list';\n\n:host(limel-menu-list) {\n    display: block;\n    --badge-background-color: var(\n        --notification-badge-background-color,\n        rgb(var(--color-red-default))\n    );\n    --badge-text-color: var(\n        --notification-badge-text-color,\n        rgb(var(--color-white))\n    );\n}\n\n.mdc-menu {\n    max-height: 70vh; // force tall menus render inside the viewport when menu is at the bottom of the screen\n}\n\n.mdc-deprecated-list {\n    margin: functions.pxToRem(4);\n    // added space to visualize keyboard-focused items\n    .mdc-deprecated-list-item[role='menuitem'] {\n        font-size: functions.pxToRem(13);\n\n        .mdc-deprecated-list-item__graphic {\n            margin-right: functions.pxToRem(14);\n        }\n    }\n\n    hr.mdc-deprecated-list-divider {\n        &.mdc-deprecated-list-divider--inset {\n            display: none;\n        }\n    }\n}\n\nlimel-badge {\n    transform: translateX(0.75rem);\n}\n\n.sub-menu-icon {\n    width: 1rem;\n    transform: translateX(0.75rem);\n    flex-shrink: 0;\n}\n","import { IconSize } from '../icon/icon.types';\nimport { ListSeparator } from '../list/list-item.types';\nimport { MenuItem } from '../menu/menu.types';\nimport { MenuListType } from '../menu-list/menu-list.types';\nimport { MDCMenu, MDCMenuItemEvent } from '@material/menu';\nimport { MDCRipple } from '@material/ripple';\nimport { strings as menuStrings } from '@material/menu/constants';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    Watch,\n} from '@stencil/core';\nimport { MenuListRenderer } from './menu-list-renderer';\nimport { MenuListRendererConfig } from './menu-list-renderer-config';\n\nconst { SELECTED_EVENT } = menuStrings;\n\n/**\n * @private\n */\n@Component({\n    tag: 'limel-menu-list',\n    shadow: true,\n    styleUrl: 'menu-list.scss',\n})\nexport class MenuList {\n    /**\n     * List of items to display\n     */\n    @Prop()\n    public items: Array<MenuItem | ListSeparator>;\n\n    /**\n     * Set to `true` if the list should display larger icons with a background\n     */\n    @Prop()\n    public badgeIcons: boolean;\n\n    /**\n     * Size of the icons in the list\n     */\n    @Prop()\n    public iconSize: IconSize = 'small';\n\n    /**\n     * The type of the menu, omit to get a regular vertical menu.\n     * Available types are:\n     * `menu`: regular vertical menu.\n     */\n    @Prop()\n    public type: MenuListType;\n\n    /**\n     * By default, lists will display 3 lines of text, and then truncate the rest.\n     * Consumers can increase or decrease this number by specifying\n     * `maxLinesSecondaryText`. If consumer enters zero or negative\n     * numbers we default to 1; and if they type decimals we round up.\n     */\n    // eslint-disable-next-line no-magic-numbers\n    @Prop() maxLinesSecondaryText: number = 3;\n\n    @Element()\n    private element: HTMLLimelMenuListElement;\n\n    private config: MenuListRendererConfig;\n    private MenuListRenderer = new MenuListRenderer();\n    private mdcMenu: MDCMenu;\n\n    /**\n     * Fired when a new value has been selected from the list.\n     */\n    @Event()\n    private select: EventEmitter<MenuItem>;\n\n    public connectedCallback() {\n        this.setup();\n    }\n\n    public disconnectedCallback() {\n        this.teardown();\n    }\n\n    public componentDidLoad() {\n        this.setup();\n        this.triggerIconColorWarning();\n    }\n\n    public render() {\n        this.config = {\n            badgeIcons: this.badgeIcons,\n            type: this.type,\n            iconSize: this.iconSize,\n        };\n\n        const html = this.MenuListRenderer.render(this.items, this.config);\n\n        return <div class=\"mdc-menu mdc-menu-surface\">{html}</div>;\n    }\n\n    @Watch('type')\n    protected handleType() {\n        this.setupListeners();\n    }\n\n    @Watch('items')\n    protected itemsChanged() {\n        setTimeout(() => {\n            this.setup();\n        }, 0);\n    }\n\n    private setup = () => {\n        this.setupMenu();\n        this.setupListeners();\n    };\n\n    private setupMenu = () => {\n        if (this.mdcMenu) {\n            this.teardown();\n            this.mdcMenu = null;\n        }\n\n        const element = this.element.shadowRoot.querySelector('.mdc-menu');\n        if (!element) {\n            return;\n        }\n\n        this.mdcMenu = new MDCMenu(element);\n        this.mdcMenu.hasTypeahead = true;\n        this.mdcMenu.wrapFocus = true;\n        this.mdcMenu.items.forEach((item) => new MDCRipple(item));\n    };\n\n    private setupListeners = () => {\n        if (!this.mdcMenu) {\n            return;\n        }\n\n        this.mdcMenu.unlisten(SELECTED_EVENT, this.handleMenuSelect);\n        this.mdcMenu.listen(SELECTED_EVENT, this.handleMenuSelect);\n    };\n\n    private teardown = () => {\n        this.mdcMenu?.unlisten(SELECTED_EVENT, this.handleMenuSelect);\n        this.mdcMenu?.destroy();\n    };\n\n    private handleMenuSelect = (event: MDCMenuItemEvent) => {\n        this.handleSingleSelect(event.detail.index);\n    };\n\n    private handleSingleSelect = (index: number) => {\n        const MenuItems = this.items.filter(this.isMenuItem) as MenuItem[];\n        if (MenuItems[index].disabled) {\n            return;\n        }\n\n        const selectedItem: MenuItem = MenuItems.find((item: MenuItem) => {\n            return !!item.selected;\n        });\n\n        if (selectedItem) {\n            this.select.emit({ ...selectedItem, selected: false });\n        }\n\n        if (MenuItems[index] !== selectedItem) {\n            this.select.emit({ ...MenuItems[index], selected: false });\n        }\n    };\n\n    private isMenuItem = (item: MenuItem): boolean => {\n        return !('separator' in item);\n    };\n\n    private triggerIconColorWarning() {\n        if (this.items?.some((item) => 'iconColor' in item)) {\n            /* eslint-disable-next-line no-console */\n            console.warn(\n                \"The `iconColor` prop is deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name'` write `icon {name: 'icon-name', color: 'color-name'}`.\",\n            );\n        }\n    }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "37.33.2",
+  "version": "37.34.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-8bda6cb8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["chipCss","Chip","this","renderAsButton","h","id","identifier","class","role","disabled","readonly","onKeyDown","handleDeleteKeyDown","renderSpinner","renderIcon","renderLabel","renderBadge","renderProgressBar","renderRemoveButton","renderAsLink","href","link","title","target","tabindex","text","filterClickWhenDisabled","e","preventDefault","handleRemoveClick","event","stopPropagation","remove","emit","removable","keys","DELETE","BACKSPACE","keycodes","DELETE_KEY_CODE","BACKSPACE_KEY_CODE","includes","key","keyCode","removeChipLabel","translate","get","language","crypto","randomUUID","componentWillLoad","makeEnterClickable","host","disconnectedCallback","removeEnterClickable","render","Host","onClick","icon","getIconName","badge","name","style","color","_a","_b","backgroundColor","label","svgData","tabIndex","innerHTML","loading","indeterminate","progress","currentPercentage","handleKeyboardEvent","textValue","length","value","isLeft","ARROW_LEFT","ARROW_LEFT_KEY_CODE","isRight","ARROW_RIGHT","ARROW_RIGHT_KEY_CODE","isEnter","ENTER","ENTER_KEY_CODE","isDelete","isBackspace","isEscape","ESCAPE","ESCAPE_KEY_CODE","handleLeft","handleRight","handleEnter","handleDelete","handleBackspace","handleEscape","inputChipIndexSelected","emitInteraction","removeChip","repeat","chipSetCss","INPUT_FIELD_TABINDEX","ChipSet","constructor","hostRef","handleKeyDown","getValue","map","chip","Object","assign","type","selected","selectedChipIds","renderEmptyValueForReadonly","floatLabelAbove","editMode","dropZoneTip","hasHelperText","helperText","undefined","renderHelperLine","maxItems","maxLength","invalid","isInvalid","catchInputChipClicks","Lime","isSelectableChip","updateSelectedChipIds","change","handleRemoveChip","detail","newValue","filter","clearAllChipsLabel","renderChip","bind","renderInputChip","isFull","handleTextFieldFocus","handleInputBlur","handleTextInput","inputFieldOnChange","inputHidden","handleDeleteAllIconClick","renderDelimiter","connectedCallback","initialize","async","emptyInput","shadowRoot","querySelector","focus","startEdit","syncEmptyInput","componentDidLoad","triggerIconColorWarning","mdcTextField","MDCTextField","componentDidUpdate","input","destroy","renderInputChips","classes","chipSetLabel","renderChipSetLabel","handleChangeChips","oldValue","isEqual","leadingIcon","clearAllButton","inputType","hidden","onBlur","onFocus","onInput","onChange","placeholder","searchLabel","required","renderLeadingIcon","renderClearAllChipsButton","labelClassList","htmlFor","blurred","emptyInputOnBlur","setTimeout","stopEdit","trim","interact","chipType","chipProps","getChipProps","index","onRemove","getHref","getTarget","updateChoiceTypeSelectedIds","updateFilterTypeSelectedIds","isChipSelected","find","chipId","removeChipIdFromSelectedChipIds","addChipIdToSelectedChipIds","delimiter","iconFillColor","iconBackgroundColor","iconTitle","console","warn"],"sources":["./src/components/chip/chip.scss?tag=limel-chip&encapsulation=shadow","./src/components/chip/chip.tsx","./src/components/chip-set/chip-set-input-helpers.ts","./src/components/chip-set/chip-set.scss?tag=limel-chip-set&encapsulation=shadow","./src/components/chip-set/chip-set.tsx"],"sourcesContent":["@use '../../style/mixins';\n\n/**\n* @prop --chip-max-width: Maximum width of the chip. Defaults to `10rem`. Keep in mind that the chips should not appear too big.\n* @prop --chip-progress-color: Color of the progress bar. Defaults to `rgb(var(--contrast-700))`.\n*/\n\n:host(limel-chip) {\n    --limel-chip-height: 1.75rem;\n    --limel-chip-gap: 0.5rem;\n    isolation: isolate;\n    display: inline-flex;\n    align-items: center;\n    min-width: 0;\n}\n\n* {\n    box-sizing: border-box;\n}\n\n.chip {\n    all: unset;\n    position: relative;\n\n    min-width: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25rem;\n\n    max-width: min(var(--chip-max-width, 100%), 25rem);\n    height: var(--limel-chip-height);\n\n    border-radius: var(--limel-chip-height);\n    font-size: 0.875rem;\n    padding: 0 0.125rem;\n\n    &:has(limel-icon) {\n        .text {\n            padding-left: 0.25rem;\n        }\n    }\n\n    &:not([disabled]) {\n        @include mixins.visualize-keyboard-focus;\n        @include mixins.is-elevated-inset-clickable;\n    }\n\n    &:has(limel-badge) {\n        padding-right: 0.375rem;\n\n        .text {\n            padding-right: 0;\n        }\n    }\n\n    &:has(+ .remove-button:hover) {\n        box-shadow: var(--shadow-depth-8-error);\n    }\n\n    &:has(+ .trailing-button) {\n        padding-right: calc(var(--limel-chip-height) + 0.125rem);\n\n        .text {\n            padding-right: 0;\n        }\n    }\n}\n\n:host(limel-chip[disabled]) {\n    .chip {\n        // Similar to `limel-button[disabled]`\n        color: rgba(var(--contrast-1600), 0.37);\n        background-color: rgba(var(--contrast-1600), 0.1);\n        box-shadow: none;\n    }\n}\n\n:host(limel-chip[readonly]) {\n    .chip {\n        box-shadow: 0 0 0 1px rgba(var(--contrast-800), 0.5);\n    }\n}\n\n:host(limel-chip[selected]) {\n    .chip {\n        box-shadow: var(--button-shadow-inset);\n\n        &:focus-visible {\n            box-shadow: var(--button-shadow-inset),\n                var(--shadow-depth-8-focused);\n        }\n\n        &:active {\n            box-shadow: var(--button-shadow-inset-pressed);\n        }\n    }\n    .text {\n        color: var(--mdc-theme-primary);\n    }\n}\n\n:host(limel-chip[type='filter']) {\n    .chip {\n        border-top-left-radius: 0.5rem;\n        border-bottom-left-radius: 0.5rem;\n\n        &:after {\n            content: '';\n            transition:\n                background-color 0.4s ease 0.2s,\n                box-shadow 0.6s ease 0.2s;\n            box-sizing: border-box;\n            position: absolute;\n            bottom: 0.125rem;\n            left: 0.125rem;\n            width: 0.5rem;\n            height: 0.5rem;\n            border-radius: 50%;\n            background-color: rgb(var(--contrast-800), 0.8);\n            box-shadow: 0 0 0 1px rgb(var(--color-white)) inset;\n        }\n    }\n}\n\n:host(limel-chip[type='filter'][selected]) {\n    .chip {\n        &:after {\n            background-color: rgb(var(--color-green-default));\n            box-shadow:\n                0 0 0.375rem 0 rgb(var(--color-green-light)),\n                0 0 0 1px rgb(var(--color-white)) inset;\n        }\n    }\n}\n\n:host(limel-chip[invalid]) {\n    .chip {\n        background: url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");\n        background-size: 0.5rem;\n        background-color: rgb(var(--color-red-default));\n    }\n\n    .text {\n        color: rgb(var(--color-white));\n    }\n}\n\nlimel-icon {\n    flex-shrink: 0;\n    width: calc(var(--limel-chip-height) - 0.25rem);\n    height: calc(var(--limel-chip-height) - 0.25rem);\n    padding: 0.0625rem;\n}\n\nlimel-badge {\n    pointer-events: none;\n}\n\n.text {\n    @include mixins.truncate-text;\n    line-height: 1.2;\n    padding: 0 0.5rem;\n}\n\n.trailing-button {\n    all: unset;\n    @include mixins.is-flat-clickable(\n        $color--hovered: rgb(var(--color-red-dark))\n    );\n\n    z-index: 1;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-left: calc(var(--limel-chip-height) * -1 + 0.125rem);\n    margin-right: 0.125rem;\n    width: calc(var(--limel-chip-height) - 0.25rem);\n    height: calc(var(--limel-chip-height) - 0.25rem);\n\n    border-radius: 50%;\n\n    svg {\n        transition:\n            color 0.2s ease,\n            transform 0.2s ease;\n        width: 1.25rem;\n    }\n\n    &:hover {\n        svg {\n            transform: scale(0.8);\n        }\n    }\n}\n\n@import './partial-styles/_loading.scss';\n@import './partial-styles/_progress.scss';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n} from '@stencil/core';\nimport { Icon } from '../../global/shared-types/icon.types';\nimport { Languages } from '../date-picker/date.types';\nimport { Link } from '../../global/shared-types/link.types';\nimport { getIconName } from '../icon/get-icon-props';\nimport {\n    makeEnterClickable,\n    removeEnterClickable,\n} from '../../util/make-enter-clickable';\nimport translate from '../../global/translations';\nimport {\n    BACKSPACE,\n    BACKSPACE_KEY_CODE,\n    DELETE,\n    DELETE_KEY_CODE,\n} from '../../util/keycodes';\nimport { ChipType, Chip as OldChipInterface } from '../chip-set/chip.types';\n\ninterface ChipInterface extends Omit<OldChipInterface, 'id' | 'badge'> {\n    /**\n     * Identifier for the chip. Must be unique.\n     */\n    identifier?: number | string;\n\n    /**\n     * The value of the badge.\n     */\n    badge?: string | number;\n}\n\n/**\n * Chips and buttons are both interactive elements in UI design,\n * but they serve different purposes and are used in different contexts.\n *\n * :::warning\n * Do not use the chip component carelessly, as an alternative for\n * [`limel-button`](#/component/limel-button/) in the UI design!\n *\n * **Buttons:**\n * Buttons are used to trigger actions. They are typically used to\n * submit forms, open dialogs, initiate a process, or perform any action\n * that changes the state of the application.\n * Buttons' labels usually contain action words, in other words, the labels is\n * a _verb in imperative mood_ such as \"Submit\" or \"Delete\".\n * Buttons are placed in areas where it's clear they will initiate\n * an action when clicked.\n *\n * **Chips:**\n * Chips however are elements which may look like buttons, but they are\n * representing choices, filters, or tags, in a small block\n * or clearly bundled into a group. Chips are rarely used alone in the\n * user interface.\n * They are often used in a so called \"chip-set\", or placed together in\n * a section of the UI, where the user can expect more than one chip to be present.\n *\n * For example, a chip may represent a filter in a filter bar, or a tag in a tag list,\n * or an item in a shopping list.\n * Clicking a chip can also trigger an action, for example toggling a filter ON or OFF,\n * or opening a page with all posts tagged with the tag represented by the chip,\n * or navigating to a page with more information about the item in the shopping list.\n * :::\n *\n * @private\n * @exampleComponent limel-example-chip-button\n * @exampleComponent limel-example-chip-link\n * @exampleComponent limel-example-chip-icon-colors\n * @exampleComponent limel-example-chip-badge\n * @exampleComponent limel-example-chip-filter\n * @exampleComponent limel-example-chip-removable\n * @exampleComponent limel-example-chip-loading\n * @exampleComponent limel-example-chip-progress\n * @exampleComponent limel-example-chip-aria-role\n */\n@Component({\n    tag: 'limel-chip',\n    shadow: true,\n    styleUrl: 'chip.scss',\n})\nexport class Chip implements ChipInterface {\n    /**\n     * Defines the language for translations.\n     * Will translate the translatable strings on the components.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = 'en';\n\n    /**\n     * Label displayed on the chip\n     */\n    @Prop({ reflect: true })\n    public text: string;\n\n    /**\n     * Icon of the chip.\n     */\n    @Prop()\n    public icon?: string | Icon;\n\n    /**\n     * If supplied, the chip will become a clickable link.\n     */\n    @Prop()\n    public link?: Omit<Link, 'text'>;\n\n    /**\n     * The value of the badge, displayed on the chip.\n     */\n    @Prop({ reflect: true })\n    public badge?: string | number;\n\n    /**\n     * Set to `true` to disable the chip.\n     */\n    @Prop({ reflect: true })\n    public disabled = false;\n\n    /**\n     * Set to `true` to render the chip as a static UI element.\n     * Useful when the parent component has a `readonly` state.\n     */\n    @Prop({ reflect: true })\n    public readonly = false;\n\n    /**\n     * Set to `true` to visualize the chip in a \"selected\" state.\n     * This is typically used when the chip is used in a chip-set\n     * along with other chips.\n     */\n    @Prop({ reflect: true })\n    public selected = false;\n\n    /**\n     * Set to `true` to visualize the chip in an \"invalid\" or \"error\" state.\n     */\n    @Prop({ reflect: true })\n    public invalid = false;\n\n    /**\n     * Set to `true` to render a remove button on the chip.\n     */\n    @Prop({ reflect: true })\n    public removable = false;\n\n    /**\n     * Set to `filter` to render the chip with a distinct style\n     * suitable for visualizing filters.\n     *\n     * @beta\n     */\n    @Prop({ reflect: true })\n    public type?: ChipType = 'default';\n\n    /**\n     * Set to `true` to put the component in the `loading` state,\n     * and render an indeterminate progress indicator inside the chip.\n     * This does _not_ disable the interactivity of the chip!\n     */\n    @Prop({ reflect: true })\n    public loading? = false;\n\n    /**\n     * Reflects the current value of a progress bar on the chip,\n     * visualizing the percentage of an ongoing process.\n     * Must be a number between `0` and `100`.\n     */\n    @Prop({ reflect: true })\n    public progress?: number;\n\n    /**\n     * Identifier for the chip. Must be unique.\n     */\n    @Prop({ reflect: true })\n    public identifier?: number | string = crypto.randomUUID();\n\n    /**\n     * Fired when clicking on the remove button of a `removable` chip.\n     * The value of `identifier` is emitted as the event detail.\n     */\n    @Event()\n    public remove: EventEmitter<number | string>;\n\n    @Element()\n    private host: HTMLLimelChipElement;\n\n    public componentWillLoad() {\n        makeEnterClickable(this.host);\n    }\n\n    public disconnectedCallback() {\n        removeEnterClickable(this.host);\n    }\n\n    public render() {\n        return (\n            <Host onClick={this.filterClickWhenDisabled}>\n                {this.link ? this.renderAsLink() : this.renderAsButton()}\n            </Host>\n        );\n    }\n\n    private renderAsButton = () => {\n        return [\n            <button\n                id={'chip-' + this.identifier}\n                class=\"chip\"\n                role=\"button\"\n                disabled={this.disabled || this.readonly}\n                onKeyDown={this.handleDeleteKeyDown}\n            >\n                {this.renderSpinner()}\n                {this.renderIcon()}\n                {this.renderLabel()}\n                {this.renderBadge()}\n                {this.renderProgressBar()}\n            </button>,\n            this.renderRemoveButton(),\n        ];\n    };\n\n    private renderAsLink = () => {\n        return [\n            <a\n                id={'chip-' + this.identifier}\n                class=\"chip\"\n                href={this.link.href}\n                title={this.link.title}\n                target={this.link.target}\n                aria-disabled={this.disabled || this.readonly}\n                tabindex={this.disabled || this.readonly ? -1 : 0}\n                onKeyDown={this.handleDeleteKeyDown}\n            >\n                {this.renderSpinner()}\n                {this.renderIcon()}\n                {this.renderLabel()}\n                {this.renderBadge()}\n                {this.renderProgressBar()}\n            </a>,\n            this.renderRemoveButton(),\n        ];\n    };\n\n    private renderLabel = () => {\n        return <span class=\"text\">{this.text}</span>;\n    };\n\n    private renderIcon() {\n        const icon = getIconName(this.icon);\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <limel-icon\n                badge={true}\n                name={icon}\n                style={{\n                    color: `${(this.icon as Icon)?.color}`,\n                    'background-color': `${\n                        (this.icon as Icon)?.backgroundColor\n                    }`,\n                }}\n            />\n        );\n    }\n\n    private renderBadge() {\n        if (!this.badge) {\n            return;\n        }\n\n        return <limel-badge label={this.badge} />;\n    }\n\n    private renderRemoveButton() {\n        if (!this.removable || this.readonly || this.disabled) {\n            return;\n        }\n\n        const svgData =\n            '<svg viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"m8 8 16 16M24 8 8 24\"/></svg>';\n\n        return (\n            <button\n                class=\"trailing-button remove-button\"\n                tabIndex={-1}\n                aria-label={this.removeChipLabel}\n                aria-controls={'chip-' + this.identifier}\n                innerHTML={svgData}\n                onClick={this.handleRemoveClick}\n            />\n        );\n    }\n\n    private filterClickWhenDisabled = (e) => {\n        if (this.disabled || this.readonly) {\n            e.preventDefault();\n        }\n    };\n\n    private handleRemoveClick = (event: MouseEvent | KeyboardEvent) => {\n        event.stopPropagation();\n        this.remove.emit(this.identifier);\n    };\n\n    private handleDeleteKeyDown = (event: KeyboardEvent) => {\n        if (!this.removable) {\n            return;\n        }\n\n        const keys = [DELETE, BACKSPACE];\n        const keycodes = [DELETE_KEY_CODE, BACKSPACE_KEY_CODE];\n\n        if (keys.includes(event.key) || keycodes.includes(event.keyCode)) {\n            this.handleRemoveClick(event);\n        }\n    };\n\n    private removeChipLabel = (): string => {\n        return translate.get('chip-set.remove-chip', this.language);\n    };\n\n    private renderSpinner() {\n        if (!this.loading) {\n            return;\n        }\n\n        return <limel-linear-progress indeterminate={true} />;\n    }\n\n    private renderProgressBar() {\n        if (!this.progress) {\n            return;\n        }\n\n        const currentPercentage = this.progress + '%';\n\n        return (\n            <div\n                role=\"progressbar\"\n                aria-label=\"%\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"100\"\n                aria-valuenow={this.progress}\n                style={{\n                    '--limel-chip-progress-percentage': currentPercentage,\n                }}\n            />\n        );\n    }\n}\n","import {\n    ARROW_LEFT,\n    ARROW_LEFT_KEY_CODE,\n    ARROW_RIGHT,\n    ARROW_RIGHT_KEY_CODE,\n    BACKSPACE,\n    BACKSPACE_KEY_CODE,\n    DELETE,\n    DELETE_KEY_CODE,\n    ENTER,\n    ENTER_KEY_CODE,\n    ESCAPE,\n    ESCAPE_KEY_CODE,\n} from '../../util/keycodes';\n\n/**\n * Key handler for the input field.\n * Lets the user select, activate, and remove chips with the keyboard.\n *\n * @param event - event\n\n */\nexport function handleKeyboardEvent(event: KeyboardEvent) {\n    if (this.textValue.length) {\n        // If there is any text in the input field, keyboard input should\n        // navigate the text, not the chips.\n        return;\n    }\n\n    if (!this.value || !this.value.length) {\n        // If there are no chips, there is nothing to select.\n        return;\n    }\n\n    const isLeft =\n        event.key === ARROW_LEFT || event.keyCode === ARROW_LEFT_KEY_CODE;\n    const isRight =\n        event.key === ARROW_RIGHT || event.keyCode === ARROW_RIGHT_KEY_CODE;\n    const isEnter = event.key === ENTER || event.keyCode === ENTER_KEY_CODE;\n    const isDelete = event.key === DELETE || event.keyCode === DELETE_KEY_CODE;\n    const isBackspace =\n        event.key === BACKSPACE || event.keyCode === BACKSPACE_KEY_CODE;\n    const isEscape = event.key === ESCAPE || event.keyCode === ESCAPE_KEY_CODE;\n\n    if (isLeft) {\n        return handleLeft(this, event);\n    }\n\n    if (isRight) {\n        return handleRight(this, event);\n    }\n\n    if (isEnter) {\n        return handleEnter(this, event);\n    }\n\n    if (isDelete) {\n        return handleDelete(this, event);\n    }\n\n    if (isBackspace) {\n        return handleBackspace(this, event);\n    }\n\n    if (isEscape) {\n        return handleEscape(this, event);\n    }\n}\n\nfunction handleLeft(host, event) {\n    event.preventDefault();\n    if (host.inputChipIndexSelected === null) {\n        host.inputChipIndexSelected = host.value.length - 1;\n\n        return;\n    }\n\n    if (host.inputChipIndexSelected <= 0) {\n        return;\n    }\n\n    host.inputChipIndexSelected -= 1;\n}\n\nfunction handleRight(host, event) {\n    event.preventDefault();\n    if (host.inputChipIndexSelected === null) {\n        host.inputChipIndexSelected = 0;\n\n        return;\n    }\n\n    if (host.inputChipIndexSelected >= host.value.length - 1) {\n        return;\n    }\n\n    host.inputChipIndexSelected += 1;\n}\n\nfunction handleEnter(host, event) {\n    if (host.inputChipIndexSelected !== null) {\n        event.preventDefault();\n        host.emitInteraction(host.value[host.inputChipIndexSelected]);\n    }\n}\n\nfunction handleEscape(host, event) {\n    if (host.inputChipIndexSelected !== null) {\n        event.preventDefault();\n        host.inputChipIndexSelected = null;\n    }\n}\n\nfunction handleDelete(host, event) {\n    if (host.inputChipIndexSelected !== null) {\n        event.preventDefault();\n        removeChip(host);\n    }\n}\n\nfunction handleBackspace(host, event) {\n    if (host.inputChipIndexSelected !== null) {\n        event.preventDefault();\n        removeChip(host);\n    } else if (!event.repeat) {\n        host.inputChipIndexSelected = host.value.length - 1;\n    }\n}\n\nfunction removeChip(host) {\n    if (host.inputChipIndexSelected !== null) {\n        host.removeChip(host.value[host.inputChipIndexSelected].id);\n        host.inputChipIndexSelected = null;\n    }\n}\n","@use '../../style/functions';\n@use '../../style/internal/shared_input-select-picker';\n@use '../../style/mixins';\n\n@use '../../style/internal/lime-theme';\n\n@use '@material/textfield';\n@use '@material/textfield/icon';\n@use '@material/notched-outline/mdc-notched-outline';\n@use '@material/floating-label';\n@use '@material/floating-label/mdc-floating-label';\n\n/**\n * @prop --icon-background-color: Background color of the icon. Defaults to transparent.\n * @prop --icon-color: Color of the icon. Defaults to `rgb(var(--contrast-1100))`.\n * @prop --background-color: Background color of the field when type is set to input.\n * @prop --background-color-disabled: Background color of the field when type is set to input and the component is disabled or readonly.\n * @prop --input-chip-set-selected-chip-color: Color of the highlight around selected chips in input chip-sets.\n */\n\n@include textfield.core-styles;\n@include icon.icon-core-styles;\n\n@include shared_input-select-picker.outlined-style-overrides;\n@include shared_input-select-picker.floating-label-overrides;\n@include shared_input-select-picker.cropped-label-hack;\n@include shared_input-select-picker.disabled-overrides;\n@include shared_input-select-picker.readonly-overrides;\n@include shared_input-select-picker.leading-icon;\n@include shared_input-select-picker.lime-empty-value-for-readonly;\n@include shared_input-select-picker.lime-looks-like-input-value;\n\n$height-of-chip-set-input: functions.pxToRem(36);\n$leading-icon-space: 1.5rem;\n\n:host(limel-chip-set) {\n    isolation: isolate;\n}\n\n.mdc-chip-set {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5rem;\n    min-height: shared_input-select-picker.$height-of-mdc-text-field;\n    position: relative;\n\n    &.chip-set--with-label {\n        .lime-floating-label--float-above {\n            padding-left: functions.pxToRem(4);\n        }\n    }\n\n    &.mdc-chip-set--input {\n        padding: 0.4rem 0.5rem;\n        width: 100%;\n    }\n\n    &.has-clear-all-button {\n        &.mdc-chip-set--input {\n            padding-right: functions.pxToRem(\n                32\n            ); // This leaves space for \"clear all\" button and avoids overlapping with chips\n        }\n    }\n}\n\n.mdc-text-field {\n    height: auto;\n    cursor: text;\n    flex-wrap: wrap;\n    row-gap: 0.5rem;\n\n    .mdc-text-field__input {\n        @include shared_input-select-picker.input-field-placeholder;\n\n        width: auto;\n        padding: 0 functions.pxToRem(12);\n\n        flex-grow: 1;\n        flex-shrink: 0;\n\n        &.hidden {\n            // This class is added, as soon as there is a chip selected and displayed\n            // This input field should not be visually visible as it breaks the UI in some cases\n            // But it should be rendered to be able to tab between fields and do other keyboard commands /Kia\n            transition: all 0s;\n            opacity: 0;\n            position: absolute;\n            z-index: -100; // to let users interact with chips, in case they're covered\n        }\n        &[type='search'] {\n            -webkit-appearance: textfield; // Removes the default magnifying glass icon on iOS which appears automatically on input fields with type of search\n            background-color: transparent; // overides styles caused by previous line\n\n            &::-webkit-search-cancel-button {\n                display: none; // removes the default X button\n            }\n        }\n    }\n}\n\n// used only in chipsets that do not have input\n.chip-set__label {\n    @include mixins.truncate-text;\n    width: 120%; // `120%` instead of `100%`,\n    // because this class is always together with `mdc-floating-label--float-above`,\n    // which scales the label down. So there is more horizontal space to display the label in.\n    top: functions.pxToRem(13);\n    padding-left: functions.pxToRem(20);\n}\n\n// Because MDC removes some classes in chipset, we add custom\n// classes with similar names and expected behavior & styles.\n// These class names start with `lime-`, instead of `mdc-`.\n.lime-notched-outline--notched {\n    .mdc-notched-outline__notch {\n        border-top: 1px solid transparent !important;\n\n        .lime-floating-label--float-above {\n            // This overrides MDC's original top value which is `top: 50%`.\n            // The reason is that a % value aligns the label in a wrong position\n            // vertically, when there are multiple rows of chips.\n            top: functions.pxToRem(27);\n\n            transform: translateY(-34.75px) scale(0.75) !important;\n            font-size: shared_input-select-picker.$cropped-label-hack--font-size;\n        }\n    }\n}\n\n.force-invalid {\n    @extend .mdc-text-field--invalid;\n}\n\n.clear-all-button {\n    @include mixins.clear-all-button;\n    @include mixins.visualize-keyboard-focus;\n\n    position: absolute;\n    right: 0.5rem;\n    top: calc(#{shared_input-select-picker.$height-of-mdc-text-field} / 4);\n\n    opacity: 0; // Is hidden, but can receive focus (such as when navigating through tab indexes).\n\n    &:focus,\n    .has-chips:not(.mdc-text-field--disabled):hover &,\n    .has-chips:not(.mdc-text-field--disabled).mdc-text-field--focused & {\n        opacity: 1;\n        outline: none;\n    }\n\n    :not(.has-chips) &,\n    .has-chips.mdc-text-field--disabled & {\n        display: none; // Won't receive focus when disabled\n    }\n}\n\n.has-leading-icon {\n    &:not(.has-chips) {\n        .mdc-text-field__input {\n            padding-left: $leading-icon-space;\n        }\n\n        .mdc-floating-label {\n            &:not(.lime-floating-label--float-above) {\n                left: $leading-icon-space;\n            }\n            &.mdc-floating-label--float-above {\n                left: functions.pxToRem(4);\n            }\n        }\n    }\n\n    limel-chip {\n        &:first-of-type {\n            margin-left: 1.5rem;\n        }\n    }\n\n    .search-icon {\n        transition: transform 0.2s ease;\n        position: absolute;\n        top: functions.pxToRem(9);\n        left: 0.25rem;\n    }\n\n    limel-icon {\n        background-color: transparent;\n    }\n}\n\n.delimiter {\n    opacity: 0.5;\n    padding: 0 functions.pxToRem(2);\n    color: var(--mdc-theme-on-surface);\n}\n\nlimel-chip {\n    border-radius: 2rem;\n\n    &.can-be-removed {\n        // When chip is selected with keyboard (backspace / arrow-keys) to be deleted\n        box-shadow: var(--shadow-depth-8-error);\n    }\n}\n\n@import './partial-styles/_readonly';\n@import './partial-styles/_file-picker';\n@import './partial-styles/_helper-text';\n\n// To make the input field render smaller than the default MDC UI\n.mdc-text-field {\n    &.mdc-text-field--outlined {\n        min-height: shared_input-select-picker.$height-of-mdc-text-field;\n    }\n}\n","import { Chip, ChipType } from '../chip-set/chip.types';\nimport { Languages } from '../date-picker/date.types';\nimport { MDCTextField } from '@material/textfield';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Method,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { handleKeyboardEvent } from './chip-set-input-helpers';\nimport translate from '../../global/translations';\nimport { getHref, getTarget } from '../../util/link-helper';\nimport { isEqual } from 'lodash-es';\nimport { LimelChipCustomEvent } from '../../components';\n\nconst INPUT_FIELD_TABINDEX = 1;\n\n/**\n * :::note\n * **Regarding `click` and `interact` events:**\n *\n * The `interact` event is emitted when a chip is interacted with, and is\n * the recommended way to listen for chip interactions.\n *\n * However, if you need to handle clicks differently depending on which chip\n * was clicked, or whether the click was on a chip or elsewhere, you need to\n * listen to the native `click` event instead.\n *\n * Native `click` events are passed through, and if the click came from\n * a chip, the chip object is available in the event object under\n * `<event object>.Lime.chip`.\n *\n * Example usage:\n * ```ts\n * private handleClick(event: Event) {\n *     if (event && 'Lime' in event && (event.Lime as any).chip) {\n *         if ((event.Lime as { chip: Chip }).chip.href) {\n *             // Chip has href, so let the browser open the link.\n *             return;\n *         }\n *         // handle click on chip without href\n *     } else {\n *         // handle click elsewhere\n *     }\n * }\n * ```\n * :::\n *\n * @exampleComponent limel-example-chip-set\n * @exampleComponent limel-example-chip-set-choice\n * @exampleComponent limel-example-chip-set-filter\n * @exampleComponent limel-example-chip-set-filter-badge\n * @exampleComponent limel-example-chip-set-input\n * @exampleComponent limel-example-chip-set-input-type-text\n * @exampleComponent limel-example-chip-set-input-type-search\n * @exampleComponent limel-example-chip-icon-color\n * @exampleComponent limel-example-chip-set-composite\n */\n@Component({\n    tag: 'limel-chip-set',\n    shadow: true,\n    styleUrl: 'chip-set.scss',\n})\nexport class ChipSet {\n    /**\n     * List of chips for the set\n     */\n    @Prop()\n    public value: Chip[] = [];\n\n    /**\n     * Type of chip set\n     *\n     * - `choice` renders a set of selectable chips where only one is selectable. The `removable` property is ignored\n     * - `filter` renders a set of selectable chips where all are selectable.\n     * - `input` renders a set of chips that can be used in conjunction with an input field\n     *\n     * If no type is set, a basic set of chips without additional functionality will be rendered\n     */\n    @Prop({ reflect: true })\n    public type?: 'choice' | 'filter' | 'input';\n\n    /**\n     * Label for the chip-set\n     */\n    @Prop({ reflect: true })\n    public label: string;\n\n    /**\n     * Optional helper text to display below the chipset.\n     * When type is `input`, the helper text is displayed below the\n     * input field when it has focus.\n     * When type is not `input`, the helper text is always displayed\n     * if the device is touch screen; otherwise it is shown when chip-set\n     * is hovered or focused using keyboard navigation.\n     */\n    @Prop({ reflect: true })\n    public helperText: string;\n\n    /**\n     * True if the chip set should be disabled\n     */\n    @Prop({ reflect: true })\n    public disabled: boolean = false;\n\n    /**\n     * For chip-sets of type `input`, set to `true` to disable adding and\n     * removing chips, but allow interaction with existing chips in the set.\n     * For any other types, setting either `readonly` or `disabled` disables\n     * the chip-set.\n     */\n    @Prop({ reflect: true })\n    public readonly: boolean = false;\n\n    /**\n     * Set to `true` to indicate that the current value of the input field is\n     * invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid = false;\n\n    /**\n     * For chip-sets of type `input`. Value to use for the `type` attribute on the\n     * input field inside the chip-set.\n     */\n    @Prop({ reflect: true })\n    public inputType: 'search' | 'text' = 'text';\n\n    /**\n     * For chip-sets of type `input`. Limits the maximum number of chips.\n     * When the value is `0` or not set, no limit is applied.\n     */\n    @Prop({ reflect: true })\n    public maxItems: number;\n\n    /**\n     * True if the control requires a value\n     */\n    @Prop({ reflect: true })\n    public required: boolean = false;\n\n    /**\n     * Search label to display when type is `input` and component is in search mode\n     */\n    @Prop({ reflect: true })\n    public searchLabel: string;\n\n    /**\n     * Whether the input field should be emptied when the chip-set loses focus.\n     */\n    @Prop({ reflect: true })\n    public emptyInputOnBlur: boolean = true;\n\n    /**\n     * Whether the \"Clear all\" buttons should be shown\n     */\n    @Prop()\n    public clearAllButton: boolean = true;\n\n    /**\n     * For chip-sets of type `input`. When the value is null, no leading icon is used.\n     * Leading icon to show to the far left in the text field\n     */\n    @Prop({ reflect: true })\n    public leadingIcon: string = null;\n\n    /**\n     * For chip-set of type `input`. Sets delimiters between chips.\n     */\n    @Prop({ reflect: true })\n    public delimiter: string = null;\n\n    /**\n     * Defines the language for translations.\n     * Will translate the translatable strings on the components. For example, the clear all chips label.\n     */\n    @Prop()\n    public language: Languages = 'en';\n\n    /**\n     * Dispatched when a chip is interacted with\n     */\n    @Event()\n    private interact: EventEmitter<Chip>;\n\n    /**\n     * Dispatched when a chip is selected/deselected\n     */\n    @Event()\n    private change: EventEmitter<Chip | Chip[]>;\n\n    /**\n     * Emitted when an input chip set has received focus and editing in the text field has started\n     */\n    @Event()\n    private startEdit: EventEmitter<void>;\n\n    /**\n     * Emitted when an input chip set has lost focus and editing in the text field has ended\n     */\n    @Event()\n    private stopEdit: EventEmitter<void>;\n\n    /**\n     * Dispatched when the input is changed for type `input`\n     */\n    @Event()\n    private input: EventEmitter<string>;\n\n    @Element()\n    private host: HTMLLimelChipSetElement;\n\n    @State()\n    private editMode: boolean = false;\n\n    @State()\n    private textValue: string = '';\n\n    @State()\n    private blurred: boolean = false;\n\n    @State()\n    private inputChipIndexSelected: number = null;\n\n    @State()\n    private selectedChipIds: Array<string | number>;\n\n    private mdcTextField: MDCTextField;\n    private handleKeyDown = handleKeyboardEvent;\n\n    constructor() {\n        this.renderChip = this.renderChip.bind(this);\n        this.renderInputChip = this.renderInputChip.bind(this);\n        this.isFull = this.isFull.bind(this);\n        this.handleTextFieldFocus = this.handleTextFieldFocus.bind(this);\n        this.handleInputBlur = this.handleInputBlur.bind(this);\n        this.handleTextInput = this.handleTextInput.bind(this);\n        this.inputFieldOnChange = this.inputFieldOnChange.bind(this);\n        this.handleKeyDown = this.handleKeyDown.bind(this);\n        this.inputHidden = this.inputHidden.bind(this);\n        this.handleDeleteAllIconClick =\n            this.handleDeleteAllIconClick.bind(this);\n        this.renderDelimiter = this.renderDelimiter.bind(this);\n    }\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    private initialize() {\n        if (this.value.length) {\n            this.selectedChipIds = this.value\n                .filter((chip) => chip.selected)\n                .map((chip) => chip.id);\n        }\n    }\n\n    /**\n     * Used to find out whether the chip-set is in edit mode.\n     *\n     * @returns `true` if the chip-set is in edit mode, `false` otherwise.\n     */\n    @Method()\n    public async getEditMode(): Promise<boolean> {\n        return this.editMode;\n    }\n\n    /**\n     * Used to set focus to the chip-set input field.\n     *\n     * @param emptyInput - if `true`, any text in the input is discarded\n     * @returns does not return anything, but methods have to be async\n     */\n    @Method()\n    public async setFocus(emptyInput: boolean = false) {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        this.editMode = true;\n        if (emptyInput) {\n            this.textValue = '';\n        }\n\n        this.host.shadowRoot.querySelector('input').focus();\n        this.startEdit.emit();\n    }\n\n    /**\n     * Used to empty the input field. Used in conjunction with `emptyInputOnBlur` to let the\n     * consumer control when the input is emptied.\n     *\n     * @returns does not return anything, but methods have to be async\n     */\n    @Method()\n    public async emptyInput() {\n        this.syncEmptyInput();\n    }\n\n    public componentDidLoad() {\n        this.triggerIconColorWarning(this.value);\n\n        if (this.type === 'input') {\n            this.mdcTextField = new MDCTextField(\n                this.host.shadowRoot.querySelector('.mdc-text-field'),\n            );\n        }\n    }\n\n    public componentDidUpdate() {\n        const input = this.host.shadowRoot.querySelector('input');\n        if (input && this.editMode) {\n            input.focus();\n        }\n    }\n\n    public disconnectedCallback() {\n        if (this.mdcTextField) {\n            this.mdcTextField.destroy();\n        }\n    }\n\n    public render() {\n        if (this.type === 'input') {\n            return this.renderInputChips();\n        }\n\n        const classes = {\n            'mdc-chip-set': true,\n            disabled: this.disabled || this.readonly,\n            'mdc-text-field--with-trailing-icon': true,\n        };\n        if (this.type) {\n            classes[`mdc-chip-set--${this.type}`] = true;\n        }\n\n        const chipSetLabel = this.renderChipSetLabel();\n        if (chipSetLabel) {\n            classes['chip-set--with-label'] = true;\n        }\n\n        const value = this.getValue();\n\n        return (\n            <div class={classes} role=\"grid\">\n                {chipSetLabel}\n                {value.map(this.renderChip)}\n                {this.renderHelperLine()}\n            </div>\n        );\n    }\n\n    private getValue = () => {\n        return this.value.map((chip) => ({\n            ...chip,\n            ...(this.type && {\n                selected: this.selectedChipIds.includes(chip.id),\n            }),\n        }));\n    };\n\n    @Watch('value')\n    protected handleChangeChips(newValue: Chip[], oldValue: Chip[]) {\n        if (isEqual(newValue, oldValue)) {\n            return;\n        }\n\n        this.syncEmptyInput();\n        this.initialize();\n    }\n\n    private renderChipSetLabel() {\n        if (!this.label) {\n            return;\n        }\n\n        return (\n            <label class=\"chip-set__label mdc-floating-label mdc-floating-label--float-above\">\n                {this.label}\n            </label>\n        );\n    }\n\n    private renderInputChips() {\n        return [\n            <div\n                class={{\n                    'mdc-text-field mdc-text-field--outlined': true,\n                    'mdc-chip-set mdc-chip-set--input': true,\n                    'force-invalid': this.isInvalid(),\n                    'mdc-text-field--disabled': this.readonly || this.disabled,\n                    'lime-text-field--readonly': this.readonly,\n                    'has-chips mdc-text-field--label-floating':\n                        this.value.length !== 0,\n                    'has-leading-icon': this.leadingIcon !== null,\n                    'has-clear-all-button': this.clearAllButton,\n                }}\n                onClick={this.handleTextFieldFocus}\n            >\n                {this.value.map(this.renderInputChip)}\n                <input\n                    tabIndex={INPUT_FIELD_TABINDEX}\n                    type={this.inputType}\n                    id=\"input-element\"\n                    disabled={this.readonly || this.disabled}\n                    class={{\n                        'mdc-text-field__input': true,\n                        hidden: this.inputHidden(),\n                    }}\n                    value={this.textValue}\n                    onBlur={this.handleInputBlur}\n                    onFocus={this.handleTextFieldFocus}\n                    onKeyDown={this.handleKeyDown}\n                    onInput={this.handleTextInput}\n                    // Some browsers emit a change event on input elements, we need to stop\n                    // that event from propagating since we are emitting our own change event\n                    onChange={this.inputFieldOnChange}\n                    placeholder={this.isFull() ? '' : this.searchLabel}\n                    readonly={this.isFull()}\n                />\n                <div\n                    class={{\n                        'mdc-notched-outline': true,\n                        'mdc-notched-outline--upgraded': true,\n                        'mdc-text-field--required': this.required,\n                        'lime-notched-outline--notched': this.floatLabelAbove(),\n                    }}\n                    dropzone-tip={this.dropZoneTip()}\n                >\n                    <div class=\"mdc-notched-outline__leading\" />\n                    {this.renderLabel()}\n                    <div class=\"mdc-notched-outline__trailing\" />\n                </div>\n                {this.renderLeadingIcon()}\n                {this.renderEmptyValueForReadonly()}\n                {this.renderClearAllChipsButton()}\n            </div>,\n            this.renderHelperLine(),\n        ];\n    }\n\n    private renderEmptyValueForReadonly = () => {\n        if (this.readonly && this.value.length === 0) {\n            return (\n                <span class=\"lime-empty-value-for-readonly lime-looks-like-input-value\">\n                    –\n                </span>\n            );\n        }\n    };\n\n    private renderLabel() {\n        const labelClassList = {\n            'mdc-floating-label': true,\n            'mdc-text-field--disabled': this.readonly || this.disabled,\n            'mdc-floating-label--required': this.required,\n            'lime-floating-label--float-above': this.floatLabelAbove(),\n        };\n\n        if (!this.label) {\n            return;\n        }\n\n        return (\n            <div class=\"mdc-notched-outline__notch\">\n                <label class={labelClassList} htmlFor=\"input-element\">\n                    {this.label}\n                </label>\n            </div>\n        );\n    }\n\n    private floatLabelAbove = () => {\n        if (!!this.value.length || this.editMode || this.readonly) {\n            return true;\n        }\n    };\n\n    private dropZoneTip = (): string => {\n        return translate.get('file.drag-and-drop-tips', this.language);\n    };\n\n    private isFull(): boolean {\n        return !!this.maxItems && this.value.length >= this.maxItems;\n    }\n\n    private isInvalid() {\n        if (this.readonly) {\n            // A readonly field can never be invalid.\n            return false;\n        }\n\n        if (this.invalid) {\n            return true;\n        }\n\n        if (!this.required) {\n            return false;\n        }\n\n        if (!this.blurred) {\n            return false;\n        }\n\n        return !this.value || !this.value.length;\n    }\n\n    private inputFieldOnChange(event) {\n        event.stopPropagation();\n    }\n\n    /**\n     * Enter edit mode when the text field receives focus. When editMode is true, the input element will be visible\n     */\n    private handleTextFieldFocus() {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        if (this.editMode) {\n            return;\n        }\n\n        this.editMode = true;\n        this.startEdit.emit();\n    }\n\n    /**\n     * Exit edit mode when the input element loses focus. This makes sure the input element does not take up any\n     * additional space when the user it not typing anything\n     */\n    private handleInputBlur() {\n        if (this.emptyInputOnBlur) {\n            this.syncEmptyInput();\n        }\n\n        this.editMode = false;\n        this.blurred = true;\n        this.inputChipIndexSelected = null;\n\n        // This timeout is needed in order to let a new element receive focus\n        setTimeout(() => {\n            this.stopEdit.emit();\n        }, 0);\n    }\n\n    private syncEmptyInput() {\n        this.textValue = '';\n    }\n\n    private inputHidden() {\n        if (this.editMode) {\n            return this.isFull();\n        }\n\n        // If there are chips in the picker, hide the input to avoid the input\n        // being placed on a new line and adding ugly space beneath the chips.\n        // If there are no chips, show the input, or the picker will look weird.\n        return !!(this.value && this.value.length);\n    }\n\n    private handleTextInput(event) {\n        event.stopPropagation();\n        this.inputChipIndexSelected = null;\n        this.textValue = event.target.value;\n        this.input.emit(event.target.value && event.target.value.trim());\n    }\n\n    private emitInteraction(chip: Chip) {\n        this.interact.emit(chip);\n    }\n\n    private renderChip(chip: Chip) {\n        const chipType: ChipType =\n            this.type === 'filter' ? 'filter' : 'default';\n\n        const chipProps = this.getChipProps(chip, chipType);\n\n        return <limel-chip {...chipProps} />;\n    }\n\n    private hasHelperText = () => {\n        return this.helperText !== null && this.helperText !== undefined;\n    };\n\n    private renderHelperLine = () => {\n        if (!this.maxItems && !this.hasHelperText()) {\n            return;\n        }\n\n        return (\n            <limel-helper-line\n                length={this.value.length}\n                maxLength={this.maxItems}\n                helperText={this.helperText}\n                invalid={this.isInvalid()}\n            />\n        );\n    };\n\n    private renderInputChip(chip: Chip, index: number) {\n        const chipProps = this.getChipProps(chip, 'default');\n\n        return [\n            <limel-chip\n                key={chip.id}\n                class={{\n                    'can-be-removed': this.inputChipIndexSelected === index,\n                }}\n                {...chipProps}\n            />,\n            this.renderDelimiter(),\n        ];\n    }\n\n    private getChipProps(chip: Chip, chipType: ChipType) {\n        const removable =\n            this.type === 'input' && chip.removable && !this.readonly;\n        const readonly = this.readonly && this.type !== 'input';\n\n        return {\n            role: 'row',\n            identifier: chip.id,\n            text: chip.text,\n            icon: chip.icon,\n            badge: chip.badge,\n            selected: chip.selected,\n            disabled: this.disabled,\n            readonly: readonly,\n            type: chipType,\n            removable: removable,\n            onClick: this.catchInputChipClicks(chip),\n            onRemove: this.handleRemoveChip,\n            ...(chip.href && {\n                link: {\n                    href: getHref(chip.href),\n                    target: getTarget(chip.href),\n                },\n            }),\n        };\n    }\n\n    private catchInputChipClicks = (chip: Chip) => (event: Event) => {\n        /*\n         * We need to add the `chip` to the event object so that the consumer\n         * can get the chip object when the chip is clicked.\n         * This is necessary for the consumer to be able to handle the click\n         * event itself, based on which chip was clicked, or whether the click\n         * was on a chip or elsewhere. The reason the consumer can't just look\n         * at the event target is that that information is hidden by the\n         * shadow DOM.\n         *\n         * See documentation for the `interact` event for more information.\n         */\n        (event as any).Lime = { chip: chip };\n\n        if (this.isSelectableChip(chip)) {\n            this.updateSelectedChipIds(chip);\n            this.change.emit(chip);\n        }\n\n        this.emitInteraction(chip);\n    };\n\n    private isSelectableChip(chip: Chip): boolean {\n        return this.type !== 'input' && 'selected' in chip;\n    }\n\n    private updateSelectedChipIds(chip: Chip): void {\n        chip.selected = !chip.selected;\n        const id = chip.id;\n        if (this.type === 'choice') {\n            this.updateChoiceTypeSelectedIds(id);\n        } else {\n            this.updateFilterTypeSelectedIds(id);\n        }\n    }\n\n    private updateChoiceTypeSelectedIds(id: number | string): void {\n        this.selectedChipIds = this.isChipSelected(id) ? [] : [id];\n    }\n\n    private isChipSelected(id: number | string): boolean {\n        return !!this.selectedChipIds.find((chipId) => chipId === id);\n    }\n\n    private updateFilterTypeSelectedIds(id: number | string): void {\n        if (this.isChipSelected(id)) {\n            this.removeChipIdFromSelectedChipIds(id);\n        } else {\n            this.addChipIdToSelectedChipIds(id);\n        }\n    }\n\n    private removeChipIdFromSelectedChipIds(id: number | string): void {\n        this.selectedChipIds = this.selectedChipIds.filter(\n            (chipId) => chipId !== id,\n        );\n    }\n\n    private addChipIdToSelectedChipIds(id: number | string): void {\n        this.selectedChipIds = [...this.selectedChipIds, id];\n    }\n\n    private handleRemoveChip = (\n        event: LimelChipCustomEvent<string | number>,\n    ) => {\n        this.removeChip(event.detail);\n    };\n\n    private removeChip = (identifier: string | number) => {\n        const newValue = this.value.filter((chip) => {\n            return chip.id !== identifier;\n        });\n        this.change.emit(newValue);\n    };\n\n    private renderLeadingIcon() {\n        if (!this.leadingIcon) {\n            return;\n        }\n\n        return (\n            <i class=\"mdc-text-field__icon search-icon\">\n                <limel-icon name={this.leadingIcon} />\n            </i>\n        );\n    }\n\n    private renderClearAllChipsButton() {\n        if (this.disabled || this.readonly || !this.clearAllButton) {\n            return;\n        }\n\n        return (\n            <a\n                href=\"\"\n                onClick={this.handleDeleteAllIconClick}\n                class=\"mdc-text-field__icon clear-all-button\"\n                tabindex=\"0\"\n                role=\"button\"\n                title={this.clearAllChipsLabel()}\n                aria-label={this.clearAllChipsLabel()}\n            />\n        );\n    }\n\n    private clearAllChipsLabel = (): string => {\n        return translate.get('chip-set.clear-all', this.language);\n    };\n\n    private handleDeleteAllIconClick(event: Event) {\n        event.preventDefault();\n        this.change.emit([]);\n    }\n\n    private renderDelimiter() {\n        if (!this.delimiter) {\n            return;\n        }\n\n        return <div class=\"delimiter\">{this.delimiter}</div>;\n    }\n\n    private triggerIconColorWarning(value: Chip[]) {\n        for (const chip of value) {\n            if (\n                chip.icon &&\n                (chip.iconFillColor ||\n                    chip.iconBackgroundColor ||\n                    chip.iconTitle)\n            ) {\n                /* eslint-disable-next-line no-console */\n                console.warn(\n                    \"The `iconFillColor`, `iconBackgroundColor`, and `iconTitle` props are deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name', `iconBackgroundColor: 'color-name', and `iconTitle: 'title'`, write `icon { name: 'icon-name', color: 'color-name', backgroundColor: 'color-name', title: 'title' }`.\",\n                );\n            }\n        }\n    }\n}\n"],"mappings":"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"}