@limetech/lime-elements 36.4.0-next.9 → 37.0.0-dev.1

package/dist/lime-elements/p-9aab2892.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,H as e,g as a}from"./p-c8818b66.js";import{d as h}from"./p-c70b1ea3.js";const n=":host(limel-tab-panel){--tab-panel-background-color:rgb(var(--contrast-100));display:block;height:100%}.tab-panel{height:100%;position:relative;display:flex;flex-direction:column}.tab-content{height:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-color:var(--tab-panel-background-color)}";const o=class{constructor(i){t(this,i);this.changeTab=s(this,"changeTab",7);this.slotElements=[];this.tabs=[];this.handleChangeTabs=this.handleChangeTabs.bind(this);this.setSlotElements=this.setSlotElements.bind(this);this.setTabStatus=this.setTabStatus.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.getSlot();if(!t){return}t.addEventListener("slotchange",this.setSlotElements);this.setSlotElements();this.tabs.forEach(this.setTabStatus)}disconnectedCallback(){const t=this.getSlot();t.removeEventListener("slotchange",this.setSlotElements)}tabsChanged(){this.hidePanels();this.tabs.forEach(this.setTabStatus)}render(){return i(e,{onChangeTab:this.handleChangeTabs},i("div",{class:"tab-panel"},i("limel-tab-bar",{tabs:this.tabs}),i("div",{class:"tab-content"},i("slot",null))))}setSlotElements(){const t=this.getSlot();this.hidePanels();this.slotElements=[].slice.call(t.assignedElements());this.tabs.forEach(this.setTabStatus)}setTabStatus(t){const s=this.slotElements.find((s=>s.id===t.id));if(!s){return}if(t.active){s.style.display=""}else{s.style.display="none"}s["tab"]=t}handleChangeTabs(t){this.tabs=this.tabs.map((s=>{if(s.id===t.detail.id){return t.detail}return s}));this.setTabStatus(t.detail);setTimeout(h)}getSlot(){return this.host.shadowRoot.querySelector("slot")}hidePanels(){this.slotElements.forEach((t=>{t.style.display="none"}))}get host(){return a(this)}static get watchers(){return{tabs:["tabsChanged"]}}};o.style=n;export{o as limel_tab_panel};
+//# sourceMappingURL=p-9aab2892.entry.js.map

package/dist/lime-elements/p-9aab2892.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tabPanelCss","TabPanel","constructor","hostRef","this","slotElements","handleChangeTabs","bind","setSlotElements","setTabStatus","connectedCallback","initialize","componentDidLoad","slot","getSlot","addEventListener","tabs","forEach","disconnectedCallback","removeEventListener","tabsChanged","hidePanels","render","h","Host","onChangeTab","class","slice","call","assignedElements","tab","element","find","e","id","active","style","display","event","map","detail","setTimeout","dispatchResizeEvent","host","shadowRoot","querySelector"],"sources":["./src/components/tab-panel/tab-panel.scss?tag=limel-tab-panel&encapsulation=shadow","./src/components/tab-panel/tab-panel.tsx"],"sourcesContent":["/**\n* @prop --tab-panel-background-color: Background color of the contents of the tab and the active tab of the tab bar. Defaults to `--contrast-100`.\n*/\n\n:host(limel-tab-panel) {\n    --tab-panel-background-color: rgb(var(--contrast-100));\n    display: block;\n    height: 100%;\n}\n\n.tab-panel {\n    // contains both limel-tab-bar and tab-content\n    height: 100%;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n}\n\n.tab-content {\n    height: 100%;\n    flex: 1;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    box-sizing: border-box;\n    background-color: var(--tab-panel-background-color);\n}\n","import {\n    Component,\n    Element,\n    h,\n    Prop,\n    EventEmitter,\n    Event,\n    Host,\n    Watch,\n} from '@stencil/core';\nimport { Tab } from '../tab-bar/tab.types';\nimport { dispatchResizeEvent } from '../../util/dispatch-resize-event';\n\n/**\n * The `limel-tab-panel` component uses the `limel-tab-bar` component together\n * with custom slotted components and will display the content for the currently\n * active tab. Each slotted component must have an id equal to the id of the\n * corresponding tab it belongs to. These components should implement the\n * [TabPanelComponent](#/type/TabPanelComponent/) interface.\n *\n * The `limel-tab-panel` component will automatically set each tab configuration\n * on the corresponding slotted component as a property named `tab` so that the\n * component can take action upon that. Sometimes it might be desirable to not\n * load data or render anything until the tab is active.\n *\n * The slotted components can also emit the `changeTab` event to update anything\n * inside the actual tab, e.g. to change the icon, color or badge.\n * @slot - Content to put inside the `limel-tab-panel`. Each slotted element\n * must have the `id` attribute equal to the id of the tab it belongs to.\n * @exampleComponent limel-example-tab-panel\n */\n@Component({\n    tag: 'limel-tab-panel',\n    styleUrl: 'tab-panel.scss',\n    shadow: true,\n})\nexport class TabPanel {\n    /**\n     * The tabs to display in the panel\n     */\n    @Prop({ mutable: true })\n    public tabs: Tab[] = [];\n\n    /**\n     * Emitted when a tab has been changed\n     */\n    @Event()\n    protected changeTab: EventEmitter<Tab>;\n\n    @Element()\n    private host: HTMLLimelTabPanelElement;\n\n    private slotElements: HTMLElement[] = [];\n\n    constructor() {\n        this.handleChangeTabs = this.handleChangeTabs.bind(this);\n        this.setSlotElements = this.setSlotElements.bind(this);\n        this.setTabStatus = this.setTabStatus.bind(this);\n    }\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    public componentDidLoad() {\n        this.initialize();\n    }\n\n    private initialize() {\n        const slot = this.getSlot();\n        if (!slot) {\n            return;\n        }\n\n        slot.addEventListener('slotchange', this.setSlotElements);\n        this.setSlotElements();\n        this.tabs.forEach(this.setTabStatus);\n    }\n\n    public disconnectedCallback() {\n        const slot = this.getSlot();\n        slot.removeEventListener('slotchange', this.setSlotElements);\n    }\n\n    @Watch('tabs')\n    public tabsChanged() {\n        this.hidePanels();\n        this.tabs.forEach(this.setTabStatus);\n    }\n\n    public render() {\n        return (\n            <Host onChangeTab={this.handleChangeTabs}>\n                <div class=\"tab-panel\">\n                    <limel-tab-bar tabs={this.tabs} />\n                    <div class=\"tab-content\">\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    private setSlotElements() {\n        const slot = this.getSlot();\n        this.hidePanels();\n        this.slotElements = [].slice.call(slot.assignedElements());\n        this.tabs.forEach(this.setTabStatus);\n    }\n\n    private setTabStatus(tab: Tab) {\n        const element = this.slotElements.find((e) => e.id === tab.id);\n        if (!element) {\n            return;\n        }\n\n        if (tab.active) {\n            element.style.display = '';\n        } else {\n            element.style.display = 'none';\n        }\n\n        element['tab'] = tab; // eslint-disable-line @typescript-eslint/dot-notation\n    }\n\n    private handleChangeTabs(event: CustomEvent<Tab>) {\n        this.tabs = this.tabs.map((tab) => {\n            if (tab.id === event.detail.id) {\n                return event.detail;\n            }\n\n            return tab;\n        });\n\n        this.setTabStatus(event.detail);\n\n        // Content inside the newly activated tab may need to redraw once\n        // visible, so we use the resize event trick. /Ads\n        setTimeout(dispatchResizeEvent);\n    }\n\n    private getSlot(): HTMLSlotElement {\n        return this.host.shadowRoot.querySelector('slot');\n    }\n\n    private hidePanels() {\n        this.slotElements.forEach((element) => {\n            element.style.display = 'none';\n        });\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAc,gV,MCoCPC,EAAQ,MAkBjBC,YAAAC,G,+CAFQC,KAAAC,aAA8B,G,UAXjB,GAcjBD,KAAKE,iBAAmBF,KAAKE,iBAAiBC,KAAKH,MACnDA,KAAKI,gBAAkBJ,KAAKI,gBAAgBD,KAAKH,MACjDA,KAAKK,aAAeL,KAAKK,aAAaF,KAAKH,K,CAGxCM,oBACHN,KAAKO,Y,CAGFC,mBACHR,KAAKO,Y,CAGDA,aACJ,MAAME,EAAOT,KAAKU,UAClB,IAAKD,EAAM,CACP,M,CAGJA,EAAKE,iBAAiB,aAAcX,KAAKI,iBACzCJ,KAAKI,kBACLJ,KAAKY,KAAKC,QAAQb,KAAKK,a,CAGpBS,uBACH,MAAML,EAAOT,KAAKU,UAClBD,EAAKM,oBAAoB,aAAcf,KAAKI,gB,CAIzCY,cACHhB,KAAKiB,aACLjB,KAAKY,KAAKC,QAAQb,KAAKK,a,CAGpBa,SACH,OACIC,EAACC,EAAI,CAACC,YAAarB,KAAKE,kBACpBiB,EAAA,OAAKG,MAAM,aACPH,EAAA,iBAAeP,KAAMZ,KAAKY,OAC1BO,EAAA,OAAKG,MAAM,eACPH,EAAA,e,CAOZf,kBACJ,MAAMK,EAAOT,KAAKU,UAClBV,KAAKiB,aACLjB,KAAKC,aAAe,GAAGsB,MAAMC,KAAKf,EAAKgB,oBACvCzB,KAAKY,KAAKC,QAAQb,KAAKK,a,CAGnBA,aAAaqB,GACjB,MAAMC,EAAU3B,KAAKC,aAAa2B,MAAMC,GAAMA,EAAEC,KAAOJ,EAAII,KAC3D,IAAKH,EAAS,CACV,M,CAGJ,GAAID,EAAIK,OAAQ,CACZJ,EAAQK,MAAMC,QAAU,E,KACrB,CACHN,EAAQK,MAAMC,QAAU,M,CAG5BN,EAAQ,OAASD,C,CAGbxB,iBAAiBgC,GACrBlC,KAAKY,KAAOZ,KAAKY,KAAKuB,KAAKT,IACvB,GAAIA,EAAII,KAAOI,EAAME,OAAON,GAAI,CAC5B,OAAOI,EAAME,M,CAGjB,OAAOV,CAAG,IAGd1B,KAAKK,aAAa6B,EAAME,QAIxBC,WAAWC,E,CAGP5B,UACJ,OAAOV,KAAKuC,KAAKC,WAAWC,cAAc,O,CAGtCxB,aACJjB,KAAKC,aAAaY,SAASc,IACvBA,EAAQK,MAAMC,QAAU,MAAM,G"}

package/dist/lime-elements/p-9acf7b5d.js

@@ -1 +1,2 @@
-import{i as n}from"./p-eda23c05.js";var r=/^(?:0|[1-9]\d*)$/;function t(n,t){var u=typeof n;return!!(t=null==t?9007199254740991:t)&&("number"==u||"symbol"!=u&&r.test(n))&&n>-1&&n%1==0&&n<t}function u(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991}function e(r){return null!=r&&u(r.length)&&!n(r)}export{t as a,e as b,u as i}
+import{i as r}from"./p-eda23c05.js";var n=9007199254740991;var a=/^(?:0|[1-9]\d*)$/;function t(r,t){var u=typeof r;t=t==null?n:t;return!!t&&(u=="number"||u!="symbol"&&a.test(r))&&(r>-1&&r%1==0&&r<t)}var u=9007199254740991;function e(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=u}function o(n){return n!=null&&e(n.length)&&!r(n)}export{t as a,o as b,e as i};
+//# sourceMappingURL=p-9acf7b5d.js.map

package/dist/lime-elements/p-9acf7b5d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_SAFE_INTEGER","reIsUint","isIndex","value","length","type","test","isLength","isArrayLike","isFunction"],"sources":["./node_modules/lodash-es/_isIndex.js","./node_modules/lodash-es/isLength.js","./node_modules/lodash-es/isArrayLike.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  var type = typeof value;\n  length = length == null ? MAX_SAFE_INTEGER : length;\n\n  return !!length &&\n    (type == 'number' ||\n      (type != 'symbol' && reIsUint.test(value))) &&\n        (value > -1 && value % 1 == 0 && value < length);\n}\n\nexport default isIndex;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n","import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n"],"mappings":"oCACA,IAAIA,EAAmB,iBAGvB,IAAIC,EAAW,mBAUf,SAASC,EAAQC,EAAOC,GACtB,IAAIC,SAAcF,EAClBC,EAASA,GAAU,KAAOJ,EAAmBI,EAE7C,QAASA,IACNC,GAAQ,UACNA,GAAQ,UAAYJ,EAASK,KAAKH,MAChCA,GAAS,GAAKA,EAAQ,GAAK,GAAKA,EAAQC,EACjD,CCrBA,IAAIJ,EAAmB,iBA4BvB,SAASO,EAASJ,GAChB,cAAcA,GAAS,UACrBA,GAAS,GAAKA,EAAQ,GAAK,GAAKA,GAASH,CAC7C,CCJA,SAASQ,EAAYL,GACnB,OAAOA,GAAS,MAAQI,EAASJ,EAAMC,UAAYK,EAAWN,EAChE,Q"}

package/dist/lime-elements/p-9e78a21c.entry.js

@@ -0,0 +1,16 @@
+import{r as t,c as i,h as s,g as e}from"./p-c8818b66.js";import{i as n}from"./p-5f020b3c.js";import{T as r,E as h,a as o,b as a,c as u,d as l,A as c,e as f,f as d,g as p}from"./p-d7801e00.js";import{c as v}from"./p-6c094f3f.js";var m=function t(i){var s=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var e=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var n=void 0;var r=void 0;var h=void 0;var o=[];return function t(){var u=y(s);var l=(new Date).getTime();var c=!n||l-n>u;n=l;for(var f=arguments.length,d=Array(f),p=0;p<f;p++){d[p]=arguments[p]}if(c&&e.leading){return e.accumulate?Promise.resolve(i.call(this,[d])).then((function(t){return t[0]})):Promise.resolve(i.call.apply(i,[this].concat(d)))}if(r){clearTimeout(h)}else{r=g()}o.push(d);h=setTimeout(a.bind(this),u);if(e.accumulate){var v=o.length-1;return r.promise.then((function(t){return t[v]}))}return r.promise};function a(){var t=r;clearTimeout(h);Promise.resolve(e.accumulate?i.call(this,o):i.apply(this,o[o.length-1])).then(t.resolve,t.reject);o=[];r=null}};function y(t){return typeof t==="function"?t():t}function g(){var t={};t.promise=new Promise((function(i,s){t.resolve=i;t.reject=s}));return t}function b(t){var i=null;var s=null;var e=new Promise((function(t,e){i=t;s=e}));t&&t.then((function(t){i&&i(t)}),(function(t){s&&s(t)}));return{promise:e,resolve:function(t){i&&i(t)},reject:function(t){s&&s(t)},cancel:function(){i=null;s=null}}}function w(t){var i=null;var s=function(){var s=[];for(var e=0;e<arguments.length;e++){s[e]=arguments[e]}i&&i();var n=t.apply(void 0,s);var r=b(n),h=r.promise,o=r.cancel;i=o;return h};return s}
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */var C=function(){C=Object.assign||function t(i){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r))i[r]=s[r]}return i};return C.apply(this,arguments)};var D={key:function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}return null},onlyResolvesLast:true};var I=function(){function t(t){this.config=t;this.debounceSingleton=null;this.debounceCache={}}t.prototype._createDebouncedFunction=function(){var t=m(this.config.func,this.config.wait,this.config.options);if(this.config.options.onlyResolvesLast){t=w(t)}return{func:t}};t.prototype.getDebouncedFunction=function(t){var i;var s=(i=this.config.options).key.apply(i,t);if(s===null||typeof s==="undefined"){if(!this.debounceSingleton){this.debounceSingleton=this._createDebouncedFunction()}return this.debounceSingleton}else{if(!this.debounceCache[s]){this.debounceCache[s]=this._createDebouncedFunction()}return this.debounceCache[s]}};return t}();function j(t,i,s){var e=C({},D,s);var n=new I({func:t,wait:i,options:e});var r=function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}var s=n.getDebouncedFunction(t).func;return s.apply(void 0,t)};return r}const x=":host{position:relative;display:block}:host([hidden]){display:none}";const S=500;const k="limel-chip-set";const L=class{constructor(s){t(this,s);this.change=i(this,"change",7);this.interact=i(this,"interact",7);this.action=i(this,"action",7);this.chipSetEditMode=false;this.disabled=false;this.readonly=false;this.label=undefined;this.searchLabel=undefined;this.helperText=undefined;this.leadingIcon=undefined;this.emptyResultMessage=undefined;this.required=false;this.value=undefined;this.searcher=undefined;this.multiple=false;this.delimiter=null;this.actions=[];this.actionPosition="bottom";this.actionScrollBehavior="sticky";this.badgeIcons=true;this.items=undefined;this.textValue="";this.loading=false;this.chips=[];this.handleTextInput=this.handleTextInput.bind(this);this.handleInputKeyDown=this.handleInputKeyDown.bind(this);this.handleDropdownKeyDown=this.handleDropdownKeyDown.bind(this);this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this);this.handleChange=this.handleChange.bind(this);this.handleInteract=this.handleInteract.bind(this);this.handleListChange=this.handleListChange.bind(this);this.handleActionListChange=this.handleActionListChange.bind(this);this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this);this.createDebouncedSearcher=this.createDebouncedSearcher.bind(this);this.handleCloseMenu=this.handleCloseMenu.bind(this);this.onListKeyDown=this.onListKeyDown.bind(this);this.portalId=v()}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.createDebouncedSearcher(this.searcher);this.chipSet=this.host.shadowRoot.querySelector(k)}async componentWillUpdate(){this.chipSetEditMode=false;if(this.chipSet){this.chipSetEditMode=await this.chipSet.getEditMode()}}render(){this.chips.forEach((t=>{if("iconBackgroundColor"in t&&!!t.iconBackgroundColor){t.iconFillColor="rgb(var(--color-white))"}}));const t={};if(!this.multiple){t.maxItems=1}return[s("limel-chip-set",Object.assign({type:"input",inputType:"search",label:this.label,helperText:this.helperText,leadingIcon:this.leadingIcon,value:this.chips,disabled:this.disabled,delimiter:this.renderDelimiter(),readonly:this.readonly,required:this.required,searchLabel:this.searchLabel,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:false,clearAllButton:this.multiple},t)),this.renderDropdown()]}onChangeValue(){this.chips=this.createChips(this.value)}createDebouncedSearcher(t){if(typeof t!=="function"){return}this.debouncedSearch=j(t,S)}renderDelimiter(){if(this.multiple){return this.delimiter}return null}createChips(t){if(!t){return[]}if(this.multiple){const i=t;return i.map(this.createChip)}const i=t;return[this.createChip(i)]}createChip(t){return{id:`${t.value}`,text:t.text,removable:true,icon:t.icon,iconBackgroundColor:t.iconColor,value:t}}renderDropdown(){const t=this.getDropdownContent();const i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();if(this.actionPosition==="top"){i.push(s)}if(t){i.push(t)}if(this.actionPosition==="bottom"){i.push(s)}}return this.renderPortal(i)}getActionContent(){var t,i;const e=(i=(t=this.actions)===null||t===void 0?void 0:t.length)!==null&&i!==void 0?i:0;if(e===0){return null}return[s("limel-list",{class:{"static-actions-list":true,"is-on-top":this.actionPosition==="top","is-at-bottom":this.actionPosition==="bottom","has-position-sticky":this.actionScrollBehavior==="sticky"},badgeIcons:true,type:"selectable",onChange:this.handleActionListChange,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}shouldShowDropDownContent(){if(this.isFull()){return false}return!!this.chipSetEditMode}getDropdownContent(){if(!this.shouldShowDropDownContent()){return}if(this.loading){return this.renderSpinner()}if(!this.items||!this.items.length){return this.renderEmptyMessage()}return this.renderListResult()}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:false}))}renderEmptyMessage(){if(!this.emptyResultMessage){return}const t={color:"rgb(var(--contrast-1100))","text-align":"center",margin:"0.5rem 1rem"};return s("p",{style:t},this.emptyResultMessage)}renderListResult(){const t=this.items.some((t=>"icon"in t&&!!t.icon));return s("limel-list",{badgeIcons:t&&this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){const i=[r,h,o].includes(t.key);const s=[a,u,l].includes(t.keyCode);if(i||s){this.chipSet.setFocus()}}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:true,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--mdc-menu-min-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement;const i=document.querySelector(`#${this.portalId}`);if(n(t,this.host)||n(t,i)){return}this.clearInputField()}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i;this.loading=true;const s=i===""?this.searcher:this.debouncedSearch;const e=await s(i);this.handleSearchResult(i,e)}handleListChange(t){var i;t.stopPropagation();if(!this.value||this.value!==t.detail){let i=t.detail;if(this.multiple){i=[...this.value,t.detail]}this.change.emit(i);this.items=[]}if(this.multiple){(i=this.chipSet)===null||i===void 0?void 0:i.setFocus(true)}}handleActionListChange(t){t.stopPropagation();if(!t.detail){return}this.action.emit(t.detail.value);this.items=[]}async handleInputFieldFocus(){this.loading=true;const t=this.textValue;const i=await this.searcher(t);this.handleSearchResult(t,i)}handleChange(t){t.stopPropagation();let i=null;if(this.multiple){const s=t.detail;i=s.map((t=>this.value.find((i=>`${i.value}`===t.id))))}this.change.emit(i)}handleInteract(t){t.stopPropagation();this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){const i=(t.key===r||t.keyCode===a)&&!t.altKey&&!t.metaKey&&!t.shiftKey;const s=t.key===c||t.keyCode===f;const e=t.key===d||t.keyCode===p;if(!i&&!s&&!e){return}const n=document.querySelector(` #${this.portalId} limel-list`);if(!n){return}t.preventDefault();if(i||e){const t=n.shadowRoot.querySelector(".mdc-deprecated-list-item:first-child");t.focus();return}if(s){const t=n.shadowRoot.querySelector(".mdc-deprecated-list-item:last-child");t.focus()}}handleDropdownKeyDown(t){const i=t.key===h||t.keyCode===u;if(i){t.preventDefault();this.textValue="";this.chipSet.setFocus(true)}}handleSearchResult(t,i){if(t===this.textValue){this.items=i;if(this.multiple){const t=this.value;this.items=i.filter((i=>!t.includes(i)))}this.loading=false}}handleCloseMenu(){if(this.items.length>0){return}this.clearInputField()}clearInputField(){this.chipSet.emptyInput();this.textValue="";this.handleSearchResult("",[])}get host(){return e(this)}static get watchers(){return{value:["onChangeValue"],searcher:["createDebouncedSearcher"]}}};L.style=x;export{L as limel_picker};
+//# sourceMappingURL=p-9e78a21c.entry.js.map

package/dist/lime-elements/p-9e78a21c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dist","debounce","fn","wait","arguments","length","undefined","options","lastCallAt","deferred","timer","pendingArgs","debounced","currentWait","getWait","currentTime","Date","getTime","isCold","_len","args","Array","_key","leading","accumulate","Promise","resolve","call","this","then","result","apply","concat","clearTimeout","defer","push","setTimeout","flush","bind","argsIndex","promise","results","thisDeferred","reject","createImperativePromise","promiseArg","wrappedPromise","_resolve","_reject","val","error","value","reason","cancel","onlyResolvesLast","asyncFunction","cancelPrevious","wrappedFunction","_i","initialPromise","_a","__assign","Object","assign","t","s","i","n","p","prototype","hasOwnProperty","DefaultOptions","key","_args","DebounceCache","config","debounceSingleton","debounceCache","_createDebouncedFunction","debouncedFunc","DebouncePromise","func","getDebouncedFunction","AwesomeDebouncePromise","finalOptions","AwesomeDebouncePromiseWrapper","debouncedFn","pickerCss","SEARCH_DEBOUNCE","CHIP_SET_TAG_NAME","Picker","constructor","hostRef","chipSetEditMode","handleTextInput","handleInputKeyDown","handleDropdownKeyDown","handleInputFieldFocus","handleChange","handleInteract","handleListChange","handleActionListChange","handleStopEditAndBlur","createDebouncedSearcher","handleCloseMenu","onListKeyDown","portalId","createRandomString","componentWillLoad","chips","createChips","componentDidLoad","searcher","chipSet","host","shadowRoot","querySelector","async","getEditMode","render","forEach","chip","iconBackgroundColor","iconFillColor","props","multiple","maxItems","h","type","inputType","label","helperText","leadingIcon","disabled","delimiter","renderDelimiter","readonly","required","searchLabel","onInput","onKeyDown","onChange","onInteract","onStartEdit","onStopEdit","emptyInputOnBlur","clearAllButton","renderDropdown","onChangeValue","newValue","debouncedSearch","listItems","map","createChip","listItem","id","text","removable","icon","iconColor","dropDownContent","getDropdownContent","content","shouldShowDropDownContent","actionContent","getActionContent","actionPosition","renderPortal","actionCount","_b","actions","class","actionScrollBehavior","badgeIcons","items","removeUnusedPropertiesOnAction","action","isFull","loading","renderSpinner","renderEmptyMessage","renderListResult","style","width","display","padding","limeBranded","emptyResultMessage","color","margin","hasIcons","some","item","event","keyFound","TAB","ESCAPE","ENTER","includes","keyCodeFound","TAB_KEY_CODE","ESCAPE_KEY_CODE","ENTER_KEY_CODE","keyCode","setFocus","dropdownZIndex","getComputedStyle","getPropertyValue","visible","containerId","inheritParentWidth","containerStyle","open","allowClicksElement","onDismiss","element","activeElement","document","portalElement","isDescendant","clearInputField","stopPropagation","query","detail","textValue","searchFn","handleSearchResult","change","emit","find","interact","isForwardTab","altKey","metaKey","shiftKey","isUp","ARROW_UP","ARROW_UP_KEY_CODE","isDown","ARROW_DOWN","ARROW_DOWN_KEY_CODE","list","preventDefault","listElement","focus","isEscape","values","filter","emptyInput"],"sources":["./node_modules/debounce-promise/dist/index.js","./node_modules/awesome-imperative-promise/dist/index.es.js","./node_modules/awesome-only-resolves-last-promise/dist/index.es.js","./node_modules/awesome-debounce-promise/dist/index.es.js","./src/components/picker/picker.scss?tag=limel-picker&encapsulation=shadow","./src/components/picker/picker.tsx"],"sourcesContent":["'use strict';\n\n/* global setTimeout, clearTimeout */\n\nmodule.exports = function debounce(fn) {\n  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n  var lastCallAt = void 0;\n  var deferred = void 0;\n  var timer = void 0;\n  var pendingArgs = [];\n  return function debounced() {\n    var currentWait = getWait(wait);\n    var currentTime = new Date().getTime();\n\n    var isCold = !lastCallAt || currentTime - lastCallAt > currentWait;\n\n    lastCallAt = currentTime;\n\n    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    if (isCold && options.leading) {\n      return options.accumulate ? Promise.resolve(fn.call(this, [args])).then(function (result) {\n        return result[0];\n      }) : Promise.resolve(fn.call.apply(fn, [this].concat(args)));\n    }\n\n    if (deferred) {\n      clearTimeout(timer);\n    } else {\n      deferred = defer();\n    }\n\n    pendingArgs.push(args);\n    timer = setTimeout(flush.bind(this), currentWait);\n\n    if (options.accumulate) {\n      var argsIndex = pendingArgs.length - 1;\n      return deferred.promise.then(function (results) {\n        return results[argsIndex];\n      });\n    }\n\n    return deferred.promise;\n  };\n\n  function flush() {\n    var thisDeferred = deferred;\n    clearTimeout(timer);\n\n    Promise.resolve(options.accumulate ? fn.call(this, pendingArgs) : fn.apply(this, pendingArgs[pendingArgs.length - 1])).then(thisDeferred.resolve, thisDeferred.reject);\n\n    pendingArgs = [];\n    deferred = null;\n  }\n};\n\nfunction getWait(wait) {\n  return typeof wait === 'function' ? wait() : wait;\n}\n\nfunction defer() {\n  var deferred = {};\n  deferred.promise = new Promise(function (resolve, reject) {\n    deferred.resolve = resolve;\n    deferred.reject = reject;\n  });\n  return deferred;\n}\n//# sourceMappingURL=index.js.map","function createImperativePromise(promiseArg) {\r\n    var resolve = null;\r\n    var reject = null;\r\n    var wrappedPromise = new Promise(function (_resolve, _reject) {\r\n        resolve = _resolve;\r\n        reject = _reject;\r\n    });\r\n    promiseArg && promiseArg.then(function (val) {\r\n        resolve && resolve(val);\r\n    }, function (error) {\r\n        reject && reject(error);\r\n    });\r\n    return {\r\n        promise: wrappedPromise,\r\n        resolve: function (value) {\r\n            resolve && resolve(value);\r\n        },\r\n        reject: function (reason) {\r\n            reject && reject(reason);\r\n        },\r\n        cancel: function () {\r\n            resolve = null;\r\n            reject = null;\r\n        }\r\n    };\r\n}\n\nexport { createImperativePromise };\n//# sourceMappingURL=index.es.js.map\n","import { createImperativePromise } from 'awesome-imperative-promise';\n\n// see https://stackoverflow.com/a/54825370/82609\r\nfunction onlyResolvesLast(asyncFunction) {\r\n    var cancelPrevious = null;\r\n    var wrappedFunction = function () {\r\n        var args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            args[_i] = arguments[_i];\r\n        }\r\n        cancelPrevious && cancelPrevious();\r\n        var initialPromise = asyncFunction.apply(void 0, args);\r\n        var _a = createImperativePromise(initialPromise), promise = _a.promise, cancel = _a.cancel;\r\n        cancelPrevious = cancel;\r\n        return promise;\r\n    };\r\n    return wrappedFunction; // TODO fix TS\r\n}\n\nexport { onlyResolvesLast };\n//# sourceMappingURL=index.es.js.map\n","import DebouncePromise from 'debounce-promise';\nimport { onlyResolvesLast } from 'awesome-only-resolves-last-promise';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\n\nvar DefaultOptions = {\r\n    // One distinct debounced function is created per key and added to an internal cache\r\n    // By default, the key is null, which means that all the calls\r\n    // will share the same debounced function\r\n    key: function () {\r\n        var _args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            _args[_i] = arguments[_i];\r\n        }\r\n        return null;\r\n    },\r\n    // By default, a debounced function will only resolve\r\n    // the last promise it returned\r\n    // Former calls will stay unresolved, so that you don't have\r\n    // to handle concurrency issues in your code\r\n    // Setting this to false means all returned promises will resolve to the last result\r\n    onlyResolvesLast: true,\r\n};\r\n// We create a debouncing function cache, because when wrapping the original function,\r\n// we may actually want to route the function call to different debounced functions depending function paameters\r\nvar DebounceCache = /** @class */ (function () {\r\n    function DebounceCache(config) {\r\n        this.config = config;\r\n        this.debounceSingleton = null;\r\n        this.debounceCache = {}; // when key feature is used\r\n    }\r\n    DebounceCache.prototype._createDebouncedFunction = function () {\r\n        var debouncedFunc = DebouncePromise(this.config.func, this.config.wait, this.config.options); // TODO TS\r\n        if (this.config.options.onlyResolvesLast) {\r\n            debouncedFunc = onlyResolvesLast(debouncedFunc);\r\n        }\r\n        return {\r\n            func: debouncedFunc,\r\n        };\r\n    };\r\n    DebounceCache.prototype.getDebouncedFunction = function (args) {\r\n        var _a;\r\n        var key = (_a = this.config.options).key.apply(_a, args);\r\n        if (key === null || typeof key === 'undefined') {\r\n            if (!this.debounceSingleton) {\r\n                this.debounceSingleton = this._createDebouncedFunction();\r\n            }\r\n            return this.debounceSingleton;\r\n        }\r\n        else {\r\n            if (!this.debounceCache[key]) {\r\n                this.debounceCache[key] = this._createDebouncedFunction();\r\n            }\r\n            return this.debounceCache[key];\r\n        }\r\n    };\r\n    return DebounceCache;\r\n}());\r\nfunction AwesomeDebouncePromise(func, wait, options) {\r\n    var finalOptions = __assign({}, DefaultOptions, options);\r\n    var debounceCache = new DebounceCache({\r\n        func: func,\r\n        wait: wait,\r\n        options: finalOptions,\r\n    });\r\n    var AwesomeDebouncePromiseWrapper = (function () {\r\n        var args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            args[_i] = arguments[_i];\r\n        }\r\n        var debouncedFn = debounceCache.getDebouncedFunction(args).func;\r\n        return debouncedFn.apply(void 0, args);\r\n    }); // TODO fix TS\r\n    /*\r\n    AwesomeDebouncePromiseWrapper.cancel = (key?: string) => {\r\n  \n    };\r\n    */\r\n    return AwesomeDebouncePromiseWrapper;\r\n}\n\nexport default AwesomeDebouncePromise;\n//# sourceMappingURL=index.es.js.map\n","// Note! The `--dropdown-z-index` property is used from `picker.tsx`.\n/**\n  * @prop --dropdown-z-index: z-index of the dropdown menu.\n  */\n\n:host {\n    position: relative;\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n","import {\n    Action,\n    Chip,\n    LimelChipSetCustomEvent,\n    LimelListCustomEvent,\n    ListItem,\n    Searcher,\n} from '@limetech/lime-elements';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport AwesomeDebouncePromise from 'awesome-debounce-promise';\nimport { isDescendant } from '../../util/dom';\nimport {\n    ARROW_DOWN,\n    ARROW_DOWN_KEY_CODE,\n    ARROW_UP,\n    ARROW_UP_KEY_CODE,\n    ENTER,\n    ENTER_KEY_CODE,\n    ESCAPE,\n    ESCAPE_KEY_CODE,\n    TAB,\n    TAB_KEY_CODE,\n} from '../../util/keycodes';\nimport { createRandomString } from '../../util/random-string';\nimport { ActionScrollBehavior, ActionPosition } from './actions.types';\n\nconst SEARCH_DEBOUNCE = 500;\nconst CHIP_SET_TAG_NAME = 'limel-chip-set';\n\n/**\n * @exampleComponent limel-example-picker-single\n * @exampleComponent limel-example-picker-multiple\n * @exampleComponent limel-example-picker-icons\n * @exampleComponent limel-example-picker-empty-suggestions\n * @exampleComponent limel-example-picker-leading-icon\n * @exampleComponent limel-example-picker-static-actions\n * @exampleComponent limel-example-picker-composite\n */\n@Component({\n    tag: 'limel-picker',\n    shadow: true,\n    styleUrl: 'picker.scss',\n})\nexport class Picker {\n    /**\n     * True if the picker should be disabled\n     */\n    @Prop()\n    public disabled: boolean = false;\n\n    /**\n     * Set to `true` to disable adding and removing items,\n     * but allow interaction with existing items.\n     */\n    @Prop({ reflect: true })\n    public readonly: boolean = false;\n\n    /**\n     * Text to display for the input field of the picker\n     */\n    @Prop()\n    public label: string;\n\n    /**\n     * Search label to display in the input field when searching\n     */\n    @Prop()\n    public searchLabel: string;\n\n    /**\n     * Optional helper text to display below the input field when it has focus\n     */\n    @Prop({ reflect: true })\n    public helperText: string;\n\n    /**\n     * Leading icon to show to the far left in the text field\n     */\n    @Prop()\n    public leadingIcon: string;\n\n    /**\n     * A message to display when the search returned an empty result\n     */\n    @Prop()\n    public emptyResultMessage: string;\n\n    /**\n     * True if the control requires a value\n     */\n    @Prop()\n    public required: boolean = false;\n\n    /**\n     * Currently selected value or values\n     */\n    @Prop()\n    public value: ListItem<number | string> | Array<ListItem<number | string>>;\n\n    /**\n     * A search function that takes a search-string as an argument,\n     * and returns a promise that will eventually be resolved with\n     * an array of `ListItem`:s.\n     *\n     * See the docs for the type `Searcher` for type information on\n     * the searcher function itself.\n     */\n    @Prop()\n    public searcher: Searcher;\n\n    /**\n     * True if multiple values are allowed\n     */\n    @Prop()\n    public multiple: boolean = false;\n\n    /**\n     * Sets delimiters between chips. Works only when `multiple` is `true`.\n     */\n    @Prop({ reflect: true })\n    public delimiter: string = null;\n\n    /**\n     * Static actions that can be clicked by the user.\n     */\n    @Prop()\n    public actions: Array<ListItem<Action>> = [];\n\n    /**\n     * Position of the custom static actions in the picker's results dropdown.\n     * Can be set to `'top'` or `'bottom'`.\n     */\n    @Prop()\n    public actionPosition: ActionPosition = 'bottom';\n\n    /**\n     * Scroll behavior of the custom static actions, when user scrolls\n     * in the picker's results dropdown. Can be set to `'scroll'` which means\n     * the action items will scroll together with the list, or `'sticky'` which\n     * retains their position at the top or bottom of the drop down while\n     * scrolling.\n     */\n    @Prop()\n    public actionScrollBehavior: ActionScrollBehavior = 'sticky';\n\n    /**\n     * Whether badge icons should be used in the result list or not\n     */\n    @Prop({ reflect: true })\n    public badgeIcons: boolean = true;\n\n    /**\n     * Fired when a new value has been selected from the picker\n     */\n    @Event()\n    private change: EventEmitter<\n        ListItem<number | string> | Array<ListItem<number | string>>\n    >;\n\n    /**\n     * Fired when clicking on a selected value\n     */\n    @Event()\n    private interact: EventEmitter<ListItem<number | string>>;\n\n    /**\n     * Emitted when the user selects an action.\n     */\n    @Event()\n    private action: EventEmitter<Action>;\n\n    @State()\n    private items: Array<ListItem<number | string>>;\n\n    @State()\n    private textValue: string = '';\n\n    @State()\n    private loading: boolean = false;\n\n    @State()\n    private chips: Chip[] = [];\n\n    @Element()\n    private host: HTMLLimelPickerElement;\n\n    // Should NOT be decorated with State(), since this\n    // should not trigger a re-render by itself.\n    private chipSetEditMode = false;\n\n    private debouncedSearch: Searcher;\n    private chipSet: HTMLLimelChipSetElement;\n    private portalId: string;\n\n    constructor() {\n        this.handleTextInput = this.handleTextInput.bind(this);\n        this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n        this.handleDropdownKeyDown = this.handleDropdownKeyDown.bind(this);\n        this.handleInputFieldFocus = this.handleInputFieldFocus.bind(this);\n        this.handleChange = this.handleChange.bind(this);\n        this.handleInteract = this.handleInteract.bind(this);\n        this.handleListChange = this.handleListChange.bind(this);\n        this.handleActionListChange = this.handleActionListChange.bind(this);\n        this.handleStopEditAndBlur = this.handleStopEditAndBlur.bind(this);\n        this.createDebouncedSearcher = this.createDebouncedSearcher.bind(this);\n        this.handleCloseMenu = this.handleCloseMenu.bind(this);\n        this.onListKeyDown = this.onListKeyDown.bind(this);\n\n        this.portalId = createRandomString();\n    }\n\n    public componentWillLoad() {\n        this.chips = this.createChips(this.value);\n    }\n\n    public componentDidLoad() {\n        this.createDebouncedSearcher(this.searcher);\n        this.chipSet = this.host.shadowRoot.querySelector(CHIP_SET_TAG_NAME);\n    }\n\n    public async componentWillUpdate() {\n        this.chipSetEditMode = false;\n        if (this.chipSet) {\n            this.chipSetEditMode = await this.chipSet.getEditMode();\n        }\n    }\n\n    public render() {\n        this.chips.forEach((chip: Chip) => {\n            if ('iconBackgroundColor' in chip && !!chip.iconBackgroundColor) {\n                chip.iconFillColor = 'rgb(var(--color-white))';\n            }\n        });\n\n        const props: {\n            maxItems?: number;\n        } = {};\n\n        if (!this.multiple) {\n            props.maxItems = 1;\n        }\n\n        return [\n            <limel-chip-set\n                type=\"input\"\n                inputType=\"search\"\n                label={this.label}\n                helperText={this.helperText}\n                leadingIcon={this.leadingIcon}\n                value={this.chips}\n                disabled={this.disabled}\n                delimiter={this.renderDelimiter()}\n                readonly={this.readonly}\n                required={this.required}\n                searchLabel={this.searchLabel}\n                onInput={this.handleTextInput}\n                onKeyDown={this.handleInputKeyDown}\n                onChange={this.handleChange}\n                onInteract={this.handleInteract}\n                onStartEdit={this.handleInputFieldFocus}\n                onStopEdit={this.handleStopEditAndBlur}\n                emptyInputOnBlur={false}\n                clearAllButton={this.multiple}\n                {...props}\n            />,\n            this.renderDropdown(),\n        ];\n    }\n\n    @Watch('value')\n    protected onChangeValue() {\n        this.chips = this.createChips(this.value);\n    }\n\n    @Watch('searcher')\n    protected createDebouncedSearcher(newValue: Searcher) {\n        if (typeof newValue !== 'function') {\n            return;\n        }\n\n        this.debouncedSearch = AwesomeDebouncePromise(\n            newValue,\n            SEARCH_DEBOUNCE\n        );\n    }\n\n    private renderDelimiter() {\n        if (this.multiple) {\n            return this.delimiter;\n        }\n\n        return null;\n    }\n\n    private createChips(value: ListItem | ListItem[]): Chip[] {\n        if (!value) {\n            return [];\n        }\n\n        if (this.multiple) {\n            const listItems: ListItem[] = value as ListItem[];\n\n            return listItems.map(this.createChip);\n        }\n\n        const listItem: ListItem = value as ListItem;\n\n        return [this.createChip(listItem)];\n    }\n\n    private createChip(listItem: ListItem): Chip {\n        return {\n            id: `${listItem.value}`,\n            text: listItem.text,\n            removable: true,\n            icon: listItem.icon,\n            iconBackgroundColor: listItem.iconColor,\n            value: listItem,\n        };\n    }\n\n    /**\n     * Renders the dropdown with the items to pick from, or a spinner if the picker\n     * is waiting for items to be received\n     * @returns {HTMLElement} picker dropdown\n     */\n    private renderDropdown() {\n        const dropDownContent = this.getDropdownContent();\n\n        const content = [];\n\n        if (this.shouldShowDropDownContent()) {\n            const actionContent = this.getActionContent();\n            if (this.actionPosition === 'top') {\n                content.push(actionContent);\n            }\n\n            if (dropDownContent) {\n                content.push(dropDownContent);\n            }\n\n            if (this.actionPosition === 'bottom') {\n                content.push(actionContent);\n            }\n        }\n\n        return this.renderPortal(content);\n    }\n\n    private getActionContent() {\n        const actionCount = this.actions?.length ?? 0;\n        if (actionCount === 0) {\n            return null;\n        }\n\n        return [\n            <limel-list\n                class={{\n                    'static-actions-list': true,\n                    'is-on-top': this.actionPosition === 'top',\n                    'is-at-bottom': this.actionPosition === 'bottom',\n                    'has-position-sticky':\n                        this.actionScrollBehavior === 'sticky',\n                }}\n                badgeIcons={true}\n                type={'selectable'}\n                onChange={this.handleActionListChange}\n                items={this.actions.map(this.removeUnusedPropertiesOnAction)}\n            />,\n        ];\n    }\n\n    private removeUnusedPropertiesOnAction(\n        action: ListItem<Action>\n    ): ListItem<Action> {\n        return {\n            ...action,\n            actions: [],\n        };\n    }\n\n    private shouldShowDropDownContent() {\n        if (this.isFull()) {\n            return false;\n        }\n\n        return !!this.chipSetEditMode;\n    }\n\n    private getDropdownContent() {\n        if (!this.shouldShowDropDownContent()) {\n            return;\n        }\n\n        if (this.loading) {\n            return this.renderSpinner();\n        }\n\n        if (!this.items || !this.items.length) {\n            return this.renderEmptyMessage();\n        }\n\n        return this.renderListResult();\n    }\n\n    /**\n     * Returns true if the picker is \"full\"\n     * The picker is considered to be full if it has a value and only one is allowed\n     * @returns {boolean} true if the picker is full\n     */\n    private isFull(): boolean {\n        return !this.multiple && !!this.value;\n    }\n\n    private renderSpinner() {\n        return (\n            <div\n                style={{\n                    width: '100%',\n                    display: 'flex',\n                    'align-items': 'center',\n                    'justify-content': 'center',\n                    padding: '1rem 0',\n                }}\n            >\n                <limel-spinner limeBranded={false} />\n            </div>\n        );\n    }\n\n    private renderEmptyMessage() {\n        if (!this.emptyResultMessage) {\n            return;\n        }\n\n        const style = {\n            color: 'rgb(var(--contrast-1100))',\n            'text-align': 'center',\n            margin: '0.5rem 1rem',\n        };\n\n        return <p style={style}>{this.emptyResultMessage}</p>;\n    }\n\n    private renderListResult() {\n        const hasIcons = this.items.some((item) => {\n            return 'icon' in item && !!item.icon;\n        });\n\n        return (\n            <limel-list\n                badgeIcons={hasIcons && this.badgeIcons}\n                onChange={this.handleListChange}\n                onKeyDown={this.onListKeyDown}\n                type=\"selectable\"\n                items={this.items}\n            />\n        );\n    }\n\n    private onListKeyDown(event: KeyboardEvent) {\n        const keyFound = [TAB, ESCAPE, ENTER].includes(event.key);\n        const keyCodeFound = [\n            TAB_KEY_CODE,\n            ESCAPE_KEY_CODE,\n            ENTER_KEY_CODE,\n        ].includes(event.keyCode);\n        if (keyFound || keyCodeFound) {\n            this.chipSet.setFocus();\n        }\n    }\n\n    private renderPortal(content: any[] = []) {\n        const dropdownZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--dropdown-z-index'\n        );\n\n        return (\n            <limel-portal\n                visible={content.length > 0}\n                containerId={this.portalId}\n                inheritParentWidth={true}\n                containerStyle={{ 'z-index': dropdownZIndex }}\n            >\n                <limel-menu-surface\n                    open={content.length > 0}\n                    allowClicksElement={this.host}\n                    style={{\n                        '--mdc-menu-min-width': '100%',\n                        'max-height': 'inherit',\n                        display: 'flex',\n                    }}\n                    onDismiss={this.handleCloseMenu}\n                >\n                    {content}\n                </limel-menu-surface>\n            </limel-portal>\n        );\n    }\n\n    /**\n     * Check if a descendant still has focus. If not, reset text value and search result.\n     * @returns {void}\n     */\n    private handleStopEditAndBlur() {\n        // In browsers where shadow DOM is not supported activeElement on shadowRoot will return null\n        // However, document.activeElement will return the actual focused element instead of the outermost shadow host\n        const element =\n            this.host.shadowRoot.activeElement || document.activeElement;\n        const portalElement = document.querySelector(`#${this.portalId}`);\n        if (\n            isDescendant(element as HTMLElement, this.host) ||\n            isDescendant(element as HTMLElement, portalElement as HTMLElement)\n        ) {\n            return;\n        }\n\n        this.clearInputField();\n    }\n\n    /**\n     * Input handler for the input field\n     * @param {InputEvent} event event\n     * @returns {void}\n     */\n    private async handleTextInput(event) {\n        event.stopPropagation();\n\n        const query = event.detail;\n        this.textValue = query;\n        this.loading = true;\n\n        // If the search-query is an empty string, bypass debouncing.\n        const searchFn = query === '' ? this.searcher : this.debouncedSearch;\n        const result = await searchFn(query);\n        this.handleSearchResult(query, result);\n    }\n\n    /**\n     * Change handler for the list\n     * @param {LimelListCustomEvent<ListItem>} event event\n     * @returns {void}\n     */\n    private handleListChange(event: LimelListCustomEvent<ListItem>) {\n        event.stopPropagation();\n        if (!this.value || this.value !== event.detail) {\n            let newValue: ListItem | ListItem[] = event.detail;\n            if (this.multiple) {\n                newValue = [...(this.value as ListItem[]), event.detail];\n            }\n\n            this.change.emit(newValue);\n            this.items = [];\n        }\n\n        if (this.multiple) {\n            this.chipSet?.setFocus(true);\n        }\n    }\n\n    /**\n     * Change handler for the list\n     * @param {LimelChipSetCustomEvent} event event\n     * @returns {void}\n     */\n    private handleActionListChange(\n        event: LimelListCustomEvent<ListItem<Action>>\n    ) {\n        event.stopPropagation();\n        if (!event.detail) {\n            return;\n        }\n\n        this.action.emit(event.detail.value);\n        this.items = [];\n    }\n\n    /**\n     * Focus handler for the chip set\n     * Prevent focus if the picker has a value and does not support multiple values\n     * @returns {void}\n     */\n    private async handleInputFieldFocus() {\n        this.loading = true;\n        const query = this.textValue;\n        const result = await this.searcher(query);\n        this.handleSearchResult(query, result);\n    }\n\n    private handleChange(event: LimelChipSetCustomEvent<Chip | Chip[]>) {\n        event.stopPropagation();\n\n        let newValue = null;\n        if (this.multiple) {\n            const chips = event.detail as Chip[];\n            newValue = chips.map((chip) => {\n                return (this.value as ListItem[]).find((item) => {\n                    return `${item.value}` === chip.id;\n                });\n            });\n        }\n\n        this.change.emit(newValue);\n    }\n\n    private handleInteract(event: LimelChipSetCustomEvent<Chip>) {\n        event.stopPropagation();\n        this.interact.emit(event.detail ? event.detail.value : event.detail);\n    }\n\n    /**\n     * Key handler for the input field\n     * Will change focus to the first/last item in the dropdown list to enable selection with the keyboard\n     * @param {KeyboardEvent} event event\n     * @returns {void}\n     */\n    private handleInputKeyDown(event: KeyboardEvent) {\n        const isForwardTab =\n            (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&\n            !event.altKey &&\n            !event.metaKey &&\n            !event.shiftKey;\n        const isUp =\n            event.key === ARROW_UP || event.keyCode === ARROW_UP_KEY_CODE;\n        const isDown =\n            event.key === ARROW_DOWN || event.keyCode === ARROW_DOWN_KEY_CODE;\n\n        if (!isForwardTab && !isUp && !isDown) {\n            return;\n        }\n\n        const list = document.querySelector(` #${this.portalId} limel-list`);\n        if (!list) {\n            return;\n        }\n\n        event.preventDefault();\n\n        if (isForwardTab || isDown) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:first-child'\n            );\n            listElement.focus();\n\n            return;\n        }\n\n        if (isUp) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:last-child'\n            );\n            listElement.focus();\n        }\n    }\n\n    /**\n     * Key handler for the dropdown\n     * @param {KeyboardEvent} event event\n     * @returns {void}\n     */\n    private handleDropdownKeyDown(event: KeyboardEvent) {\n        const isEscape =\n            event.key === ESCAPE || event.keyCode === ESCAPE_KEY_CODE;\n\n        if (isEscape) {\n            event.preventDefault();\n            this.textValue = '';\n            this.chipSet.setFocus(true);\n        }\n    }\n\n    private handleSearchResult(query: string, result: ListItem[]) {\n        if (query === this.textValue) {\n            this.items = result;\n            if (this.multiple) {\n                const values = this.value as ListItem[];\n                this.items = result.filter((item) => {\n                    return !values.includes(item);\n                });\n            }\n\n            this.loading = false;\n        }\n    }\n\n    private handleCloseMenu() {\n        if (this.items.length > 0) {\n            return;\n        }\n\n        this.clearInputField();\n    }\n\n    private clearInputField() {\n        this.chipSet.emptyInput();\n        this.textValue = '';\n        this.handleSearchResult('', []);\n    }\n}\n"],"mappings":"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"}

package/dist/lime-elements/p-9faad6eb.js

@@ -20,4 +20,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var n={animation:{prefixed:"-webkit-animation",standard:"animation"},transform:{prefixed:"-webkit-transform",standard:"transform"},transition:{prefixed:"-webkit-transition",standard:"transition"}},i={animationend:{cssProperty:"animation",prefixed:"webkitAnimationEnd",standard:"animationend"},animationiteration:{cssProperty:"animation",prefixed:"webkitAnimationIteration",standard:"animationiteration"},animationstart:{cssProperty:"animation",prefixed:"webkitAnimationStart",standard:"animationstart"},transitionend:{cssProperty:"transition",prefixed:"webkitTransitionEnd",standard:"transitionend"}};function t(n){return Boolean(n.document)&&"function"==typeof n.document.createElement}function a(i,a){if(t(i)&&a in n){var r=i.document.createElement("div"),e=n[a],o=e.standard;return o in r.style?o:e.prefixed}return a}function r(n,a){if(t(n)&&a in i){var r=n.document.createElement("div"),e=i[a];return e.cssProperty in r.style?e.standard:e.prefixed}return a}export{r as a,a as g}
+var n={animation:{prefixed:"-webkit-animation",standard:"animation"},transform:{prefixed:"-webkit-transform",standard:"transform"},transition:{prefixed:"-webkit-transition",standard:"transition"}};var i={animationend:{cssProperty:"animation",prefixed:"webkitAnimationEnd",standard:"animationend"},animationiteration:{cssProperty:"animation",prefixed:"webkitAnimationIteration",standard:"animationiteration"},animationstart:{cssProperty:"animation",prefixed:"webkitAnimationStart",standard:"animationstart"},transitionend:{cssProperty:"transition",prefixed:"webkitTransitionEnd",standard:"transitionend"}};function t(n){return Boolean(n.document)&&typeof n.document.createElement==="function"}function a(i,a){if(t(i)&&a in n){var r=i.document.createElement("div");var e=n[a],o=e.standard,d=e.prefixed;var s=o in r.style;return s?o:d}return a}function r(n,a){if(t(n)&&a in i){var r=n.document.createElement("div");var e=i[a],o=e.standard,d=e.prefixed,s=e.cssProperty;var m=s in r.style;return m?o:d}return a}export{r as a,a as g};
+//# sourceMappingURL=p-9faad6eb.js.map

package/dist/lime-elements/p-9faad6eb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cssPropertyNameMap","animation","prefixed","standard","transform","transition","jsEventTypeMap","animationend","cssProperty","animationiteration","animationstart","transitionend","isWindow","windowObj","Boolean","document","createElement","getCorrectPropertyName","el","_a","isStandard","style","getCorrectEventName","eventType"],"sources":["./node_modules/@material/animation/util.js"],"sourcesContent":["/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssPropertyNameMap = {\n    animation: {\n        prefixed: '-webkit-animation',\n        standard: 'animation',\n    },\n    transform: {\n        prefixed: '-webkit-transform',\n        standard: 'transform',\n    },\n    transition: {\n        prefixed: '-webkit-transition',\n        standard: 'transition',\n    },\n};\nvar jsEventTypeMap = {\n    animationend: {\n        cssProperty: 'animation',\n        prefixed: 'webkitAnimationEnd',\n        standard: 'animationend',\n    },\n    animationiteration: {\n        cssProperty: 'animation',\n        prefixed: 'webkitAnimationIteration',\n        standard: 'animationiteration',\n    },\n    animationstart: {\n        cssProperty: 'animation',\n        prefixed: 'webkitAnimationStart',\n        standard: 'animationstart',\n    },\n    transitionend: {\n        cssProperty: 'transition',\n        prefixed: 'webkitTransitionEnd',\n        standard: 'transitionend',\n    },\n};\nfunction isWindow(windowObj) {\n    return Boolean(windowObj.document) && typeof windowObj.document.createElement === 'function';\n}\nexport function getCorrectPropertyName(windowObj, cssProperty) {\n    if (isWindow(windowObj) && cssProperty in cssPropertyNameMap) {\n        var el = windowObj.document.createElement('div');\n        var _a = cssPropertyNameMap[cssProperty], standard = _a.standard, prefixed = _a.prefixed;\n        var isStandard = standard in el.style;\n        return isStandard ? standard : prefixed;\n    }\n    return cssProperty;\n}\nexport function getCorrectEventName(windowObj, eventType) {\n    if (isWindow(windowObj) && eventType in jsEventTypeMap) {\n        var el = windowObj.document.createElement('div');\n        var _a = jsEventTypeMap[eventType], standard = _a.standard, prefixed = _a.prefixed, cssProperty = _a.cssProperty;\n        var isStandard = cssProperty in el.style;\n        return isStandard ? standard : prefixed;\n    }\n    return eventType;\n}\n//# sourceMappingURL=util.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAIA,EAAqB,CACrBC,UAAW,CACPC,SAAU,oBACVC,SAAU,aAEdC,UAAW,CACPF,SAAU,oBACVC,SAAU,aAEdE,WAAY,CACRH,SAAU,qBACVC,SAAU,eAGlB,IAAIG,EAAiB,CACjBC,aAAc,CACVC,YAAa,YACbN,SAAU,qBACVC,SAAU,gBAEdM,mBAAoB,CAChBD,YAAa,YACbN,SAAU,2BACVC,SAAU,sBAEdO,eAAgB,CACZF,YAAa,YACbN,SAAU,uBACVC,SAAU,kBAEdQ,cAAe,CACXH,YAAa,aACbN,SAAU,sBACVC,SAAU,kBAGlB,SAASS,EAASC,GACd,OAAOC,QAAQD,EAAUE,kBAAoBF,EAAUE,SAASC,gBAAkB,UACtF,CACO,SAASC,EAAuBJ,EAAWL,GAC9C,GAAII,EAASC,IAAcL,KAAeR,EAAoB,CAC1D,IAAIkB,EAAKL,EAAUE,SAASC,cAAc,OAC1C,IAAIG,EAAKnB,EAAmBQ,GAAcL,EAAWgB,EAAGhB,SAAUD,EAAWiB,EAAGjB,SAChF,IAAIkB,EAAajB,KAAYe,EAAGG,MAChC,OAAOD,EAAajB,EAAWD,CACvC,CACI,OAAOM,CACX,CACO,SAASc,EAAoBT,EAAWU,GAC3C,GAAIX,EAASC,IAAcU,KAAajB,EAAgB,CACpD,IAAIY,EAAKL,EAAUE,SAASC,cAAc,OAC1C,IAAIG,EAAKb,EAAeiB,GAAYpB,EAAWgB,EAAGhB,SAAUD,EAAWiB,EAAGjB,SAAUM,EAAcW,EAAGX,YACrG,IAAIY,EAAaZ,KAAeU,EAAGG,MACnC,OAAOD,EAAajB,EAAWD,CACvC,CACI,OAAOqB,CACX,Q"}

package/dist/lime-elements/p-9fe3bc64.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e}from"./p-c8818b66.js";const i=':host{display:block;position:relative}:host([hidden]){display:none}slot{display:grid;grid-template-areas:var(--lime-grid-area, "");grid-template-columns:repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));gap:var(--lime-grid-gutter, 1rem);grid-auto-flow:row dense;grid-auto-rows:var(--lime-grid-cell-height, 2.5rem);margin:0;height:100%;width:100%}';const t=class{constructor(e){r(this,e)}render(){return e("slot",null)}};t.style=i;export{t as limel_grid};
+//# sourceMappingURL=p-9fe3bc64.entry.js.map

package/dist/lime-elements/p-9fe3bc64.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gridCss","Grid","render","h"],"sources":["./src/components/grid/grid.scss?tag=limel-grid&encapsulation=shadow","./src/components/grid/grid.tsx"],"sourcesContent":["@use '../../style/functions';\n\n/**\n * @prop --lime-grid-area: Grid layout\n * @prop --lime-grid-columns: Number of columns in the grid, defaults to 4\n * @prop --lime-grid-cell-height: Height of grid cells, defaults to `2.5rem` (40px)\n * @prop --lime-grid-gutter: width of the gutter between columns and rows, defaults to `1rem` (16px) - see https://material.io/design/layout/responsive-layout-grid.html#breakpoints for guidelines\n */\n\n:host {\n    display: block;\n    position: relative;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\nslot {\n    display: grid;\n    grid-template-areas: var(--lime-grid-area, '');\n    grid-template-columns: repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));\n    gap: var(--lime-grid-gutter, functions.pxToRem(16));\n    grid-auto-flow: row dense;\n    grid-auto-rows: var(--lime-grid-cell-height, functions.pxToRem(40));\n    margin: 0;\n    height: 100%;\n    width: 100%;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * The `limel-grid` component creates a grid which can be used to control the\n * layout of other components. It uses CSS [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)\n * to enable easy configuration of its child-elements.\n * @exampleComponent limel-example-grid\n * @slot - Grid content\n */\n@Component({\n    tag: 'limel-grid',\n    shadow: true,\n    styleUrl: 'grid.scss',\n})\nexport class Grid {\n    public render() {\n        return <slot />;\n    }\n}\n"],"mappings":"sCAAA,MAAMA,EAAU,+V,MCcHC,EAAI,M,yBACNC,SACH,OAAOC,EAAA,Y"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,g as s}from"./p-c8818b66.js";import{t as i}from"./p-b59e4287.js";import{c as e}from"./p-6c094f3f.js";import{M as n}from"./p-1c284626.js";import"./p-48d4ef20.js";import"./p-cbc43682.js";import"./p-dcc97cc2.js";import"./p-d0a7de87.js";const c="file";const a="tear_off_calendar";const l="email";const h="internet";const p="text_box";const d="ms_excel_copyrighted";const g="ms_word_copyrighted";const m="ms_powerpoint_copyrighted";const v="picture";const b="camera";const f="vector";const u="presentation_filled";const x="overview_pages_2";const k="data_sheet";const y="audio_wave";const _="video_file";const w="condom_package";const j="ms_outlook_copyrighted";const z="database";const C={msg:j,ics:a,ical:a,icalendar:a,ifb:a,email:l,eml:l,oft:l,ost:l,emlx:l,html:h,xml:h,txt:p,rtf:p,dot:g,doc:g,docx:g,dotx:g,docm:g,dotm:g,odt:x,pages:x,pdf:"PDF_2",ppt:m,pot:m,pps:m,pptx:m,pptm:m,potx:m,potm:m,ppam:m,ppsx:m,ppsm:m,sldx:m,sldm:m,odp:u,key:u,xls:d,xlsx:d,csv:k,numbers:k,jpg:b,jpeg:b,heic:b,bmp:v,png:v,gif:v,psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:f,svgz:f,ep:f,eps:f,sketch:f,mp3:y,wav:y,wma:y,ogg:y,avi:_,flv:_,h264:_,mov:_,mp4:_,mwv:_,zip:w,"7z":w,rar:w,json:"json",yaml:z,sql:z,db:z,dbf:z};function D(t){return C[t.toLowerCase()]||c}const F="rgb(var(--color-gray-dark))";const q="rgb(var(--color-cyan-dark))";const K="rgb(var(--color-gray-dark))";const T="rgb(var(--color-blue-dark))";const E="rgb(var(--color-yellow-darker))";const I="rgb(var(--color-green-dark))";const O="rgb(var(--color-coral-dark))";const S="rgb(var(--color-sky-dark))";const A="rgb(var(--color-lime-dark))";const B="rgb(var(--color-magenta-dark))";const L="rgb(var(--color-blue-dark))";const U="rgb(var(--color-orange-dark))";const M="rgb(var(--color-green-dark))";const P="rgb(var(--color-indigo-dark))";const $="rgb(var(--color-red-dark))";const G="rgb(var(--color-brown-default))";const H="rgb(var(--color-yellow-dark))";const J="rgb(var(--color-red-dark))";const N="rgb(var(--color-glaucous-dark))";const Q={msg:H,ics:q,ical:q,icalendar:q,ifb:q,email:K,eml:K,oft:K,ost:K,emlx:K,html:T,xml:T,txt:E,rtf:E,dot:S,doc:S,docx:S,dotx:S,docm:S,dotm:S,odt:U,pages:U,pdf:J,ppt:O,pot:O,pps:O,pptx:O,pptm:O,potx:O,potm:O,ppam:O,ppsx:O,ppsm:O,sldx:O,sldm:O,odp:L,key:L,xls:I,xlsx:I,csv:F,numbers:M,bmp:A,jpg:A,jpeg:A,heic:A,png:A,gif:A,psd:L,ai:U,svg:B,svgz:B,ep:B,eps:B,sketch:B,mp3:P,wav:P,wma:P,ogg:P,flv:$,h264:$,mov:$,mp4:$,mwv:$,zip:G,"7z":G,rar:G,json:N,yaml:N,sql:N,db:N,dbf:N};function R(t){return Q[t.toLowerCase()]||F}const V="rgba(var(--color-gray-lighter), 0.4)";const W="rgba(var(--color-cyan-lighter), 0.4)";const X="rgba(var(--color-gray-lighter), 0.4)";const Y="rgba(var(--color-blue-lighter), 0.4)";const Z="rgba(var(--color-yellow-lighter), 0.4)";const tt="rgba(var(--color-green-lighter), 0.4)";const ot="rgba(var(--color-coral-lighter), 0.4)";const rt="rgba(var(--color-sky-lighter), 0.4)";const st="rgba(var(--color-lime-lighter), 0.4)";const it="rgba(var(--color-magenta-lighter), 0.4)";const et="rgba(var(--color-blue-lighter), 0.4)";const nt="rgba(var(--color-orange-lighter), 0.4)";const ct="rgba(var(--color-green-lighter), 0.4)";const at="rgba(var(--color-indigo-lighter), 0.4)";const lt="rgba(var(--color-red-lighter), 0.4)";const ht="rgba(var(--color-orange-lighter), 0.4)";const pt="rgba(var(--color-yellow-lighter), 0.4)";const dt="rgba(var(--color-red-lighter), 0.4)";const gt="rgba(var(--color-glaucous-lighter), 0.4)";const mt={msg:pt,ics:W,ical:W,icalendar:W,ifb:W,email:X,eml:X,oft:X,ost:X,emlx:X,html:Y,xml:Y,txt:Z,rtf:Z,dot:rt,doc:rt,docx:rt,dotx:rt,docm:rt,dotm:rt,odt:nt,pages:nt,pdf:dt,ppt:ot,pot:ot,pps:ot,pptx:ot,pptm:ot,potx:ot,potm:ot,ppam:ot,ppsx:ot,ppsm:ot,sldx:ot,sldm:ot,odp:et,key:et,xls:tt,xlsx:tt,csv:V,numbers:ct,bmp:st,jpg:st,jpeg:st,heic:st,png:st,gif:st,psd:et,ai:nt,svg:it,svgz:it,ep:it,eps:it,sketch:it,mp3:at,wav:at,wma:at,ogg:at,flv:lt,h264:lt,mov:lt,mp4:lt,mwv:lt,zip:ht,"7z":ht,rar:ht,json:gt,yaml:gt,sql:gt,db:gt,dbf:gt};function vt(t){return mt[t.toLowerCase()]||V}function bt(t){if(t===null||t===void 0?void 0:t.icon){return t.icon}const o=kt(t);if(!o){return}return D(o)}function ft(t){if(t===null||t===void 0?void 0:t.iconColor){return t.iconColor}const o=kt(t);if(!o){return}return R(o)}function ut(t){if(t===null||t===void 0?void 0:t.iconBackgroundColor){return t.iconBackgroundColor}const o=kt(t);if(!o){return}return vt(o)}function xt(t){if(t===null||t===void 0?void 0:t.icon){return t.icon}return kt(t)}function kt(t){if(!t){return}return t.filename.split(".").pop()}const yt=":host{--icon-background-color:rgb(var(--contrast-400));--icon-color:rgb(var(--contrast-1100))}";const _t="limel-chip-set";const wt={id:null,text:null,removable:true};const jt=class{constructor(r){t(this,r);this.change=o(this,"change",7);this.interact=o(this,"interact",7);this.fileInputId=e();this.handleDragEnter=t=>{this.isDraggingOverDropZone=true;this.preventAndStop(t)};this.handleDragLeave=()=>{this.isDraggingOverDropZone=false};this.handleFileDrop=t=>{this.preventAndStop(t);this.isDraggingOverDropZone=false;const o=t.dataTransfer;this.handleFile(o.files[0])};this.value=undefined;this.label=undefined;this.required=false;this.disabled=false;this.readonly=false;this.accept="*";this.language="en";this.isDraggingOverDropZone=false;this.handleFileSelection=this.handleFileSelection.bind(this);this.handleFileChange=this.handleFileChange.bind(this);this.handleChipSetChange=this.handleChipSetChange.bind(this);this.handleFileDrop=this.handleFileDrop.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this);this.handleKeyUp=this.handleKeyUp.bind(this);this.handleChipInteract=this.handleChipInteract.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.fileInput=this.element.shadowRoot.getElementById(this.fileInputId);this.chipSet=this.element.shadowRoot.querySelector(_t);this.initialize()}initialize(){if(!this.chipSet){return}this.mdcTextField=new n(this.chipSet.shadowRoot.querySelector(".mdc-text-field"))}disconnectedCallback(){if(this.mdcTextField){this.mdcTextField.destroy()}}render(){return[r("input",{hidden:true,id:this.fileInputId,onChange:this.handleFileChange,type:"file",accept:this.accept,disabled:this.disabled||this.readonly}),r("limel-chip-set",{class:{"is-file-picker":true,"shows-dropzone":true,"highlight-dropzone":this.isDraggingOverDropZone},disabled:this.disabled,readonly:this.readonly,label:this.label,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onClick:this.handleFileSelection,onInteract:this.handleChipInteract,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,required:this.required,type:"input",value:this.chipArray,title:this.getTranslation("drag-and-drop-tips"),onDragEnter:this.handleDragEnter,onDragOver:this.preventAndStop,onDragLeave:this.handleDragLeave,onDrop:this.handleFileDrop})]}get chipArray(){if(!this.value){return[]}return[Object.assign(Object.assign({},wt),{text:this.value.filename,id:this.value.id,icon:bt(this.value),iconFillColor:ft(this.value),iconBackgroundColor:ut(this.value),href:this.value.href,iconTitle:xt(this.value)})]}handleKeyDown(t){if(t.code==="Tab"||t.code==="Backspace"||t.code==="Enter"){return}t.preventDefault();t.stopPropagation()}handleKeyUp(t){if(t.code==="Enter"&&!this.value){this.fileInput.click()}}handleFileSelection(t){t.stopPropagation();t.preventDefault();if(!this.value){this.fileInput.click()}}handleFileChange(t){if(this.fileInput.files.length>0){t.stopPropagation();this.handleFile(this.fileInput.files[0])}}handleFile(t){const o={id:e(),filename:t.name,contentType:t.type,size:t.size,fileContent:t};this.change.emit(o);this.chipSet.blur();this.mdcTextField.valid=true}handleChipSetChange(t){t.stopPropagation();const o=!t.detail.length?t.detail[0]:null;this.chipSet.blur();if(!o){this.fileInput.value="";this.change.emit(o);if(this.required){this.mdcTextField.valid=false}}}handleChipInteract(t){t.stopPropagation();t.preventDefault();this.interact.emit(t.detail.id)}preventAndStop(t){t.stopPropagation();t.preventDefault()}getTranslation(t){return i.get(`file.${t}`,this.language)}get element(){return s(this)}};jt.style=yt;export{jt as limel_file};
+//# sourceMappingURL=p-a11a971e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ICON","CALENDAR_ICON","EMAIL_ICON","HTML_ICON","TEXT_ICON","EXCEL_ICON","WORD_ICON","POWERPOINT_ICON","IMAGE_ICON","PHOTO_ICON","VECTOR_GRAPHIC_ICON","PRESENTATION_ICON","DOCUMENT_ICON","SPREADSHEET_ICON","AUDIO_ICON","VIDEO_ICON","COMPRESSED_ICON","MESSAGE_ICON","DATA_ICON","filetypeIconTable","msg","ics","ical","icalendar","ifb","email","eml","oft","ost","emlx","html","xml","txt","rtf","dot","doc","docx","dotx","docm","dotm","odt","pages","pdf","ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm","odp","key","xls","xlsx","csv","numbers","jpg","jpeg","heic","bmp","png","gif","psd","ai","svg","svgz","ep","eps","sketch","mp3","wav","wma","ogg","avi","flv","h264","mov","mp4","mwv","zip","rar","json","yaml","sql","db","dbf","getIconForFile","extension","toLowerCase","DEFAULT_ICON_FILL_COLOR","CALENDAR_ICON_FILL_COLOR","EMAIL_ICON_FILL_COLOR","HTML_ICON_FILL_COLOR","TEXT_ICON_FILL_COLOR","EXCEL_ICON_FILL_COLOR","POWERPOINT_ICON_FILL_COLOR","WORD_ICON_FILL_COLOR","IMAGE_ICON_FILL_COLOR","VECTOR_GRAPHIC_FILL_COLOR","PRESENTATION_ICON_FILL_COLOR","DOCUMENT_ICON_FILL_COLOR","SPREADSHEET_ICON_FILL_COLOR","AUDIO_ICON_FILL_COLOR","VIDEO_ICON_FILL_COLOR","COMPRESSED_ICON_FILL_COLOR","MESSAGE_ICON_FILL_COLOR","PDF_ICON_FILL_COLOR","DATA_ICON_FILL_COLOR","filetypeFillColorTable","getIconFillColorForFile","DEFAULT_ICON_BACKGROUND_COLOR","CALENDAR_ICON_BACKGROUND_COLOR","EMAIL_ICON_BACKGROUND_COLOR","HTML_ICON_BACKGROUND_COLOR","TEXT_ICON_BACKGROUND_COLOR","EXCEL_ICON_BACKGROUND_COLOR","POWERPOINT_ICON_BACKGROUND_COLOR","WORD_ICON_BACKGROUND_COLOR","IMAGE_ICON_BACKGROUND_COLOR","VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR","PRESENTATION_BACKGROUND_COLOR","DOCUMENT_ICON_BACKGROUND_COLOR","SPREADSHEET_ICON_BACKGROUND_COLOR","AUDIO_ICON_BACKGROUND_COLOR","VIDEO_ICON_BACKGROUND_COLOR","COMPRESSED_ICON_BACKGROUND_COLOR","MESSAGE_ICON_BACKGROUND_COLOR","PDF_ICON_BACKGROUND_COLOR","DATA_ICON_BACKGROUND_COLOR","filetypeBackgroundColorTable","getIconBackgroundColorForFile","getFileIcon","file","icon","getExtension","getFileColor","iconColor","getFileBackgroundColor","iconBackgroundColor","getFileExtensionTitle","filename","split","pop","fileCss","CHIP_SET_TAG_NAME","DEFAULT_FILE_CHIP","id","text","removable","File","constructor","hostRef","this","fileInputId","createRandomString","handleDragEnter","event","isDraggingOverDropZone","preventAndStop","handleDragLeave","handleFileDrop","dataTransfer","handleFile","files","handleFileSelection","bind","handleFileChange","handleChipSetChange","handleKeyDown","handleKeyUp","handleChipInteract","connectedCallback","initialize","componentDidLoad","fileInput","element","shadowRoot","getElementById","chipSet","querySelector","mdcTextField","MDCTextField","disconnectedCallback","destroy","render","h","hidden","onChange","type","accept","disabled","readonly","class","label","leadingIcon","language","onClick","onInteract","onKeyDown","onKeyUp","required","value","chipArray","title","getTranslation","onDragEnter","onDragOver","onDragLeave","onDrop","iconFillColor","href","iconTitle","code","preventDefault","stopPropagation","click","length","limeFile","name","contentType","size","fileContent","change","emit","blur","valid","detail","interact","translate","get"],"sources":["./src/components/file/icons.ts","./src/components/file/icon-fill-colors.ts","./src/components/file/icon-background-colors.ts","./src/components/file/file-metadata.ts","./src/components/file/file.scss?tag=limel-file&encapsulation=shadow","./src/components/file/file.tsx"],"sourcesContent":["const DEFAULT_ICON = 'file';\nconst CALENDAR_ICON = 'tear_off_calendar';\nconst EMAIL_ICON = 'email';\nconst HTML_ICON = 'internet';\nconst TEXT_ICON = 'text_box';\nconst EXCEL_ICON = 'ms_excel_copyrighted';\nconst WORD_ICON = 'ms_word_copyrighted';\nconst POWERPOINT_ICON = 'ms_powerpoint_copyrighted';\nconst IMAGE_ICON = 'picture';\nconst PHOTO_ICON = 'camera';\nconst VECTOR_GRAPHIC_ICON = 'vector';\nconst PRESENTATION_ICON = 'presentation_filled';\nconst DOCUMENT_ICON = 'overview_pages_2';\nconst SPREADSHEET_ICON = 'data_sheet';\nconst AUDIO_ICON = 'audio_wave';\nconst VIDEO_ICON = 'video_file';\nconst COMPRESSED_ICON = 'condom_package';\nconst MESSAGE_ICON = 'ms_outlook_copyrighted';\nconst DATA_ICON = 'database';\n\nconst filetypeIconTable: Record<string, string> = {\n    // Message\n    msg: MESSAGE_ICON,\n\n    // Calendar\n    ics: CALENDAR_ICON,\n    ical: CALENDAR_ICON,\n    icalendar: CALENDAR_ICON,\n    ifb: CALENDAR_ICON,\n\n    // Email\n    email: EMAIL_ICON,\n    eml: EMAIL_ICON,\n    oft: EMAIL_ICON,\n    ost: EMAIL_ICON,\n    emlx: EMAIL_ICON,\n\n    // Web\n    html: HTML_ICON,\n    xml: HTML_ICON,\n\n    // Editable text\n    txt: TEXT_ICON,\n    rtf: TEXT_ICON,\n\n    // Editable document\n    dot: WORD_ICON,\n    doc: WORD_ICON,\n    docx: WORD_ICON,\n    dotx: WORD_ICON,\n    docm: WORD_ICON,\n    dotm: WORD_ICON,\n    odt: DOCUMENT_ICON,\n    pages: DOCUMENT_ICON,\n\n    // Portable document\n    pdf: 'PDF_2',\n\n    // Presentation\n    ppt: POWERPOINT_ICON,\n    pot: POWERPOINT_ICON,\n    pps: POWERPOINT_ICON,\n    pptx: POWERPOINT_ICON,\n    pptm: POWERPOINT_ICON,\n    potx: POWERPOINT_ICON,\n    potm: POWERPOINT_ICON,\n    ppam: POWERPOINT_ICON,\n    ppsx: POWERPOINT_ICON,\n    ppsm: POWERPOINT_ICON,\n    sldx: POWERPOINT_ICON,\n    sldm: POWERPOINT_ICON,\n    odp: PRESENTATION_ICON,\n    key: PRESENTATION_ICON,\n\n    // Spreadsheet\n    xls: EXCEL_ICON,\n    xlsx: EXCEL_ICON,\n    csv: SPREADSHEET_ICON,\n    numbers: SPREADSHEET_ICON,\n\n    // Image\n    jpg: PHOTO_ICON,\n    jpeg: PHOTO_ICON,\n    heic: PHOTO_ICON,\n    bmp: IMAGE_ICON,\n    png: IMAGE_ICON,\n    gif: IMAGE_ICON,\n\n    // Editable image\n    psd: 'adobe_photoshop_copyrighted',\n    ai: 'adobe_illustrator_copyrighted',\n\n    // Vector graphic\n    svg: VECTOR_GRAPHIC_ICON,\n    svgz: VECTOR_GRAPHIC_ICON,\n    ep: VECTOR_GRAPHIC_ICON,\n    eps: VECTOR_GRAPHIC_ICON,\n    sketch: VECTOR_GRAPHIC_ICON,\n\n    // Audio\n    mp3: AUDIO_ICON,\n    wav: AUDIO_ICON,\n    wma: AUDIO_ICON,\n    ogg: AUDIO_ICON,\n\n    // Video\n    avi: VIDEO_ICON,\n    flv: VIDEO_ICON,\n    h264: VIDEO_ICON,\n    mov: VIDEO_ICON,\n    mp4: VIDEO_ICON,\n    mwv: VIDEO_ICON,\n\n    // Compressed\n    zip: COMPRESSED_ICON,\n    '7z': COMPRESSED_ICON,\n    rar: COMPRESSED_ICON,\n\n    // Data\n    json: 'json',\n    yaml: DATA_ICON,\n    sql: DATA_ICON,\n    db: DATA_ICON,\n    dbf: DATA_ICON,\n};\n\nexport function getIconForFile(extension: string): string {\n    return filetypeIconTable[extension.toLowerCase()] || DEFAULT_ICON;\n}\n","const DEFAULT_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';\nconst CALENDAR_ICON_FILL_COLOR = 'rgb(var(--color-cyan-dark))';\nconst EMAIL_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';\nconst HTML_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';\nconst TEXT_ICON_FILL_COLOR = 'rgb(var(--color-yellow-darker))';\nconst EXCEL_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';\nconst POWERPOINT_ICON_FILL_COLOR = 'rgb(var(--color-coral-dark))';\nconst WORD_ICON_FILL_COLOR = 'rgb(var(--color-sky-dark))';\nconst IMAGE_ICON_FILL_COLOR = 'rgb(var(--color-lime-dark))';\nconst VECTOR_GRAPHIC_FILL_COLOR = 'rgb(var(--color-magenta-dark))';\nconst PRESENTATION_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';\nconst DOCUMENT_ICON_FILL_COLOR = 'rgb(var(--color-orange-dark))';\nconst SPREADSHEET_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';\nconst AUDIO_ICON_FILL_COLOR = 'rgb(var(--color-indigo-dark))';\nconst VIDEO_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';\nconst COMPRESSED_ICON_FILL_COLOR = 'rgb(var(--color-brown-default))';\nconst MESSAGE_ICON_FILL_COLOR = 'rgb(var(--color-yellow-dark))';\nconst PDF_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';\nconst DATA_ICON_FILL_COLOR = 'rgb(var(--color-glaucous-dark))';\n\nconst filetypeFillColorTable: Record<string, string> = {\n    // Message\n    msg: MESSAGE_ICON_FILL_COLOR,\n\n    // Calendar\n    ics: CALENDAR_ICON_FILL_COLOR,\n    ical: CALENDAR_ICON_FILL_COLOR,\n    icalendar: CALENDAR_ICON_FILL_COLOR,\n    ifb: CALENDAR_ICON_FILL_COLOR,\n\n    // Email\n    email: EMAIL_ICON_FILL_COLOR,\n    eml: EMAIL_ICON_FILL_COLOR,\n    oft: EMAIL_ICON_FILL_COLOR,\n    ost: EMAIL_ICON_FILL_COLOR,\n    emlx: EMAIL_ICON_FILL_COLOR,\n\n    // Web\n    html: HTML_ICON_FILL_COLOR,\n    xml: HTML_ICON_FILL_COLOR,\n\n    // Editable text\n    txt: TEXT_ICON_FILL_COLOR,\n    rtf: TEXT_ICON_FILL_COLOR,\n\n    // Editable document\n    dot: WORD_ICON_FILL_COLOR,\n    doc: WORD_ICON_FILL_COLOR,\n    docx: WORD_ICON_FILL_COLOR,\n    dotx: WORD_ICON_FILL_COLOR,\n    docm: WORD_ICON_FILL_COLOR,\n    dotm: WORD_ICON_FILL_COLOR,\n    odt: DOCUMENT_ICON_FILL_COLOR,\n    pages: DOCUMENT_ICON_FILL_COLOR,\n\n    // Portable document\n    pdf: PDF_ICON_FILL_COLOR,\n\n    // Presentation\n    ppt: POWERPOINT_ICON_FILL_COLOR,\n    pot: POWERPOINT_ICON_FILL_COLOR,\n    pps: POWERPOINT_ICON_FILL_COLOR,\n    pptx: POWERPOINT_ICON_FILL_COLOR,\n    pptm: POWERPOINT_ICON_FILL_COLOR,\n    potx: POWERPOINT_ICON_FILL_COLOR,\n    potm: POWERPOINT_ICON_FILL_COLOR,\n    ppam: POWERPOINT_ICON_FILL_COLOR,\n    ppsx: POWERPOINT_ICON_FILL_COLOR,\n    ppsm: POWERPOINT_ICON_FILL_COLOR,\n    sldx: POWERPOINT_ICON_FILL_COLOR,\n    sldm: POWERPOINT_ICON_FILL_COLOR,\n    odp: PRESENTATION_ICON_FILL_COLOR,\n    key: PRESENTATION_ICON_FILL_COLOR,\n\n    // Spreadsheet\n    xls: EXCEL_ICON_FILL_COLOR,\n    xlsx: EXCEL_ICON_FILL_COLOR,\n    csv: DEFAULT_ICON_FILL_COLOR,\n    numbers: SPREADSHEET_ICON_FILL_COLOR,\n\n    // Image\n    bmp: IMAGE_ICON_FILL_COLOR,\n    jpg: IMAGE_ICON_FILL_COLOR,\n    jpeg: IMAGE_ICON_FILL_COLOR,\n    heic: IMAGE_ICON_FILL_COLOR,\n    png: IMAGE_ICON_FILL_COLOR,\n    gif: IMAGE_ICON_FILL_COLOR,\n\n    // Editable image\n    psd: PRESENTATION_ICON_FILL_COLOR,\n    ai: DOCUMENT_ICON_FILL_COLOR,\n\n    // Vector graphic\n    svg: VECTOR_GRAPHIC_FILL_COLOR,\n    svgz: VECTOR_GRAPHIC_FILL_COLOR,\n    ep: VECTOR_GRAPHIC_FILL_COLOR,\n    eps: VECTOR_GRAPHIC_FILL_COLOR,\n    sketch: VECTOR_GRAPHIC_FILL_COLOR,\n\n    // Audio\n    mp3: AUDIO_ICON_FILL_COLOR,\n    wav: AUDIO_ICON_FILL_COLOR,\n    wma: AUDIO_ICON_FILL_COLOR,\n    ogg: AUDIO_ICON_FILL_COLOR,\n\n    // Video\n    flv: VIDEO_ICON_FILL_COLOR,\n    h264: VIDEO_ICON_FILL_COLOR,\n    mov: VIDEO_ICON_FILL_COLOR,\n    mp4: VIDEO_ICON_FILL_COLOR,\n    mwv: VIDEO_ICON_FILL_COLOR,\n\n    // Compressed\n    zip: COMPRESSED_ICON_FILL_COLOR,\n    '7z': COMPRESSED_ICON_FILL_COLOR,\n    rar: COMPRESSED_ICON_FILL_COLOR,\n\n    // Data\n    json: DATA_ICON_FILL_COLOR,\n    yaml: DATA_ICON_FILL_COLOR,\n    sql: DATA_ICON_FILL_COLOR,\n    db: DATA_ICON_FILL_COLOR,\n    dbf: DATA_ICON_FILL_COLOR,\n};\n\nexport function getIconFillColorForFile(extension: string): string {\n    return (\n        filetypeFillColorTable[extension.toLowerCase()] ||\n        DEFAULT_ICON_FILL_COLOR\n    );\n}\n","const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';\nconst CALENDAR_ICON_BACKGROUND_COLOR = 'rgba(var(--color-cyan-lighter), 0.4)';\nconst EMAIL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';\nconst HTML_ICON_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';\nconst TEXT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';\nconst EXCEL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';\nconst POWERPOINT_ICON_BACKGROUND_COLOR =\n    'rgba(var(--color-coral-lighter), 0.4)';\nconst WORD_ICON_BACKGROUND_COLOR = 'rgba(var(--color-sky-lighter), 0.4)';\nconst IMAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-lime-lighter), 0.4)';\nconst VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR =\n    'rgba(var(--color-magenta-lighter), 0.4)';\nconst PRESENTATION_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';\nconst DOCUMENT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';\nconst SPREADSHEET_ICON_BACKGROUND_COLOR =\n    'rgba(var(--color-green-lighter), 0.4)';\nconst AUDIO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-indigo-lighter), 0.4)';\nconst VIDEO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';\nconst COMPRESSED_ICON_BACKGROUND_COLOR =\n    'rgba(var(--color-orange-lighter), 0.4)';\nconst MESSAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';\nconst PDF_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';\nconst DATA_ICON_BACKGROUND_COLOR = 'rgba(var(--color-glaucous-lighter), 0.4)';\n\nconst filetypeBackgroundColorTable: Record<string, string> = {\n    // Message\n    msg: MESSAGE_ICON_BACKGROUND_COLOR,\n\n    // Calendar\n    ics: CALENDAR_ICON_BACKGROUND_COLOR,\n    ical: CALENDAR_ICON_BACKGROUND_COLOR,\n    icalendar: CALENDAR_ICON_BACKGROUND_COLOR,\n\n    // Email\n    ifb: CALENDAR_ICON_BACKGROUND_COLOR,\n    email: EMAIL_ICON_BACKGROUND_COLOR,\n    eml: EMAIL_ICON_BACKGROUND_COLOR,\n    oft: EMAIL_ICON_BACKGROUND_COLOR,\n    ost: EMAIL_ICON_BACKGROUND_COLOR,\n    emlx: EMAIL_ICON_BACKGROUND_COLOR,\n\n    // Web\n    html: HTML_ICON_BACKGROUND_COLOR,\n    xml: HTML_ICON_BACKGROUND_COLOR,\n\n    // Editable text\n    txt: TEXT_ICON_BACKGROUND_COLOR,\n    rtf: TEXT_ICON_BACKGROUND_COLOR,\n\n    // Editable document\n    dot: WORD_ICON_BACKGROUND_COLOR,\n    doc: WORD_ICON_BACKGROUND_COLOR,\n    docx: WORD_ICON_BACKGROUND_COLOR,\n    dotx: WORD_ICON_BACKGROUND_COLOR,\n    docm: WORD_ICON_BACKGROUND_COLOR,\n    dotm: WORD_ICON_BACKGROUND_COLOR,\n    odt: DOCUMENT_ICON_BACKGROUND_COLOR,\n    pages: DOCUMENT_ICON_BACKGROUND_COLOR,\n\n    // Portable document\n    pdf: PDF_ICON_BACKGROUND_COLOR,\n\n    // Presentation\n    ppt: POWERPOINT_ICON_BACKGROUND_COLOR,\n    pot: POWERPOINT_ICON_BACKGROUND_COLOR,\n    pps: POWERPOINT_ICON_BACKGROUND_COLOR,\n    pptx: POWERPOINT_ICON_BACKGROUND_COLOR,\n    pptm: POWERPOINT_ICON_BACKGROUND_COLOR,\n    potx: POWERPOINT_ICON_BACKGROUND_COLOR,\n    potm: POWERPOINT_ICON_BACKGROUND_COLOR,\n    ppam: POWERPOINT_ICON_BACKGROUND_COLOR,\n    ppsx: POWERPOINT_ICON_BACKGROUND_COLOR,\n    ppsm: POWERPOINT_ICON_BACKGROUND_COLOR,\n    sldx: POWERPOINT_ICON_BACKGROUND_COLOR,\n    sldm: POWERPOINT_ICON_BACKGROUND_COLOR,\n    odp: PRESENTATION_BACKGROUND_COLOR,\n    key: PRESENTATION_BACKGROUND_COLOR,\n\n    // Spreadsheet\n    xls: EXCEL_ICON_BACKGROUND_COLOR,\n    xlsx: EXCEL_ICON_BACKGROUND_COLOR,\n    csv: DEFAULT_ICON_BACKGROUND_COLOR,\n    numbers: SPREADSHEET_ICON_BACKGROUND_COLOR,\n\n    // Image\n    bmp: IMAGE_ICON_BACKGROUND_COLOR,\n    jpg: IMAGE_ICON_BACKGROUND_COLOR,\n    jpeg: IMAGE_ICON_BACKGROUND_COLOR,\n    heic: IMAGE_ICON_BACKGROUND_COLOR,\n    png: IMAGE_ICON_BACKGROUND_COLOR,\n    gif: IMAGE_ICON_BACKGROUND_COLOR,\n\n    // Editable image\n    psd: PRESENTATION_BACKGROUND_COLOR,\n    ai: DOCUMENT_ICON_BACKGROUND_COLOR,\n\n    // Vector graphic\n    svg: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n    svgz: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n    ep: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n    eps: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n    sketch: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n\n    // Audio\n    mp3: AUDIO_ICON_BACKGROUND_COLOR,\n    wav: AUDIO_ICON_BACKGROUND_COLOR,\n    wma: AUDIO_ICON_BACKGROUND_COLOR,\n    ogg: AUDIO_ICON_BACKGROUND_COLOR,\n\n    // Video\n    flv: VIDEO_ICON_BACKGROUND_COLOR,\n    h264: VIDEO_ICON_BACKGROUND_COLOR,\n    mov: VIDEO_ICON_BACKGROUND_COLOR,\n    mp4: VIDEO_ICON_BACKGROUND_COLOR,\n    mwv: VIDEO_ICON_BACKGROUND_COLOR,\n\n    // Compressed:\n    zip: COMPRESSED_ICON_BACKGROUND_COLOR,\n    '7z': COMPRESSED_ICON_BACKGROUND_COLOR,\n    rar: COMPRESSED_ICON_BACKGROUND_COLOR,\n\n    // Data\n    json: DATA_ICON_BACKGROUND_COLOR,\n    yaml: DATA_ICON_BACKGROUND_COLOR,\n    sql: DATA_ICON_BACKGROUND_COLOR,\n    db: DATA_ICON_BACKGROUND_COLOR,\n    dbf: DATA_ICON_BACKGROUND_COLOR,\n};\n\nexport function getIconBackgroundColorForFile(extension: string): string {\n    return (\n        filetypeBackgroundColorTable[extension.toLowerCase()] ||\n        DEFAULT_ICON_BACKGROUND_COLOR\n    );\n}\n","import { FileInfo } from '@limetech/lime-elements';\nimport { getIconForFile } from './icons';\nimport { getIconFillColorForFile } from './icon-fill-colors';\nimport { getIconBackgroundColorForFile } from './icon-background-colors';\n\nexport function getFileIcon(file: FileInfo) {\n    if (file?.icon) {\n        return file.icon;\n    }\n\n    const extension = getExtension(file);\n    if (!extension) {\n        return;\n    }\n\n    return getIconForFile(extension);\n}\n\nexport function getFileColor(file: FileInfo) {\n    if (file?.iconColor) {\n        return file.iconColor;\n    }\n\n    const extension = getExtension(file);\n    if (!extension) {\n        return;\n    }\n\n    return getIconFillColorForFile(extension);\n}\n\nexport function getFileBackgroundColor(file: FileInfo) {\n    if (file?.iconBackgroundColor) {\n        return file.iconBackgroundColor;\n    }\n\n    const extension = getExtension(file);\n    if (!extension) {\n        return;\n    }\n\n    return getIconBackgroundColorForFile(extension);\n}\n\nexport function getFileExtensionTitle(file: FileInfo) {\n    if (file?.icon) {\n        return file.icon;\n    }\n\n    return getExtension(file);\n}\n\nexport function getExtension(file: FileInfo) {\n    if (!file) {\n        return;\n    }\n\n    return file.filename.split('.').pop();\n}\n","/**\n * @prop --icon-background-color: Background color of the icon. Defaults to `--contrast-400`.\n * @prop --icon-color: Color of the icon. Defaults to `--contrast-1100`.\n */\n\n:host {\n    --icon-background-color: rgb(var(--contrast-400));\n    --icon-color: rgb(var(--contrast-1100));\n}\n","import translate from '../../global/translations';\nimport { Chip, FileInfo, Languages } from '@limetech/lime-elements';\nimport { MDCTextField } from '@material/textfield';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport {\n    getFileBackgroundColor,\n    getFileColor,\n    getFileExtensionTitle,\n    getFileIcon,\n} from './file-metadata';\n\nconst CHIP_SET_TAG_NAME = 'limel-chip-set';\nconst DEFAULT_FILE_CHIP: Chip = {\n    id: null,\n    text: null,\n    removable: true,\n};\n\n/**\n * This component lets end-users select a *single* file from their device\n * storage. Regardless of the user's device or operating system, this component\n * opens up a file picker dialog that allows the user to choose a file.\n *\n * ## Using correct labels\n *\n * This file picker can be used in different contexts. The component's distinct\n * visual design including the upload icon hints end-users that this is not a\n * normal input field like other fields in the form for example.\n *\n * :::important\n * you need to use a descriptive `label` that clarifies the\n * functionality of the file picker, and/or provides users with clear\n * instructions.\n *\n * Depending on the context, you may need to avoid labels such as:\n * - File\n * - Document\n *\n * and instead consider using labels like:\n * - Attach a file\n * - Upload a file\n * - Choose a document\n * - Choose a file\n *\n * and similar phrases...\n * :::\n * @exampleComponent limel-example-file\n * @exampleComponent limel-example-file-custom-icon\n * @exampleComponent limel-example-file-accepted-types\n * @exampleComponent limel-example-file-composite\n */\n@Component({\n    tag: 'limel-file',\n    shadow: true,\n    styleUrl: 'file.scss',\n})\nexport class File {\n    /**\n     * The selected file.\n     */\n    @Prop()\n    public value: FileInfo;\n\n    /**\n     * The input label.\n     */\n    @Prop({ reflect: true })\n    public label: string;\n\n    /**\n     * Set to `true` to indicate that the field is required.\n     */\n    @Prop({ reflect: true })\n    public required: boolean = false;\n\n    /**\n     * True if the input should be disabled\n     */\n    @Prop({ reflect: true })\n    public disabled: boolean = false;\n\n    /**\n     * Set to `true` to disable adding and removing files, but allow interaction\n     * with any already existing file.\n     */\n    @Prop({ reflect: true })\n    public readonly: boolean = false;\n\n    /**\n     * The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)\n     */\n    @Prop({ reflect: true })\n    public accept: string = '*';\n\n    /**\n     * Defines the localisation for translations.\n     */\n    @Prop()\n    public language: Languages = 'en';\n\n    /**\n     * Dispatched when a file is selected/deselected\n     */\n    @Event()\n    private change: EventEmitter<FileInfo>;\n\n    /**\n     * Dispatched when clicking on a chip\n     */\n    @Event()\n    private interact: EventEmitter<number | string>;\n\n    @Element()\n    private element: HTMLLimelFileElement;\n\n    @State()\n    private isDraggingOverDropZone = false;\n\n    private fileInput: HTMLInputElement;\n    private fileInputId = createRandomString();\n    private chipSet;\n    private mdcTextField;\n\n    constructor() {\n        this.handleFileSelection = this.handleFileSelection.bind(this);\n        this.handleFileChange = this.handleFileChange.bind(this);\n        this.handleChipSetChange = this.handleChipSetChange.bind(this);\n        this.handleFileDrop = this.handleFileDrop.bind(this);\n        this.handleKeyDown = this.handleKeyDown.bind(this);\n        this.handleKeyUp = this.handleKeyUp.bind(this);\n        this.handleChipInteract = this.handleChipInteract.bind(this);\n    }\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    public componentDidLoad() {\n        this.fileInput = this.element.shadowRoot.getElementById(\n            this.fileInputId\n        ) as HTMLInputElement;\n        this.chipSet = this.element.shadowRoot.querySelector(CHIP_SET_TAG_NAME);\n        this.initialize();\n    }\n\n    private initialize() {\n        if (!this.chipSet) {\n            return;\n        }\n\n        this.mdcTextField = new MDCTextField(\n            this.chipSet.shadowRoot.querySelector('.mdc-text-field')\n        );\n    }\n\n    public disconnectedCallback() {\n        if (this.mdcTextField) {\n            this.mdcTextField.destroy();\n        }\n    }\n\n    public render() {\n        return [\n            <input\n                hidden={true}\n                id={this.fileInputId}\n                onChange={this.handleFileChange}\n                type=\"file\"\n                accept={this.accept}\n                disabled={this.disabled || this.readonly}\n            />,\n            <limel-chip-set\n                class={{\n                    'is-file-picker': true,\n                    'shows-dropzone': true,\n                    'highlight-dropzone': this.isDraggingOverDropZone,\n                }}\n                disabled={this.disabled}\n                readonly={this.readonly}\n                label={this.label}\n                leadingIcon=\"upload_to_cloud\"\n                language={this.language}\n                onChange={this.handleChipSetChange}\n                onClick={this.handleFileSelection}\n                onInteract={this.handleChipInteract}\n                onKeyDown={this.handleKeyDown}\n                onKeyUp={this.handleKeyUp}\n                required={this.required}\n                type=\"input\"\n                value={this.chipArray}\n                title={this.getTranslation('drag-and-drop-tips')}\n                onDragEnter={this.handleDragEnter}\n                onDragOver={this.preventAndStop}\n                onDragLeave={this.handleDragLeave}\n                onDrop={this.handleFileDrop}\n            />,\n        ];\n    }\n\n    private handleDragEnter = (event: DragEvent) => {\n        this.isDraggingOverDropZone = true;\n        this.preventAndStop(event);\n    };\n\n    private handleDragLeave = () => {\n        this.isDraggingOverDropZone = false;\n    };\n\n    private handleFileDrop = (event: DragEvent) => {\n        this.preventAndStop(event);\n        this.isDraggingOverDropZone = false;\n        const dataTransfer = event.dataTransfer;\n        this.handleFile(dataTransfer.files[0]);\n    };\n\n    private get chipArray() {\n        if (!this.value) {\n            return [];\n        }\n\n        return [\n            {\n                ...DEFAULT_FILE_CHIP,\n                text: this.value.filename,\n                id: this.value.id,\n                icon: getFileIcon(this.value),\n                iconFillColor: getFileColor(this.value),\n                iconBackgroundColor: getFileBackgroundColor(this.value),\n                href: this.value.href,\n                iconTitle: getFileExtensionTitle(this.value),\n            },\n        ];\n    }\n\n    private handleKeyDown(event: KeyboardEvent) {\n        if (\n            event.code === 'Tab' ||\n            event.code === 'Backspace' ||\n            event.code === 'Enter'\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    private handleKeyUp(event: KeyboardEvent) {\n        if (event.code === 'Enter' && !this.value) {\n            this.fileInput.click();\n        }\n    }\n\n    private handleFileSelection(event: Event) {\n        event.stopPropagation();\n        event.preventDefault();\n        if (!this.value) {\n            this.fileInput.click();\n        }\n    }\n\n    private handleFileChange(event: Event) {\n        if (this.fileInput.files.length > 0) {\n            event.stopPropagation();\n            this.handleFile(this.fileInput.files[0]);\n        }\n    }\n\n    private handleFile(file) {\n        const limeFile: FileInfo = {\n            id: createRandomString(),\n            filename: file.name,\n            contentType: file.type,\n            size: file.size,\n            fileContent: file,\n        };\n        this.change.emit(limeFile);\n        this.chipSet.blur();\n        this.mdcTextField.valid = true;\n    }\n\n    private handleChipSetChange(event: CustomEvent) {\n        event.stopPropagation();\n        const file = !event.detail.length ? event.detail[0] : null;\n        this.chipSet.blur();\n        if (!file) {\n            this.fileInput.value = '';\n            this.change.emit(file);\n            if (this.required) {\n                this.mdcTextField.valid = false;\n            }\n        }\n    }\n\n    private handleChipInteract(event: CustomEvent<Chip>) {\n        event.stopPropagation();\n        event.preventDefault();\n        this.interact.emit(event.detail.id);\n    }\n\n    private preventAndStop(event: Event) {\n        event.stopPropagation();\n        event.preventDefault();\n    }\n\n    private getTranslation(key: string) {\n        return translate.get(`file.${key}`, this.language);\n    }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r,g as s}from"./p-c8818b66.js";const o=".flow-item{--step-background:var(\n      --progress-flow-step-background-color,\n      rgb(var(--contrast-600))\n  );--step-background--selected:var(\n      --progress-flow-step-background-color--selected,\n      var(--mdc-theme-primary)\n  );--step-background--passed:var(\n      --progress-flow-step-background-color--passed,\n      var(--step-background--selected)\n  );--step-text:var(\n      --progress-flow-step-text-color,\n      rgb(var(--contrast-1200))\n  );--step-text--selected:var(\n      --progress-flow-step-text-color--selected,\n      var(--mdc-theme-on-primary)\n  );--step-text--passed:var(\n      --progress-flow-step-text-color--passed,\n      var(--step-text--selected)\n  );--step-divider-color:var(\n      --progress-flow-step-divider-color,\n      rgb(var(--contrast-100))\n  );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:\"\"}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:0.875rem}.step.disabled{cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:1;right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:2}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:2}.step:before,.step:after{pointer-events:none;box-sizing:border-box;z-index:2;position:absolute;right:var(--selected-indicator-right);border-radius:50%}.last .step:before,.last .step:after{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:before,.flow-item:not(.off-progress-item) .step.selected:after{content:\"\";width:0.375rem;height:0.375rem}.flow-item:not(.off-progress-item) .step.selected:before{background-color:var(--step-divider-color);opacity:0.7}.flow-item:not(.off-progress-item) .step.disabled:before,.flow-item:not(.off-progress-item) .step.disabled:after{width:0.75rem;height:0.75rem}.flow-item:not(.off-progress-item) .step.disabled:after{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8, <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'><path fill='rgb(127,127,127)' d='M32.18 13.711c0-2.207-1.793-4-4.002-4H11.821c-2.208 0-4 1.793-4 4V28.29a4 4 0 0 0 4 4h16.357a4.002 4.002 0 0 0 4.001-4V13.711Z'/><path fill='rgb(127,127,127)' d='M11.211 9.758V7.673A7.489 7.489 0 0 1 18.696.188h2.608a7.489 7.489 0 0 1 7.485 7.485v2.085h-3V7.673a4.488 4.488 0 0 0-4.485-4.485h-2.608a4.488 4.488 0 0 0-4.485 4.485v2.085h-3Z'/></svg>\");background-size:90%;background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color--inactive, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}";const i=class{constructor(r){e(this,r);this.interact=t(this,"interact",7);this.handleClick=()=>{this.interact.emit()};this.item=null;this.disabled=false;this.readonly=false}render(){var e;if(!this.item){return}return[r("button",{tabindex:"0",title:this.getToolTipText(),type:"button",class:{step:true,selected:(e=this.item)===null||e===void 0?void 0:e.selected,disabled:this.isDisabled(),readonly:this.readonly},onClick:this.handleClick,disabled:this.isDisabled()},this.renderIcon(),r("span",{class:"text"},this.item.text),this.renderDivider()),this.renderSecondaryText()]}isDisabled(){var e;return((e=this.item)===null||e===void 0?void 0:e.disabled)||this.readonly||this.disabled}getToolTipText(){if(!this.item.secondaryText){return this.item.text}return[this.item.text,this.item.secondaryText].join(" · ")}renderSecondaryText(){var e;if(!((e=this.item)===null||e===void 0?void 0:e.secondaryText)){return}return r("div",{class:"secondary-text"},this.item.secondaryText)}renderIcon(){if(!this.item.icon){return}return r("limel-icon",{name:this.item.icon,size:"small",class:"icon"})}renderDivider(){if(this.item.isOffProgress){return}return r("div",{class:"divider"})}get element(){return s(this)}};i.style=o;export{i as limel_progress_flow_item};
+//# sourceMappingURL=p-a3bea367.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["progressFlowItemCss","ProgressFlowItem","this","handleClick","interact","emit","render","item","h","tabindex","title","getToolTipText","type","class","step","selected","_a","disabled","isDisabled","readonly","onClick","renderIcon","text","renderDivider","renderSecondaryText","secondaryText","join","icon","name","size","isOffProgress"],"sources":["./src/components/progress-flow/progress-flow-item/progress-flow-item.scss?tag=limel-progress-flow-item","./src/components/progress-flow/progress-flow-item/progress-flow-item.tsx"],"sourcesContent":["@use '../../../style/mixins';\n@use '../../../style/functions';\n@use '../../../style/internal/variables';\n\n$limel-progress-flow-step-content: 2;\n$limel-progress-flow-divider: 1;\n\n.flow-item {\n    --step-background: var(\n        --progress-flow-step-background-color,\n        rgb(var(--contrast-600))\n    );\n    --step-background--selected: var(\n        --progress-flow-step-background-color--selected,\n        var(--mdc-theme-primary)\n    );\n    --step-background--passed: var(\n        --progress-flow-step-background-color--passed,\n        var(--step-background--selected)\n    );\n\n    --step-text: var(\n        --progress-flow-step-text-color,\n        rgb(var(--contrast-1200))\n    );\n    --step-text--selected: var(\n        --progress-flow-step-text-color--selected,\n        var(--mdc-theme-on-primary)\n    );\n    --step-text--passed: var(\n        --progress-flow-step-text-color--passed,\n        var(--step-text--selected)\n    );\n\n    --step-divider-color: var(\n        --progress-flow-step-divider-color,\n        rgb(var(--contrast-100))\n    );\n\n    position: relative;\n    width: 100%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n\n    &:not(.off-progress-item, .last) {\n        .divider {\n            &:after {\n                content: '';\n            }\n        }\n    }\n\n    &.off-progress-item {\n        padding-left: functions.pxToRem(8);\n    }\n\n    &.first-off-progress-item {\n        padding-left: functions.pxToRem(16);\n    }\n}\n\n.step {\n    transition: background-color 0.2s ease, box-shadow 0.2s ease;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    height: var(--step-height);\n    border: none;\n    font-size: functions.pxToRem(14);\n\n    &.disabled {\n        cursor: not-allowed;\n\n        &.readonly {\n            opacity: 1;\n            cursor: default;\n        }\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus-visible {\n        box-shadow: var(--shadow-depth-8-focused);\n    }\n\n    .flow-item:not(.off-progress-item, .first) & {\n        padding-left: calc(var(--step-height) / 2);\n    }\n\n    .flow-item:not(.selected) & {\n        &:not(.disabled) {\n            cursor: pointer;\n            &:hover {\n                box-shadow: var(--button-shadow-normal);\n            }\n            &:active {\n                box-shadow: var(--button-shadow-pressed);\n            }\n        }\n    }\n\n    .off-progress-item & {\n        border-radius: functions.pxToRem(4);\n        padding: 0 functions.pxToRem(12);\n\n        .icon {\n            margin-left: 0;\n        }\n    }\n    .flow-item.first & {\n        border-top-left-radius: var(--step-height);\n        border-bottom-left-radius: var(--step-height);\n        padding-left: functions.pxToRem(20);\n    }\n    .flow-item.last & {\n        border-top-right-radius: var(--step-height);\n        border-bottom-right-radius: var(--step-height);\n        padding-right: functions.pxToRem(20);\n    }\n}\n\n.divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--step-height);\n    height: var(--step-height);\n\n    position: absolute;\n    z-index: $limel-progress-flow-divider;\n    right: calc(var(--step-height) / 2 * -1);\n    overflow: hidden;\n\n    &:after {\n        position: absolute;\n        display: block;\n\n        box-sizing: border-box;\n        transition: background-color 0.2s ease;\n\n        width: 100%;\n        height: 100%;\n        right: calc(var(--step-height) / 5);\n        transform: rotate(45deg);\n        border: {\n            style: solid;\n            width: functions.pxToRem(2) functions.pxToRem(2) 0 0;\n            radius: 0 functions.pxToRem(8) 0 0;\n            color: var(--step-divider-color);\n        }\n    }\n    .flow-item.last & {\n        width: 0;\n    }\n}\n\n.text,\n.secondary-text {\n    @include mixins.truncate-text();\n    max-width: var(--max-text-width);\n    z-index: $limel-progress-flow-step-content;\n}\n\n.secondary-text {\n    font-size: functions.pxToRem(12);\n    margin: auto;\n    padding-left: calc(var(--step-height) / 2);\n}\n\n.icon {\n    margin: 0 functions.pxToRem(8) 0 functions.pxToRem(4);\n    z-index: $limel-progress-flow-step-content;\n}\n\n@import './partial-styles/_selected-indicator';\n@import './partial-styles/_colors';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n} from '@stencil/core';\nimport { FlowItem } from '../progress-flow.types';\n\n/**\n * @private\n */\n@Component({\n    tag: 'limel-progress-flow-item',\n    shadow: false,\n    styleUrl: 'progress-flow-item.scss',\n})\nexport class ProgressFlowItem {\n    @Element()\n    public element: HTMLLimelProgressFlowItemElement;\n\n    /**\n     * The flow item that should be rendered\n     */\n    @Prop()\n    public item: FlowItem = null;\n\n    /**\n     * True if the flow item should be disabled\n     */\n    @Prop()\n    public disabled = false;\n\n    /**\n     * True if the flow item should be readonly\n     */\n    @Prop()\n    public readonly = false;\n\n    /**\n     * Fired when clicking on the flow item\n     */\n    @Event()\n    public interact: EventEmitter<void>;\n\n    public render() {\n        if (!this.item) {\n            return;\n        }\n\n        return [\n            <button\n                tabindex=\"0\"\n                title={this.getToolTipText()}\n                type=\"button\"\n                class={{\n                    step: true,\n                    selected: this.item?.selected,\n                    disabled: this.isDisabled(),\n                    readonly: this.readonly,\n                }}\n                onClick={this.handleClick}\n                disabled={this.isDisabled()}\n            >\n                {this.renderIcon()}\n                <span class=\"text\">{this.item.text}</span>\n                {this.renderDivider()}\n            </button>,\n            this.renderSecondaryText(),\n        ];\n    }\n\n    private isDisabled() {\n        return this.item?.disabled || this.readonly || this.disabled;\n    }\n\n    private getToolTipText() {\n        if (!this.item.secondaryText) {\n            return this.item.text;\n        }\n\n        return [this.item.text, this.item.secondaryText].join(' · ');\n    }\n\n    private handleClick = () => {\n        this.interact.emit();\n    };\n\n    private renderSecondaryText() {\n        if (!this.item?.secondaryText) {\n            return;\n        }\n\n        return <div class=\"secondary-text\">{this.item.secondaryText}</div>;\n    }\n\n    private renderIcon() {\n        if (!this.item.icon) {\n            return;\n        }\n\n        return <limel-icon name={this.item.icon} size=\"small\" class=\"icon\" />;\n    }\n\n    private renderDivider() {\n        if (this.item.isOffProgress) {\n            return;\n        }\n\n        return <div class=\"divider\" />;\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,+9J,MCkBfC,EAAgB,M,4DAmEjBC,KAAAC,YAAc,KAClBD,KAAKE,SAASC,MAAM,E,UA5DA,K,cAMN,M,cAMA,K,CAQXC,S,MACH,IAAKJ,KAAKK,KAAM,CACZ,M,CAGJ,MAAO,CACHC,EAAA,UACIC,SAAS,IACTC,MAAOR,KAAKS,iBACZC,KAAK,SACLC,MAAO,CACHC,KAAM,KACNC,UAAUC,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAED,SACrBE,SAAUf,KAAKgB,aACfC,SAAUjB,KAAKiB,UAEnBC,QAASlB,KAAKC,YACdc,SAAUf,KAAKgB,cAEdhB,KAAKmB,aACNb,EAAA,QAAMK,MAAM,QAAQX,KAAKK,KAAKe,MAC7BpB,KAAKqB,iBAEVrB,KAAKsB,sB,CAILN,a,MACJ,QAAOF,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAEC,WAAYf,KAAKiB,UAAYjB,KAAKe,Q,CAGhDN,iBACJ,IAAKT,KAAKK,KAAKkB,cAAe,CAC1B,OAAOvB,KAAKK,KAAKe,I,CAGrB,MAAO,CAACpB,KAAKK,KAAKe,KAAMpB,KAAKK,KAAKkB,eAAeC,KAAK,M,CAOlDF,sB,MACJ,MAAKR,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAES,eAAe,CAC3B,M,CAGJ,OAAOjB,EAAA,OAAKK,MAAM,kBAAkBX,KAAKK,KAAKkB,c,CAG1CJ,aACJ,IAAKnB,KAAKK,KAAKoB,KAAM,CACjB,M,CAGJ,OAAOnB,EAAA,cAAYoB,KAAM1B,KAAKK,KAAKoB,KAAME,KAAK,QAAQhB,MAAM,Q,CAGxDU,gBACJ,GAAIrB,KAAKK,KAAKuB,cAAe,CACzB,M,CAGJ,OAAOtB,EAAA,OAAKK,MAAM,W"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o}from"./p-c8818b66.js";import{c as i}from"./p-6c094f3f.js";const r=".button{all:unset;isolation:isolate;position:relative;transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--limel-dock-item-text-color);background-color:var(--dock-background-color);box-sizing:border-box;display:flex;align-items:center;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:0.875rem;padding:0 0.5rem;min-width:var(--dock-item-height)}.button:hover{color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.button:active{background-color:var(--mdc-theme-surface);box-shadow:var(--button-shadow-inset-pressed);transform:translate3d(0, 0.05rem, 0)}.button:focus{outline:none}.button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.button:hover{z-index:1}.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}.button.selected:focus-visible{box-shadow:var(--button-shadow-inset), var(--shadow-depth-8-focused)}.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid;grid-template-columns:100%}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}limel-badge{position:absolute;top:-0.125rem;right:-0.125rem}.icon{position:relative}.icon:before{text-align:center;pointer-events:none;position:absolute;inset:0;background-color:var(--dock-background-color, rgb(var(--contrast-100)));background-position:center;background-repeat:no-repeat;background-size:contain;background-image:var(--limel-custom-home-icon);content:var(--limel-custom-home-icon-enabler)}.button.selected .icon:before{background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)))}";const s=class{constructor(r){t(this,r);this.itemSelected=e(this,"itemSelected",7);this.menuOpen=e(this,"menuOpen",7);this.close=e(this,"close",7);this.renderNotification=()=>{if(this.item.badge!==undefined){return o("limel-badge",{label:this.item.badge})}};this.openPopover=t=>{t.stopPropagation();this.isOpen=true;this.menuOpen.emit(this.item)};this.setCustomComponentElement=t=>{this.customComponentElement=t};this.onPopoverClose=()=>{this.isOpen=false;this.close.emit()};this.handleClick=t=>{t.stopPropagation();this.itemSelected.emit(this.item)};this.focusCustomComponentElement=()=>{var t,e,o;if((e=(t=this.customComponentElement)===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.delegatesFocus){(o=this.customComponentElement)===null||o===void 0?void 0:o.focus()}};this.item=undefined;this.expanded=false;this.useMobileLayout=false;this.isOpen=false;this.tooltipId=i()}render(){var t,e;if((e=(t=this.item)===null||t===void 0?void 0:t.dockMenu)===null||e===void 0?void 0:e.componentName){return this.renderPopover()}return this.renderButton(this.handleClick)}openWatcher(){if(!this.isOpen){return}const t=new IntersectionObserver(this.focusCustomComponentElement);t.observe(this.customComponentElement)}renderPopover(){var t;const e=(t=this.item)===null||t===void 0?void 0:t.dockMenu.componentName;return o("limel-popover",{openDirection:this.useMobileLayout?"top":"right",open:this.isOpen||this.item.dockMenu.menuOpen,onClose:this.onPopoverClose},this.renderButton(this.openPopover,"trigger"),o(e,Object.assign({ref:this.setCustomComponentElement},this.item.dockMenu.props||{},{onClose:this.onPopoverClose})))}renderButton(t,e){var i;return o("button",{slot:e,tabindex:"0",id:this.tooltipId,type:"button",class:{button:true,selected:(i=this.item)===null||i===void 0?void 0:i.selected},onClick:t,"aria-live":"polite"},this.renderIcon(),this.renderLabel(),this.renderTooltip(),this.renderNotification())}renderIcon(){if(!this.item.icon){return}return o("limel-icon",{name:this.item.icon,class:"icon"})}renderLabel(){if(this.expanded){return o("span",{class:"text"},this.item.label)}}renderTooltip(){if(!this.expanded&&this.item.label){return o("limel-tooltip",{elementId:this.tooltipId,label:this.item.label,helperLabel:this.item.helperLabel})}if(this.expanded&&this.item.helperLabel){return o("limel-tooltip",{elementId:this.tooltipId,label:this.item.helperLabel})}}static get watchers(){return{isOpen:["openWatcher"]}}};s.style=r;export{s as limel_dock_button};
+//# sourceMappingURL=p-a40e05c3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dockButtonCss","DockButton","constructor","hostRef","this","renderNotification","item","badge","undefined","h","label","openPopover","event","stopPropagation","isOpen","menuOpen","emit","setCustomComponentElement","element","customComponentElement","onPopoverClose","close","handleClick","itemSelected","focusCustomComponentElement","_b","_a","shadowRoot","delegatesFocus","_c","focus","tooltipId","createRandomString","render","dockMenu","componentName","renderPopover","renderButton","openWatcher","observer","IntersectionObserver","observe","CustomComponent","openDirection","useMobileLayout","open","onClose","Object","assign","ref","props","slot","tabindex","id","type","class","button","selected","onClick","renderIcon","renderLabel","renderTooltip","icon","name","expanded","elementId","helperLabel"],"sources":["./src/components/dock/dock-button/dock-button.scss?tag=limel-dock-button","./src/components/dock/dock-button/dock-button.tsx"],"sourcesContent":["@use '../../../style/mixins';\n@use '../../../style/functions';\n@use '../../../style/internal/variables';\n\n.button {\n    all: unset;\n    isolation: isolate;\n    position: relative;\n\n    @include mixins.is-flat-inset-clickable(\n        $color: var(--limel-dock-item-text-color),\n        $background-color: var(--dock-background-color)\n    );\n    @include mixins.visualize-keyboard-focus;\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    height: var(--dock-item-height);\n\n    border-radius: functions.pxToRem(6);\n    font-size: functions.pxToRem(14);\n    padding: 0 0.5rem;\n    min-width: var(--dock-item-height);\n\n    &:hover {\n        z-index: 1;\n    }\n\n    &.selected {\n        color: var(--limel-dock-item-text-color--selected);\n        background-color: var(\n            --dock-item-background-color--selected,\n            rgb(var(--contrast-200))\n        );\n\n        box-shadow: var(--button-shadow-inset);\n\n        &:focus-visible {\n            box-shadow: var(--button-shadow-inset),\n                var(--shadow-depth-8-focused);\n        }\n\n        .icon {\n            color: var(--limel-dock-item-text--selected);\n        }\n    }\n}\n\nlimel-popover {\n    // makes buttons that are wrapped in a popover become fullwidth\n    display: grid;\n    grid-template-columns: 100%;\n}\n\n.text {\n    @include mixins.truncate-text();\n    padding-left: 0.5rem;\n    padding-right: 0.75rem;\n}\n\n.icon {\n    flex-shrink: 0;\n    width: calc(var(--dock-item-height) - 1rem);\n    height: calc(var(--dock-item-height) - 1rem);\n    color: var(--dock-item-icon-color, var(--limel-dock-item-text-color));\n}\n\nlimel-badge {\n    position: absolute;\n    top: -0.125rem;\n    right: -0.125rem;\n}\n\n// 👇 Below is a hidden and private hack\n// only for usage in Lime CRM components.\n// It enables our customers to override\n// the default Home icon, using an external URL\n// or an SVG code.\n.icon {\n    position: relative;\n\n    &:before {\n        text-align: center;\n        pointer-events: none;\n        position: absolute;\n        inset: 0;\n        background: {\n            color: var(--dock-background-color, rgb(var(--contrast-100)));\n            position: center;\n            repeat: no-repeat;\n            size: contain;\n            image: var(--limel-custom-home-icon);\n        }\n        // Since `content` defaults to `undefined`\n        // no pseudo element will be rendered, unless\n        // the consumer defines something.\n        content: var(--limel-custom-home-icon-enabler);\n\n        .button.selected & {\n            background-color: var(\n                --dock-item-background-color--selected,\n                rgb(var(--contrast-200))\n            );\n        }\n    }\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { DockItem } from '../dock.types';\nimport { createRandomString } from '../../../util/random-string';\n\n/**\n * @private\n */\n@Component({\n    tag: 'limel-dock-button',\n    shadow: false,\n    styleUrl: 'dock-button.scss',\n})\nexport class DockButton {\n    /**\n     * Item that is placed in the dock.\n     */\n    @Prop()\n    public item!: DockItem;\n\n    /**\n     * When the dock is expanded or collapsed, dock items\n     * show labels and tooltips as suitable for the layout.\n     */\n    @Prop({ reflect: true })\n    public expanded? = false;\n\n    /**\n     * When dock is using mobile layout, dock items\n     * show labels and tooltips as suitable for the layout.\n     */\n    @Prop({ reflect: true })\n    public useMobileLayout? = false;\n\n    /**\n     * Fired when a dock item has been selected from the dock.\n     */\n    @Event()\n    public itemSelected: EventEmitter<DockItem>;\n\n    /**\n     * Fired when a dock menu is opened.\n     */\n    @Event()\n    public menuOpen: EventEmitter<DockItem>;\n\n    /**\n     * Indicated whether the popover that renders a component is open.\n     */\n    @State()\n    private isOpen = false;\n\n    /**\n     * Fired when the popover is closed.\n     */\n    @Event()\n    public close: EventEmitter<void>;\n\n    private tooltipId: string;\n    private customComponentElement: HTMLElement;\n\n    constructor() {\n        this.tooltipId = createRandomString();\n    }\n\n    public render() {\n        if (this.item?.dockMenu?.componentName) {\n            return this.renderPopover();\n        }\n\n        return this.renderButton(this.handleClick);\n    }\n\n    @Watch('isOpen')\n    protected openWatcher() {\n        if (!this.isOpen) {\n            return;\n        }\n\n        const observer = new IntersectionObserver(\n            this.focusCustomComponentElement\n        );\n        observer.observe(this.customComponentElement);\n    }\n\n    private renderPopover() {\n        const CustomComponent = this.item?.dockMenu.componentName;\n\n        return (\n            <limel-popover\n                openDirection={this.useMobileLayout ? 'top' : 'right'}\n                open={this.isOpen || this.item.dockMenu.menuOpen}\n                onClose={this.onPopoverClose}\n            >\n                {this.renderButton(this.openPopover, 'trigger')}\n                <CustomComponent\n                    ref={this.setCustomComponentElement}\n                    {...(this.item.dockMenu.props || {})}\n                    onClose={this.onPopoverClose}\n                />\n            </limel-popover>\n        );\n    }\n\n    private renderButton(\n        handleClick: (event: MouseEvent) => void,\n        slot?: string\n    ) {\n        return (\n            <button\n                slot={slot}\n                tabindex=\"0\"\n                id={this.tooltipId}\n                type=\"button\"\n                class={{\n                    button: true,\n                    selected: this.item?.selected,\n                }}\n                onClick={handleClick}\n                aria-live=\"polite\"\n            >\n                {this.renderIcon()}\n                {this.renderLabel()}\n                {this.renderTooltip()}\n                {this.renderNotification()}\n            </button>\n        );\n    }\n\n    private renderNotification = () => {\n        if (this.item.badge !== undefined) {\n            return <limel-badge label={this.item.badge} />;\n        }\n    };\n\n    private openPopover = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.isOpen = true;\n        this.menuOpen.emit(this.item);\n    };\n\n    private setCustomComponentElement = (element: HTMLElement) => {\n        this.customComponentElement = element;\n    };\n\n    private onPopoverClose = () => {\n        this.isOpen = false;\n        this.close.emit();\n    };\n\n    private handleClick = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.itemSelected.emit(this.item);\n    };\n\n    private renderIcon() {\n        if (!this.item.icon) {\n            return;\n        }\n\n        return <limel-icon name={this.item.icon} class=\"icon\" />;\n    }\n\n    private renderLabel() {\n        if (this.expanded) {\n            return <span class=\"text\">{this.item.label}</span>;\n        }\n    }\n\n    private renderTooltip() {\n        if (!this.expanded && this.item.label) {\n            return (\n                <limel-tooltip\n                    elementId={this.tooltipId}\n                    label={this.item.label}\n                    helperLabel={this.item.helperLabel}\n                />\n            );\n        }\n\n        if (this.expanded && this.item.helperLabel) {\n            return (\n                <limel-tooltip\n                    elementId={this.tooltipId}\n                    label={this.item.helperLabel}\n                />\n            );\n        }\n    }\n\n    private focusCustomComponentElement = () => {\n        if (this.customComponentElement?.shadowRoot?.delegatesFocus) {\n            this.customComponentElement?.focus();\n        }\n    };\n}\n"],"mappings":"sFAAA,MAAMA,EAAgB,oiE,MCoBTC,EAAU,MAgDnBC,YAAAC,G,qHAoEQC,KAAAC,mBAAqB,KACzB,GAAID,KAAKE,KAAKC,QAAUC,UAAW,CAC/B,OAAOC,EAAA,eAAaC,MAAON,KAAKE,KAAKC,O,GAIrCH,KAAAO,YAAeC,IACnBA,EAAMC,kBACNT,KAAKU,OAAS,KACdV,KAAKW,SAASC,KAAKZ,KAAKE,KAAK,EAGzBF,KAAAa,0BAA6BC,IACjCd,KAAKe,uBAAyBD,CAAO,EAGjCd,KAAAgB,eAAiB,KACrBhB,KAAKU,OAAS,MACdV,KAAKiB,MAAML,MAAM,EAGbZ,KAAAkB,YAAeV,IACnBA,EAAMC,kBACNT,KAAKmB,aAAaP,KAAKZ,KAAKE,KAAK,EAsC7BF,KAAAoB,4BAA8B,K,UAClC,IAAIC,GAAAC,EAAAtB,KAAKe,0BAAsB,MAAAO,SAAA,SAAAA,EAAEC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAgB,EACzDC,EAAAzB,KAAKe,0BAAsB,MAAAU,SAAA,SAAAA,EAAEC,O,qCAvKlB,M,qBAOO,M,YAkBT,MAYb1B,KAAK2B,UAAYC,G,CAGdC,S,QACH,IAAIR,GAAAC,EAAAtB,KAAKE,QAAI,MAAAoB,SAAA,SAAAA,EAAEQ,YAAQ,MAAAT,SAAA,SAAAA,EAAEU,cAAe,CACpC,OAAO/B,KAAKgC,e,CAGhB,OAAOhC,KAAKiC,aAAajC,KAAKkB,Y,CAIxBgB,cACN,IAAKlC,KAAKU,OAAQ,CACd,M,CAGJ,MAAMyB,EAAW,IAAIC,qBACjBpC,KAAKoB,6BAETe,EAASE,QAAQrC,KAAKe,uB,CAGlBiB,gB,MACJ,MAAMM,GAAkBhB,EAAAtB,KAAKE,QAAI,MAAAoB,SAAA,SAAAA,EAAEQ,SAASC,cAE5C,OACI1B,EAAA,iBACIkC,cAAevC,KAAKwC,gBAAkB,MAAQ,QAC9CC,KAAMzC,KAAKU,QAAUV,KAAKE,KAAK4B,SAASnB,SACxC+B,QAAS1C,KAAKgB,gBAEbhB,KAAKiC,aAAajC,KAAKO,YAAa,WACrCF,EAACiC,EAAeK,OAAAC,OAAA,CACZC,IAAK7C,KAAKa,2BACLb,KAAKE,KAAK4B,SAASgB,OAAS,GAAE,CACnCJ,QAAS1C,KAAKgB,kB,CAMtBiB,aACJf,EACA6B,G,MAEA,OACI1C,EAAA,UACI0C,KAAMA,EACNC,SAAS,IACTC,GAAIjD,KAAK2B,UACTuB,KAAK,SACLC,MAAO,CACHC,OAAQ,KACRC,UAAU/B,EAAAtB,KAAKE,QAAI,MAAAoB,SAAA,SAAAA,EAAE+B,UAEzBC,QAASpC,EAAW,YACV,UAETlB,KAAKuD,aACLvD,KAAKwD,cACLxD,KAAKyD,gBACLzD,KAAKC,qB,CA+BVsD,aACJ,IAAKvD,KAAKE,KAAKwD,KAAM,CACjB,M,CAGJ,OAAOrD,EAAA,cAAYsD,KAAM3D,KAAKE,KAAKwD,KAAMP,MAAM,Q,CAG3CK,cACJ,GAAIxD,KAAK4D,SAAU,CACf,OAAOvD,EAAA,QAAM8C,MAAM,QAAQnD,KAAKE,KAAKI,M,EAIrCmD,gBACJ,IAAKzD,KAAK4D,UAAY5D,KAAKE,KAAKI,MAAO,CACnC,OACID,EAAA,iBACIwD,UAAW7D,KAAK2B,UAChBrB,MAAON,KAAKE,KAAKI,MACjBwD,YAAa9D,KAAKE,KAAK4D,a,CAKnC,GAAI9D,KAAK4D,UAAY5D,KAAKE,KAAK4D,YAAa,CACxC,OACIzD,EAAA,iBACIwD,UAAW7D,KAAK2B,UAChBrB,MAAON,KAAKE,KAAK4D,a"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,g as i}from"./p-c8818b66.js";const o=":host{--step-height:2.5rem;--selected-indicator-right:-0.5rem;--max-text-width:10rem;isolation:isolate;box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0.25rem}:host::-webkit-scrollbar{display:none}:host(.is-narrow){--step-height:1.5rem;--selected-indicator-right:0}";const r=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.renderRegularFlowItem=(t,e,i)=>s("limel-progress-flow-item",{class:{"flow-item":true,first:e===0,last:e===i.length-1,passed:e<this.selectedItemIndex,selected:t.selected},style:this.getItemStyle(t),disabled:this.disabled||this.readonly,readonly:this.readonly,item:t,onInteract:this.handleFlowItemClick(t),"data-tracking-value":t.value});this.renderEndPhaseItem=(t,e,i)=>s("limel-progress-flow-item",{class:{"flow-item":true,"off-progress-item":true,selected:t.selected,"first-off-progress-item":e===0,"last-off-progress-item":e===i.length-1},style:this.getItemStyle(t),disabled:this.disabled||this.readonly,readonly:this.readonly,item:t,onInteract:this.handleFlowItemClick(t),"data-tracking-value":t.value});this.handleFlowItemClick=t=>()=>{if(!t.selected&&!t.disabled&&!this.disabled){this.change.emit(t)}};this.flowItems=[];this.disabled=false;this.readonly=false}componentDidRender(){this.scrollToSelectedItem()}render(){const t=this.flowItems.filter((t=>!t.isOffProgress));const e=this.flowItems.filter((t=>t.isOffProgress));this.selectedItemIndex=t.findIndex((t=>t.selected));return[t.map(this.renderRegularFlowItem),e.map(this.renderEndPhaseItem)]}getItemStyle(t){const e={};if(t===null||t===void 0?void 0:t.selectedColor){e["--progress-flow-step-background-color--selected"]=t.selectedColor}if(t===null||t===void 0?void 0:t.passedColor){e["--progress-flow-step-background-color--passed"]=t.passedColor}if(t===null||t===void 0?void 0:t.iconColor){e["--progress-flow-icon-color--inactive"]=t.iconColor}return e}scrollToSelectedItem(){const t=this.getElementForSelectedItem();if(t){const e=t.offsetLeft-this.element.offsetLeft;const s=e-this.element.offsetWidth/2;const i=s+t.offsetWidth/2;this.element.scrollTo({behavior:"smooth",left:i})}}getElementForSelectedItem(){return this.element.shadowRoot.querySelector(".flow-item.selected")}get element(){return i(this)}};r.style=o;export{r as limel_progress_flow};
+//# sourceMappingURL=p-a8714655.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["progressFlowCss","ProgressFlow","this","renderRegularFlowItem","item","index","array","h","class","first","last","length","passed","selectedItemIndex","selected","style","getItemStyle","disabled","readonly","onInteract","handleFlowItemClick","value","renderEndPhaseItem","flowItem","change","emit","componentDidRender","scrollToSelectedItem","render","regularFlowItems","flowItems","filter","isOffProgress","endPhaseItems","findIndex","map","selectedColor","passedColor","iconColor","selectedElement","getElementForSelectedItem","selectedItemLeftPosition","offsetLeft","element","selectedElementLeftPositionCentered","offsetWidth","selectedElementCentered","scrollTo","behavior","left","shadowRoot","querySelector"],"sources":["./src/components/progress-flow/progress-flow.scss?tag=limel-progress-flow&encapsulation=shadow","./src/components/progress-flow/progress-flow.tsx"],"sourcesContent":["@use '../../style/functions';\n@use '../../style/internal/variables';\n\n/**\n* @prop --progress-flow-step-background-color: Background color of steps, defaults to `--contrast-600`.\n* @prop --progress-flow-step-background-color--selected: Background color of selected step, defaults to `--lime-primary-color`.\n* @prop --progress-flow-step-background-color--passed: Background color of passed steps, defaults to the background color the step has when selected.\n* @prop --progress-flow-step-text-color: Text of steps, defaults to `--contrast-1200`.\n* @prop --progress-flow-step-text-color--selected: Text color of selected step, defaults to `--lime-primary-color`.\n* @prop --progress-flow-step-text-color--passed: Text color of passed steps, defaults to the text color the step has when selected.\n* @prop --progress-flow-step-divider-color: Color of the arrow shaped dividers between steps which must be the same as component's background, defaults to `--contrast-100`.\n* @prop --progress-flow-icon-color--inactive: Color of the optional icons used in each step. Only affects inactive steps, defaults to text colors for inactive, active, or passed step.\n*/\n\n:host {\n    --step-height: 2.5rem;\n    --selected-indicator-right: -0.5rem;\n    --max-text-width: 10rem;\n\n    isolation: isolate;\n    box-sizing: border-box;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n\n    overflow-x: auto;\n    scrollbar-width: none; // This hides the scrollbars appearing under in Firefox\n    -ms-overflow-style: none; // Same as above for IE 11\n    padding: functions.pxToRem(4); // needed for the focus effect\n\n    &::-webkit-scrollbar {\n        display: none; // This hides the scrollbars appearing under in Chrome\n    }\n}\n\n:host(.is-narrow) {\n    --step-height: 1.5rem;\n    --selected-indicator-right: 0;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n} from '@stencil/core';\nimport { FlowItem } from './progress-flow.types';\n\n/**\n * @exampleComponent limel-example-progress-flow-basic\n * @exampleComponent limel-example-progress-flow-secondary-text\n * @exampleComponent limel-example-progress-flow-disabled-step\n * @exampleComponent limel-example-progress-flow-colors\n * @exampleComponent limel-example-progress-flow-colors-css\n * @exampleComponent limel-example-progress-flow-off-progress-steps\n * @exampleComponent limel-example-progress-flow-narrow\n */\n@Component({\n    tag: 'limel-progress-flow',\n    shadow: true,\n    styleUrl: 'progress-flow.scss',\n})\nexport class ProgressFlow {\n    @Element()\n    public element: HTMLLimelProgressFlowElement;\n\n    /**\n     * What flow items to render\n     */\n    @Prop()\n    public flowItems: FlowItem[] = [];\n\n    /**\n     * Set to `true` to disable the progress flow.\n     * Use `disabled` to indicate that the component can normally be interacted\n     * with, but is currently disabled. This tells the user that if certain\n     * requirements are met, the field may become enabled again.\n     */\n    @Prop()\n    public disabled = false;\n\n    /**\n     * Disables the progress flow when `true`.\n     * This does not visualize the component that much differently.\n     * But since the component does not provide any feedback that users can\n     * interact with the component, it makes it perfect for illustrative and\n     * informative porpuses.\n     */\n    @Prop()\n    public readonly = false;\n\n    /**\n     * Fired when a new value has been selected from the progress flow\n     */\n    @Event()\n    public change: EventEmitter<FlowItem>;\n\n    private selectedItemIndex: number;\n\n    public componentDidRender() {\n        this.scrollToSelectedItem();\n    }\n\n    public render() {\n        const regularFlowItems = this.flowItems.filter((item) => {\n            return !item.isOffProgress;\n        });\n        const endPhaseItems = this.flowItems.filter((item) => {\n            return item.isOffProgress;\n        });\n        this.selectedItemIndex = regularFlowItems.findIndex((item) => {\n            return item.selected;\n        });\n\n        return [\n            regularFlowItems.map(this.renderRegularFlowItem),\n            endPhaseItems.map(this.renderEndPhaseItem),\n        ];\n    }\n\n    private renderRegularFlowItem = (\n        item: FlowItem,\n        index: number,\n        array: FlowItem[]\n    ) => {\n        return (\n            <limel-progress-flow-item\n                class={{\n                    'flow-item': true,\n                    first: index === 0,\n                    last: index === array.length - 1,\n                    passed: index < this.selectedItemIndex,\n                    selected: item.selected,\n                }}\n                style={this.getItemStyle(item)}\n                disabled={this.disabled || this.readonly}\n                readonly={this.readonly}\n                item={item}\n                onInteract={this.handleFlowItemClick(item)}\n                data-tracking-value={item.value}\n            />\n        );\n    };\n\n    private renderEndPhaseItem = (\n        item: FlowItem,\n        index: number,\n        array: FlowItem[]\n    ) => {\n        return (\n            <limel-progress-flow-item\n                class={{\n                    'flow-item': true,\n                    'off-progress-item': true,\n                    selected: item.selected,\n                    'first-off-progress-item': index === 0,\n                    'last-off-progress-item': index === array.length - 1,\n                }}\n                style={this.getItemStyle(item)}\n                disabled={this.disabled || this.readonly}\n                readonly={this.readonly}\n                item={item}\n                onInteract={this.handleFlowItemClick(item)}\n                data-tracking-value={item.value}\n            />\n        );\n    };\n\n    private handleFlowItemClick = (flowItem: FlowItem) => () => {\n        if (!flowItem.selected && !flowItem.disabled && !this.disabled) {\n            this.change.emit(flowItem);\n        }\n    };\n\n    private getItemStyle(flowItem: FlowItem) {\n        const style: any = {};\n        if (flowItem?.selectedColor) {\n            style['--progress-flow-step-background-color--selected'] =\n                flowItem.selectedColor;\n        }\n\n        if (flowItem?.passedColor) {\n            style['--progress-flow-step-background-color--passed'] =\n                flowItem.passedColor;\n        }\n\n        if (flowItem?.iconColor) {\n            style['--progress-flow-icon-color--inactive'] = flowItem.iconColor;\n        }\n\n        return style;\n    }\n\n    private scrollToSelectedItem() {\n        const selectedElement = this.getElementForSelectedItem();\n        if (selectedElement) {\n            const selectedItemLeftPosition =\n                selectedElement.offsetLeft - this.element.offsetLeft;\n            const selectedElementLeftPositionCentered =\n                // eslint-disable-next-line no-magic-numbers\n                selectedItemLeftPosition - this.element.offsetWidth / 2;\n            const selectedElementCentered =\n                selectedElementLeftPositionCentered +\n                // eslint-disable-next-line no-magic-numbers\n                selectedElement.offsetWidth / 2;\n            this.element.scrollTo({\n                behavior: 'smooth',\n                left: selectedElementCentered,\n            });\n        }\n    }\n\n    private getElementForSelectedItem(): HTMLLimelProgressFlowItemElement {\n        return this.element.shadowRoot.querySelector('.flow-item.selected');\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,yX,MCwBXC,EAAY,M,wDA0DbC,KAAAC,sBAAwB,CAC5BC,EACAC,EACAC,IAGIC,EAAA,4BACIC,MAAO,CACH,YAAa,KACbC,MAAOJ,IAAU,EACjBK,KAAML,IAAUC,EAAMK,OAAS,EAC/BC,OAAQP,EAAQH,KAAKW,kBACrBC,SAAUV,EAAKU,UAEnBC,MAAOb,KAAKc,aAAaZ,GACzBa,SAAUf,KAAKe,UAAYf,KAAKgB,SAChCA,SAAUhB,KAAKgB,SACfd,KAAMA,EACNe,WAAYjB,KAAKkB,oBAAoBhB,GAAK,sBACrBA,EAAKiB,QAK9BnB,KAAAoB,mBAAqB,CACzBlB,EACAC,EACAC,IAGIC,EAAA,4BACIC,MAAO,CACH,YAAa,KACb,oBAAqB,KACrBM,SAAUV,EAAKU,SACf,0BAA2BT,IAAU,EACrC,yBAA0BA,IAAUC,EAAMK,OAAS,GAEvDI,MAAOb,KAAKc,aAAaZ,GACzBa,SAAUf,KAAKe,UAAYf,KAAKgB,SAChCA,SAAUhB,KAAKgB,SACfd,KAAMA,EACNe,WAAYjB,KAAKkB,oBAAoBhB,GAAK,sBACrBA,EAAKiB,QAK9BnB,KAAAkB,oBAAuBG,GAAuB,KAClD,IAAKA,EAAST,WAAaS,EAASN,WAAaf,KAAKe,SAAU,CAC5Df,KAAKsB,OAAOC,KAAKF,E,kBApGM,G,cASb,M,cAUA,K,CAUXG,qBACHxB,KAAKyB,sB,CAGFC,SACH,MAAMC,EAAmB3B,KAAK4B,UAAUC,QAAQ3B,IACpCA,EAAK4B,gBAEjB,MAAMC,EAAgB/B,KAAK4B,UAAUC,QAAQ3B,GAClCA,EAAK4B,gBAEhB9B,KAAKW,kBAAoBgB,EAAiBK,WAAW9B,GAC1CA,EAAKU,WAGhB,MAAO,CACHe,EAAiBM,IAAIjC,KAAKC,uBAC1B8B,EAAcE,IAAIjC,KAAKoB,oB,CA0DvBN,aAAaO,GACjB,MAAMR,EAAa,GACnB,GAAIQ,IAAQ,MAARA,SAAQ,SAARA,EAAUa,cAAe,CACzBrB,EAAM,mDACFQ,EAASa,a,CAGjB,GAAIb,IAAQ,MAARA,SAAQ,SAARA,EAAUc,YAAa,CACvBtB,EAAM,iDACFQ,EAASc,W,CAGjB,GAAId,IAAQ,MAARA,SAAQ,SAARA,EAAUe,UAAW,CACrBvB,EAAM,wCAA0CQ,EAASe,S,CAG7D,OAAOvB,C,CAGHY,uBACJ,MAAMY,EAAkBrC,KAAKsC,4BAC7B,GAAID,EAAiB,CACjB,MAAME,EACFF,EAAgBG,WAAaxC,KAAKyC,QAAQD,WAC9C,MAAME,EAEFH,EAA2BvC,KAAKyC,QAAQE,YAAc,EAC1D,MAAMC,EACFF,EAEAL,EAAgBM,YAAc,EAClC3C,KAAKyC,QAAQI,SAAS,CAClBC,SAAU,SACVC,KAAMH,G,EAKVN,4BACJ,OAAOtC,KAAKyC,QAAQO,WAAWC,cAAc,sB"}

package/dist/lime-elements/p-acf307d9.js

@@ -1 +1,2 @@
-import{i as r}from"./p-0b1af919.js";function i(i){return r(i)}export{i}
+import{i as r}from"./p-0b1af919.js";function i(i){return r(i)}export{i};
+//# sourceMappingURL=p-acf307d9.js.map

package/dist/lime-elements/p-acf307d9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMultiple","value","isArray"],"sources":["./src/util/multiple.ts"],"sourcesContent":["import { isArray } from 'lodash-es';\n\n/**\n * Type guard for checking if a value is multiple items or not\n * @param {T | T[]} value the value to check\n * @returns {boolean} true if value is multiple items, false otherwise\n */\nexport function isMultiple<T>(value: T | T[]): value is T[] {\n    return isArray(value);\n}\n"],"mappings":"6CAOgBA,EAAcC,GAC1B,OAAOC,EAAQD,EACnB,Q"}

package/dist/lime-elements/p-ad8cb388.js

@@ -1 +1,2 @@
-import{a as r,i as n}from"./p-669626e5.js";import{d as t,j as u,M as o,o as i,l as e,n as f,p as a,q as c,r as s,t as v,k as l,c as p}from"./p-ade76f1d.js";import{S as d,i as b}from"./p-c93050d6.js";import{i as j}from"./p-0b1af919.js";import{i as m}from"./p-d529bb7d.js";import{b as y,i as h,a as O}from"./p-9acf7b5d.js";import{a as w}from"./p-b28128d2.js";var g=d?d.prototype:void 0,E=g?g.toString:void 0;function _(n){if("string"==typeof n)return n;if(j(n))return r(n,_)+"";if(m(n))return E?E.call(n):"";var t=n+"";return"0"==t&&1/n==-1/0?"-0":t}var x=Object.prototype.hasOwnProperty;function $(r){return y(r)?u(r,!0):function(r){if(!b(r))return function(r){var n=[];if(null!=r)for(var t in Object(r))n.push(t);return n}(r);var n=t(r),u=[];for(var o in r)("constructor"!=o||!n&&x.call(r,o))&&u.push(o);return u}(r)}var k=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,T=/^\w*$/;function q(r,n){if(j(r))return!1;var t=typeof r;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=r&&!m(r))||T.test(r)||!k.test(r)||null!=n&&r in Object(n)}function M(r,n){if("function"!=typeof r||null!=n&&"function"!=typeof n)throw new TypeError("Expected a function");var t=function(){var u=arguments,o=n?n.apply(this,u):u[0],i=t.cache;if(i.has(o))return i.get(o);var e=r.apply(this,u);return t.cache=i.set(o,e)||i,e};return t.cache=new(M.Cache||o),t}M.Cache=o;var S,z,A,B=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,C=/\\(\\)?/g,D=(S=function(r){var n=[];return 46===r.charCodeAt(0)&&n.push(""),r.replace(B,(function(r,t,u,o){n.push(u?o.replace(C,"$1"):t||r)})),n},z=M(S,(function(r){return 500===A.size&&A.clear(),r})),A=z.cache,z);function F(r){return null==r?"":_(r)}function G(r,n){return j(r)?r:q(r,n)?[r]:D(F(r))}function H(r){if("string"==typeof r||m(r))return r;var n=r+"";return"0"==n&&1/r==-1/0?"-0":n}function I(r,n){for(var t=0,u=(n=G(n,r)).length;null!=r&&t<u;)r=r[H(n[t++])];return t&&t==u?r:void 0}function J(r,n,t){var u=null==r?void 0:I(r,n);return void 0===u?t:u}var K=i(Object.getPrototypeOf,Object),L=Object.getOwnPropertySymbols?function(r){for(var n=[];r;)f(n,a(r)),r=K(r);return n}:e;function N(r){return r==r&&!b(r)}function P(r,n){return function(t){return null!=t&&t[r]===n&&(void 0!==n||r in Object(t))}}function Q(r,n){return null!=r&&n in Object(r)}function R(r,n,t){for(var u=-1,o=(n=G(n,r)).length,i=!1;++u<o;){var e=H(n[u]);if(!(i=null!=r&&t(r,e)))break;r=r[e]}return i||++u!=o?i:!!(o=null==r?0:r.length)&&h(o)&&O(e,o)&&(j(r)||p(r))}function U(r){return"function"==typeof r?r:null==r?n:"object"==typeof r?j(r)?(i=r[1],q(o=r[0])&&N(i)?P(H(o),i):function(r){var n=J(r,o);return void 0===n&&n===i?function(r,n){return null!=r&&R(r,n,Q)}(r,o):v(i,n,3)}):1==(u=function(r){for(var n=l(r),t=n.length;t--;){var u=n[t],o=r[u];n[t]=[u,o,N(o)]}return n}(t=r)).length&&u[0][2]?P(u[0][0],u[0][1]):function(r){return r===t||function(r,n,t,u){var o=t.length,i=o;if(null==r)return!i;for(r=Object(r);o--;){var e=t[o];if(e[2]?e[1]!==r[e[0]]:!(e[0]in r))return!1}for(;++o<i;){var f=(e=t[o])[0],a=r[f],c=e[1];if(e[2]){if(void 0===a&&!(f in r))return!1}else{var l,p=new s;if(!(void 0===l?v(c,a,3,u,p):l))return!1}}return!0}(r,0,u)}:function(r){return q(r)?(n=H(r),function(r){return null==r?void 0:r[n]}):function(r){return function(n){return I(n,r)}}(r);var n}(r);var t,u,o,i}var V=Object.prototype.hasOwnProperty;function W(r,n){return null!=r&&V.call(r,n)}function X(r,n){return null!=r&&R(r,n,W)}function Y(r){if("function"!=typeof r)throw new TypeError("Expected a function");return function(){var n=arguments;switch(n.length){case 0:return!r.call(this);case 1:return!r.call(this,n[0]);case 2:return!r.call(this,n[0],n[1]);case 3:return!r.call(this,n[0],n[1],n[2])}return!r.apply(this,n)}}function Z(r,n,t,u){if(!b(r))return r;for(var o=-1,i=(n=G(n,r)).length,e=i-1,f=r;null!=f&&++o<i;){var a=H(n[o]),c=t;if("__proto__"===a||"constructor"===a||"prototype"===a)return r;if(o!=e){var s=f[a];void 0===(c=u?u(s,a,f):void 0)&&(c=b(s)?s:O(n[o+1])?[]:{})}w(f,a,c),f=f[a]}return r}function rr(n,t){if(null==n)return{};var u=r(function(r){return c(r,$,L)}(n),(function(r){return[r]}));return t=U(t),function(r,n,t){for(var u=-1,o=n.length,i={};++u<o;){var e=n[u],f=I(r,e);t(f,e)&&Z(i,G(e,r),f)}return i}(n,u,(function(r,n){return t(r,n[0])}))}export{J as a,U as b,K as g,X as h,Y as n,rr as p,F as t}
+import{a as n,i as r}from"./p-669626e5.js";import{d as t,j as u,M as e,o as i,l as f,n as a,p as o,q as c,r as s,t as l,k as v,c as d}from"./p-ade76f1d.js";import{S as p,i as b}from"./p-c93050d6.js";import{i as h}from"./p-0b1af919.js";import{i as j}from"./p-d529bb7d.js";import{b as m,i as w,a as y}from"./p-9acf7b5d.js";import{a as O}from"./p-b28128d2.js";var g=1/0;var E=p?p.prototype:undefined,_=E?E.toString:undefined;function x(r){if(typeof r=="string"){return r}if(h(r)){return n(r,x)+""}if(j(r)){return _?_.call(r):""}var t=r+"";return t=="0"&&1/r==-g?"-0":t}function $(n){var r=[];if(n!=null){for(var t in Object(n)){r.push(t)}}return r}var k=Object.prototype;var T=k.hasOwnProperty;function q(n){if(!b(n)){return $(n)}var r=t(n),u=[];for(var e in n){if(!(e=="constructor"&&(r||!T.call(n,e)))){u.push(e)}}return u}function M(n){return m(n)?u(n,true):q(n)}var S=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,z=/^\w*$/;function A(n,r){if(h(n)){return false}var t=typeof n;if(t=="number"||t=="symbol"||t=="boolean"||n==null||j(n)){return true}return z.test(n)||!S.test(n)||r!=null&&n in Object(r)}var B="Expected a function";function C(n,r){if(typeof n!="function"||r!=null&&typeof r!="function"){throw new TypeError(B)}var t=function(){var u=arguments,e=r?r.apply(this,u):u[0],i=t.cache;if(i.has(e)){return i.get(e)}var f=n.apply(this,u);t.cache=i.set(e,f)||i;return f};t.cache=new(C.Cache||e);return t}C.Cache=e;var D=500;function F(n){var r=C(n,(function(n){if(t.size===D){t.clear()}return n}));var t=r.cache;return r}var G=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;var H=/\\(\\)?/g;var I=F((function(n){var r=[];if(n.charCodeAt(0)===46){r.push("")}n.replace(G,(function(n,t,u,e){r.push(u?e.replace(H,"$1"):t||n)}));return r}));function J(n){return n==null?"":x(n)}function K(n,r){if(h(n)){return n}return A(n,r)?[n]:I(J(n))}var L=1/0;function N(n){if(typeof n=="string"||j(n)){return n}var r=n+"";return r=="0"&&1/n==-L?"-0":r}function P(n,r){r=K(r,n);var t=0,u=r.length;while(n!=null&&t<u){n=n[N(r[t++])]}return t&&t==u?n:undefined}function Q(n,r,t){var u=n==null?undefined:P(n,r);return u===undefined?t:u}var R=i(Object.getPrototypeOf,Object);var U=Object.getOwnPropertySymbols;var V=!U?f:function(n){var r=[];while(n){a(r,o(n));n=R(n)}return r};function W(n){return c(n,M,V)}var X=1,Y=2;function Z(n,r,t,u){var e=t.length,i=e,f=!u;if(n==null){return!i}n=Object(n);while(e--){var a=t[e];if(f&&a[2]?a[1]!==n[a[0]]:!(a[0]in n)){return false}}while(++e<i){a=t[e];var o=a[0],c=n[o],v=a[1];if(f&&a[2]){if(c===undefined&&!(o in n)){return false}}else{var d=new s;if(u){var p=u(c,v,o,n,r,d)}if(!(p===undefined?l(v,c,X|Y,u,d):p)){return false}}}return true}function nn(n){return n===n&&!b(n)}function rn(n){var r=v(n),t=r.length;while(t--){var u=r[t],e=n[u];r[t]=[u,e,nn(e)]}return r}function tn(n,r){return function(t){if(t==null){return false}return t[n]===r&&(r!==undefined||n in Object(t))}}function un(n){var r=rn(n);if(r.length==1&&r[0][2]){return tn(r[0][0],r[0][1])}return function(t){return t===n||Z(t,n,r)}}function en(n,r){return n!=null&&r in Object(n)}function fn(n,r,t){r=K(r,n);var u=-1,e=r.length,i=false;while(++u<e){var f=N(r[u]);if(!(i=n!=null&&t(n,f))){break}n=n[f]}if(i||++u!=e){return i}e=n==null?0:n.length;return!!e&&w(e)&&y(f,e)&&(h(n)||d(n))}function an(n,r){return n!=null&&fn(n,r,en)}var on=1,cn=2;function sn(n,r){if(A(n)&&nn(r)){return tn(N(n),r)}return function(t){var u=Q(t,n);return u===undefined&&u===r?an(t,n):l(r,u,on|cn)}}function ln(n){return function(r){return r==null?undefined:r[n]}}function vn(n){return function(r){return P(r,n)}}function dn(n){return A(n)?ln(N(n)):vn(n)}function pn(n){if(typeof n=="function"){return n}if(n==null){return r}if(typeof n=="object"){return h(n)?sn(n[0],n[1]):un(n)}return dn(n)}var bn=Object.prototype;var hn=bn.hasOwnProperty;function jn(n,r){return n!=null&&hn.call(n,r)}function mn(n,r){return n!=null&&fn(n,r,jn)}var wn="Expected a function";function yn(n){if(typeof n!="function"){throw new TypeError(wn)}return function(){var r=arguments;switch(r.length){case 0:return!n.call(this);case 1:return!n.call(this,r[0]);case 2:return!n.call(this,r[0],r[1]);case 3:return!n.call(this,r[0],r[1],r[2])}return!n.apply(this,r)}}function On(n,r,t,u){if(!b(n)){return n}r=K(r,n);var e=-1,i=r.length,f=i-1,a=n;while(a!=null&&++e<i){var o=N(r[e]),c=t;if(o==="__proto__"||o==="constructor"||o==="prototype"){return n}if(e!=f){var s=a[o];c=u?u(s,o,a):undefined;if(c===undefined){c=b(s)?s:y(r[e+1])?[]:{}}}O(a,o,c);a=a[o]}return n}function gn(n,r,t){var u=-1,e=r.length,i={};while(++u<e){var f=r[u],a=P(n,f);if(t(a,f)){On(i,K(f,n),a)}}return i}function En(r,t){if(r==null){return{}}var u=n(W(r),(function(n){return[n]}));t=pn(t);return gn(r,u,(function(n,r){return t(n,r[0])}))}export{Q as a,pn as b,R as g,mn as h,yn as n,En as p,J as t};
+//# sourceMappingURL=p-ad8cb388.js.map