@nanoporetech-digital/components 1.13.17 → 1.13.21

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

@@ -0,0 +1 @@
+{"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","queue","workingOnPromise","stop","limit","enqueue","promise","_this","reject","dequeue","item","shift","catch","err","pendingPromise","algoliaCss","CANSHADOW","document","head","attachShadow","Algolia","class_1","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","__awaiter","algoliaIndex","handleSearchReset","setTimeout","resetPage","algoliaSearch","_b","sent","updateContent","nanoResultsShown","emit","indexResults","makeAppliedFilters","appliedFtrs","makeAppliedFilter","facetFilters","values","filter","appFilter","facetName","__spreadArray","eventType","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","handleInputChange","ev","target","inputField","onResultDisplay","writeTask","resultsDiv","removeEventListener","style","display","defaultDiv","classList","add","minHeight","width","removeFilters","facetValue","filterId","element","onAllTplUpdate","onPageChange","Math","min","max","onFilterChange","dynFilterObj","assign","Filter","dynFacetFiltersChange","host","ownerDocument","browseIndexChange","inputFieldSet","queryChange","internalIndexSwitch","algoliaClient","initIndex","pageChange","searchIndexNameChange","initAlgoliaClient","appId","apiKey","algoliasearch","initAlgoliaIndex","newListenTo","attachInputListener","querySelector","showResultsChange","scrollWidth","scrollHeight","slottedInput","focus","preventScroll","hit","url","facetFilterObj","groupFilters","filterOp","or","and","not","formatVal","filterStrParts","operatorGrp","filterName","filterProp","toLocaleUpperCase","setup","eventName","tagName","toLocaleLowerCase","updateContentQueue","outputTo","outputSlot","tpl","tmpCont","createElement","innerHTML","algoliaEles","from","querySelectorAll","placeholder","dataset","placeholderId","parentNode","replaceChild","childrenResolver","ele","componentWillLoad","readTask","tplSlot","getDirectChildren","HTMLInputElement","storeId","ComponentStore","init","debounce","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: {\n      year: 'numeric' | '2-digit';\n      month: 'numeric' | '2-digit' | 'long';\n      day: 'numeric' | '2-digit';\n    } = { year: 'numeric', month: 'long', day: 'numeric' }\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 } from '../../utils/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() appId: string;\n\n  /**\n   * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\n   */\n  @Prop() 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() 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() 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() browseIndex: boolean = false;\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  // 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) {\n    ev.stopPropagation();\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('listenTo')\n  newListenTo() {\n    if (!this.listenTo) this.attachInputListener(false);\n    else {\n      setTimeout(() => {\n        this.inputField = document.querySelector(this.listenTo);\n        if (this.inputField) this.attachInputListener(true);\n      }, 50);\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  private attachInputListener(setup: boolean = true) {\n    if (!this.inputField) return;\n    let eventName =\n      this.inputField.tagName.toLocaleLowerCase() === 'nano-input'\n        ? 'nanoChange'\n        : 'change';\n\n    if (setup)\n      this.inputField.addEventListener(eventName, this.handleInputChange);\n    else this.inputField.removeEventListener(eventName, this.handleInputChange);\n  }\n\n  private handleInputChange = (ev) => {\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      if (!this.inputField && this.listenTo)\n        this.inputField = document.querySelector(this.listenTo);\n      if (this.inputField) this.attachInputListener(true);\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-f5f76780.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as r,e as t,g as d,c as o}from"./p-f55560d3.js";import{i as s}from"./p-6a284815.js";const n=["col-span","col-start","row-span","row-start"],g=!!document.head.attachShadow;let h=class{constructor(r){i(this,r),this.generalClasses=[""],this.gridClass=null,this.isSizes=[null],this.ready=!1,this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.sSize=300,this.mSize=550,this.lSize=800,this.xlSize=1e3,this.showHelper=!1,this.contentPanel=!1,this.fullHeight=!1}propChanged(){this.applySizeClasses()}applySizeClasses(){let i=this.currentWidth;this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.generalClasses=[],this.gridClass=null,this.isSizes=[null],this.isSmall=!0,this.generalClasses.push("is-small"),this.sCols&&(this.gridClass=`nano-grid-${this.sCols}`),this.isSizes.push({size:"s",active:!0}),i>this.sSize&&(this.isMedium=!0,this.generalClasses.push("is-medium"),this.mCols&&(this.gridClass=`nano-grid-${this.mCols}`),this.isSizes.push({size:"m",active:!0})),i>this.mSize&&(this.isLarge=!0,this.generalClasses.push("is-large"),this.lCols&&(this.gridClass=`nano-grid-${this.lCols}`),this.isSizes.push({size:"l",active:!0})),i>this.lSize&&(this.isXL=!0,this.generalClasses.push("is-xl"),this.xlCols&&(this.gridClass=`nano-grid-${this.xlCols}`),this.isSizes.push({size:"xl",active:!0})),i>this.xlSize&&(this.isXXL=!0,this.generalClasses.push("is-xxl"),this.xxlCols&&(this.gridClass=`nano-grid-${this.xxlCols}`),this.isSizes.push({size:"xxl",active:!0})),this.el.style.setProperty("--current-grid-size",`'grid size: ${this.isSizes.slice().pop().size}'`),this.applyChildrenClasses(),setTimeout((()=>this.ready=!0),0)}applyChildrenClasses(){let i=this.el.querySelectorAll("nano-grid-item");if(i.length)return void i.forEach((i=>{i.changeBP(this.isSizes)}));let r,t,d,o,s=[""],h="";o=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(o.children,(i=>{i.hasAttribute("grid-states")&&(d=i.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),i.className=d.join(" ").trim(),t=i.getAttribute("grid-states").split(" "),n.forEach((o=>{r=!1,this.isSizes.slice().reverse().forEach((function(n){!r&&n&&(r=t.find((i=>0===i.indexOf(`${n.size}-${o}`))),r&&(d=i.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),i.className=d.join(" ").trim(),s=r.split("-"),s.shift(),h=s.join("-"),i.classList.add(`nano-grid-${h}`)))}))})))}))}connectedCallback(){}componentWillLoad(){let i,r;r=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(r.children,(r=>{if(g)"NANO-GRID-ITEM"!==r.nodeName&&r.classList.add("nano-griditem");else{if(r.classList.contains("nano-griditem")||"NANO-GRID-ITEM"===r.nodeName)return;i=document.createElement("div"),r.hasAttribute("grid-states")&&(i.setAttribute("grid-states",r.getAttribute("grid-states")),r.removeAttribute("grid-states")),this.el.insertBefore(i,r),i.appendChild(r),i.classList.add("nano-griditem")}}))}componentDidLoad(){this.ro=new s((i=>{for(const r of i){if(!r.contentRect.width)return;this.currentWidth=r.contentRect.width,this.applySizeClasses()}})),this.ro.observe(this.el)}disconnectedCallback(){this.ro&&this.ro.disconnect()}render(){return r(t,{class:{[this.generalClasses.join(" ")]:!0,"has-grid":!!this.gridClass,ready:this.ready,[this.gridClass]:!0},"is-legacy":!g||void 0},r("div",{class:{grid:!0}},r("slot",null)))}get el(){return d(this)}static get watchers(){return{sSize:["propChanged"],mSize:["propChanged"],lSize:["propChanged"],xlSize:["propChanged"],sCols:["propChanged"],mCols:["propChanged"],lCols:["propChanged"],xlCols:["propChanged"],xxlCols:["propChanged"]}}};h.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"\'grid size: sm\'";display:block;opacity:0;-webkit-transition:0.2s ease opacity;transition:0.2s ease opacity}:host .grid{display:grid;grid-gap:var(--grid-row-gap) var(--grid-col-gap);height:inherit;min-height:inherit}:host .grid::slotted(*){border:0 solid transparent;background-clip:padding-box;border-width:var(--grid-row-gap) calc(var(--grid-col-gap) / 2)}:host(.ready){opacity:1}:host(.has-grid) .grid{display:-ms-grid;display:grid}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-1),:host(.has-grid) .grid::slotted(.nano-grid-col-start-1){-ms-grid-column:1 !important;grid-column-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-1),:host(.has-grid) .grid::slotted(.nano-grid-row-start-1){-ms-grid-row:1 !important;grid-row-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-1),:host(.has-grid) .grid::slotted(.nano-grid-col-span-1){-ms-grid-column-span:1 !important;grid-column-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-1),:host(.has-grid) .grid::slotted(.nano-grid-row-span-1){-ms-grid-row-span:1 !important;grid-row-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-2),:host(.has-grid) .grid::slotted(.nano-grid-col-start-2){-ms-grid-column:2 !important;grid-column-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-2),:host(.has-grid) .grid::slotted(.nano-grid-row-start-2){-ms-grid-row:2 !important;grid-row-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-2),:host(.has-grid) .grid::slotted(.nano-grid-col-span-2){-ms-grid-column-span:2 !important;grid-column-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-2),:host(.has-grid) .grid::slotted(.nano-grid-row-span-2){-ms-grid-row-span:2 !important;grid-row-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-3),:host(.has-grid) .grid::slotted(.nano-grid-col-start-3){-ms-grid-column:3 !important;grid-column-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-3),:host(.has-grid) .grid::slotted(.nano-grid-row-start-3){-ms-grid-row:3 !important;grid-row-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-3),:host(.has-grid) .grid::slotted(.nano-grid-col-span-3){-ms-grid-column-span:3 !important;grid-column-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-3),:host(.has-grid) .grid::slotted(.nano-grid-row-span-3){-ms-grid-row-span:3 !important;grid-row-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-4),:host(.has-grid) .grid::slotted(.nano-grid-col-start-4){-ms-grid-column:4 !important;grid-column-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-4),:host(.has-grid) .grid::slotted(.nano-grid-row-start-4){-ms-grid-row:4 !important;grid-row-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-4),:host(.has-grid) .grid::slotted(.nano-grid-col-span-4){-ms-grid-column-span:4 !important;grid-column-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-4),:host(.has-grid) .grid::slotted(.nano-grid-row-span-4){-ms-grid-row-span:4 !important;grid-row-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-5),:host(.has-grid) .grid::slotted(.nano-grid-col-start-5){-ms-grid-column:5 !important;grid-column-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-5),:host(.has-grid) .grid::slotted(.nano-grid-row-start-5){-ms-grid-row:5 !important;grid-row-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-5),:host(.has-grid) .grid::slotted(.nano-grid-col-span-5){-ms-grid-column-span:5 !important;grid-column-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-5),:host(.has-grid) .grid::slotted(.nano-grid-row-span-5){-ms-grid-row-span:5 !important;grid-row-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-6),:host(.has-grid) .grid::slotted(.nano-grid-col-start-6){-ms-grid-column:6 !important;grid-column-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-6),:host(.has-grid) .grid::slotted(.nano-grid-row-start-6){-ms-grid-row:6 !important;grid-row-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-6),:host(.has-grid) .grid::slotted(.nano-grid-col-span-6){-ms-grid-column-span:6 !important;grid-column-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-6),:host(.has-grid) .grid::slotted(.nano-grid-row-span-6){-ms-grid-row-span:6 !important;grid-row-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-7),:host(.has-grid) .grid::slotted(.nano-grid-col-start-7){-ms-grid-column:7 !important;grid-column-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-7),:host(.has-grid) .grid::slotted(.nano-grid-row-start-7){-ms-grid-row:7 !important;grid-row-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-7),:host(.has-grid) .grid::slotted(.nano-grid-col-span-7){-ms-grid-column-span:7 !important;grid-column-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-7),:host(.has-grid) .grid::slotted(.nano-grid-row-span-7){-ms-grid-row-span:7 !important;grid-row-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-8),:host(.has-grid) .grid::slotted(.nano-grid-col-start-8){-ms-grid-column:8 !important;grid-column-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-8),:host(.has-grid) .grid::slotted(.nano-grid-row-start-8){-ms-grid-row:8 !important;grid-row-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-8),:host(.has-grid) .grid::slotted(.nano-grid-col-span-8){-ms-grid-column-span:8 !important;grid-column-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-8),:host(.has-grid) .grid::slotted(.nano-grid-row-span-8){-ms-grid-row-span:8 !important;grid-row-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-9),:host(.has-grid) .grid::slotted(.nano-grid-col-start-9){-ms-grid-column:9 !important;grid-column-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-9),:host(.has-grid) .grid::slotted(.nano-grid-row-start-9){-ms-grid-row:9 !important;grid-row-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-9),:host(.has-grid) .grid::slotted(.nano-grid-col-span-9){-ms-grid-column-span:9 !important;grid-column-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-9),:host(.has-grid) .grid::slotted(.nano-grid-row-span-9){-ms-grid-row-span:9 !important;grid-row-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-10),:host(.has-grid) .grid::slotted(.nano-grid-col-start-10){-ms-grid-column:10 !important;grid-column-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-10),:host(.has-grid) .grid::slotted(.nano-grid-row-start-10){-ms-grid-row:10 !important;grid-row-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-10),:host(.has-grid) .grid::slotted(.nano-grid-col-span-10){-ms-grid-column-span:10 !important;grid-column-end:span 10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-10),:host(.has-grid) .grid::slotted(.nano-grid-row-span-10){-ms-grid-row-span:10 !important;grid-row-end:span 10 !important}:host(.has-grid) .grid::slotted(*){border-width:calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2)}:host([is-legacy]){overflow:hidden}:host([is-legacy]) .grid{margin-bottom:calc(var(--grid-row-gap) * -0.5);margin-top:calc(var(--grid-row-gap) * -0.5);margin-left:calc(var(--grid-col-gap) * -0.5);margin-right:calc(var(--grid-col-gap) * -0.5)}nano-grid :host-context[is-legacy]{overflow:visible}nano-grid :host-context[is-legacy] .grid::slotted(:first-child){border-top-width:calc(var(--grid-row-gap) / 2)}nano-grid :host-context[is-legacy] .grid::slotted(:last-child){border-bottom-width:calc(var(--grid-row-gap) / 2)}:host([content-panel]:not([content-panel=false])){display:-ms-flexbox;-ms-flex-direction:column}:host([content-panel]:not([content-panel=false])) .grid{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}:host([full-height]:not([full-height=false])){height:100%}:host([full-height]:not([full-height=false])) .grid{-ms-grid-rows:1fr;grid-template-rows:1fr}:host([full-height]:not([full-height=false])) .grid::slotted(*){min-height:100%}:host([show-helper]:not([show-helper=false])) .grid{position:relative}:host([show-helper]:not([show-helper=false])) .grid::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none;background-image:repeating-linear-gradient(to right, rgba(126, 195, 241, 0.25), rgba(126, 195, 241, 0.25) var(--col-width), transparent var(--col-width), transparent var(--repeat-width));background-size:calc(100% + var(--grid-col-gap)) 100%;z-index:100}:host([show-helper]:not([show-helper=false])) .grid::before{content:var(--current-grid-size);font-size:30px;position:absolute;width:100%;left:0;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host(.nano-grid-1){--current-grid-size:"grid size: 1";--col-width:calc(100% - var(--grid-col-gap));--repeat-width:calc(100% / 1)}:host(.nano-grid-1) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[1];grid-template-columns:repeat(1, minmax(var(--col-width), 1fr))}:host(.nano-grid-1) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(2)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(3)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(4)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(5)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(6)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(7)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(8)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(9)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(10)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(11)){-ms-grid-row:11;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(12)){-ms-grid-row:12;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(13)){-ms-grid-row:13;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(14)){-ms-grid-row:14;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(15)){-ms-grid-row:15;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(16)){-ms-grid-row:16;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(17)){-ms-grid-row:17;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(18)){-ms-grid-row:18;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(19)){-ms-grid-row:19;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(20)){-ms-grid-row:20;-ms-grid-column:1}:host(.nano-grid-2){--current-grid-size:"grid size: 2";--col-width:calc(50% - var(--grid-col-gap));--repeat-width:calc(100% / 2)}:host(.nano-grid-2) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[2];grid-template-columns:repeat(2, minmax(var(--col-width), 1fr))}:host(.nano-grid-2) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(3)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(5)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(6)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(7)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(8)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(9)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(10)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(11)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(12)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(13)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(14)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(15)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(16)){-ms-grid-row:8;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(17)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(18)){-ms-grid-row:9;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(19)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(20)){-ms-grid-row:10;-ms-grid-column:2}:host(.nano-grid-3){--current-grid-size:"grid size: 3";--col-width:calc(33.3333333333% - var(--grid-col-gap));--repeat-width:calc(100% / 3)}:host(.nano-grid-3) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[3];grid-template-columns:repeat(3, minmax(var(--col-width), 1fr))}:host(.nano-grid-3) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(7)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(8)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(10)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(11)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(12)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(13)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(14)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(15)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(16)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(17)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(18)){-ms-grid-row:6;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(19)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(20)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-4){--current-grid-size:"grid size: 4";--col-width:calc(25% - var(--grid-col-gap));--repeat-width:calc(100% / 4)}:host(.nano-grid-4) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[4];grid-template-columns:repeat(4, minmax(var(--col-width), 1fr))}:host(.nano-grid-4) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(10)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(13)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(14)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(15)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(17)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(18)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(19)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(20)){-ms-grid-row:5;-ms-grid-column:4}:host(.nano-grid-5){--current-grid-size:"grid size: 5";--col-width:calc(20% - var(--grid-col-gap));--repeat-width:calc(100% / 5)}:host(.nano-grid-5) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[5];grid-template-columns:repeat(5, minmax(var(--col-width), 1fr))}:host(.nano-grid-5) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(17)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(18)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:5}:host(.nano-grid-6){--current-grid-size:"grid size: 6";--col-width:calc(16.6666666667% - var(--grid-col-gap));--repeat-width:calc(100% / 6)}:host(.nano-grid-6) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[6];grid-template-columns:repeat(6, minmax(var(--col-width), 1fr))}:host(.nano-grid-6) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-7){--current-grid-size:"grid size: 7";--col-width:calc(14.2857142857% - var(--grid-col-gap));--repeat-width:calc(100% / 7)}:host(.nano-grid-7) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[7];grid-template-columns:repeat(7, minmax(var(--col-width), 1fr))}:host(.nano-grid-7) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-8){--current-grid-size:"grid size: 8";--col-width:calc(12.5% - var(--grid-col-gap));--repeat-width:calc(100% / 8)}:host(.nano-grid-8) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[8];grid-template-columns:repeat(8, minmax(var(--col-width), 1fr))}:host(.nano-grid-8) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-9){--current-grid-size:"grid size: 9";--col-width:calc(11.1111111111% - var(--grid-col-gap));--repeat-width:calc(100% / 9)}:host(.nano-grid-9) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[9];grid-template-columns:repeat(9, minmax(var(--col-width), 1fr))}:host(.nano-grid-9) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-10){--current-grid-size:"grid size: 10";--col-width:calc(10% - var(--grid-col-gap));--repeat-width:calc(100% / 10)}:host(.nano-grid-10) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[10];grid-template-columns:repeat(10, minmax(var(--col-width), 1fr))}:host(.nano-grid-10) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(10)){-ms-grid-row:1;-ms-grid-column:10}:host(.nano-grid-10) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(19)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(20)){-ms-grid-row:2;-ms-grid-column:10}';const l=["col-span","col-start","row-span","row-start"];let a=class{constructor(r){i(this,r),this.currGridSizes=[null],this.gridStates=""}updateGridClasses(){this.applyChildrenClasses()}async changeBP(i){this.currGridSizes!==i&&(this.currGridSizes=i,this.gridStates.length&&this.applyChildrenClasses())}applyChildrenClasses(){let i,r,t,d=[""],o="";t=this.el.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),this.el.className=t.join(" ").trim(),r=this.gridStates.split(" "),l.forEach((s=>{i=!1,this.currGridSizes.slice().reverse().forEach((n=>{!i&&n&&(i=r.find((i=>0===i.indexOf(`${n.size}-${s}`))),i&&(t=this.el.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),this.el.className=t.join(" ").trim(),d=i.split("-"),d.shift(),o=d.join("-"),this.el.classList.add(`nano-grid-${o}`)))}))}))}render(){return r("slot",null)}get el(){return d(this)}static get watchers(){return{gridStates:["updateGridClasses"]}}};a.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";let m=class{constructor(r){i(this,r),this.nanoImgWillLoad=o(this,"nanoImgWillLoad",7),this.nanoImgDidLoad=o(this,"nanoImgDidLoad",7),this.nanoImgError=o(this,"nanoImgError",7),this._srcSet={},this.hasLoaded=!1,this.imgStates=null,this.lazy=!0,this.autoHeight="content",this.onLoad=()=>{this.nanoImgDidLoad.emit(),setTimeout((()=>this.hasLoaded=!0),50)},this.onError=()=>{this.nanoImgError.emit()},this.onResize=i=>{Object.entries(i.detail).forEach((([i,r])=>{this._srcSet[i].active=r}));const r=[];Object.keys(this._srcSet).sort().forEach((i=>{this._srcSet[i].active&&r.push(this._srcSet[i].src)})),this._src=r.length?r.slice(-1)[0]:this.src}}_srcChanged(){this.hasLoaded=!1,this.addIO()}srcChanged(){this._src=this.src}srcSetChanged(){this.srcSet&&(delete this._srcSet,this._srcSet={},this.imgStates=this.srcSet.split(",").map((i=>{const[r,t]=i.split(" ").filter((i=>i.length));return this._srcSet[r]={src:t,active:!1},r})).join(", "))}lazyChanged(){this.lazy||this.load()}addIO(){this._src&&!this.hasLoaded&&(this.lazy?"undefined"!=typeof window&&"IntersectionObserver"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((i=>{i[0].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.host)):setTimeout((()=>this.load()),200):this.load())}load(){this.loadError=this.onError,this.loadSrc=this._src,this.nanoImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.srcChanged(),this.srcSetChanged(),this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const i=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return r("div",{class:"img"},r("nano-skeleton",{class:"img__loader"}),!!this.background&&r("div",{class:{loaded:this.hasLoaded,img__bg:!0,"no-height":"image"===this.autoHeight},style:i},r("slot",null)),r("img",{class:{img__image:!0,loaded:this.hasLoaded,hide:this.background,"no-height":"content"===this.autoHeight},decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),r("nano-resize-observe",{class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates}))}get host(){return d(this)}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--padding:0;display:inline-block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;min-height:inherit;height:100%;display:block;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit}.img__loader,.img__observer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;-webkit-transition:0.5s ease opacity, 0.3s ease filter 0.4s;transition:0.5s ease opacity, 0.3s ease filter 0.4s;-webkit-filter:blur(5px);filter:blur(5px)}.img__image.loaded,.img__bg.loaded{opacity:1;-webkit-filter:blur(0.1px);filter:blur(0.1px)}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{-webkit-filter:blur(0);filter:blur(0)}}}.img__image{-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;max-width:100%;height:auto}.img__image.hide{visibility:hidden}.img__image.hide.no-height{height:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;top:0;left:0;right:0;bottom:0}";export{h as nano_grid,a as nano_grid_item,m as nano_img}
+//# sourceMappingURL=p-f5f76780.entry.js.map

package/dist/nano-components/p-f5f76780.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/grid/grid.scss?tag=nano-grid&encapsulation=shadow","src/components/grid/grid.tsx","src/components/grid/grid-item.scss?tag=nano-grid-item&encapsulation=shadow","src/components/grid/grid-item.tsx","src/components/img/img.tsx","src/components/img/img.scss?tag=nano-img&encapsulation=shadow"],"names":["STATEOPTS","CANSHADOW","document","head","attachShadow","Grid","[object Object]","hostRef","this","generalClasses","gridClass","isSizes","ready","isSmall","isMedium","isLarge","isXL","isXXL","sSize","mSize","lSize","xlSize","showHelper","contentPanel","fullHeight","applySizeClasses","size","currentWidth","push","sCols","active","mCols","lCols","xlCols","xxlCols","el","style","setProperty","slice","pop","applyChildrenClasses","setTimeout","gridItems","querySelectorAll","length","forEach","gridItem","changeBP","found","itemStates","classes","ctx","stateArr","itemState","querySelector","map","call","children","gItem","hasAttribute","className","split","filter","c","startsWith","join","trim","getAttribute","stateOpt","reverse","find","state","indexOf","includes","shift","classList","add","wrapper","ele","nodeName","contains","createElement","setAttribute","removeAttribute","insertBefore","appendChild","ro","ResizeObserver","entries","entry","contentRect","width","observe","disconnect","h","Host","class","has-grid","is-legacy","undefined","grid","GridItem","currGridSizes","gridStates","newGridSizes","Img","_srcSet","hasLoaded","imgStates","lazy","autoHeight","onLoad","nanoImgDidLoad","emit","onError","nanoImgError","onResize","e","Object","detail","bp","srcOpts","keys","sort","src","_src","addIO","srcSet","bpSrc","load","window","IntersectionObserverEntry","prototype","removeIO","io","IntersectionObserver","data","isIntersecting","host","loadError","loadSrc","nanoImgWillLoad","srcChanged","srcSetChanged","lazyChanged","bgStyle","background-image","background","loaded","img__bg","no-height","img__image","hide","decoding","alt","onNanoResizeStateChange","states"],"mappings":"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","sourcesContent":["// we use &::slotted selectors to target ie ... this is a due to a bug with how stencil makes css scoping for browsers without shadow-dom. Need to be mindful incase they ever fix this!\n\n@import '../../global/style/nano-theme/base';\n\n// ie 11 fixes ... maximum numbers we can place on the grid ... upping this number decreases performance a lot.\n$max-grid-cols: 10;\n\n@mixin grid($size: 1) {\n  @at-root :host(.nano-grid-#{$size}) {\n    --current-grid-size: 'grid size: #{$size}';\n    --col-width: calc(#{100 / $size}% - var(--grid-col-gap));\n    --repeat-width: calc(100% / #{$size});\n\n    .grid {\n      grid-template-columns: repeat(#{$size}, minmax(var(--col-width), 1fr));\n\n      $current-column: 1;\n      $current-row: 1;\n\n      @for $i from 1 through ($max-grid-cols * 2) {\n        @if $current-column > $size {\n          $current-column: 1;\n          $current-row: $current-row + 1;\n        }\n\n        &::slotted(:nth-child(#{$i})) {\n          -ms-grid-row: $current-row;\n          -ms-grid-column: $current-column;\n          // use margin because there's no grid gap.\n        }\n        $current-column: $current-column + 1;\n      }\n    }\n  }\n}\n\n@mixin grid-spans {\n  @for $i from 1 through $max-grid-cols {\n    ::slotted(.nano-grid-col-start-#{$i}),\n    &::slotted(.nano-grid-col-start-#{$i}) {\n      grid-column-start: #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-row-start-#{$i}),\n    &::slotted(.nano-grid-row-start-#{$i}) {\n      grid-row-start: #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-col-span-#{$i}),\n    &::slotted(.nano-grid-col-span-#{$i}) {\n      grid-column-end: span #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-row-span-#{$i}),\n    &::slotted(.nano-grid-row-span-#{$i}) {\n      grid-row-end: span #{$i} !important;\n    }\n  }\n}\n\n:host {\n  /**\n  * @prop --grid-col-gap: gap between all columns. Defaults to theme's global padding\n  * @prop --grid-row-gap: gap between all rows. Defaults to theme's global padding\n  */\n\n  --grid-col-gap: #{$spacing-medium};\n  --grid-row-gap: #{$spacing-medium};\n  --current-grid-size: \"'grid size: sm'\";\n\n  display: block;\n  opacity: 0;\n  transition: 0.2s ease opacity;\n\n  .grid {\n    /* autoprefixer: ignore next */\n    display: grid;\n\n    /* autoprefixer: ignore next */\n    grid-gap: var(--grid-row-gap) var(--grid-col-gap);\n    height: inherit;\n    min-height: inherit;\n\n    &::slotted(*) {\n      border: 0 solid transparent;\n      background-clip: padding-box;\n      border-width: var(--grid-row-gap) calc(var(--grid-col-gap) / 2);\n    }\n  }\n}\n\n:host(.ready) {\n  opacity: 1;\n}\n\n:host(.has-grid) {\n  .grid {\n    display: grid;\n\n    @include grid-spans;\n\n    // ie 'grid gap'. use border because there's no grid gap.\n    &::slotted(*) {\n      border-width: calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2);\n    }\n  }\n}\n\n// All sorts of IE fuckery to recreate grid-gap when nested etc\n:host([is-legacy]) {\n  overflow: hidden;\n\n  .grid {\n    margin-bottom: calc(var(--grid-row-gap) * -0.5);\n    margin-top: calc(var(--grid-row-gap) * -0.5);\n    margin-left: calc(var(--grid-col-gap) * -0.5);\n    margin-right: calc(var(--grid-col-gap) * -0.5);\n  }\n}\n\n// nested\nnano-grid :host-context[is-legacy] {\n  overflow: visible;\n\n  .grid {\n    &::slotted(:first-child) {\n      border-top-width: calc(var(--grid-row-gap) / 2);\n    }\n\n    &::slotted(:last-child) {\n      border-bottom-width: calc(var(--grid-row-gap) / 2);\n    }\n  }\n}\n\n:host([content-panel]:not([content-panel='false'])) {\n  display: -ms-flexbox;\n  -ms-flex-direction: column;\n\n  .grid {\n    grid-template-rows: auto 1fr;\n  }\n}\n\n:host([full-height]:not([full-height='false'])) {\n  height: 100%;\n\n  .grid {\n    grid-template-rows: 1fr;\n\n    &::slotted(*) {\n      min-height: 100%;\n    }\n  }\n}\n\n:host([show-helper]:not([show-helper='false'])) {\n  .grid {\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      top: 0;\n      pointer-events: none;\n      background-image:\n        repeating-linear-gradient(\n          to right,\n          hsla(204, 80%, 72%, 0.25),\n          hsla(204, 80%, 72%, 0.25) var(--col-width),\n          transparent var(--col-width),\n          transparent var(--repeat-width)\n        );\n      background-size: calc(100% + var(--grid-col-gap)) 100%;\n      z-index: 100;\n    }\n\n    &::before {\n      content: var(--current-grid-size);\n      font-size: 30px;\n      position: absolute;\n      width: 100%;\n      left: 0;\n      text-align: center;\n      top: 50%;\n      transform: translateY(-50%);\n      color: rgba(0, 0, 0, 0.2);\n      text-transform: uppercase;\n      z-index: 99;\n      pointer-events: none;\n    }\n  }\n}\n\n@for $i from 1 through $max-grid-cols {\n  @include grid($i);\n}\n","import { Component, h, Prop, Element, Host, State, Watch } from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { GridSizes } from '../../interface';\nimport { testLegacyStyle } from '../../utils/utils';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * A context-aware CSS grid implementation.\n * Uses it's own width to choose column number - not screen width.\n */\n@Component({\n  tag: 'nano-grid',\n  styleUrl: 'grid.scss',\n  shadow: true,\n})\nexport class Grid {\n  @Element() private el: HTMLNanoGridElement;\n  private ro: ResizeObserver;\n  private generalClasses: Array<string> = [''];\n  private gridClass: string = null;\n  private isSizes: GridSizes[] = [null];\n  private currentWidth: number;\n\n  @State() ready: boolean = false;\n  @State() isSmall = false;\n  @State() isMedium = false;\n  @State() isLarge = false;\n  @State() isXL = false;\n  @State() isXXL = false;\n\n  /**\n   * the component's small breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() sSize: number = 300;\n\n  /**\n   * the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() mSize: number = 550;\n\n  /**\n   * the component's large breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() lSize: number = 800;\n\n  /**\n   * the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() xlSize: number = 1000;\n\n  /**\n   * the number of columns the grid has at the small breakpoint.\n   */\n  @Prop() sCols: number;\n\n  /**\n   * the number of columns the grid has at the medium breakpoint.\n   */\n  @Prop() mCols: number;\n\n  /**\n   * the number of columns the grid has at the large breakpoint.\n   */\n  @Prop() lCols: number;\n\n  /**\n   * the number of columns the grid has at the xl breakpoint.\n   */\n  @Prop() xlCols: number;\n\n  /**\n   * the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)\n   */\n  @Prop() xxlCols: number;\n\n  /**\n   * shows a grid helper to visualise where columns are\n   */\n  @Prop({ reflect: true }) showHelper: boolean = false;\n\n  /**\n   * shortcut for a traditional website like grid (requires more than one row). The second row will auto expand to fill the grid height. The first row and > 2nd row will be the size of their content. e.g. header, body and footer.\n   */\n  @Prop({ reflect: true }) contentPanel: boolean = false;\n\n  /**\n   * Helper to make grid items expand to full height in IE11\n   */\n  @Prop({ reflect: true }) fullHeight: boolean = false;\n\n  @Watch('sSize')\n  @Watch('mSize')\n  @Watch('lSize')\n  @Watch('xlSize')\n  @Watch('sCols')\n  @Watch('mCols')\n  @Watch('lCols')\n  @Watch('xlCols')\n  @Watch('xxlCols')\n  propChanged() {\n    this.applySizeClasses();\n  }\n\n  private applySizeClasses() {\n    let size = this.currentWidth;\n\n    this.isSmall = false;\n    this.isMedium = false;\n    this.isLarge = false;\n    this.isXL = false;\n    this.isXXL = false;\n\n    this.generalClasses = [];\n    this.gridClass = null;\n    this.isSizes = [null];\n\n    this.isSmall = true;\n    this.generalClasses.push('is-small');\n    if (this.sCols) this.gridClass = `nano-grid-${this.sCols}`;\n    this.isSizes.push({ size: 's', active: true });\n\n    if (size > this.sSize) {\n      this.isMedium = true;\n      this.generalClasses.push('is-medium');\n      if (this.mCols) this.gridClass = `nano-grid-${this.mCols}`;\n      this.isSizes.push({ size: 'm', active: true });\n    }\n\n    if (size > this.mSize) {\n      this.isLarge = true;\n      this.generalClasses.push('is-large');\n      if (this.lCols) this.gridClass = `nano-grid-${this.lCols}`;\n      this.isSizes.push({ size: 'l', active: true });\n    }\n\n    if (size > this.lSize) {\n      this.isXL = true;\n      this.generalClasses.push('is-xl');\n      if (this.xlCols) this.gridClass = `nano-grid-${this.xlCols}`;\n      this.isSizes.push({ size: 'xl', active: true });\n    }\n\n    if (size > this.xlSize) {\n      this.isXXL = true;\n      this.generalClasses.push('is-xxl');\n      if (this.xxlCols) this.gridClass = `nano-grid-${this.xxlCols}`;\n      this.isSizes.push({ size: 'xxl', active: true });\n    }\n\n    this.el.style.setProperty(\n      '--current-grid-size',\n      `'grid size: ${this.isSizes.slice().pop().size}'`\n    );\n    this.applyChildrenClasses();\n    setTimeout(() => (this.ready = true), 0);\n  }\n\n  private applyChildrenClasses() {\n    let gridItems = this.el.querySelectorAll('nano-grid-item');\n    if (gridItems.length) {\n      gridItems.forEach((gridItem: HTMLNanoGridItemElement) => {\n        gridItem.changeBP(this.isSizes);\n      });\n      return;\n    }\n\n    // this logic has been put into grid-item. Keep here for legacy for now\n    let stateArr: Array<string> = [''],\n      itemState: string = '',\n      found: any,\n      itemStates: Array<string>,\n      classes: Array<string>,\n      ctx: HTMLElement;\n\n    if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n    else ctx = this.el;\n\n    // item states come in 4 possible flavours at every breakpoint. E.g.\n    // xl-col-span-2\n    // xl-col-start-2\n    // xl-row-span-2\n    // xl-row-start-2\n\n    // loop through all grid items with states.\n    [].map.call(ctx.children, (gItem: HTMLElement) => {\n      if (!gItem.hasAttribute('grid-states')) return;\n\n      // gridItems.forEach(gItem => {\n\n      // clear all previous grid state classnames\n      classes = gItem.className\n        .split(' ')\n        .filter((c) => !c.startsWith('nano-grid-'));\n      gItem.className = classes.join(' ').trim();\n\n      // get all potential states this element can have\n      itemStates = gItem.getAttribute('grid-states').split(' ');\n\n      // loop through all potential state options: col & row span & start\n      STATEOPTS.forEach((stateOpt) => {\n        // reset found flag\n        found = false;\n\n        // loop through all the current valid breakpoints / sizes backwards because\n        // we only care about the item's state at the largest current breakpoint.\n        this.isSizes\n          .slice()\n          .reverse()\n          .forEach(function (size) {\n            if (found || !size) return;\n            found = itemStates.find(\n              (state) => state.indexOf(`${size.size}-${stateOpt}`) === 0\n            );\n\n            // found a state at this current size. apply class.\n            if (found) {\n              // clear previous grid state classname\n              classes = gItem.className\n                .split(' ')\n                .filter((c) => !c.includes('nano-grid-${stateOpt}'));\n              gItem.className = classes.join(' ').trim();\n\n              stateArr = found.split('-');\n\n              // remove the size of the state\n              stateArr.shift();\n              itemState = stateArr.join('-');\n\n              // add new class\n              gItem.classList.add(`nano-grid-${itemState}`);\n            }\n          });\n      });\n    });\n  }\n\n  connectedCallback() {\n    testLegacyStyle(this.el);\n  }\n\n  componentWillLoad() {\n    let wrapper: HTMLElement, ctx;\n\n    if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n    else ctx = this.el;\n\n    [].map.call(ctx.children, (ele: HTMLElement) => {\n      if (!CANSHADOW) {\n        if (\n          ele.classList.contains('nano-griditem') ||\n          ele.nodeName === 'NANO-GRID-ITEM'\n        )\n          return;\n\n        wrapper = document.createElement('div');\n        if (ele.hasAttribute('grid-states')) {\n          wrapper.setAttribute('grid-states', ele.getAttribute('grid-states'));\n          ele.removeAttribute('grid-states');\n        }\n\n        this.el.insertBefore(wrapper, ele);\n        wrapper.appendChild(ele);\n        wrapper.classList.add('nano-griditem');\n      } else if (ele.nodeName !== 'NANO-GRID-ITEM')\n        ele.classList.add('nano-griditem');\n    });\n  }\n\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (!entry.contentRect.width) return;\n        this.currentWidth = entry.contentRect.width;\n        this.applySizeClasses();\n      }\n    });\n    this.ro.observe(this.el);\n  }\n\n  disconnectedCallback() {\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    // console.log(this.currentWidth, this.generalClasses.join(' '), this.gridClass, this.showHelper, this.gridClass)\n    return (\n      <Host\n        class={{\n          [this.generalClasses.join(' ')]: true,\n          'has-grid': !!this.gridClass,\n          ready: this.ready,\n          [this.gridClass]: true,\n        }}\n        is-legacy={!CANSHADOW ? true : undefined}\n      >\n        <div\n          class={{\n            grid: true,\n          }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n\n// <Host class={{\n//         [this.generalClasses.join(' ')]: true,\n//         [this.gridClass]: true,\n//         'helper': this.showHelper,\n//         'has-grid': !!this.gridClass,\n//         'legacy': !CANSHADOW,\n//         'content-panel': this.contentPanel,\n//         'full-height': this.fullHeight,\n//         'ready': this.ready\n//       }}></Host>\n",":host {\n  display: block;\n}\n","import { Component, h, Prop, Element, Method, Watch } from '@stencil/core';\nimport { GridSizes } from '../../interface';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\n\n/**\n * Grid items to be used with [grid](/story/nano-components-grid) elements\n */\n@Component({\n  tag: 'nano-grid-item',\n  styleUrl: 'grid-item.scss',\n  shadow: true,\n})\nexport class GridItem {\n  private currGridSizes: GridSizes[] = [null];\n\n  @Element() private el: HTMLNanoGridItemElement;\n  /**\n   * How to position this item within it's parent grid at different break points. Examples:\n   * xl-col-span-2\n   * l-col-start-2\n   * xxl-row-span-2\n   * m-row-start-2\n   */\n  @Prop() gridStates: string = '';\n\n  @Watch('gridStates')\n  updateGridClasses() {\n    this.applyChildrenClasses();\n  }\n\n  /**\n   * Called by parent grid to trigger new classes\n   * @internal\n   */\n  @Method()\n  async changeBP(newGridSizes: GridSizes[]) {\n    if (this.currGridSizes === newGridSizes) return;\n    this.currGridSizes = newGridSizes;\n\n    if (!this.gridStates.length) return;\n    this.applyChildrenClasses();\n  }\n\n  private applyChildrenClasses() {\n    let stateArr: Array<string> = [''],\n      itemState: string = '',\n      found: any,\n      itemStates: Array<string>,\n      classes: Array<string>;\n\n    // item states come in 4 possible flavours at every breakpoint. E.g.\n    // xl-col-span-2\n    // xl-col-start-2\n    // xl-row-span-2\n    // xl-row-start-2\n\n    // clear all previous grid state classnames\n    classes = this.el.className\n      .split(' ')\n      .filter((c) => !c.startsWith('nano-grid-'));\n    this.el.className = classes.join(' ').trim();\n\n    // get all potential states this element can have\n    itemStates = this.gridStates.split(' ');\n\n    // loop through all potential state options: col & row span & start\n    STATEOPTS.forEach((stateOpt) => {\n      // reset found flag\n      found = false;\n\n      // loop through all the current valid breakpoints / sizes backwards because\n      // we only care about the item's state at the largest current breakpoint.\n      this.currGridSizes\n        .slice()\n        .reverse()\n        .forEach((size) => {\n          if (found || !size) return;\n          found = itemStates.find(\n            (state) => state.indexOf(`${size.size}-${stateOpt}`) === 0\n          );\n\n          // found a state at this current size. apply class.\n          if (found) {\n            // clear previous grid state classname\n            classes = this.el.className\n              .split(' ')\n              .filter((c) => !c.includes('nano-grid-${stateOpt}'));\n            this.el.className = classes.join(' ').trim();\n\n            stateArr = found.split('-');\n\n            // remove the size of the state\n            stateArr.shift();\n            itemState = stateArr.join('-');\n\n            // add new class\n            this.el.classList.add(`nano-grid-${itemState}`);\n          }\n        });\n    });\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Prop,\n  Watch,\n  h,\n  ComponentInterface,\n} from '@stencil/core';\nimport { ResizeStateChangeEventDetail } from '../../interface';\n\n/**\n * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.\n * @slot - Main slot. Only relevant with `<nano-img background>`\n */\n@Component({\n  tag: 'nano-img',\n  styleUrl: 'img.scss',\n  shadow: true,\n})\nexport class Img implements ComponentInterface {\n  private io?: IntersectionObserver;\n  private _srcSet: { [key: string]: { src: string; active: boolean } } = {};\n\n  @Element() host!: HTMLNanoImgElement;\n\n  @State() loadSrc?: string;\n  @State() loadError?: () => void;\n  @State() hasLoaded: boolean = false;\n  @State() imgStates: string = null;\n  @State() _src: string;\n  @Watch('_src')\n  _srcChanged() {\n    this.hasLoaded = false;\n    this.addIO();\n  }\n\n  /** This attribute defines the alternative text describing the image.\n   * Users will see this text displayed if the image URL is wrong, or if the image is not yet downloaded. */\n  @Prop() alt?: string;\n\n  /** The image URL. This attribute is mandatory for the `<img>` element. */\n  @Prop() src!: string;\n  @Watch('src')\n  srcChanged() {\n    this._src = this.src;\n  }\n\n  /** Optional list string providing media sizes with corresponding image srcs.\n   * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` */\n  @Prop() srcSet?: string;\n  @Watch('srcSet')\n  srcSetChanged() {\n    if (!this.srcSet) return;\n\n    delete this._srcSet;\n    this._srcSet = {};\n\n    this.imgStates = this.srcSet\n      .split(',')\n      .map((bpSrc) => {\n        const [bp, src] = bpSrc.split(' ').filter((bp) => bp.length);\n        this._srcSet[bp] = { src: src, active: false };\n        return bp;\n      })\n      .join(', ');\n  }\n\n  /** Render image lazily, when it comes into the browser viewport **/\n  @Prop() lazy: boolean = true;\n  @Watch('lazy')\n  lazyChanged() {\n    if (!this.lazy) this.load();\n  }\n\n  /** Render the image as a background image **/\n  @Prop() background?: boolean;\n\n  /** When the image is rendered as a background, and there is no preset dimensions of the component,\n   * you can set how the component height will be set. Via image size or via the content **/\n  @Prop() autoHeight: 'content' | 'image' = 'content';\n\n  /** Emitted when the img src has been set */\n  @Event() nanoImgWillLoad!: EventEmitter<void>;\n\n  /** Emitted when the image has finished loading */\n  @Event() nanoImgDidLoad!: EventEmitter<void>;\n\n  /** Emitted when the img fails to load */\n  @Event() nanoImgError!: EventEmitter<void>;\n\n  private addIO() {\n    if (!this._src || this.hasLoaded) return;\n    if (!this.lazy) {\n      this.load();\n      return;\n    }\n    if (\n      typeof (window as any) !== 'undefined' &&\n      'IntersectionObserver' in window &&\n      'isIntersecting' in window.IntersectionObserverEntry.prototype\n    ) {\n      this.removeIO();\n      this.io = new IntersectionObserver((data) => {\n        if (data[0].isIntersecting) {\n          this.load();\n          this.removeIO();\n        }\n      });\n\n      this.io.observe(this.host);\n    } else setTimeout(() => this.load(), 200);\n  }\n\n  private load() {\n    this.loadError = this.onError;\n    this.loadSrc = this._src;\n    this.nanoImgWillLoad.emit();\n  }\n\n  private onLoad = () => {\n    this.nanoImgDidLoad.emit();\n    setTimeout(() => (this.hasLoaded = true), 50);\n  };\n\n  private onError = () => {\n    this.nanoImgError.emit();\n  };\n\n  private onResize = (e: { detail: ResizeStateChangeEventDetail }) => {\n    Object.entries(e.detail).forEach(([bp, active]) => {\n      this._srcSet[bp].active = active;\n    });\n\n    // sort and find the highest sized matching image.\n    const srcOpts = [];\n    Object.keys(this._srcSet)\n      .sort()\n      .forEach((bp) => {\n        if (this._srcSet[bp].active) srcOpts.push(this._srcSet[bp].src);\n      });\n\n    if (srcOpts.length) this._src = srcOpts.slice(-1)[0];\n    // no matching image? Set back to default\n    else this._src = this.src;\n  };\n\n  private removeIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  connectedCallback() {\n    this.srcChanged();\n    this.srcSetChanged();\n    this.lazyChanged();\n  }\n\n  componentDidLoad() {\n    this.addIO();\n  }\n\n  disconnectedCallback() {\n    this.removeIO();\n  }\n\n  render() {\n    const bgStyle = !!this.loadSrc\n      ? { 'background-image': `url(${this.loadSrc})` }\n      : {};\n    return (\n      <div class=\"img\">\n        <nano-skeleton class=\"img__loader\"></nano-skeleton>\n        {!!this.background && (\n          <div\n            class={{\n              loaded: this.hasLoaded,\n              img__bg: true,\n              'no-height': this.autoHeight === 'image',\n            }}\n            style={bgStyle}\n          >\n            <slot />\n          </div>\n        )}\n        <img\n          class={{\n            img__image: true,\n            loaded: this.hasLoaded,\n            hide: this.background,\n            'no-height': this.autoHeight === 'content',\n          }}\n          decoding=\"async\"\n          src={this.loadSrc}\n          alt={this.alt}\n          onLoad={this.onLoad}\n          onError={this.loadError}\n        />\n        <nano-resize-observe\n          class=\"img__observer\"\n          onNanoResizeStateChange={this.onResize}\n          states={this.imgStates}\n        />\n      </div>\n    );\n  }\n}\n",":host {\n  /**\n   * @prop --padding: padding around any content. Only relevent on `<nano-img background>`\n  */\n  --padding: 0;\n\n  display: inline-block;\n  object-fit: cover;\n  object-position: center;\n  background-size: cover;\n  background-position: center;\n\n  * {\n    border-radius: inherit;\n  }\n}\n\n:host([background]:not([background='false'])) {\n  display: block;\n}\n\n.img {\n  position: relative;\n  min-height: inherit;\n  height: 100%;\n  display: block;\n  object-fit: inherit;\n  object-position: inherit;\n  background-color: inherit;\n  background-position: inherit;\n  background-size: inherit;\n  background-origin: inherit;\n  background-attachment: inherit;\n  background-repeat: inherit;\n}\n\n.img__loader,\n.img__observer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n}\n\n.img__image,\n.img__bg {\n  border-radius: inherit;\n  display: block;\n  opacity: 0;\n  transition: 0.5s ease opacity, 0.3s ease filter 0.4s;\n  filter: blur(5px);\n\n  &.loaded {\n    opacity: 1;\n    filter: blur(0.1px);\n\n    @media not all and (min-resolution: 0.001dpcm) {\n      @supports (-webkit-appearance: none) {\n        filter: blur(0);\n      }\n    }\n  }\n}\n\n.img__image {\n  object-fit: inherit;\n  object-position: inherit;\n  max-width: 100%;\n  height: auto;\n\n  &.hide {\n    visibility: hidden;\n\n    &.no-height {\n      height: 1px;\n      position: absolute;\n      z-index: -1;\n    }\n  }\n}\n\n.img__bg {\n  background-color: inherit;\n  background-position: inherit;\n  background-size: inherit;\n  background-origin: inherit;\n  background-attachment: inherit;\n  background-repeat: inherit;\n  overflow: auto;\n  padding: var(--padding);\n\n  &.no-height {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n"]}

package/dist/nano-components/p-f60dde31.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-0c67773b.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.g}],execute:function(){var n=[];var i=function(){function t(t){this.tabDirection="forward";this.element=t;this.handleFocusIn=this.handleFocusIn.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}t.prototype.activate=function(){n.push(this.element);document.addEventListener("focusin",this.handleFocusIn);document.addEventListener("keydown",this.handleKeyDown)};t.prototype.deactivate=function(){var t=this;n=n.filter((function(e){return e!==t.element}));document.removeEventListener("focusin",this.handleFocusIn);document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.isActive=function(){return n[n.length-1]===this.element};t.prototype.handleFocusIn=function(t){var n=t.composedPath();if(this.isActive()&&!n.includes(this.element)){var i=e(this.element);var o=this.tabDirection==="backward"?i.length-1:0;i[o].focus({preventScroll:true})}};t.prototype.handleKeyDown=function(t){var e=this;if(t.key==="Tab"&&t.shiftKey){this.tabDirection="backward";setTimeout((function(){return e.tabDirection="forward"}))}};return t}();t("M",i)}}}));
+//# sourceMappingURL=p-f60dde31.system.js.map

package/dist/nano-components/p-f60dde31.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/modal.ts"],"names":["activeModals","Modal","element","this","tabDirection","handleFocusIn","bind","handleKeyDown","prototype","activate","push","document","addEventListener","deactivate","_this","filter","modal","removeEventListener","isActive","length","event","path","composedPath","includes","tabbableElements","getTabbableElements","index","focus","preventScroll","key","shiftKey","setTimeout"],"mappings":"kIAEA,IAAIA,EAA8B,oBAMhC,SAAAC,EAAYC,GAFZC,KAAAC,aAAuC,UAGrCD,KAAKD,QAAUA,EACfC,KAAKE,cAAgBF,KAAKE,cAAcC,KAAKH,MAC7CA,KAAKI,cAAgBJ,KAAKI,cAAcD,KAAKH,MAG/CF,EAAAO,UAAAC,SAAA,WACET,EAAaU,KAAKP,KAAKD,SACvBS,SAASC,iBAAiB,UAAWT,KAAKE,eAC1CM,SAASC,iBAAiB,UAAWT,KAAKI,gBAG5CN,EAAAO,UAAAK,WAAA,WAAA,IAAAC,EAAAX,KACEH,EAAeA,EAAae,QAAO,SAACC,GAAU,OAAAA,IAAUF,EAAKZ,WAC7DS,SAASM,oBAAoB,UAAWd,KAAKE,eAC7CM,SAASM,oBAAoB,UAAWd,KAAKI,gBAG/CN,EAAAO,UAAAU,SAAA,WAEE,OAAOlB,EAAaA,EAAamB,OAAS,KAAOhB,KAAKD,SAGxDD,EAAAO,UAAAH,cAAA,SAAce,GACZ,IAAMC,EAAOD,EAAME,eAGnB,GAAInB,KAAKe,aAAeG,EAAKE,SAASpB,KAAKD,SAAU,CACnD,IAAMsB,EAAmBC,EAAoBtB,KAAKD,SAClD,IAAMwB,EACJvB,KAAKC,eAAiB,WAAaoB,EAAiBL,OAAS,EAAI,EACnEK,EAAiBE,GAAOC,MAAM,CAAEC,cAAe,SAInD3B,EAAAO,UAAAD,cAAA,SAAca,GAAd,IAAAN,EAAAX,KAEE,GAAIiB,EAAMS,MAAQ,OAAST,EAAMU,SAAU,CACzC3B,KAAKC,aAAe,WACpB2B,YAAW,WAAA,OAAOjB,EAAKV,aAAe","sourcesContent":["import { getTabbableElements } from './tabbable';\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  tabDirection: 'forward' | 'backward' = 'forward';\n\n  constructor(element: HTMLElement) {\n    this.element = element;\n    this.handleFocusIn = this.handleFocusIn.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  deactivate() {\n    activeModals = activeModals.filter((modal) => modal !== this.element);\n    document.removeEventListener('focusin', this.handleFocusIn);\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  handleFocusIn(event: Event) {\n    const path = event.composedPath();\n\n    // Trap focus so it doesn't go out of the modal's boundary\n    if (this.isActive() && !path.includes(this.element)) {\n      const tabbableElements = getTabbableElements(this.element);\n      const index =\n        this.tabDirection === 'backward' ? tabbableElements.length - 1 : 0;\n      tabbableElements[index].focus({ preventScroll: true });\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Quick hack to determine tab direction\n    if (event.key === 'Tab' && event.shiftKey) {\n      this.tabDirection = 'backward';\n      setTimeout(() => (this.tabDirection = 'forward'));\n    }\n  }\n}\n"]}

package/dist/nano-components/p-fa884269.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as n}from"./p-f55560d3.js";import{f as t}from"./p-c14d5f7d.js";let a=class{constructor(n){o(this,n),this.type="button",this.disabled=!1}componentDidLoad(){t.observe(this.button)}connectedCallback(){this.button&&t.observe(this.button)}disconnectedCallback(){t.unobserve(this.button)}render(){return n(void 0===this.href?"button":"a",{ref:o=>this.button=o,class:{"icon-button":!0,"icon-button--disabled":this.disabled},"aria-label":this.label,name:this.name,value:this.value,href:this.href||void 0,target:this.href&&this.target?this.target:void 0,type:!this.href&&this.type?this.type:void 0},n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true"}))}};a.style=".sc-nano-icon-button-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-icon-button,*.sc-nano-icon-button::before,*.sc-nano-icon-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-icon-button-h{display:inline-block;--border-radius:var(--nano-border-radius-medium, 4px);--active-color:#005c75;--hover-color:#0084a9;--nano-color-base:var(--color, #687576);--background:transparent}.icon-button.sc-nano-icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:var(--border-radius);background:var(--background);font-size:inherit;color:var(--color);padding:var(--nano-spacing-small, 8px);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out, -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out}.icon-button.sc-nano-icon-button:hover:not(.icon-button--disabled),.icon-button.sc-nano-icon-button:focus:not(.icon-button--disabled){color:var(--hover-color);--nano-color-base:var(--hover-color)}.icon-button.sc-nano-icon-button:active:not(.icon-button--disabled){color:var(--active-color);--nano-color-base:var(--active-color)}.icon-button.sc-nano-icon-button:focus{outline:none}.icon-button--disabled.sc-nano-icon-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.focus-visible.icon-button.sc-nano-icon-button:focus{-webkit-box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";export{a as nano_icon_button}
+//# sourceMappingURL=p-fa884269.entry.js.map

package/dist/nano-components/p-fa884269.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/icon-button/icon-button.tsx","src/components/icon-button/icon-button.scss?tag=nano-icon-button&encapsulation=scoped"],"names":["IconButton","[object Object]","hostRef","this","type","disabled","focusVisible","observe","button","unobserve","h","undefined","href","ref","el","class","icon-button","icon-button--disabled","aria-label","label","name","value","target","iconName","src","iconSrc","aria-hidden"],"mappings":"mFAUaA,EAAU,MALvBC,YAAAC,aAe2BC,KAAAC,KAAsC,SAatCD,KAAAE,UAAW,EAUpCJ,mBACEK,EAAaC,QAAQJ,KAAKK,QAG5BP,oBACME,KAAKK,QAAQF,EAAaC,QAAQJ,KAAKK,QAG7CP,uBACEK,EAAaG,UAAUN,KAAKK,QAG9BP,SAGE,OACES,OAH4BC,IAAdR,KAAKS,KAAqB,SAAY,IAG5C,CACNC,IAAMC,GAAQX,KAAKK,OAASM,EAC5BC,MAAO,CACLC,eAAe,EACfC,wBAAyBd,KAAKE,UAC/Ba,aACWf,KAAKgB,MACjBC,KAAMjB,KAAKiB,KACXC,MAAOlB,KAAKkB,MACZT,KAAMT,KAAKS,WAAQD,EACnBW,OAAQnB,KAAKS,MAAQT,KAAKmB,OAASnB,KAAKmB,YAASX,EACjDP,MAAOD,KAAKS,MAAQT,KAAKC,KAAOD,KAAKC,UAAOO,GAE5CD,EAAA,YAAA,CAAWU,KAAMjB,KAAKoB,SAAUC,IAAKrB,KAAKsB,QAAOC,cAAc,oBCxEjD","sourcesContent":["import { Component, Prop, h, ComponentInterface } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\n\n/** Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. */\n\n@Component({\n  tag: 'nano-icon-button',\n  styleUrl: 'icon-button.scss',\n  scoped: true,\n})\nexport class IconButton implements ComponentInterface {\n  private button: HTMLButtonElement;\n\n  /** The name of the icon to draw. */\n  @Prop() iconName?: string;\n\n  /** An external URL of an SVG file. */\n  @Prop() iconSrc?: string;\n\n  /** The default behavior of the button. */\n  @Prop({ reflect: true }) type: 'submit' | 'reset' | 'button' = 'button';\n\n  /** The name of the button, submitted as a pair with the button’s value as part of the form data. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Defines the value associated with the button’s name when it’s submitted with the form data. */\n  @Prop({ reflect: true }) value?: string;\n\n  /** A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\n   * always include a label that describes what the icon button does. */\n  @Prop() label!: string;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, an anchor tag will be rendered. */\n  @Prop() href: string | undefined;\n\n  /** Specifies where to display the linked URL. Only applies when an `href` is provided.\n   * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`. */\n  @Prop() target: string | undefined;\n\n  componentDidLoad() {\n    focusVisible.observe(this.button);\n  }\n\n  connectedCallback() {\n    if (this.button) focusVisible.observe(this.button);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.button);\n  }\n\n  render() {\n    const TagType = this.href === undefined ? 'button' : ('a' as any);\n\n    return (\n      <TagType\n        ref={(el) => (this.button = el)}\n        class={{\n          'icon-button': true,\n          'icon-button--disabled': this.disabled,\n        }}\n        aria-label={this.label}\n        name={this.name}\n        value={this.value}\n        href={this.href || undefined}\n        target={this.href && this.target ? this.target : undefined}\n        type={!this.href && this.type ? this.type : undefined}\n      >\n        <nano-icon name={this.iconName} src={this.iconSrc} aria-hidden=\"true\" />\n      </TagType>\n    );\n  }\n}\n","@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  /**\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --color: defaults to #{$color-palegrey};\n    * @prop --active-color: defaults to #{$color-darkblue--faded};\n    * @prop --hover-color: defaults to #{$color-blue};\n    * @prop --background: defaults to transparent;\n    */\n  display: inline-block;\n\n  --border-radius: #{$border-radius-medium};\n  --active-color: #{$color-darkblue--faded};\n  --hover-color: #{$color-blue};\n  --nano-color-base: var(--color, #{$color-mediumgrey});\n  --background: transparent;\n}\n\n.icon-button {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  border: none;\n  border-radius: var(--border-radius);\n  background: var(--background);\n  font-size: inherit;\n  color: var(--color);\n  padding: #{$spacing-small};\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: box-shadow #{$transition-xfast} ease-in-out;\n\n  &:hover:not(.icon-button--disabled),\n  &:focus:not(.icon-button--disabled) {\n    color: var(--hover-color);\n\n    --nano-color-base: var(--hover-color);\n  }\n\n  &:active:not(.icon-button--disabled) {\n    color: var(--active-color);\n\n    --nano-color-base: var(--active-color);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.icon-button--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.focus-visible.icon-button:focus {\n  box-shadow: #{$control-focus-style};\n}\n"]}