@nanoporetech-digital/components 1.14.1 → 1.15.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/details/details.scss?tag=nano-details&encapsulation=shadow","src/components/details/details.tsx"],"names":["detailsCss","Details","exports","class_1","hostRef","_this","this","slideId","slideIds","stateChanging","isLoading","label","open","noHandle","iconRotation","onKeyDown","ev","key","onMouseDown","prototype","toggleClick","show","hide","nanoClosed","emit","displayTransition","contentEl","then","style","height","nanoOpened","contentArea","scrollHeight","resize","readTask","writeTask","attachRO","ro","ResizeObserver","observe","componentWillLoad","hasStartSlot","el","querySelector","hasEndSlot","setTimeout","componentDidLoad","connectedCallback","mo","MutationObserver","childList","subtree","attributes","disconnectedCallback","disconnect","render","h","Host","class","Object","assign","createColorClasses","color","loaded","aria-controls","aria-expanded","display","transform","name","ref","div","tabindex","id"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  /**\n    * @prop --padding: Default to 1em;\n\n    * @prop --btn-padding: Defaults to var(--padding);\n    * @prop --btn-bg-color: Defaults to var(--nano-color-contrast, #dad6d3);\n    * @prop --btn-bg-color--open: Defaults to var(--nano-color-base, #dad6d3);\n    * @prop --btn-bg-color--hover: Defaults to var(--nano-color-tint, #{$color-offwhite});\n\n    * @prop --btn-text-color: Defaults to var(--nano-color-base, #455556);\n    * @prop --btn-text-color--open: Defaults to var(--nano-color-contrast, var(--btn-text-color));\n    * @prop --btn-text-color--hover: Defaults to var(--nano-color-contrast, var(--btn-text-color));\n\n    * @prop --content-bg-color: Defaults to transparent;\n    * @prop --content-text-color: Defaults to #455556;\n    * @prop --content-transition: Defaults to height .2s ease-out;\n\n    * @prop --border-width: Defaults to none;\n    * @prop --border-color: Defaults to none;\n    * @prop --border-style: Defaults to none;\n    * @prop --border-radius: Defaults to none;\n    * @prop --box-shadow: Defaults to none;\n    * @prop --focus-style: Defaults to #{$control-focus-style}\n  */\n\n  @include text-inherit();\n\n  --padding: 1em;\n  --btn-padding: var(--padding);\n  --btn-bg-color: var(--nano-color-contrast, #dad6d3);\n  --btn-bg-color--open: var(--nano-color-base, #dad6d3);\n  --btn-bg-color--hover: var(--nano-color-tint, #{$color-offwhite});\n  --btn-text-color: var(--nano-color-base, #455556);\n  --btn-text-color--open: var(--nano-color-contrast, var(--btn-text-color));\n  --btn-text-color--hover: var(--nano-color-contrast, var(--btn-text-color));\n  --content-bg-color: transparent;\n  --content-text-color: #455556;\n  --content-transition: height 0.2s ease-out;\n  --border-width: none;\n  --border-color: none;\n  --border-style: none;\n  --border-radius: none;\n  --box-shadow: none;\n  --focus-style: #{$control-focus-style};\n\n  display: block;\n  border-style: var(--border-style);\n  border-width: var(--border-width-dims);\n  border-color: var(--border-color);\n  border-radius: var(--border-radius-dims);\n  box-shadow: var(--box-shadow);\n}\n\n:host(:last-of-type) {\n  --border-width-dims: 0 var(--border-width) var(--border-width);\n  --border-radius-dims: 0 0 var(--border-radius) var(--border-radius);\n\n  .open .content {\n    border-radius: 0 0 var(--border-radius) var(--border-radius);\n  }\n}\n\n:host(:first-of-type) {\n  --border-radius-dims: var(--border-radius) var(--border-radius) 0 0;\n  --border-width-dims: var(--border-width);\n}\n\n:host(:first-of-type:last-of-type) {\n  --border-radius-dims: var(--border-radius);\n  --border-width-dims: var(--border-width);\n}\n\n:host(:not(:last-of-type):not(:first-of-type)) {\n  --border-width-dims: 0 var(--border-width) var(--border-width);\n}\n\n:host(.nano-color) {\n  --btn-bg-color: var(--nano-color-contrast, #{nano-color(primary, contrast)});\n  --btn-bg-color--open: var(--nano-color-base, #{nano-color(primary, base)});\n  --btn-bg-color--hover: var(--nano-color-tint, #{nano-color(primary, tint)});\n  --btn-text-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --btn-text-color--open:\n    var(\n      --nano-color-contrast,\n      #{nano-color(primary, contrast)}\n    );\n  --btn-text-color--hover:\n    var(\n      --nano-color-contrast,\n      #{nano-color(primary, contrast)}\n    );\n}\n\nbutton {\n  @include input-cover;\n\n  padding: var(--btn-padding);\n  text-align: inherit;\n  position: relative;\n  font-size: 1em;\n  margin: 0;\n  transition: 0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;\n  display: flex;\n  align-items: center;\n  background: var(--btn-bg-color);\n  color: var(--btn-text-color);\n  border-radius: var(--border-radius-dims);\n\n  &:focus {\n    box-shadow: var(--focus-style);\n    outline: none;\n    position: relative;\n    z-index: 1;\n  }\n\n  :hover & {\n    background: var(--btn-bg-color--hover);\n    color: var(--btn-text-color--hover);\n  }\n\n  .open & {\n    background: var(--btn-bg-color--open);\n    color: var(--btn-text-color--open);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .label {\n    width: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    flex: 1;\n    display: inline-block;\n  }\n\n  .icon {\n    line-height: 0;\n    flex-direction: column;\n    justify-content: center;\n    display: inline-block;\n    color: currentColor;\n    transition: 0.3s ease transform;\n    transform-origin: center;\n\n    &--start {\n      @include margin(0, var(--padding), 0, 0);\n    }\n\n    &--end {\n      @include margin(0, 0, 0, var(--padding));\n    }\n\n    ::slotted(nano-icon) {\n      --color: 'currentColor';\n    }\n  }\n}\n\n.content {\n  color: var(--content-text-color);\n  background: var(--content-bg-color);\n  height: 0;\n  overflow: hidden;\n  transition: 0.2s ease border-radius;\n  outline: none;\n\n  .loaded & {\n    transition: var(--content-transition), 0.2s ease border-radius;\n  }\n\n  > * {\n    opacity: 0;\n    transition: opacity 0.2s ease-out;\n\n    .open & {\n      opacity: 1;\n    }\n  }\n\n  &__area {\n    padding: var(--padding);\n  }\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Host,\n  State,\n  writeTask,\n  readTask,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/theme';\nimport { testLegacyStyle, displayTransition } from '../../utils';\n\n/**\n * A simple element used to hide or reveal more content with slide effect. Can be used independently or nested within a [accordion](story/components-accordion--accordion) element to add 'one item open at a time' support.\n */\n/**\n * @slot - content that will be hidden / revealed\n * @slot icon-start - used for icons at the start of the handle\n * @slot label - can be used when you wish to insert complex label markup\n * @slot icon-end - used for icons at the end of the handle\n */\n@Component({\n  tag: 'nano-details',\n  styleUrl: 'details.scss',\n  shadow: true,\n})\nexport class Details {\n  private hasStartSlot: boolean;\n  private hasEndSlot: boolean;\n  private slideId = `nano-details-${slideIds++}`;\n  private mo?: MutationObserver;\n  private ro?: ResizeObserver;\n  private contentArea: HTMLDivElement;\n  private stateChanging: boolean = false;\n\n  @State() isLoading = true;\n\n  @Element() private el: HTMLNanoDetailsElement;\n\n  private contentEl: HTMLElement;\n\n  /**\n   * Button / handle text to be used if no complex markup required.\n   * Otherwise use label slot.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Should item be open on load\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Have no handle - you will need to control the hiding / showing of content with script\n   */\n  @Prop() noHandle: boolean = false;\n\n  /**\n   * Icon slot rotation amount (degrees) on open\n   */\n  @Prop() iconRotation: number = 90;\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Emitted when the component opens.\n   * Note: when wrapped in an accordion this event will not propogate. Use nanoToggle events instead.\n   */\n  @Event() nanoOpened: EventEmitter;\n\n  /**\n   * Emitted when the component closes.\n   * Note: when wrapped in an accordion this event will not propogate. Use nanoToggle events instead.\n   */\n  @Event() nanoClosed: EventEmitter;\n\n  @Watch('open')\n  toggleClick() {\n    this.stateChanging = true;\n    if (this.open) this.show();\n    else this.hide();\n  }\n\n  private onKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        this.open = !this.open;\n        break;\n    }\n  };\n\n  private onMouseDown = () => {\n    if (this.stateChanging) return;\n    this.open = !this.open;\n  };\n\n  private hide() {\n    this.nanoClosed.emit(this.open);\n    displayTransition(this.contentEl, 'is-shown', false).then(\n      () => (this.stateChanging = false)\n    );\n    this.contentEl.style.height = '0px';\n  }\n\n  private show() {\n    this.nanoOpened.emit();\n    displayTransition(this.contentEl, 'is-shown', true).then(() => {\n      this.stateChanging = false;\n    });\n    this.contentEl.style.height = this.contentArea.scrollHeight + 'px';\n  }\n\n  private resize() {\n    if (\n      !this.open ||\n      !this.contentArea ||\n      !this.contentEl ||\n      this.stateChanging\n    )\n      return;\n    readTask(() => {\n      if (this.contentArea.scrollHeight > 0) {\n        writeTask(() => {\n          this.contentEl.style.height = this.contentArea.scrollHeight + 'px';\n        });\n      }\n    });\n  }\n\n  private attachRO() {\n    if (this.ro || !this.contentArea) return;\n\n    const ro = (this.ro = new ResizeObserver(() => this.resize()));\n    ro.observe(this.contentArea);\n  }\n\n  componentWillLoad() {\n    this.hasStartSlot = !!this.el.querySelector('[slot=\"icon-start\"]');\n    this.hasEndSlot = !!this.el.querySelector('[slot=\"icon-end\"]');\n    setTimeout(() => {\n      this.isLoading = false;\n    }, 100);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      // disable animation on start\n      setTimeout(() => {\n        this.show();\n      }, 0);\n    }\n    this.attachRO();\n  }\n\n  connectedCallback() {\n    testLegacyStyle(this.el);\n    const mo = (this.mo = new MutationObserver(() => this.resize()));\n    mo.observe(this.el, { childList: true, subtree: true, attributes: false });\n    this.attachRO();\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    return (\n      <Host class={{ ...createColorClasses(this.color) }}>\n        <div\n          class={{\n            open: this.open,\n            loaded: !this.isLoading,\n          }}\n        >\n          <button\n            onKeyDown={this.onKeyDown}\n            onMouseDown={this.onMouseDown}\n            aria-controls={this.slideId}\n            aria-expanded={this.open ? 'true' : 'false'}\n            style={{ display: this.noHandle ? 'none' : '' }}\n          >\n            {this.hasStartSlot ? (\n              <span\n                class=\"icon icon--start\"\n                style={{\n                  transform: this.open ? `rotate(${this.iconRotation}deg)` : '',\n                }}\n              >\n                <slot name=\"icon-start\" />\n              </span>\n            ) : (\n              ''\n            )}\n            <div class=\"label\">\n              {this.label ? this.label : <slot name=\"label\" />}\n            </div>\n            {this.hasEndSlot ? (\n              <span\n                class=\"icon icon--end\"\n                style={{\n                  transform: this.open ? `rotate(${this.iconRotation}deg)` : '',\n                }}\n              >\n                <slot name=\"icon-end\" />\n              </span>\n            ) : (\n              ''\n            )}\n          </button>\n          <div\n            class=\"content\"\n            ref={(div) => (this.contentEl = div)}\n            tabindex=\"-1\"\n            id={this.slideId}\n          >\n            <div ref={(div) => (this.contentArea = div)} class=\"content__area\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet slideIds = 0;\n"]}

package/dist/nano-components/{p-1de83f90.system.entry.js → p-4e21bfe1.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-03e4f363.system.js"],(function(e){"use strict";var t,i,n,o;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.e}],execute:function(){var r=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:100%;font-size:18px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:0}:host([ready]){opacity:1}";var s=e("nano_slide",function(){function e(e){t(this,e);this.nanoSlideReady=i(this,"nanoSlideReady",7);this.ready=null}e.prototype.readyChange=function(e,t){if(typeof t!=="undefined"&&t===false&&e===true){this.nanoSlideReady.emit()}};e.prototype.componentDidLoad=function(){var e=this;if(typeof this.ready==="boolean")return;setTimeout((function(){e.nanoSlideReady.emit();e.ready=true}))};e.prototype.render=function(){return n(o,null,n("slot",null))};Object.defineProperty(e,"watchers",{get:function(){return{ready:["readyChange"]}},enumerable:false,configurable:true});return e}());s.style=r}}}));
-//# sourceMappingURL=p-1de83f90.system.entry.js.map
+System.register(["./p-af9f6453.system.js"],(function(e){"use strict";var t,i,n,o;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.e}],execute:function(){var r=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:100%;font-size:18px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:0}:host([ready]){opacity:1}";var a=e("nano_slide",function(){function e(e){t(this,e);this.nanoSlideReady=i(this,"nanoSlideReady",7);this.ready=null}e.prototype.readyChange=function(e,t){if(typeof t!=="undefined"&&t===false&&e===true){this.nanoSlideReady.emit()}};e.prototype.componentDidLoad=function(){var e=this;if(typeof this.ready==="boolean")return;setTimeout((function(){e.nanoSlideReady.emit();e.ready=true}))};e.prototype.render=function(){return n(o,null,n("slot",null))};Object.defineProperty(e,"watchers",{get:function(){return{ready:["readyChange"]}},enumerable:false,configurable:true});return e}());a.style=r}}}));
+//# sourceMappingURL=p-4e21bfe1.system.entry.js.map

package/dist/nano-components/{p-6855167a.entry.js → p-4fa0b560.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,e,g as n}from"./p-fc189b6d.js";import{W as a}from"./p-19aecfb6.js";let h=class{constructor(i){t(this,i),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.currentPage=null,this.canGoPrev=!1,this.canGoNext=!1,this.show=!0,this.indexResults=null,this.infiniteScroll=!1,this.maxToShow=null}currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.log(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return i(e,{class:{"show-pagination":this.show}},i("div",{ref:t=>this.outputEle=t},i("slot",{name:"output"})))}get el(){return n(this)}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};a(h,["indexResults","filterChanged","tplRenderFn"]);export{h as nano_algolia_pagination}
-//# sourceMappingURL=p-6855167a.entry.js.map
+import{r as t,c as s,h as i,e,g as n}from"./p-bb0619e6.js";import{W as a}from"./p-ff2ff5b0.js";let h=class{constructor(i){t(this,i),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.currentPage=null,this.canGoPrev=!1,this.canGoNext=!1,this.show=!0,this.indexResults=null,this.infiniteScroll=!1,this.maxToShow=null}currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.log(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return i(e,{class:{"show-pagination":this.show}},i("div",{ref:t=>this.outputEle=t},i("slot",{name:"output"})))}get el(){return n(this)}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};a(h,["indexResults","filterChanged","tplRenderFn"]);export{h as nano_algolia_pagination}
+//# sourceMappingURL=p-4fa0b560.entry.js.map

package/dist/nano-components/{p-7db31794.system.entry.js → p-4fbc3c8b.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,n){function a(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function i(t){try{b(n.next(t))}catch(e){o(e)}}function s(t){try{b(n["throw"](t))}catch(e){o(e)}}function b(t){t.done?r(t.value):a(t.value).then(i,s)}b((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return b([t,e])}}function b(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(s){i=[6,s];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-03e4f363.system.js"],(function(t){"use strict";var e,r,n,a;return{setters:[function(t){e=t.r;r=t.h;n=t.e;a=t.g}],execute:function(){var o=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding:0.75rem 1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255, 255, 255);--active-bg-rgb:var(--bg-rgb);--disabled-bg-rgb:var(--bg-rgb);--text-color:#0084a9;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;display:inline-block}:host([direction=vertical]){--padding:1rem}:host([direction=vertical]) .nanotab{font-size:var(--v-font-size)}:host([direction=vertical]) .nanotab.nanotab--active{font-weight:600;color:var(--active-text-color)}:host([direction=horizontal]) .nanotab{font-size:var(--h-font-size);margin-top:var(--tab-indicator-size);border-right:solid var(--tab-divider-size) var(--tab-divider-color);font-weight:500}:host([direction=horizontal]) .nanotab.nanotab--active{margin-top:0;border-top:solid var(--tab-indicator-size) var(--tab-indicator-color);background:rgba(var(--active-bg-rgb), 1);color:var(--active-text-color)}.nanotab{margin-right:var(--tab-spacing);padding:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:auto;font-weight:500;background:rgba(var(--bg-rgb), 0.7);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:visible;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanotab{margin-right:unset;-webkit-margin-end:var(--tab-spacing);margin-inline-end:var(--tab-spacing)}}.nanotab ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:last-of-type) .nanotab{margin-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(:last-of-type) .nanotab{margin-right:unset;-webkit-margin-end:0;margin-inline-end:0}}.nanotab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}.nanotab:focus{outline:none;outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.nanotab:focus:not(.nanotab--disabled){-webkit-box-shadow:var(--focus-shadow) inset;box-shadow:var(--focus-shadow) inset}.nanotab--disabled{background:rgba(var(--disabled-bg-rgb), 1);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}";var i=0;var s=t("nano_tab",function(){function t(t){e(this,t);this.tabId="nano-tab-"+ ++i;this.panel="";this.active=false;this.disabled=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.tab.focus({preventScroll:true});return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.tab.blur();return[2]}))}))};t.prototype.render=function(){var t=this;return r(n,{id:this.host.id||this.tabId},r("div",{part:"base",ref:function(e){return t.tab=e},class:{nanotab:true,"nanotab--active":this.active,"nanotab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},r("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());s.style=o}}}));
-//# sourceMappingURL=p-7db31794.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,r,n){function a(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function i(t){try{b(n.next(t))}catch(e){o(e)}}function s(t){try{b(n["throw"](t))}catch(e){o(e)}}function b(t){t.done?r(t.value):a(t.value).then(i,s)}b((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return b([t,e])}}function b(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(s){i=[6,s];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-af9f6453.system.js"],(function(t){"use strict";var e,r,n,a;return{setters:[function(t){e=t.r;r=t.h;n=t.e;a=t.g}],execute:function(){var o=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding:0.75rem 1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255, 255, 255);--active-bg-rgb:var(--bg-rgb);--disabled-bg-rgb:var(--bg-rgb);--text-color:#007495;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;display:inline-block}:host([direction=vertical]){--padding:1rem}:host([direction=vertical]) .nanotab{font-size:var(--v-font-size)}:host([direction=vertical]) .nanotab.nanotab--active{font-weight:600;color:var(--active-text-color)}:host([direction=horizontal]) .nanotab{font-size:var(--h-font-size);margin-top:var(--tab-indicator-size);border-right:solid var(--tab-divider-size) var(--tab-divider-color);font-weight:500}:host([direction=horizontal]) .nanotab.nanotab--active{margin-top:0;border-top:solid var(--tab-indicator-size) var(--tab-indicator-color);background:rgba(var(--active-bg-rgb), 1);color:var(--active-text-color)}.nanotab{margin-right:var(--tab-spacing);padding:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:auto;font-weight:500;background:rgba(var(--bg-rgb), 0.7);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:visible;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanotab{margin-right:unset;-webkit-margin-end:var(--tab-spacing);margin-inline-end:var(--tab-spacing)}}.nanotab ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:last-of-type) .nanotab{margin-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(:last-of-type) .nanotab{margin-right:unset;-webkit-margin-end:0;margin-inline-end:0}}.nanotab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}.nanotab:focus{outline:none;outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.nanotab:focus:not(.nanotab--disabled){-webkit-box-shadow:var(--focus-shadow) inset;box-shadow:var(--focus-shadow) inset}.nanotab--disabled{background:rgba(var(--disabled-bg-rgb), 1);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}";var i=0;var s=t("nano_tab",function(){function t(t){e(this,t);this.tabId="nano-tab-"+ ++i;this.panel="";this.active=false;this.disabled=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.tab.focus({preventScroll:true});return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.tab.blur();return[2]}))}))};t.prototype.render=function(){var t=this;return r(n,{id:this.host.id||this.tabId},r("div",{part:"base",ref:function(e){return t.tab=e},class:{nanotab:true,"nanotab--active":this.active,"nanotab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},r("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());s.style=o}}}));
+//# sourceMappingURL=p-4fbc3c8b.system.entry.js.map

package/dist/nano-components/{p-5198e4c6.system.js → p-508484f8.system.js}

@@ -1,2 +1,2 @@
-System.register([],(function(e,t){"use strict";return{execute:function(){(function(){if(typeof window==="undefined"||typeof document==="undefined"||typeof HTMLElement==="undefined"){return}var e=false;try{var t=document.createElement("div");t.addEventListener("focus",(function(e){e.preventDefault();e.stopPropagation()}),true);t.focus(Object.defineProperty({},"preventScroll",{get:function(){if(navigator&&typeof navigator.userAgent!=="undefined"&&navigator.userAgent&&navigator.userAgent.match(/Edge\/1[7-8]/)){return e=false}e=true}}))}catch(i){}if(HTMLElement.prototype.nativeFocus===undefined&&!e){HTMLElement.prototype.nativeFocus=HTMLElement.prototype.focus;var n=function(e){var t=e.parentNode;var n=[];var o=document.scrollingElement||document.documentElement;while(t&&t!==o){if(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth){n.push([t,t.scrollTop,t.scrollLeft])}t=t.parentNode}t=o;n.push([t,t.scrollTop,t.scrollLeft]);return n};var o=function(e){for(var t=0;t<e.length;t++){e[t][0].scrollTop=e[t][1];e[t][0].scrollLeft=e[t][2]}e=[]};var r=function(e){if(e&&e.preventScroll){var t=n(this);if(typeof setTimeout==="function"){var r=this;setTimeout((function(){r.nativeFocus();o(t)}),0)}else{this.nativeFocus();o(t)}}else{this.nativeFocus()}};HTMLElement.prototype.focus=r}})();if(!("IntersectionObserver"in window)||!("IntersectionObserverEntry"in window)||!("intersectionRatio"in window.IntersectionObserverEntry.prototype)){t.import("./p-c11b4658.system.js")}if(!("scrollBehavior"in document.documentElement.style)){setTimeout((function(e){t.import("./p-54de3dcc.system.js").then((function(e){document.documentElement.style.scrollBehavior="smooth"}))}),0)}else document.documentElement.style.scrollBehavior="smooth";{var e=document.documentElement;var n=function(){if(!e.classList.contains("hydrated"))return false;document.documentElement.dispatchEvent(new CustomEvent("nanoComponentsReady"));return true};if(!n()){var o=new MutationObserver((function(e){if(n())o.disconnect()}));o.observe(document.documentElement,{childList:false,subtree:false,attributes:true})}}}}}));
-//# sourceMappingURL=p-5198e4c6.system.js.map
+System.register([],(function(e,t){"use strict";return{execute:function(){(function(){if(typeof window==="undefined"||typeof document==="undefined"||typeof HTMLElement==="undefined"){return}var e=false;try{var t=document.createElement("div");t.addEventListener("focus",(function(e){e.preventDefault();e.stopPropagation()}),true);t.focus(Object.defineProperty({},"preventScroll",{get:function(){if(navigator&&typeof navigator.userAgent!=="undefined"&&navigator.userAgent&&navigator.userAgent.match(/Edge\/1[7-8]/)){return e=false}e=true}}))}catch(i){}if(HTMLElement.prototype.nativeFocus===undefined&&!e){HTMLElement.prototype.nativeFocus=HTMLElement.prototype.focus;var n=function(e){var t=e.parentNode;var n=[];var o=document.scrollingElement||document.documentElement;while(t&&t!==o){if(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth){n.push([t,t.scrollTop,t.scrollLeft])}t=t.parentNode}t=o;n.push([t,t.scrollTop,t.scrollLeft]);return n};var o=function(e){for(var t=0;t<e.length;t++){e[t][0].scrollTop=e[t][1];e[t][0].scrollLeft=e[t][2]}e=[]};var r=function(e){if(e&&e.preventScroll){var t=n(this);if(typeof setTimeout==="function"){var r=this;setTimeout((function(){r.nativeFocus();o(t)}),0)}else{this.nativeFocus();o(t)}}else{this.nativeFocus()}};HTMLElement.prototype.focus=r}})();if(!("IntersectionObserver"in window)||!("IntersectionObserverEntry"in window)||!("intersectionRatio"in window.IntersectionObserverEntry.prototype)){t.import("./p-c11b4658.system.js")}if(!("scrollBehavior"in document.documentElement.style)){setTimeout((function(e){t.import("./p-54de3dcc.system.js").then((function(e){document.documentElement.style.scrollBehavior="smooth"}))}),0)}else document.documentElement.style.scrollBehavior="smooth";{var e=document.documentElement;var n=function(){if(!e.classList.contains("hydrated"))return false;document.documentElement.dispatchEvent(new CustomEvent("nanoComponentsReady"));return true};if(!n()){var o=new MutationObserver((function(e){if(n()){o.disconnect();o=null}}));o.observe(document.documentElement,{childList:false,subtree:false,attributes:true})}}}}}));
+//# sourceMappingURL=p-508484f8.system.js.map

package/dist/nano-components/p-508484f8.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/focus-options-polyfill/index.js","src/global/script/global.ts"],"names":["window","document","HTMLElement","supportsPreventScrollOption","focusElem","createElement","addEventListener","event","preventDefault","stopPropagation","focus","Object","defineProperty","get","navigator","userAgent","match","e","prototype","nativeFocus","undefined","calcScrollableElements","element","parent","parentNode","scrollableElements","rootScrollingElement","scrollingElement","documentElement","offsetHeight","scrollHeight","offsetWidth","scrollWidth","push","scrollTop","scrollLeft","restoreScrollPosition","i","length","patchedFocus","args","preventScroll","evScrollableElements","this","setTimeout","thisElem","IntersectionObserverEntry","module","import","style","_","then","scrollBehavior","docEle_1","docIsReady_1","classList","contains","dispatchEvent","CustomEvent","mutationO_1","MutationObserver","disconnect","observe","childList","subtree","attributes"],"mappings":"0EACA,WACE,UACSA,SAAW,oBACXC,WAAa,oBACbC,cAAgB,YACvB,CACA,OAGF,IAAIC,EAA8B,MAClC,IACE,IAAIC,EAAYH,SAASI,cAAc,OACvCD,EAAUE,iBACR,SACA,SAASC,GACPA,EAAMC,iBACND,EAAME,oBAER,MAEFL,EAAUM,MACRC,OAAOC,eAAe,GAAI,gBAAiB,CACzCC,IAAK,WAEH,GACEC,kBACOA,UAAUC,YAAc,aAC/BD,UAAUC,WACVD,UAAUC,UAAUC,MAAM,gBAAiB,CACzC,OAAOb,EAA8B,MAGzCA,EAA8B,SAIpC,MAAOc,IAET,GACEf,YAAYgB,UAAUC,cAAgBC,YACrCjB,EACD,CACAD,YAAYgB,UAAUC,YAAcjB,YAAYgB,UAAUR,MAE1D,IAAIW,EAAyB,SAASC,GACpC,IAAIC,EAASD,EAAQE,WACrB,IAAIC,EAAqB,GACzB,IAAIC,EACFzB,SAAS0B,kBAAoB1B,SAAS2B,gBAExC,MAAOL,GAAUA,IAAWG,EAAsB,CAChD,GACEH,EAAOM,aAAeN,EAAOO,cAC7BP,EAAOQ,YAAcR,EAAOS,YAC5B,CACAP,EAAmBQ,KAAK,CACtBV,EACAA,EAAOW,UACPX,EAAOY,aAGXZ,EAASA,EAAOC,WAElBD,EAASG,EACTD,EAAmBQ,KAAK,CAACV,EAAQA,EAAOW,UAAWX,EAAOY,aAE1D,OAAOV,GAGT,IAAIW,EAAwB,SAASX,GACnC,IAAK,IAAIY,EAAI,EAAGA,EAAIZ,EAAmBa,OAAQD,IAAK,CAClDZ,EAAmBY,GAAG,GAAGH,UAAYT,EAAmBY,GAAG,GAC3DZ,EAAmBY,GAAG,GAAGF,WAAaV,EAAmBY,GAAG,GAE9DZ,EAAqB,IAGvB,IAAIc,EAAe,SAASC,GAC1B,GAAIA,GAAQA,EAAKC,cAAe,CAC9B,IAAIC,EAAuBrB,EAAuBsB,MAClD,UAAWC,aAAe,WAAY,CACpC,IAAIC,EAAWF,KACfC,YAAW,WACTC,EAAS1B,cACTiB,EAAsBM,KACrB,OACE,CACLC,KAAKxB,cACLiB,EAAsBM,QAGrB,CACHC,KAAKxB,gBAITjB,YAAYgB,UAAUR,MAAQ6B,IAhGlC,GCOA,KACI,yBAA0BvC,WAC1B,8BAA+BA,WAC/B,sBAAuBA,OAAO8C,0BAA0B5B,WAC1D,CACA6B,EAAAC,OAC4D,0BAM9D,KAAM,mBAAoB/C,SAAS2B,gBAAgBqB,OAAQ,CACzDL,YAAW,SAACM,GACVH,EAAAC,OACsD,0BACpDG,MAAK,SAACD,GACNjD,SAAS2B,gBAAgBqB,MAAMG,eAAiB,cAEjD,QACEnD,SAAS2B,gBAAgBqB,MAAMG,eAAiB,SAIlC,CACnB,IAAMC,EAASpD,SAAS2B,gBACxB,IAAM0B,EAAa,WACjB,IAAKD,EAAOE,UAAUC,SAAS,YAAa,OAAO,MACnDvD,SAAS2B,gBAAgB6B,cACvB,IAAIC,YAAY,wBAElB,OAAO,MAGT,IAAKJ,IAAc,CACjB,IAAIK,EAAY,IAAIC,kBAAiB,SAACV,GACpC,GAAII,IAAc,CAChBK,EAAUE,aACVF,EAAY,SAIhBA,EAAUG,QAAQ7D,SAAS2B,gBAAiB,CAC1CmC,UAAW,MACXC,QAAS,MACTC,WAAY","sourcesContent":["// focus - focusOptions - preventScroll polyfill\n(function() {\n  if (\n    typeof window === \"undefined\" ||\n    typeof document === \"undefined\" ||\n    typeof HTMLElement === \"undefined\"\n  ) {\n    return;\n  }\n\n  var supportsPreventScrollOption = false;\n  try {\n    var focusElem = document.createElement(\"div\");\n    focusElem.addEventListener(\n      \"focus\",\n      function(event) {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      true\n    );\n    focusElem.focus(\n      Object.defineProperty({}, \"preventScroll\", {\n        get: function() {\n          // Edge v18 gives a false positive for supporting inputs\n          if (\n            navigator &&\n            typeof navigator.userAgent !== 'undefined' &&\n            navigator.userAgent &&\n            navigator.userAgent.match(/Edge\\/1[7-8]/)) {\n              return supportsPreventScrollOption = false\n          }\n\n          supportsPreventScrollOption = true;\n        }\n      })\n    );\n  } catch (e) {}\n\n  if (\n    HTMLElement.prototype.nativeFocus === undefined &&\n    !supportsPreventScrollOption\n  ) {\n    HTMLElement.prototype.nativeFocus = HTMLElement.prototype.focus;\n\n    var calcScrollableElements = function(element) {\n      var parent = element.parentNode;\n      var scrollableElements = [];\n      var rootScrollingElement =\n        document.scrollingElement || document.documentElement;\n\n      while (parent && parent !== rootScrollingElement) {\n        if (\n          parent.offsetHeight < parent.scrollHeight ||\n          parent.offsetWidth < parent.scrollWidth\n        ) {\n          scrollableElements.push([\n            parent,\n            parent.scrollTop,\n            parent.scrollLeft\n          ]);\n        }\n        parent = parent.parentNode;\n      }\n      parent = rootScrollingElement;\n      scrollableElements.push([parent, parent.scrollTop, parent.scrollLeft]);\n\n      return scrollableElements;\n    };\n\n    var restoreScrollPosition = function(scrollableElements) {\n      for (var i = 0; i < scrollableElements.length; i++) {\n        scrollableElements[i][0].scrollTop = scrollableElements[i][1];\n        scrollableElements[i][0].scrollLeft = scrollableElements[i][2];\n      }\n      scrollableElements = [];\n    };\n\n    var patchedFocus = function(args) {\n      if (args && args.preventScroll) {\n        var evScrollableElements = calcScrollableElements(this);\n        if (typeof setTimeout === 'function') {\n          var thisElem = this;\n          setTimeout(function () {\n            thisElem.nativeFocus();\n            restoreScrollPosition(evScrollableElements);\n          }, 0);\n        } else {\n          this.nativeFocus();\n          restoreScrollPosition(evScrollableElements);\n        }\n      }\n      else {\n        this.nativeFocus();\n      }\n    };\n\n    HTMLElement.prototype.focus = patchedFocus;\n  }\n})();\n","import { Build } from '@stencil/core';\n\n// focus options\n\nimport 'focus-options-polyfill';\n\n// Intersection observer\n\nif (\n  !('IntersectionObserver' in window) ||\n  !('IntersectionObserverEntry' in window) ||\n  !('intersectionRatio' in window.IntersectionObserverEntry.prototype)\n) {\n  import(\n    /* webpackChunkName: 'polyfills-intersection-observer' */ 'intersection-observer'\n  );\n}\n\n// scroll-behaviour\n\nif (!('scrollBehavior' in document.documentElement.style)) {\n  setTimeout((_) => {\n    import(\n      /* webpackChunkName: 'polyfills-scroll-behavior' */ 'scroll-behavior-polyfill'\n    ).then((_) => {\n      document.documentElement.style.scrollBehavior = 'smooth';\n    });\n  }, 0);\n} else document.documentElement.style.scrollBehavior = 'smooth';\n\n// fire global 'ready' event when everything is hydrated\n\nif (Build.isBrowser) {\n  const docEle = document.documentElement;\n  const docIsReady = () => {\n    if (!docEle.classList.contains('hydrated')) return false;\n    document.documentElement.dispatchEvent(\n      new CustomEvent('nanoComponentsReady')\n    );\n    return true;\n  };\n\n  if (!docIsReady()) {\n    let mutationO = new MutationObserver((_) => {\n      if (docIsReady()) {\n        mutationO.disconnect();\n        mutationO = null;\n      }\n    });\n\n    mutationO.observe(document.documentElement, {\n      childList: false,\n      subtree: false,\n      attributes: true,\n    });\n  }\n}\n"]}

package/dist/nano-components/p-5672ebbb.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,n,e,i){function a(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,o){function r(t){try{s(i.next(t))}catch(n){o(n)}}function l(t){try{s(i["throw"](t))}catch(n){o(n)}}function s(t){t.done?e(t.value):a(t.value).then(r,l)}s((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(n){return s([t,n])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;a=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){e.label=r[1];break}if(r[0]===6&&e.label<o[1]){e.label=o[1];o=r;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(r);break}if(o[2])e.ops.pop();e.trys.pop();continue}r=n.call(t,e)}catch(l){r=[6,l];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-af9f6453.system.js","./p-3d1c1c19.system.js","./p-22b50344.system.js","./p-a057ad2d.system.js"],(function(t){"use strict";var n,e,i,a,o,r,l,s;return{setters:[function(t){n=t.r;e=t.c;i=t.h;a=t.e;o=t.g},function(t){r=t.c},function(t){l=t.a},function(t){s=t.c}],execute:function(){var p='.sc-nano-input-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-input,*.sc-nano-input::before,*.sc-nano-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-input-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 8px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 116, 149)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--input-border-width-sh, var(--nano-input-border-width, 2px));--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #fac6c3);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #f36d64);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, #fee8de);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, "currentColor");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #90c6e7);position:relative;width:100%;padding:0 !important;color:currentColor;display:inline-block}.nano-color.sc-nano-input-h{color:var(--nano-color-base);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5))}[disabled].sc-nano-input-h:not([disabled=false]){opacity:0.7}label.sc-nano-input,.more.sc-nano-input,.error.sc-nano-input,.helper.sc-nano-input{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-input,.more.visually-hide.sc-nano-input,.error.visually-hide.sc-nano-input,.helper.visually-hide.sc-nano-input{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.placeholder-as-label.sc-nano-input{padding-left:var(--padding-start);padding-right:0;padding-top:0;padding-bottom:0;color:var(--label-color);position:absolute;font-size:1.4em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;top:50%;-webkit-transition:0.125s ease-in;transition:0.125s ease-in;opacity:0.7}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.placeholder-as-label.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}.has-focus.sc-nano-input-h .placeholder-as-label.sc-nano-input{-webkit-transform:translateY(-120%);transform:translateY(-120%);font-size:0.9em}.is-invalid.sc-nano-input-h .placeholder-as-label.sc-nano-input{color:var(--invalid-msg-color)}.has-value.sc-nano-input-h .placeholder-as-label.sc-nano-input{-webkit-transform:translateY(-120%);transform:translateY(-120%);font-size:0.9em}.placeholder-as-label.sc-nano-input~.native-input-wrap.sc-nano-input{font-size:1.1em}.textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:50%}.has-focus.sc-nano-input-h .textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.has-value.sc-nano-input-h .textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.label.sc-nano-input{color:var(--label-color);font-size:var(--label-font-size);padding-bottom:var(--padding-bottom);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex}.label.sc-nano-input .label-placeholder.sc-nano-input{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.sc-nano-input .placeholder.sc-nano-input{margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.label.sc-nano-input .placeholder.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}.label.sc-nano-input .charcount.sc-nano-input{margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0;font-size:0.9em;opacity:0.5}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.label.sc-nano-input .charcount.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}.has-value.sc-nano-input-h .label.sc-nano-input .placeholder.sc-nano-input{opacity:0.5}.has-focus.sc-nano-input-h .label.sc-nano-input{color:var(--label-color--focus)}.is-invalid.sc-nano-input-h .label.sc-nano-input{color:var(--label-color--invalid)}.more.sc-nano-input{height:1em;margin-left:3px;margin-right:0;margin-top:4px;margin-bottom:var(--padding-bottom);position:relative}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.more.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:0;margin-inline-end:0}}.helper.sc-nano-input,.error.sc-nano-input{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.helper.sc-nano-input{font-style:italic;color:var(--help-msg-color)}[show-inline-error].sc-nano-input-h:not([show-inline-error=false]).is-invalid .helper.sc-nano-input{opacity:0}.error.sc-nano-input{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-input-h .error.sc-nano-input{opacity:1}.input.sc-nano-input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);width:100%;padding:0 !important;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size)}.has-focus.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width);z-index:1}.is-invalid.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width)}.is-invalid.has-focus.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width)}.native-input-wrap.sc-nano-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1}.native-input.sc-nano-input{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;text-overflow:ellipsis;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:2.5em;min-height:2.5em;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;overflow:hidden}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-nano-input::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-moz-placeholder{line-height:2.8em;text-overflow:ellipsis}.native-input.sc-nano-input:-webkit-autofill{background-color:transparent}.native-input.sc-nano-input::-webkit-search-decoration,.native-input.sc-nano-input::-webkit-search-cancel-button,.native-input.sc-nano-input::-webkit-search-results-button,.native-input.sc-nano-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.native-input.sc-nano-input:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-nano-input::-ms-clear,.native-input.sc-nano-input::-ms-reveal{display:none}.native-input.resizable.sc-nano-input{resize:vertical;overflow:auto}.textarea.sc-nano-input .native-input.sc-nano-input{line-height:1.5em;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);white-space:pre-wrap}.textarea.sc-nano-input .native-input.sc-nano-input::-webkit-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::-moz-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input:-ms-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::-ms-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::placeholder{line-height:1.5em}.has-float-label.sc-nano-input .native-input.sc-nano-input{padding-top:1.4em}.has-float-label.textarea.sc-nano-input .native-input.sc-nano-input{padding-top:1.8em}.legacy.sc-nano-input .native-input.sc-nano-input{-webkit-box-sizing:content-box;box-sizing:content-box}.native-input[disabled].sc-nano-input{opacity:0.4}.input-clear-icon.sc-nano-input,.inline-button.sc-nano-input{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;font-size:1.4em;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:auto}.has-float-label.sc-nano-input .input-clear-icon.sc-nano-input,.has-float-label.sc-nano-input .inline-button.sc-nano-input{right:0;position:absolute;top:0;height:100%;left:auto}.rtl.has-float-label.sc-nano-input .input-clear-icon.sc-nano-input,.rtl.has-float-label.sc-nano-input .inline-button.sc-nano-input{right:auto;left:0}.inline-button.sc-nano-input-s>*,.inline-button .sc-nano-input-s>*{font-size:1em;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.inline-button.sc-nano-input-s>*,.inline-button .sc-nano-input-s>*{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.sc-nano-input-h[disabled]:not([disabled=false]) .inline-button.sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .inline-button .sc-nano-input-s>*{pointer-events:none}.input-clear-icon.sc-nano-input{color:var(--clear-btn-color);padding:0;opacity:0;width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.is-invalid.sc-nano-input-h .input-clear-icon.sc-nano-input{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-input-h .input-clear-icon.sc-nano-input{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;opacity:1;width:auto}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.has-value.sc-nano-input-h .input-clear-icon.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.input-clear-icon.sc-nano-input:hover{color:var(--clear-btn-color--hover)}.has-inline-button.has-float-label.sc-nano-input .input-clear-icon.sc-nano-input{right:1.5em;position:absolute;top:0;height:100%;left:auto}.rtl.has-float-label.has-inline-button.sc-nano-input .input-clear-icon.sc-nano-input{right:auto;left:1.5em}';var u=t("nano_input",function(){function t(t){var i=this;n(this,t);this.nanoInput=e(this,"nanoInput",7);this.nanoChange=e(this,"nanoChange",7);this.nanoBlur=e(this,"nanoBlur",7);this.nanoFocus=e(this,"nanoFocus",7);this.nanoDidLoad=e(this,"nanoDidLoad",7);this.nanoDidUnload=e(this,"nanoDidUnload",7);this.nanoValidate=e(this,"nanoValidate",7);this.inputId="nano-input-"+d++;this.didBlurAfterEdit=false;this.rtl=false;this.charCount=0;this.hasRendered=false;this.hasFocus=false;this.isLegacy=!document.head.attachShadow;this.hasLabelSlot=false;this.hasButtonSlot=false;this.hasHelperSlot=false;this._invalid=false;this.autocapitalise="none";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.clearInput=false;this.debounce=0;this.disabled=false;this.validateOn="submit";this.showInlineError=true;this.hideLabel=false;this.floatLabel=false;this.name=this.inputId;this.readonly=false;this.required=false;this.spellcheck=false;this.type="text";this.value="";this.resize="auto";this.rows=2;this.showCharCount=false;this.validate=function(t){if(i.validateOn==="submitThenDirty")i.validateOn="dirty";if(!i.nativeInput.validity.valid){if(i.showInlineError&&!!i.errorContainer){if(t)t.preventDefault();i.errorContainer.innerText=i.nativeInput.validationMessage}i._invalid=true}else i._invalid=false;i.nanoValidate.emit({isValid:!i._invalid,errorMessage:i.nativeInput.validationMessage,originalEvent:t})};this.onInput=function(t){var n=t.target;if(n)i.value=n.value||"";i.nanoInput.emit(t)};this.handleDocumentMouseDown=function(t){var n=t.target;if(r(i.el.tagName.toLowerCase(),n)!==i.el){i.onBlur()}};this.handleDocumentKeyDown=function(t){if(t.key!=="Tab")return;setTimeout((function(){if(document.activeElement&&r(i.el.tagName.toLowerCase(),document.activeElement)!==i.el){i.onBlur();return}}))};this.onBlur=function(){i.hasFocus=false;i.focusChanged();if(i.validateOn==="dirty")i.validate();document.removeEventListener("keydown",i.handleDocumentKeyDown);document.removeEventListener("mousedown",i.handleDocumentMouseDown);i.nanoBlur.emit()};this.onFocus=function(){i.hasFocus=true;i.focusChanged();document.addEventListener("keydown",i.handleDocumentKeyDown);document.addEventListener("mousedown",i.handleDocumentMouseDown);i.nanoFocus.emit()};this.onKeydown=function(){if(i.shouldClearOnEdit()){if(i.didBlurAfterEdit&&i.hasValue()){i.clearTextInput()}i.didBlurAfterEdit=false}};this.clearTextInput=function(t){if(i.clearInput&&!i.readonly&&!i.disabled&&t){t.preventDefault();t.stopPropagation()}i.value="";if(i.nativeInput){i.nativeInput.value=""}}}Object.defineProperty(t.prototype,"invalid",{get:function(){return this._invalid},enumerable:false,configurable:true});t.prototype.shouldValidate=function(){var t=this;if(!this.hasRendered)return;setTimeout((function(){if(t.validateOn==="dirty")t.validate()}),20)};t.prototype.valueChanged=function(){var t=this;this.nanoChange.emit({value:this.value});this.charCount=this.value.length;if(this.type==="textarea"&&this.resize==="auto"){this.nativeInput.style.height="auto";if(this.value.length)this.nativeInput.style.height=this.nativeInput.scrollHeight+"px"}setTimeout((function(){if(t.validateOn==="dirty")t.validate()}),20)};t.prototype.debounceChanged=function(){this.nanoChange=l(this.nanoChange,this.debounce)};t.prototype.reportValidity=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t)this.validate();return[2,{isValid:!this._invalid,errorMessage:this.nativeInput.validationMessage}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.showError=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.nativeInput){this.nativeInput.setCustomValidity(t);this.validate()}return[2]}))}))};t.prototype.onReset=function(t){var n=this.form?document.querySelector("#"+this.form):this.el.closest("form");if(!n||t.target!==this.el.closest("form"))return;this.value=""};t.prototype.shouldClearOnEdit=function(){var t=this,n=t.type,e=t.clearOnEdit;return e===undefined?n==="password":e};t.prototype.getValue=function(){return this.value||""};t.prototype.focusChanged=function(){if(!this.hasFocus&&this.shouldClearOnEdit()&&this.hasValue()){this.didBlurAfterEdit=true}};t.prototype.hasValue=function(){return this.getValue().length>0};t.prototype.slotChangeObserver=function(){var t=this;if(this.mo)this.mo.disconnect();var n=this.mo=new MutationObserver((function(){return t.processSlottedContent()}));n.observe(this.el,{childList:true,subtree:true})};t.prototype.processSlottedContent=function(){var t=this;this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]');this.hasButtonSlot=!!this.el.querySelector('[slot="inline-button"]');this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]');var n=!!this.el.querySelector('[slot="legacy"]');if(!n)return;var e=this.el.querySelector('input:not([class*="sc-nano-input"])');var i=this.el.querySelector('label:not([class*="sc-nano-input"])');if(i)this.label=this.label||i.innerHTML;if(e){Array.from(e.attributes).filter((function(n){return n.specified&&n.nodeName in t})).map((function(n){return t[n.nodeName]=n.nodeValue}))}if(i||e){var a=this.el.querySelectorAll('[slot="legacy"]');if(a)a.forEach((function(t){return t.parentNode.removeChild(t)}))}};t.prototype.connectedCallback=function(){this.debounceChanged();{this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}};t.prototype.disconnectedCallback=function(){{document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el}))}if(this.mo)this.mo.disconnect()};t.prototype.componentDidLoad=function(){var t=this;this.slotChangeObserver();this.hasRendered=true;if(this.autofocus)setTimeout((function(n){return t.setFocus()}),300)};t.prototype.componentWillLoad=function(){this.processSlottedContent()};t.prototype.renderLabel=function(t,n){if(!this.label&&!this.hasLabelSlot)return;if(n==="float"){return i("label",{class:"placeholder-as-label",htmlFor:this.inputId,id:t},this.label&&this.label,!this.label&&this.hasLabelSlot&&i("slot",{name:"label"}))}else{return i("label",{class:{label:true,"visually-hide":this.hideLabel},htmlFor:this.inputId,id:t},i("div",{class:"label-placeholder"},this.placeholder&&this.hasValue()&&this.rtl&&i("span",{class:"placeholder"},this.placeholder," / "),i("span",{class:"labeltext"},this.label&&this.label,!this.label&&this.hasLabelSlot&&i("slot",{name:"label"})),this.placeholder&&this.hasValue()&&!this.rtl&&i("span",{class:"placeholder"}," / ",this.placeholder)),this.showCharCount&&i("span",{class:"charcount"},this.maxlength?this.maxlength-this.charCount+" left":this.charCount+" characters"))}};t.prototype.render=function(){var t=this;var n=this.getValue();var e=this.inputId+"-lbl";var o=this.showInlineError||this.hasHelperSlot?this.inputId+"-more":"";this.rtl=this.el.ownerDocument.dir==="rtl";return i(a,{"aria-disabled":this.disabled?"true":null,dir:this.rtl?"rtl":null,class:Object.assign(Object.assign({},s(this.color)),{"has-value":this.hasValue(),"has-focus":this.hasFocus,"is-invalid":this._invalid})},!this.floatLabel&&this.renderLabel(e),i("div",{class:{"has-label":this.label!==null&&!this.floatLabel,"has-float-label":this.label!==null&&this.floatLabel,rtl:this.rtl,"has-inline-button":this.hasButtonSlot,legacy:this.isLegacy,input:true,textarea:this.type==="textarea"}},this.floatLabel&&this.renderLabel(e,"float"),i("div",{class:"native-input-wrap"},this.type!=="textarea"&&i("input",{id:this.inputId,class:"native-input",ref:function(n){return t.nativeInput=n},"aria-labelledby":e+" "+o,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalise,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,inputMode:this.inputmode,form:this.form,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:!this.floatLabel&&this.placeholder?this.placeholder:"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:n,onInput:this.onInput,onFocus:this.onFocus,onKeyDown:this.onKeydown,onInvalid:this.validate}),this.type==="textarea"&&i("textarea",{rows:this.floatLabel?1:this.rows,id:this.inputId,class:{"native-input":true,resizable:this.resize==="true"},ref:function(n){return t.nativeInput=n},"aria-labelledby":e+" "+o,disabled:this.disabled,autoCapitalize:this.autocapitalise,autoCorrect:this.autocorrect,autoFocus:this.autofocus,inputMode:this.inputmode,form:this.form,minLength:this.minlength,maxLength:this.maxlength,name:this.name,placeholder:!this.floatLabel&&this.placeholder?this.placeholder:"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,value:n,onInput:this.onInput,onFocus:this.onFocus,onKeyDown:this.onKeydown,onInvalid:this.validate}),this.clearInput&&!this.readonly&&!this.disabled&&i("button",{type:"button",class:"icon input-clear-icon",tabindex:"-1",onTouchStart:this.clearTextInput,onMouseDown:this.clearTextInput},i("nano-icon",{name:"light/times"})),this.hasButtonSlot?i("span",{class:"inline-button"},i("slot",{name:"inline-button"})):"")),(this.showInlineError||this.hasHelperSlot)&&i("div",{class:"more",id:o},!!this.showInlineError?i("div",{class:"error",ref:function(n){return t.errorContainer=n}}):"",i("div",{class:"helper"},i("slot",{name:"helper"}))),i("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{minlength:["shouldValidate"],maxlength:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],required:["shouldValidate"],disabled:["shouldValidate"],validateOn:["shouldValidate"],readonly:["shouldValidate"],pattern:["shouldValidate"],inputmode:["shouldValidate"],value:["valueChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());var d=0;u.style=p}}}));
+//# sourceMappingURL=p-5672ebbb.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/input/input.scss?tag=nano-input&encapsulation=scoped","src/components/input/input.tsx"],"names":["inputCss","Input","exports","class_1","hostRef","_this","this","inputId","inputIds","didBlurAfterEdit","rtl","charCount","hasRendered","hasFocus","isLegacy","document","head","attachShadow","hasLabelSlot","hasButtonSlot","hasHelperSlot","_invalid","autocapitalise","autocomplete","autocorrect","autofocus","clearInput","debounce","disabled","validateOn","showInlineError","hideLabel","floatLabel","name","readonly","required","spellcheck","type","value","resize","rows","showCharCount","validate","ev","nativeInput","validity","valid","errorContainer","preventDefault","innerText","validationMessage","nanoValidate","emit","isValid","errorMessage","originalEvent","onInput","input","target","nanoInput","handleDocumentMouseDown","closestElement","el","tagName","toLowerCase","onBlur","handleDocumentKeyDown","key","setTimeout","activeElement","focusChanged","removeEventListener","nanoBlur","onFocus","addEventListener","nanoFocus","onKeydown","shouldClearOnEdit","hasValue","clearTextInput","stopPropagation","Object","defineProperty","prototype","shouldValidate","valueChanged","nanoChange","length","style","height","scrollHeight","debounceChanged","debounceEvent","reportValidity","validateFirst","setFocus","focus","getInputElement","Promise","resolve","showError","message","setCustomValidity","onReset","e","form","querySelector","closest","_a","clearOnEdit","undefined","getValue","slotChangeObserver","mo","disconnect","MutationObserver","processSlottedContent","observe","childList","subtree","querySelectorAll","hasLegacySlot","existingInput","existingLabel","label","innerHTML","Array","from","attributes","filter","attr","specified","nodeName","map","nodeValue","children","forEach","n","parentNode","removeChild","connectedCallback","dispatchEvent","CustomEvent","detail","disconnectedCallback","componentDidLoad","_","componentWillLoad","renderLabel","labelId","position","h","class","htmlFor","id","visually-hide","placeholder","maxlength","render","moreId","ownerDocument","dir","Host","aria-disabled","assign","createColorClasses","color","has-value","has-focus","is-invalid","has-label","has-float-label","has-inline-button","legacy","textarea","ref","aria-labelledby","accept","autoCapitalize","autoComplete","autoCorrect","autoFocus","inputMode","inputmode","min","max","minLength","minlength","maxLength","multiple","pattern","readOnly","step","size","onKeyDown","onInvalid","native-input","resizable","tabindex","onTouchStart","onMouseDown","div"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import './input.vars';\n\n:host {\n  @include inputVars;\n\n  position: relative;\n  width: 100%;\n  padding: 0 !important;\n  color: currentColor;\n  display: inline-block;\n}\n\n:host(.nano-color) {\n  color: current-color(base);\n\n  --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n}\n\nlabel,\n.more,\n.error,\n.helper {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  &.visually-hide {\n    @include visually-hide;\n  }\n}\n\n.placeholder-as-label {\n  @include padding(0, 0, 0, var(--padding-start));\n\n  color: var(--label-color);\n  position: absolute;\n  font-size: 1.4em;\n  transform: translateY(-50%);\n  transform-origin: top left;\n  top: 50%;\n  transition: 0.125s ease-in;\n  opacity: 0.7;\n\n  :host(.has-focus) & {\n    transform: translateY(-120%);\n    font-size: 0.9em;\n  }\n\n  :host(.is-invalid) & {\n    color: var(--invalid-msg-color);\n  }\n\n  :host(.has-value) & {\n    transform: translateY(-120%);\n    font-size: 0.9em;\n  }\n\n  & ~ .native-input-wrap {\n    font-size: 1.1em;\n  }\n\n  .textarea & {\n    top: 50%;\n\n    :host(.has-focus) & {\n      top: 0;\n      transform: translateY(38%);\n    }\n\n    :host(.has-value) & {\n      top: 0;\n      transform: translateY(38%);\n    }\n  }\n}\n\n.label {\n  color: var(--label-color);\n  font-size: var(--label-font-size);\n  padding-bottom: var(--padding-bottom);\n  line-height: 1;\n  display: flex;\n\n  .label-placeholder {\n    flex: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .placeholder {\n    @include margin(0, 5px, 0, 0);\n\n    opacity: 0;\n    appearance: none;\n    transition: 0.3s ease opacity;\n    font-size: 0.9em;\n  }\n\n  .charcount {\n    @include margin(0, 0, 0, auto);\n\n    font-size: 0.9em;\n    opacity: 0.5;\n  }\n\n  :host(.has-value) & {\n    .placeholder {\n      opacity: 0.5;\n    }\n  }\n\n  :host(.has-focus) & {\n    color: var(--label-color--focus);\n  }\n\n  :host(.is-invalid) & {\n    color: var(--label-color--invalid);\n  }\n}\n\n.more {\n  height: 1em;\n\n  @include margin(4px, 0, var(--padding-bottom), 3px);\n\n  position: relative;\n}\n\n.helper,\n.error {\n  top: 0;\n  left: 0;\n  position: absolute;\n  font-size: var(--invalid-msg-font-size);\n  line-height: 1.2;\n  transition: 0.3s ease-out opacity;\n}\n\n.helper {\n  font-style: italic;\n  color: var(--help-msg-color);\n\n  :host([show-inline-error]:not([show-inline-error='false']).is-invalid) & {\n    opacity: 0;\n  }\n}\n\n.error {\n  opacity: 0;\n  color: var(--invalid-msg-color);\n  font-stretch: condensed;\n\n  :host(.is-invalid) & {\n    opacity: 1;\n  }\n}\n\n.input {\n  @include text-inherit();\n  @include border-radius(var(--input-border-radius));\n\n  width: 100%;\n  padding: 0 !important;\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  background: var(--input-bg-color);\n  border: var(--input-border-style);\n  border-width: var(--input-border-width);\n  font-size: var(--input-font-size);\n\n  :host(.has-focus) & {\n    background: var(--input-bg-color--focus);\n    border: var(--input-border-style--focus);\n    border-width: var(--input-border-width);\n    z-index: 1;\n  }\n\n  :host(.is-invalid) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid);\n    border-width: var(--input-border-width);\n  }\n\n  :host(.is-invalid.has-focus) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid-focus);\n    border-width: var(--input-border-width);\n  }\n}\n\n// Native Text Input\n// --------------------------------------------------\n\n.native-input-wrap {\n  display: flex;\n  align-items: stretch;\n  flex: 1;\n}\n\n.native-input {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  line-height: 2.5em;\n  min-height: 2.5em;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n\n  &::placeholder {\n    color: var(--placeholder-color);\n    font-family: inherit;\n    font-style: var(--placeholder-font-style);\n    font-weight: var(--placeholder-font-weight);\n    opacity: var(--placeholder-opacity);\n    line-height: 2.5em;\n    min-height: 2.5em;\n    // text-overflow: ellipsis;\n  }\n\n  &::-moz-placeholder {\n    line-height: 2.8em;\n    text-overflow: ellipsis;\n  }\n\n  &:-webkit-autofill {\n    background-color: transparent;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n  }\n\n  &.resizable {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  .textarea & {\n    line-height: 1.5em;\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    white-space: pre-wrap;\n\n    &::placeholder {\n      line-height: 1.5em;\n    }\n  }\n\n  .has-float-label & {\n    padding-top: 1.4em;\n  }\n\n  .has-float-label.textarea & {\n    padding-top: 1.8em;\n  }\n\n  .legacy & {\n    box-sizing: content-box;\n  }\n}\n\n.native-input[disabled] {\n  opacity: 0.4;\n}\n\n// Clear Input Icon\n// --------------------------------------------------\n\n.input-clear-icon,\n.inline-button {\n  @include margin(0);\n  @include background-position(center);\n\n  font-size: 1.4em;\n  border: 0;\n  outline: none;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: stretch;\n  width: auto;\n\n  .has-float-label & {\n    right: 0;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: auto;\n  }\n\n  .rtl.has-float-label & {\n    right: auto;\n    left: 0;\n  }\n}\n\n.inline-button::slotted(*),\n.inline-button ::slotted(*) {\n  font-size: 1em;\n\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n\n  align-items: center;\n  display: flex;\n  height: 100%;\n\n  :host([disabled]:not([disabled='false'])) & {\n    pointer-events: none;\n  }\n}\n\n.input-clear-icon {\n  color: var(--clear-btn-color);\n  padding: 0;\n  opacity: 0;\n  width: 0;\n  appearance: none;\n  align-items: center;\n  overflow: hidden;\n\n  :host(.is-invalid) & {\n    color: var(--clear-btn-color--invalid);\n  }\n\n  :host(.has-value) & {\n    @include padding(0, var(--padding-end), 0, var(--padding-start));\n\n    opacity: 1;\n    width: auto;\n  }\n\n  &:hover {\n    color: var(--clear-btn-color--hover);\n  }\n\n  .has-inline-button.has-float-label & {\n    right: 1.5em;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: auto;\n  }\n\n  .rtl.has-float-label.has-inline-button & {\n    right: auto;\n    left: 1.5em;\n  }\n}\n","import {\n  Build,\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  VNode,\n  Listen,\n} from '@stencil/core';\n\nimport {\n  Color,\n  ControlValidity,\n  ControlValidityEventDetail,\n  InputChangeEventDetail,\n  TextFieldTypes,\n} from '../../interface';\nimport {\n  debounceEvent,\n  testLegacyStyle,\n  closestElement,\n  createColorClasses,\n} from '../../utils';\n\n/**\n * The input component is a wrapper to the HTML input element with custom styling and additional functionality. It accepts most of the same properties as the HTML [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input), but works great on desktop devices and integrates with the keyboard on mobile devices.\n\nIt is meant for text type inputs only, such as \"text\", \"password\", \"email\", \"number\", \"search\", \"tel\", and \"url\". It supports all standard text input events including keyup, keydown, keypress, and more.\n * @slot inline-button - suitable for inline action buttons or icons that may add extra contextual information\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n * @slot legacy - you can use this slot to wrap any old inputs / labels. This will set appropriate defaults for the nano-input\n */\n@Component({\n  tag: 'nano-input',\n  styleUrl: 'input.scss',\n  scoped: true,\n})\nexport class Input implements ComponentInterface {\n  private nativeInput?: HTMLInputElement | HTMLTextAreaElement;\n  private inputId = `nano-input-${inputIds++}`;\n  private didBlurAfterEdit = false;\n  private errorContainer?: HTMLDivElement;\n  private rtl: boolean = false;\n  private mo?: MutationObserver;\n  private charCount = 0;\n  private hasRendered = false;\n\n  @State() hasFocus = false;\n  @State() isLegacy = !document.head.attachShadow;\n  @State() hasLabelSlot = false;\n  @State() hasButtonSlot = false;\n  @State() hasHelperSlot = false;\n\n  @Element() el!: HTMLNanoInputElement;\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n  @State() _invalid = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.\n   */\n  @Prop() accept?: string;\n\n  /**\n   * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n   */\n  @Prop() autocapitalise: 'none' | 'sentences' | 'words' | 'characters' =\n    'none';\n\n  /**\n   * Indicates whether the value of the control can be automatically completed by the browser.\n   */\n  @Prop() autocomplete: 'on' | 'off' = 'off';\n\n  /**\n   * Whether auto correction should be enabled when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: 'on' | 'off' = 'off';\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.\n   */\n  @Prop() clearInput = false;\n\n  /**\n   * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types.\n   */\n  @Prop() clearOnEdit?: boolean;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `nanoChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n\n  /**\n   * If `true`, the user cannot interact with the input.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * A hint to the browser for which keyboard to display.\n   * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n   * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n   */\n  @Prop() inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search';\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * String to place within a label element. Alternatively you may use a label slot.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max?: string;\n\n  /**\n   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min?: string;\n\n  /**\n   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n   */\n  @Prop() multiple?: boolean;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Instructional text that shows before the input has a value.\n   */\n  @Prop() placeholder?: string | null;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * If `true`, the element will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * The initial size of the control. This value is in pixels unless the value of the type attribute is `\"text\"` or `\"password\"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n   */\n  @Prop() size?: number;\n\n  /**\n   * The type of control to display. The default type is text.\n   */\n  @Prop() type: TextFieldTypes = 'text';\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * The value of the input.\n   */\n  @Prop({ mutable: true }) value?: string | null = '';\n\n  /**\n   * relevant to type=\"textarea\". Vertical resizing - enable / disable or make automatic.\n   */\n  @Prop() resize: 'true' | 'false' | 'auto' = 'auto';\n\n  /**\n   * relevant to type=\"textarea\". Default number of rows to show\n   */\n  @Prop() rows = 2;\n\n  /**\n   * relevant to type=\"textarea\".\n   */\n  @Prop() showCharCount = false;\n\n  @Watch('minlength')\n  @Watch('maxlength')\n  @Watch('min')\n  @Watch('max')\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('validateOn')\n  @Watch('readonly')\n  @Watch('pattern')\n  @Watch('inputmode')\n  protected shouldValidate() {\n    if (!this.hasRendered) return;\n    setTimeout(() => {\n      if (this.validateOn === 'dirty') this.validate();\n    }, 20);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    this.nanoChange.emit({ value: this.value });\n    this.charCount = this.value.length;\n\n    if (this.type === 'textarea' && this.resize === 'auto') {\n      this.nativeInput.style.height = 'auto';\n      if (this.value.length)\n        this.nativeInput.style.height = this.nativeInput.scrollHeight + 'px';\n    }\n\n    setTimeout(() => {\n      if (this.validateOn === 'dirty') this.validate();\n    }, 20);\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.nanoChange = debounceEvent(this.nanoChange, this.debounce);\n  }\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() nanoInput!: EventEmitter<KeyboardEvent>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() nanoChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has been created.\n   * @internal\n   */\n  @Event() nanoDidLoad!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has been removed.\n   * @internal\n   */\n  @Event() nanoDidUnload!: EventEmitter<void>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    if (validateFirst) this.validate();\n    return {\n      isValid: !this._invalid,\n      errorMessage: this.nativeInput.validationMessage,\n    };\n  }\n\n  /**\n   * Sets focus on the specified `nano-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeInput) {\n      this.nativeInput.focus();\n    }\n  }\n\n  /**\n   * Returns the native `<input>` element used under the hood.\n   */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return Promise.resolve(this.nativeInput);\n  }\n\n  /**\n   * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (this.nativeInput) {\n      this.nativeInput.setCustomValidity(message);\n      this.validate();\n    }\n  }\n\n  @Listen('reset', { target: 'body' })\n  onReset(e) {\n    const form = this.form\n      ? document.querySelector('#' + this.form)\n      : this.el.closest('form');\n    if (!form || e.target !== this.el.closest('form')) return;\n\n    this.value = '';\n  }\n\n  private shouldClearOnEdit() {\n    const { type, clearOnEdit } = this;\n    return clearOnEdit === undefined ? type === 'password' : clearOnEdit;\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private validate = (ev?: Event) => {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    if (!this.nativeInput.validity.valid) {\n      if (this.showInlineError && !!this.errorContainer) {\n        if (ev) ev.preventDefault();\n        this.errorContainer.innerText = this.nativeInput.validationMessage;\n      }\n      this._invalid = true;\n    } else this._invalid = false;\n\n    this.nanoValidate.emit({\n      isValid: !this._invalid,\n      errorMessage: this.nativeInput.validationMessage,\n      originalEvent: ev,\n    });\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) this.value = input.value || '';\n    this.nanoInput.emit(ev as KeyboardEvent);\n  };\n\n  private handleDocumentMouseDown = (ev: MouseEvent) => {\n    const target = ev.target as HTMLElement;\n    if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n      this.onBlur();\n    }\n  };\n\n  private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key !== 'Tab') return;\n    setTimeout(() => {\n      if (\n        document.activeElement &&\n        closestElement(\n          this.el.tagName.toLowerCase(),\n          document.activeElement\n        ) !== this.el\n      ) {\n        this.onBlur();\n        return;\n      }\n    });\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    this.focusChanged();\n    if (this.validateOn === 'dirty') this.validate();\n\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n\n    this.nanoBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.focusChanged();\n\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n\n    this.nanoFocus.emit();\n  };\n\n  private onKeydown = () => {\n    if (this.shouldClearOnEdit()) {\n      // Did the input value change after it was blurred and edited?\n      if (this.didBlurAfterEdit && this.hasValue()) {\n        // Clear the input\n        this.clearTextInput();\n      }\n\n      // Reset the flag\n      this.didBlurAfterEdit = false;\n    }\n  };\n\n  private clearTextInput = (ev?: Event) => {\n    if (this.clearInput && !this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n    this.value = '';\n    /**\n     * This is needed for clearOnEdit\n     * Otherwise the value will not be cleared\n     * if user is inside the input\n     */\n    if (this.nativeInput) {\n      this.nativeInput.value = '';\n    }\n  };\n\n  private focusChanged() {\n    // If clearOnEdit is enabled and the input blurred but has a value, set a flag\n    if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {\n      this.didBlurAfterEdit = true;\n    }\n  }\n\n  private hasValue(): boolean {\n    return this.getValue().length > 0;\n  }\n\n  private slotChangeObserver() {\n    if (!Build.isBrowser) return;\n\n    if (this.mo) this.mo.disconnect();\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private processSlottedContent() {\n    // see if we have label / button content\n    this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]');\n    this.hasButtonSlot = !!this.el.querySelector('[slot=\"inline-button\"]');\n    this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n\n    const hasLegacySlot = !!this.el.querySelector('[slot=\"legacy\"]');\n    if (!hasLegacySlot) return;\n\n    let existingInput = this.el.querySelector(\n      'input:not([class*=\"sc-nano-input\"])'\n    );\n    let existingLabel = this.el.querySelector(\n      'label:not([class*=\"sc-nano-input\"])'\n    );\n\n    if (existingLabel) this.label = this.label || existingLabel.innerHTML;\n\n    if (existingInput) {\n      Array.from(existingInput.attributes)\n        .filter((attr) => attr.specified && attr.nodeName in this)\n        .map((attr) => (this[attr.nodeName] = attr.nodeValue));\n    }\n\n    if (existingLabel || existingInput) {\n      // empty all slotted stuff\n      let children = this.el.querySelectorAll('[slot=\"legacy\"]');\n      if (children) children.forEach((n) => n.parentNode.removeChild(n));\n    }\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    if (Build.isBrowser) {\n      this.el.dispatchEvent(\n        new CustomEvent('nanoDidLoad', {\n          detail: this.el,\n        })\n      );\n    }\n    testLegacyStyle(this.el);\n  }\n\n  disconnectedCallback() {\n    if (Build.isBrowser) {\n      document.dispatchEvent(\n        new CustomEvent('nanoDidUnload', {\n          detail: this.el,\n        })\n      );\n    }\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n    this.hasRendered = true;\n    if (this.autofocus) setTimeout((_) => this.setFocus(), 300);\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  private renderLabel(labelId: string, position?: 'float'): VNode {\n    if (!this.label && !this.hasLabelSlot) return;\n    if (position === 'float') {\n      return (\n        <label class=\"placeholder-as-label\" htmlFor={this.inputId} id={labelId}>\n          {this.label && this.label}\n          {!this.label && this.hasLabelSlot && <slot name=\"label\" />}\n        </label>\n      );\n    } else {\n      return (\n        <label\n          class={{ label: true, 'visually-hide': this.hideLabel }}\n          htmlFor={this.inputId}\n          id={labelId}\n        >\n          <div class=\"label-placeholder\">\n            {this.placeholder && this.hasValue() && this.rtl && (\n              <span class=\"placeholder\">{this.placeholder} / </span>\n            )}\n            <span class=\"labeltext\">\n              {this.label && this.label}\n              {!this.label && this.hasLabelSlot && <slot name=\"label\" />}\n            </span>\n            {this.placeholder && this.hasValue() && !this.rtl && (\n              <span class=\"placeholder\"> / {this.placeholder}</span>\n            )}\n          </div>\n          {this.showCharCount && (\n            <span class=\"charcount\">\n              {this.maxlength\n                ? this.maxlength - this.charCount + ' left'\n                : this.charCount + ' characters'}\n            </span>\n          )}\n        </label>\n      );\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const labelId = this.inputId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot ? this.inputId + '-more' : '';\n    this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        dir={this.rtl ? 'rtl' : null}\n        class={{\n          ...createColorClasses(this.color),\n          'has-value': this.hasValue(),\n          'has-focus': this.hasFocus,\n          'is-invalid': this._invalid,\n        }}\n      >\n        {!this.floatLabel && this.renderLabel(labelId)}\n        <div\n          class={{\n            'has-label': this.label !== null && !this.floatLabel,\n            'has-float-label': this.label !== null && this.floatLabel,\n            rtl: this.rtl,\n            'has-inline-button': this.hasButtonSlot,\n            legacy: this.isLegacy,\n            input: true,\n            textarea: this.type === 'textarea',\n          }}\n        >\n          {this.floatLabel && this.renderLabel(labelId, 'float')}\n          <div class=\"native-input-wrap\">\n            {this.type !== 'textarea' && (\n              <input\n                id={this.inputId}\n                class=\"native-input\"\n                ref={(input) => (this.nativeInput = input)}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                accept={this.accept}\n                autoCapitalize={this.autocapitalise}\n                autoComplete={this.autocomplete}\n                autoCorrect={this.autocorrect}\n                autoFocus={this.autofocus}\n                inputMode={this.inputmode}\n                form={this.form}\n                min={this.min}\n                max={this.max}\n                minLength={this.minlength}\n                maxLength={this.maxlength}\n                multiple={this.multiple}\n                name={this.name}\n                pattern={this.pattern}\n                placeholder={\n                  !this.floatLabel && this.placeholder ? this.placeholder : ''\n                }\n                readOnly={this.readonly}\n                required={this.required}\n                spellcheck={this.spellcheck}\n                step={this.step}\n                size={this.size}\n                type={this.type}\n                value={value}\n                onInput={this.onInput}\n                onFocus={this.onFocus}\n                onKeyDown={this.onKeydown}\n                onInvalid={this.validate}\n              />\n            )}\n            {this.type === 'textarea' && (\n              <textarea\n                rows={this.floatLabel ? 1 : this.rows}\n                id={this.inputId}\n                class={{\n                  'native-input': true,\n                  resizable: this.resize === 'true',\n                }}\n                ref={(input) => (this.nativeInput = input)}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                autoCapitalize={this.autocapitalise}\n                autoCorrect={this.autocorrect}\n                autoFocus={this.autofocus}\n                inputMode={this.inputmode}\n                form={this.form}\n                minLength={this.minlength}\n                maxLength={this.maxlength}\n                name={this.name}\n                placeholder={\n                  !this.floatLabel && this.placeholder ? this.placeholder : ''\n                }\n                readOnly={this.readonly}\n                required={this.required}\n                spellcheck={this.spellcheck}\n                value={value}\n                onInput={this.onInput}\n                onFocus={this.onFocus}\n                onKeyDown={this.onKeydown}\n                onInvalid={this.validate}\n              ></textarea>\n            )}\n            {this.clearInput && !this.readonly && !this.disabled && (\n              <button\n                type=\"button\"\n                class=\"icon input-clear-icon\"\n                tabindex=\"-1\"\n                onTouchStart={this.clearTextInput}\n                onMouseDown={this.clearTextInput}\n              >\n                <nano-icon name=\"light/times\"></nano-icon>\n              </button>\n            )}\n            {this.hasButtonSlot ? (\n              <span class=\"inline-button\">\n                <slot name=\"inline-button\" />\n              </span>\n            ) : (\n              ''\n            )}\n          </div>\n        </div>\n        {(this.showInlineError || this.hasHelperSlot) && (\n          <div class=\"more\" id={moreId}>\n            {!!this.showInlineError ? (\n              <div class=\"error\" ref={(div) => (this.errorContainer = div)} />\n            ) : (\n              ''\n            )}\n            <div class=\"helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n\nlet inputIds = 0;\n"]}

package/dist/nano-components/{p-7a8ea050.entry.js → p-574143b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as t,e as o,g as r}from"./p-fc189b6d.js";let e=0,i=class{constructor(t){a(this,t),this.tabId="nano-tab-"+ ++e,this.panel="",this.active=!1,this.disabled=!1}async setFocus(){this.tab.focus({preventScroll:!0})}async removeFocus(){this.tab.blur()}render(){return t(o,{id:this.host.id||this.tabId},t("div",{part:"base",ref:a=>this.tab=a,class:{nanotab:!0,"nanotab--active":this.active,"nanotab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},t("slot",null)))}get host(){return r(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding:0.75rem 1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255, 255, 255);--active-bg-rgb:var(--bg-rgb);--disabled-bg-rgb:var(--bg-rgb);--text-color:#0084a9;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;display:inline-block}:host([direction=vertical]){--padding:1rem}:host([direction=vertical]) .nanotab{font-size:var(--v-font-size)}:host([direction=vertical]) .nanotab.nanotab--active{font-weight:600;color:var(--active-text-color)}:host([direction=horizontal]) .nanotab{font-size:var(--h-font-size);margin-top:var(--tab-indicator-size);border-right:solid var(--tab-divider-size) var(--tab-divider-color);font-weight:500}:host([direction=horizontal]) .nanotab.nanotab--active{margin-top:0;border-top:solid var(--tab-indicator-size) var(--tab-indicator-color);background:rgba(var(--active-bg-rgb), 1);color:var(--active-text-color)}.nanotab{margin-right:var(--tab-spacing);padding:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:auto;font-weight:500;background:rgba(var(--bg-rgb), 0.7);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:visible;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanotab{margin-right:unset;-webkit-margin-end:var(--tab-spacing);margin-inline-end:var(--tab-spacing)}}.nanotab ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:last-of-type) .nanotab{margin-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(:last-of-type) .nanotab{margin-right:unset;-webkit-margin-end:0;margin-inline-end:0}}.nanotab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}.nanotab:focus{outline:none;outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.nanotab:focus:not(.nanotab--disabled){-webkit-box-shadow:var(--focus-shadow) inset;box-shadow:var(--focus-shadow) inset}.nanotab--disabled{background:rgba(var(--disabled-bg-rgb), 1);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}";export{i as nano_tab}
-//# sourceMappingURL=p-7a8ea050.entry.js.map
+import{r as t,h as a,e as o,g as r}from"./p-bb0619e6.js";let e=0,i=class{constructor(a){t(this,a),this.tabId="nano-tab-"+ ++e,this.panel="",this.active=!1,this.disabled=!1}async setFocus(){this.tab.focus({preventScroll:!0})}async removeFocus(){this.tab.blur()}render(){return a(o,{id:this.host.id||this.tabId},a("div",{part:"base",ref:t=>this.tab=t,class:{nanotab:!0,"nanotab--active":this.active,"nanotab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},a("slot",null)))}get host(){return r(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding:0.75rem 1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255, 255, 255);--active-bg-rgb:var(--bg-rgb);--disabled-bg-rgb:var(--bg-rgb);--text-color:#007495;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;display:inline-block}:host([direction=vertical]){--padding:1rem}:host([direction=vertical]) .nanotab{font-size:var(--v-font-size)}:host([direction=vertical]) .nanotab.nanotab--active{font-weight:600;color:var(--active-text-color)}:host([direction=horizontal]) .nanotab{font-size:var(--h-font-size);margin-top:var(--tab-indicator-size);border-right:solid var(--tab-divider-size) var(--tab-divider-color);font-weight:500}:host([direction=horizontal]) .nanotab.nanotab--active{margin-top:0;border-top:solid var(--tab-indicator-size) var(--tab-indicator-color);background:rgba(var(--active-bg-rgb), 1);color:var(--active-text-color)}.nanotab{margin-right:var(--tab-spacing);padding:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:auto;font-weight:500;background:rgba(var(--bg-rgb), 0.7);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:visible;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanotab{margin-right:unset;-webkit-margin-end:var(--tab-spacing);margin-inline-end:var(--tab-spacing)}}.nanotab ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:last-of-type) .nanotab{margin-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(:last-of-type) .nanotab{margin-right:unset;-webkit-margin-end:0;margin-inline-end:0}}.nanotab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}.nanotab:focus{outline:none;outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.nanotab:focus:not(.nanotab--disabled){-webkit-box-shadow:var(--focus-shadow) inset;box-shadow:var(--focus-shadow) inset}.nanotab--disabled{background:rgba(var(--disabled-bg-rgb), 1);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}";export{i as nano_tab}
+//# sourceMappingURL=p-574143b5.entry.js.map

package/dist/nano-components/{p-ff530ea6.system.entry.js → p-57434dc5.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-03e4f363.system.js","./p-a057ad2d.system.js"],(function(n){"use strict";var i,t,r,e,o,a;return{setters:[function(n){i=n.k;t=n.r;r=n.h;e=n.e;o=n.g},function(n){a=n.c}],execute:function(){var s;var c=function(){if(!s){var n=window;n.Nanoicons=n.Nanoicons||{};s=n.Nanoicons.map=n.Nanoicons.map||new Map}return s};var l=function(n){var i=d(n.src);if(i){return i}i=u(n.name,n.icon);if(i){return f(i)}if(n.icon){i=d(n.icon);if(i){return i}}return null};var f=function(n){var t=c().get(n);if(t){return t}return i("../node_modules/@fortawesome/fontawesome-pro/svgs/"+n+".svg")};var u=function(n,i){if(!n&&i&&!v(i)){n=i}if(g(n)){n=h(n)}if(!g(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\/|\d/gi,"");if(t!==""){console.warn("invalid characters in icon name "+n);return null}return n};var d=function(n){if(g(n)){n=n.trim();if(v(n)){return n}}return null};var v=function(n){return n.length>0&&/(\/|\.)/.test(n)};var g=function(n){return typeof n==="string"};var h=function(n){return n.toLowerCase()};var m=function(n){if(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var r=i.firstElementChild;if(r&&r.nodeName.toLowerCase()==="svg"){var e=r.getAttribute("class")||"";r.setAttribute("class",(e+" sc-nano-icon s-nano-icon svg").trim());if(p(r)){return i.innerHTML}}}return""};var p=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].value;if(g(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!p(n.childNodes[i])){return false}}}return true};var b=new Map;var w=new Map;var y=function(n){var i=w.get(n);if(!i){i=fetch(n).then((function(i){if(i.ok){return i.text().then((function(i){b.set(n,m(i))}))}b.set(n,"")}));w.set(n,i)}return i};var x=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--color:var(--nano-color-base, "currentColor");--primary-color:var(--nano-color-tint, "currentColor");--secondary-color:var(--nano-color-shade, "currentColor");--stroke-width:32px;--primary-opacity:0.8;--secondary-opacity:1;--icon-size:var(--nano-icon-size, 1em);--icon-margin-top:var(--nano-icon-margin-top, 0);--icon-margin-end:var(--nano-icon-margin-end, 0);--icon-margin-bottom:var(--nano-icon-margin-bottom, 0);--icon-margin-start:var(--nano-icon-margin-start, 0);display:inline-block;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;color:var(--color);margin-left:var(--icon-margin-start);margin-right:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end)}}:host .nanoicon{stroke:currentColor}.nanoicon-fill-none{fill:none}.nanoicon-stroke-width{stroke-width:32px;stroke-width:var(--stroke-width)}.icon-inner,.nanoicon,svg,.svg{display:block;height:100%;width:100%;overflow:visible}:host(.loading){opacity:0}.fa-primary{color:var(--primary-color);opacity:var(--primary-opacity, 1)}.fa-secondary{color:var(--secondary-color);opacity:var(--secondary-opacity) !important}:host(.flip-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.icon-small){font-size:18px !important}:host(.icon-large){font-size:32px !important}';var k=!!document.head.attachShadow;var z=n("nano_icon",function(){function n(n){t(this,n);this.isVisible=false;this.isLoading=true;this.lazy=true}n.prototype.setAriaLabel=function(){if(!this.ariaLabel){var n=u(this.name,this.icon);if(n){this.ariaLabel=n.split("/").slice(-1)[0].replace(/\-/g," ")}}};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.componentWillLoad=function(){this.setAriaLabel()};n.prototype.waitUntilVisible=function(n,i,t){var r=this;if(k&&this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var e=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting||n[1]&&n[1].isIntersecting){e.disconnect();r.io=undefined;t()}}),{rootMargin:i});e.observe(n)}else{t()}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=l(this);if(i){if(b.has(i)){this.svgContent=b.get(i);this.isLoading=false}else{y(i).then((function(){n.svgContent=b.get(i);n.isLoading=false}))}}}this.setAriaLabel()};n.prototype.render=function(){var n;var i=this.flipRtl||this.name&&(this.name.indexOf("arrow")>-1||this.name.indexOf("chevron")>-1)&&this.el.ownerDocument.dir==="rtl"&&this.flipRtl!==false;return r(e,{role:"img",class:Object.assign(Object.assign({},a(this.color)),(n={loading:this.isLoading},n["icon-"+this.size]=!!this.size,n["flip-rtl"]=!!i,n))},this.svgContent?r("div",{class:"icon-inner",innerHTML:this.svgContent}):r("div",{class:"icon-inner"}))};Object.defineProperty(n,"assetsDirs",{get:function(){return["../../../node_modules/@fortawesome/fontawesome-pro/svgs"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());z.style=x}}}));
-//# sourceMappingURL=p-ff530ea6.system.entry.js.map
+System.register(["./p-af9f6453.system.js","./p-a057ad2d.system.js"],(function(n){"use strict";var i,t,r,e,o,a;return{setters:[function(n){i=n.k;t=n.r;r=n.h;e=n.e;o=n.g},function(n){a=n.c}],execute:function(){var s;var c=function(){if(!s){var n=window;n.Nanoicons=n.Nanoicons||{};s=n.Nanoicons.map=n.Nanoicons.map||new Map}return s};var l=function(n){var i=d(n.src);if(i){return i}i=u(n.name,n.icon);if(i){return f(i)}if(n.icon){i=d(n.icon);if(i){return i}}return null};var f=function(n){var t=c().get(n);if(t){return t}return i("../node_modules/@fortawesome/fontawesome-pro/svgs/"+n+".svg")};var u=function(n,i){if(!n&&i&&!v(i)){n=i}if(g(n)){n=h(n)}if(!g(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\/|\d/gi,"");if(t!==""){console.warn("invalid characters in icon name "+n);return null}return n};var d=function(n){if(g(n)){n=n.trim();if(v(n)){return n}}return null};var v=function(n){return n.length>0&&/(\/|\.)/.test(n)};var g=function(n){return typeof n==="string"};var h=function(n){return n.toLowerCase()};var m=function(n){if(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var r=i.firstElementChild;if(r&&r.nodeName.toLowerCase()==="svg"){var e=r.getAttribute("class")||"";r.setAttribute("class",(e+" sc-nano-icon s-nano-icon svg").trim());if(p(r)){return i.innerHTML}}}return""};var p=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].value;if(g(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!p(n.childNodes[i])){return false}}}return true};var b=new Map;var w=new Map;var y=function(n){var i=w.get(n);if(!i){i=fetch(n).then((function(i){if(i.ok){return i.text().then((function(i){b.set(n,m(i))}))}b.set(n,"")}));w.set(n,i)}return i};var x=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--color:var(--nano-color-base, "currentColor");--primary-color:var(--nano-color-tint, "currentColor");--secondary-color:var(--nano-color-shade, "currentColor");--stroke-width:32px;--primary-opacity:0.8;--secondary-opacity:1;--icon-size:var(--nano-icon-size, 1em);--icon-margin-top:var(--nano-icon-margin-top, 0);--icon-margin-end:var(--nano-icon-margin-end, 0);--icon-margin-bottom:var(--nano-icon-margin-bottom, 0);--icon-margin-start:var(--nano-icon-margin-start, 0);display:inline-block;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;color:var(--color);margin-left:var(--icon-margin-start);margin-right:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end)}}:host .nanoicon{stroke:currentColor}.nanoicon-fill-none{fill:none}.nanoicon-stroke-width{stroke-width:32px;stroke-width:var(--stroke-width)}.icon-inner,.nanoicon,svg,.svg{display:block;height:100%;width:100%;overflow:visible}:host(.loading){opacity:0}.fa-primary{color:var(--primary-color);opacity:var(--primary-opacity, 1)}.fa-secondary{color:var(--secondary-color);opacity:var(--secondary-opacity) !important}:host(.flip-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.icon-small){font-size:18px !important}:host(.icon-large){font-size:32px !important}';var k=!!document.head.attachShadow;var z=n("nano_icon",function(){function n(n){t(this,n);this.isVisible=false;this.isLoading=true;this.lazy=true}n.prototype.setAriaLabel=function(){if(!this.ariaLabel){var n=u(this.name,this.icon);if(n){this.ariaLabel=n.split("/").slice(-1)[0].replace(/\-/g," ")}}};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.componentWillLoad=function(){this.setAriaLabel()};n.prototype.waitUntilVisible=function(n,i,t){var r=this;if(k&&this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var e=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting||n[1]&&n[1].isIntersecting){e.disconnect();r.io=undefined;t()}}),{rootMargin:i});e.observe(n)}else{t()}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=l(this);if(i){if(b.has(i)){this.svgContent=b.get(i);this.isLoading=false}else{y(i).then((function(){n.svgContent=b.get(i);n.isLoading=false}))}}}this.setAriaLabel()};n.prototype.render=function(){var n;var i=this.flipRtl||this.name&&(this.name.indexOf("arrow")>-1||this.name.indexOf("chevron")>-1)&&this.el.ownerDocument.dir==="rtl"&&this.flipRtl!==false;return r(e,{role:"img",class:Object.assign(Object.assign({},a(this.color)),(n={loading:this.isLoading},n["icon-"+this.size]=!!this.size,n["flip-rtl"]=!!i,n))},this.svgContent?r("div",{class:"icon-inner",innerHTML:this.svgContent}):r("div",{class:"icon-inner"}))};Object.defineProperty(n,"assetsDirs",{get:function(){return["../../../node_modules/@fortawesome/fontawesome-pro/svgs"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());z.style=x}}}));
+//# sourceMappingURL=p-57434dc5.system.entry.js.map

package/dist/nano-components/{p-44cf7aeb.entry.js → p-574f1393.entry.js}

@@ -1,2 +1,2 @@
-import{g as t,l as i,r as s,c as e,f as n,i as r,h as a,e as h}from"./p-fc189b6d.js";import{S as o}from"./p-19aecfb6.js";import{g as l}from"./p-a0ddf496.js";import{d as c}from"./p-0e826935.js";import{a as u}from"./p-23da4de5.js";import{b as f,c as d,a as p}from"./p-dfe5a97d.js";import{C as v}from"./p-2116ecb5.js";var m=new Map,y=function(t,i){var s=t.updater;t.fields.forEach((function(t){s(t,i[t])}))},g=function(t,s){var e=t.state,n=i();if(m.has(n)){var r=m.get(n);r.state=e,r.wormholes.forEach((function(t){y(t,e)}))}return s},b=d((function(t,i){!function(t){function i(t){var s,e,n=new Error(t);return s=n,e=i.prototype,Object.setPrototypeOf?Object.setPrototypeOf(s,e):s.__proto__=e,n}function s(t,s,e){var n=s.slice(0,e).split(/\n/),r=n.length,a=n[r-1].length+1;throw i(t+=" at line "+r+" col "+a+":\n\n  "+s.split(/\n/)[r-1]+"\n  "+Array(a).join(" ")+"^")}i.prototype=Object.create(Error.prototype,{name:{value:"Squirrelly Error",enumerable:!1}});var e=new Function("return this")().Promise,n=!1;try{n=new Function("return (async function(){}).constructor")()}catch(t){if(!(t instanceof SyntaxError))throw t}function r(t,i){return Object.prototype.hasOwnProperty.call(t,i)}function a(t,i,s){for(var e in i)r(i,e)&&(t[e]=null==i[e]||"object"!=typeof i[e]||"storage"!==e&&"prefixes"!==e||s?i[e]:a({},i[e]));return t}var h=/^async +/,o=/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g,l=/'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g,c=/"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g,u=/[.*+\-?^${}()|[\]\\]/g;function f(t){return u.test(t)?t.replace(u,"\\$&"):t}function d(t,e){e.rmWhitespace&&(t=t.replace(/[\r\n]+/g,"\n").replace(/^\s+|\s+$/gm,"")),o.lastIndex=0,l.lastIndex=0,c.lastIndex=0;var n=e.prefixes,r=[n.h,n.b,n.i,n.r,n.c,n.e].reduce((function(t,i){return t&&i?t+"|"+f(i):i?f(i):t}),""),a=new RegExp("([|()]|=>)|('|\"|`|\\/\\*)|\\s*((\\/)?(-|_)?"+f(e.tags[1])+")","g"),u=new RegExp("([^]*?)"+f(e.tags[0])+"(-|_)?\\s*("+r+")?\\s*","g"),d=0,p=!1;function v(i,n){var r,f={f:[]},v=0,m="c";function y(i){var n=t.slice(d,i),r=n.trim();if("f"===m)"safe"===r?f.raw=!0:e.async&&h.test(r)?(r=r.replace(h,""),f.f.push([r,"",!0])):f.f.push([r,""]);else if("fp"===m)f.f[f.f.length-1][1]+=r;else if("err"===m){if(r){var a=n.search(/\S/);s("invalid syntax",t,d+a)}}else f[m]=r;d=i+1}for("h"===n||"b"===n||"c"===n?m="n":"r"===n&&(f.raw=!0,n="i"),a.lastIndex=d;null!==(r=a.exec(t));){var g=r[1],b=r[2],w=r[3],x=r[4],k=r[5],F=r.index;if(g)"("===g?(0===v&&("n"===m?(y(F),m="p"):"f"===m&&(y(F),m="fp")),v++):")"===g?0==--v&&"c"!==m&&(y(F),m="err"):0===v&&"|"===g?(y(F),m="f"):"=>"===g&&(y(F),d+=1,m="res");else if(b)if("/*"===b){var j=t.indexOf("*/",a.lastIndex);-1===j&&s("unclosed comment",t,r.index),a.lastIndex=j+2}else"'"===b?(l.lastIndex=r.index,l.exec(t)?a.lastIndex=l.lastIndex:s("unclosed string",t,r.index)):'"'===b?(c.lastIndex=r.index,c.exec(t)?a.lastIndex=c.lastIndex:s("unclosed string",t,r.index)):"`"===b&&(o.lastIndex=r.index,o.exec(t)?a.lastIndex=o.lastIndex:s("unclosed string",t,r.index));else if(w)return y(F),u.lastIndex=d=F+r[0].length,p=k,x&&"h"===n&&(n="s"),f.t=n,f}return s("unclosed tag",t,i),f}var m=function r(a,o){a.b=[],a.d=[];var l,c=!1,f=[];function m(t,i){t&&(t=function(t,i,s,e){var n,r;return"string"==typeof i.autoTrim?n=r=i.autoTrim:Array.isArray(i.autoTrim)&&(n=i.autoTrim[1],r=i.autoTrim[0]),(s||!1===s)&&(n=s),(e||!1===e)&&(r=e),"slurp"===n&&"slurp"===r?t.trim():("_"===n||"slurp"===n?t=String.prototype.trimLeft?t.trimLeft():t.replace(/^[\s\uFEFF\xA0]+/,""):"-"!==n&&"nl"!==n||(t=t.replace(/^(?:\n|\r|\r\n)/,"")),"_"===r||"slurp"===r?t=String.prototype.trimRight?t.trimRight():t.replace(/[\s\uFEFF\xA0]+$/,""):"-"!==r&&"nl"!==r||(t=t.replace(/(?:\n|\r|\r\n)$/,"")),t)}(t,e,p,i))&&(t=t.replace(/\\|'/g,"\\$&").replace(/\r\n|\n|\r/g,"\\n"),f.push(t))}for(;null!==(l=u.exec(t));){var y,g=l[1],b=l[2],w=l[3]||"";for(var x in n)if(n[x]===w){y=x;break}m(g,b),d=l.index+l[0].length,y||s("unrecognized tag type: "+w,t,d);var k=v(l.index,y),F=k.t;if("h"===F){var j=k.n||"";e.async&&h.test(j)&&(k.a=!0,k.n=j.replace(h,"")),k=r(k),f.push(k)}else if("c"===F){if(a.n===k.n)return c?(c.d=f,a.b.push(c)):a.d=f,a;s("Helper start and end don't match",t,l.index+l[0].length)}else if("b"===F){c?(c.d=f,a.b.push(c)):a.d=f;var C=k.n||"";e.async&&h.test(C)&&(k.a=!0,k.n=C.replace(h,"")),c=k,f=[]}else if("s"===F){var I=k.n||"";e.async&&h.test(I)&&(k.a=!0,k.n=I.replace(h,"")),f.push(k)}else f.push(k)}if(!o)throw i('unclosed helper "'+a.n+'"');return m(t.slice(d,t.length),!1),a.d=f,a}({f:[]},!0);if(e.plugins)for(var y=0;y<e.plugins.length;y++){var g=e.plugins[y];g.processAST&&(m.d=g.processAST(m.d,e))}return m.d}function p(t,i){var s=d(t,i),e="var tR='';"+(i.useWith?"with("+i.varName+"||{}){":"")+b(s,i)+"if(cb){cb(null,tR)} return tR"+(i.useWith?"}":"");if(i.plugins)for(var n=0;n<i.plugins.length;n++){var r=i.plugins[n];r.processFnString&&(e=r.processFnString(e,i))}return e}function v(t,i){for(var s=0;s<i.length;s++){var e=i[s][1];t=(i[s][2]?"await ":"")+"c.l('F','"+i[s][0]+"')("+t,e&&(t+=","+e),t+=")"}return t}function m(t,i,s,e,n,r){var a="{exec:"+(n?"async ":"")+g(s,i,t)+",params:["+e+"]";return r&&(a+=",name:'"+r+"'"),n&&(a+=",async:true"),a+"}"}function y(t,i){for(var s="[",e=0;e<t.length;e++){var n=t[e];s+=m(i,n.res||"",n.d,n.p||"",n.a,n.n),e<t.length&&(s+=",")}return s+"]"}function g(t,i,s){return"function("+i+"){var tR='';"+b(t,s)+"return tR}"}function b(t,i){for(var s=0,e=t.length,n="";s<e;s++){var r=t[s];if("string"==typeof r)n+="tR+='"+r+"';";else{var a=r.t,h=r.c||"",o=r.f,l=r.n||"",c=r.p||"",u=r.res||"",f=r.b,d=!!r.a;if("i"===a){i.defaultFilter&&(h="c.l('F','"+i.defaultFilter+"')("+h+")");var p=v(h,o);!r.raw&&i.autoEscape&&(p="c.l('F','e')("+p+")"),n+="tR+="+p+";"}else if("h"===a)if(i.storage.nativeHelpers.get(l))n+=i.storage.nativeHelpers.get(l)(r,i);else{var g=(d?"await ":"")+"c.l('H','"+l+"')("+m(i,u,r.d,c,d);g+=f?","+y(f,i):",[]",n+="tR+="+v(g+=",c)",o)+";"}else"s"===a?n+="tR+="+v((d?"await ":"")+"c.l('H','"+l+"')({params:["+c+"]},[],c)",o)+";":"e"===a&&(n+=h+"\n")}}return n}var w=function(){function t(t){this.cache=t}return t.prototype.define=function(t,i){this.cache[t]=i},t.prototype.get=function(t){return this.cache[t]},t.prototype.remove=function(t){delete this.cache[t]},t.prototype.reset=function(){this.cache={}},t.prototype.load=function(t){a(this.cache,t,!0)},t}();function x(t,s,e,n){if(s&&s.length>0)throw i((n?"Native":"")+"Helper '"+t+"' doesn't accept blocks");if(e&&e.length>0)throw i((n?"Native":"")+"Helper '"+t+"' doesn't accept filters")}var k={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function F(t){return k[t]}var j=new w({}),C=new w({each:function(t,i){var s="",e=t.params[0];if(x("each",i,!1),t.async)return new Promise((function(i){!function t(i,s,e,n,r){e(i[s],s).then((function(a){n+=a,s===i.length-1?r(n):t(i,s+1,e,n,r)}))}(e,0,t.exec,s,i)}));for(var n=0;n<e.length;n++)s+=t.exec(e[n],n);return s},foreach:function(t,i){var s=t.params[0];if(x("foreach",i,!1),t.async)return new Promise((function(i){!function t(i,s,e,n,r,a){n(s[e],i[s[e]]).then((function(h){r+=h,e===s.length-1?a(r):t(i,s,e+1,n,r,a)}))}(s,Object.keys(s),0,t.exec,"",i)}));var e="";for(var n in s)r(s,n)&&(e+=t.exec(n,s[n]));return e},include:function(t,s,e){x("include",s,!1);var n=e.storage.templates.get(t.params[0]);if(!n)throw i('Could not fetch template "'+t.params[0]+'"');return n(t.params[1],e)},extends:function(t,s,e){var n=t.params[1]||{};n.content=t.exec();for(var r=0;r<s.length;r++){var a=s[r];n[a.name]=a.exec()}var h=e.storage.templates.get(t.params[0]);if(!h)throw i('Could not fetch template "'+t.params[0]+'"');return h(n,e)},useScope:function(t,i){return x("useScope",i,!1),t.exec(t.params[0])}}),I=new w({if:function(t,i){x("if",!1,t.f,!0);var s="if("+t.p+"){"+b(t.d,i)+"}";if(t.b)for(var e=0;e<t.b.length;e++){var n=t.b[e];"else"===n.n?s+="else{"+b(n.d,i)+"}":"elif"===n.n&&(s+="else if("+n.p+"){"+b(n.d,i)+"}")}return s},try:function(t,s){if(x("try",!1,t.f,!0),!t.b||1!==t.b.length||"catch"!==t.b[0].n)throw i("native helper 'try' only accepts 1 block, 'catch'");var e="try{"+b(t.d,s)+"}",n=t.b[0];return e+"catch"+(n.res?"("+n.res+")":"")+"{"+b(n.d,s)+"}"},block:function(t,i){return x("block",t.b,t.f,!0),"if(!"+i.varName+"["+t.p+"]){tR+=("+g(t.d,"",i)+")()}else{tR+="+i.varName+"["+t.p+"]}"}}),z=new w({e:function(t){var i=String(t);return/[&<>"']/.test(i)?i.replace(/[&<>"']/g,F):i}}),S={varName:"it",autoTrim:[!1,"nl"],autoEscape:!0,defaultFilter:!1,tags:["{{","}}"],l:function(t,s){if("H"===t){var e=this.storage.helpers.get(s);if(e)return e;throw i("Can't find helper '"+s+"'")}if("F"===t){var n=this.storage.filters.get(s);if(n)return n;throw i("Can't find filter '"+s+"'")}},async:!1,storage:{helpers:C,nativeHelpers:I,filters:z,templates:j},prefixes:{h:"@",b:"#",i:"",r:"*",c:"/",e:"!"},cache:!1,plugins:[],useWith:!1};function O(t,i){var s={};return a(s,S),i&&a(s,i),t&&a(s,t),s.l.bind(s),s}function R(t,s){var e=O(s||{}),r=Function;if(e.async){if(!n)throw i("This environment doesn't support async/await");r=n}try{return new r(e.varName,"c","cb",p(t,e))}catch(s){throw s instanceof SyntaxError?i("Bad template syntax\n\n"+s.message+"\n"+Array(s.message.length+1).join("=")+"\n"+p(t,e)):s}}function _(t,i){var s;return i.cache&&i.name&&i.storage.templates.get(i.name)?i.storage.templates.get(i.name):(s="function"==typeof t?t:R(t,i),i.cache&&i.name&&i.storage.templates.define(i.name,s),s)}S.l.bind(S),t.compile=R,t.compileScope=b,t.compileScopeIntoFunction=g,t.compileToString=p,t.defaultConfig=S,t.filters=z,t.getConfig=O,t.helpers=C,t.nativeHelpers=I,t.parse=d,t.render=function(t,s,n,r){var a=O(n||{});if(!a.async)return _(t,a)(s,a);if(!r){if("function"==typeof e)return new e((function(i,e){try{i(_(t,a)(s,a))}catch(t){e(t)}}));throw i("Please provide a callback function, this env doesn't support Promises")}try{_(t,a)(s,a,r)}catch(t){return r(t)}},t.templates=j,Object.defineProperty(t,"__esModule",{value:!0})}(i)}));const w=f(b),x=Object.freeze(Object.assign(Object.create(null),b,{default:w}));x.filters.define("date_long",((t,i={year:"numeric",month:"long",day:"numeric"})=>{if(t)return new Date(1e3*parseInt(t)).toLocaleDateString("en-GB",i)})),x.filters.define("date_short",((t,i="d/m/y")=>{if(!t)return;let s=new Date(1e3*parseInt(t));return(t=(t=i.replace(/(d)/,s.getDate().toString())).replace(/(m)/,(s.getMonth()+1).toString())).replace(/(y)/,s.getFullYear().toString())})),x.filters.define("public_name",(t=>{if(t)return(t=t.split("_").map((t=>t.length<3?t.toUpperCase():t)).join(" ")).charAt(0).toUpperCase()+t.slice(1)})),x.filters.define("trim_to",((t,i=100)=>{if(t)return t.length<=i?t:t.substr(0,i)+"..."})),x.filters.define("classname",(t=>{if(t)return t.replace(/[\W]+/g,"")})),x.filters.define("abs_url",((t,i=null,s)=>{if(!i)return t;if(!t)return;let e;if(i.domains&&s&&s.origin){let t=i.domains.find((t=>t.origin===s.origin));e=t?t.domain:""}else i.domain&&(e=i.domain);return e?t.match(/^http/)?t:location.protocol+"//"+e+t:t})),x.filters.define("replace",((t,i,s)=>t.replace(i,s))),x.filters.define("remove_spaces",(t=>t.replace(/ /g,"_"))),x.filters.define("add_spaces",(t=>t.replace(/[_\-]/g," "))),x.filters.define("capitalise",(t=>t.charAt(0).toUpperCase()+t.slice(1))),x.filters.define("lowercase",(t=>t.toLowerCase()));const k=x;class F{constructor(){this.queue=[],this.workingOnPromise=!1,this.stop=!1,this.limit=null}enqueue(t){return new Promise(((i,s)=>{this.queue.push({promise:t,resolve:i,reject:s}),this.dequeue()}))}dequeue(){if(this.workingOnPromise)return!1;if(this.stop)return this.queue=[],void(this.stop=!1);const t=this.queue.shift();if(!t)return!1;try{this.workingOnPromise=!0,t.promise().then((i=>{this.workingOnPromise=!1,t.resolve(i),this.dequeue()})).catch((i=>{this.workingOnPromise=!1,t.reject(i),this.dequeue()}))}catch(i){this.workingOnPromise=!1,t.reject(i),this.dequeue()}return!0}}F.pendingPromise=!1;const j=!!document.head.attachShadow;let C=class{constructor(t){s(this,t),this.nanoDidLoad=e(this,"nanoDidLoad",7),this.nanoResultsShown=e(this,"nanoResultsShown",3),this.nanoBeforeQuery=e(this,"nanoBeforeQuery",7),this.nanoAfterQuery=e(this,"nanoAfterQuery",7),this.staticFacetFilters={},this.dynFacetFilters={},this.hasLoadSlot=!1,this.placedAlgoliaEles=[],this.promiseQueue=new F,this._dynFacetFilters={},this.indeces=[],this.filterChanged="",this.changeEvent=o.Init,this.isLoading=!1,this.wormholeState=this,this.showResults=!1,this.resultsPage=0,this.searchIndex={},this.searchIndexName="",this.listenTo=null,this.query="",this.operator="and",this.filters=[],this.tplEngine=k,this.tplRenderFn=k.render,this.replicaIndex="",this.browseIndex=!1,this.minChars=2,this.storeMethod="session",this.searchChange=async()=>{if(this.algoliaIndex){if(!this.query||this.query.length<this.minChars){if(!this.browseIndex)return this.query&&0!==this.query.length?void 0:void this.handleSearchReset();if("*"!==this.query)return void(this.query="*")}this.isLoading=!0,setTimeout((async()=>{this.resetPage(),await this.algoliaSearch(o.Init),await this.updateContent(),setTimeout((()=>this.isLoading=!1),800),this.showResults=!0,this.nanoResultsShown.emit(this.indexResults)}),200)}},this.makeAppliedFilters=()=>{let t=[];const i=i=>{Object.values(i).forEach((i=>{if(i.value&&i.value.length){let s=t.find((t=>t.name===i.facetName));s?s.values=[...s.values,...i.value]:t.push({name:i.facetName,values:[...i.value]})}}))};return i(this.dynFacetFilters),i(this.staticFacetFilters),t.length?t:null},this.algoliaSearch=async t=>this.promiseQueue.enqueue((()=>this.queueSearch(t))),this.queueSearch=async t=>{if(!(this.algoliaIndex&&this.query&&this.searchIndex&&this.searchIndex.index))return;this.nanoBeforeQuery.emit(this.indexResults),o.Init===t&&this.clearAllFacetFilters();let i={filters:this.algoliaFilterStr(),page:this.indexResults?this.indexResults.currentPage:0};this.searchIndex.filters&&(i.facets=this.searchIndex.filters),this.searchIndex.hitsPerPage&&(i.hitsPerPage=this.searchIndex.hitsPerPage);let s=await this.algoliaIndex.search(this.query,i);return s=this.fixDomain(s),this.changeEvent=t,t!==o.Init&&this.indexResults||(this.indexResults={currentPage:0,totalHits:s.nbHits,hitsPerPage:null,origFilters:s.facets,query:this.query,domain:this.searchIndex.domain||null,legacy:!j,totalHitsWithFilters:0,results:[],totalPages:0,appliedFilters:this.makeAppliedFilters(),indexName:this.searchIndex.name||null,index:this.searchIndex.index}),this.indexResults.dynFilters=s.facets,this.indexResults.results=s.hits,this.indexResults.totalHitsWithFilters=s.nbHits,this.indexResults.currentPage=s.page,this.indexResults.totalPages=s.nbPages,this.indexResults.hitsPerPage=s.hitsPerPage,this.indexResults.query=s.query,this.changeEvent!==o.Page&&this.changeEvent!==o.Replica&&(this.facets=s.facets),this.nanoAfterQuery.emit(this.indexResults),new Promise((t=>{setTimeout((()=>t("tpl updated")),20)})).then((()=>{this.currentHits=this.indexResults.results,this.resultsPage=this.indexResults.currentPage}))},this.handleInputChange=t=>{t.target===this.inputField&&(this.query=this.inputField.value)},this.handleSearchReset=()=>{this.showResults=!1,this.indexResults=null},this.onResultDisplay=()=>{n((()=>{this.resultsDiv.removeEventListener("transitionend",this.onResultDisplay),this.showResults?(this.defaultDiv.style.display="none",this.resultsDiv.classList.add("shown"),this.resultsDiv.style.minHeight="",this.resultsDiv.style.width=""):this.resultsDiv.style.display="none"}))}}async removeFilters(t,i){t||i?Object.keys(this._dynFacetFilters).forEach((s=>{t&&this._dynFacetFilters[s].facetName===t&&(this._dynFacetFilters[s].element.value=i?this._dynFacetFilters[s].value.filter((t=>t!==i)):"")})):this.clearAllFacetFilters()}onAllTplUpdate(t){t.stopPropagation()}async onPageChange(t){if(!this.indexResults)return;let i=this.resultsPage;t&&(t.stopPropagation(),i=t.detail.page),i=Math.min(this.indexResults.totalPages-1,i),i=Math.max(i,0),this.indexResults.currentPage!==i&&(this.indexResults.currentPage=i,await this.algoliaSearch(o.Page))}async onFilterChange(t){t.stopPropagation();let i={},s=t.detail;s.element=t.target,this.indexResults?(this.staticFacetFilters[s.filterId]?this.staticFacetFilters[s.filterId]=s:(i[s.filterId]=s,this._dynFacetFilters=Object.assign(Object.assign({},this._dynFacetFilters),i)),this.indexResults.appliedFilters=this.makeAppliedFilters()):this.staticFacetFilters[s.filterId]=s,this.filterChanged=s.value&&s.value.length?s.filterId:"all",this.resetPage(),this.algoliaSearch(o.Filter)}dynFacetFiltersChange(){Object.values(this._dynFacetFilters).forEach((t=>{this.host.ownerDocument===t.element.ownerDocument?this.dynFacetFilters[t.filterId]=t:delete this.dynFacetFilters[t.filterId]}))}browseIndexChange(){this.browseIndex&&(!this.query||this.query.length<this.minChars)&&(this.query="*")}inputFieldSet(){this.inputField&&"*"!==this.query&&this.inputField&&this.inputField.value!==this.query&&(this.inputField.value=this.query)}queryChange(){this.searchChange()}async internalIndexSwitch(){this.replicaIndex&&this.indexResults&&this.indexResults.index!==this.replicaIndex&&(this.indexResults.index=this.replicaIndex,this.algoliaIndex=this.algoliaClient.initIndex(this.indexResults.index),this.resetPage(),this.algoliaSearch(o.Replica))}pageChange(){this.onPageChange()}searchIndexNameChange(){!this.searchIndexName||!this.searchIndexName.length||this.searchIndex&&this.searchIndex.index===this.searchIndexName||(this.searchIndex={index:this.searchIndexName})}initAlgoliaClient(){this.appId&&this.apiKey&&(this.algoliaClient=u(this.appId,this.apiKey))}initAlgoliaIndex(){this.algoliaClient&&this.searchIndex&&this.searchIndex.index&&(this.replicaIndex&&(this.searchIndex.index=this.replicaIndex),this.searchIndexName=this.searchIndex.index,this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index),this.searchChange())}newListenTo(){this.listenTo?setTimeout((()=>{this.inputField=document.querySelector(this.listenTo),this.inputField&&this.attachInputListener(!0)}),50):this.attachInputListener(!1)}showResultsChange(){this.resultsDiv&&this.defaultDiv&&(this.showResults?(this.resultsDiv.style.width=this.host.scrollWidth+"px",this.resultsDiv.style.minHeight=this.host.scrollHeight+"px",n((()=>{this.resultsDiv.addEventListener("transitionend",this.onResultDisplay),this.resultsDiv.style.display="block",setTimeout((()=>this.resultsDiv.classList.add("show")),50)}))):n((()=>{this.resultsDiv.classList.remove("shown"),this.defaultDiv.style.display="block",setTimeout((()=>{this.resultsDiv.addEventListener("transitionend",this.onResultDisplay),this.resultsDiv.classList.remove("show"),this.slottedInput?this.slottedInput.focus({preventScroll:!0}):this.defaultDiv.focus({preventScroll:!0})}),50)})))}fixDomain(t){return this.searchIndex&&this.searchIndex.domain?(t.hits.map((t=>{t.url&&!t.url.match(/^http/)&&(t.url=location.protocol+"//"+this.searchIndex.domain+t.url)})),t):t}resetPage(){this.indexResults&&(this.indexResults.currentPage=0)}clearAllFacetFilters(){Object.values(this._dynFacetFilters).forEach((t=>{t.element.value=""})),this._dynFacetFilters={}}algoliaFilterStr(){let t={};const i=i=>{let s,e;Object.keys(i).forEach((n=>{s=i[n],t[n]=t[n]||{name:s.facetName,or:[],and:[],not:[]},e=t[n][s.operator],s.value&&s.value.length&&(t[n][s.operator]=[...e,...s.value])}))};i(this.dynFacetFilters),i(this.staticFacetFilters);const s=(t,i)=>i.indexOf(" ")>-1?t+':"'+i+'"':t+":"+i;let e,n,r=[];return Object.values(t).forEach((function(t){Object.keys(t).filter((t=>t.match(/(or|and|not)/))).forEach((i=>{e=t,n=t.name,"or"===i||"and"===i?e[i].length&&r.push("(                 "+e[i].map((t=>{if(t.length)return s(n,t)})).join(" "+i.toLocaleUpperCase()+" ")+"               )"):e.not.length&&r.push("(                 "+e[i].map((t=>{if(t.length)return"NOT "+s(n,t)})).join(" AND ")+"               )")}))})),r=[...this.filters,...r],r.join(" "+this.operator.toLocaleUpperCase()+" ")}attachInputListener(t=!0){if(!this.inputField)return;let i="nano-input"===this.inputField.tagName.toLocaleLowerCase()?"nanoChange":"change";t?this.inputField.addEventListener(i,this.handleInputChange):this.inputField.removeEventListener(i,this.handleInputChange)}async updateContent(){return this.promiseQueue.enqueue((()=>this.updateContentQueue()))}async updateContentQueue(){let t=this.outputSlot||this.resultsDiv;if(!t||!this.tpl)return"no tpl";let i=document.createElement("div");i.innerHTML=this.tpl;let s=[];return this.placedAlgoliaEles=[],Array.from(i.querySelectorAll("nano-algolia, nano-algolia-filter, nano-algolia-results")).forEach(((t,i)=>{let e=document.createElement("div");e.dataset.placeholderId=i.toString(),e.classList.add("nano-ele-placeholder"),s.push(t),t.parentNode.replaceChild(e,t)})),t.innerHTML=this.tplRenderFn(i.innerHTML.replace(/&gt;/gm,">").replace(/&lt;/gm,"<").replace(/&amp;/gm,"&"),this.indexResults),Array.from(t.querySelectorAll("div.nano-ele-placeholder")).forEach((t=>{t.parentNode.replaceChild(s[parseInt(t.dataset.placeholderId)],t),this.placedAlgoliaEles.push(s[parseInt(t.dataset.placeholderId)])})),this.placedAlgoliaEles.length?new Promise((i=>{const s=e=>{this.placedAlgoliaEles=this.placedAlgoliaEles.filter((t=>t!==e.detail)),this.placedAlgoliaEles.length||(setTimeout((()=>i("tpl updated")),500),t.removeEventListener("nanoTplUpdated",s))};t.addEventListener("nanoTplUpdated",s)})):Promise.resolve("algolia setup")}componentWillLoad(){r((()=>{this.tplSlot=l(this.host,'[slot="template"]')[0],this.outputSlot=l(this.host,'[slot="output"]')[0],this.slottedInput=l(this.host,'[slot="search-input"]')[0],this.hasLoadSlot=!!l(this.host,'[slot="loader"]')[0],this.tplSlot&&(this.tpl=this.tplSlot.innerHTML),this.slottedInput&&("nano-input"===this.slottedInput.tagName.toLocaleLowerCase()||this.slottedInput instanceof HTMLInputElement)?this.inputField=this.slottedInput:this.slottedInput&&(this.inputField=this.slottedInput.querySelector('nano-input, input:not([type="radio"]):not([type="checkbox"])')),!this.inputField&&this.listenTo&&(this.inputField=document.querySelector(this.listenTo)),this.inputField&&this.attachInputListener(!0),n((()=>{this.showResults&&this.tpl&&this.searchChange()}))})),this.searchIndexNameChange(),this.initAlgoliaClient(),this.initAlgoliaIndex(),function(i,s){var e=t(i),n=new Map,r={wormholes:n,state:s};m.set(i,r);var a=i.connectedCallback;i.connectedCallback=function(){m.set(i,r),a&&a.call(i)};var h=i.disconnectedCallback;i.disconnectedCallback=function(){m.delete(i),h&&h.call(i)},e.addEventListener("openWormhole",(function(t){t.stopPropagation();var i=t.detail,s=i.consumer,e=i.onOpen;if(!n.has(s)){if("symbol"!=typeof s){var a=s.connectedCallback,h=s.disconnectedCallback;s.connectedCallback=function(){n.set(s,t.detail),a&&a.call(s)},s.disconnectedCallback=function(){n.delete(s),h&&h.call(s)}}n.set(s,t.detail),y(t.detail,r.state),null==e||e.resolve((function(){n.delete(s)}))}})),e.addEventListener("closeWormhole",(function(t){n.delete(t.detail)}))}(this,this.wormholeState),this.storeId&&(v.init(this,["query","replicaIndex"],this.storeMethod,this.storeId),v.init(this,["apiKey","appId","searchIndex"],"session",this.storeId+"_api")),this.internalIndexSwitch()}connectedCallback(){this.searchChange=c(this.searchChange,300),this.browseIndexChange(),this.host.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.host}))}render(){const 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 a(h,{class:{"show-results":this.showResults,"is-loading":this.isLoading},"aria-busy":this.isLoading},this.hasLoadSlot&&a("div",{hidden:!this.isLoading},a("slot",{name:"loader"})),!this.hasLoadSlot&&a("div",{class:{loader:!0,loading:this.isLoading}},a("nano-spinner",{overlay:!0,type:"circle"})),a(g,{state:t},a("slot",{name:"search-input"}),a("div",{class:"results-container","aria-live":"polite"},a("div",{ref:t=>this.resultsDiv=t,class:"results"},a("slot",{name:"output"})))),a("div",{ref:t=>this.defaultDiv=t,class:"default",tabindex:"-1"},a("slot",null)))}get host(){return t(this)}static get watchers(){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"]}}};C.style=":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}";export{C as nano_algolia}
-//# sourceMappingURL=p-44cf7aeb.entry.js.map
+import{g as t,l as i,r as s,c as e,f as n,i as r,h as a,e as h}from"./p-bb0619e6.js";import{S as o}from"./p-ff2ff5b0.js";import{g as l}from"./p-a0ddf496.js";import{d as c}from"./p-0e826935.js";import{a as u}from"./p-05c062ae.js";import{b as f,c as d,a as p}from"./p-dfe5a97d.js";import{C as v}from"./p-a1680208.js";var m=new Map,y=function(t,i){var s=t.updater;t.fields.forEach((function(t){s(t,i[t])}))},g=function(t,s){var e=t.state,n=i();if(m.has(n)){var r=m.get(n);r.state=e,r.wormholes.forEach((function(t){y(t,e)}))}return s},b=d((function(t,i){!function(t){function i(t){var s,e,n=new Error(t);return s=n,e=i.prototype,Object.setPrototypeOf?Object.setPrototypeOf(s,e):s.__proto__=e,n}function s(t,s,e){var n=s.slice(0,e).split(/\n/),r=n.length,a=n[r-1].length+1;throw i(t+=" at line "+r+" col "+a+":\n\n  "+s.split(/\n/)[r-1]+"\n  "+Array(a).join(" ")+"^")}i.prototype=Object.create(Error.prototype,{name:{value:"Squirrelly Error",enumerable:!1}});var e=new Function("return this")().Promise,n=!1;try{n=new Function("return (async function(){}).constructor")()}catch(t){if(!(t instanceof SyntaxError))throw t}function r(t,i){return Object.prototype.hasOwnProperty.call(t,i)}function a(t,i,s){for(var e in i)r(i,e)&&(t[e]=null==i[e]||"object"!=typeof i[e]||"storage"!==e&&"prefixes"!==e||s?i[e]:a({},i[e]));return t}var h=/^async +/,o=/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g,l=/'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g,c=/"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g,u=/[.*+\-?^${}()|[\]\\]/g;function f(t){return u.test(t)?t.replace(u,"\\$&"):t}function d(t,e){e.rmWhitespace&&(t=t.replace(/[\r\n]+/g,"\n").replace(/^\s+|\s+$/gm,"")),o.lastIndex=0,l.lastIndex=0,c.lastIndex=0;var n=e.prefixes,r=[n.h,n.b,n.i,n.r,n.c,n.e].reduce((function(t,i){return t&&i?t+"|"+f(i):i?f(i):t}),""),a=new RegExp("([|()]|=>)|('|\"|`|\\/\\*)|\\s*((\\/)?(-|_)?"+f(e.tags[1])+")","g"),u=new RegExp("([^]*?)"+f(e.tags[0])+"(-|_)?\\s*("+r+")?\\s*","g"),d=0,p=!1;function v(i,n){var r,f={f:[]},v=0,m="c";function y(i){var n=t.slice(d,i),r=n.trim();if("f"===m)"safe"===r?f.raw=!0:e.async&&h.test(r)?(r=r.replace(h,""),f.f.push([r,"",!0])):f.f.push([r,""]);else if("fp"===m)f.f[f.f.length-1][1]+=r;else if("err"===m){if(r){var a=n.search(/\S/);s("invalid syntax",t,d+a)}}else f[m]=r;d=i+1}for("h"===n||"b"===n||"c"===n?m="n":"r"===n&&(f.raw=!0,n="i"),a.lastIndex=d;null!==(r=a.exec(t));){var g=r[1],b=r[2],w=r[3],x=r[4],k=r[5],F=r.index;if(g)"("===g?(0===v&&("n"===m?(y(F),m="p"):"f"===m&&(y(F),m="fp")),v++):")"===g?0==--v&&"c"!==m&&(y(F),m="err"):0===v&&"|"===g?(y(F),m="f"):"=>"===g&&(y(F),d+=1,m="res");else if(b)if("/*"===b){var j=t.indexOf("*/",a.lastIndex);-1===j&&s("unclosed comment",t,r.index),a.lastIndex=j+2}else"'"===b?(l.lastIndex=r.index,l.exec(t)?a.lastIndex=l.lastIndex:s("unclosed string",t,r.index)):'"'===b?(c.lastIndex=r.index,c.exec(t)?a.lastIndex=c.lastIndex:s("unclosed string",t,r.index)):"`"===b&&(o.lastIndex=r.index,o.exec(t)?a.lastIndex=o.lastIndex:s("unclosed string",t,r.index));else if(w)return y(F),u.lastIndex=d=F+r[0].length,p=k,x&&"h"===n&&(n="s"),f.t=n,f}return s("unclosed tag",t,i),f}var m=function r(a,o){a.b=[],a.d=[];var l,c=!1,f=[];function m(t,i){t&&(t=function(t,i,s,e){var n,r;return"string"==typeof i.autoTrim?n=r=i.autoTrim:Array.isArray(i.autoTrim)&&(n=i.autoTrim[1],r=i.autoTrim[0]),(s||!1===s)&&(n=s),(e||!1===e)&&(r=e),"slurp"===n&&"slurp"===r?t.trim():("_"===n||"slurp"===n?t=String.prototype.trimLeft?t.trimLeft():t.replace(/^[\s\uFEFF\xA0]+/,""):"-"!==n&&"nl"!==n||(t=t.replace(/^(?:\n|\r|\r\n)/,"")),"_"===r||"slurp"===r?t=String.prototype.trimRight?t.trimRight():t.replace(/[\s\uFEFF\xA0]+$/,""):"-"!==r&&"nl"!==r||(t=t.replace(/(?:\n|\r|\r\n)$/,"")),t)}(t,e,p,i))&&(t=t.replace(/\\|'/g,"\\$&").replace(/\r\n|\n|\r/g,"\\n"),f.push(t))}for(;null!==(l=u.exec(t));){var y,g=l[1],b=l[2],w=l[3]||"";for(var x in n)if(n[x]===w){y=x;break}m(g,b),d=l.index+l[0].length,y||s("unrecognized tag type: "+w,t,d);var k=v(l.index,y),F=k.t;if("h"===F){var j=k.n||"";e.async&&h.test(j)&&(k.a=!0,k.n=j.replace(h,"")),k=r(k),f.push(k)}else if("c"===F){if(a.n===k.n)return c?(c.d=f,a.b.push(c)):a.d=f,a;s("Helper start and end don't match",t,l.index+l[0].length)}else if("b"===F){c?(c.d=f,a.b.push(c)):a.d=f;var C=k.n||"";e.async&&h.test(C)&&(k.a=!0,k.n=C.replace(h,"")),c=k,f=[]}else if("s"===F){var I=k.n||"";e.async&&h.test(I)&&(k.a=!0,k.n=I.replace(h,"")),f.push(k)}else f.push(k)}if(!o)throw i('unclosed helper "'+a.n+'"');return m(t.slice(d,t.length),!1),a.d=f,a}({f:[]},!0);if(e.plugins)for(var y=0;y<e.plugins.length;y++){var g=e.plugins[y];g.processAST&&(m.d=g.processAST(m.d,e))}return m.d}function p(t,i){var s=d(t,i),e="var tR='';"+(i.useWith?"with("+i.varName+"||{}){":"")+b(s,i)+"if(cb){cb(null,tR)} return tR"+(i.useWith?"}":"");if(i.plugins)for(var n=0;n<i.plugins.length;n++){var r=i.plugins[n];r.processFnString&&(e=r.processFnString(e,i))}return e}function v(t,i){for(var s=0;s<i.length;s++){var e=i[s][1];t=(i[s][2]?"await ":"")+"c.l('F','"+i[s][0]+"')("+t,e&&(t+=","+e),t+=")"}return t}function m(t,i,s,e,n,r){var a="{exec:"+(n?"async ":"")+g(s,i,t)+",params:["+e+"]";return r&&(a+=",name:'"+r+"'"),n&&(a+=",async:true"),a+"}"}function y(t,i){for(var s="[",e=0;e<t.length;e++){var n=t[e];s+=m(i,n.res||"",n.d,n.p||"",n.a,n.n),e<t.length&&(s+=",")}return s+"]"}function g(t,i,s){return"function("+i+"){var tR='';"+b(t,s)+"return tR}"}function b(t,i){for(var s=0,e=t.length,n="";s<e;s++){var r=t[s];if("string"==typeof r)n+="tR+='"+r+"';";else{var a=r.t,h=r.c||"",o=r.f,l=r.n||"",c=r.p||"",u=r.res||"",f=r.b,d=!!r.a;if("i"===a){i.defaultFilter&&(h="c.l('F','"+i.defaultFilter+"')("+h+")");var p=v(h,o);!r.raw&&i.autoEscape&&(p="c.l('F','e')("+p+")"),n+="tR+="+p+";"}else if("h"===a)if(i.storage.nativeHelpers.get(l))n+=i.storage.nativeHelpers.get(l)(r,i);else{var g=(d?"await ":"")+"c.l('H','"+l+"')("+m(i,u,r.d,c,d);g+=f?","+y(f,i):",[]",n+="tR+="+v(g+=",c)",o)+";"}else"s"===a?n+="tR+="+v((d?"await ":"")+"c.l('H','"+l+"')({params:["+c+"]},[],c)",o)+";":"e"===a&&(n+=h+"\n")}}return n}var w=function(){function t(t){this.cache=t}return t.prototype.define=function(t,i){this.cache[t]=i},t.prototype.get=function(t){return this.cache[t]},t.prototype.remove=function(t){delete this.cache[t]},t.prototype.reset=function(){this.cache={}},t.prototype.load=function(t){a(this.cache,t,!0)},t}();function x(t,s,e,n){if(s&&s.length>0)throw i((n?"Native":"")+"Helper '"+t+"' doesn't accept blocks");if(e&&e.length>0)throw i((n?"Native":"")+"Helper '"+t+"' doesn't accept filters")}var k={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function F(t){return k[t]}var j=new w({}),C=new w({each:function(t,i){var s="",e=t.params[0];if(x("each",i,!1),t.async)return new Promise((function(i){!function t(i,s,e,n,r){e(i[s],s).then((function(a){n+=a,s===i.length-1?r(n):t(i,s+1,e,n,r)}))}(e,0,t.exec,s,i)}));for(var n=0;n<e.length;n++)s+=t.exec(e[n],n);return s},foreach:function(t,i){var s=t.params[0];if(x("foreach",i,!1),t.async)return new Promise((function(i){!function t(i,s,e,n,r,a){n(s[e],i[s[e]]).then((function(h){r+=h,e===s.length-1?a(r):t(i,s,e+1,n,r,a)}))}(s,Object.keys(s),0,t.exec,"",i)}));var e="";for(var n in s)r(s,n)&&(e+=t.exec(n,s[n]));return e},include:function(t,s,e){x("include",s,!1);var n=e.storage.templates.get(t.params[0]);if(!n)throw i('Could not fetch template "'+t.params[0]+'"');return n(t.params[1],e)},extends:function(t,s,e){var n=t.params[1]||{};n.content=t.exec();for(var r=0;r<s.length;r++){var a=s[r];n[a.name]=a.exec()}var h=e.storage.templates.get(t.params[0]);if(!h)throw i('Could not fetch template "'+t.params[0]+'"');return h(n,e)},useScope:function(t,i){return x("useScope",i,!1),t.exec(t.params[0])}}),I=new w({if:function(t,i){x("if",!1,t.f,!0);var s="if("+t.p+"){"+b(t.d,i)+"}";if(t.b)for(var e=0;e<t.b.length;e++){var n=t.b[e];"else"===n.n?s+="else{"+b(n.d,i)+"}":"elif"===n.n&&(s+="else if("+n.p+"){"+b(n.d,i)+"}")}return s},try:function(t,s){if(x("try",!1,t.f,!0),!t.b||1!==t.b.length||"catch"!==t.b[0].n)throw i("native helper 'try' only accepts 1 block, 'catch'");var e="try{"+b(t.d,s)+"}",n=t.b[0];return e+"catch"+(n.res?"("+n.res+")":"")+"{"+b(n.d,s)+"}"},block:function(t,i){return x("block",t.b,t.f,!0),"if(!"+i.varName+"["+t.p+"]){tR+=("+g(t.d,"",i)+")()}else{tR+="+i.varName+"["+t.p+"]}"}}),z=new w({e:function(t){var i=String(t);return/[&<>"']/.test(i)?i.replace(/[&<>"']/g,F):i}}),S={varName:"it",autoTrim:[!1,"nl"],autoEscape:!0,defaultFilter:!1,tags:["{{","}}"],l:function(t,s){if("H"===t){var e=this.storage.helpers.get(s);if(e)return e;throw i("Can't find helper '"+s+"'")}if("F"===t){var n=this.storage.filters.get(s);if(n)return n;throw i("Can't find filter '"+s+"'")}},async:!1,storage:{helpers:C,nativeHelpers:I,filters:z,templates:j},prefixes:{h:"@",b:"#",i:"",r:"*",c:"/",e:"!"},cache:!1,plugins:[],useWith:!1};function O(t,i){var s={};return a(s,S),i&&a(s,i),t&&a(s,t),s.l.bind(s),s}function R(t,s){var e=O(s||{}),r=Function;if(e.async){if(!n)throw i("This environment doesn't support async/await");r=n}try{return new r(e.varName,"c","cb",p(t,e))}catch(s){throw s instanceof SyntaxError?i("Bad template syntax\n\n"+s.message+"\n"+Array(s.message.length+1).join("=")+"\n"+p(t,e)):s}}function _(t,i){var s;return i.cache&&i.name&&i.storage.templates.get(i.name)?i.storage.templates.get(i.name):(s="function"==typeof t?t:R(t,i),i.cache&&i.name&&i.storage.templates.define(i.name,s),s)}S.l.bind(S),t.compile=R,t.compileScope=b,t.compileScopeIntoFunction=g,t.compileToString=p,t.defaultConfig=S,t.filters=z,t.getConfig=O,t.helpers=C,t.nativeHelpers=I,t.parse=d,t.render=function(t,s,n,r){var a=O(n||{});if(!a.async)return _(t,a)(s,a);if(!r){if("function"==typeof e)return new e((function(i,e){try{i(_(t,a)(s,a))}catch(t){e(t)}}));throw i("Please provide a callback function, this env doesn't support Promises")}try{_(t,a)(s,a,r)}catch(t){return r(t)}},t.templates=j,Object.defineProperty(t,"__esModule",{value:!0})}(i)}));const w=f(b),x=Object.freeze(Object.assign(Object.create(null),b,{default:w}));x.filters.define("date_long",((t,i={year:"numeric",month:"long",day:"numeric"})=>{if(t)return new Date(1e3*parseInt(t)).toLocaleDateString("en-GB",i)})),x.filters.define("date_short",((t,i="d/m/y")=>{if(!t)return;let s=new Date(1e3*parseInt(t));return(t=(t=i.replace(/(d)/,s.getDate().toString())).replace(/(m)/,(s.getMonth()+1).toString())).replace(/(y)/,s.getFullYear().toString())})),x.filters.define("public_name",(t=>{if(t)return(t=t.split("_").map((t=>t.length<3?t.toUpperCase():t)).join(" ")).charAt(0).toUpperCase()+t.slice(1)})),x.filters.define("trim_to",((t,i=100)=>{if(t)return t.length<=i?t:t.substr(0,i)+"..."})),x.filters.define("classname",(t=>{if(t)return t.replace(/[\W]+/g,"")})),x.filters.define("abs_url",((t,i=null,s)=>{if(!i)return t;if(!t)return;let e;if(i.domains&&s&&s.origin){let t=i.domains.find((t=>t.origin===s.origin));e=t?t.domain:""}else i.domain&&(e=i.domain);return e?t.match(/^http/)?t:location.protocol+"//"+e+t:t})),x.filters.define("replace",((t,i,s)=>t.replace(i,s))),x.filters.define("remove_spaces",(t=>t.replace(/ /g,"_"))),x.filters.define("add_spaces",(t=>t.replace(/[_\-]/g," "))),x.filters.define("capitalise",(t=>t.charAt(0).toUpperCase()+t.slice(1))),x.filters.define("lowercase",(t=>t.toLowerCase()));const k=x;class F{constructor(){this.queue=[],this.workingOnPromise=!1,this.stop=!1,this.limit=null}enqueue(t){return new Promise(((i,s)=>{this.queue.push({promise:t,resolve:i,reject:s}),this.dequeue()}))}dequeue(){if(this.workingOnPromise)return!1;if(this.stop)return this.queue=[],void(this.stop=!1);const t=this.queue.shift();if(!t)return!1;try{this.workingOnPromise=!0,t.promise().then((i=>{this.workingOnPromise=!1,t.resolve(i),this.dequeue()})).catch((i=>{this.workingOnPromise=!1,t.reject(i),this.dequeue()}))}catch(i){this.workingOnPromise=!1,t.reject(i),this.dequeue()}return!0}}F.pendingPromise=!1;const j=!!document.head.attachShadow;let C=class{constructor(t){s(this,t),this.nanoDidLoad=e(this,"nanoDidLoad",7),this.nanoResultsShown=e(this,"nanoResultsShown",3),this.nanoBeforeQuery=e(this,"nanoBeforeQuery",7),this.nanoAfterQuery=e(this,"nanoAfterQuery",7),this.staticFacetFilters={},this.dynFacetFilters={},this.hasLoadSlot=!1,this.placedAlgoliaEles=[],this.promiseQueue=new F,this._dynFacetFilters={},this.indeces=[],this.filterChanged="",this.changeEvent=o.Init,this.isLoading=!1,this.wormholeState=this,this.showResults=!1,this.resultsPage=0,this.searchIndex={},this.searchIndexName="",this.listenTo=null,this.query="",this.operator="and",this.filters=[],this.tplEngine=k,this.tplRenderFn=k.render,this.replicaIndex="",this.browseIndex=!1,this.minChars=2,this.storeMethod="session",this.searchChange=async()=>{if(this.algoliaIndex){if(!this.query||this.query.length<this.minChars){if(!this.browseIndex)return this.query&&0!==this.query.length?void 0:void this.handleSearchReset();if("*"!==this.query)return void(this.query="*")}this.isLoading=!0,setTimeout((async()=>{this.resetPage(),await this.algoliaSearch(o.Init),await this.updateContent(),setTimeout((()=>this.isLoading=!1),800),this.showResults=!0,this.nanoResultsShown.emit(this.indexResults)}),200)}},this.makeAppliedFilters=()=>{let t=[];const i=i=>{Object.values(i).forEach((i=>{if(i.value&&i.value.length){let s=t.find((t=>t.name===i.facetName));s?s.values=[...s.values,...i.value]:t.push({name:i.facetName,values:[...i.value]})}}))};return i(this.dynFacetFilters),i(this.staticFacetFilters),t.length?t:null},this.algoliaSearch=async t=>this.promiseQueue.enqueue((()=>this.queueSearch(t))),this.queueSearch=async t=>{if(!(this.algoliaIndex&&this.query&&this.searchIndex&&this.searchIndex.index))return;this.nanoBeforeQuery.emit(this.indexResults),o.Init===t&&this.clearAllFacetFilters();let i={filters:this.algoliaFilterStr(),page:this.indexResults?this.indexResults.currentPage:0};this.searchIndex.filters&&(i.facets=this.searchIndex.filters),this.searchIndex.hitsPerPage&&(i.hitsPerPage=this.searchIndex.hitsPerPage);let s=await this.algoliaIndex.search(this.query,i);return s=this.fixDomain(s),this.changeEvent=t,t!==o.Init&&this.indexResults||(this.indexResults={currentPage:0,totalHits:s.nbHits,hitsPerPage:null,origFilters:s.facets,query:this.query,domain:this.searchIndex.domain||null,legacy:!j,totalHitsWithFilters:0,results:[],totalPages:0,appliedFilters:this.makeAppliedFilters(),indexName:this.searchIndex.name||null,index:this.searchIndex.index}),this.indexResults.dynFilters=s.facets,this.indexResults.results=s.hits,this.indexResults.totalHitsWithFilters=s.nbHits,this.indexResults.currentPage=s.page,this.indexResults.totalPages=s.nbPages,this.indexResults.hitsPerPage=s.hitsPerPage,this.indexResults.query=s.query,this.changeEvent!==o.Page&&this.changeEvent!==o.Replica&&(this.facets=s.facets),this.nanoAfterQuery.emit(this.indexResults),new Promise((t=>{setTimeout((()=>t("tpl updated")),20)})).then((()=>{this.currentHits=this.indexResults.results,this.resultsPage=this.indexResults.currentPage}))},this.handleInputChange=t=>{t.target===this.inputField&&(this.query=this.inputField.value)},this.handleSearchReset=()=>{this.showResults=!1,this.indexResults=null},this.onResultDisplay=()=>{n((()=>{this.resultsDiv.removeEventListener("transitionend",this.onResultDisplay),this.showResults?(this.defaultDiv.style.display="none",this.resultsDiv.classList.add("shown"),this.resultsDiv.style.minHeight="",this.resultsDiv.style.width=""):this.resultsDiv.style.display="none"}))}}async removeFilters(t,i){t||i?Object.keys(this._dynFacetFilters).forEach((s=>{t&&this._dynFacetFilters[s].facetName===t&&(this._dynFacetFilters[s].element.value=i?this._dynFacetFilters[s].value.filter((t=>t!==i)):"")})):this.clearAllFacetFilters()}onAllTplUpdate(t){t.stopPropagation()}async onPageChange(t){if(!this.indexResults)return;let i=this.resultsPage;t&&(t.stopPropagation(),i=t.detail.page),i=Math.min(this.indexResults.totalPages-1,i),i=Math.max(i,0),this.indexResults.currentPage!==i&&(this.indexResults.currentPage=i,await this.algoliaSearch(o.Page))}async onFilterChange(t){t.stopPropagation();let i={},s=t.detail;s.element=t.target,this.indexResults?(this.staticFacetFilters[s.filterId]?this.staticFacetFilters[s.filterId]=s:(i[s.filterId]=s,this._dynFacetFilters=Object.assign(Object.assign({},this._dynFacetFilters),i)),this.indexResults.appliedFilters=this.makeAppliedFilters()):this.staticFacetFilters[s.filterId]=s,this.filterChanged=s.value&&s.value.length?s.filterId:"all",this.resetPage(),this.algoliaSearch(o.Filter)}dynFacetFiltersChange(){Object.values(this._dynFacetFilters).forEach((t=>{this.host.ownerDocument===t.element.ownerDocument?this.dynFacetFilters[t.filterId]=t:delete this.dynFacetFilters[t.filterId]}))}browseIndexChange(){this.browseIndex&&(!this.query||this.query.length<this.minChars)&&(this.query="*")}inputFieldSet(){this.inputField&&"*"!==this.query&&this.inputField&&this.inputField.value!==this.query&&(this.inputField.value=this.query)}queryChange(){this.searchChange()}async internalIndexSwitch(){this.replicaIndex&&this.indexResults&&this.indexResults.index!==this.replicaIndex&&(this.indexResults.index=this.replicaIndex,this.algoliaIndex=this.algoliaClient.initIndex(this.indexResults.index),this.resetPage(),this.algoliaSearch(o.Replica))}pageChange(){this.onPageChange()}searchIndexNameChange(){!this.searchIndexName||!this.searchIndexName.length||this.searchIndex&&this.searchIndex.index===this.searchIndexName||(this.searchIndex={index:this.searchIndexName})}initAlgoliaClient(){this.appId&&this.apiKey&&(this.algoliaClient=u(this.appId,this.apiKey))}initAlgoliaIndex(){this.algoliaClient&&this.searchIndex&&this.searchIndex.index&&(this.replicaIndex&&(this.searchIndex.index=this.replicaIndex),this.searchIndexName=this.searchIndex.index,this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index),this.searchChange())}newListenTo(){this.listenTo?setTimeout((()=>{this.inputField=document.querySelector(this.listenTo),this.inputField&&this.attachInputListener(!0)}),50):this.attachInputListener(!1)}showResultsChange(){this.resultsDiv&&this.defaultDiv&&(this.showResults?(this.resultsDiv.style.width=this.host.scrollWidth+"px",this.resultsDiv.style.minHeight=this.host.scrollHeight+"px",n((()=>{this.resultsDiv.addEventListener("transitionend",this.onResultDisplay),this.resultsDiv.style.display="block",setTimeout((()=>this.resultsDiv.classList.add("show")),50)}))):n((()=>{this.resultsDiv.classList.remove("shown"),this.defaultDiv.style.display="block",setTimeout((()=>{this.resultsDiv.addEventListener("transitionend",this.onResultDisplay),this.resultsDiv.classList.remove("show"),this.slottedInput?this.slottedInput.focus({preventScroll:!0}):this.defaultDiv.focus({preventScroll:!0})}),50)})))}fixDomain(t){return this.searchIndex&&this.searchIndex.domain?(t.hits.map((t=>{t.url&&!t.url.match(/^http/)&&(t.url=location.protocol+"//"+this.searchIndex.domain+t.url)})),t):t}resetPage(){this.indexResults&&(this.indexResults.currentPage=0)}clearAllFacetFilters(){Object.values(this._dynFacetFilters).forEach((t=>{t.element.value=""})),this._dynFacetFilters={}}algoliaFilterStr(){let t={};const i=i=>{let s,e;Object.keys(i).forEach((n=>{s=i[n],t[n]=t[n]||{name:s.facetName,or:[],and:[],not:[]},e=t[n][s.operator],s.value&&s.value.length&&(t[n][s.operator]=[...e,...s.value])}))};i(this.dynFacetFilters),i(this.staticFacetFilters);const s=(t,i)=>i.indexOf(" ")>-1?t+':"'+i+'"':t+":"+i;let e,n,r=[];return Object.values(t).forEach((function(t){Object.keys(t).filter((t=>t.match(/(or|and|not)/))).forEach((i=>{e=t,n=t.name,"or"===i||"and"===i?e[i].length&&r.push("(                 "+e[i].map((t=>{if(t.length)return s(n,t)})).join(" "+i.toLocaleUpperCase()+" ")+"               )"):e.not.length&&r.push("(                 "+e[i].map((t=>{if(t.length)return"NOT "+s(n,t)})).join(" AND ")+"               )")}))})),r=[...this.filters,...r],r.join(" "+this.operator.toLocaleUpperCase()+" ")}attachInputListener(t=!0){if(!this.inputField)return;let i="nano-input"===this.inputField.tagName.toLocaleLowerCase()?"nanoChange":"change";t?this.inputField.addEventListener(i,this.handleInputChange):this.inputField.removeEventListener(i,this.handleInputChange)}async updateContent(){return this.promiseQueue.enqueue((()=>this.updateContentQueue()))}async updateContentQueue(){let t=this.outputSlot||this.resultsDiv;if(!t||!this.tpl)return"no tpl";let i=document.createElement("div");i.innerHTML=this.tpl;let s=[];return this.placedAlgoliaEles=[],Array.from(i.querySelectorAll("nano-algolia, nano-algolia-filter, nano-algolia-results")).forEach(((t,i)=>{let e=document.createElement("div");e.dataset.placeholderId=i.toString(),e.classList.add("nano-ele-placeholder"),s.push(t),t.parentNode.replaceChild(e,t)})),t.innerHTML=this.tplRenderFn(i.innerHTML.replace(/&gt;/gm,">").replace(/&lt;/gm,"<").replace(/&amp;/gm,"&"),this.indexResults),Array.from(t.querySelectorAll("div.nano-ele-placeholder")).forEach((t=>{t.parentNode.replaceChild(s[parseInt(t.dataset.placeholderId)],t),this.placedAlgoliaEles.push(s[parseInt(t.dataset.placeholderId)])})),this.placedAlgoliaEles.length?new Promise((i=>{const s=e=>{this.placedAlgoliaEles=this.placedAlgoliaEles.filter((t=>t!==e.detail)),this.placedAlgoliaEles.length||(setTimeout((()=>i("tpl updated")),500),t.removeEventListener("nanoTplUpdated",s))};t.addEventListener("nanoTplUpdated",s)})):Promise.resolve("algolia setup")}componentWillLoad(){r((()=>{this.tplSlot=l(this.host,'[slot="template"]')[0],this.outputSlot=l(this.host,'[slot="output"]')[0],this.slottedInput=l(this.host,'[slot="search-input"]')[0],this.hasLoadSlot=!!l(this.host,'[slot="loader"]')[0],this.tplSlot&&(this.tpl=this.tplSlot.innerHTML),this.slottedInput&&("nano-input"===this.slottedInput.tagName.toLocaleLowerCase()||this.slottedInput instanceof HTMLInputElement)?this.inputField=this.slottedInput:this.slottedInput&&(this.inputField=this.slottedInput.querySelector('nano-input, input:not([type="radio"]):not([type="checkbox"])')),!this.inputField&&this.listenTo&&(this.inputField=document.querySelector(this.listenTo)),this.inputField&&this.attachInputListener(!0),n((()=>{this.showResults&&this.tpl&&this.searchChange()}))})),this.searchIndexNameChange(),this.initAlgoliaClient(),this.initAlgoliaIndex(),function(i,s){var e=t(i),n=new Map,r={wormholes:n,state:s};m.set(i,r);var a=i.connectedCallback;i.connectedCallback=function(){m.set(i,r),a&&a.call(i)};var h=i.disconnectedCallback;i.disconnectedCallback=function(){m.delete(i),h&&h.call(i)},e.addEventListener("openWormhole",(function(t){t.stopPropagation();var i=t.detail,s=i.consumer,e=i.onOpen;if(!n.has(s)){if("symbol"!=typeof s){var a=s.connectedCallback,h=s.disconnectedCallback;s.connectedCallback=function(){n.set(s,t.detail),a&&a.call(s)},s.disconnectedCallback=function(){n.delete(s),h&&h.call(s)}}n.set(s,t.detail),y(t.detail,r.state),null==e||e.resolve((function(){n.delete(s)}))}})),e.addEventListener("closeWormhole",(function(t){n.delete(t.detail)}))}(this,this.wormholeState),this.storeId&&(v.init(this,["query","replicaIndex"],this.storeMethod,this.storeId),v.init(this,["apiKey","appId","searchIndex"],"session",this.storeId+"_api")),this.internalIndexSwitch()}connectedCallback(){this.searchChange=c(this.searchChange,300),this.browseIndexChange(),this.host.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.host}))}render(){const 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 a(h,{class:{"show-results":this.showResults,"is-loading":this.isLoading},"aria-busy":this.isLoading},this.hasLoadSlot&&a("div",{hidden:!this.isLoading},a("slot",{name:"loader"})),!this.hasLoadSlot&&a("div",{class:{loader:!0,loading:this.isLoading}},a("nano-spinner",{overlay:!0,type:"circle"})),a(g,{state:t},a("slot",{name:"search-input"}),a("div",{class:"results-container","aria-live":"polite"},a("div",{ref:t=>this.resultsDiv=t,class:"results"},a("slot",{name:"output"})))),a("div",{ref:t=>this.defaultDiv=t,class:"default",tabindex:"-1"},a("slot",null)))}get host(){return t(this)}static get watchers(){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"]}}};C.style=":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}";export{C as nano_algolia}
+//# sourceMappingURL=p-574f1393.entry.js.map