@limetech/lime-elements 37.1.0-next.53 → 37.1.0-next.55

package/dist/lime-elements/p-7bddef83.entry.js

@@ -1,16 +0,0 @@
-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 l,d as u,A as c,e as f,f as d,g as p}from"./p-d7801e00.js";import{c as m}from"./p-3ccdc4a3.js";var v=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 l=y(s);var u=(new Date).getTime();var c=!n||u-n>l;n=u;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),l);if(e.accumulate){var m=o.length-1;return r.promise.then((function(t){return t[m]}))}return r.promise};function a(){var t=r;clearTimeout(h);Promise.resolve(e.accumulate?i.call(this,o):i.apply(this,o[o.length-1])).then(t.resolve,t.reject);o=[];r=null}};function y(t){return typeof t==="function"?t():t}function g(){var t={};t.promise=new Promise((function(i,s){t.resolve=i;t.reject=s}));return t}function b(t){var i=null;var s=null;var e=new Promise((function(t,e){i=t;s=e}));t&&t.then((function(t){i&&i(t)}),(function(t){s&&s(t)}));return{promise:e,resolve:function(t){i&&i(t)},reject:function(t){s&&s(t)},cancel:function(){i=null;s=null}}}function w(t){var i=null;var s=function(){var s=[];for(var e=0;e<arguments.length;e++){s[e]=arguments[e]}i&&i();var n=t.apply(void 0,s);var r=b(n),h=r.promise,o=r.cancel;i=o;return h};return s}
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */var C=function(){C=Object.assign||function t(i){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r))i[r]=s[r]}return i};return C.apply(this,arguments)};var D={key:function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}return null},onlyResolvesLast:true};var I=function(){function t(t){this.config=t;this.debounceSingleton=null;this.debounceCache={}}t.prototype._createDebouncedFunction=function(){var t=v(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 L="limel-chip-set";const P=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=false;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=m()}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.createDebouncedSearcher(this.searcher);this.chipSet=this.host.shadowRoot.querySelector(L)}async componentWillUpdate(){this.chipSetEditMode=false;if(this.chipSet){this.chipSetEditMode=await this.chipSet.getEditMode()}}render(){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&&!this.chipSetEditMode},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,iconFillColor: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(){return s("limel-list",{badgeIcons: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,l,u].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===l;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"]}}};P.style=x;export{P as limel_picker};
-//# sourceMappingURL=p-7bddef83.entry.js.map

package/dist/lime-elements/p-7bddef83.entry.js.map

@@ -1 +0,0 @@
-{"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","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","iconFillColor","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","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","chip","find","item","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    ActionPosition,\n    ActionScrollBehavior,\n    Chip,\n    ListItem,\n    Searcher,\n} from '../../interface';\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 { LimelChipSetCustomEvent, LimelListCustomEvent } from 'src/components';\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 = false;\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        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 && !this.chipSetEditMode}\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            iconFillColor: 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        return (\n            <limel-list\n                badgeIcons={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":"oOAIA,IAAAA,EAAiB,SAASC,EAASC,GACjC,IAAIC,EAAOC,UAAUC,OAAS,GAAKD,UAAU,KAAOE,UAAYF,UAAU,GAAK,EAC/E,IAAIG,EAAUH,UAAUC,OAAS,GAAKD,UAAU,KAAOE,UAAYF,UAAU,GAAK,GAElF,IAAII,OAAkB,EACtB,IAAIC,OAAgB,EACpB,IAAIC,OAAa,EACjB,IAAIC,EAAc,GAClB,OAAO,SAASC,IACd,IAAIC,EAAcC,EAAQX,GAC1B,IAAIY,GAAc,IAAIC,MAAOC,UAE7B,IAAIC,GAAUV,GAAcO,EAAcP,EAAaK,EAEvDL,EAAaO,EAEb,IAAK,IAAII,EAAOf,UAAUC,OAAQe,EAAOC,MAAMF,GAAOG,EAAO,EAAGA,EAAOH,EAAMG,IAAQ,CACnFF,EAAKE,GAAQlB,UAAUkB,EAC7B,CAEI,GAAIJ,GAAUX,EAAQgB,QAAS,CAC7B,OAAOhB,EAAQiB,WAAaC,QAAQC,QAAQxB,EAAGyB,KAAKC,KAAM,CAACR,KAAQS,MAAK,SAAUC,GAChF,OAAOA,EAAO,EACtB,IAAWL,QAAQC,QAAQxB,EAAGyB,KAAKI,MAAM7B,EAAI,CAAC0B,MAAMI,OAAOZ,IAC3D,CAEI,GAAIX,EAAU,CACZwB,aAAavB,EACnB,KAAW,CACLD,EAAWyB,GACjB,CAEIvB,EAAYwB,KAAKf,GACjBV,EAAQ0B,WAAWC,EAAMC,KAAKV,MAAOf,GAErC,GAAIN,EAAQiB,WAAY,CACtB,IAAIe,EAAY5B,EAAYN,OAAS,EACrC,OAAOI,EAAS+B,QAAQX,MAAK,SAAUY,GACrC,OAAOA,EAAQF,EACvB,GACA,CAEI,OAAO9B,EAAS+B,OACpB,EAEE,SAASH,IACP,IAAIK,EAAejC,EACnBwB,aAAavB,GAEbe,QAAQC,QAAQnB,EAAQiB,WAAatB,EAAGyB,KAAKC,KAAMjB,GAAeT,EAAG6B,MAAMH,KAAMjB,EAAYA,EAAYN,OAAS,KAAKwB,KAAKa,EAAahB,QAASgB,EAAaC,QAE/JhC,EAAc,GACdF,EAAW,IACf,CACA,EAEA,SAASK,EAAQX,GACf,cAAcA,IAAS,WAAaA,IAASA,CAC/C,CAEA,SAAS+B,IACP,IAAIzB,EAAW,GACfA,EAAS+B,QAAU,IAAIf,SAAQ,SAAUC,EAASiB,GAChDlC,EAASiB,QAAUA,EACnBjB,EAASkC,OAASA,CACtB,IACE,OAAOlC,CACT,CCvEA,SAASmC,EAAwBC,GAC7B,IAAInB,EAAU,KACd,IAAIiB,EAAS,KACb,IAAIG,EAAiB,IAAIrB,SAAQ,SAAUsB,EAAUC,GACjDtB,EAAUqB,EACVJ,EAASK,CACjB,IACIH,GAAcA,EAAWhB,MAAK,SAAUoB,GACpCvB,GAAWA,EAAQuB,EAC3B,IAAO,SAAUC,GACTP,GAAUA,EAAOO,EACzB,IACI,MAAO,CACHV,QAASM,EACTpB,QAAS,SAAUyB,GACfzB,GAAWA,EAAQyB,EAC/B,EACQR,OAAQ,SAAUS,GACdT,GAAUA,EAAOS,EAC7B,EACQC,OAAQ,WACJ3B,EAAU,KACViB,EAAS,IACrB,EAEA,CCtBA,SAASW,EAAiBC,GACtB,IAAIC,EAAiB,KACrB,IAAIC,EAAkB,WAClB,IAAIrC,EAAO,GACX,IAAK,IAAIsC,EAAK,EAAGA,EAAKtD,UAAUC,OAAQqD,IAAM,CAC1CtC,EAAKsC,GAAMtD,UAAUsD,EACjC,CACQF,GAAkBA,IAClB,IAAIG,EAAiBJ,EAAcxB,WAAW,EAAGX,GACjD,IAAIwC,EAAKhB,EAAwBe,GAAiBnB,EAAUoB,EAAGpB,QAASa,EAASO,EAAGP,OACpFG,EAAiBH,EACjB,OAAOb,CACf,EACI,OAAOiB,CACX;;;;;;;;;;;;;;gFCCA,IAAII,EAAW,WACXA,EAAWC,OAAOC,QAAU,SAASF,EAASG,GAC1C,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAI/D,UAAUC,OAAQ6D,EAAIC,EAAGD,IAAK,CACjDD,EAAI7D,UAAU8D,GACd,IAAK,IAAIE,KAAKH,EAAG,GAAIH,OAAOO,UAAUC,eAAe3C,KAAKsC,EAAGG,GAAIJ,EAAEI,GAAKH,EAAEG,EACtF,CACQ,OAAOJ,CACf,EACI,OAAOH,EAAS9B,MAAMH,KAAMxB,UAChC,EAEA,IAAImE,EAAiB,CAIjBC,IAAK,WACD,IAAIC,EAAQ,GACZ,IAAK,IAAIf,EAAK,EAAGA,EAAKtD,UAAUC,OAAQqD,IAAM,CAC1Ce,EAAMf,GAAMtD,UAAUsD,EAClC,CACQ,OAAO,IACf,EAMIJ,iBAAkB,MAItB,IAAIoB,EAA+B,WAC/B,SAASA,EAAcC,GACnB/C,KAAK+C,OAASA,EACd/C,KAAKgD,kBAAoB,KACzBhD,KAAKiD,cAAgB,EAC7B,CACIH,EAAcL,UAAUS,yBAA2B,WAC/C,IAAIC,EAAgBC,EAAgBpD,KAAK+C,OAAOM,KAAMrD,KAAK+C,OAAOxE,KAAMyB,KAAK+C,OAAOpE,SACpF,GAAIqB,KAAK+C,OAAOpE,QAAQ+C,iBAAkB,CACtCyB,EAAgBzB,EAAiByB,EAC7C,CACQ,MAAO,CACHE,KAAMF,EAElB,EACIL,EAAcL,UAAUa,qBAAuB,SAAU9D,GACrD,IAAIwC,EACJ,IAAIY,GAAOZ,EAAKhC,KAAK+C,OAAOpE,SAASiE,IAAIzC,MAAM6B,EAAIxC,GACnD,GAAIoD,IAAQ,aAAeA,IAAQ,YAAa,CAC5C,IAAK5C,KAAKgD,kBAAmB,CACzBhD,KAAKgD,kBAAoBhD,KAAKkD,0BAC9C,CACY,OAAOlD,KAAKgD,iBACxB,KACa,CACD,IAAKhD,KAAKiD,cAAcL,GAAM,CAC1B5C,KAAKiD,cAAcL,GAAO5C,KAAKkD,0BAC/C,CACY,OAAOlD,KAAKiD,cAAcL,EACtC,CACA,EACI,OAAOE,CACX,CAhCiB,GAiCjB,SAASS,EAAuBF,EAAM9E,EAAMI,GACxC,IAAI6E,EAAevB,EAAS,GAAIU,EAAgBhE,GAChD,IAAIsE,EAAgB,IAAIH,EAAc,CAClCO,KAAMA,EACN9E,KAAMA,EACNI,QAAS6E,IAEb,IAAIC,EAA6B,WAC7B,IAAIjE,EAAO,GACX,IAAK,IAAIsC,EAAK,EAAGA,EAAKtD,UAAUC,OAAQqD,IAAM,CAC1CtC,EAAKsC,GAAMtD,UAAUsD,EACjC,CACQ,IAAI4B,EAAcT,EAAcK,qBAAqB9D,GAAM6D,KAC3D,OAAOK,EAAYvD,WAAW,EAAGX,EACpC,EAMD,OAAOiE,CACX,CCvGA,MAAME,EAAY,sECmClB,MAAMC,EAAkB,IACxB,MAAMC,EAAoB,iB,MAgBbC,EAAM,MAuJfC,YAAAC,G,2GANQhE,KAAAiE,gBAAkB,M,cA5IC,M,cAOA,M,qJAoCA,M,2DAuBA,M,eAMA,K,aAMe,G,oBAOF,S,0BAUY,S,gBAMvB,M,oCA0BD,G,aAGD,M,WAGH,GAcpBjE,KAAKkE,gBAAkBlE,KAAKkE,gBAAgBxD,KAAKV,MACjDA,KAAKmE,mBAAqBnE,KAAKmE,mBAAmBzD,KAAKV,MACvDA,KAAKoE,sBAAwBpE,KAAKoE,sBAAsB1D,KAAKV,MAC7DA,KAAKqE,sBAAwBrE,KAAKqE,sBAAsB3D,KAAKV,MAC7DA,KAAKsE,aAAetE,KAAKsE,aAAa5D,KAAKV,MAC3CA,KAAKuE,eAAiBvE,KAAKuE,eAAe7D,KAAKV,MAC/CA,KAAKwE,iBAAmBxE,KAAKwE,iBAAiB9D,KAAKV,MACnDA,KAAKyE,uBAAyBzE,KAAKyE,uBAAuB/D,KAAKV,MAC/DA,KAAK0E,sBAAwB1E,KAAK0E,sBAAsBhE,KAAKV,MAC7DA,KAAK2E,wBAA0B3E,KAAK2E,wBAAwBjE,KAAKV,MACjEA,KAAK4E,gBAAkB5E,KAAK4E,gBAAgBlE,KAAKV,MACjDA,KAAK6E,cAAgB7E,KAAK6E,cAAcnE,KAAKV,MAE7CA,KAAK8E,SAAWC,G,CAGbC,oBACHhF,KAAKiF,MAAQjF,KAAKkF,YAAYlF,KAAKuB,M,CAGhC4D,mBACHnF,KAAK2E,wBAAwB3E,KAAKoF,UAClCpF,KAAKqF,QAAUrF,KAAKsF,KAAKC,WAAWC,cAAc3B,E,CAG/C4B,4BACHzF,KAAKiE,gBAAkB,MACvB,GAAIjE,KAAKqF,QAAS,CACdrF,KAAKiE,sBAAwBjE,KAAKqF,QAAQK,a,EAI3CC,SACH,MAAMC,EAEF,GAEJ,IAAK5F,KAAK6F,SAAU,CAChBD,EAAME,SAAW,C,CAGrB,MAAO,CACHC,EAAA,iBAAA7D,OAAAC,OAAA,CACI6D,KAAK,QACLC,UAAU,SACVC,MAAOlG,KAAKkG,MACZC,WAAYnG,KAAKmG,WACjBC,YAAapG,KAAKoG,YAClB7E,MAAOvB,KAAKiF,MACZoB,SAAUrG,KAAKqG,SACfC,UAAWtG,KAAKuG,kBAChBC,SAAUxG,KAAKwG,SACfC,SAAUzG,KAAKyG,SACfC,YAAa1G,KAAK0G,YAClBC,QAAS3G,KAAKkE,gBACd0C,UAAW5G,KAAKmE,mBAChB0C,SAAU7G,KAAKsE,aACfwC,WAAY9G,KAAKuE,eACjBwC,YAAa/G,KAAKqE,sBAClB2C,WAAYhH,KAAK0E,sBACjBuC,iBAAkB,MAClBC,eAAgBlH,KAAK6F,WAAa7F,KAAKiE,iBACnC2B,IAER5F,KAAKmH,iB,CAKHC,gBACNpH,KAAKiF,MAAQjF,KAAKkF,YAAYlF,KAAKuB,M,CAI7BoD,wBAAwB0C,GAC9B,UAAWA,IAAa,WAAY,CAChC,M,CAGJrH,KAAKsH,gBAAkB/D,EACnB8D,EACAzD,E,CAIA2C,kBACJ,GAAIvG,KAAK6F,SAAU,CACf,OAAO7F,KAAKsG,S,CAGhB,OAAO,I,CAGHpB,YAAY3D,GAChB,IAAKA,EAAO,CACR,MAAO,E,CAGX,GAAIvB,KAAK6F,SAAU,CACf,MAAM0B,EAAwBhG,EAE9B,OAAOgG,EAAUC,IAAIxH,KAAKyH,W,CAG9B,MAAMC,EAAqBnG,EAE3B,MAAO,CAACvB,KAAKyH,WAAWC,G,CAGpBD,WAAWC,GACf,MAAO,CACHC,GAAI,GAAGD,EAASnG,QAChBqG,KAAMF,EAASE,KACfC,UAAW,KACXC,KAAMJ,EAASI,KACfC,cAAeL,EAASM,UACxBzG,MAAOmG,E,CASPP,iBACJ,MAAMc,EAAkBjI,KAAKkI,qBAE7B,MAAMC,EAAU,GAEhB,GAAInI,KAAKoI,4BAA6B,CAClC,MAAMC,EAAgBrI,KAAKsI,mBAC3B,GAAItI,KAAKuI,iBAAmB,MAAO,CAC/BJ,EAAQ5H,KAAK8H,E,CAGjB,GAAIJ,EAAiB,CACjBE,EAAQ5H,KAAK0H,E,CAGjB,GAAIjI,KAAKuI,iBAAmB,SAAU,CAClCJ,EAAQ5H,KAAK8H,E,EAIrB,OAAOrI,KAAKwI,aAAaL,E,CAGrBG,mB,QACJ,MAAMG,GAAcC,GAAA1G,EAAAhC,KAAK2I,WAAO,MAAA3G,SAAA,SAAAA,EAAEvD,UAAM,MAAAiK,SAAA,EAAAA,EAAI,EAC5C,GAAID,IAAgB,EAAG,CACnB,OAAO,I,CAGX,MAAO,CACH1C,EAAA,cACI6C,MAAO,CACH,sBAAuB,KACvB,YAAa5I,KAAKuI,iBAAmB,MACrC,eAAgBvI,KAAKuI,iBAAmB,SACxC,sBACIvI,KAAK6I,uBAAyB,UAEtCC,WAAY,KACZ9C,KAAM,aACNa,SAAU7G,KAAKyE,uBACfsE,MAAO/I,KAAK2I,QAAQnB,IAAIxH,KAAKgJ,kC,CAKjCA,+BACJC,GAEA,OAAA/G,OAAAC,OAAAD,OAAAC,OAAA,GACO8G,GAAM,CACTN,QAAS,I,CAITP,4BACJ,GAAIpI,KAAKkJ,SAAU,CACf,OAAO,K,CAGX,QAASlJ,KAAKiE,e,CAGViE,qBACJ,IAAKlI,KAAKoI,4BAA6B,CACnC,M,CAGJ,GAAIpI,KAAKmJ,QAAS,CACd,OAAOnJ,KAAKoJ,e,CAGhB,IAAKpJ,KAAK+I,QAAU/I,KAAK+I,MAAMtK,OAAQ,CACnC,OAAOuB,KAAKqJ,oB,CAGhB,OAAOrJ,KAAKsJ,kB,CAQRJ,SACJ,OAAQlJ,KAAK6F,YAAc7F,KAAKuB,K,CAG5B6H,gBACJ,OACIrD,EAAA,OACIwD,MAAO,CACHC,MAAO,OACPC,QAAS,OACT,cAAe,SACf,kBAAmB,SACnBC,QAAS,WAGb3D,EAAA,iBAAe4D,YAAa,Q,CAKhCN,qBACJ,IAAKrJ,KAAK4J,mBAAoB,CAC1B,M,CAGJ,MAAML,EAAQ,CACVM,MAAO,4BACP,aAAc,SACdC,OAAQ,eAGZ,OAAO/D,EAAA,KAAGwD,MAAOA,GAAQvJ,KAAK4J,mB,CAG1BN,mBACJ,OACIvD,EAAA,cACI+C,WAAY9I,KAAK8I,WACjBjC,SAAU7G,KAAKwE,iBACfoC,UAAW5G,KAAK6E,cAChBmB,KAAK,aACL+C,MAAO/I,KAAK+I,O,CAKhBlE,cAAckF,GAClB,MAAMC,EAAW,CAACC,EAAKC,EAAQC,GAAOC,SAASL,EAAMnH,KACrD,MAAMyH,EAAe,CACjBC,EACAC,EACAC,GACFJ,SAASL,EAAMU,SACjB,GAAIT,GAAYK,EAAc,CAC1BrK,KAAKqF,QAAQqF,U,EAIblC,aAAaL,EAAiB,IAClC,MAAMwC,EAAiBC,iBAAiB5K,KAAKsF,MAAMuF,iBAC/C,sBAGJ,OACI9E,EAAA,gBACI+E,QAAS3C,EAAQ1J,OAAS,EAC1BsM,YAAa/K,KAAK8E,SAClBkG,mBAAoB,KACpBC,eAAgB,CAAE,UAAWN,IAE7B5E,EAAA,sBACImF,KAAM/C,EAAQ1J,OAAS,EACvB0M,mBAAoBnL,KAAKsF,KACzBiE,MAAO,CACH,uBAAwB,OACxB,aAAc,UACdE,QAAS,QAEb2B,UAAWpL,KAAK4E,iBAEfuD,G,CAUTzD,wBAGJ,MAAM2G,EACFrL,KAAKsF,KAAKC,WAAW+F,eAAiBC,SAASD,cACnD,MAAME,EAAgBD,SAAS/F,cAAc,IAAIxF,KAAK8E,YACtD,GACI2G,EAAaJ,EAAwBrL,KAAKsF,OAC1CmG,EAAaJ,EAAwBG,GACvC,CACE,M,CAGJxL,KAAK0L,iB,CAQDjG,sBAAsBsE,GAC1BA,EAAM4B,kBAEN,MAAMC,EAAQ7B,EAAM8B,OACpB7L,KAAK8L,UAAYF,EACjB5L,KAAKmJ,QAAU,KAGf,MAAM4C,EAAWH,IAAU,GAAK5L,KAAKoF,SAAWpF,KAAKsH,gBACrD,MAAMpH,QAAe6L,EAASH,GAC9B5L,KAAKgM,mBAAmBJ,EAAO1L,E,CAQ3BsE,iBAAiBuF,G,MACrBA,EAAM4B,kBACN,IAAK3L,KAAKuB,OAASvB,KAAKuB,QAAUwI,EAAM8B,OAAQ,CAC5C,IAAIxE,EAAkC0C,EAAM8B,OAC5C,GAAI7L,KAAK6F,SAAU,CACfwB,EAAW,IAAKrH,KAAKuB,MAAsBwI,EAAM8B,O,CAGrD7L,KAAKiM,OAAOC,KAAK7E,GACjBrH,KAAK+I,MAAQ,E,CAGjB,GAAI/I,KAAK6F,SAAU,EACf7D,EAAAhC,KAAKqF,WAAO,MAAArD,SAAA,SAAAA,EAAE0I,SAAS,K,EASvBjG,uBACJsF,GAEAA,EAAM4B,kBACN,IAAK5B,EAAM8B,OAAQ,CACf,M,CAGJ7L,KAAKiJ,OAAOiD,KAAKnC,EAAM8B,OAAOtK,OAC9BvB,KAAK+I,MAAQ,E,CAQTtD,8BACJzF,KAAKmJ,QAAU,KACf,MAAMyC,EAAQ5L,KAAK8L,UACnB,MAAM5L,QAAeF,KAAKoF,SAASwG,GACnC5L,KAAKgM,mBAAmBJ,EAAO1L,E,CAG3BoE,aAAayF,GACjBA,EAAM4B,kBAEN,IAAItE,EAAW,KACf,GAAIrH,KAAK6F,SAAU,CACf,MAAMZ,EAAQ8E,EAAM8B,OACpBxE,EAAWpC,EAAMuC,KAAK2E,GACVnM,KAAKuB,MAAqB6K,MAAMC,GAC7B,GAAGA,EAAK9K,UAAY4K,EAAKxE,M,CAK5C3H,KAAKiM,OAAOC,KAAK7E,E,CAGb9C,eAAewF,GACnBA,EAAM4B,kBACN3L,KAAKsM,SAASJ,KAAKnC,EAAM8B,OAAS9B,EAAM8B,OAAOtK,MAAQwI,EAAM8B,O,CASzD1H,mBAAmB4F,GACvB,MAAMwC,GACDxC,EAAMnH,MAAQqH,GAAOF,EAAMU,UAAYH,KACvCP,EAAMyC,SACNzC,EAAM0C,UACN1C,EAAM2C,SACX,MAAMC,EACF5C,EAAMnH,MAAQgK,GAAY7C,EAAMU,UAAYoC,EAChD,MAAMC,EACF/C,EAAMnH,MAAQmK,GAAchD,EAAMU,UAAYuC,EAElD,IAAKT,IAAiBI,IAASG,EAAQ,CACnC,M,CAGJ,MAAMG,EAAO1B,SAAS/F,cAAc,KAAKxF,KAAK8E,uBAC9C,IAAKmI,EAAM,CACP,M,CAGJlD,EAAMmD,iBAEN,GAAIX,GAAgBO,EAAQ,CACxB,MAAMK,EAA2BF,EAAK1H,WAAWC,cAC7C,yCAEJ2H,EAAYC,QAEZ,M,CAGJ,GAAIT,EAAM,CACN,MAAMQ,EAA2BF,EAAK1H,WAAWC,cAC7C,wCAEJ2H,EAAYC,O,EASZhJ,sBAAsB2F,GAC1B,MAAMsD,EACFtD,EAAMnH,MAAQsH,GAAUH,EAAMU,UAAYF,EAE9C,GAAI8C,EAAU,CACVtD,EAAMmD,iBACNlN,KAAK8L,UAAY,GACjB9L,KAAKqF,QAAQqF,SAAS,K,EAItBsB,mBAAmBJ,EAAe1L,GACtC,GAAI0L,IAAU5L,KAAK8L,UAAW,CAC1B9L,KAAK+I,MAAQ7I,EACb,GAAIF,KAAK6F,SAAU,CACf,MAAMyH,EAAStN,KAAKuB,MACpBvB,KAAK+I,MAAQ7I,EAAOqN,QAAQlB,IAChBiB,EAAOlD,SAASiC,I,CAIhCrM,KAAKmJ,QAAU,K,EAIfvE,kBACJ,GAAI5E,KAAK+I,MAAMtK,OAAS,EAAG,CACvB,M,CAGJuB,KAAK0L,iB,CAGDA,kBACJ1L,KAAKqF,QAAQmI,aACbxN,KAAK8L,UAAY,GACjB9L,KAAKgM,mBAAmB,GAAI,G"}

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

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