@nanoporetech-digital/components 1.13.13 → 1.13.14

package/dist/esm-es5/nano-accordion.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/accordion/accordion.scss?tag=nano-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"names":["accordionCss","Accordion","prototype","onToggleHandler","event","_this","this","stopPropagation","items","getDirectChildren","el","querySelectorAll","forEach","item","i","target","open","itemOpened","nanoToggle","emit","onClosedHandler","render","h","Host","class","Object","assign","createColorClasses","color","_a","connectedCallback"],"mappings":"mNAAA,IAAMA,aAAe,8JCwBRC,UAAS,mGAgBpBA,EAAAC,UAAAC,gBAAA,SAAgBC,GAAhB,IAAAC,EAAAC,KACEF,EAAMG,kBAEN,IAAIC,EACFC,kBAAkBH,KAAKI,GAAI,iBAC3BJ,KAAKI,GAAGC,iBAAiB,gBAC3BH,EAAMI,SAAQ,SAACC,EAA8BC,GAC3C,GAAID,IAAST,EAAMW,OAAQF,EAAKG,KAAO,WAClCX,EAAKY,WAAaH,KAEzBR,KAAKY,WAAWC,QAIlBlB,EAAAC,UAAAkB,gBAAA,SAAgBhB,GACdA,EAAMG,kBACND,KAAKW,WAAa,KAClBX,KAAKY,WAAWC,QAGlBlB,EAAAC,UAAAmB,OAAA,iBACE,OACEC,EAACC,KAAI,CACHC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GACAC,mBAAmBrB,KAAKsB,SAAMC,EAAA,GACjCA,EAAC,cAAcvB,KAAKW,mBACXX,KAAKW,aAAe,SAAQY,KAGvCP,EAAA,OAAA,QAKNrB,EAAAC,UAAA4B,kBAAA,2IAlDoB","sourcesContent":[":host {\n  display: block;\n}\n","import {\n  Component,\n  h,\n  Listen,\n  Element,\n  Host,\n  Prop,\n  EventEmitter,\n  Event,\n  State,\n} from '@stencil/core';\n\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/theme';\nimport { testLegacyStyle, getDirectChildren } from '../../utils/utils';\n\n/**\n * Simple accordion - only one item open at a time - must be used with [details](story/components-accordion--details) elements.\n */\n@Component({\n  tag: 'nano-accordion',\n  styleUrl: 'accordion.scss',\n  shadow: true,\n})\nexport class Accordion {\n  @State() itemOpened?: number;\n\n  @Element() el: HTMLNanoAccordionElement;\n\n  /**\n   * Fires when accordion elements toggle\n   */\n  @Event() nanoToggle: EventEmitter;\n\n  /**\n   * Color to use from the color palette.\n   */\n  @Prop() color?: Color;\n\n  @Listen('nanoOpened')\n  onToggleHandler(event: CustomEvent) {\n    event.stopPropagation();\n\n    let items =\n      getDirectChildren(this.el, 'nano-details') ||\n      this.el.querySelectorAll('nano-details');\n    items.forEach((item: HTMLNanoDetailsElement, i) => {\n      if (item !== event.target) item.open = false;\n      else this.itemOpened = i;\n    });\n    this.nanoToggle.emit();\n  }\n\n  @Listen('nanoClosed')\n  onClosedHandler(event: CustomEvent) {\n    event.stopPropagation();\n    this.itemOpened = null;\n    this.nanoToggle.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          ...createColorClasses(this.color),\n          [`nano-color-${this.itemOpened}`]:\n            typeof this.itemOpened === 'number',\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n\n  connectedCallback() {\n    testLegacyStyle(this.el);\n  }\n}\n"]}

package/dist/esm-es5/nano-alert.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,a){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function r(t){try{l(a.next(t))}catch(e){i(e)}}function s(t){try{l(a["throw"](t))}catch(e){i(e)}}function l(t){t.done?n(t.value):o(t.value).then(r,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,o&&(i=r[0]&2?o["return"]:r[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,r[1])).done)return i;if(o=0,i)r=[r[0]&2,i.value];switch(r[0]){case 0:case 1:i=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!i||r[1]>i[0]&&r[1]<i[3])){n.label=r[1];break}if(r[0]===6&&n.label<i[1]){n.label=i[1];i=r;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(r);break}if(i[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];o=0}finally{a=i=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-7c54a0d9.js";import{M as Modal}from"./modal-1029407c.js";import{r as raf}from"./utils-fd1ada22.js";import{l as lockBodyScrolling,u as unlockBodyScrolling}from"./scroll-4162ee24.js";import{c as createColorClasses}from"./theme-f5a16c79.js";import"./tabbable-7818e4c2.js";import"./dom-ae168a2d.js";var alertCss=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #0084a9));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #0084a9))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-top-width:4px;border-top-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease;transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;-webkit-transform:none;transform:none}.alert--toasty,.alert--modal{-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));margin:var(--nano-spacing-medium, 16px)}.alert__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.alert__modal-wrap{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{-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;font-size:1.1em;padding-left:0;padding-right:var(--nano-spacing-medium, 16px);padding-top:0;padding-bottom:0;--color:var(--close-button-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__close{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__footer ::slotted(*),.alert__footer::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.alert__overlay--open{opacity:1}.alert__icon{-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;font-size:var(--icon-size)}.alert__icon::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px)}.alert__icon ::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__icon ::slotted(*){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:0;margin-inline-end:0}}";var toastStackTr=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"});var toastStackTl=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"});var toastStackBl=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"});var toastStackBr=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"});var Alert=function(){function t(t){var e=this;registerInstance(this,t);this.nanoShow=createEvent(this,"nanoShow",7);this.nanoAfterShow=createEvent(this,"nanoAfterShow",7);this.nanoHide=createEvent(this,"nanoHide",7);this.nanoAfterHide=createEvent(this,"nanoAfterHide",7);this.addedTransEnd=false;this.goingToHide=false;this.goingToShow=false;this.isModal=false;this.isToast=false;this.isShowing=false;this.open=false;this.closable=false;this.duration=Infinity;this.handleMouseMove=function(){e.restartAutoHide()};this.handleCloseClick=function(){e.hide()};this.handleTransitionEnd=function(t){if(t.propertyName==="opacity"&&(t.target===e.panel||t.target===e.overlay)){e.host.hidden=!e.open;e.isShowing=e.open;e.open?e.nanoAfterShow.emit():e.nanoAfterHide.emit()}};this.handleButtonClick=function(t){var n=t.target;if(t.defaultPrevented)return;if(n.tagName&&n.tagName.toLowerCase()==="button")e.hide()};this.restartAutoHide=function(){clearTimeout(e.autoHideTimeout);if(e.open&&e.duration<Infinity){e.autoHideTimeout=setTimeout((function(){return e.hide()}),e.duration)}};this.Panel=function(){return h("div",{ref:function(t){return e.panel=t},part:"panel",class:{alert:true,"alert--open":e.open,"alert--toasty":e.isToast,"alert--modal":!!e.isModal,"alert--showing":e.isShowing},role:!!e.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":e.open?"false":"true","aria-modal":!!e.isModal?"true":undefined,"aria-label":e.label?e.label:undefined,onMouseMove:e.handleMouseMove,tabIndex:!!e.isModal?0:undefined},h("div",{class:"alert__content"},h("div",{part:"icon",class:"alert__icon"},h("slot",{name:"icon"})),h("div",{part:"message",class:"alert__message"},h("slot",null)),e.closable&&h("div",{class:"alert__close"},h("nano-icon-button",{class:"alert__close",iconName:"light/times",label:"close menu",onClick:e.handleCloseClick}))),h("div",{class:"alert__footer"},h("slot",{name:"footer"})))}}t.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};t.prototype.handleDurationChange=function(){this.restartAutoHide()};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.goingToShow){return[2]}t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return[2,false]}this.host.hidden=false;this.goingToShow=true;this.open=true;raf((function(){e.isShowing=true;e.goingToShow=false}));if(this.duration<Infinity){clearTimeout(this.autoHideTimeout);this.autoHideTimeout=setTimeout((function(){return e.hide()}),this.duration)}return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.goingToHide){return[2]}t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return[2,false]}this.goingToHide=true;this.open=false;raf((function(){return e.goingToHide=false}));clearTimeout(this.autoHideTimeout);return[2]}))}))};t.prototype.toast=function(t){if(t===void 0){t="tr"}return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){this.isToast=true;return[2,new Promise((function(n){var a;switch(t){case"tl":a=toastStackTl;break;case"bl":a=toastStackBl;break;case"br":a=toastStackBr;break;default:a=toastStackTr;break}if(!a.parentElement){document.body.appendChild(a)}a.appendChild(e.host);e.connectedCallback();e.show();e.host.addEventListener("nanoAfterHide",(function(){e.host.remove();e.isToast=false;n();if(!a.querySelector("nano-alert")){a.remove()}}),{once:true})}))]}))}))};t.prototype.alert=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){this.isModal=true;this.label=t;return[2,new Promise((function(t){if(!document.body.contains(e.host)){document.body.appendChild(e.host)}e.modal.activate();lockBodyScrolling(e.host);e.originalTrigger=document.activeElement;raf((function(){e.show()}));e.host.addEventListener("nanoAfterShow",(function(){raf((function(){return e.panel.focus({preventScroll:true})}))}),{once:true});e.host.addEventListener("nanoAfterHide",(function(){e.modal.deactivate();e.host.remove();e.label=undefined;e.isModal=false;t();if(e.originalTrigger&&typeof e.originalTrigger.focus==="function"){setTimeout((function(){return e.originalTrigger.focus()}))}}),{once:true})}))]}))}))};t.prototype.connectedCallback=function(){this.modal=new Modal(this.host);this.host.addEventListener("click",this.handleButtonClick);if(this.panel){this.addedTransEnd=true;this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};t.prototype.disconnectedCallback=function(){unlockBodyScrolling(this.host);this.host.removeEventListener("click",this.handleButtonClick);this.addedTransEnd=false;this.panel.removeEventListener("transitionend",this.handleTransitionEnd)};t.prototype.componentDidLoad=function(){if(this.open){this.show()}if(!this.addedTransEnd){this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};t.prototype.render=function(){var t=this;return h(Host,{class:Object.assign({},createColorClasses(this.color)),showing:this.isShowing},this.isModal&&[h("div",{part:"overlay",class:{alert__overlay:true,"alert__overlay--open":this.open},ref:function(e){return t.overlay=e}}),h("div",{class:"alert__modal-wrap"},h(this.Panel,null))],!this.isModal&&h(this.Panel,null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}},enumerable:false,configurable:true});return t}();Alert.style=alertCss;export{Alert as nano_alert};
-//# sourceMappingURL=nano-alert.entry.js.map

package/dist/esm-es5/nano-alert.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/alert/alert.scss?tag=nano-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"names":["alertCss","toastStackTr","Object","assign","document","createElement","className","toastStackTl","toastStackBl","toastStackBr","Alert","class_1","hostRef","_this","this","addedTransEnd","goingToHide","goingToShow","isModal","isToast","isShowing","open","closable","duration","Infinity","handleMouseMove","restartAutoHide","handleCloseClick","hide","handleTransitionEnd","event","propertyName","target","panel","overlay","host","hidden","nanoAfterShow","emit","nanoAfterHide","handleButtonClick","defaultPrevented","tagName","toLowerCase","clearTimeout","autoHideTimeout","setTimeout","Panel","h","ref","el","part","class","alert","alert--open","alert--toasty","alert--modal","alert--showing","role","aria-live","aria-atomic","aria-hidden","aria-modal","undefined","aria-label","label","onMouseMove","tabIndex","name","iconName","onClick","prototype","handleOpenChange","show","handleDurationChange","nanoShow","raf","nanoHide","toast","position","Promise","resolve","toastStack","parentElement","body","appendChild","connectedCallback","addEventListener","remove","querySelector","once","contains","modal","activate","lockBodyScrolling","originalTrigger","activeElement","focus","preventScroll","deactivate","Modal","disconnectedCallback","unlockBodyScrolling","removeEventListener","componentDidLoad","render","Host","createColorClasses","color","showing","alert__overlay","alert__overlay--open","div"],"mappings":"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","sourcesContent":["@import \"../../global/style/nano-theme/base\";\n@import \"../../global/style/nano-theme/colours\";\n@import \"../../global/style/nano-theme/layers\";\n\n:host {\n  /**\n   * @prop --border-radius: defaults to #{$layer-border-radius};\n   * @prop --border-color: defaults to #{$layer-border-color};\n   * @prop --border-width: defaults to #{$layer-border-width};\n   * @prop --background: defaults to #{$layer-bg-color};\n   * @prop --tint-color: defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --icon-size: defaults to 1.5rem;\n   * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n   * @prop --close-button-color: defaults to #{$color-mediumgrey} ;\n   */\n\n  --border-radius: #{$layer-border-radius};\n  --border-color: #{$layer-border-color};\n  --border-width: #{$layer-border-width};\n  --background: #{$layer-bg-color};\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --icon-size: 2rem;\n  --scrim-color: #{$layer-overlay-dark};\n  --close-button-color: #{$color-palegrey};\n\n  display: block;\n}\n\n:host(.nano-color) {\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-top-width: 4px;\n  border-top-color: var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: #{$transition-medium} opacity ease, #{$transition-fast} transform ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(.alert--showing) {\n    @include hidden;\n  }\n\n  &--open {\n    opacity: 1;\n    transform: none;\n  }\n\n  &--toasty, &--modal {\n    box-shadow: #{$layer-shadow-large};\n    margin: #{$spacing-medium};\n  }\n}\n\n.alert__content {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: #{$layer-index-alert};\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: #{$spacing-medium};\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  @include padding(0, #{$spacing-medium}, 0, 0);\n  --color: var(--close-button-color);\n}\n\n.alert__footer {\n  padding: 0 #{$spacing-small} 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n\n  ::slotted(*),\n  &::slotted(*) {\n    flex: 1;\n    margin: 0 #{$spacing-small} #{$spacing-medium} !important;\n  }\n}\n\n.alert__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: #{$transition-fast} opacity;\n  z-index: #{$layer-index-alert};\n  backdrop-filter: blur(#{$layer-overlay-blur});\n\n  &--open {\n    opacity: 1;\n  }\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--icon-size);\n\n  &::slotted(*) {\n    color: var(--tint-color);\n    margin-left: #{$spacing-medium};\n  }\n}\n\n.alert__icon ::slotted(*) {\n  color: var(--tint-color);\n  @include margin(0, 0, 0, #{$spacing-medium});\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n  VNode,\n} from '@stencil/core';\nimport { Color } from '../../interface';\nimport Modal from '../../utils/modal';\nimport {\n  createColorClasses,\n  lockBodyScrolling,\n  raf,\n  unlockBodyScrolling,\n} from '../../utils/utils';\n\nconst toastStackTr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tr',\n});\nconst toastStackTl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tl',\n});\nconst toastStackBl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--bl',\n});\nconst toastStackBr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--br',\n});\n\n/**\n * Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n * @slot footer - Place items at the bottom of the alert. Best used with `button` elements - esp when used as with the `alert()` method.\n */\n@Component({\n  tag: 'nano-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert implements ComponentInterface {\n  private autoHideTimeout: ReturnType<typeof setTimeout>;\n  private panel: HTMLElement;\n  private overlay: HTMLElement;\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n  private addedTransEnd = false;\n  private goingToHide = false;\n  private goingToShow = false;\n\n  @State() isModal = false;\n  @State() isToast = false;\n  @State() isShowing = false;\n  @State() label: string;\n\n  @Element() host: HTMLNanoAlertElement;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The color to use from the application's color palette. */\n  @Prop({ reflect: true }) color?: Color;\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n   * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    if (this.goingToShow) {\n      return;\n    }\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return false;\n    }\n\n    this.host.hidden = false;\n    this.goingToShow = true;\n    this.open = true;\n    raf(() => {\n      this.isShowing = true;\n      this.goingToShow = false;\n    });\n\n    if (this.duration < Infinity) {\n      clearTimeout(this.autoHideTimeout);\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    if (this.goingToHide) {\n      return;\n    }\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return false;\n    }\n    this.goingToHide = true;\n    this.open = false;\n\n    raf(() => (this.goingToHide = false));\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   *\n   * @param position options are tr (top-right - default), tl (top-left), br (bottom-right), bl (bottom-left)\n   * @returns a promise which will resolve after the alert has hidden\n   */\n  @Method()\n  async toast(position: 'tr' | 'tl' | 'bl' | 'br' = 'tr') {\n    this.isToast = true;\n    return new Promise<void>((resolve) => {\n      let toastStack: HTMLElement;\n      switch (position) {\n        case 'tl':\n          toastStack = toastStackTl;\n          break;\n        case 'bl':\n          toastStack = toastStackBl;\n          break;\n        case 'br':\n          toastStack = toastStackBr;\n          break;\n        default:\n          toastStack = toastStackTr;\n          break;\n      }\n\n      if (!toastStack.parentElement) {\n        document.body.appendChild(toastStack);\n      }\n\n      toastStack.appendChild(this.host);\n      this.connectedCallback();\n      this.show();\n\n      this.host.addEventListener(\n        'nanoAfterHide',\n        () => {\n          this.host.remove();\n          this.isToast = false;\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (!toastStack.querySelector('nano-alert')) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  /**\n   * Displays the alert as a dialog / modal - more akin to a traditional js alert().\n   * @param label a label for assistive technology\n   */\n  @Method()\n  async alert(label: string) {\n    this.isModal = true;\n    this.label = label;\n\n    return new Promise<void>((resolve) => {\n      if (!document.body.contains(this.host)) {\n        document.body.appendChild(this.host);\n      }\n\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      raf(() => {\n        this.show();\n      });\n\n      this.host.addEventListener(\n        'nanoAfterShow',\n        () => {\n          raf(() => this.panel.focus({ preventScroll: true }));\n        },\n        { once: true }\n      );\n\n      this.host.addEventListener(\n        'nanoAfterHide',\n        () => {\n          this.modal.deactivate();\n          this.host.remove();\n          this.label = undefined;\n          this.isModal = false;\n          resolve();\n\n          // Restore focus to the original trigger\n          if (\n            this.originalTrigger &&\n            typeof this.originalTrigger.focus === 'function'\n          ) {\n            setTimeout(() => this.originalTrigger.focus());\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private handleMouseMove = () => {\n    this.restartAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      (event.target === this.panel || event.target === this.overlay)\n    ) {\n      this.host.hidden = !this.open;\n      this.isShowing = this.open;\n      this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleButtonClick = (event: Event) => {\n    const target = event.target as HTMLElement;\n    if (event.defaultPrevented) return;\n    if (target.tagName && target.tagName.toLowerCase() === 'button')\n      this.hide();\n  };\n\n  private restartAutoHide = () => {\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  };\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    this.host.addEventListener('click', this.handleButtonClick);\n\n    if (this.panel) {\n      this.addedTransEnd = true;\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.host.removeEventListener('click', this.handleButtonClick);\n\n    this.addedTransEnd = false;\n    this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n    if (!this.addedTransEnd) {\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  private Panel = (): VNode => {\n    return (\n      <div\n        ref={(el) => (this.panel = el)}\n        part=\"panel\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--toasty': this.isToast,\n          'alert--modal': !!this.isModal,\n          'alert--showing': this.isShowing,\n        }}\n        role={!!this.isModal ? 'alertdialog' : 'alert'}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        aria-modal={!!this.isModal ? 'true' : undefined}\n        aria-label={this.label ? this.label : undefined}\n        onMouseMove={this.handleMouseMove}\n        tabIndex={!!this.isModal ? 0 : undefined}\n      >\n        <div class=\"alert__content\">\n          <div part=\"icon\" class=\"alert__icon\">\n            <slot name=\"icon\" />\n          </div>\n          <div part=\"message\" class=\"alert__message\">\n            <slot />\n          </div>\n          {this.closable && (\n            <div class=\"alert__close\">\n              <nano-icon-button\n                class=\"alert__close\"\n                iconName=\"light/times\"\n                label=\"close menu\"\n                onClick={this.handleCloseClick}\n              ></nano-icon-button>\n            </div>\n          )}\n        </div>\n        <div class=\"alert__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        showing={this.isShowing}\n      >\n        {this.isModal && [\n          <div\n            part=\"overlay\"\n            class={{\n              alert__overlay: true,\n              'alert__overlay--open': this.open,\n            }}\n            ref={(div) => (this.overlay = div)}\n          />,\n          <div class=\"alert__modal-wrap\">\n            <this.Panel />\n          </div>,\n        ]}\n        {!this.isModal && <this.Panel />}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/nano-algolia-filter.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,c as createEvent,f as writeTask,h,e as Host,g as getElement}from"./index-7c54a0d9.js";import{W as Wormhole}from"./algolia-data-8b0654b3.js";import{C as ComponentStore}from"./component-store-753524d0.js";import"./_commonjsHelpers-11ca3be1.js";import"./throttle-e3c852aa.js";var algoliaFilterCss=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:none}:host ::slotted([slot=filter-template]),:host::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";var AlgoliaFilter=function(){function e(e){var t=this;registerInstance(this,e);this.nanoFilterChanged=createEvent(this,"nanoFilterChanged",7);this.nanoTplUpdated=createEvent(this,"nanoTplUpdated",7);this.filterId=null;this.tplWillRnder=new Promise((function(e){t.tplDidRnder=e}));this.internalValue=[undefined];this.showFilter=false;this.indexResults=null;this.filterChanged=null;this.filterName=null;this.value="";this.operator="or";this.storeMethod="session";this.handleChangeEvent=function(){var e=t.getFieldValues();if(t.didValueChange(e)){t.internalValue=e;return true}return false}}e.prototype.valueSet=function(){var e=this;var t=this.value;var i;if(typeof t==="string")i=t.length?t.split("|"):[];else i=this.value;if(this.didValueChange(i)){var l=this.setFieldValues(i);if(l&&l.length)this.internalValue=i;else{this.tplWillRnder.then((function(t){e.setFieldValues(i);e.internalValue=i}))}}};e.prototype.valueChanged=function(){this.value=this.internalValue;this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})};e.prototype.viewFilterChange=function(){if(this.showFilter)this.attachChangeListener();else this.attachChangeListener(false)};e.prototype.appliedFilterChanged=function(){if(this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||this.operator==="and")){this.updateContent()}};e.prototype.tplUpdate=function(){this.updateContent()};e.prototype.handleFilterChange=function(){var e=this;if(this.indexResults&&this.indexResults.appliedFilters){var t=this.indexResults.appliedFilters.find((function(t){return t.name===e.filterName}));if(!t)return;this.tplWillRnder.then((function(i){var l=e.setFieldValues(t.values);if(l&&l.length)e.value=l}))}this.updateContent()};e.prototype.updateContent=function(){var e=this;var t=this.outputSlot||this.outputEle;if(!this.el)return;if(!this.templateStr)this.showFilter=true;else if(!this.filterName||!t||this.templateStr&&(!this.indexResults||!this.indexResults.origFilters[this.filterName])){this.showFilter=false}if(!t)return;if(!this.indexResults){if(this.templateStr){writeTask((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:{},dyn:{},selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});if(!e.value||!e.value.length)e.handleChangeEvent()}))}else if(!this.value||!this.value.length)this.handleChangeEvent();return}writeTask((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:Object.assign({},e.indexResults.origFilters[e.filterName]),dyn:Object.assign({},e.indexResults.dynFilters[e.filterName]),selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});e.tplDidRnder();e.setFieldValues();if(!e.showFilter)e.showFilter=true;e.nanoTplUpdated.emit(e.el)}))};e.prototype.getFieldValues=function(){var e=[];var t=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(var i=0;i<t.length;i++){var l=t[i];if(l.type==="select-multiple"){var n=l;for(var r=0;r<n.options.length;r++){if(!n.options[r].selected||!n.options[r].value.length)continue;e.push(n.options[r].value)}}else if(l.type!=="checkbox"&&l.type!=="radio"||l.checked&&l.value.length){e.push(l.value)}}return e};e.prototype.setFieldValues=function(e){e=e||this.internalValue;if(!e)return;var t=[];var i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(var l=0;l<i.length;l++){var n=i[l];if(n.disabled||n.type==="file"||n.type==="reset"||n.type==="submit"||n.type==="button")continue;if(n.type==="select-multiple"||n.type==="select-one"){var r=n;for(var s=0;s<r.options.length;s++){if(!e.includes(r.options[s].value))r.options[s].selected=false;else{t.push(r.value);r.options[s].selected=true;if(n.type==="select-one")r.value=r.options[s].value}}}else if(["checkbox","radio","tag","segment","segment-pill"].includes(n.type)){if(e.includes(n.value)){t.push(n.value);n.checked=true}else if(!e.length&&!n.value.length){n.checked=true}else n.checked=false}}return t};e.prototype.didValueChange=function(e){if(!!this.internalValue&&!e)return true;if(!this.internalValue&&!e)return false;if(this.internalValue&&e.length!==this.internalValue.length)return true;var t=false;for(var i=0;i<e.length;i++){if(!t&&(!this.internalValue||!this.internalValue.includes(e[i])))t=true}return t};e.prototype.attachChangeListener=function(e){if(e===void 0){e=true}if(!this.outputSlot)return;if(e){this.outputSlot.addEventListener("change",this.handleChangeEvent);this.outputSlot.addEventListener("nanoChange",this.handleChangeEvent)}else{this.outputSlot.removeEventListener("change",this.handleChangeEvent);this.outputSlot.removeEventListener("nanoChange",this.handleChangeEvent)}};e.prototype.connectedCallback=function(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');this.filterId=this.filterName+"_"+filterIds++;if(!!this.templateSlot){this.templateStr=this.templateSlot.innerHTML;this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>")}};e.prototype.componentWillLoad=function(){if(this.storeId)ComponentStore.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)};e.prototype.componentDidLoad=function(){this.updateContent();if(this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName])this.showFilter=true};e.prototype.render=function(){var e=this;return h(Host,{class:{"show-filter":this.showFilter}},h("div",{ref:function(t){return e.outputEle=t}},h("slot",{name:"output"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueSet"],internalValue:["valueChanged"],showFilter:["viewFilterChange"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}},enumerable:false,configurable:true});return e}();Wormhole(AlgoliaFilter,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);var filterIds=0;AlgoliaFilter.style=algoliaFilterCss;export{AlgoliaFilter as nano_algolia_filter};
-//# sourceMappingURL=nano-algolia-filter.entry.js.map

package/dist/esm-es5/nano-algolia-filter.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-filter.scss?tag=nano-algolia-filter&encapsulation=shadow","src/components/algolia/algolia-filter.tsx"],"names":["algoliaFilterCss","AlgoliaFilter","hostRef","_this","this","filterId","tplWillRnder","Promise","resolve","tplDidRnder","internalValue","undefined","showFilter","indexResults","filterChanged","filterName","value","operator","storeMethod","handleChangeEvent","vals","getFieldValues","didValueChange","prototype","valueSet","valStr","length","split","foundVals","setFieldValues","then","_","valueChanged","nanoFilterChanged","emit","facetName","viewFilterChange","attachChangeListener","appliedFilterChanged","updateContent","tplUpdate","handleFilterChange","appliedFilters","foundValue_1","find","filter","name","values","outputTo","outputSlot","outputEle","el","templateStr","origFilters","writeTask","innerHTML","tplRenderFn","orig","dyn","selected","Object","assign","dynFilters","nanoTplUpdated","fields","querySelectorAll","i","field","type","select","n","options","push","checked","found","disabled","includes","newVal","hasChanged","attach","addEventListener","removeEventListener","connectedCallback","templateSlot","querySelector","filterIds","replace","componentWillLoad","storeId","ComponentStore","init","globalStoreMethod","componentDidLoad","render","h","Host","class","show-filter","ref","div","Wormhole"],"mappings":"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","sourcesContent":[":host {\n  display: none;\n\n  ::slotted([slot=\"filter-template\"]),\n  &::slotted([slot=\"filter-template\"]) {\n    display: none !important;\n  }\n}\n\n:host(.show-filter) {\n  display: block;\n}\n","import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  EventEmitter,\n  Event,\n  writeTask,\n} from '@stencil/core';\nimport {\n  IndexResult,\n  FilterChangeEventDetail,\n  AlgoliaFacet,\n} from '../../interface';\nimport {\n  SearchChangeEvent,\n  Wormhole,\n  WormholeConsumerConstructor,\n} from '../algolia/algolia-data';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * Displays and syncs algolia filters\n * Must be nested within an nano-algolia component.\n * @slot filter-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-filter',\n  shadow: true,\n  styleUrl: 'algolia-filter.scss',\n})\nexport class AlgoliaFilter {\n  @Element() el: HTMLNanoAlgoliaFilterElement;\n\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLElement;\n  private filterId: string = null;\n  private tplDidRnder;\n  private tplWillRnder = new Promise((resolve) => {\n    this.tplDidRnder = resolve;\n  });\n\n  @State() changeEvent: SearchChangeEvent;\n  @State() internalValue: Array<string> = [undefined];\n  @State() showFilter: boolean = false;\n  @State() indexResults: IndexResult = null;\n  @State() filterChanged: string = null;\n  @State() facets: AlgoliaFacet;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() globalStoreMethod: StorageMethods;\n\n  /**\n   * Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display\n   */\n  @Prop() filterName: string = null;\n\n  /**\n   * Set values of this filter. Will result in form elements being selected. '|' delimited string or array.\n   */\n  @Prop() value: string | Array<string> = '';\n\n  /**\n   * The internal operator joining filter values.\n   */\n  @Prop() operator: 'or' | 'and' = 'or';\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  /**\n   * Emitted when the filter value changes\n   */\n  @Event() nanoFilterChanged!: EventEmitter<FilterChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaFilterElement>;\n\n  // Public facing. When changed attempts to 'check' any relevant fields in the template.\n  @Watch('value')\n  valueSet() {\n    let valStr = this.value as string;\n    let vals;\n\n    if (typeof valStr === 'string')\n      vals = valStr.length ? valStr.split('|') : [];\n    else vals = this.value as Array<string>;\n\n    if (this.didValueChange(vals)) {\n      let foundVals = this.setFieldValues(vals);\n      // found in template, set the internal state (this emits the changed event)\n      if (foundVals && foundVals.length) this.internalValue = vals;\n      // not found in template, wait for it to render.\n      else {\n        this.tplWillRnder.then((_) => {\n          this.setFieldValues(vals);\n          this.internalValue = vals;\n        });\n      }\n    }\n  }\n\n  // Value has changed and is reflected in template. Emit event.\n  @Watch('internalValue')\n  valueChanged() {\n    this.value = this.internalValue;\n    this.nanoFilterChanged.emit({\n      filterId: this.filterId,\n      facetName: this.filterName,\n      value: this.internalValue,\n      operator: this.operator,\n    });\n  }\n\n  @Watch('showFilter')\n  viewFilterChange() {\n    if (this.showFilter) this.attachChangeListener();\n    else this.attachChangeListener(false);\n  }\n\n  // New facets from algolia. Update template\n  @Watch('facets')\n  appliedFilterChanged() {\n    if (\n      this.filterName &&\n      this.filterChanged &&\n      (this.filterChanged !== this.filterId || this.operator === 'and')\n    ) {\n      this.updateContent();\n    }\n  }\n\n  @Watch('tplRenderFn')\n  tplUpdate() {\n    this.updateContent();\n  }\n\n  @Watch('indexResults')\n  handleFilterChange() {\n    if (this.indexResults && this.indexResults.appliedFilters) {\n      const foundValue = this.indexResults.appliedFilters.find(\n        (filter) => filter.name === this.filterName\n      );\n      if (!foundValue) return;\n\n      this.tplWillRnder.then((_) => {\n        let foundVals = this.setFieldValues(foundValue.values);\n        if (foundVals && foundVals.length) this.value = foundVals;\n      });\n    }\n    this.updateContent();\n  }\n\n  private updateContent() {\n    let outputTo = this.outputSlot || this.outputEle;\n    if (!this.el) return;\n\n    // there's no template so show output right away\n    if (!this.templateStr) this.showFilter = true;\n    // there's a template but no index set so hide filters atm\n    else if (\n      !this.filterName ||\n      !outputTo ||\n      (this.templateStr &&\n        (!this.indexResults || !this.indexResults.origFilters[this.filterName]))\n    ) {\n      this.showFilter = false;\n    }\n\n    // there's no output element so nothing else to do\n    if (!outputTo) return;\n\n    // there's no index set atm but get any static filter values so we can apply them\n    if (!this.indexResults) {\n      if (this.templateStr) {\n        writeTask(() => {\n          outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n            orig: {},\n            dyn: {},\n            selected:\n              this.internalValue && this.internalValue.length\n                ? this.internalValue\n                : this.value,\n          });\n          if (!this.value || !this.value.length) this.handleChangeEvent();\n        });\n      } else if (!this.value || !this.value.length) this.handleChangeEvent();\n      return;\n    }\n\n    // everything is in place - render as normal and set values\n    writeTask(() => {\n      outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n        orig: { ...this.indexResults.origFilters[this.filterName] },\n        dyn: { ...this.indexResults.dynFilters[this.filterName] },\n        selected:\n          this.internalValue && this.internalValue.length\n            ? this.internalValue\n            : this.value,\n      });\n      this.tplDidRnder();\n      this.setFieldValues();\n\n      if (!this.showFilter) this.showFilter = true;\n      this.nanoTplUpdated.emit(this.el);\n    });\n  }\n\n  private handleChangeEvent = () => {\n    let vals = this.getFieldValues();\n    if (this.didValueChange(vals)) {\n      this.internalValue = vals;\n      return true;\n    }\n    return false;\n  };\n\n  // go through form elements and extract their current value\n  private getFieldValues() {\n    let values = [];\n    let fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      let field = fields[i] as HTMLInputElement;\n\n      // If a multi-select, get all selections\n      if (field.type === 'select-multiple') {\n        let select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!select.options[n].selected || !select.options[n].value.length)\n            continue;\n          values.push(select.options[n].value);\n        }\n      } else if (\n        (field.type !== 'checkbox' && field.type !== 'radio') ||\n        (field.checked && field.value.length)\n      ) {\n        values.push(field.value);\n      }\n    }\n    return values;\n  }\n\n  // go through form elements and select / check them as appropriate\n  private setFieldValues(vals?: string[]): void | string[] {\n    vals = vals || this.internalValue;\n    if (!vals) return;\n\n    let found = [];\n    let fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select, nano-select, nano-checkbox'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      let field = fields[i] as HTMLInputElement;\n\n      if (\n        field.disabled ||\n        field.type === 'file' ||\n        field.type === 'reset' ||\n        field.type === 'submit' ||\n        field.type === 'button'\n      )\n        continue;\n\n      if (field.type === 'select-multiple' || field.type === 'select-one') {\n        let select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!vals.includes(select.options[n].value))\n            select.options[n].selected = false;\n          else {\n            found.push(select.value);\n            select.options[n].selected = true;\n            if (field.type === 'select-one')\n              select.value = select.options[n].value;\n          }\n        }\n      } else if (\n        ['checkbox', 'radio', 'tag', 'segment', 'segment-pill'].includes(\n          field.type\n        )\n      ) {\n        if (vals.includes(field.value)) {\n          found.push(field.value);\n          field.checked = true;\n        } else if (!vals.length && !field.value.length) {\n          field.checked = true;\n        } else field.checked = false;\n      }\n    }\n    return found;\n  }\n\n  private didValueChange(newVal: Array<string>) {\n    if (!!this.internalValue && !newVal) return true;\n    if (!this.internalValue && !newVal) return false;\n    if (this.internalValue && newVal.length !== this.internalValue.length)\n      return true;\n\n    let hasChanged = false;\n    for (var i = 0; i < newVal.length; i++) {\n      if (\n        !hasChanged &&\n        (!this.internalValue || !this.internalValue.includes(newVal[i]))\n      )\n        hasChanged = true;\n    }\n    return hasChanged;\n  }\n\n  private attachChangeListener(attach: boolean = true) {\n    if (!this.outputSlot) return;\n    if (attach) {\n      this.outputSlot.addEventListener('change', this.handleChangeEvent);\n      this.outputSlot.addEventListener('nanoChange', this.handleChangeEvent);\n    } else {\n      this.outputSlot.removeEventListener('change', this.handleChangeEvent);\n      this.outputSlot.removeEventListener('nanoChange', this.handleChangeEvent);\n    }\n  }\n\n  connectedCallback() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n    this.filterId = this.filterName + '_' + filterIds++;\n\n    if (!!this.templateSlot) {\n      this.templateStr = this.templateSlot.innerHTML;\n      this.templateStr = this.templateStr.replace(/=&gt;/gm, '=>');\n    }\n  }\n\n  componentWillLoad() {\n    if (this.storeId)\n      ComponentStore.init(\n        this,\n        ['value'],\n        this.storeMethod || this.globalStoreMethod,\n        this.storeId\n      );\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n\n    if (\n      this.templateStr &&\n      this.filterName &&\n      this.indexResults &&\n      this.indexResults.origFilters[this.filterName]\n    )\n      this.showFilter = true;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-filter': this.showFilter,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaFilter as WormholeConsumerConstructor, [\n  'globalStoreMethod',\n  'indexResults',\n  'filterChanged',\n  'facets',\n  'tplRenderFn',\n  'changeEvent',\n]);\nlet filterIds = 0;\n"]}

package/dist/esm-es5/nano-algolia-input.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{h(n.next(t))}catch(e){a(e)}}function o(t){try{h(n["throw"](t))}catch(e){a(e)}}function h(t){t.done?i(t.value):r(t.value).then(s,o)}h((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return h([t,e])}}function h(s){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(o){s=[6,o];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-7c54a0d9.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-2c129faa.js";import{W as Wormhole}from"./algolia-data-8b0654b3.js";import{C as ComponentStore}from"./component-store-753524d0.js";import"./_commonjsHelpers-11ca3be1.js";import"./throttle-e3c852aa.js";var algoliaInputCss="";var AlgoliaInput=function(){function t(t){var e=this;registerInstance(this,t);this.nanoSearchResult=createEvent(this,"nanoSearchResult",7);this.nanoSearch=createEvent(this,"nanoSearch",7);this.nanoSearchReset=createEvent(this,"nanoSearchReset",7);this.searchStr="";this.algoliaIndex=null;this.appId="";this.apiKey="";this.searchIndex=null;this.minChars=2;this.autoEmit=true;this.browseIndex=false;this.storeMethod="session";this.handleFocus=function(){if(e.inputField)e.inputField.setFocus()}}t.prototype.search=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.emitResults();return[2]}))}))};t.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length)return;this.searchIndex={index:this.searchIndexName}};t.prototype.algoliaChange=function(){this.internalIndex=this.algoliaIndex};t.prototype.browseIndexChange=function(){if(this.browseIndex){this.searchStr="*";this.searchSubmit()}};t.prototype.initAlgoliaClient=function(){if(this.isNested||!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey);if(this.searchIndex)this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index)};t.prototype.searchSubmit=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.internalIndex){console.error("No algolia index set");return[2]}if(t){if(t.target.tagName.toLowerCase()!=="nano-input")return[2];this.searchStr=t.detail.value}else{this.inputField=this.inputField||this.host.querySelector("nano-input");if(!this.inputField)return[2];this.searchStr=this.inputField.value}if(this.searchStr.length<this.minChars){if(this.browseIndex)this.searchStr="*";else{if(this.searchStr.length===0){this.nanoSearchResult.emit({results:[],client:{apiKey:this.appId,appId:this.appId}});return[2]}if(this.searchStr.length<this.minChars)return[2]}}e={};if(this.searchIndex.filters)e={facets:this.searchIndex.filters};n=this.fixDomain;return[4,this.internalIndex.search(this.searchStr,e)];case 1:i=n.apply(this,[r.sent()]);i.indexName=this.searchIndex.name;i.selected=true;i.domain=this.searchIndex.domain||null;i.index=this.searchIndex.index;this.currentResults=i;this.nanoSearch.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}});if(this.autoEmit)this.emitResults();return[2]}}))}))};t.prototype.emitResults=function(){this.nanoSearchResult.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}})};t.prototype.fixDomain=function(t){var e=this;if(!this.searchIndex.domain)return t;t.hits.map((function(t){if(t.url&&!t.url.match(/^http/))t.url=location.protocol+"//"+e.searchIndex.domain+t.url}));return t};t.prototype.connectedCallback=function(){var t=this;this.isNested=this.host.parentElement.tagName.toLowerCase()==="nano-algolia"&&this.host.hasAttribute("slot")&&this.host.getAttribute("slot")==="search-input";if(!this.isNested){this.host.addEventListener("openWormhole",(function(e){e.detail.onOpen.resolve();t.searchIndexNameChange();t.initAlgoliaClient()}))}};t.prototype.componentWillLoad=function(){this.inputField=this.host.querySelector("nano-input");if(this.storeId)ComponentStore.init(this,["searchStr"],this.storeMethod,this.storeId)};t.prototype.render=function(){return h(Host,{onFocus:this.handleFocus,tabindex:"-1"},h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{searchIndexName:["searchIndexNameChange"],algoliaIndex:["algoliaChange"],browseIndex:["browseIndexChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaClient"]}},enumerable:false,configurable:true});return t}();Wormhole(AlgoliaInput,["algoliaIndex","searchIndex","browseIndex"]);AlgoliaInput.style=algoliaInputCss;export{AlgoliaInput as nano_algolia_input};
-//# sourceMappingURL=nano-algolia-input.entry.js.map

package/dist/esm-es5/nano-algolia-input.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-input.scss?tag=nano-algolia-input&encapsulation=shadow","src/components/algolia/algolia-input.tsx"],"names":["algoliaInputCss","AlgoliaInput","class_1","hostRef","_this","this","searchStr","algoliaIndex","appId","apiKey","searchIndex","minChars","autoEmit","browseIndex","storeMethod","handleFocus","inputField","setFocus","prototype","search","emitResults","searchIndexNameChange","searchIndexName","length","index","algoliaChange","internalIndex","browseIndexChange","searchSubmit","initAlgoliaClient","isNested","algoliaClient","algoliasearch","initIndex","ev","console","error","target","tagName","toLowerCase","detail","value","host","querySelector","nanoSearchResult","emit","results","client","options","filters","facets","_a","fixDomain","apply","_b","sent","indexName","name","selected","domain","currentResults","nanoSearch","hits","map","hit","url","match","location","protocol","connectedCallback","parentElement","hasAttribute","getAttribute","addEventListener","onOpen","resolve","componentWillLoad","storeId","ComponentStore","init","render","h","Host","onFocus","tabindex","Wormhole"],"mappings":"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","sourcesContent":[null,"import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  State,\n  EventEmitter,\n  Event,\n  Listen,\n  Method,\n  Watch,\n  ComponentInterface,\n} from '@stencil/core';\nimport algoliasearch, {\n  SearchClient as AlgoliaClient,\n  SearchIndex as AlgoliaIndex,\n} from 'algoliasearch';\nimport {\n  InputChangeEventDetail,\n  AloliaSearchResultDetail,\n  SearchIndex,\n  AlgoliaMultiResult,\n} from '../../interface';\nimport { Wormhole } from '../algolia/algolia-data';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * @deprecated\n * Component for querying Algolia Indeces.\n * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)\n * Must include one 'nano-input' component\n */\n@Component({\n  tag: 'nano-algolia-input',\n  shadow: true,\n  styleUrl: 'algolia-input.scss',\n})\nexport class AlgoliaInput implements ComponentInterface {\n  private internalIndex: AlgoliaIndex;\n  private algoliaClient: AlgoliaClient;\n  private isNested: boolean;\n  private inputField: HTMLNanoInputElement;\n\n  @Element() host: HTMLNanoAlgoliaInputElement;\n\n  @State() searchStr: string = '';\n  @State() algoliaIndex: AlgoliaIndex = null;\n  @State() currentResults: AlgoliaMultiResult;\n\n  /**\n   * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() appId: string = '';\n\n  /**\n   * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() apiKey: string = '';\n\n  /**\n   * Algolia search index. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically if you're using a 'resultsEmitter' element.\n   * ```\n   * { index: string, // algolia index name\n   *   domain?: string, // used in template filers to resolve incomplete url fields\n   *   filters?: [string], // algolia facets to retrive\n   *   hitsPerPage?: number,\n   *   name?: string // human readable index name\n   * }\n   * ```\n   */\n  @Prop({ mutable: true }) searchIndex: SearchIndex = null;\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   * Minimum number of characters before performing a search\n   */\n  @Prop() minChars: number = 2;\n\n  /**\n   * Automatically emit results data to algolia components.\n   * For example, if you wanted to provide an 'autocomplete' style dropdown\n   * before showing the main results with a submit button\n   */\n  @Prop() autoEmit: boolean = true;\n\n  /**\n   * Will maintain a search all / '*' on init and reset allowing for a view\n   * then filter experience rather than a search first experience\n   */\n  @Prop({ mutable: true }) browseIndex: boolean = false;\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  /**\n   * Manually emit search results to algolia components.\n   * Useful if you don't wish to search on input change / want to provide 'autocomplete' options\n   * or / and want to use a submit button */\n  @Method()\n  async search() {\n    this.emitResults();\n  }\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   * @internal\n   */\n  @Event() nanoSearchResult!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   */\n  @Event() nanoSearch!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search field is cleared.\n   */\n  @Event() nanoSearchReset!: EventEmitter<AloliaSearchResultDetail>;\n\n  @Watch('searchIndexName')\n  searchIndexNameChange() {\n    if (!this.searchIndexName || !this.searchIndexName.length) return;\n    this.searchIndex = { index: this.searchIndexName };\n  }\n\n  @Watch('algoliaIndex')\n  algoliaChange() {\n    this.internalIndex = this.algoliaIndex;\n  }\n\n  @Watch('browseIndex')\n  browseIndexChange() {\n    if (this.browseIndex) {\n      this.searchStr = '*';\n      this.searchSubmit();\n    }\n  }\n\n  @Watch('apiKey')\n  @Watch('appId')\n  @Watch('searchIndex')\n  initAlgoliaClient() {\n    if (this.isNested || !this.appId || !this.apiKey) return;\n    this.algoliaClient = algoliasearch(this.appId, this.apiKey);\n    if (this.searchIndex)\n      this.algoliaIndex = this.algoliaClient.initIndex(this.searchIndex.index);\n  }\n\n  @Listen('nanoChange')\n  async searchSubmit(ev?: CustomEvent<InputChangeEventDetail>) {\n    if (!this.internalIndex) {\n      console.error('No algolia index set');\n      return;\n    }\n\n    if (ev) {\n      if ((ev.target as HTMLElement).tagName.toLowerCase() !== 'nano-input')\n        return;\n      this.searchStr = ev.detail.value;\n    } else {\n      this.inputField =\n        this.inputField || this.host.querySelector('nano-input');\n      if (!this.inputField) return;\n      this.searchStr = this.inputField.value;\n    }\n\n    if (this.searchStr.length < this.minChars) {\n      if (this.browseIndex) this.searchStr = '*';\n      else {\n        if (this.searchStr.length === 0) {\n          this.nanoSearchResult.emit({\n            results: [],\n            client: { apiKey: this.appId, appId: this.appId },\n          });\n          return;\n        }\n        if (this.searchStr.length < this.minChars) return;\n      }\n    }\n\n    let options = {};\n    if (this.searchIndex.filters)\n      options = { facets: this.searchIndex.filters };\n\n    let results = this.fixDomain(\n      await this.internalIndex.search(this.searchStr, options)\n    );\n    results.indexName = this.searchIndex.name;\n    results.selected = true;\n    results.domain = this.searchIndex.domain || null;\n    results.index = this.searchIndex.index;\n\n    this.currentResults = results;\n    this.nanoSearch.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n\n    if (this.autoEmit) this.emitResults();\n  }\n\n  private emitResults() {\n    this.nanoSearchResult.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n  }\n\n  private fixDomain(results: AlgoliaMultiResult) {\n    if (!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  private handleFocus = () => {\n    if (this.inputField) this.inputField.setFocus();\n  };\n\n  connectedCallback() {\n    this.isNested =\n      this.host.parentElement.tagName.toLowerCase() === 'nano-algolia' &&\n      this.host.hasAttribute('slot') &&\n      this.host.getAttribute('slot') === 'search-input';\n\n    if (!this.isNested) {\n      this.host.addEventListener(\n        'openWormhole',\n        (ev: CustomEvent<{ onOpen: any }>) => {\n          ev.detail.onOpen.resolve();\n          this.searchIndexNameChange();\n          this.initAlgoliaClient();\n        }\n      );\n    }\n  }\n\n  componentWillLoad() {\n    this.inputField = this.host.querySelector('nano-input');\n    if (this.storeId)\n      ComponentStore.init(this, ['searchStr'], this.storeMethod, this.storeId);\n  }\n\n  render() {\n    return (\n      <Host onFocus={this.handleFocus} tabindex=\"-1\">\n        <slot />\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaInput, ['algoliaIndex', 'searchIndex', 'browseIndex']);\n"]}

package/dist/esm-es5/nano-algolia-pagination.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{l(o.next(t))}catch(e){i(e)}}function u(t){try{l(o["throw"](t))}catch(e){i(e)}}function l(t){t.done?n(t.value):r(t.value).then(a,u)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(u){a=[6,u];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-7c54a0d9.js";import{W as Wormhole}from"./algolia-data-8b0654b3.js";var AlgoliaPagination=function(){function t(t){registerInstance(this,t);this.nanoPageChanged=createEvent(this,"nanoPageChanged",7);this.currentPage=null;this.canGoPrev=false;this.canGoNext=false;this.show=true;this.indexResults=null;this.infiniteScroll=false;this.maxToShow=null}t.prototype.currentPageChange=function(){};t.prototype.infiniteScrollChange=function(){this.show=!this.infiniteScroll};t.prototype.nextPage=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2]}))}))};t.prototype.prevPage=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2]}))}))};t.prototype.goToPage=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){console.log(t);return[2]}))}))};t.prototype.updateContent=function(){this.outputTo=this.outputSlot||this.outputEle;if(!this.templateStr||!this.outputTo||!this.indexResults){this.show=false;return}};t.prototype.componentWillLoad=function(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');if(!!this.templateSlot)this.templateStr=this.templateSlot.innerHTML};t.prototype.componentDidLoad=function(){this.updateContent()};t.prototype.render=function(){var t=this;return h(Host,{class:{"show-pagination":this.show}},h("div",{ref:function(e){return t.outputEle=e}},h("slot",{name:"output"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}},enumerable:false,configurable:true});return t}();Wormhole(AlgoliaPagination,["indexResults","filterChanged","tplRenderFn"]);export{AlgoliaPagination as nano_algolia_pagination};
-//# sourceMappingURL=nano-algolia-pagination.entry.js.map

package/dist/esm-es5/nano-algolia-pagination.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-pagination.tsx"],"names":["AlgoliaPagination","class_1","hostRef","this","currentPage","canGoPrev","canGoNext","show","indexResults","infiniteScroll","maxToShow","prototype","currentPageChange","infiniteScrollChange","nextPage","prevPage","goToPage","page","console","log","updateContent","outputTo","outputSlot","outputEle","templateStr","componentWillLoad","templateSlot","el","querySelector","innerHTML","componentDidLoad","render","_this","h","Host","class","show-pagination","ref","div","name","Wormhole"],"mappings":"ulDAsBaA,kBAAiB,WAJ9B,SAAAC,EAAAC,uFAaWC,KAAAC,YAAsB,KACtBD,KAAAE,UAAqB,MACrBF,KAAAG,UAAqB,MACrBH,KAAAI,KAAgB,KAEhBJ,KAAAK,aAA4B,KAC5BL,KAAAM,eAA0B,MAE3BN,KAAAO,UAAoB,KAQ5BT,EAAAU,UAAAC,kBAAA,aAGAX,EAAAU,UAAAE,qBAAA,WACEV,KAAKI,MAAQJ,KAAKM,gBAIdR,EAAAU,UAAAG,SAAN,iHAGMb,EAAAU,UAAAI,SAAN,iHAGMd,EAAAU,UAAAK,SAAN,SAAeC,wFACbC,QAAQC,IAAIF,oBAGNhB,EAAAU,UAAAS,cAAA,WACNjB,KAAKkB,SAAWlB,KAAKmB,YAAcnB,KAAKoB,UACxC,IAAKpB,KAAKqB,cAAgBrB,KAAKkB,WAAalB,KAAKK,aAAc,CAC7DL,KAAKI,KAAO,MACZ,SASJN,EAAAU,UAAAc,kBAAA,WACEtB,KAAKuB,aAAevB,KAAKwB,GAAGC,cAAc,4BAC1CzB,KAAKmB,WAAanB,KAAKwB,GAAGC,cAAc,mBAExC,KAAMzB,KAAKuB,aAAcvB,KAAKqB,YAAcrB,KAAKuB,aAAaG,WAIhE5B,EAAAU,UAAAmB,iBAAA,WACE3B,KAAKiB,iBAGPnB,EAAAU,UAAAoB,OAAA,WAAA,IAAAC,EAAA7B,KACE,OACE8B,EAACC,KAAI,CACHC,MAAO,CACLC,kBAAmBjC,KAAKI,OAG1B0B,EAAA,MAAA,CAAKI,IAAK,SAACC,GAAG,OAAMN,EAAKT,UAAYe,IACnCL,EAAA,OAAA,CAAMM,KAAK,uTA5ES,GAoF9BC,SAASxC,kBAAkD,CACzD,eACA,gBACA","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { IndexResult } from '../../interface';\nimport { Wormhole, WormholeConsumerConstructor } from '../algolia/algolia-data';\n\n/**\n * Displays results from Algolia searches.\n * TODO / WIP */\n@Component({\n  tag: 'nano-algolia-pagination',\n  shadow: true,\n})\nexport class AlgoliaPagination {\n  @Element() el: HTMLNanoAlgoliaPaginationElement;\n\n  private outputEle: HTMLDivElement;\n  private outputSlot: HTMLElement;\n  private outputTo: HTMLElement;\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n\n  @State() currentPage: number = null;\n  @State() canGoPrev: boolean = false;\n  @State() canGoNext: boolean = false;\n  @State() show: boolean = true;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() indexResults: IndexResult = null;\n  @State() infiniteScroll: boolean = false;\n\n  @Prop() maxToShow: number = null;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<{ page: number }>;\n\n  @Watch('currentPage')\n  currentPageChange() {}\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.show = !this.infiniteScroll;\n  }\n\n  @Method()\n  async nextPage() {}\n\n  @Method()\n  async prevPage() {}\n\n  @Method()\n  async goToPage(page: number) {\n    console.log(page);\n  }\n\n  private updateContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n    if (!this.templateStr || !this.outputTo || !this.indexResults) {\n      this.show = false;\n      return;\n    }\n\n    // this.outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n    //   orig: { ...this.currentIndex.origFilters[this.filterName] },\n    //   dyn: { ...this.currentIndex.dynFilters[this.filterName] }\n    // });\n  }\n\n  componentWillLoad() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n\n    if (!!this.templateSlot) this.templateStr = this.templateSlot.innerHTML;\n    // this.boundChangeEvent = this.handleChangeEvent.bind(this);\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-pagination': this.show,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\n// Use the injectProps method to pass from the tunnel as props to the component\nWormhole(AlgoliaPagination as WormholeConsumerConstructor, [\n  'indexResults',\n  'filterChanged',\n  'tplRenderFn',\n]);\n"]}

package/dist/esm-es5/nano-algolia-results.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function s(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{a(i.next(t))}catch(e){r(e)}}function l(t){try{a(i["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):s(t.value).then(o,l)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,s,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(e){return a([t,e])}}function a(o){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;s=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(l){o=[6,l];s=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,B as Build,i as readTask,h,e as Host,g as getElement}from"./index-7c54a0d9.js";import{S as SearchChangeEvent,W as Wormhole}from"./algolia-data-8b0654b3.js";var AlgoliaResults=function(){function t(t){registerInstance(this,t);this.nanoPageChanged=createEvent(this,"nanoPageChanged",7);this.nanoTplUpdated=createEvent(this,"nanoTplUpdated",7);this.append=false;this.shouldClear=true;this.currHitNum=0;this.showResults=false;this.results=null;this.indexResults=null;this.resultsPage=0;this.changeEvent=SearchChangeEvent.Init;this.isLoading=true;this.infiniteScroll=false;this.appendPages=false}t.prototype.addContentIndex=function(){var t=this;this.shouldPageClear();if(this.shouldClear||this.resultsPage===0)this.currHitNum=0;if(this.indexResults&&this.indexResults.results){this.indexResults.results.map((function(e){e._uIndex=t.currHitNum++}))}};t.prototype.resultsChange=function(){this.shouldPageClear();this.updateResultContent();this.infiniteScrollChange()};t.prototype.headerFooterChange=function(){this.updateStartEndContent()};t.prototype.appendChange=function(){this.append=this.infiniteScroll?true:this.appendPages};t.prototype.infiniteScrollChange=function(){this.append=this.infiniteScroll?true:this.appendPages;this.infiniteScroll?this.attachIO():this.detachIO()};t.prototype.handlePageChage=function(){this.infiniteScroll?this.attachIO():this.detachIO()};t.prototype.handleLoading=function(){if(!this.isLoading)this.infiniteScrollChange()};t.prototype.shouldPageClear=function(){this.shouldClear=this.changeEvent===SearchChangeEvent.Page?!this.append:true};t.prototype.nextPage=function(){this.shouldClear=!this.append;this.nanoPageChanged.emit({page:this.resultsPage+1})};t.prototype.attachIO=function(){var t=this;if(!this.infiniteScrollBar||!this.infiniteScroll||this.io||!Build.isBrowser||typeof window==="undefined"||!window.IntersectionObserver)return;this.io=new window.IntersectionObserver((function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(e[0].isIntersecting||e[1]&&e[1].isIntersecting){this.nextPage();this.detachIO()}return[2]}))}))}),{document:document,rootMargin:"100px",threshold:1});this.io.observe(this.infiniteScrollBar)};t.prototype.detachIO=function(){if(this.io){this.io.disconnect();this.io=null}};t.prototype.updateStartEndContent=function(){if(this.startTpl&&this.startOutputSlot){this.startOutputSlot.innerHTML=this.tplRenderFn(this.startTpl,this.indexResults)}if(this.endOutputSlot&&this.endTpl){this.endOutputSlot.innerHTML=this.tplRenderFn(this.endTpl,this.indexResults)}this.nanoTplUpdated.emit(this.el)};t.prototype.updateResultContent=function(){var t=this;this.outputTo=this.outputSlot||this.outputEle;if(!this.resultTpl||!this.indexResults)return;if(this.shouldClear)this.outputTo.innerHTML="";if(!this.tplRenderFn)return;var e=document.createElement("div");e.innerHTML=this.tplRenderFn(this.resultTpl,this.indexResults);Array.from(e.children).forEach((function(e){t.outputTo.appendChild(e)}));this.shouldClear=true;this.nanoTplUpdated.emit(this.el)};t.prototype.connectedCallback=function(){var t=this;readTask((function(){t.startTplSlot=t.el.querySelector('[slot="start-template"]');t.startOutputSlot=t.el.querySelector('[slot="start-output"]');if(!!t.startTplSlot){t.startTpl=t.startTplSlot.innerHTML;t.startTpl=t.startTpl.replace(/=&gt;/gm,"=>")}t.resultTplSlot=t.el.querySelector('[slot="result-template"]');t.outputSlot=t.el.querySelector('[slot="result-output"]');if(!!t.resultTplSlot){t.resultTpl=t.resultTplSlot.innerHTML;t.resultTpl=t.resultTpl.replace(/=&gt;/gm,"=>")}t.endTplSlot=t.el.querySelector('[slot="end-template"]');t.endOutputSlot=t.el.querySelector('[slot="end-output"]');if(!!t.endTplSlot){t.endTpl=t.endTplSlot.innerHTML;t.endTpl=t.endTpl.replace(/=&gt;/gm,"=>")}if(t.indexResults){t.addContentIndex();t.updateResultContent()}}))};t.prototype.componentDidLoad=function(){this.updateStartEndContent()};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.render=function(){var t=this;return h(Host,{class:{"show-results":this.showResults}},h("div",{class:"default"},h("slot",null)),h("div",{ref:function(e){return t.outputEle=e}},h("slot",{name:"start-output"}),h("slot",{name:"result-output"}),h("div",{ref:function(e){return t.infiniteScrollBar=e}}),h("slot",{name:"end-output"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}},enumerable:false,configurable:true});return t}();Wormhole(AlgoliaResults,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{AlgoliaResults as nano_algolia_results};
-//# sourceMappingURL=nano-algolia-results.entry.js.map

package/dist/esm-es5/nano-algolia-results.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-results.tsx"],"names":["AlgoliaResults","class_1","hostRef","this","append","shouldClear","currHitNum","showResults","results","indexResults","resultsPage","changeEvent","SearchChangeEvent","Init","isLoading","infiniteScroll","appendPages","prototype","addContentIndex","_this","shouldPageClear","map","res","_uIndex","resultsChange","updateResultContent","infiniteScrollChange","headerFooterChange","updateStartEndContent","appendChange","attachIO","detachIO","handlePageChage","handleLoading","Page","nextPage","nanoPageChanged","emit","page","infiniteScrollBar","io","Build","isBrowser","window","IntersectionObserver","data","__awaiter","isIntersecting","document","rootMargin","threshold","observe","disconnect","startTpl","startOutputSlot","innerHTML","tplRenderFn","endOutputSlot","endTpl","nanoTplUpdated","el","outputTo","outputSlot","outputEle","resultTpl","div","createElement","Array","from","children","forEach","child","appendChild","connectedCallback","readTask","startTplSlot","querySelector","replace","resultTplSlot","endTplSlot","componentDidLoad","disconnectedCallback","undefined","render","h","Host","class","show-results","ref","name","Wormhole"],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Watch,\n  State,\n  Build,\n  EventEmitter,\n  Event,\n  Prop,\n  readTask,\n} from '@stencil/core';\nimport {\n  IndexResult,\n  AlgoliaResultHit,\n  PageChangeEventDetail,\n  AlgoliaFacet,\n} from '../../interface';\nimport { Wormhole, SearchChangeEvent } from '../algolia/algolia-data';\n\n/**\n * Displays and syncs results from Algolia searches.\n * Must be nested within an nano-algolia component.\n * @slot start-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot start-output - A placeholder for template output.\n * @slot result-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot result-output - A placeholder for template output.\n * @slot end-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot end-output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-results',\n  shadow: true,\n})\nexport class AlgoliaResults {\n  @Element() el: HTMLNanoAlgoliaResultsElement;\n\n  private resultTpl: string;\n  private resultTplSlot: HTMLElement;\n  private startTpl: string;\n  private startTplSlot: HTMLElement;\n  private endTpl: string;\n  private endTplSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLDivElement;\n  private outputTo: HTMLElement;\n  private startOutputSlot: HTMLElement;\n  private endOutputSlot: HTMLElement;\n\n  private io?: IntersectionObserver;\n  private infiniteScrollBar: HTMLDivElement;\n  private append: boolean = false;\n  private shouldClear: boolean = true;\n  private currHitNum: number = 0;\n\n  @State() showResults: boolean = false;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() results: AlgoliaResultHit[] = null;\n  @State() indexResults: IndexResult = null;\n  @State() resultsPage: number = 0;\n  @State() changeEvent: SearchChangeEvent = SearchChangeEvent.Init;\n  @State() facets: AlgoliaFacet;\n  @State() isLoading: boolean = true;\n\n  /**\n   * Load and append pages automatically on scroll\n   */\n  @Prop() infiniteScroll: boolean = false;\n\n  /**\n   * Whether new pages loaded by pagination will replace or be appended to the results block\n   * (this will be ignored if 'infiniteScroll' is set to true)\n   */\n  @Prop({ mutable: true }) appendPages: boolean = false;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<PageChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaResultsElement>;\n\n  // For append / infinite-scroll it's useful to have a universal index on render\n  @Watch('results')\n  addContentIndex() {\n    this.shouldPageClear();\n    if (this.shouldClear || this.resultsPage === 0) this.currHitNum = 0;\n    if (this.indexResults && this.indexResults.results) {\n      this.indexResults.results.map((res) => {\n        (res as any)._uIndex = this.currHitNum++;\n      });\n    }\n  }\n\n  // Update content template and perhaps add IO for infinite scrolling\n  @Watch('results')\n  @Watch('tplRenderFn')\n  resultsChange() {\n    this.shouldPageClear();\n    // console.log('going to do update', this.resultsPage, this.results.length);\n    this.updateResultContent();\n    this.infiniteScrollChange();\n  }\n\n  // We have a foot / head slot template.\n  // Can be useful to display current filter / search meta\n  @Watch('facets')\n  headerFooterChange() {\n    this.updateStartEndContent();\n  }\n\n  @Watch('appendPages')\n  appendChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n  }\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n    this.infiniteScroll ? this.attachIO() : this.detachIO();\n  }\n\n  @Watch('resultsPage')\n  handlePageChage() {\n    this.infiniteScroll ? this.attachIO() : this.detachIO();\n  }\n\n  @Watch('isLoading')\n  handleLoading() {\n    if (!this.isLoading) this.infiniteScrollChange();\n  }\n\n  // Decide whether incoming content should clear or not.\n  // if incoming change event is from a pagechange AND the current page is 0 OR appendPages option set...\n  // Then leave up to the current, set append behaviour. Other clear it all out.\n  private shouldPageClear() {\n    this.shouldClear =\n      this.changeEvent === SearchChangeEvent.Page ? !this.append : true;\n  }\n\n  // Called by IO. Emits page change event to parent which then iterated the global page count.\n  private nextPage() {\n    this.shouldClear = !this.append;\n    this.nanoPageChanged.emit({ page: this.resultsPage + 1 });\n  }\n\n  private attachIO() {\n    if (\n      !this.infiniteScrollBar ||\n      !this.infiniteScroll ||\n      this.io ||\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    )\n      return;\n\n    this.io = new (window as any).IntersectionObserver(\n      async (data: IntersectionObserverEntry[]) => {\n        if (data[0].isIntersecting || (data[1] && data[1].isIntersecting)) {\n          this.nextPage();\n          this.detachIO();\n        }\n      },\n      { document, rootMargin: '100px', threshold: 1 }\n    );\n    this.io.observe(this.infiniteScrollBar);\n  }\n\n  private detachIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = null;\n    }\n  }\n\n  private updateStartEndContent() {\n    // clear start slot if present\n    if (this.startTpl && this.startOutputSlot) {\n      this.startOutputSlot.innerHTML = this.tplRenderFn(\n        this.startTpl,\n        this.indexResults\n      );\n    }\n    // clear end slot if present\n    if (this.endOutputSlot && this.endTpl) {\n      this.endOutputSlot.innerHTML = this.tplRenderFn(\n        this.endTpl,\n        this.indexResults\n      );\n    }\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  private updateResultContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n\n    if (!this.resultTpl || !this.indexResults) return;\n\n    // after filtering or new index - clear all content.\n    // after pagination when the 'appendPages' set to true - don't clear results content\n    if (this.shouldClear) this.outputTo.innerHTML = '';\n\n    if (!this.tplRenderFn) return;\n\n    let div = document.createElement('div');\n    div.innerHTML = this.tplRenderFn(this.resultTpl, this.indexResults);\n\n    Array.from(div.children).forEach((child) => {\n      this.outputTo.appendChild(child);\n    });\n\n    this.shouldClear = true;\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  connectedCallback() {\n    readTask(() => {\n      this.startTplSlot = this.el.querySelector('[slot=\"start-template\"]');\n      this.startOutputSlot = this.el.querySelector('[slot=\"start-output\"]');\n      if (!!this.startTplSlot) {\n        this.startTpl = this.startTplSlot.innerHTML;\n        this.startTpl = this.startTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.resultTplSlot = this.el.querySelector('[slot=\"result-template\"]');\n      this.outputSlot = this.el.querySelector('[slot=\"result-output\"]');\n      if (!!this.resultTplSlot) {\n        this.resultTpl = this.resultTplSlot.innerHTML;\n        this.resultTpl = this.resultTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.endTplSlot = this.el.querySelector('[slot=\"end-template\"]');\n      this.endOutputSlot = this.el.querySelector('[slot=\"end-output\"]');\n      if (!!this.endTplSlot) {\n        this.endTpl = this.endTplSlot.innerHTML;\n        this.endTpl = this.endTpl.replace(/=&gt;/gm, '=>');\n      }\n      if (this.indexResults) {\n        this.addContentIndex();\n        this.updateResultContent();\n      }\n    });\n  }\n\n  componentDidLoad() {\n    this.updateStartEndContent();\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-results': this.showResults,\n        }}\n      >\n        <div class=\"default\">\n          <slot />\n        </div>\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"start-output\" />\n          <slot name=\"result-output\" />\n          <div ref={(div) => (this.infiniteScrollBar = div)}></div>\n          <slot name=\"end-output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaResults, [\n  'indexResults',\n  'results',\n  'tplRenderFn',\n  'resultsPage',\n  'changeEvent',\n  'facets',\n  'isLoading',\n]);\n"]}

package/dist/esm-es5/nano-algolia.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function a(e){try{l(i.next(e))}catch(t){s(t)}}function o(e){try{l(i["throw"](e))}catch(t){s(t)}}function l(e){e.done?n(e.value):r(e.value).then(a,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return l([e,t])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(o){a=[6,o];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var n=0,i=t.length,r=e.length;n<i;n++,r++)e[r]=t[n];return e};import{g as getElement,l as getRenderingRef,r as registerInstance,c as createEvent,f as writeTask,i as readTask,h,e as Host}from"./index-7c54a0d9.js";import{S as SearchChangeEvent}from"./algolia-data-8b0654b3.js";import{g as getDirectChildren}from"./dom-ae168a2d.js";import{d as debounce}from"./throttle-e3c852aa.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-2c129faa.js";import{b as getDefaultExportFromCjs,c as createCommonjsModule,a as commonjsGlobal}from"./_commonjsHelpers-11ca3be1.js";import{C as ComponentStore}from"./component-store-753524d0.js";var multiverse=new Map;var updateConsumer=function(e,t){var n=e.fields,i=e.updater;n.forEach((function(e){i(e,t[e])}))};var Universe={create:function(e,t){var n=getElement(e);var i=new Map;var r={wormholes:i,state:t};multiverse.set(e,r);var s=e.connectedCallback;e.connectedCallback=function(){multiverse.set(e,r);if(s){s.call(e)}};var a=e.disconnectedCallback;e.disconnectedCallback=function(){multiverse.delete(e);if(a){a.call(e)}};n.addEventListener("openWormhole",(function(e){e.stopPropagation();var t=e.detail,n=t.consumer,s=t.onOpen;if(i.has(n))return;if(typeof n!=="symbol"){var a=n.connectedCallback,o=n.disconnectedCallback;n.connectedCallback=function(){i.set(n,e.detail);if(a){a.call(n)}};n.disconnectedCallback=function(){i.delete(n);if(o){o.call(n)}}}i.set(n,e.detail);updateConsumer(e.detail,r.state);s===null||s===void 0?void 0:s.resolve((function(){i.delete(n)}))}));n.addEventListener("closeWormhole",(function(e){var t=e.detail;i.delete(t)}))},Provider:function(e,t){var n=e.state;var i=getRenderingRef();if(multiverse.has(i)){var r=multiverse.get(i);r.state=n;r.wormholes.forEach((function(e){updateConsumer(e,n)}))}return t}};var squirrelly_min=createCommonjsModule((function(e,t){!function(e,n){n(t)}(commonjsGlobal,(function(e){function t(e){var n,i,r=new Error(e);return n=r,i=t.prototype,Object.setPrototypeOf?Object.setPrototypeOf(n,i):n.__proto__=i,r}function n(e,n,i){var r=n.slice(0,i).split(/\n/),s=r.length,a=r[s-1].length+1;throw t(e+=" at line "+s+" col "+a+":\n\n  "+n.split(/\n/)[s-1]+"\n  "+Array(a).join(" ")+"^")}t.prototype=Object.create(Error.prototype,{name:{value:"Squirrelly Error",enumerable:!1}});var i=new Function("return this")().Promise,r=!1;try{r=new Function("return (async function(){}).constructor")()}catch(e){if(!(e instanceof SyntaxError))throw e}function s(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function a(e,t,n){for(var i in t)s(t,i)&&(null==t[i]||"object"!=typeof t[i]||"storage"!==i&&"prefixes"!==i||n?e[i]=t[i]:e[i]=a({},t[i]));return e}var o=/^async +/,l=/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g,u=/'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g,c=/"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g,h=/[.*+\-?^${}()|[\]\\]/g;function d(e){return h.test(e)?e.replace(h,"\\$&"):e}function f(e,i){i.rmWhitespace&&(e=e.replace(/[\r\n]+/g,"\n").replace(/^\s+|\s+$/gm,"")),l.lastIndex=0,u.lastIndex=0,c.lastIndex=0;var r=i.prefixes,s=[r.h,r.b,r.i,r.r,r.c,r.e].reduce((function(e,t){return e&&t?e+"|"+d(t):t?d(t):e}),""),a=new RegExp("([|()]|=>)|('|\"|`|\\/\\*)|\\s*((\\/)?(-|_)?"+d(i.tags[1])+")","g"),h=new RegExp("([^]*?)"+d(i.tags[0])+"(-|_)?\\s*("+s+")?\\s*","g"),f=0,p=!1;function g(t,r){var s,d={f:[]},g=0,v="c";function m(t){var r=e.slice(f,t),s=r.trim();if("f"===v)"safe"===s?d.raw=!0:i.async&&o.test(s)?(s=s.replace(o,""),d.f.push([s,"",!0])):d.f.push([s,""]);else if("fp"===v)d.f[d.f.length-1][1]+=s;else if("err"===v){if(s){var a=r.search(/\S/);n("invalid syntax",e,f+a)}}else d[v]=s;f=t+1}for("h"===r||"b"===r||"c"===r?v="n":"r"===r&&(d.raw=!0,r="i"),a.lastIndex=f;null!==(s=a.exec(e));){var y=s[1],x=s[2],b=s[3],w=s[4],I=s[5],F=s.index;if(y)"("===y?(0===g&&("n"===v?(m(F),v="p"):"f"===v&&(m(F),v="fp")),g++):")"===y?0===--g&&"c"!==v&&(m(F),v="err"):0===g&&"|"===y?(m(F),v="f"):"=>"===y&&(m(F),f+=1,v="res");else if(x){if("/*"===x){var _=e.indexOf("*/",a.lastIndex);-1===_&&n("unclosed comment",e,s.index),a.lastIndex=_+2}else if("'"===x){u.lastIndex=s.index,u.exec(e)?a.lastIndex=u.lastIndex:n("unclosed string",e,s.index)}else if('"'===x){c.lastIndex=s.index,c.exec(e)?a.lastIndex=c.lastIndex:n("unclosed string",e,s.index)}else if("`"===x){l.lastIndex=s.index,l.exec(e)?a.lastIndex=l.lastIndex:n("unclosed string",e,s.index)}}else if(b)return m(F),f=F+s[0].length,h.lastIndex=f,p=I,w&&"h"===r&&(r="s"),d.t=r,d}return n("unclosed tag",e,t),d}var v=function s(a,l){a.b=[],a.d=[];var u,c=!1,d=[];function v(e,t){e&&(e=function(e,t,n,i){var r,s;return"string"==typeof t.autoTrim?r=s=t.autoTrim:Array.isArray(t.autoTrim)&&(r=t.autoTrim[1],s=t.autoTrim[0]),(n||!1===n)&&(r=n),(i||!1===i)&&(s=i),"slurp"===r&&"slurp"===s?e.trim():("_"===r||"slurp"===r?e=String.prototype.trimLeft?e.trimLeft():e.replace(/^[\s\uFEFF\xA0]+/,""):"-"!==r&&"nl"!==r||(e=e.replace(/^(?:\n|\r|\r\n)/,"")),"_"===s||"slurp"===s?e=String.prototype.trimRight?e.trimRight():e.replace(/[\s\uFEFF\xA0]+$/,""):"-"!==s&&"nl"!==s||(e=e.replace(/(?:\n|\r|\r\n)$/,"")),e)}(e,i,p,t))&&(e=e.replace(/\\|'/g,"\\$&").replace(/\r\n|\n|\r/g,"\\n"),d.push(e))}for(;null!==(u=h.exec(e));){var m,y=u[1],x=u[2],b=u[3]||"";for(var w in r)if(r[w]===b){m=w;break}v(y,x),f=u.index+u[0].length,m||n("unrecognized tag type: "+b,e,f);var I=g(u.index,m),F=I.t;if("h"===F){var _=I.n||"";i.async&&o.test(_)&&(I.a=!0,I.n=_.replace(o,"")),I=s(I),d.push(I)}else if("c"===F){if(a.n===I.n)return c?(c.d=d,a.b.push(c)):a.d=d,a;n("Helper start and end don't match",e,u.index+u[0].length)}else if("b"===F){c?(c.d=d,a.b.push(c)):a.d=d;var C=I.n||"";i.async&&o.test(C)&&(I.a=!0,I.n=C.replace(o,"")),c=I,d=[]}else if("s"===F){var S=I.n||"";i.async&&o.test(S)&&(I.a=!0,I.n=S.replace(o,"")),d.push(I)}else d.push(I)}if(!l)throw t('unclosed helper "'+a.n+'"');return v(e.slice(f,e.length),!1),a.d=d,a}({f:[]},!0);if(i.plugins)for(var m=0;m<i.plugins.length;m++){var y=i.plugins[m];y.processAST&&(v.d=y.processAST(v.d,i))}return v.d}function p(e,t){var n=f(e,t),i="var tR='';"+(t.useWith?"with("+t.varName+"||{}){":"")+x(n,t)+"if(cb){cb(null,tR)} return tR"+(t.useWith?"}":"");if(t.plugins)for(var r=0;r<t.plugins.length;r++){var s=t.plugins[r];s.processFnString&&(i=s.processFnString(i,t))}return i}function g(e,t){for(var n=0;n<t.length;n++){var i=t[n][0],r=t[n][1];e=(t[n][2]?"await ":"")+"c.l('F','"+i+"')("+e,r&&(e+=","+r),e+=")"}return e}function v(e,t,n,i,r,s){var a="{exec:"+(r?"async ":"")+y(n,t,e)+",params:["+i+"]";return s&&(a+=",name:'"+s+"'"),r&&(a+=",async:true"),a+="}"}function m(e,t){for(var n="[",i=0;i<e.length;i++){var r=e[i];n+=v(t,r.res||"",r.d,r.p||"",r.a,r.n),i<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,i=e.length,r="";n<i;n++){var s=e[n];if("string"==typeof s){r+="tR+='"+s+"';"}else{var a=s.t,o=s.c||"",l=s.f,u=s.n||"",c=s.p||"",h=s.res||"",d=s.b,f=!!s.a;if("i"===a){t.defaultFilter&&(o="c.l('F','"+t.defaultFilter+"')("+o+")");var p=g(o,l);!s.raw&&t.autoEscape&&(p="c.l('F','e')("+p+")"),r+="tR+="+p+";"}else if("h"===a)if(t.storage.nativeHelpers.get(u))r+=t.storage.nativeHelpers.get(u)(s,t);else{var y=(f?"await ":"")+"c.l('H','"+u+"')("+v(t,h,s.d,c,f);y+=d?","+m(d,t):",[]",r+="tR+="+g(y+=",c)",l)+";"}else"s"===a?r+="tR+="+g((f?"await ":"")+"c.l('H','"+u+"')({params:["+c+"]},[],c)",l)+";":"e"===a&&(r+=o+"\n")}}return r}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){a(this.cache,e,!0)},e}();function w(e,n,i,r){if(n&&n.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept blocks");if(i&&i.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept filters")}var I={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function F(e){return I[e]}var _=new b({}),C=new b({each:function(e,t){var n="",i=e.params[0];if(w("each",t,!1),e.async)return new Promise((function(t){!function e(t,n,i,r,s){i(t[n],n).then((function(a){r+=a,n===t.length-1?s(r):e(t,n+1,i,r,s)}))}(i,0,e.exec,n,t)}));for(var r=0;r<i.length;r++)n+=e.exec(i[r],r);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,i,r,s,a){r(n[i],t[n[i]]).then((function(o){s+=o,i===n.length-1?a(s):e(t,n,i+1,r,s,a)}))}(n,Object.keys(n),0,e.exec,"",t)}));var i="";for(var r in n)s(n,r)&&(i+=e.exec(r,n[r]));return i},include:function(e,n,i){w("include",n,!1);var r=i.storage.templates.get(e.params[0]);if(!r)throw t('Could not fetch template "'+e.params[0]+'"');return r(e.params[1],i)},extends:function(e,n,i){var r=e.params[1]||{};r.content=e.exec();for(var s=0;s<n.length;s++){var a=n[s];r[a.name]=a.exec()}var o=i.storage.templates.get(e.params[0]);if(!o)throw t('Could not fetch template "'+e.params[0]+'"');return o(r,i)},useScope:function(e,t){return w("useScope",t,!1),e.exec(e.params[0])}}),S=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 i=0;i<e.b.length;i++){var r=e.b[i];"else"===r.n?n+="else{"+x(r.d,t)+"}":"elif"===r.n&&(n+="else if("+r.p+"){"+x(r.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 i="try{"+x(e.d,n)+"}",r=e.b[0];return i+="catch"+(r.res?"("+r.res+")":"")+"{"+x(r.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+"]}"}}),R=new b({e:function(e){var t=String(e);return/[&<>"']/.test(t)?t.replace(/[&<>"']/g,F):t}}),E={varName:"it",autoTrim:[!1,"nl"],autoEscape:!0,defaultFilter:!1,tags:["{{","}}"],l:function(e,n){if("H"===e){var i=this.storage.helpers.get(n);if(i)return i;throw t("Can't find helper '"+n+"'")}if("F"===e){var r=this.storage.filters.get(n);if(r)return r;throw t("Can't find filter '"+n+"'")}},async:!1,storage:{helpers:C,nativeHelpers:S,filters:R,templates:_},prefixes:{h:"@",b:"#",i:"",r:"*",c:"/",e:"!"},cache:!1,plugins:[],useWith:!1};function P(e,t){var n={};return a(n,E),t&&a(n,t),e&&a(n,e),n.l.bind(n),n}function q(e,n){var i=P(n||{}),s=Function;if(i.async){if(!r)throw t("This environment doesn't support async/await");s=r}try{return new s(i.varName,"c","cb",p(e,i))}catch(n){throw n instanceof SyntaxError?t("Bad template syntax\n\n"+n.message+"\n"+Array(n.message.length+1).join("=")+"\n"+p(e,i)):n}}function k(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:q(e,t),t.cache&&t.name&&t.storage.templates.define(t.name,n),n)}E.l.bind(E),e.compile=q,e.compileScope=x,e.compileScopeIntoFunction=y,e.compileToString=p,e.defaultConfig=E,e.filters=R,e.getConfig=P,e.helpers=C,e.nativeHelpers=S,e.parse=f,e.render=function(e,n,r,s){var a=P(r||{});if(!a.async)return k(e,a)(n,a);if(!s){if("function"==typeof i)return new i((function(t,i){try{t(k(e,a)(n,a))}catch(e){i(e)}}));throw t("Please provide a callback function, this env doesn't support Promises")}try{k(e,a)(n,a,s)}catch(e){return s(e)}},e.templates=_,Object.defineProperty(e,"__esModule",{value:!0})}))}));var squirrelly_min$1=getDefaultExportFromCjs(squirrelly_min);var Sqrl=Object.freeze(Object.assign(Object.create(null),squirrelly_min,{default:squirrelly_min$1}));var squirrel=Sqrl;squirrel.filters.define("date_long",(function(e,t){if(t===void 0){t={year:"numeric",month:"long",day:"numeric"}}if(!e)return;var n=new Date(parseInt(e)*1e3);e=n.toLocaleDateString("en-GB",t);return e}));squirrel.filters.define("date_short",(function(e,t){if(t===void 0){t="d/m/y"}if(!e)return;var n=new Date(parseInt(e)*1e3);e=t.replace(/(d)/,n.getDate().toString());e=e.replace(/(m)/,(n.getMonth()+1).toString());e=e.replace(/(y)/,n.getFullYear().toString());return e}));squirrel.filters.define("public_name",(function(e){if(!e)return;e=e.split("_").map((function(e){return e.length<3?e.toUpperCase():e})).join(" ");return e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("trim_to",(function(e,t){if(t===void 0){t=100}if(!e)return;if(e.length<=t)return e;return e.substr(0,t)+"..."}));squirrel.filters.define("classname",(function(e){if(!e)return;return e.replace(/[\W]+/g,"")}));squirrel.filters.define("abs_url",(function(e,t,n){if(t===void 0){t=null}if(!t)return e;if(!e)return;var i=undefined;if(t.domains&&n&&n.origin){var r=t.domains.find((function(e){return e.origin===n.origin}));i=r?r.domain:""}else if(t.domain)i=t.domain;if(!i)return e;return e.match(/^http/)?e:location.protocol+"//"+i+e}));squirrel.filters.define("replace",(function(e,t,n){return e.replace(t,n)}));squirrel.filters.define("remove_spaces",(function(e){return e.replace(/ /g,"_")}));squirrel.filters.define("add_spaces",(function(e){return e=e.replace(/[_\-]/g," ")}));squirrel.filters.define("capitalise",(function(e){return e=e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("lowercase",(function(e){return e=e.toLowerCase()}));var Squirrel=squirrel;var PromiseQueue=function(){function e(){this.queue=[];this.workingOnPromise=false;this.stop=false;this.limit=null}e.prototype.enqueue=function(e){var t=this;return new Promise((function(n,i){t.queue.push({promise:e,resolve:n,reject:i});t.dequeue()}))};e.prototype.dequeue=function(){var e=this;if(this.workingOnPromise){return false}if(this.stop){this.queue=[];this.stop=false;return}var t=this.queue.shift();if(!t){return false}try{this.workingOnPromise=true;t.promise().then((function(n){e.workingOnPromise=false;t.resolve(n);e.dequeue()})).catch((function(n){e.workingOnPromise=false;t.reject(n);e.dequeue()}))}catch(n){this.workingOnPromise=false;t.reject(n);this.dequeue()}return true};return e}();PromiseQueue.pendingPromise=false;var algoliaCss=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:block}:host ::slotted([slot=search-template]),:host::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;height:100%;width:100%;min-height:100%;max-height:100vh !important;max-width:100vw !important;left:0;top:0;z-index:-10;font-size:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 0.2s ease, z-index 0.01s ease 0.2s;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;-webkit-transition:z-index 0.01s ease, opacity 0.2s ease 0.01s;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{height:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;-webkit-transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;-webkit-transform:translate(0, 100px);transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;top:0;left:0;display:none}.results-container{position:relative}.results.show{-webkit-transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{height:auto !important;width:auto !important;display:block;position:static;-webkit-transform:none;transform:none;z-index:auto;visibility:inherit;opacity:initial}";var CANSHADOW=!!document.head.attachShadow;var Algolia=function(){function e(e){var t=this;registerInstance(this,e);this.nanoDidLoad=createEvent(this,"nanoDidLoad",7);this.nanoResultsShown=createEvent(this,"nanoResultsShown",3);this.nanoBeforeQuery=createEvent(this,"nanoBeforeQuery",7);this.nanoAfterQuery=createEvent(this,"nanoAfterQuery",7);this.staticFacetFilters={};this.dynFacetFilters={};this.hasLoadSlot=false;this.placedAlgoliaEles=[];this.promiseQueue=new PromiseQueue;this._dynFacetFilters={};this.indeces=[];this.filterChanged="";this.changeEvent=SearchChangeEvent.Init;this.isLoading=false;this.wormholeState=this;this.showResults=false;this.resultsPage=0;this.searchIndex={};this.searchIndexName="";this.listenTo=null;this.query="";this.operator="and";this.filters=[];this.tplEngine=Squirrel;this.tplRenderFn=Squirrel.render;this.replicaIndex="";this.browseIndex=false;this.minChars=2;this.storeMethod="session";this.searchChange=function(){return __awaiter(t,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){if(!this.algoliaIndex)return[2];if(!this.query||this.query.length<this.minChars){if(!this.browseIndex){if(!this.query||this.query.length===0){this.handleSearchReset();return[2]}else return[2]}else if(this.query!=="*"){this.query="*";return[2]}}this.isLoading=true;setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:this.resetPage();return[4,this.algoliaSearch(SearchChangeEvent.Init)];case 1:t.sent();return[4,this.updateContent()];case 2:t.sent();setTimeout((function(t){return e.isLoading=false}),800);this.showResults=true;this.nanoResultsShown.emit(this.indexResults);return[2]}}))}))}),200);return[2]}))}))};this.makeAppliedFilters=function(){var e=[];var n=function(t){Object.values(t).forEach((function(t){if(t.value&&t.value.length){var n=e.find((function(e){return e.name===t.facetName}));if(!n)e.push({name:t.facetName,values:__spreadArray([],t.value)});else n.values=__spreadArray(__spreadArray([],n.values),t.value)}}))};n(t.dynFacetFilters);n(t.staticFacetFilters);if(e.length)return e;return null};this.algoliaSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,this.promiseQueue.enqueue((function(){return t.queueSearch(e)}))]}))}))};this.queueSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.algoliaIndex||!this.query||!this.searchIndex||!this.searchIndex.index)return[2];this.nanoBeforeQuery.emit(this.indexResults);if(SearchChangeEvent.Init===e)this.clearAllFacetFilters();t={filters:this.algoliaFilterStr(),page:this.indexResults?this.indexResults.currentPage:0};if(this.searchIndex.filters)t.facets=this.searchIndex.filters;if(this.searchIndex.hitsPerPage)t.hitsPerPage=this.searchIndex.hitsPerPage;return[4,this.algoliaIndex.search(this.query,t)];case 1:n=r.sent();n=this.fixDomain(n);this.changeEvent=e;if(e===SearchChangeEvent.Init||!this.indexResults){this.indexResults={currentPage:0,totalHits:n.nbHits,hitsPerPage:null,origFilters:n.facets,query:this.query,domain:this.searchIndex.domain||null,legacy:!CANSHADOW,totalHitsWithFilters:0,results:[],totalPages:0,appliedFilters:this.makeAppliedFilters(),indexName:this.searchIndex.name||null,index:this.searchIndex.index}}this.indexResults.dynFilters=n.facets;this.indexResults.results=n.hits;this.indexResults.totalHitsWithFilters=n.nbHits;this.indexResults.currentPage=n.page;this.indexResults.totalPages=n.nbPages;this.indexResults.hitsPerPage=n.hitsPerPage;this.indexResults.query=n.query;if(this.changeEvent!==SearchChangeEvent.Page&&this.changeEvent!==SearchChangeEvent.Replica){this.facets=n.facets}this.nanoAfterQuery.emit(this.indexResults);return[2,new Promise((function(e){setTimeout((function(){return e("tpl updated")}),20)})).then((function(e){i.currentHits=i.indexResults.results;i.resultsPage=i.indexResults.currentPage}))]}}))}))};this.handleInputChange=function(e){if(e.target!==t.inputField)return;t.query=t.inputField.value};this.handleSearchReset=function(){t.showResults=false;t.indexResults=null};this.onResultDisplay=function(){writeTask((function(){t.resultsDiv.removeEventListener("transitionend",t.onResultDisplay);if(!t.showResults)t.resultsDiv.style.display="none";else{t.defaultDiv.style.display="none";t.resultsDiv.classList.add("shown");t.resultsDiv.style.minHeight="";t.resultsDiv.style.width=""}}))}}e.prototype.removeFilters=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n=this;return __generator(this,(function(i){if(!e&&!t)this.clearAllFacetFilters();else{Object.keys(this._dynFacetFilters).forEach((function(i){if(e&&n._dynFacetFilters[i].facetName===e){if(!t)n._dynFacetFilters[i].element.value="";else{n._dynFacetFilters[i].element.value=n._dynFacetFilters[i].value.filter((function(e){return e!==t}))}}}))}return[2]}))}))};e.prototype.onAllTplUpdate=function(e){e.stopPropagation()};e.prototype.onPageChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(!this.indexResults)return[2];t=this.resultsPage;if(e){e.stopPropagation();t=e.detail.page}t=Math.min(this.indexResults.totalPages-1,t);t=Math.max(t,0);if(this.indexResults.currentPage===t)return[2];this.indexResults.currentPage=t;return[4,this.algoliaSearch(SearchChangeEvent.Page)];case 1:n.sent();return[2]}}))}))};e.prototype.onFilterChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){e.stopPropagation();t={};n=e.detail;n.element=e.target;if(this.indexResults){if(this.staticFacetFilters[n.filterId])this.staticFacetFilters[n.filterId]=n;else{t[n.filterId]=n;this._dynFacetFilters=Object.assign(Object.assign({},this._dynFacetFilters),t)}this.indexResults.appliedFilters=this.makeAppliedFilters()}else this.staticFacetFilters[n.filterId]=n;this.filterChanged=n.value&&n.value.length?n.filterId:"all";this.resetPage();this.algoliaSearch(SearchChangeEvent.Filter);return[2]}))}))};e.prototype.dynFacetFiltersChange=function(){var e=this;Object.values(this._dynFacetFilters).forEach((function(t){if(e.host.ownerDocument===t.element.ownerDocument)e.dynFacetFilters[t.filterId]=t;else delete e.dynFacetFilters[t.filterId]}))};e.prototype.browseIndexChange=function(){if(this.browseIndex&&(!this.query||this.query.length<this.minChars)){this.query="*"}};e.prototype.inputFieldSet=function(){if(!this.inputField)return;if(this.query!=="*"&&this.inputField&&this.inputField.value!==this.query)this.inputField.value=this.query};e.prototype.queryChange=function(){this.searchChange()};e.prototype.internalIndexSwitch=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.replicaIndex||!this.indexResults||this.indexResults.index===this.replicaIndex)return[2];this.indexResults.index=this.replicaIndex;this.algoliaIndex=this.algoliaClient.initIndex(this.indexResults.index);this.resetPage();this.algoliaSearch(SearchChangeEvent.Replica);return[2]}))}))};e.prototype.pageChange=function(){this.onPageChange()};e.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length||this.searchIndex&&this.searchIndex.index===this.searchIndexName)return;this.searchIndex={index:this.searchIndexName}};e.prototype.initAlgoliaClient=function(){if(!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey)};e.prototype.initAlgoliaIndex=function(){if(!this.algoliaClient||!this.searchIndex)return;if(this.searchIndex.index){if(this.replicaIndex)this.searchIndex.index=this.replicaIndex;this.searchIndexName=this.searchIndex.index;this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index);this.searchChange()}};e.prototype.newListenTo=function(){var e=this;if(!this.listenTo)this.attachInputListener(false);else{setTimeout((function(){e.inputField=document.querySelector(e.listenTo);if(e.inputField)e.attachInputListener(true)}),50)}};e.prototype.showResultsChange=function(){var e=this;if(!this.resultsDiv||!this.defaultDiv)return;if(this.showResults){this.resultsDiv.style.width=this.host.scrollWidth+"px";this.resultsDiv.style.minHeight=this.host.scrollHeight+"px";writeTask((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.style.display="block";setTimeout((function(){return e.resultsDiv.classList.add("show")}),50)}))}else{writeTask((function(){e.resultsDiv.classList.remove("shown");e.defaultDiv.style.display="block";setTimeout((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.classList.remove("show");if(!!e.slottedInput)e.slottedInput.focus({preventScroll:true});else e.defaultDiv.focus({preventScroll:true})}),50)}))}};e.prototype.fixDomain=function(e){var t=this;if(!this.searchIndex||!this.searchIndex.domain)return e;e.hits.map((function(e){if(e.url&&!e.url.match(/^http/))e.url=location.protocol+"//"+t.searchIndex.domain+e.url}));return e};e.prototype.resetPage=function(){if(!this.indexResults)return;this.indexResults.currentPage=0};e.prototype.clearAllFacetFilters=function(){Object.values(this._dynFacetFilters).forEach((function(e){e.element.value=""}));this._dynFacetFilters={}};e.prototype.algoliaFilterStr=function(){var e={};var t=function(t){var n;var i;Object.keys(t).forEach((function(r){n=t[r];e[r]=e[r]||{name:n.facetName,or:[],and:[],not:[]};i=e[r][n.operator];if(n.value&&n.value.length){e[r][n.operator]=__spreadArray(__spreadArray([],i),n.value)}}))};t(this.dynFacetFilters);t(this.staticFacetFilters);var n=function(e,t){if(t.indexOf(" ")>-1)return e+':"'+t+'"';else return e+":"+t};var i=[];var r;var s;Object.values(e).forEach((function(e){Object.keys(e).filter((function(e){return e.match(/(or|and|not)/)})).forEach((function(t){r=e;s=e.name;if(t==="or"||t==="and"){if(r[t].length){i.push("(                 "+r[t].map((function(e){if(e.length)return n(s,e)})).join(" "+t.toLocaleUpperCase()+" ")+"               )")}}else{if(r.not.length){i.push("(                 "+r[t].map((function(e){if(e.length)return"NOT "+n(s,e)})).join(" AND ")+"               )")}}}))}));i=__spreadArray(__spreadArray([],this.filters),i);return i.join(" "+this.operator.toLocaleUpperCase()+" ")};e.prototype.attachInputListener=function(e){if(e===void 0){e=true}if(!this.inputField)return;var t=this.inputField.tagName.toLocaleLowerCase()==="nano-input"?"nanoChange":"change";if(e)this.inputField.addEventListener(t,this.handleInputChange);else this.inputField.removeEventListener(t,this.handleInputChange)};e.prototype.updateContent=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){return[2,this.promiseQueue.enqueue((function(){return e.updateContentQueue()}))]}))}))};e.prototype.updateContentQueue=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n;var i=this;return __generator(this,(function(r){e=this.outputSlot||this.resultsDiv;if(!e||!this.tpl)return[2,"no tpl"];t=document.createElement("div");t.innerHTML=this.tpl;n=[];this.placedAlgoliaEles=[];Array.from(t.querySelectorAll("nano-algolia, nano-algolia-filter, nano-algolia-results")).forEach((function(e,t){var i=document.createElement("div");i.dataset.placeholderId=t.toString();i.classList.add("nano-ele-placeholder");n.push(e);e.parentNode.replaceChild(i,e)}));e.innerHTML=this.tplRenderFn(t.innerHTML.replace(/&gt;/gm,">").replace(/&lt;/gm,"<").replace(/&amp;/gm,"&"),this.indexResults);Array.from(e.querySelectorAll("div.nano-ele-placeholder")).forEach((function(e){e.parentNode.replaceChild(n[parseInt(e.dataset.placeholderId)],e);i.placedAlgoliaEles.push(n[parseInt(e.dataset.placeholderId)])}));if(!this.placedAlgoliaEles.length)return[2,Promise.resolve("algolia setup")];return[2,new Promise((function(t){var n=function(r){i.placedAlgoliaEles=i.placedAlgoliaEles.filter((function(e){return e!==r.detail}));if(!i.placedAlgoliaEles.length){setTimeout((function(){return t("tpl updated")}),500);e.removeEventListener("nanoTplUpdated",n)}};e.addEventListener("nanoTplUpdated",n)}))]}))}))};e.prototype.componentWillLoad=function(){var e=this;readTask((function(t){e.tplSlot=getDirectChildren(e.host,'[slot="template"]')[0];e.outputSlot=getDirectChildren(e.host,'[slot="output"]')[0];e.slottedInput=getDirectChildren(e.host,'[slot="search-input"]')[0];e.hasLoadSlot=!!getDirectChildren(e.host,'[slot="loader"]')[0];if(!!e.tplSlot)e.tpl=e.tplSlot.innerHTML;if(e.slottedInput&&(e.slottedInput.tagName.toLocaleLowerCase()==="nano-input"||e.slottedInput instanceof HTMLInputElement)){e.inputField=e.slottedInput}else if(e.slottedInput){e.inputField=e.slottedInput.querySelector('nano-input, input:not([type="radio"]):not([type="checkbox"])')}if(!e.inputField&&e.listenTo)e.inputField=document.querySelector(e.listenTo);if(e.inputField)e.attachInputListener(true);writeTask((function(t){if(e.showResults&&e.tpl)e.searchChange()}))}));this.searchIndexNameChange();this.initAlgoliaClient();this.initAlgoliaIndex();Universe.create(this,this.wormholeState);if(this.storeId){ComponentStore.init(this,["query","replicaIndex"],this.storeMethod,this.storeId);ComponentStore.init(this,["apiKey","appId","searchIndex"],"session",this.storeId+"_api")}this.internalIndexSwitch()};e.prototype.connectedCallback=function(){this.searchChange=debounce(this.searchChange,300);this.browseIndexChange();this.host.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.host}))};e.prototype.render=function(){var e=this;var t={indexResults:this.indexResults,results:this.currentHits,filterChanged:this.filterChanged,tplRenderFn:this.tplRenderFn,resultsPage:this.resultsPage,changeEvent:this.changeEvent,facets:this.facets,algoliaIndex:this.algoliaIndex,searchIndex:this.searchIndex,globalStoreMethod:this.storeMethod,isLoading:this.isLoading};return h(Host,{class:{"show-results":this.showResults,"is-loading":this.isLoading},"aria-busy":this.isLoading},this.hasLoadSlot&&h("div",{hidden:!this.isLoading},h("slot",{name:"loader"})),!this.hasLoadSlot&&h("div",{class:{loader:true,loading:this.isLoading}},h("nano-spinner",{overlay:true,type:"circle"})),h(Universe.Provider,{state:t},h("slot",{name:"search-input"}),h("div",{class:"results-container","aria-live":"polite"},h("div",{ref:function(t){return e.resultsDiv=t},class:"results"},h("slot",{name:"output"})))),h("div",{ref:function(t){return e.defaultDiv=t},class:"default",tabindex:"-1"},h("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{_dynFacetFilters:["dynFacetFiltersChange"],browseIndex:["browseIndexChange"],inputField:["inputFieldSet"],query:["queryChange"],replicaIndex:["internalIndexSwitch"],resultsPage:["pageChange"],searchIndexName:["searchIndexNameChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaIndex"],listenTo:["newListenTo"],showResults:["showResultsChange"]}},enumerable:false,configurable:true});return e}();Algolia.style=algoliaCss;export{Algolia as nano_algolia};
-//# sourceMappingURL=nano-algolia.entry.js.map