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

package/dist/lime-elements/{p-9e78a21c.entry.js → p-d419c102.entry.js}

@@ -1,4 +1,4 @@
-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}
+import{r as t,c as i,h as s,g as e}from"./p-3075aa67.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 d,f,g as p}from"./p-d7801e00.js";import{c as v}from"./p-3ccdc4a3.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 d=arguments.length,f=Array(d),p=0;p<d;p++){f[p]=arguments[p]}if(c&&e.leading){return e.accumulate?Promise.resolve(i.call(this,[f])).then((function(t){return t[0]})):Promise.resolve(i.call.apply(i,[this].concat(f)))}if(r){clearTimeout(h)}else{r=g()}o.push(f);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
@@ -12,5 +12,5 @@ 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
+***************************************************************************** */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===d;const e=t.key===f||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-d419c102.entry.js.map

package/dist/lime-elements/{p-9e78a21c.entry.js.map → p-d419c102.entry.js.map}

@@ -1 +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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"}
+{"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-7a3f58cd.entry.js → p-dd14b927.entry.js}

@@ -1,2 +1,2 @@
-import{r as t}from"./p-c8818b66.js";import{c as s}from"./p-240fda3b.js";const i=class{constructor(s){t(this,s);this.config=undefined}componentDidLoad(){this.setGlobalConfig()}componentDidUpdate(){this.setGlobalConfig()}setGlobalConfig(){if(!this.config){return}Object.keys(this.config).forEach((t=>{s[t]=this.config[t]}))}render(){return null}};export{i as limel_config};
-//# sourceMappingURL=p-7a3f58cd.entry.js.map
+import{r as t}from"./p-3075aa67.js";import{c as s}from"./p-240fda3b.js";const i=class{constructor(s){t(this,s);this.config=undefined}componentDidLoad(){this.setGlobalConfig()}componentDidUpdate(){this.setGlobalConfig()}setGlobalConfig(){if(!this.config){return}Object.keys(this.config).forEach((t=>{s[t]=this.config[t]}))}render(){return null}};export{i as limel_config};
+//# sourceMappingURL=p-dd14b927.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,h as i,g as e}from"./p-3075aa67.js";import{c as s}from"./p-240fda3b.js";class r{constructor(t){this.promises={};this.cache=t}async get(t,i=""){const e=await this.cache;const s=this.getUrl(t,i);let r=await e.match(s);if(!r){r=await this.fetchData(s,e)}return this.getIcon(r)}async fetchData(t,i){let e=this.promises[t];if(e===undefined){e=i.add(t);this.promises[t]=e}await e;return i.match(t)}async getIcon(t){let i=await t.text();i=i.replace(/#000000/g,"currentColor");if(!this.validSvg(i)){throw new Error("Invalid SVG")}return i}validSvg(t){const i=new DOMParser;const e=i.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}getUrl(t,i){let e=i||"";if(i&&!i.endsWith("/")){e=`${i}/`}return`${e}assets/icons/${t}.svg`}}class n{constructor(){this.cache={};this.resolveFunctions={}}async get(t,i=""){if(!this.cache[t]){this.cache[t]=await this.getIcon(t,i)}return this.cache[t]}getIcon(t,i){return new Promise((e=>{if(!this.resolveFunctions[t]){this.resolveFunctions[t]=[];this.fetchData(t,i)}this.resolveFunctions[t].push(e)}))}async fetchData(t,i){let e=i||"";if(i&&!i.endsWith("/")){e=`${i}/`}const s=await fetch(`${e}assets/icons/${t}.svg`);let r=await s.text();r=r.replace(/#000000/g,"currentColor");if(!this.validSvg(r)){throw new Error("Invalid SVG")}this.resolvePromises(t,r)}validSvg(t){const i=new DOMParser;const e=i.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}resolvePromises(t,i){const e=this.resolveFunctions[t];e.forEach((t=>{t(i)}));this.resolveFunctions[t]=null}}const a="@limetech/lime-elements/icons";function o(){try{const t=caches.open(a);return new r(t)}catch(t){return new n}}const h=(()=>o())();const m=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host([hidden]){display:none}:host([size=x-small]){height:0.9375rem !important;width:0.9375rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5625rem !important;width:1.5625rem !important}:host([size=large]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=x-small]){height:1.4375rem !important;width:1.4375rem !important}:host([badge][size=x-small])>div{margin:0.25rem}:host([badge][size=small]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=small])>div{margin:0.3125rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important}:host([badge][size=medium])>div{margin:0.5rem}:host([badge][size=large]){height:2.875rem !important;width:2.875rem !important}:host([badge][size=large])>div{margin:0.5rem}";const c=class{constructor(i){t(this,i);this.size=undefined;this.name=undefined;this.badge=undefined}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{class:"container"})}async loadIcon(t){if(t===undefined||t===""){return}const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return h.get(t,s.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");if(i){i.innerHTML=t}}get host(){return e(this)}static get watchers(){return{name:["loadIcon"]}}};c.style=m;export{c as limel_icon};
+//# sourceMappingURL=p-e0a0065f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CacheStorageIconCache","constructor","cache","this","promises","async","name","path","url","getUrl","response","match","fetchData","getIcon","requestPromise","undefined","add","svgData","text","replace","validSvg","Error","data","parser","DOMParser","svgDoc","parseFromString","documentElement","tagName","toLowerCase","iconPath","endsWith","InMemoryIconCache","resolveFunctions","Promise","resolve","push","fetch","resolvePromises","resolves","forEach","CACHE_NAME","createIconCache","caches","open","_a","iconCache","iconCss","Icon","componentDidLoad","loadIcon","render","h","class","loadSvg","renderSvg","get","config","container","host","shadowRoot","querySelector","innerHTML"],"sources":["./src/global/icon-cache/cache-storage-icon-cache.ts","./src/global/icon-cache/in-memory-icon-cache.ts","./src/global/icon-cache/factory.ts","./src/components/icon/icon.scss?tag=limel-icon&encapsulation=shadow","./src/components/icon/icon.tsx"],"sourcesContent":["export class CacheStorageIconCache {\n    /*\n     * Cache of all loaded SVGs\n     */\n    private cache: Promise<Cache>;\n\n    private promises: Record<string, Promise<void>> = {};\n\n    constructor(cache: Promise<Cache>) {\n        this.cache = cache;\n    }\n\n    /**\n     * Get icon data from the cache\n     * @param {string} name name of the icon\n     * @param {string} path path on the server where the assets are located\n     * @returns {Promise<string>} svg markup\n     */\n    public async get(name: string, path: string = ''): Promise<string> {\n        const cache = await this.cache;\n        const url = this.getUrl(name, path);\n\n        let response = await cache.match(url);\n        if (!response) {\n            response = await this.fetchData(url, cache);\n        }\n\n        return this.getIcon(response);\n    }\n\n    private async fetchData(url: string, cache: Cache): Promise<Response> {\n        let requestPromise = this.promises[url];\n        if (requestPromise === undefined) {\n            requestPromise = cache.add(url);\n            this.promises[url] = requestPromise;\n        }\n\n        await requestPromise;\n\n        return cache.match(url);\n    }\n\n    /*\n     * Get icon data from a response\n     */\n    private async getIcon(response: Response): Promise<string> {\n        let svgData = await response.text();\n\n        // Some of the icons in the Icons8 library have hard coded black color on some of the paths.\n        // In order to apply coloring with CSS, these have to be set to 'currentColor'\n        svgData = svgData.replace(/#000000/g, 'currentColor');\n\n        if (!this.validSvg(svgData)) {\n            throw new Error('Invalid SVG');\n        }\n\n        return svgData;\n    }\n\n    /*\n     * Check if the given data is a valid SVG document\n     */\n    private validSvg(data) {\n        const parser = new DOMParser();\n        const svgDoc = parser.parseFromString(data, 'image/svg+xml');\n\n        return svgDoc.documentElement.tagName.toLowerCase() === 'svg';\n    }\n\n    private getUrl(name: string, path: string): string {\n        let iconPath = path || '';\n        if (path && !path.endsWith('/')) {\n            iconPath = `${path}/`;\n        }\n\n        return `${iconPath}assets/icons/${name}.svg`;\n    }\n}\n","export class InMemoryIconCache {\n    /*\n     * Cache of all loaded SVGs\n     */\n    private cache = {};\n\n    /*\n     * Contains resolve functions for all unresolved promises that are waiting for SVG data.\n     */\n    private resolveFunctions = {};\n\n    /**\n     * Get icon data from the cache\n     * @param {string} name name of the icon\n     * @param {string} path path on the server where the assets are located\n     * @returns {string} svg markup\n     */\n    public async get(name, path = '') {\n        if (!this.cache[name]) {\n            this.cache[name] = await this.getIcon(name, path);\n        }\n\n        return this.cache[name];\n    }\n\n    /*\n     * Creates and returns a promise that will be resolved when SVG data is available\n     */\n    private getIcon(name, path) {\n        return new Promise((resolve) => {\n            if (!this.resolveFunctions[name]) {\n                this.resolveFunctions[name] = [];\n                this.fetchData(name, path);\n            }\n\n            this.resolveFunctions[name].push(resolve);\n        });\n    }\n\n    /*\n     * Fetch SVG data from the server\n     */\n    private async fetchData(name, path) {\n        let iconPath = path || '';\n        if (path && !path.endsWith('/')) {\n            iconPath = `${path}/`;\n        }\n\n        const response = await fetch(`${iconPath}assets/icons/${name}.svg`);\n\n        let svgData = await response.text();\n\n        // Some of the icons in the Icons8 library have hard coded black color on some of the paths.\n        // In order to apply coloring with CSS, these have to be set to 'currentColor'\n        svgData = svgData.replace(/#000000/g, 'currentColor');\n        if (!this.validSvg(svgData)) {\n            throw new Error('Invalid SVG');\n        }\n\n        this.resolvePromises(name, svgData);\n    }\n\n    /*\n     * Check if the given data is a valid SVG document\n     */\n    private validSvg(data) {\n        const parser = new DOMParser();\n        const svgDoc = parser.parseFromString(data, 'image/svg+xml');\n\n        return svgDoc.documentElement.tagName.toLowerCase() === 'svg';\n    }\n\n    /*\n     * Resolve all promises waiting for data for a specific icon\n     */\n    private resolvePromises(name, svgData) {\n        const resolves = this.resolveFunctions[name];\n        resolves.forEach((resolve) => {\n            resolve(svgData);\n        });\n        this.resolveFunctions[name] = null;\n    }\n}\n","import { CacheStorageIconCache } from './cache-storage-icon-cache';\nimport { InMemoryIconCache } from './in-memory-icon-cache';\n\nconst CACHE_NAME = '@limetech/lime-elements/icons';\n\nfunction createIconCache() {\n    try {\n        const cache = caches.open(CACHE_NAME);\n\n        return new CacheStorageIconCache(cache);\n    } catch {\n        return new InMemoryIconCache();\n    }\n}\n\nexport default (() => {\n    return createIconCache();\n})();\n","@use '../../style/functions';\n\n/**\n * @prop --icon-background-color: Background color when attribute `badge` is set to `true`. Defaults to `transparent`.\n */\n\n:host {\n    background-color: var(--icon-background-color, transparent);\n    border-radius: 50%;\n    display: inline-block;\n    line-height: 0;\n    box-sizing: border-box;\n\n    svg {\n        fill: currentColor;\n        height: 100%;\n        pointer-events: none;\n        width: 100%;\n    }\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n:host([size='x-small']) {\n    height: functions.pxToRem(15) !important;\n    width: functions.pxToRem(15) !important;\n}\n:host([size='small']) {\n    height: functions.pxToRem(20) !important;\n    width: functions.pxToRem(20) !important;\n}\n:host([size='medium']) {\n    height: functions.pxToRem(25) !important;\n    width: functions.pxToRem(25) !important;\n}\n:host([size='large']) {\n    height: functions.pxToRem(30) !important;\n    width: functions.pxToRem(30) !important;\n}\n\n:host([badge][size='x-small']) {\n    height: functions.pxToRem(23) !important;\n    width: functions.pxToRem(23) !important;\n\n    > div {\n        margin: functions.pxToRem(4);\n    }\n}\n:host([badge][size='small']) {\n    height: functions.pxToRem(30) !important;\n    width: functions.pxToRem(30) !important;\n\n    > div {\n        margin: functions.pxToRem(5);\n    }\n}\n:host([badge][size='medium']) {\n    height: functions.pxToRem(40) !important;\n    width: functions.pxToRem(40) !important;\n\n    > div {\n        margin: functions.pxToRem(8);\n    }\n}\n:host([badge][size='large']) {\n    height: functions.pxToRem(46) !important;\n    width: functions.pxToRem(46) !important;\n\n    > div {\n        margin: functions.pxToRem(8);\n    }\n}\n","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport config from '../../global/config';\nimport iconCache from '../../global/icon-cache/factory';\nimport { IconSize } from './icon.types';\n\n/**\n * The recommended icon library for use with Lime Elements is the Windows 10 set\n * from Icons8 (https://icons8.com/icons/windows). This set is included in the\n * relevant Lime products. If you are using Lime Elements in a non-Lime product,\n * you will have to supply your own icons.\n *\n * The size and color of the icon is set in CSS, however there are a few\n * standard sizes defined that can be used with the `size` property.\n *\n * ### Setup\n * To use **@lundalogik/lime-icons8**, the `/assets` folder from\n * __@lundalogik/lime-icons8__ must be made available on the webserver.\n * To use a different icon set, the icons must be placed in a folder structure\n * that looks like this: `assets/icons/<name-of-icon>.svg`\n *\n * If `assets` is placed in the root, no other setup is needed. The icons will\n * be fetched with a relative URL from `/assets/icons/<name-of-icon>.svg`.\n *\n * If `assets` is placed in a sub-folder somewhere, the easiest way to make the\n * icons available is to use the HTML `base` element:\n *\n * ```\n * <base href=\"/my/parent/path/\">\n * ```\n *\n * If this is not enough, or if the `base` element is already in use for\n * something else, a global icon path can be configured with the `limel-config`\n * element:\n * ```\n * <limel-config config={{iconPath: '/my/parent/path/'}} />\n * ```\n *\n * ### Lime icons\n * There are icons included in the **@lundalogik/lime-icons8** package which are\n * designed by our designers at Lime.\n * The names of these icons start with `-lime-`, which makes them easy to\n * find using the Icon Finder tool below.\n * :::note\n * Some of the `-lime-` icons have multiple colors and use our own CSS variables\n * instead of HEX or RGB values to visualize their colors. Thus, you must import\n * our color palette css files into your project to render the icons properly.\n * Read more about our [Color System](#/DesignGuidelines/color-system.md/)\n * and how to do this.\n * :::\n *\n * ### Icon Finder\n *\n * Search for an icon and **click on it to copy its name to clipboard**.\n *\n * <limel-example-icon-finder />\n * @exampleComponent limel-example-icon\n * @exampleComponent limel-example-icon-background\n */\n@Component({\n    tag: 'limel-icon',\n    shadow: true,\n    styleUrl: 'icon.scss',\n})\nexport class Icon {\n    /**\n     * Size of the icon\n     */\n    @Prop({ reflect: true })\n    public size: IconSize;\n\n    /**\n     * Name of the icon\n     */\n    @Prop({ reflect: true })\n    public name: string;\n\n    /**\n     * Set to `true` to give the icon a round background with some padding.\n     * Only works when the `size` attribute is also set.\n     */\n    @Prop({ reflect: true })\n    public badge: boolean;\n\n    @Element()\n    private host: HTMLLimelIconElement;\n\n    public componentDidLoad() {\n        this.loadIcon(this.name);\n    }\n\n    public render() {\n        return <div class=\"container\" />;\n    }\n\n    @Watch('name')\n    protected async loadIcon(name: string) {\n        if (name === undefined || name === '') {\n            return;\n        }\n\n        const svgData = await this.loadSvg(name);\n        this.renderSvg(svgData);\n    }\n\n    /**\n     * Load the SVG data for the icon from the icon cache\n     * @param {string} name name of the icon\n     * @returns {string} the icon SVG data\n     */\n    private loadSvg(name: string) {\n        return iconCache.get(name, config.iconPath);\n    }\n\n    /*\n     * There is no way to style external SVG files with CSS, i.e. SVGs loaded\n     * with <img src=\"file.svg\" /> or <object data=\"file.svg\" type=\"image/svg+xml\" />\n     * will remain the way they look in the file.\n     * Therefore we inject the svg as inline markup instead.\n     */\n    private renderSvg(svgData: string) {\n        const container = this.host.shadowRoot.querySelector('div.container');\n        if (container) {\n            container.innerHTML = svgData;\n        }\n    }\n}\n"],"mappings":"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"}