@limetech/lime-elements 37.1.0-next.12 → 37.1.0-next.13

package/dist/esm/limel-tooltip_2.entry.js.map

@@ -1 +1 @@
-{"file":"limel-tooltip.limel-tooltip-content.entry.js","mappings":"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","names":[],"sources":["./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n.trigger-anchor {\n    position: relative;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment.\n * A good practice is to just place them next to each other like below:\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n * @exampleComponent limel-example-tooltip\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n * @private\n */\n@Component({\n    tag: 'limel-tooltip',\n    shadow: true,\n    styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n    /**\n     * ID of the owner element that the tooltip should describe.\n     * Must be a child within the same document fragment as the tooltip element\n     * itself.\n     */\n    @Prop({ reflect: true })\n    public elementId!: string;\n\n    /**\n     * Short descriptive text of the owner element.\n     */\n    @Prop({ reflect: true })\n    public label!: string;\n\n    /**\n     * Additional helper text for the element.\n     * Example usage can be a keyboard shortcut to activate the function of the\n     * owner element.\n     */\n    @Prop({ reflect: true })\n    public helperLabel?: string;\n\n    /**\n     * The maximum amount of characters before rendering 'label' and\n     * 'helperLabel' in two rows.\n     */\n    @Prop({ reflect: true })\n    public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n    @State()\n    private open: boolean;\n\n    @Element()\n    private host: HTMLLimelTooltipElement;\n\n    private portalId: string;\n    private tooltipId: string;\n    private showTooltipTimeoutHandle: number;\n\n    public constructor() {\n        this.portalId = createRandomString();\n        this.tooltipId = createRandomString();\n    }\n\n    public connectedCallback() {\n        this.setOwnerAriaLabel();\n        this.addListeners();\n    }\n\n    public disconnectedCallback() {\n        this.removeListeners();\n    }\n\n    public render() {\n        const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--tooltip-z-index'\n        );\n\n        return (\n            <div class=\"trigger-anchor\">\n                <limel-portal\n                    openDirection=\"bottom-start\"\n                    visible={this.open}\n                    containerId={this.portalId}\n                    containerStyle={{\n                        'z-index': tooltipZIndex,\n                        'pointer-events': 'none',\n                    }}\n                >\n                    <limel-tooltip-content\n                        label={this.label}\n                        helperLabel={this.helperLabel}\n                        maxlength={this.maxlength}\n                        role=\"tooltip\"\n                        aria-hidden={!this.open}\n                        id={this.tooltipId}\n                    />\n                </limel-portal>\n            </div>\n        );\n    }\n\n    private setOwnerAriaLabel() {\n        const owner = this.getOwnerElement();\n        owner?.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    private addListeners() {\n        const owner = this.getOwnerElement();\n        owner?.addEventListener('mouseover', this.showTooltip);\n        owner?.addEventListener('mouseout', this.hideTooltip);\n        owner?.addEventListener('click', this.hideTooltip);\n    }\n\n    private removeListeners() {\n        const owner = this.getOwnerElement();\n        owner?.removeEventListener('mouseover', this.showTooltip);\n        owner?.removeEventListener('mouseout', this.hideTooltip);\n        owner?.removeEventListener('click', this.hideTooltip);\n    }\n\n    private showTooltip = () => {\n        const tooltipDelay = 500;\n        this.showTooltipTimeoutHandle = window.setTimeout(() => {\n            this.open = true;\n        }, tooltipDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.showTooltipTimeoutHandle);\n        this.open = false;\n    };\n\n    private getOwnerElement(): HTMLElement | undefined {\n        let element: Node = this.host;\n\n        do {\n            element = element.parentNode;\n        } while (\n            element &&\n            element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n            element.nodeType !== Node.DOCUMENT_NODE\n        );\n\n        return (element as ShadowRoot)?.getElementById(this.elementId);\n    }\n}\n",":host {\n    animation: display-tooltip 0.2s ease;\n    display: flex;\n\n    border-radius: 0.25rem;\n    padding: 0.25rem 0.5rem;\n    background-color: rgb(var(--contrast-1300));\n    box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n    font-size: 0.875rem; // 14px\n    line-height: 1.25;\n    display: flex;\n    column-gap: 1rem;\n\n    &.has-column-layout {\n        display: table-cell;\n        width: fit-content;\n        max-width: min(var(--tooltip-max-width-of-text), 80vw);\n        .label {\n            padding-bottom: 0.5rem;\n        }\n        .helper-label {\n            padding-bottom: 0.25rem;\n        }\n    }\n}\n\n.label {\n    color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n    color: rgb(var(--contrast-800));\n\n    &:empty {\n        display: none;\n    }\n}\n\n@keyframes display-tooltip {\n    0% {\n        opacity: 0;\n        transform: translate3d(0, 0, 0) scale(0.94);\n    }\n    100% {\n        opacity: 1;\n        transform: translate3d(0, 0, 0) scale(1);\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n * @private\n */\n@Component({\n    tag: 'limel-tooltip-content',\n    shadow: true,\n    styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    label!: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    helperLabel?: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    maxlength?: number;\n\n    public render() {\n        let isLabelsTextLong = false;\n        if (this.helperLabel && this.maxlength) {\n            isLabelsTextLong =\n                this.label.length + this.helperLabel.length > this.maxlength;\n        }\n\n        const props: any = {};\n        if (this.maxlength) {\n            props.style = {\n                '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n            };\n        }\n\n        return [\n            <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n                <div class=\"label\">{this.label}</div>\n                <div class=\"helper-label\">{this.helperLabel}</div>\n            </text>,\n        ];\n    }\n}\n"],"version":3}
+{"file":"limel-tooltip.limel-tooltip-content.entry.js","mappings":"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","names":[],"sources":["./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n.trigger-anchor {\n    position: relative;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { JSX } from 'react';\nimport { createRandomString } from '../../util/random-string';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment.\n * A good practice is to just place them next to each other like below:\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n * @exampleComponent limel-example-tooltip-basic\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n * @private\n */\n@Component({\n    tag: 'limel-tooltip',\n    shadow: true,\n    styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n    /**\n     * ID of the owner element that the tooltip should describe.\n     * Must be a child within the same document fragment as the tooltip element\n     * itself.\n     */\n    @Prop({ reflect: true })\n    public elementId!: string;\n\n    /**\n     * Short descriptive text of the owner element.\n     */\n    @Prop({ reflect: true })\n    public label!: string;\n\n    /**\n     * Additional helper text for the element.\n     * Example usage can be a keyboard shortcut to activate the function of the\n     * owner element.\n     */\n    @Prop({ reflect: true })\n    public helperLabel?: string;\n\n    /**\n     * The maximum amount of characters before rendering 'label' and\n     * 'helperLabel' in two rows.\n     */\n    @Prop({ reflect: true })\n    public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n    @Element()\n    private host: HTMLLimelTooltipElement;\n\n    @State()\n    private open: boolean;\n\n    private portalId: string;\n    private tooltipId: string;\n    private showTooltipTimeoutHandle: number;\n\n    public constructor() {\n        this.portalId = createRandomString();\n        this.tooltipId = createRandomString();\n    }\n\n    public connectedCallback() {\n        this.setOwnerAriaLabel();\n        this.addListeners();\n    }\n\n    public disconnectedCallback() {\n        this.removeListeners();\n    }\n\n    public render(): JSX.Element {\n        const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--tooltip-z-index'\n        );\n\n        return (\n            <div class=\"trigger-anchor\">\n                <limel-portal\n                    openDirection=\"bottom-start\"\n                    visible={this.open}\n                    containerId={this.portalId}\n                    containerStyle={{\n                        'z-index': tooltipZIndex,\n                        'pointer-events': 'none',\n                    }}\n                >\n                    <limel-tooltip-content\n                        label={this.label}\n                        helperLabel={this.helperLabel}\n                        maxlength={this.maxlength}\n                        role=\"tooltip\"\n                        aria-hidden={!this.open}\n                        id={this.tooltipId}\n                    />\n                </limel-portal>\n            </div>\n        );\n    }\n\n    private setOwnerAriaLabel() {\n        const owner = this.getOwnerElement();\n        owner?.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    private addListeners() {\n        const owner = this.getOwnerElement();\n        owner?.addEventListener('mouseover', this.showTooltip);\n        owner?.addEventListener('mouseout', this.hideTooltip);\n        owner?.addEventListener('click', this.hideTooltip);\n    }\n\n    private removeListeners() {\n        const owner = this.getOwnerElement();\n        owner?.removeEventListener('mouseover', this.showTooltip);\n        owner?.removeEventListener('mouseout', this.hideTooltip);\n        owner?.removeEventListener('click', this.hideTooltip);\n    }\n\n    private showTooltip = () => {\n        const tooltipDelay = 500;\n        this.showTooltipTimeoutHandle = window.setTimeout(() => {\n            this.open = true;\n        }, tooltipDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.showTooltipTimeoutHandle);\n        this.open = false;\n    };\n\n    private getOwnerElement(): HTMLElement | undefined {\n        let element: Node = this.host;\n\n        do {\n            element = element.parentNode;\n        } while (\n            element &&\n            element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n            element.nodeType !== Node.DOCUMENT_NODE\n        );\n\n        return (element as ShadowRoot)?.getElementById(this.elementId);\n    }\n}\n",":host {\n    animation: display-tooltip 0.2s ease;\n    display: flex;\n\n    border-radius: 0.25rem;\n    padding: 0.25rem 0.5rem;\n    background-color: rgb(var(--contrast-1300));\n    box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n    font-size: 0.875rem; // 14px\n    line-height: 1.25;\n    display: flex;\n    column-gap: 1rem;\n\n    &.has-column-layout {\n        display: table-cell;\n        width: fit-content;\n        max-width: min(var(--tooltip-max-width-of-text), 80vw);\n        .label {\n            padding-bottom: 0.5rem;\n        }\n        .helper-label {\n            padding-bottom: 0.25rem;\n        }\n    }\n}\n\n.label {\n    color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n    color: rgb(var(--contrast-800));\n\n    &:empty {\n        display: none;\n    }\n}\n\n@keyframes display-tooltip {\n    0% {\n        opacity: 0;\n        transform: translate3d(0, 0, 0) scale(0.94);\n    }\n    100% {\n        opacity: 1;\n        transform: translate3d(0, 0, 0) scale(1);\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n * @private\n */\n@Component({\n    tag: 'limel-tooltip-content',\n    shadow: true,\n    styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    label!: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    helperLabel?: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    maxlength?: number;\n\n    public render() {\n        let isLabelsTextLong = false;\n        if (this.helperLabel && this.maxlength) {\n            isLabelsTextLong =\n                this.label.length + this.helperLabel.length > this.maxlength;\n        }\n\n        const props: any = {};\n        if (this.maxlength) {\n            props.style = {\n                '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n            };\n        }\n\n        return [\n            <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n                <div class=\"label\">{this.label}</div>\n                <div class=\"helper-label\">{this.helperLabel}</div>\n            </text>,\n        ];\n    }\n}\n"],"version":3}

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-action-bar",[[1,"limel-action-bar",{"actions":[16],"accessibleLabel":[513,"accessible-label"],"layout":[513],"openDirection":[513,"open-direction"],"overflowCutoff":[32]}]]],["limel-dock",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[8],"searcher":[8],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-split-button",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[520],"format":[513],"language":[520],"formatter":[16],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[8],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-file",[[1,"limel-file",{"value":[8],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[8],"isDraggingOverDropZone":[32]}]]],["limel-info-tile",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[8],"progress":[16]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[8],"show":[64]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[8],"fullscreen":[516],"open":[1540],"closingActions":[520,"closing-actions"]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[8]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-callout",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[8]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"helperText":[513,"helper-text"],"fieldId":[32]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[520],"justify":[520],"align":[520],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-dock-button",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-badge",[[1,"limel-badge",{"label":[520]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[8],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[8],"formatter":[16]}]]],["limel-action-bar-item_2",[[0,"limel-action-bar-overflow-menu",{"items":[16],"openDirection":[513,"open-direction"]}],[0,"limel-action-bar-item",{"item":[16],"isVisible":[516,"is-visible"]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[8],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-circular-progress_2",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}],[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-list_2",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[8],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-input-field",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[520],"limeBranded":[4,"lime-branded"]}]]],["limel-portal",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-menu_2",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}],[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[8],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover_2",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]],["limel-helper-line",[[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]]], options);
+  return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-action-bar",[[1,"limel-action-bar",{"actions":[16],"accessibleLabel":[513,"accessible-label"],"layout":[513],"openDirection":[513,"open-direction"],"overflowCutoff":[32]}]]],["limel-dock",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[8],"searcher":[8],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-split-button",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[520],"format":[513],"language":[520],"formatter":[16],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[8],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-file",[[1,"limel-file",{"value":[8],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[8],"isDraggingOverDropZone":[32]}]]],["limel-info-tile",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[8],"progress":[16]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[8],"show":[64]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[8],"fullscreen":[516],"open":[1540],"closingActions":[520,"closing-actions"]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[8]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-callout",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[8]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"helperText":[513,"helper-text"],"fieldId":[32]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[520],"justify":[520],"align":[520],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-dock-button",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-badge",[[1,"limel-badge",{"label":[520]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[8],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[8],"formatter":[16]}]]],["limel-action-bar-item_2",[[0,"limel-action-bar-overflow-menu",{"items":[16],"openDirection":[513,"open-direction"]}],[0,"limel-action-bar-item",{"item":[16],"isVisible":[516,"is-visible"]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[8],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-circular-progress_2",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}],[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-list_2",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[8],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-input-field",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[520],"limeBranded":[4,"lime-branded"]}]]],["limel-portal",[[1,"limel-portal",{"openDirection":[513,"open-direction"],"position":[513],"containerId":[513,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[516,"inherit-parent-width"],"visible":[516]}]]],["limel-menu_2",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}],[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[8],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover_2",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]],["limel-helper-line",[[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]]], options);
   });
 };
 

package/dist/lime-elements/lime-elements.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as l}from"./p-3075aa67.js";export{s as setNonce}from"./p-3075aa67.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l([["p-4607900f",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-b714596f",[[1,"limel-action-bar",{actions:[16],accessibleLabel:[513,"accessible-label"],layout:[513],openDirection:[513,"open-direction"],overflowCutoff:[32]}]]],["p-0edcca0b",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-d419c102",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[8],searcher:[8],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-5afea754",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-add09e7d",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[520],format:[513],language:[520],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-6762616d",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b9698f79",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[8],options:[16],multiple:[4],menuOpen:[32]}]]],["p-cf61ac34",[[1,"limel-file",{value:[8],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[8],isDraggingOverDropZone:[32]}]]],["p-b70f517e",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[8],progress:[16]}]]],["p-550cae4a",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[8],show:[64]}]]],["p-095e03af",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-eae4f1ed",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-ee887c40",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-9f5250a0",[[1,"limel-dialog",{heading:[8],fullscreen:[516],open:[1540],closingActions:[520,"closing-actions"]}]]],["p-4fc7e0df",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-af374a0c",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[8]}]]],["p-5fb4402e",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-9a5745e5",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[8]}]]],["p-223a6354",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-6f09978e",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],helperText:[513,"helper-text"],fieldId:[32]}]]],["p-94cb40fb",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-dd14b927",[[1,"limel-config",{config:[16]}]]],["p-bd62071d",[[1,"limel-flex-container",{direction:[520],justify:[520],align:[520],reverse:[516]}]]],["p-378bb196",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-4a04ede1",[[1,"limel-grid"]]],["p-e0a0065f",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-7d159ddf",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-0d823554",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-95ed1b9b",[[1,"limel-badge",{label:[520]}]]],["p-bc23beb6",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-c6f8ea40",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-455edb30",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1bdc524d",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-7972528a",[[1,"limel-flatpickr-adapter",{value:[16],type:[8],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[8],formatter:[16]}]]],["p-f4ff7ecc",[[0,"limel-action-bar-overflow-menu",{items:[16],openDirection:[513,"open-direction"]}],[0,"limel-action-bar-item",{item:[16],isVisible:[516,"is-visible"]}]]],["p-32127a17",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[8],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-5235c79f",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-9c1db0e7",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],prefix:[513],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}],[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-55dcbc35",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-ce1fca54",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-6f2fad3a",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-552fd521",[[1,"limel-spinner",{size:[520],limeBranded:[4,"lime-branded"]}]]],["p-42f06b16",[[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-b897fe1f",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}],[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-8d44ea19",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-popover-surface",{contentCollection:[16]}]]],["p-b3ff8fef",[[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]],["p-1754c5ae",[[1,"limel-helper-line",{helperText:[513,"helper-text"],length:[514],maxLength:[514,"max-length"],invalid:[516],helperTextId:[513,"helper-text-id"]}]]]],e)));
+import{p as e,b as l}from"./p-3075aa67.js";export{s as setNonce}from"./p-3075aa67.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l([["p-4607900f",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-b714596f",[[1,"limel-action-bar",{actions:[16],accessibleLabel:[513,"accessible-label"],layout:[513],openDirection:[513,"open-direction"],overflowCutoff:[32]}]]],["p-0edcca0b",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-d419c102",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[8],searcher:[8],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-5afea754",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-add09e7d",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[520],format:[513],language:[520],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-6762616d",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b9698f79",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[8],options:[16],multiple:[4],menuOpen:[32]}]]],["p-cf61ac34",[[1,"limel-file",{value:[8],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[8],isDraggingOverDropZone:[32]}]]],["p-b70f517e",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[8],progress:[16]}]]],["p-550cae4a",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[8],show:[64]}]]],["p-095e03af",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-eae4f1ed",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-ee887c40",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-9f5250a0",[[1,"limel-dialog",{heading:[8],fullscreen:[516],open:[1540],closingActions:[520,"closing-actions"]}]]],["p-4fc7e0df",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-af374a0c",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[8]}]]],["p-5fb4402e",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-9a5745e5",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[8]}]]],["p-f1b0951f",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-6f09978e",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],helperText:[513,"helper-text"],fieldId:[32]}]]],["p-94cb40fb",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-dd14b927",[[1,"limel-config",{config:[16]}]]],["p-bd62071d",[[1,"limel-flex-container",{direction:[520],justify:[520],align:[520],reverse:[516]}]]],["p-378bb196",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-4a04ede1",[[1,"limel-grid"]]],["p-e0a0065f",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-7d159ddf",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-0d823554",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-95ed1b9b",[[1,"limel-badge",{label:[520]}]]],["p-bc23beb6",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-c6f8ea40",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-455edb30",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1bdc524d",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-7972528a",[[1,"limel-flatpickr-adapter",{value:[16],type:[8],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[8],formatter:[16]}]]],["p-f4ff7ecc",[[0,"limel-action-bar-overflow-menu",{items:[16],openDirection:[513,"open-direction"]}],[0,"limel-action-bar-item",{item:[16],isVisible:[516,"is-visible"]}]]],["p-32127a17",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[8],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-5235c79f",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-9c1db0e7",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],prefix:[513],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}],[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-55dcbc35",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-ce1fca54",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-6f2fad3a",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-552fd521",[[1,"limel-spinner",{size:[520],limeBranded:[4,"lime-branded"]}]]],["p-d75826c6",[[1,"limel-portal",{openDirection:[513,"open-direction"],position:[513],containerId:[513,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[516,"inherit-parent-width"],visible:[516]}]]],["p-b897fe1f",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}],[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-8d44ea19",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-popover-surface",{contentCollection:[16]}]]],["p-b3ff8fef",[[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]],["p-1754c5ae",[[1,"limel-helper-line",{helperText:[513,"helper-text"],length:[514],maxLength:[514,"max-length"],invalid:[516],helperTextId:[513,"helper-text-id"]}]]]],e)));
 //# sourceMappingURL=lime-elements.esm.js.map

package/dist/lime-elements/lime-elements.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","value","label","helperText","tooltipLabel","required","readonly","isOpen","actions","accessibleLabel","layout","openDirection","overflowCutoff","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","disabled","searchLabel","leadingIcon","emptyResultMessage","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","items","textValue","loading","chips","primary","icon","invalid","placeholder","type","format","language","formatter","formattedValue","internalFormat","showPortal","selectedButtonId","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","message","timeout","actionText","dismissible","multiline","show","tabs","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","header","heading","fullscreen","open","closingActions","flowItems","close","factor","unit","valuemax","valuemin","step","percentageClass","fieldId","lineNumbers","fold","lint","colorScheme","random","config","direction","justify","align","reverse","schema","propsFactory","transformErrors","errors","size","name","item","canScrollLeft","canScrollRight","checked","indeterminate","modified","subheading","supportingText","inputElement","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","iconSize","maxLinesSecondaryText","allowClicksElement","trailingIcon","pattern","formatNumber","max","min","maxlength","minlength","completions","showLink","isFocused","isModified","showCompletions","elevated","limeBranded","position","containerId","containerStyle","parent","inheritParentWidth","visible","gridLayout","contentCollection","elementId","helperLabel","length","maxLength","helperTextId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","value","label","helperText","tooltipLabel","required","readonly","isOpen","actions","accessibleLabel","layout","openDirection","overflowCutoff","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","disabled","searchLabel","leadingIcon","emptyResultMessage","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","items","textValue","loading","chips","primary","icon","invalid","placeholder","type","format","language","formatter","formattedValue","internalFormat","showPortal","selectedButtonId","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","message","timeout","actionText","dismissible","multiline","show","tabs","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","header","heading","fullscreen","open","closingActions","flowItems","close","factor","unit","valuemax","valuemin","step","percentageClass","fieldId","lineNumbers","fold","lint","colorScheme","random","config","direction","justify","align","reverse","schema","propsFactory","transformErrors","errors","size","name","item","canScrollLeft","canScrollRight","checked","indeterminate","modified","subheading","supportingText","inputElement","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","iconSize","maxLinesSecondaryText","allowClicksElement","trailingIcon","pattern","formatNumber","max","min","maxlength","minlength","completions","showLink","isFocused","isModified","showCompletions","elevated","limeBranded","position","containerId","containerStyle","parent","inheritParentWidth","visible","gridLayout","contentCollection","elementId","helperLabel","length","maxLength","helperTextId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["tooltipCss","DEFAULT_MAX_LENGTH","Tooltip","constructor","hostRef","this","showTooltip","tooltipDelay","showTooltipTimeoutHandle","window","setTimeout","open","hideTooltip","clearTimeout","portalId","createRandomString","tooltipId","connectedCallback","setOwnerAriaLabel","addListeners","disconnectedCallback","removeListeners","render","tooltipZIndex","getComputedStyle","host","getPropertyValue","h","class","openDirection","visible","containerId","containerStyle","label","helperLabel","maxlength","role","id","owner","getOwnerElement","setAttribute","addEventListener","removeEventListener","element","parentNode","nodeType","Node","DOCUMENT_FRAGMENT_NODE","DOCUMENT_NODE","getElementById","elementId","tooltipContentCss","TooltipContent","isLabelsTextLong","length","props","style","Object","assign"],"sources":["./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n.trigger-anchor {\n    position: relative;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment.\n * A good practice is to just place them next to each other like below:\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n * @exampleComponent limel-example-tooltip\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n * @private\n */\n@Component({\n    tag: 'limel-tooltip',\n    shadow: true,\n    styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n    /**\n     * ID of the owner element that the tooltip should describe.\n     * Must be a child within the same document fragment as the tooltip element\n     * itself.\n     */\n    @Prop({ reflect: true })\n    public elementId!: string;\n\n    /**\n     * Short descriptive text of the owner element.\n     */\n    @Prop({ reflect: true })\n    public label!: string;\n\n    /**\n     * Additional helper text for the element.\n     * Example usage can be a keyboard shortcut to activate the function of the\n     * owner element.\n     */\n    @Prop({ reflect: true })\n    public helperLabel?: string;\n\n    /**\n     * The maximum amount of characters before rendering 'label' and\n     * 'helperLabel' in two rows.\n     */\n    @Prop({ reflect: true })\n    public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n    @State()\n    private open: boolean;\n\n    @Element()\n    private host: HTMLLimelTooltipElement;\n\n    private portalId: string;\n    private tooltipId: string;\n    private showTooltipTimeoutHandle: number;\n\n    public constructor() {\n        this.portalId = createRandomString();\n        this.tooltipId = createRandomString();\n    }\n\n    public connectedCallback() {\n        this.setOwnerAriaLabel();\n        this.addListeners();\n    }\n\n    public disconnectedCallback() {\n        this.removeListeners();\n    }\n\n    public render() {\n        const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--tooltip-z-index'\n        );\n\n        return (\n            <div class=\"trigger-anchor\">\n                <limel-portal\n                    openDirection=\"bottom-start\"\n                    visible={this.open}\n                    containerId={this.portalId}\n                    containerStyle={{\n                        'z-index': tooltipZIndex,\n                        'pointer-events': 'none',\n                    }}\n                >\n                    <limel-tooltip-content\n                        label={this.label}\n                        helperLabel={this.helperLabel}\n                        maxlength={this.maxlength}\n                        role=\"tooltip\"\n                        aria-hidden={!this.open}\n                        id={this.tooltipId}\n                    />\n                </limel-portal>\n            </div>\n        );\n    }\n\n    private setOwnerAriaLabel() {\n        const owner = this.getOwnerElement();\n        owner?.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    private addListeners() {\n        const owner = this.getOwnerElement();\n        owner?.addEventListener('mouseover', this.showTooltip);\n        owner?.addEventListener('mouseout', this.hideTooltip);\n        owner?.addEventListener('click', this.hideTooltip);\n    }\n\n    private removeListeners() {\n        const owner = this.getOwnerElement();\n        owner?.removeEventListener('mouseover', this.showTooltip);\n        owner?.removeEventListener('mouseout', this.hideTooltip);\n        owner?.removeEventListener('click', this.hideTooltip);\n    }\n\n    private showTooltip = () => {\n        const tooltipDelay = 500;\n        this.showTooltipTimeoutHandle = window.setTimeout(() => {\n            this.open = true;\n        }, tooltipDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.showTooltipTimeoutHandle);\n        this.open = false;\n    };\n\n    private getOwnerElement(): HTMLElement | undefined {\n        let element: Node = this.host;\n\n        do {\n            element = element.parentNode;\n        } while (\n            element &&\n            element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n            element.nodeType !== Node.DOCUMENT_NODE\n        );\n\n        return (element as ShadowRoot)?.getElementById(this.elementId);\n    }\n}\n",":host {\n    animation: display-tooltip 0.2s ease;\n    display: flex;\n\n    border-radius: 0.25rem;\n    padding: 0.25rem 0.5rem;\n    background-color: rgb(var(--contrast-1300));\n    box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n    font-size: 0.875rem; // 14px\n    line-height: 1.25;\n    display: flex;\n    column-gap: 1rem;\n\n    &.has-column-layout {\n        display: table-cell;\n        width: fit-content;\n        max-width: min(var(--tooltip-max-width-of-text), 80vw);\n        .label {\n            padding-bottom: 0.5rem;\n        }\n        .helper-label {\n            padding-bottom: 0.25rem;\n        }\n    }\n}\n\n.label {\n    color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n    color: rgb(var(--contrast-800));\n\n    &:empty {\n        display: none;\n    }\n}\n\n@keyframes display-tooltip {\n    0% {\n        opacity: 0;\n        transform: translate3d(0, 0, 0) scale(0.94);\n    }\n    100% {\n        opacity: 1;\n        transform: translate3d(0, 0, 0) scale(1);\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n * @private\n */\n@Component({\n    tag: 'limel-tooltip-content',\n    shadow: true,\n    styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    label!: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    helperLabel?: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    maxlength?: number;\n\n    public render() {\n        let isLabelsTextLong = false;\n        if (this.helperLabel && this.maxlength) {\n            isLabelsTextLong =\n                this.label.length + this.helperLabel.length > this.maxlength;\n        }\n\n        const props: any = {};\n        if (this.maxlength) {\n            props.style = {\n                '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n            };\n        }\n\n        return [\n            <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n                <div class=\"label\">{this.label}</div>\n                <div class=\"helper-label\">{this.helperLabel}</div>\n            </text>,\n        ];\n    }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,qCCGnB,MAAMC,EAAqB,G,MAkDdC,EAAO,MAwChBC,YAAAC,G,UA8DQC,KAAAC,YAAc,KAClB,MAAMC,EAAe,IACrBF,KAAKG,yBAA2BC,OAAOC,YAAW,KAC9CL,KAAKM,KAAO,IAAI,GACjBJ,EAAa,EAGZF,KAAAO,YAAc,KAClBC,aAAaR,KAAKG,0BAClBH,KAAKM,KAAO,KAAK,E,wFAnFOV,E,oBAaxBI,KAAKS,SAAWC,IAChBV,KAAKW,UAAYD,G,CAGdE,oBACHZ,KAAKa,oBACLb,KAAKc,c,CAGFC,uBACHf,KAAKgB,iB,CAGFC,SACH,MAAMC,EAAgBC,iBAAiBnB,KAAKoB,MAAMC,iBAC9C,qBAGJ,OACIC,EAAA,OAAKC,MAAM,kBACPD,EAAA,gBACIE,cAAc,eACdC,QAASzB,KAAKM,KACdoB,YAAa1B,KAAKS,SAClBkB,eAAgB,CACZ,UAAWT,EACX,iBAAkB,SAGtBI,EAAA,yBACIM,MAAO5B,KAAK4B,MACZC,YAAa7B,KAAK6B,YAClBC,UAAW9B,KAAK8B,UAChBC,KAAK,UAAS,eACA/B,KAAKM,KACnB0B,GAAIhC,KAAKW,a,CAOrBE,oBACJ,MAAMoB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOE,aAAa,mBAAoBnC,KAAKW,U,CAGzCG,eACJ,MAAMmB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,YAAapC,KAAKC,aAC1CgC,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,WAAYpC,KAAKO,aACzC0B,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,QAASpC,KAAKO,Y,CAGlCS,kBACJ,MAAMiB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,YAAarC,KAAKC,aAC7CgC,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,WAAYrC,KAAKO,aAC5C0B,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,QAASrC,KAAKO,Y,CAerC2B,kBACJ,IAAII,EAAgBtC,KAAKoB,KAEzB,EAAG,CACCkB,EAAUA,EAAQC,U,OAElBD,GACAA,EAAQE,WAAaC,KAAKC,wBAC1BJ,EAAQE,WAAaC,KAAKE,eAG9B,OAAQL,IAAsB,MAAtBA,SAAO,SAAPA,EAAwBM,eAAe5C,KAAK6C,U,uCClL5D,MAAMC,EAAoB,2tB,MCWbC,EAAc,M,kGAmBhB9B,SACH,IAAI+B,EAAmB,MACvB,GAAIhD,KAAK6B,aAAe7B,KAAK8B,UAAW,CACpCkB,EACIhD,KAAK4B,MAAMqB,OAASjD,KAAK6B,YAAYoB,OAASjD,KAAK8B,S,CAG3D,MAAMoB,EAAa,GACnB,GAAIlD,KAAK8B,UAAW,CAChBoB,EAAMC,MAAQ,CACV,8BAA+B,GAAGnD,KAAK8B,YAAc,K,CAI7D,MAAO,CACHR,EAAA,OAAA8B,OAAAC,OAAA,CAAM9B,MAAO,CAAE,oBAAqByB,IAAwBE,GACxD5B,EAAA,OAAKC,MAAM,SAASvB,KAAK4B,OACzBN,EAAA,OAAKC,MAAM,gBAAgBvB,KAAK6B,c"}
+{"version":3,"names":["tooltipCss","DEFAULT_MAX_LENGTH","Tooltip","constructor","hostRef","this","showTooltip","tooltipDelay","showTooltipTimeoutHandle","window","setTimeout","open","hideTooltip","clearTimeout","portalId","createRandomString","tooltipId","connectedCallback","setOwnerAriaLabel","addListeners","disconnectedCallback","removeListeners","render","tooltipZIndex","getComputedStyle","host","getPropertyValue","h","class","openDirection","visible","containerId","containerStyle","label","helperLabel","maxlength","role","id","owner","getOwnerElement","setAttribute","addEventListener","removeEventListener","element","parentNode","nodeType","Node","DOCUMENT_FRAGMENT_NODE","DOCUMENT_NODE","getElementById","elementId","tooltipContentCss","TooltipContent","isLabelsTextLong","length","props","style","Object","assign"],"sources":["./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n.trigger-anchor {\n    position: relative;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { JSX } from 'react';\nimport { createRandomString } from '../../util/random-string';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment.\n * A good practice is to just place them next to each other like below:\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n * @exampleComponent limel-example-tooltip-basic\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n * @private\n */\n@Component({\n    tag: 'limel-tooltip',\n    shadow: true,\n    styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n    /**\n     * ID of the owner element that the tooltip should describe.\n     * Must be a child within the same document fragment as the tooltip element\n     * itself.\n     */\n    @Prop({ reflect: true })\n    public elementId!: string;\n\n    /**\n     * Short descriptive text of the owner element.\n     */\n    @Prop({ reflect: true })\n    public label!: string;\n\n    /**\n     * Additional helper text for the element.\n     * Example usage can be a keyboard shortcut to activate the function of the\n     * owner element.\n     */\n    @Prop({ reflect: true })\n    public helperLabel?: string;\n\n    /**\n     * The maximum amount of characters before rendering 'label' and\n     * 'helperLabel' in two rows.\n     */\n    @Prop({ reflect: true })\n    public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n    @Element()\n    private host: HTMLLimelTooltipElement;\n\n    @State()\n    private open: boolean;\n\n    private portalId: string;\n    private tooltipId: string;\n    private showTooltipTimeoutHandle: number;\n\n    public constructor() {\n        this.portalId = createRandomString();\n        this.tooltipId = createRandomString();\n    }\n\n    public connectedCallback() {\n        this.setOwnerAriaLabel();\n        this.addListeners();\n    }\n\n    public disconnectedCallback() {\n        this.removeListeners();\n    }\n\n    public render(): JSX.Element {\n        const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--tooltip-z-index'\n        );\n\n        return (\n            <div class=\"trigger-anchor\">\n                <limel-portal\n                    openDirection=\"bottom-start\"\n                    visible={this.open}\n                    containerId={this.portalId}\n                    containerStyle={{\n                        'z-index': tooltipZIndex,\n                        'pointer-events': 'none',\n                    }}\n                >\n                    <limel-tooltip-content\n                        label={this.label}\n                        helperLabel={this.helperLabel}\n                        maxlength={this.maxlength}\n                        role=\"tooltip\"\n                        aria-hidden={!this.open}\n                        id={this.tooltipId}\n                    />\n                </limel-portal>\n            </div>\n        );\n    }\n\n    private setOwnerAriaLabel() {\n        const owner = this.getOwnerElement();\n        owner?.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    private addListeners() {\n        const owner = this.getOwnerElement();\n        owner?.addEventListener('mouseover', this.showTooltip);\n        owner?.addEventListener('mouseout', this.hideTooltip);\n        owner?.addEventListener('click', this.hideTooltip);\n    }\n\n    private removeListeners() {\n        const owner = this.getOwnerElement();\n        owner?.removeEventListener('mouseover', this.showTooltip);\n        owner?.removeEventListener('mouseout', this.hideTooltip);\n        owner?.removeEventListener('click', this.hideTooltip);\n    }\n\n    private showTooltip = () => {\n        const tooltipDelay = 500;\n        this.showTooltipTimeoutHandle = window.setTimeout(() => {\n            this.open = true;\n        }, tooltipDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.showTooltipTimeoutHandle);\n        this.open = false;\n    };\n\n    private getOwnerElement(): HTMLElement | undefined {\n        let element: Node = this.host;\n\n        do {\n            element = element.parentNode;\n        } while (\n            element &&\n            element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n            element.nodeType !== Node.DOCUMENT_NODE\n        );\n\n        return (element as ShadowRoot)?.getElementById(this.elementId);\n    }\n}\n",":host {\n    animation: display-tooltip 0.2s ease;\n    display: flex;\n\n    border-radius: 0.25rem;\n    padding: 0.25rem 0.5rem;\n    background-color: rgb(var(--contrast-1300));\n    box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n    font-size: 0.875rem; // 14px\n    line-height: 1.25;\n    display: flex;\n    column-gap: 1rem;\n\n    &.has-column-layout {\n        display: table-cell;\n        width: fit-content;\n        max-width: min(var(--tooltip-max-width-of-text), 80vw);\n        .label {\n            padding-bottom: 0.5rem;\n        }\n        .helper-label {\n            padding-bottom: 0.25rem;\n        }\n    }\n}\n\n.label {\n    color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n    color: rgb(var(--contrast-800));\n\n    &:empty {\n        display: none;\n    }\n}\n\n@keyframes display-tooltip {\n    0% {\n        opacity: 0;\n        transform: translate3d(0, 0, 0) scale(0.94);\n    }\n    100% {\n        opacity: 1;\n        transform: translate3d(0, 0, 0) scale(1);\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n * @private\n */\n@Component({\n    tag: 'limel-tooltip-content',\n    shadow: true,\n    styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    label!: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    helperLabel?: string;\n\n    /**\n     * Read more in tooltip.tsx\n     */\n    @Prop({ reflect: true })\n    maxlength?: number;\n\n    public render() {\n        let isLabelsTextLong = false;\n        if (this.helperLabel && this.maxlength) {\n            isLabelsTextLong =\n                this.label.length + this.helperLabel.length > this.maxlength;\n        }\n\n        const props: any = {};\n        if (this.maxlength) {\n            props.style = {\n                '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n            };\n        }\n\n        return [\n            <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n                <div class=\"label\">{this.label}</div>\n                <div class=\"helper-label\">{this.helperLabel}</div>\n            </text>,\n        ];\n    }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,qCCInB,MAAMC,EAAqB,G,MAkDdC,EAAO,MAwChBC,YAAAC,G,UA8DQC,KAAAC,YAAc,KAClB,MAAMC,EAAe,IACrBF,KAAKG,yBAA2BC,OAAOC,YAAW,KAC9CL,KAAKM,KAAO,IAAI,GACjBJ,EAAa,EAGZF,KAAAO,YAAc,KAClBC,aAAaR,KAAKG,0BAClBH,KAAKM,KAAO,KAAK,E,wFAnFOV,E,oBAaxBI,KAAKS,SAAWC,IAChBV,KAAKW,UAAYD,G,CAGdE,oBACHZ,KAAKa,oBACLb,KAAKc,c,CAGFC,uBACHf,KAAKgB,iB,CAGFC,SACH,MAAMC,EAAgBC,iBAAiBnB,KAAKoB,MAAMC,iBAC9C,qBAGJ,OACIC,EAAA,OAAKC,MAAM,kBACPD,EAAA,gBACIE,cAAc,eACdC,QAASzB,KAAKM,KACdoB,YAAa1B,KAAKS,SAClBkB,eAAgB,CACZ,UAAWT,EACX,iBAAkB,SAGtBI,EAAA,yBACIM,MAAO5B,KAAK4B,MACZC,YAAa7B,KAAK6B,YAClBC,UAAW9B,KAAK8B,UAChBC,KAAK,UAAS,eACA/B,KAAKM,KACnB0B,GAAIhC,KAAKW,a,CAOrBE,oBACJ,MAAMoB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOE,aAAa,mBAAoBnC,KAAKW,U,CAGzCG,eACJ,MAAMmB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,YAAapC,KAAKC,aAC1CgC,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,WAAYpC,KAAKO,aACzC0B,IAAK,MAALA,SAAK,SAALA,EAAOG,iBAAiB,QAASpC,KAAKO,Y,CAGlCS,kBACJ,MAAMiB,EAAQjC,KAAKkC,kBACnBD,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,YAAarC,KAAKC,aAC7CgC,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,WAAYrC,KAAKO,aAC5C0B,IAAK,MAALA,SAAK,SAALA,EAAOI,oBAAoB,QAASrC,KAAKO,Y,CAerC2B,kBACJ,IAAII,EAAgBtC,KAAKoB,KAEzB,EAAG,CACCkB,EAAUA,EAAQC,U,OAElBD,GACAA,EAAQE,WAAaC,KAAKC,wBAC1BJ,EAAQE,WAAaC,KAAKE,eAG9B,OAAQL,IAAsB,MAAtBA,SAAO,SAAPA,EAAwBM,eAAe5C,KAAK6C,U,uCCnL5D,MAAMC,EAAoB,2tB,MCWbC,EAAc,M,kGAmBhB9B,SACH,IAAI+B,EAAmB,MACvB,GAAIhD,KAAK6B,aAAe7B,KAAK8B,UAAW,CACpCkB,EACIhD,KAAK4B,MAAMqB,OAASjD,KAAK6B,YAAYoB,OAASjD,KAAK8B,S,CAG3D,MAAMoB,EAAa,GACnB,GAAIlD,KAAK8B,UAAW,CAChBoB,EAAMC,MAAQ,CACV,8BAA+B,GAAGnD,KAAK8B,YAAc,K,CAI7D,MAAO,CACHR,EAAA,OAAA8B,OAAAC,OAAA,CAAM9B,MAAO,CAAE,oBAAqByB,IAAwBE,GACxD5B,EAAA,OAAKC,MAAM,SAASvB,KAAK4B,OACzBN,EAAA,OAAKC,MAAM,gBAAgBvB,KAAK6B,c"}

package/dist/lime-elements/{p-42f06b16.entry.js → p-d75826c6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,g as e}from"./p-3075aa67.js";var n="top";var a="bottom";var i="right";var o="left";var f="auto";var u=[n,a,i,o];var v="start";var s="end";var c="clippingParents";var l="viewport";var d="popper";var h="reference";var p=u.reduce((function(t,r){return t.concat([r+"-"+v,r+"-"+s])}),[]);var b=[].concat(u,[f]).reduce((function(t,r){return t.concat([r,r+"-"+v,r+"-"+s])}),[]);var m="beforeRead";var y="read";var g="afterRead";var w="beforeMain";var x="main";var O="afterMain";var j="beforeWrite";var k="write";var M="afterWrite";var P=[m,y,g,w,x,O,j,k,M];function C(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function q(t){var r=A(t).Element;return t instanceof r||t instanceof Element}function E(t){var r=A(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function R(t){if(typeof ShadowRoot==="undefined"){return false}var r=A(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function W(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var a=r.elements[t];if(!E(a)||!C(a)){return}Object.assign(a.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){a.removeAttribute(t)}else{a.setAttribute(t,r===true?"":r)}}))}))}function B(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var a=r.attributes[t]||{};var i=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=i.reduce((function(t,r){t[r]="";return t}),{});if(!E(n)||!C(n)){return}Object.assign(n.style,o);Object.keys(a).forEach((function(t){n.removeAttribute(t)}))}))}}const S={name:"applyStyles",enabled:true,phase:"write",fn:W,effect:B,requires:["computeStyles"]};function L(t){return t.split("-")[0]}var I=Math.max;var T=Math.min;var z=Math.round;function F(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function H(){return!/^((?!chrome|android).)*safari/i.test(F())}function V(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var a=1;var i=1;if(r&&E(t)){a=t.offsetWidth>0?z(n.width)/t.offsetWidth||1:1;i=t.offsetHeight>0?z(n.height)/t.offsetHeight||1:1}var o=q(t)?A(t):window,f=o.visualViewport;var u=!H()&&e;var v=(n.left+(u&&f?f.offsetLeft:0))/a;var s=(n.top+(u&&f?f.offsetTop:0))/i;var c=n.width/a;var l=n.height/i;return{width:c,height:l,top:s,right:v+c,bottom:s+l,left:v,x:v,y:s}}function D(t){var r=V(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function $(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&R(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function _(t){return A(t).getComputedStyle(t)}function U(t){return["table","td","th"].indexOf(C(t))>=0}function G(t){return((q(t)?t.ownerDocument:t.document)||window.document).documentElement}function J(t){if(C(t)==="html"){return t}return t.assignedSlot||t.parentNode||(R(t)?t.host:null)||G(t)}function K(t){if(!E(t)||_(t).position==="fixed"){return null}return t.offsetParent}function N(t){var r=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&E(t)){var n=_(t);if(n.position==="fixed"){return null}}var a=J(t);if(R(a)){a=a.host}while(E(a)&&["html","body"].indexOf(C(a))<0){var i=_(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||r&&i.willChange==="filter"||r&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function Q(t){var r=A(t);var e=K(t);while(e&&U(e)&&_(e).position==="static"){e=K(e)}if(e&&(C(e)==="html"||C(e)==="body"&&_(e).position==="static")){return r}return e||N(t)||r}function X(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Y(t,r,e){return I(t,T(r,e))}function Z(t,r,e){var n=Y(t,r,e);return n>e?e:n}function tt(){return{top:0,right:0,bottom:0,left:0}}function rt(t){return Object.assign({},tt(),t)}function et(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var nt=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return rt(typeof r!=="number"?r:et(r,u))};function at(t){var r;var e=t.state,f=t.name,u=t.options;var v=e.elements.arrow;var s=e.modifiersData.popperOffsets;var c=L(e.placement);var l=X(c);var d=[o,i].indexOf(c)>=0;var h=d?"height":"width";if(!v||!s){return}var p=nt(u.padding,e);var b=D(v);var m=l==="y"?n:o;var y=l==="y"?a:i;var g=e.rects.reference[h]+e.rects.reference[l]-s[l]-e.rects.popper[h];var w=s[l]-e.rects.reference[l];var x=Q(v);var O=x?l==="y"?x.clientHeight||0:x.clientWidth||0:0;var j=g/2-w/2;var k=p[m];var M=O-b[h]-p[y];var P=O/2-b[h]/2+j;var C=Y(k,P,M);var A=l;e.modifiersData[f]=(r={},r[A]=C,r.centerOffset=C-P,r)}function it(t){var r=t.state,e=t.options;var n=e.element,a=n===void 0?"[data-popper-arrow]":n;if(a==null){return}if(typeof a==="string"){a=r.elements.popper.querySelector(a);if(!a){return}}if(!$(r.elements.popper,a)){return}r.elements.arrow=a}const ot={name:"arrow",enabled:true,phase:"main",fn:at,effect:it,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ft(t){return t.split("-")[1]}var ut={top:"auto",right:"auto",bottom:"auto",left:"auto"};function vt(t,r){var e=t.x,n=t.y;var a=r.devicePixelRatio||1;return{x:z(e*a)/a||0,y:z(n*a)/a||0}}function st(t){var r;var e=t.popper,f=t.popperRect,u=t.placement,v=t.variation,c=t.offsets,l=t.position,d=t.gpuAcceleration,h=t.adaptive,p=t.roundOffsets,b=t.isFixed;var m=c.x,y=m===void 0?0:m,g=c.y,w=g===void 0?0:g;var x=typeof p==="function"?p({x:y,y:w}):{x:y,y:w};y=x.x;w=x.y;var O=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var k=o;var M=n;var P=window;if(h){var C=Q(e);var q="clientHeight";var E="clientWidth";if(C===A(e)){C=G(e);if(_(C).position!=="static"&&l==="absolute"){q="scrollHeight";E="scrollWidth"}}C=C;if(u===n||(u===o||u===i)&&v===s){M=a;var R=b&&C===P&&P.visualViewport?P.visualViewport.height:C[q];w-=R-f.height;w*=d?1:-1}if(u===o||(u===n||u===a)&&v===s){k=i;var W=b&&C===P&&P.visualViewport?P.visualViewport.width:C[E];y-=W-f.width;y*=d?1:-1}}var B=Object.assign({position:l},h&&ut);var S=p===true?vt({x:y,y:w},A(e)):{x:y,y:w};y=S.x;w=S.y;if(d){var L;return Object.assign({},B,(L={},L[M]=j?"0":"",L[k]=O?"0":"",L.transform=(P.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",L))}return Object.assign({},B,(r={},r[M]=j?w+"px":"",r[k]=O?y+"px":"",r.transform="",r))}function ct(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,a=n===void 0?true:n,i=e.adaptive,o=i===void 0?true:i,f=e.roundOffsets,u=f===void 0?true:f;var v={placement:L(r.placement),variation:ft(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:a,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,st(Object.assign({},v,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:u})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,st(Object.assign({},v,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}const lt={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:ct,data:{}};var dt={passive:true};function ht(t){var r=t.state,e=t.instance,n=t.options;var a=n.scroll,i=a===void 0?true:a,o=n.resize,f=o===void 0?true:o;var u=A(r.elements.popper);var v=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(i){v.forEach((function(t){t.addEventListener("scroll",e.update,dt)}))}if(f){u.addEventListener("resize",e.update,dt)}return function(){if(i){v.forEach((function(t){t.removeEventListener("scroll",e.update,dt)}))}if(f){u.removeEventListener("resize",e.update,dt)}}}const pt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:ht,data:{}};var bt={left:"right",right:"left",bottom:"top",top:"bottom"};function mt(t){return t.replace(/left|right|bottom|top/g,(function(t){return bt[t]}))}var yt={start:"end",end:"start"};function gt(t){return t.replace(/start|end/g,(function(t){return yt[t]}))}function wt(t){var r=A(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function xt(t){return V(G(t)).left+wt(t).scrollLeft}function Ot(t,r){var e=A(t);var n=G(t);var a=e.visualViewport;var i=n.clientWidth;var o=n.clientHeight;var f=0;var u=0;if(a){i=a.width;o=a.height;var v=H();if(v||!v&&r==="fixed"){f=a.offsetLeft;u=a.offsetTop}}return{width:i,height:o,x:f+xt(t),y:u}}function jt(t){var r;var e=G(t);var n=wt(t);var a=(r=t.ownerDocument)==null?void 0:r.body;var i=I(e.scrollWidth,e.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=I(e.scrollHeight,e.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var f=-n.scrollLeft+xt(t);var u=-n.scrollTop;if(_(a||e).direction==="rtl"){f+=I(e.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:f,y:u}}function kt(t){var r=_(t),e=r.overflow,n=r.overflowX,a=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+a+n)}function Mt(t){if(["html","body","#document"].indexOf(C(t))>=0){return t.ownerDocument.body}if(E(t)&&kt(t)){return t}return Mt(J(t))}function Pt(t,r){var e;if(r===void 0){r=[]}var n=Mt(t);var a=n===((e=t.ownerDocument)==null?void 0:e.body);var i=A(n);var o=a?[i].concat(i.visualViewport||[],kt(n)?n:[]):n;var f=r.concat(o);return a?f:f.concat(Pt(J(o)))}function Ct(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,r){var e=V(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function qt(t,r,e){return r===l?Ct(Ot(t,e)):q(r)?At(r,e):Ct(jt(G(t)))}function Et(t){var r=Pt(J(t));var e=["absolute","fixed"].indexOf(_(t).position)>=0;var n=e&&E(t)?Q(t):t;if(!q(n)){return[]}return r.filter((function(t){return q(t)&&$(t,n)&&C(t)!=="body"}))}function Rt(t,r,e,n){var a=r==="clippingParents"?Et(t):[].concat(r);var i=[].concat(a,[e]);var o=i[0];var f=i.reduce((function(r,e){var a=qt(t,e,n);r.top=I(a.top,r.top);r.right=T(a.right,r.right);r.bottom=T(a.bottom,r.bottom);r.left=I(a.left,r.left);return r}),qt(t,o,n));f.width=f.right-f.left;f.height=f.bottom-f.top;f.x=f.left;f.y=f.top;return f}function Wt(t){var r=t.reference,e=t.element,f=t.placement;var u=f?L(f):null;var c=f?ft(f):null;var l=r.x+r.width/2-e.width/2;var d=r.y+r.height/2-e.height/2;var h;switch(u){case n:h={x:l,y:r.y-e.height};break;case a:h={x:l,y:r.y+r.height};break;case i:h={x:r.x+r.width,y:d};break;case o:h={x:r.x-e.width,y:d};break;default:h={x:r.x,y:r.y}}var p=u?X(u):null;if(p!=null){var b=p==="y"?"height":"width";switch(c){case v:h[p]=h[p]-(r[b]/2-e[b]/2);break;case s:h[p]=h[p]+(r[b]/2-e[b]/2);break}}return h}function Bt(t,r){if(r===void 0){r={}}var e=r,o=e.placement,f=o===void 0?t.placement:o,v=e.strategy,s=v===void 0?t.strategy:v,p=e.boundary,b=p===void 0?c:p,m=e.rootBoundary,y=m===void 0?l:m,g=e.elementContext,w=g===void 0?d:g,x=e.altBoundary,O=x===void 0?false:x,j=e.padding,k=j===void 0?0:j;var M=rt(typeof k!=="number"?k:et(k,u));var P=w===d?h:d;var C=t.rects.popper;var A=t.elements[O?P:w];var E=Rt(q(A)?A:A.contextElement||G(t.elements.popper),b,y,s);var R=V(t.elements.reference);var W=Wt({reference:R,element:C,strategy:"absolute",placement:f});var B=Ct(Object.assign({},C,W));var S=w===d?B:R;var L={top:E.top-S.top+M.top,bottom:S.bottom-E.bottom+M.bottom,left:E.left-S.left+M.left,right:S.right-E.right+M.right};var I=t.modifiersData.offset;if(w===d&&I){var T=I[f];Object.keys(L).forEach((function(t){var r=[i,a].indexOf(t)>=0?1:-1;var e=[n,a].indexOf(t)>=0?"y":"x";L[t]+=T[e]*r}))}return L}function St(t,r){if(r===void 0){r={}}var e=r,n=e.placement,a=e.boundary,i=e.rootBoundary,o=e.padding,f=e.flipVariations,v=e.allowedAutoPlacements,s=v===void 0?b:v;var c=ft(n);var l=c?f?p:p.filter((function(t){return ft(t)===c})):u;var d=l.filter((function(t){return s.indexOf(t)>=0}));if(d.length===0){d=l}var h=d.reduce((function(r,e){r[e]=Bt(t,{placement:e,boundary:a,rootBoundary:i,padding:o})[L(e)];return r}),{});return Object.keys(h).sort((function(t,r){return h[t]-h[r]}))}function Lt(t){if(L(t)===f){return[]}var r=mt(t);return[gt(t),r,gt(r)]}function It(t){var r=t.state,e=t.options,u=t.name;if(r.modifiersData[u]._skip){return}var s=e.mainAxis,c=s===void 0?true:s,l=e.altAxis,d=l===void 0?true:l,h=e.fallbackPlacements,p=e.padding,b=e.boundary,m=e.rootBoundary,y=e.altBoundary,g=e.flipVariations,w=g===void 0?true:g,x=e.allowedAutoPlacements;var O=r.options.placement;var j=L(O);var k=j===O;var M=h||(k||!w?[mt(O)]:Lt(O));var P=[O].concat(M).reduce((function(t,e){return t.concat(L(e)===f?St(r,{placement:e,boundary:b,rootBoundary:m,padding:p,flipVariations:w,allowedAutoPlacements:x}):e)}),[]);var C=r.rects.reference;var A=r.rects.popper;var q=new Map;var E=true;var R=P[0];for(var W=0;W<P.length;W++){var B=P[W];var S=L(B);var I=ft(B)===v;var T=[n,a].indexOf(S)>=0;var z=T?"width":"height";var F=Bt(r,{placement:B,boundary:b,rootBoundary:m,altBoundary:y,padding:p});var H=T?I?i:o:I?a:n;if(C[z]>A[z]){H=mt(H)}var V=mt(H);var D=[];if(c){D.push(F[S]<=0)}if(d){D.push(F[H]<=0,F[V]<=0)}if(D.every((function(t){return t}))){R=B;E=false;break}q.set(B,D)}if(E){var $=w?3:1;var _=function t(r){var e=P.find((function(t){var e=q.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){R=e;return"break"}};for(var U=$;U>0;U--){var G=_(U);if(G==="break")break}}if(r.placement!==R){r.modifiersData[u]._skip=true;r.placement=R;r.reset=true}}const Tt={name:"flip",enabled:true,phase:"main",fn:It,requiresIfExists:["offset"],data:{_skip:false}};function zt(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function Ft(t){return[n,i,a,o].some((function(r){return t[r]>=0}))}function Ht(t){var r=t.state,e=t.name;var n=r.rects.reference;var a=r.rects.popper;var i=r.modifiersData.preventOverflow;var o=Bt(r,{elementContext:"reference"});var f=Bt(r,{altBoundary:true});var u=zt(o,n);var v=zt(f,a,i);var s=Ft(u);var c=Ft(v);r.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:v,isReferenceHidden:s,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Vt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ht};function Dt(t,r,e){var a=L(t);var f=[o,n].indexOf(a)>=0?-1:1;var u=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,v=u[0],s=u[1];v=v||0;s=(s||0)*f;return[o,i].indexOf(a)>=0?{x:s,y:v}:{x:v,y:s}}function $t(t){var r=t.state,e=t.options,n=t.name;var a=e.offset,i=a===void 0?[0,0]:a;var o=b.reduce((function(t,e){t[e]=Dt(e,r.rects,i);return t}),{});var f=o[r.placement],u=f.x,v=f.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=u;r.modifiersData.popperOffsets.y+=v}r.modifiersData[n]=o}const _t={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:$t};function Ut(t){var r=t.state,e=t.name;r.modifiersData[e]=Wt({reference:r.rects.reference,element:r.rects.popper,strategy:"absolute",placement:r.placement})}const Gt={name:"popperOffsets",enabled:true,phase:"read",fn:Ut,data:{}};function Jt(t){return t==="x"?"y":"x"}function Kt(t){var r=t.state,e=t.options,f=t.name;var u=e.mainAxis,s=u===void 0?true:u,c=e.altAxis,l=c===void 0?false:c,d=e.boundary,h=e.rootBoundary,p=e.altBoundary,b=e.padding,m=e.tether,y=m===void 0?true:m,g=e.tetherOffset,w=g===void 0?0:g;var x=Bt(r,{boundary:d,rootBoundary:h,padding:b,altBoundary:p});var O=L(r.placement);var j=ft(r.placement);var k=!j;var M=X(O);var P=Jt(M);var C=r.modifiersData.popperOffsets;var A=r.rects.reference;var q=r.rects.popper;var E=typeof w==="function"?w(Object.assign({},r.rects,{placement:r.placement})):w;var R=typeof E==="number"?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E);var W=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var B={x:0,y:0};if(!C){return}if(s){var S;var z=M==="y"?n:o;var F=M==="y"?a:i;var H=M==="y"?"height":"width";var V=C[M];var $=V+x[z];var _=V-x[F];var U=y?-q[H]/2:0;var G=j===v?A[H]:q[H];var J=j===v?-q[H]:-A[H];var K=r.elements.arrow;var N=y&&K?D(K):{width:0,height:0};var rt=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:tt();var et=rt[z];var nt=rt[F];var at=Y(0,A[H],N[H]);var it=k?A[H]/2-U-at-et-R.mainAxis:G-at-et-R.mainAxis;var ot=k?-A[H]/2+U+at+nt+R.mainAxis:J+at+nt+R.mainAxis;var ut=r.elements.arrow&&Q(r.elements.arrow);var vt=ut?M==="y"?ut.clientTop||0:ut.clientLeft||0:0;var st=(S=W==null?void 0:W[M])!=null?S:0;var ct=V+it-st-vt;var lt=V+ot-st;var dt=Y(y?T($,ct):$,V,y?I(_,lt):_);C[M]=dt;B[M]=dt-V}if(l){var ht;var pt=M==="x"?n:o;var bt=M==="x"?a:i;var mt=C[P];var yt=P==="y"?"height":"width";var gt=mt+x[pt];var wt=mt-x[bt];var xt=[n,o].indexOf(O)!==-1;var Ot=(ht=W==null?void 0:W[P])!=null?ht:0;var jt=xt?gt:mt-A[yt]-q[yt]-Ot+R.altAxis;var kt=xt?mt+A[yt]+q[yt]-Ot-R.altAxis:wt;var Mt=y&&xt?Z(jt,mt,kt):Y(y?jt:gt,mt,y?kt:wt);C[P]=Mt;B[P]=Mt-mt}r.modifiersData[f]=B}const Nt={name:"preventOverflow",enabled:true,phase:"main",fn:Kt,requiresIfExists:["offset"]};function Qt(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Xt(t){if(t===A(t)||!E(t)){return wt(t)}else{return Qt(t)}}function Yt(t){var r=t.getBoundingClientRect();var e=z(r.width)/t.offsetWidth||1;var n=z(r.height)/t.offsetHeight||1;return e!==1||n!==1}function Zt(t,r,e){if(e===void 0){e=false}var n=E(r);var a=E(r)&&Yt(r);var i=G(r);var o=V(t,a,e);var f={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(C(r)!=="body"||kt(i)){f=Xt(r)}if(E(r)){u=V(r,true);u.x+=r.clientLeft;u.y+=r.clientTop}else if(i){u.x=xt(i)}}return{x:o.left+f.scrollLeft-u.x,y:o.top+f.scrollTop-u.y,width:o.width,height:o.height}}function tr(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function a(t){e.add(t.name);var i=[].concat(t.requires||[],t.requiresIfExists||[]);i.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){a(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){a(t)}}));return n}function rr(t){var r=tr(t);return P.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function er(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function nr(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var ar={placement:"bottom",modifiers:[],strategy:"absolute"};function ir(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function or(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,a=r.defaultOptions,i=a===void 0?ar:a;return function t(r,e,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},ar,i),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var f=[];var u=false;var v={state:o,setOptions:function t(a){var f=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,f);o.scrollParents={reference:q(r)?Pt(r):r.contextElement?Pt(r.contextElement):[],popper:Pt(e)};var u=rr(nr([].concat(n,o.options.modifiers)));o.orderedModifiers=u.filter((function(t){return t.enabled}));s();return v.update()},forceUpdate:function t(){if(u){return}var r=o.elements,e=r.reference,n=r.popper;if(!ir(e,n)){return}o.rects={reference:Zt(e,Q(n),o.options.strategy==="fixed"),popper:D(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],f=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:v})||o}}},update:er((function(){return new Promise((function(t){v.forceUpdate();t(o)}))})),destroy:function t(){c();u=true}};if(!ir(r,e)){return v}v.setOptions(a).then((function(t){if(!u&&a.onFirstUpdate){a.onFirstUpdate(t)}}));function s(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,a=t.effect;if(typeof a==="function"){var i=a({state:o,name:r,instance:v,options:n});var u=function t(){};f.push(i||u)}}))}function c(){f.forEach((function(t){return t()}));f=[]}return v}}var fr=[pt,Gt,lt,S,_t,Tt,Nt,ot,Vt];var ur=or({defaultModifiers:fr});const vr=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}";const sr=class{onVisible(){if(!this.visible){this.hideContainer();this.styleContainer();this.destroyPopper();return}this.styleContainer();this.createPopper();requestAnimationFrame((()=>{this.showContainer()}))}constructor(r){t(this,r);this.loaded=false;this.openDirection="bottom";this.position="absolute";this.containerId=undefined;this.containerStyle={};this.parent=document.body;this.inheritParentWidth=false;this.visible=false;this.parents=new WeakMap}disconnectedCallback(){this.removeContainer();this.destroyPopper();if(this.observer){this.observer.unobserve(this.container)}}connectedCallback(){if(!this.loaded){return}this.createContainer();this.hideContainer();this.attachContainer();this.styleContainer();if(this.visible){this.createPopper();this.showContainer()}if("ResizeObserver"in window){const t=new ResizeObserver((()=>{if(this.popperInstance){this.styleContainer();this.popperInstance.update()}}));t.observe(this.container)}}componentDidLoad(){this.loaded=true;this.connectedCallback()}render(){return r("slot",null)}createContainer(){const t=this.host.shadowRoot.querySelector("slot");const r=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div");this.container.setAttribute("id",this.containerId);this.container.setAttribute("class","limel-portal--container");Object.assign(this.container,{portalSource:this.host});r.forEach((t=>{this.parents.set(t,t.parentElement);this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){if(!this.container){return}Array.from(this.container.children).forEach((t=>{const r=this.parents.get(t);if(!r){return}r.appendChild(t)}));this.hideContainer();this.container.parentElement.removeChild(this.container)}hideContainer(){this.container.style.opacity="0"}showContainer(){this.container.style.opacity="1"}styleContainer(){const t=this.host.getBoundingClientRect().width;if(this.visible){this.container.style.display="block"}else{this.container.style.display="none"}if(this.inheritParentWidth){const r=this.getContentWidth(this.container);let e=r;if(t>0){e=t}this.container.style.width=`${e}px`}this.ensureContainerFitsInViewPort();Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}getContentWidth(t){if(!t){return null}const r=t.getBoundingClientRect().width;if(r!==0){return r}const e=t.querySelector("*");return this.getContentWidth(e)}createPopper(){const t=this.createPopperConfig();this.popperInstance=ur(this.host,this.container,t)}destroyPopper(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy();this.popperInstance=null}createPopperConfig(){const t=this.getPlacement(this.openDirection);const r=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[r]}}]}}getPlacement(t){const r={"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"};return r[t]}getFlipPlacement(t){const r={"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"};return r[t]}ensureContainerFitsInViewPort(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);const{top:r,bottom:e}=this.host.getBoundingClientRect();const n=Math.max(r,0);const a=Math.max(t-e,0);const i=16;const o=Math.max(n,a)-i;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};sr.style=vr;export{sr as limel_portal};
-//# sourceMappingURL=p-42f06b16.entry.js.map
+import{r as t,h as r,g as e}from"./p-3075aa67.js";var n="top";var a="bottom";var i="right";var o="left";var f="auto";var u=[n,a,i,o];var v="start";var s="end";var c="clippingParents";var l="viewport";var d="popper";var h="reference";var p=u.reduce((function(t,r){return t.concat([r+"-"+v,r+"-"+s])}),[]);var b=[].concat(u,[f]).reduce((function(t,r){return t.concat([r,r+"-"+v,r+"-"+s])}),[]);var m="beforeRead";var y="read";var g="afterRead";var w="beforeMain";var x="main";var O="afterMain";var j="beforeWrite";var k="write";var M="afterWrite";var P=[m,y,g,w,x,O,j,k,M];function C(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function q(t){var r=A(t).Element;return t instanceof r||t instanceof Element}function E(t){var r=A(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function R(t){if(typeof ShadowRoot==="undefined"){return false}var r=A(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function W(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var a=r.elements[t];if(!E(a)||!C(a)){return}Object.assign(a.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){a.removeAttribute(t)}else{a.setAttribute(t,r===true?"":r)}}))}))}function B(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var a=r.attributes[t]||{};var i=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=i.reduce((function(t,r){t[r]="";return t}),{});if(!E(n)||!C(n)){return}Object.assign(n.style,o);Object.keys(a).forEach((function(t){n.removeAttribute(t)}))}))}}const S={name:"applyStyles",enabled:true,phase:"write",fn:W,effect:B,requires:["computeStyles"]};function L(t){return t.split("-")[0]}var I=Math.max;var T=Math.min;var z=Math.round;function F(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function H(){return!/^((?!chrome|android).)*safari/i.test(F())}function V(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var a=1;var i=1;if(r&&E(t)){a=t.offsetWidth>0?z(n.width)/t.offsetWidth||1:1;i=t.offsetHeight>0?z(n.height)/t.offsetHeight||1:1}var o=q(t)?A(t):window,f=o.visualViewport;var u=!H()&&e;var v=(n.left+(u&&f?f.offsetLeft:0))/a;var s=(n.top+(u&&f?f.offsetTop:0))/i;var c=n.width/a;var l=n.height/i;return{width:c,height:l,top:s,right:v+c,bottom:s+l,left:v,x:v,y:s}}function D(t){var r=V(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function $(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&R(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function _(t){return A(t).getComputedStyle(t)}function U(t){return["table","td","th"].indexOf(C(t))>=0}function G(t){return((q(t)?t.ownerDocument:t.document)||window.document).documentElement}function J(t){if(C(t)==="html"){return t}return t.assignedSlot||t.parentNode||(R(t)?t.host:null)||G(t)}function K(t){if(!E(t)||_(t).position==="fixed"){return null}return t.offsetParent}function N(t){var r=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&E(t)){var n=_(t);if(n.position==="fixed"){return null}}var a=J(t);if(R(a)){a=a.host}while(E(a)&&["html","body"].indexOf(C(a))<0){var i=_(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||r&&i.willChange==="filter"||r&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function Q(t){var r=A(t);var e=K(t);while(e&&U(e)&&_(e).position==="static"){e=K(e)}if(e&&(C(e)==="html"||C(e)==="body"&&_(e).position==="static")){return r}return e||N(t)||r}function X(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Y(t,r,e){return I(t,T(r,e))}function Z(t,r,e){var n=Y(t,r,e);return n>e?e:n}function tt(){return{top:0,right:0,bottom:0,left:0}}function rt(t){return Object.assign({},tt(),t)}function et(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var nt=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return rt(typeof r!=="number"?r:et(r,u))};function at(t){var r;var e=t.state,f=t.name,u=t.options;var v=e.elements.arrow;var s=e.modifiersData.popperOffsets;var c=L(e.placement);var l=X(c);var d=[o,i].indexOf(c)>=0;var h=d?"height":"width";if(!v||!s){return}var p=nt(u.padding,e);var b=D(v);var m=l==="y"?n:o;var y=l==="y"?a:i;var g=e.rects.reference[h]+e.rects.reference[l]-s[l]-e.rects.popper[h];var w=s[l]-e.rects.reference[l];var x=Q(v);var O=x?l==="y"?x.clientHeight||0:x.clientWidth||0:0;var j=g/2-w/2;var k=p[m];var M=O-b[h]-p[y];var P=O/2-b[h]/2+j;var C=Y(k,P,M);var A=l;e.modifiersData[f]=(r={},r[A]=C,r.centerOffset=C-P,r)}function it(t){var r=t.state,e=t.options;var n=e.element,a=n===void 0?"[data-popper-arrow]":n;if(a==null){return}if(typeof a==="string"){a=r.elements.popper.querySelector(a);if(!a){return}}if(!$(r.elements.popper,a)){return}r.elements.arrow=a}const ot={name:"arrow",enabled:true,phase:"main",fn:at,effect:it,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ft(t){return t.split("-")[1]}var ut={top:"auto",right:"auto",bottom:"auto",left:"auto"};function vt(t,r){var e=t.x,n=t.y;var a=r.devicePixelRatio||1;return{x:z(e*a)/a||0,y:z(n*a)/a||0}}function st(t){var r;var e=t.popper,f=t.popperRect,u=t.placement,v=t.variation,c=t.offsets,l=t.position,d=t.gpuAcceleration,h=t.adaptive,p=t.roundOffsets,b=t.isFixed;var m=c.x,y=m===void 0?0:m,g=c.y,w=g===void 0?0:g;var x=typeof p==="function"?p({x:y,y:w}):{x:y,y:w};y=x.x;w=x.y;var O=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var k=o;var M=n;var P=window;if(h){var C=Q(e);var q="clientHeight";var E="clientWidth";if(C===A(e)){C=G(e);if(_(C).position!=="static"&&l==="absolute"){q="scrollHeight";E="scrollWidth"}}C=C;if(u===n||(u===o||u===i)&&v===s){M=a;var R=b&&C===P&&P.visualViewport?P.visualViewport.height:C[q];w-=R-f.height;w*=d?1:-1}if(u===o||(u===n||u===a)&&v===s){k=i;var W=b&&C===P&&P.visualViewport?P.visualViewport.width:C[E];y-=W-f.width;y*=d?1:-1}}var B=Object.assign({position:l},h&&ut);var S=p===true?vt({x:y,y:w},A(e)):{x:y,y:w};y=S.x;w=S.y;if(d){var L;return Object.assign({},B,(L={},L[M]=j?"0":"",L[k]=O?"0":"",L.transform=(P.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",L))}return Object.assign({},B,(r={},r[M]=j?w+"px":"",r[k]=O?y+"px":"",r.transform="",r))}function ct(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,a=n===void 0?true:n,i=e.adaptive,o=i===void 0?true:i,f=e.roundOffsets,u=f===void 0?true:f;var v={placement:L(r.placement),variation:ft(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:a,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,st(Object.assign({},v,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:u})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,st(Object.assign({},v,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}const lt={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:ct,data:{}};var dt={passive:true};function ht(t){var r=t.state,e=t.instance,n=t.options;var a=n.scroll,i=a===void 0?true:a,o=n.resize,f=o===void 0?true:o;var u=A(r.elements.popper);var v=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(i){v.forEach((function(t){t.addEventListener("scroll",e.update,dt)}))}if(f){u.addEventListener("resize",e.update,dt)}return function(){if(i){v.forEach((function(t){t.removeEventListener("scroll",e.update,dt)}))}if(f){u.removeEventListener("resize",e.update,dt)}}}const pt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:ht,data:{}};var bt={left:"right",right:"left",bottom:"top",top:"bottom"};function mt(t){return t.replace(/left|right|bottom|top/g,(function(t){return bt[t]}))}var yt={start:"end",end:"start"};function gt(t){return t.replace(/start|end/g,(function(t){return yt[t]}))}function wt(t){var r=A(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function xt(t){return V(G(t)).left+wt(t).scrollLeft}function Ot(t,r){var e=A(t);var n=G(t);var a=e.visualViewport;var i=n.clientWidth;var o=n.clientHeight;var f=0;var u=0;if(a){i=a.width;o=a.height;var v=H();if(v||!v&&r==="fixed"){f=a.offsetLeft;u=a.offsetTop}}return{width:i,height:o,x:f+xt(t),y:u}}function jt(t){var r;var e=G(t);var n=wt(t);var a=(r=t.ownerDocument)==null?void 0:r.body;var i=I(e.scrollWidth,e.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=I(e.scrollHeight,e.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var f=-n.scrollLeft+xt(t);var u=-n.scrollTop;if(_(a||e).direction==="rtl"){f+=I(e.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:f,y:u}}function kt(t){var r=_(t),e=r.overflow,n=r.overflowX,a=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+a+n)}function Mt(t){if(["html","body","#document"].indexOf(C(t))>=0){return t.ownerDocument.body}if(E(t)&&kt(t)){return t}return Mt(J(t))}function Pt(t,r){var e;if(r===void 0){r=[]}var n=Mt(t);var a=n===((e=t.ownerDocument)==null?void 0:e.body);var i=A(n);var o=a?[i].concat(i.visualViewport||[],kt(n)?n:[]):n;var f=r.concat(o);return a?f:f.concat(Pt(J(o)))}function Ct(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,r){var e=V(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function qt(t,r,e){return r===l?Ct(Ot(t,e)):q(r)?At(r,e):Ct(jt(G(t)))}function Et(t){var r=Pt(J(t));var e=["absolute","fixed"].indexOf(_(t).position)>=0;var n=e&&E(t)?Q(t):t;if(!q(n)){return[]}return r.filter((function(t){return q(t)&&$(t,n)&&C(t)!=="body"}))}function Rt(t,r,e,n){var a=r==="clippingParents"?Et(t):[].concat(r);var i=[].concat(a,[e]);var o=i[0];var f=i.reduce((function(r,e){var a=qt(t,e,n);r.top=I(a.top,r.top);r.right=T(a.right,r.right);r.bottom=T(a.bottom,r.bottom);r.left=I(a.left,r.left);return r}),qt(t,o,n));f.width=f.right-f.left;f.height=f.bottom-f.top;f.x=f.left;f.y=f.top;return f}function Wt(t){var r=t.reference,e=t.element,f=t.placement;var u=f?L(f):null;var c=f?ft(f):null;var l=r.x+r.width/2-e.width/2;var d=r.y+r.height/2-e.height/2;var h;switch(u){case n:h={x:l,y:r.y-e.height};break;case a:h={x:l,y:r.y+r.height};break;case i:h={x:r.x+r.width,y:d};break;case o:h={x:r.x-e.width,y:d};break;default:h={x:r.x,y:r.y}}var p=u?X(u):null;if(p!=null){var b=p==="y"?"height":"width";switch(c){case v:h[p]=h[p]-(r[b]/2-e[b]/2);break;case s:h[p]=h[p]+(r[b]/2-e[b]/2);break}}return h}function Bt(t,r){if(r===void 0){r={}}var e=r,o=e.placement,f=o===void 0?t.placement:o,v=e.strategy,s=v===void 0?t.strategy:v,p=e.boundary,b=p===void 0?c:p,m=e.rootBoundary,y=m===void 0?l:m,g=e.elementContext,w=g===void 0?d:g,x=e.altBoundary,O=x===void 0?false:x,j=e.padding,k=j===void 0?0:j;var M=rt(typeof k!=="number"?k:et(k,u));var P=w===d?h:d;var C=t.rects.popper;var A=t.elements[O?P:w];var E=Rt(q(A)?A:A.contextElement||G(t.elements.popper),b,y,s);var R=V(t.elements.reference);var W=Wt({reference:R,element:C,strategy:"absolute",placement:f});var B=Ct(Object.assign({},C,W));var S=w===d?B:R;var L={top:E.top-S.top+M.top,bottom:S.bottom-E.bottom+M.bottom,left:E.left-S.left+M.left,right:S.right-E.right+M.right};var I=t.modifiersData.offset;if(w===d&&I){var T=I[f];Object.keys(L).forEach((function(t){var r=[i,a].indexOf(t)>=0?1:-1;var e=[n,a].indexOf(t)>=0?"y":"x";L[t]+=T[e]*r}))}return L}function St(t,r){if(r===void 0){r={}}var e=r,n=e.placement,a=e.boundary,i=e.rootBoundary,o=e.padding,f=e.flipVariations,v=e.allowedAutoPlacements,s=v===void 0?b:v;var c=ft(n);var l=c?f?p:p.filter((function(t){return ft(t)===c})):u;var d=l.filter((function(t){return s.indexOf(t)>=0}));if(d.length===0){d=l}var h=d.reduce((function(r,e){r[e]=Bt(t,{placement:e,boundary:a,rootBoundary:i,padding:o})[L(e)];return r}),{});return Object.keys(h).sort((function(t,r){return h[t]-h[r]}))}function Lt(t){if(L(t)===f){return[]}var r=mt(t);return[gt(t),r,gt(r)]}function It(t){var r=t.state,e=t.options,u=t.name;if(r.modifiersData[u]._skip){return}var s=e.mainAxis,c=s===void 0?true:s,l=e.altAxis,d=l===void 0?true:l,h=e.fallbackPlacements,p=e.padding,b=e.boundary,m=e.rootBoundary,y=e.altBoundary,g=e.flipVariations,w=g===void 0?true:g,x=e.allowedAutoPlacements;var O=r.options.placement;var j=L(O);var k=j===O;var M=h||(k||!w?[mt(O)]:Lt(O));var P=[O].concat(M).reduce((function(t,e){return t.concat(L(e)===f?St(r,{placement:e,boundary:b,rootBoundary:m,padding:p,flipVariations:w,allowedAutoPlacements:x}):e)}),[]);var C=r.rects.reference;var A=r.rects.popper;var q=new Map;var E=true;var R=P[0];for(var W=0;W<P.length;W++){var B=P[W];var S=L(B);var I=ft(B)===v;var T=[n,a].indexOf(S)>=0;var z=T?"width":"height";var F=Bt(r,{placement:B,boundary:b,rootBoundary:m,altBoundary:y,padding:p});var H=T?I?i:o:I?a:n;if(C[z]>A[z]){H=mt(H)}var V=mt(H);var D=[];if(c){D.push(F[S]<=0)}if(d){D.push(F[H]<=0,F[V]<=0)}if(D.every((function(t){return t}))){R=B;E=false;break}q.set(B,D)}if(E){var $=w?3:1;var _=function t(r){var e=P.find((function(t){var e=q.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){R=e;return"break"}};for(var U=$;U>0;U--){var G=_(U);if(G==="break")break}}if(r.placement!==R){r.modifiersData[u]._skip=true;r.placement=R;r.reset=true}}const Tt={name:"flip",enabled:true,phase:"main",fn:It,requiresIfExists:["offset"],data:{_skip:false}};function zt(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function Ft(t){return[n,i,a,o].some((function(r){return t[r]>=0}))}function Ht(t){var r=t.state,e=t.name;var n=r.rects.reference;var a=r.rects.popper;var i=r.modifiersData.preventOverflow;var o=Bt(r,{elementContext:"reference"});var f=Bt(r,{altBoundary:true});var u=zt(o,n);var v=zt(f,a,i);var s=Ft(u);var c=Ft(v);r.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:v,isReferenceHidden:s,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Vt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ht};function Dt(t,r,e){var a=L(t);var f=[o,n].indexOf(a)>=0?-1:1;var u=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,v=u[0],s=u[1];v=v||0;s=(s||0)*f;return[o,i].indexOf(a)>=0?{x:s,y:v}:{x:v,y:s}}function $t(t){var r=t.state,e=t.options,n=t.name;var a=e.offset,i=a===void 0?[0,0]:a;var o=b.reduce((function(t,e){t[e]=Dt(e,r.rects,i);return t}),{});var f=o[r.placement],u=f.x,v=f.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=u;r.modifiersData.popperOffsets.y+=v}r.modifiersData[n]=o}const _t={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:$t};function Ut(t){var r=t.state,e=t.name;r.modifiersData[e]=Wt({reference:r.rects.reference,element:r.rects.popper,strategy:"absolute",placement:r.placement})}const Gt={name:"popperOffsets",enabled:true,phase:"read",fn:Ut,data:{}};function Jt(t){return t==="x"?"y":"x"}function Kt(t){var r=t.state,e=t.options,f=t.name;var u=e.mainAxis,s=u===void 0?true:u,c=e.altAxis,l=c===void 0?false:c,d=e.boundary,h=e.rootBoundary,p=e.altBoundary,b=e.padding,m=e.tether,y=m===void 0?true:m,g=e.tetherOffset,w=g===void 0?0:g;var x=Bt(r,{boundary:d,rootBoundary:h,padding:b,altBoundary:p});var O=L(r.placement);var j=ft(r.placement);var k=!j;var M=X(O);var P=Jt(M);var C=r.modifiersData.popperOffsets;var A=r.rects.reference;var q=r.rects.popper;var E=typeof w==="function"?w(Object.assign({},r.rects,{placement:r.placement})):w;var R=typeof E==="number"?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E);var W=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var B={x:0,y:0};if(!C){return}if(s){var S;var z=M==="y"?n:o;var F=M==="y"?a:i;var H=M==="y"?"height":"width";var V=C[M];var $=V+x[z];var _=V-x[F];var U=y?-q[H]/2:0;var G=j===v?A[H]:q[H];var J=j===v?-q[H]:-A[H];var K=r.elements.arrow;var N=y&&K?D(K):{width:0,height:0};var rt=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:tt();var et=rt[z];var nt=rt[F];var at=Y(0,A[H],N[H]);var it=k?A[H]/2-U-at-et-R.mainAxis:G-at-et-R.mainAxis;var ot=k?-A[H]/2+U+at+nt+R.mainAxis:J+at+nt+R.mainAxis;var ut=r.elements.arrow&&Q(r.elements.arrow);var vt=ut?M==="y"?ut.clientTop||0:ut.clientLeft||0:0;var st=(S=W==null?void 0:W[M])!=null?S:0;var ct=V+it-st-vt;var lt=V+ot-st;var dt=Y(y?T($,ct):$,V,y?I(_,lt):_);C[M]=dt;B[M]=dt-V}if(l){var ht;var pt=M==="x"?n:o;var bt=M==="x"?a:i;var mt=C[P];var yt=P==="y"?"height":"width";var gt=mt+x[pt];var wt=mt-x[bt];var xt=[n,o].indexOf(O)!==-1;var Ot=(ht=W==null?void 0:W[P])!=null?ht:0;var jt=xt?gt:mt-A[yt]-q[yt]-Ot+R.altAxis;var kt=xt?mt+A[yt]+q[yt]-Ot-R.altAxis:wt;var Mt=y&&xt?Z(jt,mt,kt):Y(y?jt:gt,mt,y?kt:wt);C[P]=Mt;B[P]=Mt-mt}r.modifiersData[f]=B}const Nt={name:"preventOverflow",enabled:true,phase:"main",fn:Kt,requiresIfExists:["offset"]};function Qt(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Xt(t){if(t===A(t)||!E(t)){return wt(t)}else{return Qt(t)}}function Yt(t){var r=t.getBoundingClientRect();var e=z(r.width)/t.offsetWidth||1;var n=z(r.height)/t.offsetHeight||1;return e!==1||n!==1}function Zt(t,r,e){if(e===void 0){e=false}var n=E(r);var a=E(r)&&Yt(r);var i=G(r);var o=V(t,a,e);var f={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(C(r)!=="body"||kt(i)){f=Xt(r)}if(E(r)){u=V(r,true);u.x+=r.clientLeft;u.y+=r.clientTop}else if(i){u.x=xt(i)}}return{x:o.left+f.scrollLeft-u.x,y:o.top+f.scrollTop-u.y,width:o.width,height:o.height}}function tr(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function a(t){e.add(t.name);var i=[].concat(t.requires||[],t.requiresIfExists||[]);i.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){a(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){a(t)}}));return n}function rr(t){var r=tr(t);return P.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function er(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function nr(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var ar={placement:"bottom",modifiers:[],strategy:"absolute"};function ir(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function or(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,a=r.defaultOptions,i=a===void 0?ar:a;return function t(r,e,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},ar,i),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var f=[];var u=false;var v={state:o,setOptions:function t(a){var f=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,f);o.scrollParents={reference:q(r)?Pt(r):r.contextElement?Pt(r.contextElement):[],popper:Pt(e)};var u=rr(nr([].concat(n,o.options.modifiers)));o.orderedModifiers=u.filter((function(t){return t.enabled}));s();return v.update()},forceUpdate:function t(){if(u){return}var r=o.elements,e=r.reference,n=r.popper;if(!ir(e,n)){return}o.rects={reference:Zt(e,Q(n),o.options.strategy==="fixed"),popper:D(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],f=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:v})||o}}},update:er((function(){return new Promise((function(t){v.forceUpdate();t(o)}))})),destroy:function t(){c();u=true}};if(!ir(r,e)){return v}v.setOptions(a).then((function(t){if(!u&&a.onFirstUpdate){a.onFirstUpdate(t)}}));function s(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,a=t.effect;if(typeof a==="function"){var i=a({state:o,name:r,instance:v,options:n});var u=function t(){};f.push(i||u)}}))}function c(){f.forEach((function(t){return t()}));f=[]}return v}}var fr=[pt,Gt,lt,S,_t,Tt,Nt,ot,Vt];var ur=or({defaultModifiers:fr});const vr=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}";const sr=class{constructor(r){t(this,r);this.loaded=false;this.openDirection="bottom";this.position="absolute";this.containerId=undefined;this.containerStyle={};this.parent=document.body;this.inheritParentWidth=false;this.visible=false;this.parents=new WeakMap}disconnectedCallback(){this.removeContainer();this.destroyPopper();if(this.observer){this.observer.unobserve(this.container)}}connectedCallback(){if(!this.loaded){return}this.createContainer();this.hideContainer();this.attachContainer();this.styleContainer();if(this.visible){this.createPopper();this.showContainer()}if("ResizeObserver"in window){const t=new ResizeObserver((()=>{if(this.popperInstance){this.styleContainer();this.popperInstance.update()}}));t.observe(this.container)}}componentDidLoad(){this.loaded=true;this.connectedCallback()}render(){return r("slot",null)}onVisible(){if(!this.visible){this.hideContainer();this.styleContainer();this.destroyPopper();return}this.styleContainer();this.createPopper();requestAnimationFrame((()=>{this.showContainer()}))}createContainer(){const t=this.host.shadowRoot.querySelector("slot");const r=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div");this.container.setAttribute("id",this.containerId);this.container.setAttribute("class","limel-portal--container");Object.assign(this.container,{portalSource:this.host});r.forEach((t=>{this.parents.set(t,t.parentElement);this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){if(!this.container){return}Array.from(this.container.children).forEach((t=>{const r=this.parents.get(t);if(!r){return}r.appendChild(t)}));this.hideContainer();this.container.parentElement.removeChild(this.container)}hideContainer(){this.container.style.opacity="0"}showContainer(){this.container.style.opacity="1"}styleContainer(){const t=this.host.getBoundingClientRect().width;if(this.visible){this.container.style.display="block"}else{this.container.style.display="none"}if(this.inheritParentWidth){const r=this.getContentWidth(this.container);let e=r;if(t>0){e=t}this.container.style.width=`${e}px`}this.ensureContainerFitsInViewPort();Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}getContentWidth(t){if(!t){return null}const r=t.getBoundingClientRect().width;if(r!==0){return r}const e=t.querySelector("*");return this.getContentWidth(e)}createPopper(){const t=this.createPopperConfig();this.popperInstance=ur(this.host,this.container,t)}destroyPopper(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy();this.popperInstance=null}createPopperConfig(){const t=this.getPlacement(this.openDirection);const r=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[r]}}]}}getPlacement(t){const r={"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"};return r[t]}getFlipPlacement(t){const r={"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"};return r[t]}ensureContainerFitsInViewPort(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);const{top:r,bottom:e}=this.host.getBoundingClientRect();const n=Math.max(r,0);const a=Math.max(t-e,0);const i=16;const o=Math.max(n,a)-i;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};sr.style=vr;export{sr as limel_portal};
+//# sourceMappingURL=p-d75826c6.entry.js.map