@nanoporetech-digital/components 2.11.0 → 2.12.0

package/dist/nano-components/p-4e2c0abb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/stencil-wormhole/dist/esm/universe.js","node_modules/squirrelly/dist/browser/squirrelly.min.js","src/utils/template.ts","src/utils/promise-queue.ts","src/components/algolia/algolia.scss?tag=nano-algolia&encapsulation=shadow","src/components/algolia/algolia.tsx"],"names":["multiverse","Map","updateConsumer","_a","state","fields","updater","forEach","field","Universe","create","creator","initialState","el","getElement","wormholes","universe","set","connectedCallback","call","disconnectedCallback","delete","addEventListener","event","stopPropagation","detail","consumer","onOpen","has","connectedCallback_1","disconnectedCallback_1","resolve","Provider","children","getRenderingRef","get","opening","e","t","exports","this","n","r","a","Error","prototype","Object","setPrototypeOf","__proto__","slice","split","i","length","s","Array","join","name","value","enumerable","Function","Promise","SyntaxError","hasOwnProperty","c","o","l","f","u","p","test","replace","h","rmWhitespace","lastIndex","prefixes","b","reduce","RegExp","tags","d","g","v","m","trim","raw","async","push","search","exec","y","x","w","F","S","index","I","indexOf","autoTrim","isArray","String","trimLeft","trimRight","R","T","plugins","processAST","useWith","varName","processFnString","res","defaultFilter","autoEscape","storage","nativeHelpers","cache","define","remove","reset","load","&","<",">","\"","'","each","params","then","foreach","keys","include","templates","extends","content","useScope","if","try","block","E","j","helpers","filters","H","bind","O","message","_","compile","compileScope","compileScopeIntoFunction","compileToString","defaultConfig","getConfig","parse","render","defineProperty","squirrel","Sqrl","str","options","year","month","day","date","Date","parseInt","toLocaleDateString","format","getDate","toString","getMonth","getFullYear","map","val","toUpperCase","charAt","substr","result","domain","undefined","domains","origin","found","find","dm","match","location","protocol","toLowerCase","Squirrel","PromiseQueue","[object Object]","queue","workingOnPromise","stop","limit","promise","reject","dequeue","item","shift","catch","err","pendingPromise","algoliaCss","CANSHADOW","document","head","attachShadow","Algolia","hostRef","staticFacetFilters","dynFacetFilters","hasLoadSlot","placedAlgoliaEles","promiseQueue","_dynFacetFilters","indeces","filterChanged","changeEvent","SearchChangeEvent","Init","isLoading","wormholeState","showResults","resultsPage","searchIndex","searchIndexName","listenTo","query","operator","tplEngine","tplRenderFn","replicaIndex","browseIndex","minChars","storeMethod","searchChange","algoliaIndex","handleSearchReset","setTimeout","resetPage","algoliaSearch","updateContent","nanoResultsShown","emit","indexResults","makeAppliedFilters","appliedFtrs","makeAppliedFilter","facetFilters","values","filter","appFilter","facetName","eventType","enqueue","queueSearch","nanoBeforeQuery","clearAllFacetFilters","searchParams","algoliaFilterStr","page","currentPage","facets","hitsPerPage","fixDomain","totalHits","nbHits","origFilters","legacy","totalHitsWithFilters","results","totalPages","appliedFilters","indexName","dynFilters","hits","nbPages","Page","Replica","nanoAfterQuery","currentHits","onResultDisplay","writeTask","resultsDiv","removeEventListener","style","display","defaultDiv","classList","add","minHeight","width","facetValue","filterId","element","ev","target","tagName","raf","nanoNewResults","Math","min","max","dynFilterObj","assign","Filter","host","ownerDocument","inputField","algoliaClient","initIndex","onPageChange","appId","apiKey","algoliasearch","scrollWidth","scrollHeight","slottedInput","focus","preventScroll","hit","url","facetFilterObj","groupFilters","filterOp","or","and","not","formatVal","filterStrParts","operatorGrp","filterName","filterProp","toLocaleUpperCase","updateContentQueue","outputTo","outputSlot","tpl","tmpCont","createElement","innerHTML","algoliaEles","from","querySelectorAll","placeholder","dataset","placeholderId","parentNode","replaceChild","childrenResolver","ele","readTask","tplSlot","getDirectChildren","toLocaleLowerCase","HTMLInputElement","querySelector","searchIndexNameChange","initAlgoliaClient","initAlgoliaIndex","storeId","ComponentStore","init","internalIndexSwitch","debounce","browseIndexChange","dispatchEvent","CustomEvent","globalStoreMethod","Host","class","show-results","is-loading","aria-busy","hidden","loader","loading","overlay","type","aria-live","ref","div","tabindex"],"mappings":"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","sourcesContent":["import { getElement, getRenderingRef } from \"@stencil/core\";\nvar multiverse = new Map();\nvar updateConsumer = function (_a, state) {\n    var fields = _a.fields, updater = _a.updater;\n    fields.forEach(function (field) { updater(field, state[field]); });\n};\nexport var Universe = {\n    create: function (creator, initialState) {\n        var el = getElement(creator);\n        var wormholes = new Map();\n        var universe = { wormholes: wormholes, state: initialState };\n        multiverse.set(creator, universe);\n        var connectedCallback = creator.connectedCallback;\n        creator.connectedCallback = function () {\n            multiverse.set(creator, universe);\n            if (connectedCallback) {\n                connectedCallback.call(creator);\n            }\n        };\n        var disconnectedCallback = creator.disconnectedCallback;\n        creator.disconnectedCallback = function () {\n            multiverse.delete(creator);\n            if (disconnectedCallback) {\n                disconnectedCallback.call(creator);\n            }\n        };\n        el.addEventListener('openWormhole', function (event) {\n            event.stopPropagation();\n            var _a = event.detail, consumer = _a.consumer, onOpen = _a.onOpen;\n            if (wormholes.has(consumer))\n                return;\n            if (typeof consumer !== 'symbol') {\n                var connectedCallback_1 = consumer.connectedCallback, disconnectedCallback_1 = consumer.disconnectedCallback;\n                consumer.connectedCallback = function () {\n                    wormholes.set(consumer, event.detail);\n                    if (connectedCallback_1) {\n                        connectedCallback_1.call(consumer);\n                    }\n                };\n                consumer.disconnectedCallback = function () {\n                    wormholes.delete(consumer);\n                    if (disconnectedCallback_1) {\n                        disconnectedCallback_1.call(consumer);\n                    }\n                };\n            }\n            wormholes.set(consumer, event.detail);\n            updateConsumer(event.detail, universe.state);\n            onOpen === null || onOpen === void 0 ? void 0 : onOpen.resolve(function () { wormholes.delete(consumer); });\n        });\n        el.addEventListener('closeWormhole', function (event) {\n            var consumer = event.detail;\n            wormholes.delete(consumer);\n        });\n    },\n    Provider: function (_a, children) {\n        var state = _a.state;\n        var creator = getRenderingRef();\n        if (multiverse.has(creator)) {\n            var universe = multiverse.get(creator);\n            universe.state = state;\n            universe.wormholes.forEach(function (opening) { updateConsumer(opening, state); });\n        }\n        return children;\n    }\n};\n","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(exports):\"function\"==typeof define&&define.amd?define([\"exports\"],t):t((e=\"undefined\"!=typeof globalThis?globalThis:e||self).Sqrl={})}(this,(function(e){\"use strict\";function t(e){var n,r,a=new Error(e);return n=a,r=t.prototype,Object.setPrototypeOf?Object.setPrototypeOf(n,r):n.__proto__=r,a}function n(e,n,r){var a=n.slice(0,r).split(/\\n/),i=a.length,s=a[i-1].length+1;throw t(e+=\" at line \"+i+\" col \"+s+\":\\n\\n  \"+n.split(/\\n/)[i-1]+\"\\n  \"+Array(s).join(\" \")+\"^\")}t.prototype=Object.create(Error.prototype,{name:{value:\"Squirrelly Error\",enumerable:!1}});var r=new Function(\"return this\")().Promise,a=!1;try{a=new Function(\"return (async function(){}).constructor\")()}catch(e){if(!(e instanceof SyntaxError))throw e}function i(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function s(e,t,n){for(var r in t)i(t,r)&&(null==t[r]||\"object\"!=typeof t[r]||\"storage\"!==r&&\"prefixes\"!==r||n?e[r]=t[r]:e[r]=s({},t[r]));return e}var c=/^async +/,o=/`(?:\\\\[\\s\\S]|\\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\\${)[^\\\\`])*`/g,l=/'(?:\\\\[\\s\\w\"'\\\\`]|[^\\n\\r'\\\\])*?'/g,f=/\"(?:\\\\[\\s\\w\"'\\\\`]|[^\\n\\r\"\\\\])*?\"/g,u=/[.*+\\-?^${}()|[\\]\\\\]/g;function p(e){return u.test(e)?e.replace(u,\"\\\\$&\"):e}function h(e,r){r.rmWhitespace&&(e=e.replace(/[\\r\\n]+/g,\"\\n\").replace(/^\\s+|\\s+$/gm,\"\")),o.lastIndex=0,l.lastIndex=0,f.lastIndex=0;var a=r.prefixes,i=[a.h,a.b,a.i,a.r,a.c,a.e].reduce((function(e,t){return e&&t?e+\"|\"+p(t):t?p(t):e}),\"\"),s=new RegExp(\"([|()]|=>)|('|\\\"|`|\\\\/\\\\*)|\\\\s*((\\\\/)?(-|_)?\"+p(r.tags[1])+\")\",\"g\"),u=new RegExp(\"([^]*?)\"+p(r.tags[0])+\"(-|_)?\\\\s*(\"+i+\")?\\\\s*\",\"g\"),h=0,d=!1;function g(t,a){var i,p={f:[]},g=0,v=\"c\";function m(t){var a=e.slice(h,t),i=a.trim();if(\"f\"===v)\"safe\"===i?p.raw=!0:r.async&&c.test(i)?(i=i.replace(c,\"\"),p.f.push([i,\"\",!0])):p.f.push([i,\"\"]);else if(\"fp\"===v)p.f[p.f.length-1][1]+=i;else if(\"err\"===v){if(i){var s=a.search(/\\S/);n(\"invalid syntax\",e,h+s)}}else p[v]=i;h=t+1}for(\"h\"===a||\"b\"===a||\"c\"===a?v=\"n\":\"r\"===a&&(p.raw=!0,a=\"i\"),s.lastIndex=h;null!==(i=s.exec(e));){var y=i[1],x=i[2],b=i[3],w=i[4],F=i[5],S=i.index;if(y)\"(\"===y?(0===g&&(\"n\"===v?(m(S),v=\"p\"):\"f\"===v&&(m(S),v=\"fp\")),g++):\")\"===y?0===--g&&\"c\"!==v&&(m(S),v=\"err\"):0===g&&\"|\"===y?(m(S),v=\"f\"):\"=>\"===y&&(m(S),h+=1,v=\"res\");else if(x){if(\"/*\"===x){var I=e.indexOf(\"*/\",s.lastIndex);-1===I&&n(\"unclosed comment\",e,i.index),s.lastIndex=I+2}else if(\"'\"===x){l.lastIndex=i.index,l.exec(e)?s.lastIndex=l.lastIndex:n(\"unclosed string\",e,i.index)}else if('\"'===x){f.lastIndex=i.index,f.exec(e)?s.lastIndex=f.lastIndex:n(\"unclosed string\",e,i.index)}else if(\"`\"===x){o.lastIndex=i.index,o.exec(e)?s.lastIndex=o.lastIndex:n(\"unclosed string\",e,i.index)}}else if(b)return m(S),h=S+i[0].length,u.lastIndex=h,d=F,w&&\"h\"===a&&(a=\"s\"),p.t=a,p}return n(\"unclosed tag\",e,t),p}var v=function i(s,o){s.b=[],s.d=[];var l,f=!1,p=[];function v(e,t){e&&(e=function(e,t,n,r){var a,i;return\"string\"==typeof t.autoTrim?a=i=t.autoTrim:Array.isArray(t.autoTrim)&&(a=t.autoTrim[1],i=t.autoTrim[0]),(n||!1===n)&&(a=n),(r||!1===r)&&(i=r),\"slurp\"===a&&\"slurp\"===i?e.trim():(\"_\"===a||\"slurp\"===a?e=String.prototype.trimLeft?e.trimLeft():e.replace(/^[\\s\\uFEFF\\xA0]+/,\"\"):\"-\"!==a&&\"nl\"!==a||(e=e.replace(/^(?:\\n|\\r|\\r\\n)/,\"\")),\"_\"===i||\"slurp\"===i?e=String.prototype.trimRight?e.trimRight():e.replace(/[\\s\\uFEFF\\xA0]+$/,\"\"):\"-\"!==i&&\"nl\"!==i||(e=e.replace(/(?:\\n|\\r|\\r\\n)$/,\"\")),e)}(e,r,d,t))&&(e=e.replace(/\\\\|'/g,\"\\\\$&\").replace(/\\r\\n|\\n|\\r/g,\"\\\\n\"),p.push(e))}for(;null!==(l=u.exec(e));){var m,y=l[1],x=l[2],b=l[3]||\"\";for(var w in a)if(a[w]===b){m=w;break}v(y,x),h=l.index+l[0].length,m||n(\"unrecognized tag type: \"+b,e,h);var F=g(l.index,m),S=F.t;if(\"h\"===S){var I=F.n||\"\";r.async&&c.test(I)&&(F.a=!0,F.n=I.replace(c,\"\")),F=i(F),p.push(F)}else if(\"c\"===S){if(s.n===F.n)return f?(f.d=p,s.b.push(f)):s.d=p,s;n(\"Helper start and end don't match\",e,l.index+l[0].length)}else if(\"b\"===S){f?(f.d=p,s.b.push(f)):s.d=p;var R=F.n||\"\";r.async&&c.test(R)&&(F.a=!0,F.n=R.replace(c,\"\")),f=F,p=[]}else if(\"s\"===S){var T=F.n||\"\";r.async&&c.test(T)&&(F.a=!0,F.n=T.replace(c,\"\")),p.push(F)}else p.push(F)}if(!o)throw t('unclosed helper \"'+s.n+'\"');return v(e.slice(h,e.length),!1),s.d=p,s}({f:[]},!0);if(r.plugins)for(var m=0;m<r.plugins.length;m++){var y=r.plugins[m];y.processAST&&(v.d=y.processAST(v.d,r))}return v.d}function d(e,t){var n=h(e,t),r=\"var tR='';\"+(t.useWith?\"with(\"+t.varName+\"||{}){\":\"\")+x(n,t)+\"if(cb){cb(null,tR)} return tR\"+(t.useWith?\"}\":\"\");if(t.plugins)for(var a=0;a<t.plugins.length;a++){var i=t.plugins[a];i.processFnString&&(r=i.processFnString(r,t))}return r}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n][0],a=t[n][1];e=(t[n][2]?\"await \":\"\")+\"c.l('F','\"+r+\"')(\"+e,a&&(e+=\",\"+a),e+=\")\"}return e}function v(e,t,n,r,a,i){var s=\"{exec:\"+(a?\"async \":\"\")+y(n,t,e)+\",params:[\"+r+\"]\";return i&&(s+=\",name:'\"+i+\"'\"),a&&(s+=\",async:true\"),s+=\"}\"}function m(e,t){for(var n=\"[\",r=0;r<e.length;r++){var a=e[r];n+=v(t,a.res||\"\",a.d,a.p||\"\",a.a,a.n),r<e.length&&(n+=\",\")}return n+=\"]\"}function y(e,t,n){return\"function(\"+t+\"){var tR='';\"+x(e,n)+\"return tR}\"}function x(e,t){for(var n=0,r=e.length,a=\"\";n<r;n++){var i=e[n];if(\"string\"==typeof i){a+=\"tR+='\"+i+\"';\"}else{var s=i.t,c=i.c||\"\",o=i.f,l=i.n||\"\",f=i.p||\"\",u=i.res||\"\",p=i.b,h=!!i.a;if(\"i\"===s){t.defaultFilter&&(c=\"c.l('F','\"+t.defaultFilter+\"')(\"+c+\")\");var d=g(c,o);!i.raw&&t.autoEscape&&(d=\"c.l('F','e')(\"+d+\")\"),a+=\"tR+=\"+d+\";\"}else if(\"h\"===s)if(t.storage.nativeHelpers.get(l))a+=t.storage.nativeHelpers.get(l)(i,t);else{var y=(h?\"await \":\"\")+\"c.l('H','\"+l+\"')(\"+v(t,u,i.d,f,h);y+=p?\",\"+m(p,t):\",[]\",a+=\"tR+=\"+g(y+=\",c)\",o)+\";\"}else\"s\"===s?a+=\"tR+=\"+g((h?\"await \":\"\")+\"c.l('H','\"+l+\"')({params:[\"+f+\"]},[],c)\",o)+\";\":\"e\"===s&&(a+=c+\"\\n\")}}return a}var b=function(){function e(e){this.cache=e}return e.prototype.define=function(e,t){this.cache[e]=t},e.prototype.get=function(e){return this.cache[e]},e.prototype.remove=function(e){delete this.cache[e]},e.prototype.reset=function(){this.cache={}},e.prototype.load=function(e){s(this.cache,e,!0)},e}();function w(e,n,r,a){if(n&&n.length>0)throw t((a?\"Native\":\"\")+\"Helper '\"+e+\"' doesn't accept blocks\");if(r&&r.length>0)throw t((a?\"Native\":\"\")+\"Helper '\"+e+\"' doesn't accept filters\")}var F={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};function S(e){return F[e]}var I=new b({}),R=new b({each:function(e,t){var n=\"\",r=e.params[0];if(w(\"each\",t,!1),e.async)return new Promise((function(t){!function e(t,n,r,a,i){r(t[n],n).then((function(s){a+=s,n===t.length-1?i(a):e(t,n+1,r,a,i)}))}(r,0,e.exec,n,t)}));for(var a=0;a<r.length;a++)n+=e.exec(r[a],a);return n},foreach:function(e,t){var n=e.params[0];if(w(\"foreach\",t,!1),e.async)return new Promise((function(t){!function e(t,n,r,a,i,s){a(n[r],t[n[r]]).then((function(c){i+=c,r===n.length-1?s(i):e(t,n,r+1,a,i,s)}))}(n,Object.keys(n),0,e.exec,\"\",t)}));var r=\"\";for(var a in n)i(n,a)&&(r+=e.exec(a,n[a]));return r},include:function(e,n,r){w(\"include\",n,!1);var a=r.storage.templates.get(e.params[0]);if(!a)throw t('Could not fetch template \"'+e.params[0]+'\"');return a(e.params[1],r)},extends:function(e,n,r){var a=e.params[1]||{};a.content=e.exec();for(var i=0;i<n.length;i++){var s=n[i];a[s.name]=s.exec()}var c=r.storage.templates.get(e.params[0]);if(!c)throw t('Could not fetch template \"'+e.params[0]+'\"');return c(a,r)},useScope:function(e,t){return w(\"useScope\",t,!1),e.exec(e.params[0])}}),T=new b({if:function(e,t){w(\"if\",!1,e.f,!0);var n=\"if(\"+e.p+\"){\"+x(e.d,t)+\"}\";if(e.b)for(var r=0;r<e.b.length;r++){var a=e.b[r];\"else\"===a.n?n+=\"else{\"+x(a.d,t)+\"}\":\"elif\"===a.n&&(n+=\"else if(\"+a.p+\"){\"+x(a.d,t)+\"}\")}return n},try:function(e,n){if(w(\"try\",!1,e.f,!0),!e.b||1!==e.b.length||\"catch\"!==e.b[0].n)throw t(\"native helper 'try' only accepts 1 block, 'catch'\");var r=\"try{\"+x(e.d,n)+\"}\",a=e.b[0];return r+=\"catch\"+(a.res?\"(\"+a.res+\")\":\"\")+\"{\"+x(a.d,n)+\"}\"},block:function(e,t){return w(\"block\",e.b,e.f,!0),\"if(!\"+t.varName+\"[\"+e.p+\"]){tR+=(\"+y(e.d,\"\",t)+\")()}else{tR+=\"+t.varName+\"[\"+e.p+\"]}\"}}),E=new b({e:function(e){var t=String(e);return/[&<>\"']/.test(t)?t.replace(/[&<>\"']/g,S):t}}),j={varName:\"it\",autoTrim:[!1,\"nl\"],autoEscape:!0,defaultFilter:!1,tags:[\"{{\",\"}}\"],l:function(e,n){if(\"H\"===e){var r=this.storage.helpers.get(n);if(r)return r;throw t(\"Can't find helper '\"+n+\"'\")}if(\"F\"===e){var a=this.storage.filters.get(n);if(a)return a;throw t(\"Can't find filter '\"+n+\"'\")}},async:!1,storage:{helpers:R,nativeHelpers:T,filters:E,templates:I},prefixes:{h:\"@\",b:\"#\",i:\"\",r:\"*\",c:\"/\",e:\"!\"},cache:!1,plugins:[],useWith:!1};function H(e,t){var n={};return s(n,j),t&&s(n,t),e&&s(n,e),n.l.bind(n),n}function O(e,n){var r=H(n||{}),i=Function;if(r.async){if(!a)throw t(\"This environment doesn't support async/await\");i=a}try{return new i(r.varName,\"c\",\"cb\",d(e,r))}catch(n){throw n instanceof SyntaxError?t(\"Bad template syntax\\n\\n\"+n.message+\"\\n\"+Array(n.message.length+1).join(\"=\")+\"\\n\"+d(e,r)):n}}function _(e,t){var n;return t.cache&&t.name&&t.storage.templates.get(t.name)?t.storage.templates.get(t.name):(n=\"function\"==typeof e?e:O(e,t),t.cache&&t.name&&t.storage.templates.define(t.name,n),n)}j.l.bind(j),e.compile=O,e.compileScope=x,e.compileScopeIntoFunction=y,e.compileToString=d,e.defaultConfig=j,e.filters=E,e.getConfig=H,e.helpers=R,e.nativeHelpers=T,e.parse=h,e.render=function(e,n,a,i){var s=H(a||{});if(!s.async)return _(e,s)(n,s);if(!i){if(\"function\"==typeof r)return new r((function(t,r){try{t(_(e,s)(n,s))}catch(e){r(e)}}));throw t(\"Please provide a callback function, this env doesn't support Promises\")}try{_(e,s)(n,s,i)}catch(e){return i(e)}},e.templates=I,Object.defineProperty(e,\"__esModule\",{value:!0})}));\n//# sourceMappingURL=squirrelly.min.js.map\n","import { IndexResult, AlgoliaResultHit } from '../interface';\nimport * as Sqrl from 'squirrelly';\n\nconst squirrel = Sqrl;\n\nsquirrel.filters.define(\n  'date_long',\n  (\n    str: string,\n    options: Intl.DateTimeFormatOptions = {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    }\n  ) => {\n    if (!str) return;\n    let date = new Date(parseInt(str) * 1000);\n    str = date.toLocaleDateString('en-GB', options);\n    return str;\n  }\n);\n\nsquirrel.filters.define(\n  'date_short',\n  (str: string, format: string = 'd/m/y') => {\n    if (!str) return;\n    let date = new Date(parseInt(str) * 1000);\n    str = format.replace(/(d)/, date.getDate().toString());\n    str = str.replace(/(m)/, (date.getMonth() + 1).toString());\n    str = str.replace(/(y)/, date.getFullYear().toString());\n    return str;\n  }\n);\n\nsquirrel.filters.define('public_name', (str: string) => {\n  if (!str) return;\n  str = str\n    .split('_')\n    .map((val) => {\n      return val.length < 3 ? val.toUpperCase() : val;\n    })\n    .join(' ');\n  return str.charAt(0).toUpperCase() + str.slice(1);\n});\n\nsquirrel.filters.define('trim_to', (str: string, length: number = 100) => {\n  if (!str) return;\n  if (str.length <= length) return str;\n  return str.substr(0, length) + '...';\n});\n\nsquirrel.filters.define('classname', (str: string) => {\n  if (!str) return;\n  return str.replace(/[\\W]+/g, '');\n});\n\nsquirrel.filters.define(\n  'abs_url',\n  (str: string, index: IndexResult = null, result?: AlgoliaResultHit) => {\n    if (!index) return str;\n    if (!str) return;\n\n    let domain = undefined;\n    if (index.domains && result && result.origin) {\n      let found = index.domains.find((dm) => dm.origin === result.origin);\n      domain = found ? found.domain : '';\n    } else if (index.domain) domain = index.domain;\n\n    if (!domain) return str;\n    return str.match(/^http/) ? str : location.protocol + '//' + domain + str;\n  }\n);\n\nsquirrel.filters.define(\n  'replace',\n  (str: string, search?: string, replace?: string) =>\n    str.replace(search, replace)\n);\nsquirrel.filters.define('remove_spaces', (str: string) =>\n  str.replace(/ /g, '_')\n);\nsquirrel.filters.define(\n  'add_spaces',\n  (str: string) => (str = str.replace(/[_\\-]/g, ' '))\n);\nsquirrel.filters.define(\n  'capitalise',\n  (str: string) => (str = str.charAt(0).toUpperCase() + str.slice(1))\n);\nsquirrel.filters.define(\n  'lowercase',\n  (str: string) => (str = str.toLowerCase())\n);\n\nexport const Squirrel = squirrel;\n","export class PromiseQueue {\n  public queue = [];\n  private workingOnPromise = false;\n  static pendingPromise = false;\n  public stop = false;\n  public limit = null;\n\n  public enqueue(promise: () => Promise<unknown>) {\n    return new Promise((resolve, reject) => {\n      this.queue.push({\n        promise,\n        resolve,\n        reject,\n      });\n      this.dequeue();\n    });\n  }\n\n  public dequeue() {\n    if (this.workingOnPromise) {\n      return false;\n    }\n    if (this.stop) {\n      this.queue = [];\n      this.stop = false;\n      return;\n    }\n    const item = this.queue.shift();\n    if (!item) {\n      return false;\n    }\n    try {\n      this.workingOnPromise = true;\n      item\n        .promise()\n        .then((value) => {\n          this.workingOnPromise = false;\n          item.resolve(value);\n          this.dequeue();\n        })\n        .catch((err) => {\n          this.workingOnPromise = false;\n          item.reject(err);\n          this.dequeue();\n        });\n    } catch (err) {\n      this.workingOnPromise = false;\n      item.reject(err);\n      this.dequeue();\n    }\n    return true;\n  }\n}\n",":host {\n  position: relative;\n  display: block;\n\n  ::slotted([slot='search-template']),\n  &::slotted([slot='search-template']) {\n    display: none !important;\n  }\n}\n\n.loader {\n  opacity: 0;\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  min-height: 100%;\n  max-height: 100vh !important;\n  max-width: 100vw !important;\n  left: 0;\n  top: 0;\n  z-index: -10;\n  font-size: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.2s ease, z-index 0.01s ease 0.2s;\n\n  &.loading {\n    opacity: 1;\n    z-index: 10;\n    transition: z-index 0.01s ease, opacity 0.2s ease 0.01s;\n  }\n}\n\n.default {\n  height: 100%;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.results {\n  opacity: 0;\n  outline: none;\n  overflow: auto;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease,\n    visibility 0.01s ease 0.3s,\n    z-index 0.01s ease 0.3s;\n  transform: translate(0, 100px);\n  visibility: hidden;\n  z-index: -1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: none;\n\n  &-container {\n    position: relative;\n  }\n\n  &.show {\n    transition:\n      z-index 0.01s ease,\n      visibility 0.01s ease,\n      transform 0.3s ease 0.01s,\n      opacity 0.3s ease 0.01s;\n    transform: translate(0, 0);\n    visibility: visible;\n    opacity: 1;\n    z-index: 10;\n    overflow: hidden;\n  }\n\n  &.shown {\n    height: auto !important;\n    width: auto !important;\n    display: block;\n    position: static;\n    transform: none;\n    z-index: auto;\n    visibility: inherit;\n    opacity: initial;\n  }\n}\n","import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  Listen,\n  Method,\n  EventEmitter,\n  Event,\n  Build,\n  writeTask,\n  ComponentInterface,\n  readTask,\n} from '@stencil/core';\nimport {\n  AlgoliaMultiResult,\n  IndexResult,\n  AlgoliaResultHit,\n  FilterChangeEventDetail,\n  PageChangeEventDetail,\n  AppliedFilter,\n  AlgoliaFacet,\n  SearchIndex,\n} from '../../interface';\nimport { Universe, SearchChangeEvent } from './algolia-data';\nimport { debounce, getDirectChildren, raf } from '../../utils';\nimport algoliasearch, {\n  SearchClient as AlgoliaClient,\n  SearchIndex as AlgoliaIndex,\n} from 'algoliasearch';\nimport { Squirrel } from '../../utils/template';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\nimport { PromiseQueue } from '../../utils/promise-queue';\n\ninterface FacetFilterQueryBlock {\n  or: Array<string>;\n  and: Array<string>;\n  not: Array<string>;\n  name: string;\n}\ninterface FacetFilter extends FilterChangeEventDetail {\n  element: HTMLNanoAlgoliaFilterElement;\n}\ntype FilterGroup = { [prop: string]: FacetFilter };\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.\n * Can optionally contain nano-algolia-input components or use them as a 'resultsEmitter'\n * @slot search-input - optional. Should contain an algolia-input component.\n * @slot loader - optional. Elements to show when search results are loading.\n * @slot template - optional. Template string (format depends on 'tplEngine' property). May contain other algolia-... components with nested templates.\n * @slot output - Search result output. Will be a placeholder for template output or optionally nest algolia-... components.\n */\n@Component({\n  tag: 'nano-algolia',\n  shadow: true,\n  styleUrl: 'algolia.scss',\n})\nexport class Algolia implements ComponentInterface {\n  // filters that have an initial value\n  private staticFacetFilters: FilterGroup = {};\n  private dynFacetFilters: FilterGroup = {};\n  private tplSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private slottedInput: HTMLElement;\n  private hasLoadSlot: boolean = false;\n  private resultsDiv: HTMLDivElement;\n  private defaultDiv: HTMLDivElement;\n  private tpl: string;\n  private facets: AlgoliaFacet;\n  private placedAlgoliaEles: Element[] = [];\n  private algoliaClient: AlgoliaClient;\n  // lots of stuff happens asynchronously. This makes sure they fire in the corrent order\n  private promiseQueue = new PromiseQueue();\n\n  @Element() host: HTMLNanoAlgoliaElement;\n\n  // Internal state\n\n  // filters that change via a template. They have no initial value\n  @State() _dynFacetFilters: FilterGroup = {};\n  @State() inputField: HTMLNanoInputElement | HTMLInputElement;\n  @State() algoliaIndex: AlgoliaIndex;\n  @State() indeces: IndexResult[] = [];\n  @State() resultsEmitterEle: HTMLElement;\n  @State() indexResults: IndexResult;\n  @State() filterChanged: string = '';\n  @State() currentHits: AlgoliaResultHit[];\n  @State() changeEvent: SearchChangeEvent = SearchChangeEvent.Init;\n  @State() isLoading: boolean = false;\n  @State() wormholeState: any = this;\n\n  // Public props\n\n  /**\n   * Show the result panel. By default it will automatically show when the result receives new hits.\n   */\n  @Prop({ mutable: true }) showResults: boolean = false;\n\n  /**\n   * The current algolia page of results currently being viewed or to get.\n   */\n  @Prop({ mutable: true }) resultsPage: number = 0;\n\n  /**\n   * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\n   */\n  @Prop({ mutable: true }) appId: string;\n\n  /**\n   * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\n   */\n  @Prop({ mutable: true }) apiKey: string;\n\n  /**\n   * Algolia search index. Used in conjunction with 'apiKey' & 'appId'.\n   * ```\n   * { index: string, // algolia index name\n   *   domain?: string, // used in template filters to resolve incomplete url fields\n   *   filters?: [string], // algolia facets to retrive\n   *   hitsPerPage?: number,\n   *   name?: string // human readable index name\n   * }\n   * ```\n   */\n  @Prop({ mutable: true }) searchIndex: SearchIndex = {} as SearchIndex;\n\n  /**\n   * Algolia search index name. Alternative to 'searchIndex'.\n   * A simplified shortcut for setting an index.\n   * Properties such as hitsPerPage and facets will come from the algolia index\n   */\n  @Prop({ mutable: true }) searchIndexName: string = '';\n\n  /**\n   * JS querSelector string of a `nano-input` / `input` element from which\n   * to listen to `nano-change` or `change` events and change the `query` prop.\n   * Not required if an appropriate field is in the 'search-input' slot\n   */\n  @Prop() listenTo?: string = null;\n\n  /**\n   * The query string used to search the index. Will automtically be set with any slotted\n   * `search-input` input elements or from elements linked to from `listen-to`\n   */\n  @Prop({ mutable: true }) query: string = '';\n\n  /**\n   * The external operator joining filter values.\n   */\n  @Prop() operator: 'or' | 'and' = 'and';\n\n  /**\n   * Query filters to apply to all searches.\n   * Refer to https://www.algolia.com/doc/api-reference/api-parameters/filters for format.\n   */\n  @Prop() filters: Array<string> = [];\n\n  /**\n   * Template engine to use when rendering results and filters.\n   * Defaults to Squirrel v8 (https://squirrelly.js.org/). This gives you access\n   * to the underlying squirrel object allowing you to modify it's configuration / add filters.\n   */\n  @Prop() tplEngine: Object = Squirrel;\n\n  /**\n   * Template engine render function to use when rendering results and filters.\n   * Defaults to Squirrel v8's render (https://squirrelly.js.org/).\n   */\n  @Prop() tplRenderFn: (...args: any[]) => string = Squirrel.render;\n\n  /**\n   * Changes the index without removing any current filters. Most appropriate for algolia replicas.\n   */\n  @Prop({ mutable: true }) replicaIndex: string = '';\n\n  /**\n   * Will maintain a search all / '*' on init and reset allowing for a view\n   * then filter experience rather than a search first experience\n   */\n  @Prop({ mutable: true }) browseIndex: boolean = false; // eslint-disable-line @stencil/strict-mutable\n\n  /**\n   * Minimum number of characters before performing a search\n   */\n  @Prop() minChars: number = 2;\n\n  /**\n   * Store search queries (against this ID) to the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  // Events\n\n  /**\n   * Emitted when the algolia element has been created.\n   */\n  @Event() nanoDidLoad!: EventEmitter<HTMLNanoAlgoliaElement>;\n\n  /**\n   * Emitted when results and all filters are shown and have loaded.\n   */\n  @Event({ bubbles: false }) nanoResultsShown!: EventEmitter<IndexResult>;\n\n  /**\n   * Emitted before an algolia search.\n   */\n  @Event() nanoBeforeQuery!: EventEmitter<IndexResult>;\n\n  /**\n   * Emitted after an algolia search.\n   */\n  @Event() nanoAfterQuery!: EventEmitter<IndexResult>;\n\n  /**\n   * Emitted after an results have been updated\n   */\n  @Event() nanoNewResults!: EventEmitter<IndexResult>;\n\n  // Public methods\n\n  /**\n   * @param facetName - will clear all filter selections of that type\n   * @param facetValue - will remove a single filter selection\n   * Remove facet filters (as set from nano-algolia-filter elements).\n   * The omission or both will remove all facet filters\n   */\n  @Method()\n  async removeFilters(facetName?: string, facetValue?: string) {\n    if (!facetName && !facetValue) this.clearAllFacetFilters();\n    else {\n      Object.keys(this._dynFacetFilters).forEach((filterId) => {\n        if (\n          facetName &&\n          this._dynFacetFilters[filterId].facetName === facetName\n        ) {\n          if (!facetValue) this._dynFacetFilters[filterId].element.value = '';\n          else {\n            this._dynFacetFilters[filterId].element.value =\n              this._dynFacetFilters[filterId].value.filter(\n                (val) => val !== facetValue\n              );\n          }\n        }\n      });\n    }\n  }\n\n  // Listeners to external events\n\n  // a child nano-algolia-... updated their template\n  @Listen('nanoTplUpdated')\n  onAllTplUpdate(ev: CustomEvent & { target: HTMLElement }) {\n    ev.stopPropagation();\n\n    if (ev.target.tagName === 'NANO-ALGOLIA-RESULTS') {\n      raf(() => {\n        this.nanoNewResults.emit(this.indexResults);\n      });\n    }\n  }\n\n  // a nano-algolia-pagination or nano-algolia-results changed the page\n  @Listen('nanoPageChanged')\n  async onPageChange(ev?: CustomEvent) {\n    if (!this.indexResults) return;\n    let page = this.resultsPage;\n    if (ev) {\n      ev.stopPropagation();\n      page = (ev.detail as PageChangeEventDetail).page;\n    }\n\n    page = Math.min(this.indexResults.totalPages - 1, page);\n    page = Math.max(page, 0);\n\n    if (this.indexResults.currentPage === page) return;\n\n    this.indexResults.currentPage = page;\n    await this.algoliaSearch(SearchChangeEvent.Page);\n  }\n\n  /**\n   * nano-algolia-filter changed value.\n   * If that happened before a indexResults were setup, it was a static filter.\n   * Static filters persist accross search changes\n   */\n  @Listen('nanoFilterChanged')\n  async onFilterChange(ev: CustomEvent) {\n    ev.stopPropagation();\n\n    let dynFilterObj: FilterGroup = {};\n    let filter = ev.detail as FacetFilter;\n    filter.element = ev.target as HTMLNanoAlgoliaFilterElement;\n\n    if (this.indexResults) {\n      if (this.staticFacetFilters[filter.filterId])\n        this.staticFacetFilters[filter.filterId] = filter;\n      else {\n        dynFilterObj[filter.filterId] = filter;\n        this._dynFacetFilters = { ...this._dynFacetFilters, ...dynFilterObj };\n      }\n\n      this.indexResults.appliedFilters = this.makeAppliedFilters();\n    } else this.staticFacetFilters[filter.filterId] = filter;\n\n    this.filterChanged =\n      filter.value && filter.value.length ? filter.filterId : 'all';\n\n    this.resetPage();\n    this.algoliaSearch(SearchChangeEvent.Filter);\n  }\n\n  // Internal state watchers\n\n  // Filters can fire a change event, cause a re-render then get detached.\n  // This can cause filter dupes. Check to see if the original element is still in the DOM.\n  @Watch('_dynFacetFilters')\n  dynFacetFiltersChange() {\n    Object.values(this._dynFacetFilters).forEach((filter) => {\n      if (this.host.ownerDocument === filter.element.ownerDocument)\n        this.dynFacetFilters[filter.filterId] = filter;\n      else delete this.dynFacetFilters[filter.filterId];\n    });\n  }\n\n  @Watch('browseIndex')\n  browseIndexChange() {\n    if (\n      this.browseIndex &&\n      (!this.query || this.query.length < this.minChars)\n    ) {\n      this.query = '*';\n    }\n  }\n\n  @Watch('inputField')\n  inputFieldSet() {\n    if (!this.inputField) return;\n    if (\n      this.query !== '*' &&\n      this.inputField &&\n      this.inputField.value !== this.query\n    )\n      this.inputField.value = this.query;\n  }\n\n  @Watch('query')\n  queryChange() {\n    this.searchChange();\n  }\n  private searchChange = async () => {\n    if (!this.algoliaIndex) return;\n\n    if (!this.query || this.query.length < this.minChars) {\n      if (!this.browseIndex) {\n        if (!this.query || this.query.length === 0) {\n          this.handleSearchReset();\n          return;\n        } else return;\n      } else if (this.query !== '*') {\n        this.query = '*';\n        return;\n      }\n    }\n    // Do an initialise search (setup searchIndex)\n    this.isLoading = true;\n\n    setTimeout(async () => {\n      // Clear dynamic filters and reset page\n      this.resetPage();\n\n      await this.algoliaSearch(SearchChangeEvent.Init);\n      // Populate master content - optionally from template\n      await this.updateContent();\n\n      setTimeout((_) => (this.isLoading = false), 800);\n      this.showResults = true;\n      this.nanoResultsShown.emit(this.indexResults);\n    }, 200);\n  };\n\n  @Watch('replicaIndex')\n  async internalIndexSwitch() {\n    if (\n      !this.replicaIndex ||\n      !this.indexResults ||\n      this.indexResults.index === this.replicaIndex\n    )\n      return;\n    this.indexResults.index = this.replicaIndex;\n    this.algoliaIndex = this.algoliaClient.initIndex(this.indexResults.index);\n    this.resetPage();\n    this.algoliaSearch(SearchChangeEvent.Replica);\n  }\n\n  @Watch('resultsPage')\n  pageChange() {\n    this.onPageChange();\n  }\n\n  @Watch('searchIndexName')\n  searchIndexNameChange() {\n    if (\n      !this.searchIndexName ||\n      !this.searchIndexName.length ||\n      (this.searchIndex && this.searchIndex.index === this.searchIndexName)\n    )\n      return;\n    this.searchIndex = { index: this.searchIndexName };\n  }\n\n  @Watch('apiKey')\n  @Watch('appId')\n  initAlgoliaClient() {\n    if (!this.appId || !this.apiKey) return;\n    this.algoliaClient = algoliasearch(this.appId, this.apiKey);\n  }\n\n  @Watch('searchIndex')\n  initAlgoliaIndex() {\n    if (!this.algoliaClient || !this.searchIndex) return;\n    if (this.searchIndex.index) {\n      if (this.replicaIndex) this.searchIndex.index = this.replicaIndex;\n      this.searchIndexName = this.searchIndex.index;\n      this.algoliaIndex = this.algoliaClient.initIndex(this.searchIndex.index);\n      this.searchChange();\n    }\n  }\n\n  @Watch('showResults')\n  showResultsChange() {\n    if (!this.resultsDiv || !this.defaultDiv) return;\n\n    if (this.showResults) {\n      this.resultsDiv.style.width = this.host.scrollWidth + 'px';\n      this.resultsDiv.style.minHeight = this.host.scrollHeight + 'px';\n\n      writeTask(() => {\n        this.resultsDiv.addEventListener('transitionend', this.onResultDisplay);\n        this.resultsDiv.style.display = 'block';\n        setTimeout(() => this.resultsDiv.classList.add('show'), 50);\n      });\n    } else {\n      writeTask(() => {\n        this.resultsDiv.classList.remove('shown');\n        this.defaultDiv.style.display = 'block';\n        setTimeout(() => {\n          this.resultsDiv.addEventListener(\n            'transitionend',\n            this.onResultDisplay\n          );\n          this.resultsDiv.classList.remove('show');\n\n          if (!!this.slottedInput)\n            this.slottedInput.focus({ preventScroll: true });\n          else this.defaultDiv.focus({ preventScroll: true });\n        }, 50);\n      });\n    }\n  }\n\n  // Internal methods\n\n  private fixDomain(results: AlgoliaMultiResult) {\n    if (!this.searchIndex || !this.searchIndex.domain) return results;\n    results.hits.map((hit) => {\n      if (hit.url && !hit.url.match(/^http/))\n        hit.url = location.protocol + '//' + this.searchIndex.domain + hit.url;\n    });\n    return results;\n  }\n\n  // Takes all current filters (dynamic and static)\n  // and merges common filters' values togther\n  private makeAppliedFilters = (): AppliedFilter[] => {\n    let appliedFtrs: AppliedFilter[] = [];\n\n    const makeAppliedFilter = (facetFilters: {\n      [prop: string]: FacetFilter;\n    }) => {\n      Object.values(facetFilters).forEach((filter) => {\n        if (filter.value && filter.value.length) {\n          let found = appliedFtrs.find(\n            (appFilter) => appFilter.name === filter.facetName\n          );\n          if (!found)\n            appliedFtrs.push({\n              name: filter.facetName,\n              values: [...filter.value],\n            });\n          else found.values = [...found.values, ...filter.value];\n        }\n      });\n    };\n    makeAppliedFilter(this.dynFacetFilters);\n    makeAppliedFilter(this.staticFacetFilters);\n\n    if (appliedFtrs.length) return appliedFtrs;\n    return null;\n  };\n\n  // Queue up a search\n  private algoliaSearch = async (eventType: SearchChangeEvent) => {\n    return this.promiseQueue.enqueue(() => this.queueSearch(eventType));\n  };\n\n  // Do a search\n  private queueSearch = async (eventType: SearchChangeEvent) => {\n    if (\n      !this.algoliaIndex ||\n      !this.query ||\n      !this.searchIndex ||\n      !this.searchIndex.index\n    )\n      return;\n\n    this.nanoBeforeQuery.emit(this.indexResults);\n\n    // clear all facet filters on init (new query)\n    if (SearchChangeEvent.Init === eventType) this.clearAllFacetFilters();\n\n    let searchParams: any = {\n      filters: this.algoliaFilterStr(),\n      page: this.indexResults ? this.indexResults.currentPage : 0,\n    };\n\n    if (this.searchIndex.filters)\n      searchParams.facets = this.searchIndex.filters;\n    if (this.searchIndex.hitsPerPage)\n      searchParams.hitsPerPage = this.searchIndex.hitsPerPage;\n\n    let result = (await this.algoliaIndex.search(\n      this.query,\n      searchParams\n    )) as AlgoliaMultiResult;\n    result = this.fixDomain(result);\n\n    // set event type - this informs children components why things changed\n    this.changeEvent = eventType;\n\n    // Setup initial meta on new queries. Some of it should not change on filter / pagination\n    if (eventType === SearchChangeEvent.Init || !this.indexResults) {\n      this.indexResults = {\n        currentPage: 0,\n        totalHits: result.nbHits,\n        hitsPerPage: null,\n        origFilters: result.facets,\n        query: this.query,\n        domain: this.searchIndex.domain || null,\n        legacy: !CANSHADOW,\n        totalHitsWithFilters: 0,\n        results: [],\n        totalPages: 0,\n        appliedFilters: this.makeAppliedFilters(),\n        indexName: this.searchIndex.name || null,\n        index: this.searchIndex.index,\n      };\n    }\n\n    this.indexResults.dynFilters = result.facets;\n    this.indexResults.results = result.hits as AlgoliaResultHit[];\n    this.indexResults.totalHitsWithFilters = result.nbHits;\n    this.indexResults.currentPage = result.page;\n    this.indexResults.totalPages = result.nbPages;\n    this.indexResults.hitsPerPage = result.hitsPerPage;\n    this.indexResults.query = result.query;\n    // console.log('I GOT NEW RESULTS', eventType, this.query, this.algoliaFilterStr(), this.indexResults.results.length, this.indexResults.currentPage )\n\n    if (\n      this.changeEvent !== SearchChangeEvent.Page &&\n      this.changeEvent !== SearchChangeEvent.Replica\n    ) {\n      this.facets = result.facets;\n    }\n    this.nanoAfterQuery.emit(this.indexResults);\n\n    // current hits and page will cause re-renders in children components.\n    // Wait a tick before firing otherwise events can fire in the wrong order\n    return new Promise((resolve) => {\n      setTimeout(() => resolve('tpl updated'), 20);\n    }).then((_) => {\n      this.currentHits = this.indexResults.results;\n      this.resultsPage = this.indexResults.currentPage;\n    });\n  };\n\n  private resetPage() {\n    if (!this.indexResults) return;\n    this.indexResults.currentPage = 0;\n  }\n\n  private clearAllFacetFilters() {\n    Object.values(this._dynFacetFilters).forEach((filter) => {\n      filter.element.value = '';\n    });\n    this._dynFacetFilters = {};\n  }\n\n  private algoliaFilterStr() {\n    // groups applied facet filters (from algolia-filter components)\n    // with their applied, 'internal' operators (and, or, not)\n\n    let facetFilterObj: { [prop: string]: FacetFilterQueryBlock } = {};\n\n    const groupFilters = (facetFilters: { [prop: string]: FacetFilter }) => {\n      let filter: FilterChangeEventDetail;\n      let filterOp: Array<string>;\n\n      Object.keys(facetFilters).forEach((filterId) => {\n        filter = facetFilters[filterId];\n        facetFilterObj[filterId] = facetFilterObj[filterId] || {\n          name: filter.facetName,\n          or: [],\n          and: [],\n          not: [],\n        };\n\n        filterOp = facetFilterObj[filterId][filter.operator];\n        if (filter.value && filter.value.length) {\n          facetFilterObj[filterId][filter.operator] = [\n            ...filterOp,\n            ...filter.value,\n          ];\n        }\n      });\n    };\n\n    groupFilters(this.dynFacetFilters);\n    groupFilters(this.staticFacetFilters);\n\n    const formatVal = (name: string, val: string) => {\n      if (val.indexOf(' ') > -1) return name + ':\"' + val + '\"';\n      else return name + ':' + val;\n    };\n    let filterStrParts: Array<string> = [];\n    let operatorGrp: FacetFilterQueryBlock;\n    let filterName: string;\n    // let processedFilters: string[] = [];\n\n    // joins all applied facet filter operator groups with the set 'outer'\n    // operator into an algolia filter query string\n    Object.values(facetFilterObj).forEach(function (filter) {\n      Object.keys(filter)\n        .filter((filterProp) => filterProp.match(/(or|and|not)/))\n        .forEach((operator) => {\n          operatorGrp = filter;\n          filterName = filter.name;\n\n          if (operator === 'or' || operator === 'and') {\n            if (operatorGrp[operator].length) {\n              filterStrParts.push(\n                '( \\\n                ' +\n                  operatorGrp[operator]\n                    .map((val) => {\n                      if (val.length) return formatVal(filterName, val);\n                    })\n                    .join(' ' + operator.toLocaleUpperCase() + ' ') +\n                  ' \\\n              )'\n              );\n            }\n          } else {\n            if (operatorGrp.not.length) {\n              filterStrParts.push(\n                '( \\\n                ' +\n                  operatorGrp[operator]\n                    .map((val) => {\n                      if (val.length)\n                        return 'NOT ' + formatVal(filterName, val);\n                    })\n                    .join(' AND ') +\n                  ' \\\n              )'\n              );\n            }\n          }\n        });\n    });\n\n    // add in any static applied filters from filters prop\n    filterStrParts = [...this.filters, ...filterStrParts];\n    // console.log('filterStr:', filterStrParts.join(' ' + this.operator.toLocaleUpperCase() + ' '))\n    return filterStrParts.join(' ' + this.operator.toLocaleUpperCase() + ' ');\n  }\n\n  @Listen('nanoChange', { target: 'body' })\n  @Listen('change', { target: 'body' })\n  handleInputChange(ev: CustomEvent | (Event & { target: HTMLElement })) {\n    if (ev.target !== this.inputField) return;\n    this.query = this.inputField.value;\n  }\n\n  private handleSearchReset = () => {\n    this.showResults = false;\n    this.indexResults = null;\n  };\n\n  private onResultDisplay = () => {\n    writeTask(() => {\n      this.resultsDiv.removeEventListener(\n        'transitionend',\n        this.onResultDisplay\n      );\n      if (!this.showResults) this.resultsDiv.style.display = 'none';\n      else {\n        this.defaultDiv.style.display = 'none';\n        this.resultsDiv.classList.add('shown');\n        this.resultsDiv.style.minHeight = '';\n        this.resultsDiv.style.width = '';\n      }\n    });\n  };\n\n  private async updateContent() {\n    return this.promiseQueue.enqueue(() => this.updateContentQueue());\n  }\n\n  private async updateContentQueue() {\n    let outputTo = this.outputSlot || this.resultsDiv;\n\n    if (!outputTo || !this.tpl) return 'no tpl';\n\n    let tmpCont = document.createElement('div');\n    tmpCont.innerHTML = this.tpl;\n\n    let algoliaEles: Element[] = [];\n    this.placedAlgoliaEles = [];\n\n    // take out children algolia elements 'cos they have their own templates\n    // don't want to swap in their templates\n    Array.from(\n      tmpCont.querySelectorAll(\n        'nano-algolia, nano-algolia-filter, nano-algolia-results'\n      )\n    ).forEach((el, i) => {\n      let placeholder = document.createElement('div');\n      placeholder.dataset.placeholderId = i.toString();\n      placeholder.classList.add('nano-ele-placeholder');\n      algoliaEles.push(el);\n      el.parentNode.replaceChild(placeholder, el);\n    });\n\n    // swap in template content\n    // (all this nonsense htmlencodes any < or >)\n\n    outputTo.innerHTML = this.tplRenderFn(\n      tmpCont.innerHTML\n        .replace(/&gt;/gm, '>')\n        .replace(/&lt;/gm, '<')\n        .replace(/&amp;/gm, '&'),\n      this.indexResults\n    );\n\n    // put back in algolia elements\n    Array.from(outputTo.querySelectorAll('div.nano-ele-placeholder')).forEach(\n      (el: HTMLDivElement) => {\n        el.parentNode.replaceChild(\n          algoliaEles[parseInt(el.dataset.placeholderId)],\n          el\n        );\n        this.placedAlgoliaEles.push(\n          algoliaEles[parseInt(el.dataset.placeholderId)]\n        );\n      }\n    );\n\n    if (!this.placedAlgoliaEles.length) return Promise.resolve('algolia setup');\n\n    // wait for all children algolia elements to resolve before calling 'done'\n    return new Promise((resolve) => {\n      const childrenResolver = (ev: CustomEvent) => {\n        this.placedAlgoliaEles = this.placedAlgoliaEles.filter(\n          (ele) => ele !== (ev.detail as HTMLElement)\n        );\n        if (!this.placedAlgoliaEles.length) {\n          setTimeout(() => resolve('tpl updated'), 500);\n          outputTo.removeEventListener('nanoTplUpdated', childrenResolver);\n        }\n      };\n      outputTo.addEventListener('nanoTplUpdated', childrenResolver);\n    });\n  }\n\n  // Stencil hooks\n\n  componentWillLoad() {\n    readTask((_) => {\n      this.tplSlot = getDirectChildren(this.host, '[slot=\"template\"]')[0];\n      this.outputSlot = getDirectChildren(this.host, '[slot=\"output\"]')[0];\n      this.slottedInput = getDirectChildren(\n        this.host,\n        '[slot=\"search-input\"]'\n      )[0];\n      this.hasLoadSlot = !!getDirectChildren(this.host, '[slot=\"loader\"]')[0];\n      if (!!this.tplSlot) this.tpl = this.tplSlot.innerHTML;\n\n      // get input field to listen to\n      if (\n        this.slottedInput &&\n        (this.slottedInput.tagName.toLocaleLowerCase() === 'nano-input' ||\n          this.slottedInput instanceof HTMLInputElement)\n      ) {\n        this.inputField = this.slottedInput as HTMLNanoInputElement;\n      } else if (this.slottedInput) {\n        this.inputField = this.slottedInput.querySelector(\n          'nano-input, input:not([type=\"radio\"]):not([type=\"checkbox\"])'\n        );\n      }\n\n      writeTask((_) => {\n        if (this.showResults && this.tpl) this.searchChange();\n      });\n    });\n\n    this.searchIndexNameChange();\n    this.initAlgoliaClient();\n    this.initAlgoliaIndex();\n\n    // Create wormwhole shared 'universe' (https://github.com/mihar-22/stencil-wormhole)\n    Universe.create(this, this.wormholeState);\n\n    if (this.storeId) {\n      ComponentStore.init(\n        this,\n        ['query', 'replicaIndex'],\n        this.storeMethod,\n        this.storeId\n      );\n      ComponentStore.init(\n        this,\n        ['apiKey', 'appId', 'searchIndex'],\n        'session',\n        this.storeId + '_api'\n      );\n    }\n    this.internalIndexSwitch();\n  }\n\n  connectedCallback() {\n    this.searchChange = debounce(this.searchChange, 300);\n    this.browseIndexChange();\n\n    if (!Build.isBrowser) return;\n    this.host.dispatchEvent(\n      new CustomEvent('nanoDidLoad', {\n        detail: this.host,\n      })\n    );\n  }\n\n  render() {\n    const wormholeState = {\n      indexResults: this.indexResults,\n      results: this.currentHits,\n      filterChanged: this.filterChanged,\n      tplRenderFn: this.tplRenderFn,\n      resultsPage: this.resultsPage,\n      changeEvent: this.changeEvent,\n      facets: this.facets,\n      algoliaIndex: this.algoliaIndex,\n      searchIndex: this.searchIndex,\n      globalStoreMethod: this.storeMethod,\n      isLoading: this.isLoading,\n    };\n    return (\n      <Host\n        class={{\n          'show-results': this.showResults,\n          'is-loading': this.isLoading,\n        }}\n        aria-busy={this.isLoading}\n      >\n        {this.hasLoadSlot && (\n          <div hidden={!this.isLoading}>\n            <slot name=\"loader\" />\n          </div>\n        )}\n        {!this.hasLoadSlot && (\n          <div\n            class={{\n              loader: true,\n              loading: this.isLoading,\n            }}\n          >\n            <nano-spinner overlay={true} type=\"circle\"></nano-spinner>\n          </div>\n        )}\n\n        <Universe.Provider state={wormholeState}>\n          <slot name=\"search-input\"></slot>\n          <div class=\"results-container\" aria-live=\"polite\">\n            <div ref={(div) => (this.resultsDiv = div)} class=\"results\">\n              <slot name=\"output\" />\n            </div>\n          </div>\n        </Universe.Provider>\n\n        <div\n          ref={(div) => (this.defaultDiv = div)}\n          class=\"default\"\n          tabindex=\"-1\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-86bd5194.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/nav-item/nav-item.scss?tag=nano-nav-item&encapsulation=shadow","src/components/nav-item/nav-item.tsx","src/components/select/select.scss?tag=nano-select&encapsulation=scoped","src/components/select/select.tsx"],"names":["navItemCss","NavItem","[object Object]","hostRef","this","hasSecondarySlot","hasAnchorEle","didBlur","animating","didOpen","isInGlobalNav","isInMenuDrawer","isInMenu","isLegacy","document","head","attachShadow","hasFocus","href","target","disabled","open","selected","secondaryActiveWidth","secondaryFallback","closeOnBlur","notification","closeSecondary","async","nanoClosing","emit","secondaryMenu","secondaryDiv","status","displayTransition","openSecondary","window","innerWidth","call","nanoOpening","toggleSecondary","handleFocus","nanoFocus","handleHostBlur","el","removeAttribute","nanoBlur","handleHostClick","ev","foundlink","closest","btn","click","handleMouseEnter","globalNavEle","classList","contains","timeToWait","getSiblings","length","clearTimeout","waitHide","fromHover","waitShow","setTimeout","handleMouseLeave","handleClick","_a","querySelector","blur","relatedTarget","foundThisNavEle","focus","preventScroll","removeEventListener","nanoClose","panelio","IntersectionObserver","data","boundingClientRect","top","scrollIntoView","behavior","disconnect","threshold","observe","addEventListener","tabIndex","nanoOpen","found","parentElement","secondaryEle","link","getDirectChildren","h","Host","class","has-secondary","secondary-open","has-focus","nano-global-nav","nano-menu-drawer","nano-menu","legacy","onBlur","dir","ownerDocument","onMouseEnter","onMouseLeave","onClick","role","nav-item","ref","a","onFocus","name","div","tabindex","selectCss","selectIds","Select","valueItems","selectId","rtl","onInit","currInsertIndex","showErrorMsg","errorMessage","hasLabelSlot","hasHelperSlot","hasHelperEndSlot","inputSearchVal","_invalid","autofocus","validateOn","showInlineError","hideLabel","floatLabel","multiple","readonly","required","allowCustomValues","_value","_options","_eOptions","clearSelect","mask","debounce","dropDownConfig","customValidate","nativeSelect","setCustomValidity","valArray","isValidValues","max","min","showInlineValidation","validity","valid","validationMessage","nanoValidate","isValid","invalid","originalEvent","handleInvalid","preventDefault","requestAnimationFrame","setValue","e","value","detail","inputCtrl","includes","slice","removeValue","toFind","filter","val","setFocus","setOptions","datalist","activeOptions","map","ao","label","filterMeta","handleDocumentKeyDown","rm","key","previousElementSibling","dataset","nextElementSibling","previousSibling","nextSibling","event","Event","dispatchEvent","clearSelectValue","stopPropagation","onDragStart","ele","dragVal","onDragEnd","onDragLeave","spanVal","to","indexOf","from","tmpArr","tmpVal","onMultiInput","trim","nanoSearchChange","_inputCtrl","input","setDataListOpts","selectWrap","_selectWrap","_datalist","validityMessage","split","Array","isArray","options","opts","opt","debounceEvent","shouldValidate","nanoChange","currDWConfig","Object","assign","tetherTo","validateFirst","Promise","resolve","message","find","mo","MutationObserver","processSlottedContent","childList","subtree","querySelectorAll","console","warn","form","kev","raf","getActiveElement","closestElement","tagName","toLowerCase","debounceChanged","CustomEvent","slotChangeObserver","labelId","moreId","helperEndId","compWrapOptions","placeholder","wrapOptions","hasValue","controlId","controlOptions","clearControl","type","aria-disabled","createColorClasses","color","has-value","is-invalid","has-label","has-float-label","has-multiple","has-clr-btn","masked","FormControlWrap","FormControl","onClearText","control","endValueSlot","slot","multipleValues","getLabel","id","aria-labelledby","readOnly","onNanoOptionsUpdated","onNanoSelect","onNanoDeselect","undefined","select","onInvalid","autoFocus","autocomplete","onKeyDown","onInput","onTouchStart","onMouseDown","i","toReturn","onDragOver","draggable","data-value","span","push","onTouchEnd","onMouseUp"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  // These can be overwritten, but are autatically set from context components\n\n  // --padding-top: inherit;\n  // --padding-bottom: inherit;\n  // --padding-start: inherit;\n  // --padding-end: inherit;\n  // --margin: inherit;\n\n  // --secondary-padding-top: inherit;\n  // --secondary-padding-bottom: inherit;\n  // --secondary-padding-start: inherit;\n  // --secondary-padding-end: inherit;\n\n  // --border-bottom: inherit;\n  // --icon-size: inherit;\n\n  // --color: inherit;\n  // --color-hover: inherit;\n  // --color-focus: inherit;\n  // --color-selected: inherit;\n  // --color-open: inherit;\n\n  // --bg-color: inherit;\n  // --bg-color-hover: inherit;\n  // --bg-color-selected: inherit;\n  // --bg-color-open: inherit;\n  // --bg-color-focus: inherit;\n\n  // --secondary-bg-color: inherit;\n  // --secondary-color: inherit;\n\n  opacity: inherit;\n  display: block;\n  color: var(--color) !important;\n  margin: var(--margin);\n\n  ::slotted(*),\n  * {\n    box-sizing: border-box;\n  }\n\n  ::slotted(button),\n  button {\n    background: none;\n    border: none;\n    margin: 0;\n  }\n\n  ::slotted(button),\n  ::slotted(a),\n  ::slotted(a:visited),\n  button,\n  a,\n  a:visited {\n    @include text-inherit();\n    @include padding(\n      var(--padding-top),\n      var(--padding-end),\n      var(--padding-bottom),\n      var(--padding-start)\n    );\n\n    display: var(--display, block);\n    white-space: nowrap;\n    color: var(--color) !important;\n    background-color: var(--bg-color);\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    @include padding(null, var(--padding-end), null, null);\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    @include padding(null, null, null, var(--padding-start));\n  }\n\n  .link {\n    &::slotted(nano-icon[slot='icon-start']),\n    ::slotted(nano-icon[slot='icon-start']) {\n      @include padding(null, 0, null, var(--padding-start));\n    }\n\n    &::slotted(nano-icon[slot='icon-end']),\n    ::slotted(nano-icon[slot='icon-end']) {\n      @include padding(null, var(--padding-end), null, 0);\n    }\n  }\n\n  .link,\n  button,\n  a {\n    border-bottom: var(--border-bottom);\n    display: flex;\n    align-items: center;\n  }\n\n  .secondary-menu {\n    display: none;\n  }\n\n  ::slotted(a:hover),\n  ::slotted(button:hover),\n  .link:hover,\n  button:hover,\n  a:hover {\n    text-decoration: inherit !important;\n  }\n\n  button:focus,\n  a:focus {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: var(--focus-outline, none);\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: none;\n  }\n}\n\n.nav-item {\n  &.selected {\n    .link,\n    button,\n    a {\n      color: var(--color-selected, var(--color-open, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-selected,\n          var(--bg-color-open, var(--bg-color))\n        );\n    }\n  }\n\n  &.secondary-open {\n    button,\n    a {\n      color: var(--color-open, var(--color-selected, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-open,\n          var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color)))\n        );\n    }\n  }\n\n  &.disabled {\n    opacity: 0.6;\n\n    button,\n    a {\n      color: var(--color-disabled, var(--color)) !important;\n    }\n  }\n\n  &:not(.nano-menu) {\n    ::slotted(a:hover),\n    ::slotted(button:hover),\n    .link:hover,\n    button:hover,\n    a:hover {\n      color: var(--color-hover, var(--color-hover, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-hover,\n          var(--bg-color-focus, var(--bg-color))\n        );\n    }\n  }\n}\n\n:host(.has-focus) {\n  .link {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: var(--focus-outline, 5px auto -webkit-focus-ring-color);\n  }\n}\n\n:host(.nano-global-nav-menu),\n:host(.nano-menu) {\n  a,\n  a:visited,\n  button,\n  .link {\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: 'currentColor';\n    text-decoration: inherit;\n    white-space: normal;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    @include padding(null, var(--padding-end), null, 0);\n\n    flex: 1;\n  }\n\n  ::slotted(a),\n  ::slotted(button) {\n    flex: 1;\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    box-shadow: none;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    color: var(--secondary-color, 'currentColor');\n    min-height: 100%;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity 0.2s ease, transform 0.3s ease;\n    background-color: var(--secondary-bg-color, white);\n    transform: translateX(100%);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      opacity: 1;\n      transform: translateX(0);\n      transition: opacity 0.3s ease, transform 0.2s ease;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu) {\n  ::slotted(nano-icon[slot='icon-start']) {\n    @include padding(0, var(--padding-end), 0, 0);\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    @include padding(0, var(--padding-end), 0, 0);\n\n    font-size: 10px;\n    flex: 0 0 10px;\n    pointer-events: none;\n  }\n\n  button,\n  a {\n    ::slotted(nano-icon[slot='icon-end']) {\n      padding: 0;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu[dir='rtl']),\n:host(.nano-menu[dir='rtl']) {\n  .secondary-menu {\n    left: auto;\n    right: 0;\n    transform: translateX(-100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n}\n\n:host(.nano-menu) {\n  .secondary-menu-content {\n    @include padding(\n      var(--secondary-padding-top),\n      var(--secondary-padding-end),\n      var(--secondary-padding-bottom),\n      var(--secondary-padding-start)\n    );\n  }\n}\n\n// I'm sorry. Horrible IE fixes for collapsing stuff :/\n:host(.nano-global-nav-bar.legacy) {\n  margin: 0 11px;\n\n  ::slotted(a) {\n    @include padding(7px, 6px, 7px, 6px);\n  }\n}\n\n:host(.nano-global-nav-menu.legacy) {\n  ::slotted(a) {\n    @include padding(8px, 12px, 8px, 12px);\n  }\n}\n\n:host(.nano-global-nav-bar) {\n  .link,\n  a,\n  button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-stretch: expanded;\n  }\n\n  .text {\n    flex: 1 0 auto;\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    @include margin(0, 0, 0, var(--padding-end));\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    @include margin(0, var(--padding-start), 0, 0);\n  }\n}\n\n:host(.nano-global-nav-bar.has-secondary) {\n  button {\n    position: relative;\n    font-stretch: expanded;\n\n    &::before {\n      content: '';\n      background: rgb(134, 190, 226);\n      height: 3px;\n      left: 0;\n      bottom: -14px;\n      right: 5px;\n      position: absolute;\n      transform: translateZ(0) scaleX(0);\n      transform-origin: 0;\n      transition: 0.2s ease transform;\n    }\n  }\n\n  .selected button::before,\n  .secondary-open button::before {\n    transform: translateZ(0) scaleX(1);\n  }\n\n  .secondary-open button::before {\n    opacity: 0.5;\n  }\n\n  .secondary-menu {\n    display: none;\n    transition: transform 0.3s ease;\n    transform: translateY(-100%) translateZ(0);\n    background-color: var(--secondary-bg-color, #196c82);\n    color: var(--secondary-color);\n    position: absolute;\n    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);\n    left: 0;\n    right: 0;\n    z-index: -2;\n    outline: none;\n\n    &.open {\n      transform: translateY(12px) translateZ(0);\n    }\n  }\n}\n\n:host(.nano-menu-drawer) {\n  .link,\n  a,\n  button {\n    @include padding(\n      calc(var(--padding-top) / 2),\n      0,\n      calc(var(--padding-bottom) / 2),\n      var(--padding-start)\n    );\n\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: currentColor;\n    text-decoration: inherit;\n    white-space: normal;\n    border: none;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    @include padding(null, var(--padding-end), null, 0);\n\n    text-align: left;\n    flex: 0 1 auto;\n    min-width: 130px;\n    width: 130px;\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    @include padding(0, var(--padding-end), 0, 0);\n\n    font-size: var(--icon-size);\n    width: var(--icon-size);\n    flex: 0 0 var(--icon-size);\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    @include padding(0, var(--padding-end), 0, 0);\n\n    font-size: 10px;\n    flex: 0 0 20px;\n    min-width: 20px;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    background-color: var(--secondary-bg-color);\n    color: var(--secondary-color);\n    height: 100vh;\n    top: 0;\n    right: 0;\n    left: auto;\n    bottom: 0;\n    transform: translateX(0);\n    z-index: -1;\n    transition: transform 0.3s ease, opacity 0.2s ease;\n    overflow-y: auto;\n    width: var(--secondary-width, 400px);\n    max-width: 62vw;\n    opacity: 1;\n\n    @include padding(\n      var(--secondary-padding-top, var(--padding-top)),\n      var(--secondary-padding-end, var(--padding-end)),\n      var(--secondary-padding-bottom, var(--padding-bottom)),\n      var(--secondary-padding-start, var(--padding-start))\n    );\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      transform: translateX(100%);\n      // opacity: 1;\n    }\n  }\n\n  .notification {\n    position: relative;\n\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      width: 6px;\n      height: 6px;\n      background-color: #ef4135;\n      inset-inline-start: 10px;\n      top: 7px;\n      border-radius: 50%;\n\n      @media (min-width: 52em) {\n        width: 7px;\n        height: 7px;\n        inset-inline-start: 8px;\n        top: 5px;\n      }\n    }\n  }\n}\n\n:host(.nano-menu-drawer.legacy) {\n  .link,\n  a,\n  button {\n    width: auto;\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    @include padding(0, calc(var(--padding-end) * 2), 0, 0);\n\n    font-size: 10px;\n    flex: 0 0 20px;\n    min-width: 20px;\n  }\n}\n\n:host(.nano-menu-drawer[dir='rtl']) {\n  .text {\n    text-align: right;\n  }\n\n  .secondary-menu {\n    right: auto;\n    left: 0;\n    transform: translateX(0%);\n\n    &.open {\n      transform: translateX(-100%);\n      opacity: 1;\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Host,\n  Element,\n  Prop,\n  Watch,\n  EventEmitter,\n  Event,\n  State,\n  Method,\n  ComponentInterface,\n} from '@stencil/core';\nimport { displayTransition, getDirectChildren, getSiblings } from '../../utils';\nimport { NavItemEventDetail } from '../../interface';\n\n/**\n * Nav items to be used with the various nav items.\n * [Globla-Nav](/story/compounds-global-nav)\n * [Menu-Drawer](/story/components-menu-drawer)\n * [Dropdown](/story/components-dropdown)\n */\n@Component({\n  tag: 'nano-nav-item',\n  styleUrl: 'nav-item.scss',\n  shadow: true,\n})\nexport class NavItem implements ComponentInterface {\n  private hasSecondarySlot: boolean = false;\n  private hasAnchorEle: boolean = false;\n  private secondaryDiv: HTMLDivElement;\n  private btn: HTMLButtonElement | HTMLAnchorElement;\n  private didBlur: boolean = false;\n  private fromHover: boolean;\n  private animating: boolean = false;\n  private waitHide: number;\n  private waitShow: number;\n  private globalNavEle?: HTMLNanoGlobalNavElement;\n\n  @State() didOpen: boolean = false;\n  @State() isInGlobalNav: boolean = false;\n  @State() isInMenuDrawer: boolean = false;\n  @State() isInMenu: boolean = false;\n  @State() isLegacy: boolean = !document.head.attachShadow;\n  @State() hasFocus: boolean = false;\n  @Element() private el: HTMLNanoNavItemElement;\n\n  /**\n   * Href to link to\n   */\n  @Prop({ mutable: true }) href: string = null;\n\n  /**\n   * Target to use for links\n   */\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n  /**\n   * Disable the nav item\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether a secondary menu should be or is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Whether this menu item is currently 'selected'\n   */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  /**\n   * Screen pixel width to activate the secondary menu\n   */\n  @Prop() secondaryActiveWidth: number = 0;\n\n  /**\n   * Secondary fallback function for when the secondary menu is no longer active.\n   */\n  @Prop() secondaryFallback = () => {};\n\n  /**\n   * Whether secondary menus should close on blur\n   */\n  @Prop() closeOnBlur: boolean = true;\n\n  /**\n   * Will show an indicator badge - only when placed in a nano-menu-draw\n   */\n  @Prop() notification: boolean = false;\n\n  /**\n   * Emitted when the nav item closes it's secondary navigation.\n   */\n  @Event() nanoClose!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item opens it's secondary navigation.\n   */\n  @Event() nanoOpen!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to open it's secondary navigation.\n   */\n  @Event() nanoOpening!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to close it's secondary navigation.\n   */\n  @Event() nanoClosing!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the nav item has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Sets focus on the first button or anchor present. Use this method instead of the global\n   * `element.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (!this.btn) return;\n    this.btn.focus();\n  }\n\n  /**\n   * Public open watcher\n   */\n  @Watch('open')\n  openChange() {\n    this.open ? this.openSecondary() : this.closeSecondary();\n  }\n\n  /**\n   * Internal open watcher\n   */\n  @Watch('didOpen')\n  didOpenChange() {\n    if (!this.hasSecondarySlot) return;\n\n    if (!this.didOpen) {\n      /* the secondadry panel is not closing via hover,\n      remove blur events, add focus back to originating button */\n      if (!this.fromHover) {\n        this.btn.removeEventListener('focusout', this.blur);\n        this.secondaryDiv.removeEventListener('focusout', this.blur);\n      }\n      setTimeout(() => {\n        if (!this.fromHover && !this.didBlur)\n          this.btn.focus({ preventScroll: true });\n        this.nanoClose.emit({ secondaryMenu: this.secondaryDiv });\n      }, 50);\n    } else {\n      this.didBlur = false;\n\n      /* the secondadry panel is not opening via hover,\n      scroll content into view, focus on it and add blur events */\n      if (!this.fromHover) {\n        const panelio = new (window as any).IntersectionObserver(\n          (data: IntersectionObserverEntry[]) => {\n            if (data[0].boundingClientRect.top < 0) {\n              this.secondaryDiv.scrollIntoView({\n                behavior: 'smooth',\n              });\n            }\n            panelio.disconnect();\n          },\n          { threshold: 1 }\n        );\n        panelio.observe(this.secondaryDiv);\n        this.secondaryDiv.focus({ preventScroll: true });\n\n        this.btn.addEventListener('focusout', this.blur);\n        this.secondaryDiv.addEventListener('focusout', this.blur);\n        window.addEventListener('blur', this.blur);\n\n        this.el.tabIndex = -1;\n        this.nanoOpen.emit({ secondaryMenu: this.secondaryDiv });\n      }\n    }\n  }\n\n  private closeSecondary = async () => {\n    this.open = false;\n    if (!this.hasSecondarySlot || !this.didOpen) return;\n\n    this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });\n    let status = await displayTransition(this.secondaryDiv, 'open', false);\n    this.didOpen = status !== 'hidden';\n  };\n\n  private openSecondary = async () => {\n    if (window.innerWidth < this.secondaryActiveWidth) {\n      this.secondaryFallback.call(this);\n      return;\n    }\n    this.open = true;\n    if (!this.hasSecondarySlot || this.didOpen) return;\n\n    this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });\n    let status = await displayTransition(this.secondaryDiv, 'open', true);\n    this.didOpen = status === 'shown';\n  };\n\n  private toggleSecondary = () => {\n    if (!this.hasSecondarySlot) return;\n    if (this.didOpen) this.closeSecondary();\n    else this.openSecondary();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    // opens secondary panel when activated via hover\n    if (this.href && !this.animating && this.hasSecondarySlot)\n      this.openSecondary();\n    this.nanoFocus.emit();\n  };\n\n  private handleHostBlur = () => {\n    if (this.animating) return;\n\n    // tab index is added to host when secondary panel opens\n    // to return focus after secondary panel closes. Remove now if it was added\n    this.el.removeAttribute('tabindex');\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  // direct host clicks to internal button\n  private handleHostClick = (ev: MouseEvent) => {\n    if (!this.hasAnchorEle) return;\n    let foundlink = (ev.target as HTMLElement).closest('a, button');\n    if (!foundlink) this.btn.click();\n  };\n\n  // handles secondary menu hover behaviour.\n  private handleMouseEnter = async () => {\n    if (\n      !this.href ||\n      this.animating ||\n      !this.hasSecondarySlot ||\n      (this.globalNavEle && !this.globalNavEle.classList.contains('ready'))\n    )\n      return;\n\n    // if there are sibling secondary panels currently open,\n    // we need to wait before opening otherwise we get unwanted overlapping\n    let timeToWait = 0;\n    if (getSiblings(this.el, '.secondary-open.has-secondary').length)\n      timeToWait = 300;\n\n    clearTimeout(this.waitHide);\n    this.fromHover = true;\n    this.animating = true;\n    this.waitShow = window.setTimeout(\n      async () => await this.openSecondary(),\n      timeToWait\n    );\n    this.animating = false;\n  };\n\n  // handles secondary menu hover-out behaviour.\n  private handleMouseLeave = () => {\n    if (!this.href) return;\n    clearTimeout(this.waitShow);\n    this.fromHover = true;\n    this.animating = true;\n\n    // prevent closing immediately - makes navigating to items within more forgiving\n    this.waitHide = window.setTimeout(\n      async () => await this.closeSecondary(),\n      300\n    );\n    this.animating = false;\n  };\n\n  private handleClick = () => {\n    this.fromHover = false;\n    if (this.hasSecondarySlot) this.toggleSecondary();\n    else this.el.querySelector<HTMLElement>('*')?.click();\n  };\n\n  // utility to traverse up, to see if element is nested within current nav-item\n  private foundThisNavEle(el: HTMLElement): boolean {\n    let found = el.closest('nano-nav-item');\n    found = found === el ? el.parentElement.closest('nano-nav-item') : found;\n\n    if (!found) return false;\n    if (found === this.el) return true;\n    return this.foundThisNavEle(found);\n  }\n\n  private blur = (ev: FocusEvent) => {\n    if (!this.didOpen || this.animating) return;\n    if (!this.closeOnBlur) return;\n\n    // if event is associated with this element don't close\n    if (ev && ev.relatedTarget) {\n      if (\n        ev.relatedTarget === this.el ||\n        ev.relatedTarget === this.btn ||\n        this.foundThisNavEle(ev.relatedTarget as HTMLElement)\n      ) {\n        this.secondaryDiv.focus({ preventScroll: true });\n        return;\n      }\n    }\n\n    this.btn.removeEventListener('focusout', this.blur);\n    this.secondaryDiv.removeEventListener('focusout', this.blur);\n    window.removeEventListener('blur', this.blur);\n\n    this.didBlur = true;\n\n    this.open = false;\n    if (!ev.relatedTarget)\n      setTimeout(() => {\n        this.el.focus({ preventScroll: true });\n      }, 50);\n  };\n\n  componentWillLoad() {\n    let secondaryEle = this.el.querySelector('[slot=\"secondary\"]');\n    this.hasSecondarySlot = !!secondaryEle;\n\n    let link = getDirectChildren(this.el, 'a, button')[0] as\n      | HTMLAnchorElement\n      | HTMLButtonElement;\n    this.hasAnchorEle = !!link;\n\n    if (link) {\n      this.href = (link as HTMLAnchorElement).href\n        ? (link as HTMLAnchorElement).href\n        : null;\n      this.btn = link;\n      if (this.hasSecondarySlot)\n        this.btn.addEventListener('click', this.toggleSecondary);\n\n      this.btn.addEventListener('focus', this.handleFocus);\n      this.btn.addEventListener('blur', this.handleHostBlur);\n    }\n  }\n\n  connectedCallback() {\n    this.isInGlobalNav = false;\n    this.isInMenuDrawer = false;\n    this.globalNavEle = this.el.closest('nano-global-nav');\n\n    this.isInMenuDrawer = !!this.el.closest('nano-menu-drawer');\n    this.isInMenu = !!this.el.closest('nano-menu');\n    this.isInGlobalNav =\n      this.el.parentElement === this.globalNavEle ||\n      !!this.el.closest('.global-nav');\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'has-secondary': this.hasSecondarySlot,\n          'secondary-open': this.open,\n          selected: this.selected,\n          'has-focus': this.hasFocus,\n          disabled: this.disabled,\n          'nano-global-nav': this.isInGlobalNav,\n          'nano-menu-drawer': this.isInMenuDrawer,\n          'nano-menu': this.isInMenu,\n          legacy: this.isLegacy,\n        }}\n        onBlur={this.handleHostBlur}\n        dir={(this.el.ownerDocument as Document).dir === 'rtl' ? 'rtl' : null}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleHostClick}\n        role=\"menuitem\"\n      >\n        <div\n          class={{\n            'nav-item': true,\n            'secondary-open': this.open,\n            selected: this.selected,\n          }}\n        >\n          {this.href && !this.hasAnchorEle && !this.disabled && (\n            <a\n              target={this.target}\n              ref={(a) => (this.btn = a)}\n              href={this.href}\n              onFocus={this.handleFocus}\n              class={{\n                notification: this.notification,\n              }}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\">\n                <slot />\n              </span>\n              <slot name=\"icon-end\" />\n            </a>\n          )}\n          {((!this.hasAnchorEle && !this.href) || this.disabled) && (\n            <button\n              ref={(btn) => (this.btn = btn)}\n              onClick={this.handleClick}\n              onFocus={this.handleFocus}\n              disabled={this.disabled}\n              class={{\n                notification: this.notification,\n              }}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\">\n                <slot />\n              </span>\n              <slot name=\"icon-end\" />\n            </button>\n          )}\n          {this.hasAnchorEle && !this.disabled && (\n            <div class=\"link\">\n              <slot name=\"icon-start\" />\n              <slot />\n              <slot name=\"icon-end\" />\n            </div>\n          )}\n          {this.hasSecondarySlot && !this.disabled && (\n            <div\n              class=\"secondary-menu\"\n              ref={(div) => (this.secondaryDiv = div)}\n              tabindex=\"-1\"\n            >\n              <div class=\"secondary-menu-content\">\n                <slot name=\"secondary\" />\n              </div>\n              <div\n                class=\"secondary-menu-mask\"\n                onClick={this.closeSecondary}\n              ></div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/layers';\n@import '../form-control/form-control';\n@import '../form-control/form-control-vars';\n\n:host {\n  @include formControlVars;\n\n  position: relative;\n  width: 100%;\n  padding: 0 !important;\n  font-family: $font-family-base;\n  display: block;\n}\n\n:host(.nano-color) {\n  --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n  --multi-input-value-bg: var(--nano-color-tint-rgb);\n  --multi-input-value-border: var(--nano-color-shade);\n  --multi-input-value-text-color: var(--nano-color-contrast);\n\n  color: current-color(base);\n}\n\n:host-context(nano-item:not(.item-label)) {\n  --padding-start: 0;\n}\n\n:host([disabled]:not([disabled='false'])) {\n  * {\n    pointer-events: none !important;\n  }\n}\n\nselect {\n  display: none;\n}\n\n.select__native-input {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n  cursor: default;\n  line-height: 2.5em;\n  min-height: 2.5em;\n\n  .has-float-label & {\n    line-height: 2.1em;\n    min-height: 2.1em;\n    padding-top: 1.4em;\n  }\n\n  &::selection {\n    background: transparent;\n  }\n\n  &::-moz-selection {\n    background: transparent;\n  }\n\n  &::placeholder {\n    color: var(--placeholder-color);\n    font-family: inherit;\n    font-style: var(--placeholder-font-style);\n    font-weight: var(--placeholder-font-weight);\n    opacity: var(--placeholder-opacity);\n    line-height: inherit;\n    min-height: inherit;\n  }\n\n  &::-moz-placeholder {\n    line-height: 2.8em;\n    text-overflow: ellipsis;\n  }\n\n  &:-webkit-autofill {\n    background-color: transparent;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n  }\n\n  &.resizable {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  .form-ctrl__textarea & {\n    line-height: 1.5em;\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    white-space: pre-wrap;\n\n    &::placeholder {\n      line-height: 1.5em;\n    }\n  }\n\n  .has-float-label.textarea & {\n    padding-top: 1.8em;\n  }\n\n  :host(.masked) & {\n    opacity: 0;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n}\n\n.select__mask {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n\n  pointer-events: none;\n  line-height: 2.5em;\n  min-height: 2.5em;\n}\n\n// multi stuff\n\n.select__multi {\n  &-wrap {\n    @include padding(\n      0,\n      0,\n      calc(var(--padding-bottom) / 2),\n      0\n    );\n\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    overflow: hidden;\n\n    :host(.has-float-label) & {\n      padding-top: 1.3em;\n    }\n  }\n\n  &-input {\n    @include text-inherit();\n    @include padding(\n      calc(var(--padding-top) / 2),\n      var(--padding-end),\n      0,\n      var(--padding-start)\n    );\n\n    min-width: 50px;\n    width: 100%;\n    max-height: 100%;\n    appearance: none;\n    border: 0;\n    outline: none;\n    display: inline-block;\n    background: transparent;\n    flex: 0;\n    position: relative;\n    min-height: calc(2.5em - var(--padding-top));\n    box-sizing: border-box;\n\n    :host(.legacy) & {\n      box-sizing: content-box;\n    }\n\n    &:last-child {\n      flex: 1;\n    }\n  }\n\n  &-value {\n    margin-top: 5px;\n    margin-inline-start: var(--padding-start);\n    margin-inline-end: -3px;\n    background: rgba(var(--multi-input-value-bg), 0.8);\n    color: var(--multi-input-value-text-color);\n    border: 1px solid;\n    border-color: var(--multi-input-value-border);\n    padding: 0.2em 0.5em;\n    line-height: 1;\n    max-width: 100%;\n    display: flex;\n    align-items: center;\n    font-size: var(--input-font-size);\n    letter-spacing: 1px;\n\n    span {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      overflow: hidden;\n      line-height: 1.2;\n    }\n  }\n\n  &-value-remove {\n    @include margin(0);\n    @include background-position(center);\n    @include padding(0, 0, 0, 0.5em);\n\n    color: inherit;\n    border: 0;\n    outline: none;\n    background-color: transparent;\n    background-repeat: no-repeat;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    top: 0;\n    font-size: 1em;\n\n    nano-icon {\n      --color: var(--multi-input-value-text-color);\n    }\n  }\n}\n\n.form-ctrl__float-label {\n  width: calc(100% - (1em + (var(--padding-start) * 2)));\n\n  :host(.has-focus.has-multiple) & {\n    transform: translateY(-110%);\n    font-size: 0.8em;\n  }\n\n  :host(.has-value.has-multiple) & {\n    transform: translateY(38%);\n    top: 0;\n  }\n}\n\n:host(.has-focus) select,\n:host(.has-focus) a,\n:host(.has-focus) button {\n  pointer-events: auto;\n}\n","import {\n  Build,\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  VNode,\n  Listen,\n} from '@stencil/core';\n\nimport {\n  Color,\n  SelectChangeEventDetail,\n  InputChangeEventDetail,\n  ControlValidityEventDetail,\n  ControlValidity,\n} from '../../interface';\nimport {\n  debounceEvent,\n  createColorClasses,\n  closestElement,\n  raf,\n  getActiveElement,\n  debounce,\n} from '../../utils';\nimport type { Dropdown } from '../dropdown/dropdown';\nimport { FormControl, FormControlWrap } from '../form-control/form-control';\nimport { OptionInterface } from '../option/option-interface';\n\nlet selectIds = 0;\n\n/**\n * The select component is a wrapper to the HTML select element with custom styling and additional functionality.\n * It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).\n * It's multi selection functionality is vastly improved from the native solution. It allows for the control of\n * value order through drag and drop or changing the insertion point with arrow keys. It also can allow for user defined values.\n *\n * @slot start - suitable for inline action buttons or icons that may add extra contextual information\n * @slot end - suitable for inline action buttons or icons that may add extra contextual information\n * @slot value-start - similar to 'start', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot value-end - similar to 'end', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n * @slot helper-end - helper text to accompany the form field on the side.\n * @slot down-arrow - use this to replace the default down arrow\n * @slot - default slot; nest `nano-option` elements\n */\n@Component({\n  tag: 'nano-select',\n  styleUrl: 'select.scss',\n  scoped: true,\n})\nexport class Select implements ComponentInterface {\n  private nativeSelect?: HTMLSelectElement;\n  private valueItems: Array<HTMLSpanElement> = [];\n  private dragVal: string;\n  private mo?: MutationObserver;\n  private selectId = `nano-select-${selectIds++}`;\n  private rtl: boolean = false;\n  private onInit: boolean = true;\n\n  private get inputCtrl() {\n    return this._inputCtrl;\n  }\n  private set inputCtrl(input) {\n    if (input === this._inputCtrl) return;\n    this._inputCtrl = input;\n    this.setDataListOpts();\n  }\n  private _inputCtrl?: HTMLInputElement;\n\n  // we don't want these rendered eles decorated with @State\n  // because that will cause re-renders. Use get/set to set datalist options\n  private _selectWrap: HTMLElement;\n  private get selectWrap() {\n    return this._selectWrap;\n  }\n  private set selectWrap(ele: HTMLElement) {\n    if (this._selectWrap === ele) return;\n    this._selectWrap = ele;\n    this.setDataListOpts();\n  }\n\n  private _datalist: HTMLNanoDatalistElement;\n  private get datalist() {\n    return this._datalist;\n  }\n  private set datalist(ele: HTMLNanoDatalistElement) {\n    if (this._datalist === ele) return;\n    this._datalist = ele;\n    this.setDataListOpts();\n  }\n\n  constructor() {\n    this.showInlineValidation = debounce(this.showInlineValidation, 50);\n  }\n\n  @State() currInsertIndex: number = -1;\n  @State() showErrorMsg = false;\n  @State() errorMessage: string = '';\n  @State() hasFocus = false;\n  @State() hasLabelSlot: boolean = false;\n  @State() hasHelperSlot: boolean = false;\n  @State() hasHelperEndSlot = false;\n  @State() inputSearchVal: string = '';\n\n  @Element() el!: HTMLNanoSelectElement;\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set.\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n  @State() _invalid = false;\n\n  /**\n   * Current validation message - if any. @readonly\n   */\n  @Prop()\n  get validityMessage() {\n    if (!this.nativeSelect) return '';\n    return this.nativeSelect.validationMessage;\n  }\n\n  /**\n   * The color to use from your application's color palette.\n   * Default options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have select focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submitThenDirty';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * String to place within a label element. Alternatively use the 'label' slot\n   */\n  @Prop() label!: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n   */\n  @Prop() multiple?: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId + '-name';\n\n  /**\n   * Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.\n   */\n  @Prop() placeholder?: string | null;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop({ reflect: true }) readonly = false;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * The initial size of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * Maximum number of options that can be selected when multiple is true\n   */\n  @Prop() max?: number;\n\n  /**\n   * Minimum number of options that can be selected when multiple is true\n   */\n  @Prop() min?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * in multiple mode, allow users to enter their own values\n   */\n  @Prop() allowCustomValues: boolean = false;\n\n  /**\n   * The value of the select.\n   */\n  @Prop()\n  get value() {\n    return this._value;\n  }\n  set value(val: string | string[]) {\n    if (typeof val === 'string') {\n      if (this.multiple) this._value = val.split(',');\n      else this._value = val;\n    } else if (Array.isArray(val)) {\n      if (this.multiple) this._value = val;\n      else this._value = val[0];\n    }\n  }\n  private _value: Array<string> | string = this.multiple ? [] : '';\n\n  /**\n   * You can set options via js as an array of strings: `domElement.options = ['option 1', 'option 2']` or\n   * objects `domElement.options = [{label: 'option 1', value: 'opt-1'}]`. See `nano-option` docs for all available properties.\n   * Alternatively, you can nest `<nano-option>` elements within a `<nano-select>`\n   * Regardless - reading `options` will return the current component options - slotted or otherwise\n   */\n  @Prop()\n  get options(): Array<OptionInterface | string> {\n    if (this._options.length) return this._options;\n\n    if (!this.datalist || !this.datalist.activeOptions) return [];\n\n    return this._eOptions.map((ao) => {\n      const { value, selected, label, filterMeta } = ao;\n      return { value, selected, label, filterMeta };\n    });\n  }\n  set options(opts: Array<OptionInterface | string>) {\n    this._options = opts.map((opt) => {\n      if (typeof opt === 'string') return { value: opt, label: opt };\n      else return opt;\n    });\n  }\n  private _options: OptionInterface[] = [];\n  @State() _eOptions: OptionInterface[] = [];\n\n  /**\n   * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.\n   */\n  @Prop() clearSelect = false;\n\n  /**\n   * Hide the native select element and cover with a value 'mask'.\n   * Enables a fluid nano-select width upon value change (if required). Doesn't work with multiple=\"true\".\n   */\n  @Prop() mask = false;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `nanoSearchChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.nanoSearchChange = debounceEvent(this.nanoSearchChange, this.debounce);\n  }\n\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('min')\n  @Watch('max')\n  @Watch('readonly')\n  protected shouldValidate() {\n    if (this.onInit) return;\n    if (this.invalid) this.showErrorMsg = this._invalid = false;\n\n    this.customValidate();\n    if (this.validateOn !== 'dirty') return;\n    this.showInlineValidation();\n  }\n\n  /**\n   * Update the native select element when the value changes\n   */\n  // eslint-disable-next-line @stencil/no-unused-watch\n  @Watch('value')\n  valueChanged() {\n    if (this.onInit) {\n      if (this.multiple) this.currInsertIndex = this.value.length - 1;\n      return;\n    }\n    requestAnimationFrame(() => {\n      this.shouldValidate();\n      this.nanoChange.emit({ value: this.value });\n    });\n  }\n\n  /** nano-dropdown config options you can pass to the nested dropdown component */\n  @Prop({ mutable: true }) dropDownConfig?: Partial<Dropdown> = {};\n\n  @Watch('dropDownConfig')\n  setDataListOpts() {\n    if (!this.datalist || !this.selectWrap) return;\n\n    this.datalist.input = this.inputCtrl;\n\n    const currDWConfig = this.datalist.dropDownConfig || {};\n    this.datalist.dropDownConfig = {\n      ...currDWConfig,\n      ...this.dropDownConfig,\n      tetherTo: this.selectWrap,\n    };\n  }\n\n  // Custom Events\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() nanoChange!: EventEmitter<SelectChangeEventDetail>;\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been created.\n   * @internal\n   */\n  @Event() nanoDidLoad!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been removed.\n   * @internal\n   */\n  @Event() nanoDidUnload!: EventEmitter<void>;\n\n  /**\n   * Emitted when a keyboard input occurred on a multiple=\"true\" input\n   */\n  @Event() nanoSearchChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // Public Methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    return new Promise((resolve) => {\n      if (validateFirst) {\n        this.customValidate();\n        this.showInlineValidation();\n      }\n      setTimeout(() => {\n        resolve({\n          isValid: !this._invalid,\n          errorMessage: this.nativeSelect.validationMessage,\n        });\n      }, 50);\n    });\n  }\n\n  /**\n   * Sets focus on the specified `nano-select`. Use this method instead of the global\n   * `select.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (!this.inputCtrl) return;\n    this.inputCtrl.focus();\n    setTimeout(() => this.inputCtrl.click(), 50);\n  }\n\n  /**\n   * Returns the native `<select>` element used under the hood.\n   */\n  @Method()\n  getSelectElement(): Promise<HTMLSelectElement> {\n    return Promise.resolve(this.nativeSelect!);\n  }\n\n  /**\n   * Invalidate the field and show a custom error message.\n   * To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (this.nativeSelect) {\n      this.nativeSelect.setCustomValidity(message);\n      this.showInlineValidation();\n    }\n  }\n\n  /* Logic */\n\n  private get valArray() {\n    return typeof this.value === 'string'\n      ? this.value.length\n        ? [this.value]\n        : []\n      : this.value;\n  }\n\n  private isValidValues() {\n    return this.valArray.find((val) =>\n      (this.options as OptionInterface[]).find((opt) => opt.value === val)\n    );\n  }\n\n  private customValidate = () => {\n    this.nativeSelect.setCustomValidity('');\n\n    // add custom validations 'cos html5 validations are a bit rubbish on selects\n    if (this.required && !this.valArray.length) {\n      this.nativeSelect.setCustomValidity('Please fill in this field.');\n      return true;\n    }\n    if (\n      this.valArray.length &&\n      !this.allowCustomValues &&\n      !this.isValidValues()\n    ) {\n      this.nativeSelect.setCustomValidity(\n        'Please choose an item from this field.'\n      );\n      return true;\n    }\n    if (this.max && this.valArray.length > this.max) {\n      this.nativeSelect.setCustomValidity(\n        `Only up to ${this.max} values are allowed.`\n      );\n      return true;\n    }\n    if (this.min && this.valArray.length < this.min) {\n      this.nativeSelect.setCustomValidity(\n        `You must select a minimum of ${this.min} values.`\n      );\n      return true;\n    }\n    return false;\n  };\n\n  private showInlineValidation = (ev?: Event) => {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    this._invalid = false;\n    this.showErrorMsg = false;\n    this.errorMessage = '';\n\n    if (!this.nativeSelect.validity.valid) {\n      this.errorMessage = this.nativeSelect.validationMessage;\n      this._invalid = true;\n      this.showErrorMsg = true;\n    }\n    this.nanoValidate.emit({\n      isValid: !this.invalid,\n      errorMessage: this.errorMessage,\n      originalEvent: ev,\n    });\n  };\n\n  private handleInvalid = (ev: Event) => {\n    this._invalid = true;\n\n    if (this.validateOn === 'submit') {\n      this._invalid = this.showErrorMsg = this.customValidate();\n    }\n    if (this.showInlineError) ev.preventDefault();\n\n    requestAnimationFrame(() => this.showInlineValidation(ev));\n  };\n\n  private setValue = (e: CustomEvent<HTMLNanoOptionElement>) => {\n    e.preventDefault();\n\n    if (!this.multiple) {\n      this.value = e.detail.value;\n      this.selectWrap.clientWidth; // force reflow\n      this.inputCtrl.focus();\n      return;\n    }\n    if (this.value && this.value.length && this.value.includes(e.detail.value))\n      return;\n    if (this.max && this.value.length === this.max) return;\n\n    this.currInsertIndex++;\n    this.value = [\n      ...this.value.slice(0, this.currInsertIndex),\n      e.detail.value,\n      ...this.value.slice(this.currInsertIndex),\n    ];\n    this.inputSearchVal = '';\n    // this.selectWrap.clientWidth; // force reflow\n  };\n\n  private removeValue = (toFind?: string) => {\n    if (!this.multiple || !this.value.length) return;\n\n    if (!toFind) toFind = this.value[this.value.length - 1];\n    this.value = (this.value as Array<string>).filter((val) => val !== toFind);\n\n    this.currInsertIndex--;\n    // this.selectWrap.clientWidth; // force reflow\n    this.setFocus();\n  };\n\n  private slotChangeObserver() {\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private processSlottedContent() {\n    // see if we have label / helper content\n    this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]').length;\n    this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n    this.hasHelperEndSlot = !!this.el.querySelector('[slot=\"helper-end\"]');\n\n    // breaking change introduced in v2. Rm in v3\n    if (\n      !!this.el.querySelector('select:not([class*=\"sc-nano-select\"]) option')\n    ) {\n      console.warn(\n        'nesting `<option>` elements was removed in v2. Please update your code to use `<nano-option>` elements instead.',\n        this.el\n      );\n    }\n\n    // breaking change introduced in v2. Rm in v3\n    if (!!this.el.querySelector('[slot=\"legacy\"]')) {\n      console.warn(\n        'The `legacy` slot has been removed. Please update your code',\n        this.el\n      );\n    }\n  }\n\n  private getLabel(toFind: string) {\n    let label = (this.options as OptionInterface[]).find((opt) => {\n      return !opt.disabled && opt.value?.length && opt.value === toFind;\n    });\n    return label && label.label ? label.label : toFind;\n  }\n\n  /* Event handling */\n\n  @Listen('reset', { target: 'body' })\n  onReset(e) {\n    const form = this.form\n      ? document.querySelector('#' + this.form)\n      : this.el.closest('form');\n    if (!form || e.target !== this.el.closest('form')) return;\n\n    this.clearSelectValue();\n  }\n\n  @Listen('mousedown', { target: 'body' })\n  @Listen('keydown')\n  handleBlur(e: KeyboardEvent | MouseEvent) {\n    if (!this.hasFocus) return;\n\n    const kev = e as KeyboardEvent;\n    let target: Element;\n\n    raf(() => {\n      if (kev.key) {\n        if (kev.key !== 'Tab') return;\n        target = getActiveElement();\n      } else target = e.target as Element;\n\n      if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n        this.onBlur();\n      }\n    });\n  }\n\n  private setOptions = () => {\n    if (\n      !this.datalist ||\n      !this.datalist.activeOptions ||\n      !this.datalist.activeOptions.length\n    )\n      return;\n\n    this._eOptions = this.datalist.activeOptions.map((ao) => {\n      const { value, selected, label, filterMeta } = ao;\n      return { value, selected, label, filterMeta };\n    });\n  };\n\n  private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n    if (!this.multiple || !this.hasFocus) return;\n\n    if (!this.inputSearchVal) {\n      let rm: HTMLSpanElement;\n\n      switch (ev.key) {\n        case 'Backspace':\n          if (this.inputCtrl.previousElementSibling)\n            rm = this.inputCtrl.previousElementSibling as HTMLSpanElement;\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'Delete':\n          if (this.inputCtrl.nextElementSibling)\n            rm = this.inputCtrl.nextElementSibling as HTMLSpanElement;\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'ArrowLeft':\n        case 'ArrowRight':\n          if (!this.value.length) break;\n\n          if (ev.key === 'ArrowLeft' && this.inputCtrl.previousSibling)\n            this.currInsertIndex--;\n          if (ev.key === 'ArrowRight' && this.inputCtrl.nextSibling)\n            this.currInsertIndex++;\n\n          setTimeout(() => {\n            this.inputCtrl.focus();\n          }, 20);\n          ev.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n\n    requestAnimationFrame(() => {\n      if (this.validateOn === 'dirty' && !this.hasFocus)\n        this.showInlineValidation();\n    });\n    this.nanoBlur.emit();\n\n    if (!this.allowCustomValues && this.multiple) {\n      this.inputSearchVal = '';\n      const event = new window.Event('change');\n      this.inputCtrl.dispatchEvent(event);\n    }\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private clearSelectValue = (ev?: Event) => {\n    if (this.clearSelect && !this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n\n    if (this.multiple) {\n      this.value = [];\n      this.currInsertIndex = -1;\n    } else this.value = '';\n\n    this.inputCtrl.value = '';\n    const event = new window.Event('change');\n    this.inputCtrl.dispatchEvent(event);\n  };\n\n  private onClick = () => {\n    this.setFocus();\n  };\n\n  /* Multi event handlers */\n\n  private onDragStart = (ev: MouseEvent) => {\n    let ele = ev.target as HTMLSpanElement;\n    this.dragVal = ele.dataset.value;\n  };\n\n  private onDragEnd = (ev) => {\n    this.dragVal = null;\n    ev.preventDefault();\n  };\n\n  private onDragLeave = (ev: MouseEvent) => {\n    let ele = ev.target as HTMLSpanElement;\n    let spanVal: string =\n      ele.dataset && ele.dataset.value ? ele.dataset.value : null;\n\n    if (\n      !spanVal ||\n      this.dragVal === spanVal ||\n      !this.value.includes(this.dragVal)\n    ) {\n      ev.preventDefault();\n      return;\n    }\n\n    let to = this.value.indexOf(spanVal);\n    let from = this.value.indexOf(this.dragVal);\n    let tmpArr = this.value as Array<string>;\n    let tmpVal = tmpArr[to];\n\n    tmpArr[to] = tmpArr[from];\n    tmpArr[from] = tmpVal;\n    this.value = [...tmpArr];\n  };\n\n  private onMultiInput = (ev) => {\n    this.inputSearchVal = ev.target.value.trim();\n    this.nanoSearchChange.emit({ value: ev.target.value.trim() });\n  };\n\n  /* Stencil Component lifecycle hooks */\n\n  connectedCallback() {\n    this.debounceChanged();\n\n    if (!Build.isBrowser) return;\n\n    this.el.dispatchEvent(\n      new CustomEvent('nanoDidLoad', {\n        detail: this.el,\n      })\n    );\n  }\n\n  disconnectedCallback() {\n    document.dispatchEvent(\n      new CustomEvent('nanoDidUnload', {\n        detail: this.el,\n      })\n    );\n\n    if (!Build.isBrowser) return;\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n    this.customValidate();\n    this.setDataListOpts();\n    raf(() => (this.onInit = false));\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  render() {\n    const labelId = this.selectId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot\n        ? this.selectId + '-moreId'\n        : '';\n    const helperEndId = this.hasHelperEndSlot ? this.selectId + '-helper' : '';\n\n    this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n    this.valueItems = [];\n\n    const compWrapOptions = (({\n      el,\n      floatLabel,\n      label,\n      errorMessage,\n      showInlineError,\n      hasHelperSlot,\n      hasHelperEndSlot,\n      hasLabelSlot,\n      hideLabel,\n      placeholder,\n      rtl,\n    }) => ({\n      el,\n      floatLabel,\n      label,\n      errorMessage,\n      showInlineError,\n      hasHelperSlot,\n      hasHelperEndSlot,\n      hasLabelSlot,\n      hideLabel,\n      placeholder,\n      rtl,\n    }))(this);\n    const wrapOptions = {\n      ...compWrapOptions,\n      labelId,\n      moreId,\n      helperEndId,\n      hasValue: !!this.value.length || !!this.inputSearchVal.length,\n      controlId: this.selectId,\n    };\n\n    const controlOptions = (({ readonly, disabled }) => ({\n      readonly,\n      disabled,\n      clearControl: this.clearSelect,\n    }))(this);\n\n    return (\n      <Host\n        type={this.multiple ? 'select-multiple' : 'select-one'}\n        aria-disabled={this.disabled ? 'true' : null}\n        class={{\n          ...createColorClasses(this.color),\n          'has-value': !!this.value.length || !!this.inputSearchVal.length,\n          'has-focus': this.hasFocus,\n          'is-invalid': this.invalid,\n          'has-label': this.label !== null && !this.floatLabel,\n          'has-float-label': this.label !== null && this.floatLabel,\n          rtl: this.rtl,\n          'has-multiple': this.multiple,\n          'has-clr-btn': this.clearSelect,\n          masked: this.mask,\n        }}\n      >\n        <FormControlWrap {...wrapOptions}>\n          <FormControl\n            {...controlOptions}\n            onClearText={this.clearSelectValue}\n            control={this.el}\n            ref={(el) => (this.selectWrap = el)}\n            endValueSlot={\n              <slot name=\"down-arrow\">\n                <nano-icon slot=\"value-end\" name=\"light/chevron-down\" />\n              </slot>\n            }\n          >\n            {this.multiple && (\n              <div class=\"select__multi-wrap select\">\n                {this.multipleValues(labelId, moreId, helperEndId)}\n              </div>\n            )}\n            {!this.multiple && [\n              this.mask && (\n                <div class=\"select__mask\">\n                  {this.getLabel(this.value as string)}\n                </div>\n              ),\n              <input\n                id={this.selectId}\n                class=\"select__native-input\"\n                ref={(input) => (this.inputCtrl = input)}\n                aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n                disabled={this.disabled}\n                form={this.form}\n                placeholder={this.placeholder}\n                readOnly={true}\n                required={this.required}\n                value={this.getLabel(this.value as string)}\n                onFocus={this.onFocus}\n              />,\n            ]}\n          </FormControl>\n        </FormControlWrap>\n        {!this.readonly && !this.disabled && (\n          <nano-datalist\n            onNanoOptionsUpdated={this.setOptions}\n            ref={(el) => (this.datalist = el)}\n            selected={this.valArray}\n            type={this.multiple ? 'selctMulti' : 'select'}\n            onNanoSelect={this.setValue}\n            onNanoDeselect={(e) => {\n              e.preventDefault();\n              this.removeValue(e.detail.value);\n            }}\n            options={this._options.length ? this._options : undefined}\n          >\n            {this.allowCustomValues && this.multiple && !!this.inputSearchVal && (\n              <nano-option\n                slot=\"list-top\"\n                value={this.inputSearchVal}\n                selected={false}\n                label={this.inputSearchVal}\n                onNanoSelect={() => this.inputCtrl.focus()}\n              >\n                <span slot=\"check-icon\"></span>\n                Add '{this.inputSearchVal}'\n              </nano-option>\n            )}\n            <slot />\n          </nano-datalist>\n        )}\n\n        <select\n          id={this.selectId + '-hidden'}\n          class=\"select__native-ctrl\"\n          ref={(select) => (this.nativeSelect = select)}\n          aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n          disabled={this.disabled}\n          form={this.form}\n          multiple={this.multiple}\n          name={this.name}\n          required={this.required}\n          onInvalid={this.handleInvalid}\n        >\n          {this.allowCustomValues &&\n            this.valArray.map((val) => {\n              return (\n                <option value={val} selected={true}>\n                  {val}\n                </option>\n              );\n            })}\n          {!this.allowCustomValues &&\n            this.options.map((opt: OptionInterface) => {\n              return (\n                <option\n                  value={opt.value}\n                  selected={this.valArray.includes(opt.value)}\n                  disabled={opt.disabled}\n                  label={opt.label}\n                >\n                  {this.valArray.includes(opt.value)}\n                </option>\n              );\n            })}\n        </select>\n      </Host>\n    );\n  }\n\n  private multipleValues(\n    labelId: string,\n    moreId: string,\n    helperEndId: string\n  ): VNode | (VNode | VNode[])[] {\n    let input: VNode = (\n      <input\n        class=\"select__multi-input\"\n        id={this.selectId}\n        ref={(input) => (this.inputCtrl = input)}\n        readOnly={this.readonly}\n        disabled={this.disabled}\n        autoFocus={this.autofocus}\n        autocomplete=\"off\"\n        onKeyDown={this.handleDocumentKeyDown}\n        onInput={this.onMultiInput}\n        value={this.inputSearchVal}\n        onTouchStart={this.onClick}\n        onMouseDown={this.onClick}\n        onFocus={this.onFocus}\n        placeholder={\n          this.placeholder && !this.value.length ? this.placeholder : ''\n        }\n        aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n      />\n    );\n    if (!this.value.length) return input;\n\n    return (this.value as Array<string>).map((val, i) => {\n      let toReturn: VNode | VNode[] = (\n        <span\n          onDragStart={this.onDragStart}\n          onDragLeave={this.onDragLeave}\n          onDragEnd={this.onDragEnd}\n          onDragOver={(e) => e.preventDefault()}\n          draggable\n          data-value={val}\n          ref={(span) => this.valueItems.push(span)}\n          class=\"select__multi-value\"\n        >\n          <span>{this.getLabel(val)}</span>\n          <button\n            class=\"select__multi-value-remove\"\n            type=\"button\"\n            tabindex=\"-1\"\n            onTouchEnd={() => {\n              this.removeValue(val);\n            }}\n            onMouseUp={() => {\n              this.removeValue(val);\n            }}\n          >\n            <nano-icon name=\"light/times\"></nano-icon>\n          </button>\n        </span>\n      );\n      if (i === 0 && this.currInsertIndex < 0)\n        toReturn = [input, toReturn as VNode];\n      else if (i === this.currInsertIndex)\n        toReturn = [toReturn as VNode, input];\n      return toReturn;\n    });\n  }\n}\n"]}

package/dist/nano-components/p-bc394857.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/file-upload/file-upload.scss?tag=nano-file-upload&encapsulation=scoped","src/components/file-upload/file-upload.tsx"],"names":["fileUploadCss","fileInputIds","getDataTransfer","DataTransfer","_a","ClipboardEvent","clipboardData","_b","FileUpload","exports","class_1","hostRef","_this","this","fileInputId","canChangeFileList","removeFiles","errorMessage","isDragging","fileList","maxFileSize","maxFiles","placeholder","hideLabel","required","disabled","clearInput","showInlineError","validateOn","_invalid","onClearClick","value","onBlur","hasFocus","validate","showInlineValidation","nanoBlur","emit","onFocus","nanoFocus","inputEl","setCustomValidity","error","validity","valid","validationMessage","forEach","fileItem","checkFileSize","file","size","checkFileType","type","accept","length","onInvalid","ev","preventDefault","onFileChoose","e","files","target","addNewFiles","onFileRemoveFileClick","push","closest","classList","remove","onFileRemoveAnim","filter","find","rmFile","onInputChange","nanoChange","onDragStop","stopPropagation","onDragStart","onDrop","dataTransfer","FileUploadInput","eleType","listId","labelId","moreId","hasHelperSlot","h","class","htmlFor","id","onDragEnd","onDragLeave","onDragEnter","onDragOver","label","hasLabelSlot","name","tabindex","onClick","aria-labelledby","multiple","undefined","form","ref","input","publicInputEl","onChange","onReset","tabIndex","button","dropArea","map","key","onAnimationEnd","_","content","placement","iconName","href","location","prototype","fileListChange","arrToFileList","setTimeout","shouldValidate","requestAnimationFrame","Object","defineProperty","Array","from","objectURL","URL","createObjectURL","val","reportValidity","validateFirst","isValid","invalid","setFocus","focus","getInputElement","Promise","resolve","showError","message","globalClickHandler","composedPath","every","node","host","globalKeydownHandler","document","querySelector","i","len","items","add","match","nanoValidate","originalEvent","slotChangeObserver","mo","disconnect","MutationObserver","processSlottedContent","observe","childList","subtree","querySelectorAll","newFiles","findFile","__spreadArray","disconnectedCallback","componentDidLoad","componentWillLoad","render","Host","file-upload","file-upload--dragging","file-upload--focus","file-upload--invalid"],"mappings":"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","sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/button';\n\n:host {\n  /**\n   * @prop --invalid-msg-color: Default value #{nano-color(danger, base)};\n   * @prop --invalid-msg-font-size: Default value #{$input-help-font-size};\n\n   * @prop --help-msg-color: Default value #{$input-help-color};\n\n   * @prop --label-color: Default value #{$label-color};\n   * @prop --label-color--invalid: Default value #{$label-color-invalid};\n   * @prop --label-font-size: Default value #{$label-font-size};\n   * @prop --label-padding: Default value #{$input-padding-bottom};\n   * @prop --label-color--invalid: Default value #{$label-color-invalid};\n\n   * @prop --drop-bg: Default value #{map.get($colors, blue--faded)};\n   * @prop --drop-text: Default value #{map.get($colors, dimgrey)};\n   * @prop --drop-height: Default value 3.5em;\n   * @prop --drop-border-tint: Default value #{nano-color(primary, base, null, true)};\n   * @prop --drop-border-width: Default value 2px;\n   * @prop --drop-border-radius: Default value 5px;\n   * @prop --drop-bg--invalid: Default value #{$input-background-color--invalid};\n   * @prop --drop-border--invalid: Default value #{nano-color(danger, base, null, true)};\n\n   * @prop --btn-bg: Default value #{nano-color(primary, base)};\n   * @prop --btn-text: Default value #{nano-color(primary, contrast)};\n   * @prop --btn-icon-size: Default value var(--nano-btn-icon-size, 1.4em);\n   * @prop --btn-padding-top: Default value var(--nano-btn-padding-top, .5em);\n   * @prop --btn-padding-bottom: Default value var(--nano-btn-padding-bottom, .5em);\n   * @prop --btn-padding-start: Default value var(--nano-btn-padding-start, 1em);\n   * @prop --btn-padding-end: Default value var(--nano-btn-padding-end, 1em);\n   */\n\n  min-height: 1rem;\n  display: block;\n\n  --invalid-msg-color: #{nano-color(danger, base)};\n  --invalid-msg-font-size: #{$input-help-font-size};\n  --help-msg-color: #{$input-help-color};\n  --label-color: #{$label-color};\n  --label-font-size: #{$label-font-size};\n  --label-padding: #{$input-padding-bottom};\n  --label-color--invalid: #{$label-color-invalid};\n  --drop-bg: #{map.get($colors, blue--faded)};\n  --drop-text: #{darken(map.get($colors, dimgrey), 11%)};\n  --drop-height: 3.5em;\n  --drop-border-tint: #{nano-color(primary, base, null, true)};\n  --drop-border-width: 2px;\n  --drop-border-radius: 5px;\n  --drop-bg--invalid: #{$input-background-color--invalid};\n  --drop-border--invalid: #{nano-color(danger, base, null, true)};\n  --btn-bg: #{nano-color(primary, base)};\n  --btn-text: #{nano-color(primary, contrast)};\n  --btn-icon-size: var(--nano-btn-icon-size, 1.4em);\n  --btn-padding-top: var(--nano-btn-padding-top, 0.5em);\n  --btn-padding-bottom: var(--nano-btn-padding-bottom, 0.5em);\n  --btn-padding-start: var(--nano-btn-padding-start, 1em);\n  --btn-padding-end: var(--nano-btn-padding-end, 1em);\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n\n  * {\n    pointer-events: none !important;\n  }\n}\n\n.file-upload {\n  $self: &;\n\n  /* Common */\n\n  &__label {\n    font-size: var(--label-font-size);\n    padding: 0 0 var(--label-padding);\n    margin: 0;\n    line-height: 1;\n\n    :host([invalid]:not([invalid='false'])) & {\n      color: var(--label-color--invalid);\n    }\n  }\n\n  &__input {\n    @include visually-hide();\n  }\n\n  &__error,\n  &__help,\n  &__more,\n  &__label {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__more {\n    height: 1em;\n\n    @include margin(\n      calc(var(--label-padding) / 2),\n      0,\n      var(--label-padding),\n      3px\n    );\n\n    position: relative;\n  }\n\n  &__error,\n  &__help {\n    top: 0;\n    left: 0;\n    position: absolute;\n    font-size: var(--invalid-msg-font-size);\n    line-height: 1.2;\n    transition: 0.3s ease-out opacity;\n\n    .file-upload--invalid & {\n      opacity: 1;\n    }\n  }\n\n  &__error {\n    color: var(--invalid-msg-color);\n    font-stretch: condensed;\n    opacity: 0;\n\n    .file-upload--invalid & {\n      opacity: 1;\n    }\n  }\n\n  &__help {\n    font-style: italic;\n    opacity: 1;\n    color: var(--help-msg-color);\n\n    .file-upload--invalid & {\n      opacity: 0;\n    }\n  }\n\n  /* Drop area / Multi file upload */\n\n  &__drop {\n    position: relative;\n    width: 100%;\n    display: inline-block;\n  }\n\n  &__drop-area {\n    flex-direction: column;\n    background-color: var(--drop-bg);\n    color: var(--drop-text);\n    min-height: var(--drop-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.9em;\n    position: relative;\n    transition: background-color 0.15s ease-in-out;\n    padding: 0.5rem;\n\n    :host([disabled]:not([disabled='false'])) & {\n      opacity: 0.7;\n    }\n\n    .file-upload--invalid & {\n      background-color: var(--drop-bg--invalid);\n    }\n\n    .file-upload--dragging & {\n      background-color: #{map.get($colors, white)};\n    }\n\n    &::after {\n      content: '';\n      position: absolute;\n      border-radius: var(--drop-border-radius);\n      border-width: var(--drop-border-width);\n      border-color: rgba(var(--drop-border-tint), 0.5);\n      border-style: dashed;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      transition:\n        top 0.1s ease-in-out,\n        bottom 0.1s ease-in-out,\n        left 0.1s ease-in-out,\n        right 0.1s ease-in-out;\n\n      .file-upload--invalid & {\n        border-color: rgba(var(--drop-border--invalid), 1);\n      }\n\n      .file-upload--dragging & {\n        top: 5px;\n        bottom: 5px;\n        left: 5px;\n        right: 5px;\n      }\n    }\n\n    span {\n      color: rgba(var(--drop-border-tint), 1);\n      text-decoration: underline;\n      border-radius: 2px;\n      z-index: 1;\n      cursor: pointer;\n      position: relative;\n\n      .file-upload--focus & {\n        box-shadow: #{$control-focus-style};\n      }\n    }\n  }\n\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    &-wrap {\n      position: relative;\n      top: -4px;\n    }\n\n    &-item {\n      width: 100%;\n      margin: 0 0 2px;\n      display: flex;\n      align-items: center;\n      transform: translateZ(0);\n      animation: hideListItem 0.3s ease-in-out forwards;\n\n      @keyframes hideListItem {\n        0% {\n          opacity: 1;\n          transform: translateY(0);\n          transform: translateZ(0);\n        }\n\n        100% {\n          opacity: 0;\n          transform: translateY(10px);\n          transform: translateZ(0);\n        }\n      }\n\n      &--active {\n        animation: showListItem 0.3s ease-in-out forwards;\n\n        @keyframes showListItem {\n          0% {\n            opacity: 0;\n            transform: translateY(10px);\n            transform: translateZ(0);\n          }\n\n          100% {\n            opacity: 1;\n            transform: translateY(0);\n            transform: translateZ(0);\n          }\n        }\n      }\n    }\n\n    .list-title {\n      background: var(--nano-color-blue--faded);\n      border-radius: 5px;\n      padding: 5px 5px;\n      margin-right: 2px;\n      display: block;\n      width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      font-size: 0.9em;\n      color: var(--help-msg-color);\n    }\n\n    .list-button {\n      background: var(--nano-color-blue--faded);\n      border-radius: 5px;\n      margin: 2px;\n    }\n\n    .list-error {\n      --color: rgba(var(--drop-border--invalid), 1);\n    }\n  }\n\n  /* Button display / Single file upload */\n\n  &__button {\n    @include button-base;\n    @include button-standard(\n      var(--btn-bg),\n      var(--btn-text),\n      #{nano-color(primary, shade)}\n    );\n\n    --nano-btn-icon-size: var(--btn-icon-size);\n    --nano-btn-line-height: var(--btn-icon-size);\n    --nano-btn-padding-top: var(--btn-padding-top);\n    --nano-btn-padding-bottom: var(--btn-padding-bottom);\n    --nano-btn-padding-start: var(--btn-padding-start);\n    --nano-btn-padding-end: var(--btn-padding-end);\n\n    max-width: 100%;\n    font-size: 0.9em;\n\n    :host([disabled]:not([disabled='false'])) & {\n      opacity: 0.4;\n    }\n\n    .file-upload--dragging & {\n      --nano-btn-border-style: dashed;\n    }\n    #{$self}__clear-btn {\n      @include margin(0);\n\n      font-size: inherit;\n      padding: 0;\n      border: 0;\n      outline: none;\n      background-color: transparent;\n      display: flex;\n      align-items: stretch;\n      width: auto;\n      color: var(--clear-btn-color);\n\n      :host(.is-invalid) & {\n        color: var(--clear-btn-color--invalid);\n      }\n\n      nano-icon {\n        @include margin(0, 0, 0, 0.4rem);\n      }\n    }\n    #{$self}__btn-content {\n      display: flex;\n      align-items: center;\n\n      span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        min-width: 0;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Element,\n  ComponentInterface,\n  State,\n  Event,\n  EventEmitter,\n  Watch,\n  VNode,\n  Method,\n  Listen,\n} from '@stencil/core';\nimport {\n  ControlValidity,\n  ControlValidityEventDetail,\n  FileInputChangeEventDetail,\n  FileWithUrl,\n} from '../../interface';\n\nlet fileInputIds = 0;\n\nlet getDataTransfer = () => new DataTransfer();\ntry {\n  getDataTransfer();\n} catch {\n  try {\n    getDataTransfer = () => new ClipboardEvent('').clipboardData;\n    getDataTransfer();\n  } catch {\n    getDataTransfer = null;\n  }\n}\n\ninterface FileValidation {\n  file: File;\n  valid: boolean;\n  validationMessage?: string;\n  location?: string;\n}\n/**\n * A better UI experience for `input type=\"file\"` form controls.\n *\n *   - Drag and Drop\n *   - Validation options\n *   - Preview and manage multiple files\n */\n@Component({\n  tag: 'nano-file-upload',\n  styleUrl: 'file-upload.scss',\n  scoped: true,\n})\nexport class FileUpload implements ComponentInterface {\n  private inputEl: HTMLInputElement;\n  private publicInputEl: HTMLInputElement;\n  private mo!: MutationObserver;\n  private fileInputId = `nano-file-upload-${fileInputIds++}`;\n  private canChangeFileList = !!getDataTransfer;\n  private removeFiles: FileValidation[] = [];\n\n  @State() hasHelperSlot: boolean;\n  @State() hasLabelSlot: boolean;\n  @State() errorMessage: string = '';\n  @State() isDragging = false;\n  @State() fileList: FileValidation[] = [];\n  @Watch('fileList')\n  fileListChange() {\n    if (this.canChangeFileList) {\n      this.publicInputEl.value = '';\n      this.inputEl.files = this.arrToFileList(\n        this.fileList.map((file) => file.file)\n      );\n      setTimeout(() => {\n        this.nanoChange.emit({ value: this.value, files: this.files });\n      }, 20);\n    }\n  }\n  @State() hasFocus: boolean;\n\n  @Element() host: HTMLNanoFileUploadElement;\n\n  // public props\n\n  /** Name of the form control. Submitted with the form as part of a name/value pair. */\n  @Prop() name!: string;\n\n  /** The accept attribute value is a string that defines the file types the file input should accept.\n   * E.g. for a MS Word file: `.doc, .docx,application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document` */\n  @Prop() accept?: string;\n\n  /** Specifies which camera to use for capture of image or video data. `user` for the user-facing camera and/or microphone.\n   * `environment` specifies the the outward-facing camera and/or microphone. If the requested facing mode isn't available,\n   * the user agent may fall back to its preferred default mode. */\n  @Prop() capture?: 'user' | 'environment';\n\n  /** The maximum file size allowed per file (Megabytes) */\n  @Prop() maxFileSize: number = 1;\n\n  /** The maximum file size allowed per file (bytes).  */\n  @Prop() maxFiles: number = 1;\n\n  /** String to place within a label element. */\n  @Prop() label!: string;\n\n  /** Placeholder only used within single file uploads. */\n  @Prop() placeholder: string = 'Choose a file...';\n\n  /** Visually hide the label - but make it accessible. */\n  @Prop() hideLabel?: boolean = false;\n\n  /** If `true`, the user must select a file to upload before submitting a form. */\n  @Prop() required = false;\n\n  /** If `true`, the user cannot interact with the select. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** If `true`, a clear icon will appear in the input when there is a value.\n   * Clicking it clears the input. Only used within single file uploads. */\n  @Prop() clearInput = false;\n\n  /** Whether to show validation errors underneath input */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /** When should the field perform validation */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submit';\n\n  /** The form element to associate with this input (its form owner). Must be the id of a form. */\n  @Prop() form?: string | null;\n\n  @Watch('maxFiles')\n  @Watch('maxFileSize')\n  @Watch('capture')\n  @Watch('accept')\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('fileList')\n  protected shouldValidate() {\n    if (!this.inputEl) return;\n\n    this.validate();\n    requestAnimationFrame(() => {\n      if (this.validateOn === 'dirty') this.showInlineValidation();\n    });\n  }\n\n  @State() _invalid = false;\n  /** This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n\n  /**\n   * Current validation message - if any. @readonly\n   */\n  @Prop()\n  get validityMessage() {\n    if (!this.inputEl) return '';\n    return this.inputEl.validationMessage;\n  }\n\n  /** A File array that lists every selected file.\n   * Has an added `objectURL` property returning a `DOMString`\n   * containing an object URL that can be used to reference the contents of the specified source\n   * This list has no more than one member unless the multiple attribute is specified. @readonly */\n  @Prop()\n  get files(): FileWithUrl[] {\n    return this.inputEl\n      ? Array.from(this.inputEl.files).map((file: FileWithUrl) => {\n          file.objectURL = URL.createObjectURL(file);\n          return file;\n        })\n      : [];\n  }\n\n  /** A file input's value attribute contains a DOMString that represents the path to the selected file(s).\n   * If the user selected multiple files, the value represents the first file in the list of files they selected.\n   * You can reset the file-upload control by setting the value to an emptry string e.g. `var input.value = ''` */\n  @Prop()\n  get value() {\n    return this.inputEl ? this.inputEl.value : '';\n  }\n  set value(val: string) {\n    if (val === '' && this.inputEl) {\n      this.fileList = [];\n      this.inputEl.value = '';\n    }\n  }\n\n  // Events\n\n  /** Emitted when the value has changed. */\n  @Event() nanoChange!: EventEmitter<FileInputChangeEventDetail>;\n\n  /** Emited when the checkbox is focused */\n  @Event() nanoFocus: EventEmitter;\n\n  /** Emited when the checkbox is blurred */\n  @Event() nanoBlur: EventEmitter;\n\n  /** Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`. */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // Public methods\n\n  /** Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }` */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    if (validateFirst) {\n      this.validate();\n      this.showInlineValidation();\n    }\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.inputEl.validationMessage,\n    };\n  }\n\n  /** Sets focus on the specified `nano-input`. Use this method instead of the global\n   * `input.focus()`. */\n  @Method()\n  async setFocus() {\n    if (this.inputEl) this.inputEl.focus();\n  }\n\n  /** Returns the native `<input>` element used under the hood */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return Promise.resolve(this.inputEl!);\n  }\n\n  /** Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   * @param message */\n  @Method()\n  async showError(message: string) {\n    if (this.inputEl) {\n      this.inputEl.setCustomValidity(message);\n      this.validate();\n      this.showInlineValidation();\n    }\n  }\n\n  // Listeners\n\n  @Listen('click', { target: 'window' })\n  globalClickHandler(e: Event) {\n    if (!this.hasFocus) return;\n    if (e.composedPath().every((node) => node !== this.host)) this.onBlur();\n  }\n\n  @Listen('keydown', { target: 'window' })\n  globalKeydownHandler(e: KeyboardEvent) {\n    if (!this.hasFocus || e.key !== 'Tab') return;\n    if (e.target !== this.inputEl) this.onBlur();\n  }\n\n  @Listen('reset', { target: 'body' })\n  onReset(e) {\n    const form = this.form\n      ? document.querySelector('#' + this.form)\n      : this.host.closest('form');\n    if (!form || e.target !== this.host.closest('form')) return;\n\n    this.value = '';\n  }\n\n  // Private methods\n\n  private onClearClick = () => {\n    this.value = '';\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    this.validate();\n    if (this.validateOn === 'dirty') this.showInlineValidation();\n    this.nanoBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private arrToFileList(files: File[]): FileList {\n    const fileList = getDataTransfer();\n    for (var i = 0, len = files.length; i < len; i++)\n      fileList.items.add(files[i]);\n    return fileList.files;\n  }\n\n  private checkFileSize(size: number): boolean {\n    return size / 1000000 <= this.maxFileSize;\n  }\n\n  private checkFileType(type: string): boolean {\n    if (!this.accept) return true;\n    return this.accept.match(type) && this.accept.match(type).length > 0;\n  }\n\n  private validate = () => {\n    this.errorMessage = '';\n    this.inputEl.setCustomValidity('');\n    let error: string;\n\n    if (!this.inputEl.validity.valid) {\n      error = this.inputEl.validationMessage;\n    } else {\n      this.fileList.forEach((fileItem) => {\n        error = null;\n        if (!this.checkFileSize(fileItem.file.size)) {\n          error =\n            'Maximum file size exceeded. Max file size is ' +\n            this.maxFileSize +\n            'Mb';\n        } else if (!this.checkFileType(fileItem.file.type))\n          error = `File type is not allowed (${this.accept})`;\n\n        fileItem.validationMessage = error;\n        fileItem.valid = !error;\n      });\n      if (this.fileList.length > this.maxFiles)\n        error = `Maxinum number of files exceeded (${this.maxFiles})`;\n    }\n\n    if (!!error) this.inputEl.setCustomValidity(error);\n  };\n\n  private showInlineValidation(ev?: Event) {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    this._invalid = false;\n    this.errorMessage = '';\n\n    if (!this.inputEl.validity.valid) {\n      this.errorMessage = this.inputEl.validationMessage;\n      this._invalid = true;\n    }\n\n    this.nanoValidate.emit({\n      isValid: !this._invalid,\n      errorMessage: this.inputEl.validationMessage,\n      originalEvent: ev,\n    });\n  }\n\n  private slotChangeObserver() {\n    if (this.mo) this.mo.disconnect();\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.host, { childList: true, subtree: true });\n  }\n\n  private processSlottedContent() {\n    // see if we have slot content\n    this.hasLabelSlot = !!this.host.querySelectorAll('[slot=\"label\"]');\n    this.hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n  }\n\n  private addNewFiles(files: FileList) {\n    const fileList: FileValidation[] = Array.from(files).map((file) => {\n      return {\n        file: file,\n        location: URL.createObjectURL(file),\n        valid: true,\n        validationMessage: null,\n      };\n    });\n\n    // if we have a list and we're in a browser that can amend files\n    // append files to the list, otherwise replace\n    if (this.canChangeFileList && this.maxFiles > 1) {\n      const newFiles = fileList.filter(\n        (findFile) =>\n          !this.fileList.find((file) => file.file.name === findFile.file.name)\n      );\n      this.fileList = [...this.fileList, ...newFiles];\n    } else this.fileList = fileList;\n  }\n\n  // event handlers & hooks\n\n  private onInvalid = (ev: Event) => {\n    if (this.showInlineError) ev.preventDefault();\n    this.validate();\n    this.showInlineValidation(ev);\n  };\n\n  private onFileChoose = (e: Event) => {\n    const files = (e.target as HTMLInputElement).files;\n    if (files && files.length)\n      this.addNewFiles((e.target as HTMLInputElement).files);\n  };\n\n  private onFileRemoveFileClick = (e: Event, file: FileValidation) => {\n    if (!this.canChangeFileList) return;\n    this.removeFiles.push(file);\n\n    (e.target as HTMLElement)\n      .closest('.file-upload__list-item--active')\n      .classList.remove('file-upload__list-item--active');\n  };\n\n  private onFileRemoveAnim = () => {\n    if (!this.canChangeFileList || !this.removeFiles.length) return;\n    this.fileList = this.fileList.filter(\n      (fileItem) => !this.removeFiles.find((rmFile) => rmFile === fileItem)\n    );\n    this.removeFiles = [];\n  };\n\n  private onInputChange = () => {\n    this.nanoChange.emit({ value: this.value, files: this.files });\n  };\n\n  private onDragStop = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = false;\n  };\n\n  private onDragStart = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = true;\n  };\n\n  private onDrop = (e: DragEvent) => {\n    this.onDragStop(e);\n    if (e.dataTransfer.files && e.dataTransfer.files.length)\n      this.addNewFiles(e.dataTransfer.files);\n  };\n\n  // Component lifecycle\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  private FileUploadInput = (\n    eleType: 'drop' | 'btn',\n    listId?: string\n  ): VNode[] => {\n    const labelId = this.fileInputId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot\n        ? this.fileInputId + '-more'\n        : '';\n\n    return [\n      <div class={'file-upload__' + eleType + '-wrap'}>\n        <label\n          class={`file-upload__` + eleType}\n          htmlFor={this.fileInputId}\n          id={labelId}\n          onDrop={(e) => {\n            this.onDrop(e);\n            this.onDragStop(e);\n          }}\n          onDragEnd={this.onDragStop}\n          onDragLeave={this.onDragStop}\n          onDragEnter={this.onDragStart}\n          onDragOver={this.onDragStart}\n        >\n          {(!!this.label || (this.hasLabelSlot && eleType !== 'drop')) && (\n            <div\n              class={`file-upload__label ${\n                this.hideLabel ? 'visually-hide' : ''\n              }`}\n            >\n              {!!this.label && !!this.label.length ? this.label : ''}\n              {!this.label && this.hasLabelSlot && eleType !== 'drop' && (\n                <slot name=\"label\" />\n              )}\n            </div>\n          )}\n          {eleType === 'drop' && (\n            <div class=\"file-upload__drop-area\">\n              <div>{this.hasLabelSlot && <slot name=\"label\" />}</div>\n              <div>\n                Drag and drop or&nbsp;<span>browse</span>\n              </div>\n            </div>\n          )}\n          {eleType === 'btn' && (\n            <div\n              class={`file-upload__button button--keyline button--icon-start ${\n                this.hasFocus ? 'button--focus' : ''\n              }`}\n            >\n              <div class={`file-upload__btn-content`}>\n                <nano-icon name=\"regular/cloud-upload\" />\n                <span>\n                  {!!this.fileList.length\n                    ? this.fileList[0].file.name\n                    : this.placeholder}\n                </span>\n                {!!this.value && this.clearInput && !this.disabled && (\n                  <button\n                    type=\"button\"\n                    class=\"icon file-upload__clear-btn\"\n                    tabindex=\"-1\"\n                    onClick={this.onClearClick}\n                  >\n                    <nano-icon name=\"light/times\"></nano-icon>\n                  </button>\n                )}\n              </div>\n            </div>\n          )}\n          <input\n            aria-labelledby={labelId + ' ' + moreId + ' ' + listId}\n            type=\"file\"\n            id={this.fileInputId}\n            accept={this.accept}\n            class=\"file-upload__input\"\n            multiple={this.maxFiles > 1}\n            disabled={this.disabled}\n            name={this.canChangeFileList ? undefined : this.name}\n            form={this.form}\n            ref={(input) => {\n              if (this.canChangeFileList) {\n                this.publicInputEl = input;\n                return;\n              }\n              this.inputEl = input;\n            }}\n            onChange={this.onFileChoose}\n            onFocus={this.onFocus}\n            onReset={this.onInputChange}\n          />\n        </label>\n        <input\n          name={!this.canChangeFileList ? undefined : this.name}\n          form={this.form}\n          ref={(input) => {\n            if (!this.canChangeFileList) return;\n            this.inputEl = input;\n          }}\n          type=\"file\"\n          id={this.fileInputId + '-hidden'}\n          tabIndex={-1}\n          multiple={true}\n          class=\"file-upload__input\"\n          disabled={this.disabled}\n          required={this.required}\n          accept={this.accept}\n          onInvalid={this.onInvalid}\n          onChange={this.onInputChange}\n        />\n      </div>,\n      this.showInlineError || this.hasHelperSlot ? (\n        <div class=\"file-upload__more\" id={moreId}>\n          {this.showInlineError && !!this.errorMessage.length ? (\n            <div class=\"file-upload__error\">{this.errorMessage}</div>\n          ) : (\n            ''\n          )}\n          <div class=\"file-upload__help\">\n            <slot name=\"helper\" />\n          </div>\n        </div>\n      ) : (\n        ''\n      ),\n    ];\n  };\n\n  private button = (): VNode[] => {\n    return this.FileUploadInput('btn');\n  };\n\n  private dropArea = (): VNode[] => {\n    const listId = this.fileInputId + '-list';\n    return [\n      this.FileUploadInput('drop', listId),\n      <output class=\"file-upload__list-wrap\" id={listId}>\n        {!!this.fileList && this.fileList.length > 0 && (\n          <ul class=\"file-upload__list list\">\n            {this.fileList.map((file) => {\n              return (\n                <li\n                  key={file.file.name}\n                  class=\"file-upload__list-item file-upload__list-item--active list-item\"\n                  onAnimationEnd={(_) => this.onFileRemoveAnim()}\n                >\n                  <span class=\"list-title\">{file.file.name}</span>\n                  {!file.valid && (\n                    <nano-tooltip\n                      content={file.validationMessage}\n                      placement=\"left\"\n                    >\n                      <nano-icon-button\n                        class=\"list-button list-error\"\n                        iconName=\"light/exclamation-triangle\"\n                        label=\"File error\"\n                      />\n                    </nano-tooltip>\n                  )}\n                  {this.canChangeFileList && (\n                    <nano-icon-button\n                      class=\"list-button list-button--view\"\n                      type=\"button\"\n                      iconName=\"light/eye\"\n                      label=\"View file\"\n                      target=\"_blank\"\n                      href={file.location}\n                    />\n                  )}\n                  {this.canChangeFileList && (\n                    <nano-icon-button\n                      onClick={(e) => this.onFileRemoveFileClick(e, file)}\n                      class=\"list-button list-button--remove\"\n                      iconName=\"light/times\"\n                      label=\"Remove file\"\n                    />\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </output>,\n    ];\n  };\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'file-upload': true,\n            'file-upload--dragging': this.isDragging,\n            'file-upload--focus': this.hasFocus,\n            'file-upload--invalid': this._invalid,\n          }}\n        >\n          {this.maxFiles > 1 ? <this.dropArea /> : <this.button />}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}