@limetech/lime-elements 37.1.0-next.74 → 37.1.0-next.76

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","helperText","length","maxLength","invalid","helperTextId","actions","accessibleLabel","layout","openDirection","overflowCutoff","label","primary","icon","disabled","items","filename","alt","allowFullscreen","allowOpenInNewTab","allowDownload","language","officeViewer","isFullscreen","fileType","loading","fileUrl","value","tooltipLabel","required","readonly","isOpen","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","searchLabel","leadingIcon","emptyResultMessage","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","textValue","chips","placeholder","type","format","formatter","formattedValue","internalFormat","showPortal","message","timeout","actionText","dismissible","multiline","show","tabs","selectedButtonId","header","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","checked","indeterminate","modified","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","heading","fullscreen","open","closingActions","item","currentStep","flowItems","close","factor","unit","valuemax","valuemin","step","percentageClass","fieldId","lineNumbers","fold","lint","colorScheme","random","config","direction","justify","align","reverse","schema","propsFactory","transformErrors","errors","canScrollLeft","canScrollRight","subheading","supportingText","inputElement","size","name","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","elementId","helperLabel","maxlength","position","containerId","containerStyle","parent","inheritParentWidth","visible","anchor","elevated","contentCollection","limeBranded","trailingIcon","pattern","formatNumber","max","min","minlength","completions","showLink","locale","isFocused","isModified","showCompletions","iconSize","maxLinesSecondaryText","allowClicksElement","surfaceWidth","gridLayout","currentSubMenu","loadingSubItems","menuBreadCrumb","searchValue","searchResults","divider"],"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","actions","accessibleLabel","layout","openDirection","overflowCutoff","label","primary","icon","disabled","items","filename","alt","allowFullscreen","allowOpenInNewTab","allowDownload","language","officeViewer","isFullscreen","fileType","loading","fileUrl","value","helperText","tooltipLabel","required","readonly","isOpen","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","searchLabel","leadingIcon","emptyResultMessage","invalid","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","textValue","chips","placeholder","type","format","formatter","formattedValue","internalFormat","showPortal","message","timeout","actionText","dismissible","multiline","show","tabs","selectedButtonId","header","trigger","readMoreLink","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","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","item","canScrollLeft","canScrollRight","checked","indeterminate","modified","subheading","supportingText","size","name","currentStep","inputElement","length","maxLength","helperTextId","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","elementId","helperLabel","maxlength","position","containerId","containerStyle","parent","inheritParentWidth","visible","anchor","elevated","contentCollection","limeBranded","trailingIcon","pattern","formatNumber","max","min","minlength","completions","showLink","locale","isFocused","isModified","showCompletions","iconSize","maxLinesSecondaryText","allowClicksElement","surfaceWidth","gridLayout","currentSubMenu","loadingSubItems","menuBreadCrumb","searchValue","searchResults","divider"],"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-1ca94bcf.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-3075aa67.js";const e='@charset "UTF-8";limel-popover{display:flex;--popover-surface-width:min(calc(100vw - 4rem), 22rem)}button[slot=trigger]{all:unset;transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-sky-default));border-radius:50%;box-shadow:0 0 0 1px rgb(var(--color-sky-lighter), 0.7);width:0.875rem;height:0.875rem;font-size:0.75rem}button[slot=trigger]:hover{color:rgb(var(--color-sky-dark));background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button[slot=trigger]:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}button[slot=trigger]:focus{outline:none}button[slot=trigger]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button[slot=trigger].is-open{color:rgb(var(--color-white));background-color:rgb(var(--color-sky-default));box-shadow:var(--button-shadow-inset)}';const t=class{constructor(r){o(this,r);this.openPopover=o=>{o.stopPropagation();this.isOpen=true};this.onPopoverClose=o=>{o.stopPropagation();this.isOpen=false};this.value=undefined;this.trigger="?";this.readMoreLink=undefined;this.openDirection="top-start";this.isOpen=false}render(){return[r("limel-popover",{open:this.isOpen,onClose:this.onPopoverClose,openDirection:this.openDirection},r("button",{slot:"trigger",onClick:this.openPopover,class:{"is-open":this.isOpen}},this.trigger),r("limel-help-content",{value:this.value,readMoreLink:this.readMoreLink}))]}};t.style=e;export{t as limel_help};
+//# sourceMappingURL=p-1ca94bcf.entry.js.map

package/dist/lime-elements/p-1ca94bcf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["helpCss","Help","this","openPopover","event","stopPropagation","isOpen","onPopoverClose","render","h","open","onClose","openDirection","slot","onClick","class","trigger","value","readMoreLink"],"sources":["./src/components/help/help.scss?tag=limel-help&encapsulation=shadow","./src/components/help/help.tsx"],"sourcesContent":["@use '../../style/mixins';\n\nlimel-popover {\n    display: flex;\n    --popover-surface-width: min(calc(100vw - 4rem), 22rem);\n}\n\nbutton[slot='trigger'] {\n    all: unset;\n\n    @include mixins.is-flat-clickable(\n        $color--hovered: rgb(var(--color-sky-dark)),\n        $background-color: var(--lime-elevated-surface-background-color)\n    );\n    @include mixins.visualize-keyboard-focus;\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--color-sky-default));\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px rgb(var(--color-sky-lighter), 0.7);\n    width: 0.875rem;\n    height: 0.875rem;\n    font-size: 0.75rem;\n\n    &.is-open {\n        color: rgb(var(--color-white));\n        background-color: rgb(var(--color-sky-default));\n        box-shadow: var(--button-shadow-inset);\n    }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { OpenDirection } from '../menu/menu.types';\nimport { Link } from '../../interface';\n\n/**\n * A good design is self-explanatory! However, sometimes concepts are\n * too complex to understand, no matter how well-designed a user interface is.\n * In such cases, contextual help can be a great way to provide users with\n * help precisely where and when users need it.\n *\n * In app interface design, providing contextual help emerges as a viable practice\n * for enhancing user experience and usability.\n * Contextual help serves as a quick-to-access guiding,\n * empowering users to more easily understand and navigate through\n * the intricacies of an application.\n *\n * Using this component designers empower users to grasp the functionality\n * of an app more effortlessly, minimizes the learning curve,\n * transforming complex features into accessible opportunities for exploration.\n * @exampleComponent limel-example-help\n * @exampleComponent limel-example-read-more\n * @exampleComponent limel-example-open-direction\n * @exampleComponent limel-example-placement\n */\n@Component({\n    tag: 'limel-help',\n    shadow: true,\n    styleUrl: 'help.scss',\n})\nexport class Help {\n    /**\n     * The markdown content that will be displayed in the popover.\n     */\n    @Prop()\n    public value: string;\n\n    /**\n     * Visualizes the trigger element. Defaults to: **?**\n     * :::important\n     * Be consistent across the product if you want to change it to a custom character.\n     * All instances of the help component should have the same trigger visualization.\n     * :::\n     */\n    @Prop()\n    public trigger: string = '?';\n\n    /**\n     * If supplied, it will render a \"Read more\" link at the bottom of the content.\n     * Even though you can add a link anywhere in the content, it is recommended to\n     * use the read more link. Because it will always be displayed at the bottom\n     * of the popover after the content, does not scroll away with the content,\n     * and it will be styled in a consistent way.\n     */\n    @Prop()\n    public readMoreLink?: Link;\n\n    /**\n     * Decides the popover's location in relation to the trigger.\n     */\n    @Prop({ reflect: true })\n    public openDirection: OpenDirection = 'top-start';\n\n    @State()\n    private isOpen = false;\n\n    public render() {\n        return [\n            <limel-popover\n                open={this.isOpen}\n                onClose={this.onPopoverClose}\n                openDirection={this.openDirection}\n            >\n                <button\n                    slot=\"trigger\"\n                    onClick={this.openPopover}\n                    class={{\n                        'is-open': this.isOpen,\n                    }}\n                >\n                    {this.trigger}\n                </button>\n                <limel-help-content\n                    value={this.value}\n                    readMoreLink={this.readMoreLink}\n                />\n            </limel-popover>,\n        ];\n    }\n\n    private openPopover = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.isOpen = true;\n    };\n\n    private onPopoverClose = (event: CustomEvent) => {\n        event.stopPropagation();\n        this.isOpen = false;\n    };\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,omC,MC6BHC,EAAI,M,yBA4DLC,KAAAC,YAAeC,IACnBA,EAAMC,kBACNH,KAAKI,OAAS,IAAI,EAGdJ,KAAAK,eAAkBH,IACtBA,EAAMC,kBACNH,KAAKI,OAAS,KAAK,E,kCApDE,I,+CAgBa,Y,YAGrB,K,CAEVE,SACH,MAAO,CACHC,EAAA,iBACIC,KAAMR,KAAKI,OACXK,QAAST,KAAKK,eACdK,cAAeV,KAAKU,eAEpBH,EAAA,UACII,KAAK,UACLC,QAASZ,KAAKC,YACdY,MAAO,CACH,UAAWb,KAAKI,SAGnBJ,KAAKc,SAEVP,EAAA,sBACIQ,MAAOf,KAAKe,MACZC,aAAchB,KAAKgB,gB"}

package/dist/lime-elements/p-27f1d404.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-3075aa67.js";const o='@charset "UTF-8";:host(limel-help-content){display:flex;box-sizing:border-box;flex-direction:column;gap:0.5rem;max-height:30rem}limel-markdown{--limel-overflow-mask-vertical:linear-gradient(\n      to bottom,\n      transparent 0%,\n      black calc(0% + var(--limel-top-edge-fade-height, 1rem)),\n      black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),\n      transparent 100%\n  );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);padding-right:1rem;padding-left:1rem;min-height:0;min-width:0;overflow:hidden auto}a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default));position:sticky;bottom:0;text-decoration:none;font-size:0.875rem;padding-bottom:0.125rem}a:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a:hover{color:rgb(var(--color-blue-default))}a:hover:before{opacity:0.3;transform:scale(1)}span{padding:0 1rem 0.5rem 1rem;min-width:0}';const r=class{constructor(o){e(this,o);this.renderReadMoreLink=()=>{var e,o,r,i;if(!this.readMoreLink){return}return t("span",null,t("a",{href:(e=this.readMoreLink)===null||e===void 0?void 0:e.href,target:(o=this.readMoreLink)===null||o===void 0?void 0:o.target,title:(r=this.readMoreLink)===null||r===void 0?void 0:r.title,tabindex:"0"},(i=this.readMoreLink)===null||i===void 0?void 0:i.text))};this.value=undefined;this.readMoreLink=undefined}render(){return[t("limel-markdown",{value:this.value}),this.renderReadMoreLink()]}};r.style=o;export{r as limel_help_content};
+//# sourceMappingURL=p-27f1d404.entry.js.map

package/dist/lime-elements/p-27f1d404.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["limelHelpContentCss","HelpContent","this","renderReadMoreLink","readMoreLink","h","href","_a","target","_b","title","_c","tabindex","_d","text","render","value"],"sources":["./src/components/help/limel-help-content.scss?tag=limel-help-content&encapsulation=shadow","./src/components/help/help-content.tsx"],"sourcesContent":["@use '../../style/mixins';\n\n:host(limel-help-content) {\n    display: flex;\n    box-sizing: border-box;\n    flex-direction: column;\n    gap: 0.5rem;\n\n    max-height: 30rem;\n}\n\nlimel-markdown {\n    @include mixins.fade-out-overflowed-content-on-edges(vertically);\n\n    padding-right: 1rem;\n    padding-left: 1rem;\n    min-height: 0;\n    min-width: 0;\n    overflow: hidden auto;\n}\n\na {\n    @include mixins.truncate-text;\n    @include mixins.hyperlink;\n\n    position: sticky;\n    bottom: 0;\n\n    text-decoration: none;\n    font-size: 0.875rem;\n    padding-bottom: 0.125rem;\n}\n\nspan {\n    padding: 0 1rem 0.5rem 1rem;\n    min-width: 0;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { Link } from '../../interface';\n\n/**\n * Help content\n * This is scrollable content that is placed in the popover of the Help component.\n * Moved here mostly to avoid having inlined styles in the parent component.\n * Since you cannot send styles to the Portal component, we need to have this\n * child component.\n * @private\n */\n@Component({\n    tag: 'limel-help-content',\n    shadow: true,\n    styleUrl: 'limel-help-content.scss',\n})\nexport class HelpContent {\n    @Prop()\n    public value: string;\n\n    @Prop()\n    public readMoreLink?: Link;\n\n    public render() {\n        return [\n            <limel-markdown value={this.value} />,\n            this.renderReadMoreLink(),\n        ];\n    }\n\n    private renderReadMoreLink = () => {\n        if (!this.readMoreLink) {\n            return;\n        }\n\n        return (\n            <span>\n                <a\n                    href={this.readMoreLink?.href}\n                    target={this.readMoreLink?.target}\n                    title={this.readMoreLink?.title}\n                    tabindex=\"0\"\n                >\n                    {this.readMoreLink?.text}\n                </a>\n            </span>\n        );\n    };\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,syC,MCgBfC,EAAW,M,yBAcZC,KAAAC,mBAAqB,K,YACzB,IAAKD,KAAKE,aAAc,CACpB,M,CAGJ,OACIC,EAAA,YACIA,EAAA,KACIC,MAAMC,EAAAL,KAAKE,gBAAY,MAAAG,SAAA,SAAAA,EAAED,KACzBE,QAAQC,EAAAP,KAAKE,gBAAY,MAAAK,SAAA,SAAAA,EAAED,OAC3BE,OAAOC,EAAAT,KAAKE,gBAAY,MAAAO,SAAA,SAAAA,EAAED,MAC1BE,SAAS,MAERC,EAAAX,KAAKE,gBAAY,MAAAS,SAAA,SAAAA,EAAEC,MAErB,E,iDAtBRC,SACH,MAAO,CACHV,EAAA,kBAAgBW,MAAOd,KAAKc,QAC5Bd,KAAKC,qB"}

package/dist/lime-elements/p-dc5ea3e4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r}from"./p-3075aa67.js";import{g as i}from"./p-efc550f6.js";const a='@charset "UTF-8";:host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent);width:1.75rem;margin:0 0.5rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}slot[name=actions]{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{margin-right:0.125rem;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) slot[name=actions]{display:flex;justify-content:flex-end}';const t=class{constructor(r){e(this,r);this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.supportingText=undefined}render(){return[r("div",{class:"information"},this.renderIcon(),r("div",{class:"headings"},r("h1",{class:"heading",title:this.heading},this.heading),r("h2",{class:"subheading",title:this.subheading},this.subheading,this.renderSupportingText()))),r("slot",{name:"actions"},r("slot",null))]}renderIcon(){if(!this.icon){return}const e=i(this.icon);return r("limel-icon",{class:"icon",badge:true,name:e})}renderSupportingText(){if(!this.supportingText){return}return r("span",{class:"information__headings__subheading__supporting-text"},r("span",null,"·")," ",this.supportingText)}};t.style=a;export{t as limel_header};
+//# sourceMappingURL=p-dc5ea3e4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["headerCss","Header","render","h","class","this","renderIcon","title","heading","subheading","renderSupportingText","name","icon","getIconName","badge","supportingText"],"sources":["./src/components/header/header.scss?tag=limel-header&encapsulation=shadow","./src/components/header/header.tsx"],"sourcesContent":["@use '../../style/mixins.scss';\n@use '../../style/functions.scss';\n\n/**\n * @prop --header-background-color: Background color of header, defaults to `--contrast-300`.\n * @prop --header-heading-color: Color of heading text, defaults to `--contrast-1100`.\n * @prop --header-subheading-color: Color of subheading text, defaults to `--contrast-900`.\n * @prop --header-supporting-text-color: Color of supporting text in subheading, defaults to `--header-subheading-color`.\n * @prop --header-icon-color: Color of header icon, defaults to `--contrast-1100`.\n * @prop --header-icon-background-color: Background color of header icon, defaults to `transparent`.\n * @prop --header-top-right-left-border-radius: Top-left and top-right border radius of header, defaults to `0.75rem`.\n * @prop --header-responsive-breakpoint: Defines the minimum allowed `width` of both information and actions areas in the header, defaults to `22rem`.\n */\n\n:host(limel-header) {\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n    width: 100%;\n    background-color: var(--header-background-color, rgb(var(--contrast-300)));\n    border-top-left-radius: var(\n        --header-top-right-left-border-radius,\n        functions.pxToRem(12)\n    );\n    border-top-right-radius: var(\n        --header-top-right-left-border-radius,\n        functions.pxToRem(12)\n    );\n    padding: functions.pxToRem(4);\n}\n\n.information {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    min-width: 0;\n}\n\n.icon {\n    flex-shrink: 0;\n    color: var(--header-icon-color, rgb(var(--contrast-1100)));\n    background-color: var(--header-icon-background-color, transparent);\n    width: functions.pxToRem(28);\n    margin: 0 functions.pxToRem(8);\n}\n\n.headings {\n    min-width: 0;\n    margin-left: functions.pxToRem(4);\n}\n\n.heading,\n.subheading {\n    @include mixins.truncate-text;\n    margin: 0;\n    padding: 0;\n}\n\n.heading {\n    color: var(--header-heading-color, rgb(var(--contrast-1100)));\n    font-size: functions.pxToRem(17);\n}\n\n.subheading {\n    color: var(--header-subheading-color, rgb(var(--contrast-900)));\n    font-size: functions.pxToRem(14);\n    font-weight: lighter;\n}\n\n.subheading__supporting-text {\n    color: var(--header-supporting-text-color, var(--header-subheading-color));\n    span {\n        margin: 0 functions.pxToRem(8);\n        font-weight: bold;\n    }\n}\n\nslot[name='actions'] {\n    flex-shrink: 0;\n}\n\n:host(limel-header.is-narrow) {\n    padding: functions.pxToRem(2) functions.pxToRem(4);\n\n    .icon {\n        margin-right: functions.pxToRem(2);\n        width: functions.pxToRem(20);\n    }\n    .heading {\n        font-size: functions.pxToRem(15);\n    }\n}\n\n:host(limel-header.has-responsive-layout) {\n    display: grid;\n    grid-template-columns: repeat(\n        auto-fit,\n        minmax(\n            clamp(\n                50%,\n                var(--header-responsive-breakpoint, functions.pxToRem(352)),\n                100%\n            ),\n            1fr\n        )\n    );\n    .headings {\n        padding-right: functions.pxToRem(8);\n    }\n    slot[name='actions'] {\n        display: flex;\n        justify-content: flex-end;\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Icon } from '../../interface';\nimport { getIconName } from '../icon/get-icon-props';\n\n/**\n * A header is the top most visual element in a component, page, card, or a view.\n *\n * ## Usage\n * A header is the first thing that clarifies a context for users.\n * Due to their positions in the UI hierarchy, headers are the most\n * prominent elements of a user interface; and because of that, they carry both\n * vital information and fundamental controls for the area of the interface\n * they represent.\n *\n * For example, when a header is placed on top of a card, it should quickly\n * explain the card to the user. When placed on top of a modal, it should easily\n * clarify what the modal is about. When displayed on top of a fullscreen view,\n * it should indicate where in the system users are, and what part of the app\n * they are looking at.\n *\n *\n * ## Layout\n * The vital information in a header is usually manifested in form of an icon,\n * and a heading. A subheading also could be added to provide supplementary\n * information. There is also a third place for displaying supplementary information\n * or \"supporting text\", which will be rendered as a part of the subheading.\n * Along with this information, headers can also include actions, controls, or\n * menus.\n *\n * :::important\n * Such actions or menus must affect the entire section of the interface\n * which the header is representing. For example, a _Delete_ button on a card\n * header must delete that entire card and its respective contents all together,\n * not for example a selected item which is visible in the content of that card.\n * :::\n *\n *\n * :::warning\n * Do not user background color on icons in the headers. It is much better and\n * much easier for the eye if your icon itself has a color.\n * Background colors behind icons make them look like \"call to action\" buttons\n * and take a lot of attention from users.\n * :::\n * @exampleComponent limel-example-header\n * @exampleComponent limel-example-header-colors\n * @exampleComponent limel-example-header-responsive\n * @exampleComponent limel-example-header-narrow\n * @slot actions - Content (actions) to be put inside the far right surface of\n * the header\n * @slot [no name] - DEPRECATED. The `actions` slot used to be unnamed. This\n * behavior has been deprecated, and support will be dropped in a future\n * version. Please add `slot=\"actions\"` to your elements to ensure your code\n * will continue to work with future versions of Lime Elements.\n */\n@Component({\n    tag: 'limel-header',\n    shadow: true,\n    styleUrl: 'header.scss',\n})\nexport class Header {\n    /**\n     * Icon to display\n     */\n    @Prop()\n    public icon: string | Icon;\n\n    /**\n     * Title to display\n     */\n    @Prop()\n    public heading: string;\n\n    /**\n     * Subheading to display\n     */\n    @Prop()\n    public subheading: string;\n\n    /**\n     * An extra string of text to display along with with the Subheading\n     */\n    @Prop()\n    public supportingText: string;\n\n    public render() {\n        return [\n            <div class=\"information\">\n                {this.renderIcon()}\n                <div class=\"headings\">\n                    <h1 class=\"heading\" title={this.heading}>\n                        {this.heading}\n                    </h1>\n                    <h2 class=\"subheading\" title={this.subheading}>\n                        {this.subheading}\n                        {this.renderSupportingText()}\n                    </h2>\n                </div>\n            </div>,\n            <slot name=\"actions\">\n                <slot />\n            </slot>,\n        ];\n    }\n\n    private renderIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        const icon = getIconName(this.icon);\n\n        return <limel-icon class=\"icon\" badge={true} name={icon} />;\n    }\n\n    private renderSupportingText() {\n        if (!this.supportingText) {\n            return;\n        }\n\n        return (\n            <span class=\"information__headings__subheading__supporting-text\">\n                <span>·</span> {this.supportingText}\n            </span>\n        );\n    }\n}\n"],"mappings":"+EAAA,MAAMA,EAAY,+nD,MC2DLC,EAAM,M,4HAyBRC,SACH,MAAO,CACHC,EAAA,OAAKC,MAAM,eACNC,KAAKC,aACNH,EAAA,OAAKC,MAAM,YACPD,EAAA,MAAIC,MAAM,UAAUG,MAAOF,KAAKG,SAC3BH,KAAKG,SAEVL,EAAA,MAAIC,MAAM,aAAaG,MAAOF,KAAKI,YAC9BJ,KAAKI,WACLJ,KAAKK,0BAIlBP,EAAA,QAAMQ,KAAK,WACPR,EAAA,c,CAKJG,aACJ,IAAKD,KAAKO,KAAM,CACZ,M,CAGJ,MAAMA,EAAOC,EAAYR,KAAKO,MAE9B,OAAOT,EAAA,cAAYC,MAAM,OAAOU,MAAO,KAAMH,KAAMC,G,CAG/CF,uBACJ,IAAKL,KAAKU,eAAgB,CACtB,M,CAGJ,OACIZ,EAAA,QAAMC,MAAM,sDACRD,EAAA,iBAAc,IAAEE,KAAKU,e"}

package/dist/types/components/dialog/dialog.types.d.ts

@@ -1,8 +1,9 @@
+import { Icon } from '../../interface';
 export interface DialogHeading {
   title: string;
   subtitle?: string;
   supportingText?: string;
-  icon: string;
+  icon: string | Icon;
 }
 export interface ClosingActions {
   escapeKey: boolean;

package/dist/types/components/header/header.d.ts

@@ -1,3 +1,4 @@
+import { Icon } from '../../interface';
 /**
  * A header is the top most visual element in a component, page, card, or a view.
  *
@@ -52,7 +53,7 @@ export declare class Header {
   /**
    * Icon to display
    */
-  icon: string;
+  icon: string | Icon;
   /**
    * Title to display
    */

package/dist/types/components/help/help-content.d.ts

@@ -0,0 +1,15 @@
+import { Link } from '../../interface';
+/**
+ * Help content
+ * This is scrollable content that is placed in the popover of the Help component.
+ * Moved here mostly to avoid having inlined styles in the parent component.
+ * Since you cannot send styles to the Portal component, we need to have this
+ * child component.
+ * @private
+ */
+export declare class HelpContent {
+  value: string;
+  readMoreLink?: Link;
+  render(): any[];
+  private renderReadMoreLink;
+}

package/dist/types/components/help/help.d.ts

@@ -0,0 +1,52 @@
+import { OpenDirection } from '../menu/menu.types';
+import { Link } from '../../interface';
+/**
+ * A good design is self-explanatory! However, sometimes concepts are
+ * too complex to understand, no matter how well-designed a user interface is.
+ * In such cases, contextual help can be a great way to provide users with
+ * help precisely where and when users need it.
+ *
+ * In app interface design, providing contextual help emerges as a viable practice
+ * for enhancing user experience and usability.
+ * Contextual help serves as a quick-to-access guiding,
+ * empowering users to more easily understand and navigate through
+ * the intricacies of an application.
+ *
+ * Using this component designers empower users to grasp the functionality
+ * of an app more effortlessly, minimizes the learning curve,
+ * transforming complex features into accessible opportunities for exploration.
+ * @exampleComponent limel-example-help
+ * @exampleComponent limel-example-read-more
+ * @exampleComponent limel-example-open-direction
+ * @exampleComponent limel-example-placement
+ */
+export declare class Help {
+  /**
+   * The markdown content that will be displayed in the popover.
+   */
+  value: string;
+  /**
+   * Visualizes the trigger element. Defaults to: **?**
+   * :::important
+   * Be consistent across the product if you want to change it to a custom character.
+   * All instances of the help component should have the same trigger visualization.
+   * :::
+   */
+  trigger: string;
+  /**
+   * If supplied, it will render a "Read more" link at the bottom of the content.
+   * Even though you can add a link anywhere in the content, it is recommended to
+   * use the read more link. Because it will always be displayed at the bottom
+   * of the popover after the content, does not scroll away with the content,
+   * and it will be styled in a consistent way.
+   */
+  readMoreLink?: Link;
+  /**
+   * Decides the popover's location in relation to the trigger.
+   */
+  openDirection: OpenDirection;
+  private isOpen;
+  render(): any[];
+  private openPopover;
+  private onPopoverClose;
+}

package/dist/types/components.d.ts

@@ -5,14 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Action as Action1, ActionBarItem, ActionPosition, ActionScrollBehavior, BreadcrumbsItem, Button, CalloutType, Chip, CircularProgressSize, ClosingActions, ColorScheme, Column, ColumnAggregate, ColumnSorter, DateType, DialogHeading, DockItem, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, FlowItem, FormError, IconSize, InfoTileProgress, InputType, Language, Languages, Link, ListItem as ListItem1, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize, Tab, TableParams, ValidationError, ValidationStatus } from "./interface";
+import { Action as Action1, ActionBarItem, ActionPosition, ActionScrollBehavior, BreadcrumbsItem, Button, CalloutType, Chip, CircularProgressSize, ClosingActions, ColorScheme, Column, ColumnAggregate, ColumnSorter, DateType, DialogHeading, DockItem, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, FlowItem, FormError, Icon, IconSize, InfoTileProgress, InputType, Language, Languages, Link, ListItem as ListItem1, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize, Tab, TableParams, ValidationError, ValidationStatus } from "./interface";
 import { Action } from "./components/collapsible-section/action";
 import { Languages as Languages1, ListItem } from "@limetech/lime-elements";
 import { OfficeViewer } from "./components/file-viewer/file-viewer.types";
 import { MenuItem as MenuItem1, MenuSearcher, OpenDirection as OpenDirection1, SurfaceWidth } from "./components/menu/menu.types";
 import { ListSeparator as ListSeparator1 } from "./components/list/list-item.types";
 import { Layout } from "./components/table/layout";
-export { Action as Action1, ActionBarItem, ActionPosition, ActionScrollBehavior, BreadcrumbsItem, Button, CalloutType, Chip, CircularProgressSize, ClosingActions, ColorScheme, Column, ColumnAggregate, ColumnSorter, DateType, DialogHeading, DockItem, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, FlowItem, FormError, IconSize, InfoTileProgress, InputType, Language, Languages, Link, ListItem as ListItem1, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize, Tab, TableParams, ValidationError, ValidationStatus } from "./interface";
+export { Action as Action1, ActionBarItem, ActionPosition, ActionScrollBehavior, BreadcrumbsItem, Button, CalloutType, Chip, CircularProgressSize, ClosingActions, ColorScheme, Column, ColumnAggregate, ColumnSorter, DateType, DialogHeading, DockItem, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, FlowItem, FormError, Icon, IconSize, InfoTileProgress, InputType, Language, Languages, Link, ListItem as ListItem1, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize, Tab, TableParams, ValidationError, ValidationStatus } from "./interface";
 export { Action } from "./components/collapsible-section/action";
 export { Languages as Languages1, ListItem } from "@limetech/lime-elements";
 export { OfficeViewer } from "./components/file-viewer/file-viewer.types";
@@ -1021,7 +1021,7 @@ export namespace Components {
         /**
           * Icon to display
          */
-        "icon": string;
+        "icon": string | Icon;
         /**
           * Subheading to display
          */
@@ -1031,6 +1031,54 @@ export namespace Components {
          */
         "supportingText": string;
     }
+    /**
+     * A good design is self-explanatory! However, sometimes concepts are
+     * too complex to understand, no matter how well-designed a user interface is.
+     * In such cases, contextual help can be a great way to provide users with
+     * help precisely where and when users need it.
+     * In app interface design, providing contextual help emerges as a viable practice
+     * for enhancing user experience and usability.
+     * Contextual help serves as a quick-to-access guiding,
+     * empowering users to more easily understand and navigate through
+     * the intricacies of an application.
+     * Using this component designers empower users to grasp the functionality
+     * of an app more effortlessly, minimizes the learning curve,
+     * transforming complex features into accessible opportunities for exploration.
+     * @exampleComponent limel-example-help
+     * @exampleComponent limel-example-read-more
+     * @exampleComponent limel-example-open-direction
+     * @exampleComponent limel-example-placement
+     */
+    interface LimelHelp {
+        /**
+          * Decides the popover's location in relation to the trigger.
+         */
+        "openDirection": OpenDirection1;
+        /**
+          * If supplied, it will render a "Read more" link at the bottom of the content. Even though you can add a link anywhere in the content, it is recommended to use the read more link. Because it will always be displayed at the bottom of the popover after the content, does not scroll away with the content, and it will be styled in a consistent way.
+         */
+        "readMoreLink"?: Link;
+        /**
+          * Visualizes the trigger element. Defaults to: **?** :::important Be consistent across the product if you want to change it to a custom character. All instances of the help component should have the same trigger visualization. :::
+         */
+        "trigger": string;
+        /**
+          * The markdown content that will be displayed in the popover.
+         */
+        "value": string;
+    }
+    /**
+     * Help content
+     * This is scrollable content that is placed in the popover of the Help component.
+     * Moved here mostly to avoid having inlined styles in the parent component.
+     * Since you cannot send styles to the Portal component, we need to have this
+     * child component.
+     * @private 
+     */
+    interface LimelHelpContent {
+        "readMoreLink"?: Link;
+        "value": string;
+    }
     /**
      * This is an internal and private component that many input fields
      * use to display a helper text, along with a character counter below the
@@ -2890,6 +2938,44 @@ declare global {
         prototype: HTMLLimelHeaderElement;
         new (): HTMLLimelHeaderElement;
     };
+    /**
+     * A good design is self-explanatory! However, sometimes concepts are
+     * too complex to understand, no matter how well-designed a user interface is.
+     * In such cases, contextual help can be a great way to provide users with
+     * help precisely where and when users need it.
+     * In app interface design, providing contextual help emerges as a viable practice
+     * for enhancing user experience and usability.
+     * Contextual help serves as a quick-to-access guiding,
+     * empowering users to more easily understand and navigate through
+     * the intricacies of an application.
+     * Using this component designers empower users to grasp the functionality
+     * of an app more effortlessly, minimizes the learning curve,
+     * transforming complex features into accessible opportunities for exploration.
+     * @exampleComponent limel-example-help
+     * @exampleComponent limel-example-read-more
+     * @exampleComponent limel-example-open-direction
+     * @exampleComponent limel-example-placement
+     */
+    interface HTMLLimelHelpElement extends Components.LimelHelp, HTMLStencilElement {
+    }
+    var HTMLLimelHelpElement: {
+        prototype: HTMLLimelHelpElement;
+        new (): HTMLLimelHelpElement;
+    };
+    /**
+     * Help content
+     * This is scrollable content that is placed in the popover of the Help component.
+     * Moved here mostly to avoid having inlined styles in the parent component.
+     * Since you cannot send styles to the Portal component, we need to have this
+     * child component.
+     * @private 
+     */
+    interface HTMLLimelHelpContentElement extends Components.LimelHelpContent, HTMLStencilElement {
+    }
+    var HTMLLimelHelpContentElement: {
+        prototype: HTMLLimelHelpContentElement;
+        new (): HTMLLimelHelpContentElement;
+    };
     /**
      * This is an internal and private component that many input fields
      * use to display a helper text, along with a character counter below the
@@ -3509,6 +3595,8 @@ declare global {
         "limel-form": HTMLLimelFormElement;
         "limel-grid": HTMLLimelGridElement;
         "limel-header": HTMLLimelHeaderElement;
+        "limel-help": HTMLLimelHelpElement;
+        "limel-help-content": HTMLLimelHelpContentElement;
         "limel-helper-line": HTMLLimelHelperLineElement;
         "limel-icon": HTMLLimelIconElement;
         "limel-icon-button": HTMLLimelIconButtonElement;
@@ -4647,7 +4735,7 @@ declare namespace LocalJSX {
         /**
           * Icon to display
          */
-        "icon"?: string;
+        "icon"?: string | Icon;
         /**
           * Subheading to display
          */
@@ -4657,6 +4745,54 @@ declare namespace LocalJSX {
          */
         "supportingText"?: string;
     }
+    /**
+     * A good design is self-explanatory! However, sometimes concepts are
+     * too complex to understand, no matter how well-designed a user interface is.
+     * In such cases, contextual help can be a great way to provide users with
+     * help precisely where and when users need it.
+     * In app interface design, providing contextual help emerges as a viable practice
+     * for enhancing user experience and usability.
+     * Contextual help serves as a quick-to-access guiding,
+     * empowering users to more easily understand and navigate through
+     * the intricacies of an application.
+     * Using this component designers empower users to grasp the functionality
+     * of an app more effortlessly, minimizes the learning curve,
+     * transforming complex features into accessible opportunities for exploration.
+     * @exampleComponent limel-example-help
+     * @exampleComponent limel-example-read-more
+     * @exampleComponent limel-example-open-direction
+     * @exampleComponent limel-example-placement
+     */
+    interface LimelHelp {
+        /**
+          * Decides the popover's location in relation to the trigger.
+         */
+        "openDirection"?: OpenDirection1;
+        /**
+          * If supplied, it will render a "Read more" link at the bottom of the content. Even though you can add a link anywhere in the content, it is recommended to use the read more link. Because it will always be displayed at the bottom of the popover after the content, does not scroll away with the content, and it will be styled in a consistent way.
+         */
+        "readMoreLink"?: Link;
+        /**
+          * Visualizes the trigger element. Defaults to: **?** :::important Be consistent across the product if you want to change it to a custom character. All instances of the help component should have the same trigger visualization. :::
+         */
+        "trigger"?: string;
+        /**
+          * The markdown content that will be displayed in the popover.
+         */
+        "value"?: string;
+    }
+    /**
+     * Help content
+     * This is scrollable content that is placed in the popover of the Help component.
+     * Moved here mostly to avoid having inlined styles in the parent component.
+     * Since you cannot send styles to the Portal component, we need to have this
+     * child component.
+     * @private 
+     */
+    interface LimelHelpContent {
+        "readMoreLink"?: Link;
+        "value"?: string;
+    }
     /**
      * This is an internal and private component that many input fields
      * use to display a helper text, along with a character counter below the
@@ -5968,6 +6104,8 @@ declare namespace LocalJSX {
         "limel-form": LimelForm;
         "limel-grid": LimelGrid;
         "limel-header": LimelHeader;
+        "limel-help": LimelHelp;
+        "limel-help-content": LimelHelpContent;
         "limel-helper-line": LimelHelperLine;
         "limel-icon": LimelIcon;
         "limel-icon-button": LimelIconButton;
@@ -6402,6 +6540,34 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-header-narrow
              */
             "limel-header": LocalJSX.LimelHeader & JSXBase.HTMLAttributes<HTMLLimelHeaderElement>;
+            /**
+             * A good design is self-explanatory! However, sometimes concepts are
+             * too complex to understand, no matter how well-designed a user interface is.
+             * In such cases, contextual help can be a great way to provide users with
+             * help precisely where and when users need it.
+             * In app interface design, providing contextual help emerges as a viable practice
+             * for enhancing user experience and usability.
+             * Contextual help serves as a quick-to-access guiding,
+             * empowering users to more easily understand and navigate through
+             * the intricacies of an application.
+             * Using this component designers empower users to grasp the functionality
+             * of an app more effortlessly, minimizes the learning curve,
+             * transforming complex features into accessible opportunities for exploration.
+             * @exampleComponent limel-example-help
+             * @exampleComponent limel-example-read-more
+             * @exampleComponent limel-example-open-direction
+             * @exampleComponent limel-example-placement
+             */
+            "limel-help": LocalJSX.LimelHelp & JSXBase.HTMLAttributes<HTMLLimelHelpElement>;
+            /**
+             * Help content
+             * This is scrollable content that is placed in the popover of the Help component.
+             * Moved here mostly to avoid having inlined styles in the parent component.
+             * Since you cannot send styles to the Portal component, we need to have this
+             * child component.
+             * @private 
+             */
+            "limel-help-content": LocalJSX.LimelHelpContent & JSXBase.HTMLAttributes<HTMLLimelHelpContentElement>;
             /**
              * This is an internal and private component that many input fields
              * use to display a helper text, along with a character counter below the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "37.1.0-next.74",
+  "version": "37.1.0-next.76",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -45,13 +45,13 @@
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@stencil/core": "^3.4.1",
-    "@stencil/sass": "^3.0.7",
+    "@stencil/sass": "^3.0.8",
     "@types/codemirror": "^5.60.2",
     "@types/html-escaper": "^3.0.2",
     "@types/jest": "^27.4.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
     "@types/tabulator-tables": "^4.9.4",
     "@typescript-eslint/eslint-plugin": "^5.61.0",
     "@typescript-eslint/parser": "^5.62.0",
@@ -62,7 +62,7 @@
     "eslint": "^8.55.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-ban": "^1.6.0",
-    "eslint-plugin-jsdoc": "^46.9.0",
+    "eslint-plugin-jsdoc": "^46.9.1",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.33.2",

package/dist/lime-elements/p-368f4ac3.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r}from"./p-3075aa67.js";const i='@charset "UTF-8";:host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent);width:1.75rem;margin:0 0.5rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}slot[name=actions]{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{margin-right:0.125rem;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) slot[name=actions]{display:flex;justify-content:flex-end}';const a=class{constructor(r){e(this,r);this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.supportingText=undefined}render(){return[r("div",{class:"information"},this.renderIcon(),r("div",{class:"headings"},r("h1",{class:"heading",title:this.heading},this.heading),r("h2",{class:"subheading",title:this.subheading},this.subheading,this.renderSupportingText()))),r("slot",{name:"actions"},r("slot",null))]}renderIcon(){if(!this.icon){return}return r("limel-icon",{class:"icon",badge:true,name:this.icon})}renderSupportingText(){if(!this.supportingText){return}return r("span",{class:"information__headings__subheading__supporting-text"},r("span",null,"·")," ",this.supportingText)}};a.style=i;export{a as limel_header};
-//# sourceMappingURL=p-368f4ac3.entry.js.map

package/dist/lime-elements/p-368f4ac3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["headerCss","Header","render","h","class","this","renderIcon","title","heading","subheading","renderSupportingText","name","icon","badge","supportingText"],"sources":["./src/components/header/header.scss?tag=limel-header&encapsulation=shadow","./src/components/header/header.tsx"],"sourcesContent":["@use '../../style/mixins.scss';\n@use '../../style/functions.scss';\n\n/**\n * @prop --header-background-color: Background color of header, defaults to `--contrast-300`.\n * @prop --header-heading-color: Color of heading text, defaults to `--contrast-1100`.\n * @prop --header-subheading-color: Color of subheading text, defaults to `--contrast-900`.\n * @prop --header-supporting-text-color: Color of supporting text in subheading, defaults to `--header-subheading-color`.\n * @prop --header-icon-color: Color of header icon, defaults to `--contrast-1100`.\n * @prop --header-icon-background-color: Background color of header icon, defaults to `transparent`.\n * @prop --header-top-right-left-border-radius: Top-left and top-right border radius of header, defaults to `0.75rem`.\n * @prop --header-responsive-breakpoint: Defines the minimum allowed `width` of both information and actions areas in the header, defaults to `22rem`.\n */\n\n:host(limel-header) {\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n    width: 100%;\n    background-color: var(--header-background-color, rgb(var(--contrast-300)));\n    border-top-left-radius: var(\n        --header-top-right-left-border-radius,\n        functions.pxToRem(12)\n    );\n    border-top-right-radius: var(\n        --header-top-right-left-border-radius,\n        functions.pxToRem(12)\n    );\n    padding: functions.pxToRem(4);\n}\n\n.information {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    min-width: 0;\n}\n\n.icon {\n    flex-shrink: 0;\n    color: var(--header-icon-color, rgb(var(--contrast-1100)));\n    background-color: var(--header-icon-background-color, transparent);\n    width: functions.pxToRem(28);\n    margin: 0 functions.pxToRem(8);\n}\n\n.headings {\n    min-width: 0;\n    margin-left: functions.pxToRem(4);\n}\n\n.heading,\n.subheading {\n    @include mixins.truncate-text;\n    margin: 0;\n    padding: 0;\n}\n\n.heading {\n    color: var(--header-heading-color, rgb(var(--contrast-1100)));\n    font-size: functions.pxToRem(17);\n}\n\n.subheading {\n    color: var(--header-subheading-color, rgb(var(--contrast-900)));\n    font-size: functions.pxToRem(14);\n    font-weight: lighter;\n}\n\n.subheading__supporting-text {\n    color: var(--header-supporting-text-color, var(--header-subheading-color));\n    span {\n        margin: 0 functions.pxToRem(8);\n        font-weight: bold;\n    }\n}\n\nslot[name='actions'] {\n    flex-shrink: 0;\n}\n\n:host(limel-header.is-narrow) {\n    padding: functions.pxToRem(2) functions.pxToRem(4);\n\n    .icon {\n        margin-right: functions.pxToRem(2);\n        width: functions.pxToRem(20);\n    }\n    .heading {\n        font-size: functions.pxToRem(15);\n    }\n}\n\n:host(limel-header.has-responsive-layout) {\n    display: grid;\n    grid-template-columns: repeat(\n        auto-fit,\n        minmax(\n            clamp(\n                50%,\n                var(--header-responsive-breakpoint, functions.pxToRem(352)),\n                100%\n            ),\n            1fr\n        )\n    );\n    .headings {\n        padding-right: functions.pxToRem(8);\n    }\n    slot[name='actions'] {\n        display: flex;\n        justify-content: flex-end;\n    }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A header is the top most visual element in a component, page, card, or a view.\n *\n * ## Usage\n * A header is the first thing that clarifies a context for users.\n * Due to their positions in the UI hierarchy, headers are the most\n * prominent elements of a user interface; and because of that, they carry both\n * vital information and fundamental controls for the area of the interface\n * they represent.\n *\n * For example, when a header is placed on top of a card, it should quickly\n * explain the card to the user. When placed on top of a modal, it should easily\n * clarify what the modal is about. When displayed on top of a fullscreen view,\n * it should indicate where in the system users are, and what part of the app\n * they are looking at.\n *\n *\n * ## Layout\n * The vital information in a header is usually manifested in form of an icon,\n * and a heading. A subheading also could be added to provide supplementary\n * information. There is also a third place for displaying supplementary information\n * or \"supporting text\", which will be rendered as a part of the subheading.\n * Along with this information, headers can also include actions, controls, or\n * menus.\n *\n * :::important\n * Such actions or menus must affect the entire section of the interface\n * which the header is representing. For example, a _Delete_ button on a card\n * header must delete that entire card and its respective contents all together,\n * not for example a selected item which is visible in the content of that card.\n * :::\n *\n *\n * :::warning\n * Do not user background color on icons in the headers. It is much better and\n * much easier for the eye if your icon itself has a color.\n * Background colors behind icons make them look like \"call to action\" buttons\n * and take a lot of attention from users.\n * :::\n * @exampleComponent limel-example-header\n * @exampleComponent limel-example-header-colors\n * @exampleComponent limel-example-header-responsive\n * @exampleComponent limel-example-header-narrow\n * @slot actions - Content (actions) to be put inside the far right surface of\n * the header\n * @slot [no name] - DEPRECATED. The `actions` slot used to be unnamed. This\n * behavior has been deprecated, and support will be dropped in a future\n * version. Please add `slot=\"actions\"` to your elements to ensure your code\n * will continue to work with future versions of Lime Elements.\n */\n@Component({\n    tag: 'limel-header',\n    shadow: true,\n    styleUrl: 'header.scss',\n})\nexport class Header {\n    /**\n     * Icon to display\n     */\n    @Prop()\n    public icon: string;\n\n    /**\n     * Title to display\n     */\n    @Prop()\n    public heading: string;\n\n    /**\n     * Subheading to display\n     */\n    @Prop()\n    public subheading: string;\n\n    /**\n     * An extra string of text to display along with with the Subheading\n     */\n    @Prop()\n    public supportingText: string;\n\n    public render() {\n        return [\n            <div class=\"information\">\n                {this.renderIcon()}\n                <div class=\"headings\">\n                    <h1 class=\"heading\" title={this.heading}>\n                        {this.heading}\n                    </h1>\n                    <h2 class=\"subheading\" title={this.subheading}>\n                        {this.subheading}\n                        {this.renderSupportingText()}\n                    </h2>\n                </div>\n            </div>,\n            <slot name=\"actions\">\n                <slot />\n            </slot>,\n        ];\n    }\n\n    private renderIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return <limel-icon class=\"icon\" badge={true} name={this.icon} />;\n    }\n\n    private renderSupportingText() {\n        if (!this.supportingText) {\n            return;\n        }\n\n        return (\n            <span class=\"information__headings__subheading__supporting-text\">\n                <span>·</span> {this.supportingText}\n            </span>\n        );\n    }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,+nD,MCyDLC,EAAM,M,4HAyBRC,SACH,MAAO,CACHC,EAAA,OAAKC,MAAM,eACNC,KAAKC,aACNH,EAAA,OAAKC,MAAM,YACPD,EAAA,MAAIC,MAAM,UAAUG,MAAOF,KAAKG,SAC3BH,KAAKG,SAEVL,EAAA,MAAIC,MAAM,aAAaG,MAAOF,KAAKI,YAC9BJ,KAAKI,WACLJ,KAAKK,0BAIlBP,EAAA,QAAMQ,KAAK,WACPR,EAAA,c,CAKJG,aACJ,IAAKD,KAAKO,KAAM,CACZ,M,CAGJ,OAAOT,EAAA,cAAYC,MAAM,OAAOS,MAAO,KAAMF,KAAMN,KAAKO,M,CAGpDF,uBACJ,IAAKL,KAAKS,eAAgB,CACtB,M,CAGJ,OACIX,EAAA,QAAMC,MAAM,sDACRD,EAAA,iBAAc,IAAEE,KAAKS,e"}