@nanoporetech-digital/components 1.13.17 → 1.13.21

package/dist/nano-components/p-1ed74370.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,e as h,g as e}from"./p-f55560d3.js";import{a}from"./p-23da4de5.js";import{W as n}from"./p-1f7502fa.js";import{C as l}from"./p-e1fd68eb.js";import"./p-dfe5a97d.js";import"./p-0e826935.js";let o=class{constructor(s){t(this,s),this.nanoSearchResult=i(this,"nanoSearchResult",7),this.nanoSearch=i(this,"nanoSearch",7),this.nanoSearchReset=i(this,"nanoSearchReset",7),this.searchStr="",this.algoliaIndex=null,this.appId="",this.apiKey="",this.searchIndex=null,this.minChars=2,this.autoEmit=!0,this.browseIndex=!1,this.storeMethod="session",this.handleFocus=()=>{this.inputField&&this.inputField.setFocus()}}async search(){this.emitResults()}searchIndexNameChange(){this.searchIndexName&&this.searchIndexName.length&&(this.searchIndex={index:this.searchIndexName})}algoliaChange(){this.internalIndex=this.algoliaIndex}browseIndexChange(){this.browseIndex&&(this.searchStr="*",this.searchSubmit())}initAlgoliaClient(){!this.isNested&&this.appId&&this.apiKey&&(this.algoliaClient=a(this.appId,this.apiKey),this.searchIndex&&(this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index)))}async searchSubmit(t){if(!this.internalIndex)return void console.error("No algolia index set");if(t){if("nano-input"!==t.target.tagName.toLowerCase())return;this.searchStr=t.detail.value}else{if(this.inputField=this.inputField||this.host.querySelector("nano-input"),!this.inputField)return;this.searchStr=this.inputField.value}if(this.searchStr.length<this.minChars)if(this.browseIndex)this.searchStr="*";else{if(0===this.searchStr.length)return void this.nanoSearchResult.emit({results:[],client:{apiKey:this.appId,appId:this.appId}});if(this.searchStr.length<this.minChars)return}let i={};this.searchIndex.filters&&(i={facets:this.searchIndex.filters});let s=this.fixDomain(await this.internalIndex.search(this.searchStr,i));s.indexName=this.searchIndex.name,s.selected=!0,s.domain=this.searchIndex.domain||null,s.index=this.searchIndex.index,this.currentResults=s,this.nanoSearch.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}}),this.autoEmit&&this.emitResults()}emitResults(){this.nanoSearchResult.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}})}fixDomain(t){return this.searchIndex.domain?(t.hits.map((t=>{t.url&&!t.url.match(/^http/)&&(t.url=location.protocol+"//"+this.searchIndex.domain+t.url)})),t):t}connectedCallback(){this.isNested="nano-algolia"===this.host.parentElement.tagName.toLowerCase()&&this.host.hasAttribute("slot")&&"search-input"===this.host.getAttribute("slot"),this.isNested||this.host.addEventListener("openWormhole",(t=>{t.detail.onOpen.resolve(),this.searchIndexNameChange(),this.initAlgoliaClient()}))}componentWillLoad(){this.inputField=this.host.querySelector("nano-input"),this.storeId&&l.init(this,["searchStr"],this.storeMethod,this.storeId)}render(){return s(h,{onFocus:this.handleFocus,tabindex:"-1"},s("slot",null))}get host(){return e(this)}static get watchers(){return{searchIndexName:["searchIndexNameChange"],algoliaIndex:["algoliaChange"],browseIndex:["browseIndexChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaClient"]}}};n(o,["algoliaIndex","searchIndex","browseIndex"]);export{o as nano_algolia_input}
+//# sourceMappingURL=p-1ed74370.entry.js.map

package/dist/nano-components/p-1ed74370.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/algolia/algolia-input.tsx"],"names":["AlgoliaInput","[object Object]","hostRef","this","searchStr","algoliaIndex","appId","apiKey","searchIndex","minChars","autoEmit","browseIndex","storeMethod","handleFocus","inputField","setFocus","emitResults","searchIndexName","length","index","internalIndex","searchSubmit","isNested","algoliaClient","algoliasearch","initIndex","ev","console","error","target","tagName","toLowerCase","detail","value","host","querySelector","nanoSearchResult","emit","results","client","options","filters","facets","fixDomain","search","indexName","name","selected","domain","currentResults","nanoSearch","hits","map","hit","url","match","location","protocol","parentElement","hasAttribute","getAttribute","addEventListener","onOpen","resolve","searchIndexNameChange","initAlgoliaClient","storeId","ComponentStore","init","h","Host","onFocus","tabindex","Wormhole"],"mappings":"2NAyCaA,EAAY,MAJzBC,YAAAC,wJAYWC,KAAAC,UAAoB,GACpBD,KAAAE,aAA6B,KAO9BF,KAAAG,MAAgB,GAMhBH,KAAAI,OAAiB,GAcAJ,KAAAK,YAA2B,KAY5CL,KAAAM,SAAmB,EAOnBN,KAAAO,UAAoB,EAMpBP,KAAAQ,aAAuB,EAYvBR,KAAAS,YAA8B,UA6H9BT,KAAAU,YAAc,KAChBV,KAAKW,YAAYX,KAAKW,WAAWC,YAvHvCd,eACEE,KAAKa,cAoBPf,wBACOE,KAAKc,iBAAoBd,KAAKc,gBAAgBC,SACnDf,KAAKK,YAAc,CAAEW,MAAOhB,KAAKc,kBAInChB,gBACEE,KAAKiB,cAAgBjB,KAAKE,aAI5BJ,oBACME,KAAKQ,cACPR,KAAKC,UAAY,IACjBD,KAAKkB,gBAOTpB,qBACME,KAAKmB,UAAanB,KAAKG,OAAUH,KAAKI,SAC1CJ,KAAKoB,cAAgBC,EAAcrB,KAAKG,MAAOH,KAAKI,QAChDJ,KAAKK,cACPL,KAAKE,aAAeF,KAAKoB,cAAcE,UAAUtB,KAAKK,YAAYW,SAItElB,mBAAmByB,GACjB,IAAKvB,KAAKiB,cAER,YADAO,QAAQC,MAAM,wBAIhB,GAAIF,EAAI,CACN,GAAyD,eAApDA,EAAGG,OAAuBC,QAAQC,cACrC,OACF5B,KAAKC,UAAYsB,EAAGM,OAAOC,UACtB,CAGL,GAFA9B,KAAKW,WACHX,KAAKW,YAAcX,KAAK+B,KAAKC,cAAc,eACxChC,KAAKW,WAAY,OACtBX,KAAKC,UAAYD,KAAKW,WAAWmB,MAGnC,GAAI9B,KAAKC,UAAUc,OAASf,KAAKM,SAC/B,GAAIN,KAAKQ,YAAaR,KAAKC,UAAY,QAClC,CACH,GAA8B,IAA1BD,KAAKC,UAAUc,OAKjB,YAJAf,KAAKiC,iBAAiBC,KAAK,CACzBC,QAAS,GACTC,OAAQ,CAAEhC,OAAQJ,KAAKG,MAAOA,MAAOH,KAAKG,SAI9C,GAAIH,KAAKC,UAAUc,OAASf,KAAKM,SAAU,OAI/C,IAAI+B,EAAU,GACVrC,KAAKK,YAAYiC,UACnBD,EAAU,CAAEE,OAAQvC,KAAKK,YAAYiC,UAEvC,IAAIH,EAAUnC,KAAKwC,gBACXxC,KAAKiB,cAAcwB,OAAOzC,KAAKC,UAAWoC,IAElDF,EAAQO,UAAY1C,KAAKK,YAAYsC,KACrCR,EAAQS,UAAW,EACnBT,EAAQU,OAAS7C,KAAKK,YAAYwC,QAAU,KAC5CV,EAAQnB,MAAQhB,KAAKK,YAAYW,MAEjChB,KAAK8C,eAAiBX,EACtBnC,KAAK+C,WAAWb,KAAK,CACnBC,QAAS,CAACnC,KAAK8C,gBACfV,OAAQ,CAAEhC,OAAQJ,KAAKG,MAAOA,MAAOH,KAAKG,SAGxCH,KAAKO,UAAUP,KAAKa,cAGlBf,cACNE,KAAKiC,iBAAiBC,KAAK,CACzBC,QAAS,CAACnC,KAAK8C,gBACfV,OAAQ,CAAEhC,OAAQJ,KAAKG,MAAOA,MAAOH,KAAKG,SAItCL,UAAUqC,GAChB,OAAKnC,KAAKK,YAAYwC,QACtBV,EAAQa,KAAKC,KAAKC,IACZA,EAAIC,MAAQD,EAAIC,IAAIC,MAAM,WAC5BF,EAAIC,IAAME,SAASC,SAAW,KAAOtD,KAAKK,YAAYwC,OAASK,EAAIC,QAEhEhB,GAL8BA,EAYvCrC,oBACEE,KAAKmB,SAC+C,iBAAlDnB,KAAK+B,KAAKwB,cAAc5B,QAAQC,eAChC5B,KAAK+B,KAAKyB,aAAa,SACY,iBAAnCxD,KAAK+B,KAAK0B,aAAa,QAEpBzD,KAAKmB,UACRnB,KAAK+B,KAAK2B,iBACR,gBACCnC,IACCA,EAAGM,OAAO8B,OAAOC,UACjB5D,KAAK6D,wBACL7D,KAAK8D,uBAMbhE,oBACEE,KAAKW,WAAaX,KAAK+B,KAAKC,cAAc,cACtChC,KAAK+D,SACPC,EAAeC,KAAKjE,KAAM,CAAC,aAAcA,KAAKS,YAAaT,KAAK+D,SAGpEjE,SACE,OACEoE,EAACC,EAAI,CAACC,QAASpE,KAAKU,YAAa2D,SAAS,MACxCH,EAAA,OAAA,uQAMRI,EAASzE,EAAc,CAAC,eAAgB,cAAe","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  State,\n  EventEmitter,\n  Event,\n  Listen,\n  Method,\n  Watch,\n  ComponentInterface,\n} from '@stencil/core';\n\nimport algoliasearch, {\n  SearchClient as AlgoliaClient,\n  SearchIndex as AlgoliaIndex,\n} from 'algoliasearch';\nimport {\n  InputChangeEventDetail,\n  AloliaSearchResultDetail,\n  SearchIndex,\n  AlgoliaMultiResult,\n} from '../../interface';\nimport { Wormhole } from '../algolia/algolia-data';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * @deprecated\n * Component for querying Algolia Indeces.\n * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)\n * Must include one 'nano-input' component\n */\n@Component({\n  tag: 'nano-algolia-input',\n  shadow: true,\n})\nexport class AlgoliaInput implements ComponentInterface {\n  private internalIndex: AlgoliaIndex;\n  private algoliaClient: AlgoliaClient;\n  private isNested: boolean;\n  private inputField: HTMLNanoInputElement;\n\n  @Element() host: HTMLNanoAlgoliaInputElement;\n\n  @State() searchStr: string = '';\n  @State() algoliaIndex: AlgoliaIndex = null;\n  @State() currentResults: AlgoliaMultiResult;\n\n  /**\n   * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() appId: string = '';\n\n  /**\n   * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() apiKey: string = '';\n\n  /**\n   * Algolia search index. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically if you're using a 'resultsEmitter' element.\n   * ```\n   * { index: string, // algolia index name\n   *   domain?: string, // used in template filers to resolve incomplete url fields\n   *   filters?: [string], // algolia facets to retrive\n   *   hitsPerPage?: number,\n   *   name?: string // human readable index name\n   * }\n   * ```\n   */\n  @Prop({ mutable: true }) searchIndex: SearchIndex = null;\n\n  /**\n   * Algolia search index name. Alternative to 'searchIndex'.\n   * A simplified shortcut for setting an index.\n   * properties such as hitsPerPage and facets will come from the algolia index\n   */\n  @Prop() searchIndexName: string;\n\n  /**\n   * Minimum number of characters before performing a search\n   */\n  @Prop() minChars: number = 2;\n\n  /**\n   * Automatically emit results data to algolia components.\n   * For example, if you wanted to provide an 'autocomplete' style dropdown\n   * before showing the main results with a submit button\n   */\n  @Prop() autoEmit: boolean = true;\n\n  /**\n   * Will maintain a search all / '*' on init and reset allowing for a view\n   * then filter experience rather than a search first experience\n   */\n  @Prop() browseIndex: boolean = false;\n\n  /**\n   * Store search queries (against this ID) to the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  /**\n   * Manually emit search results to algolia components.\n   * Useful if you don't wish to search on input change / want to provide 'autocomplete' options\n   * or / and want to use a submit button */\n  @Method()\n  async search() {\n    this.emitResults();\n  }\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   * @internal\n   */\n  @Event() nanoSearchResult!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   */\n  @Event() nanoSearch!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search field is cleared.\n   */\n  @Event() nanoSearchReset!: EventEmitter<AloliaSearchResultDetail>;\n\n  @Watch('searchIndexName')\n  searchIndexNameChange() {\n    if (!this.searchIndexName || !this.searchIndexName.length) return;\n    this.searchIndex = { index: this.searchIndexName };\n  }\n\n  @Watch('algoliaIndex')\n  algoliaChange() {\n    this.internalIndex = this.algoliaIndex;\n  }\n\n  @Watch('browseIndex')\n  browseIndexChange() {\n    if (this.browseIndex) {\n      this.searchStr = '*';\n      this.searchSubmit();\n    }\n  }\n\n  @Watch('apiKey')\n  @Watch('appId')\n  @Watch('searchIndex')\n  initAlgoliaClient() {\n    if (this.isNested || !this.appId || !this.apiKey) return;\n    this.algoliaClient = algoliasearch(this.appId, this.apiKey);\n    if (this.searchIndex)\n      this.algoliaIndex = this.algoliaClient.initIndex(this.searchIndex.index);\n  }\n\n  @Listen('nanoChange')\n  async searchSubmit(ev?: CustomEvent<InputChangeEventDetail>) {\n    if (!this.internalIndex) {\n      console.error('No algolia index set');\n      return;\n    }\n\n    if (ev) {\n      if ((ev.target as HTMLElement).tagName.toLowerCase() !== 'nano-input')\n        return;\n      this.searchStr = ev.detail.value;\n    } else {\n      this.inputField =\n        this.inputField || this.host.querySelector('nano-input');\n      if (!this.inputField) return;\n      this.searchStr = this.inputField.value;\n    }\n\n    if (this.searchStr.length < this.minChars) {\n      if (this.browseIndex) this.searchStr = '*';\n      else {\n        if (this.searchStr.length === 0) {\n          this.nanoSearchResult.emit({\n            results: [],\n            client: { apiKey: this.appId, appId: this.appId },\n          });\n          return;\n        }\n        if (this.searchStr.length < this.minChars) return;\n      }\n    }\n\n    let options = {};\n    if (this.searchIndex.filters)\n      options = { facets: this.searchIndex.filters };\n\n    let results = this.fixDomain(\n      await this.internalIndex.search(this.searchStr, options)\n    );\n    results.indexName = this.searchIndex.name;\n    results.selected = true;\n    results.domain = this.searchIndex.domain || null;\n    results.index = this.searchIndex.index;\n\n    this.currentResults = results;\n    this.nanoSearch.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n\n    if (this.autoEmit) this.emitResults();\n  }\n\n  private emitResults() {\n    this.nanoSearchResult.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n  }\n\n  private fixDomain(results: AlgoliaMultiResult) {\n    if (!this.searchIndex.domain) return results;\n    results.hits.map((hit) => {\n      if (hit.url && !hit.url.match(/^http/))\n        hit.url = location.protocol + '//' + this.searchIndex.domain + hit.url;\n    });\n    return results;\n  }\n\n  private handleFocus = () => {\n    if (this.inputField) this.inputField.setFocus();\n  };\n\n  connectedCallback() {\n    this.isNested =\n      this.host.parentElement.tagName.toLowerCase() === 'nano-algolia' &&\n      this.host.hasAttribute('slot') &&\n      this.host.getAttribute('slot') === 'search-input';\n\n    if (!this.isNested) {\n      this.host.addEventListener(\n        'openWormhole',\n        (ev: CustomEvent<{ onOpen: any }>) => {\n          ev.detail.onOpen.resolve();\n          this.searchIndexNameChange();\n          this.initAlgoliaClient();\n        }\n      );\n    }\n  }\n\n  componentWillLoad() {\n    this.inputField = this.host.querySelector('nano-input');\n    if (this.storeId)\n      ComponentStore.init(this, ['searchStr'], this.storeMethod, this.storeId);\n  }\n\n  render() {\n    return (\n      <Host onFocus={this.handleFocus} tabindex=\"-1\">\n        <slot />\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaInput, ['algoliaIndex', 'searchIndex', 'browseIndex']);\n"]}

package/dist/nano-components/p-1f7502fa.js

@@ -0,0 +1,2 @@
+import{g as n}from"./p-f55560d3.js";var e;!function(n){n.Filter="filter",n.Page="page",n.Replica="replica",n.Init="init"}(e||(e={}));const o=(e,o)=>function(e,o){var t=e.prototype,i=t.componentWillLoad;t.componentWillLoad=function(){var e,t=this,r=n(this),s={promise:new Promise((function(n){e=n})),resolve:e},u=new CustomEvent("openWormhole",{bubbles:!0,composed:!0,detail:{consumer:this,fields:o,updater:function(n,e){t[n]=e},onOpen:s}});return r.dispatchEvent(u),s.promise.then((function(){if(i)return i.call(t)}))}}(e,o);export{e as S,o as W}
+//# sourceMappingURL=p-1f7502fa.js.map

package/dist/nano-components/p-1f7502fa.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/stencil-wormhole/dist/esm/deferred.js","src/components/algolia/algolia-data.tsx","node_modules/stencil-wormhole/dist/esm/consumer.js"],"names":["SearchChangeEvent","Wormhole","Component","props","ComponentPrototype","prototype","componentWillLoad","resolve","_this","this","el","getElement","onOpen","promise","Promise","res","event","CustomEvent","bubbles","composed","detail","consumer","fields","updater","prop","value","dispatchEvent","then","call","openWormhole"],"mappings":"oCAAO,ICKKA,GAAZ,SAAYA,GACVA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OAJF,CAAYA,IAAAA,EAAiB,WA0BhBC,EAAW,CACtBC,EACAC,IC/BwB,SAAUD,EAAWC,GAC3C,IAAIC,EAAqBF,EAAUG,UAC/BC,EAAoBF,EAAmBE,kBAC3CF,EAAmBE,kBAAoB,WACnC,IFLAC,EEKIC,EAAQC,KACRC,EAAKC,EAAWF,MAChBG,EFLD,CAAEC,QADK,IAAIC,SAAQ,SAAUC,GAAOR,EAAUQ,KAC1BR,QAASA,GEM5BS,EAAQ,IAAIC,YAAY,eAAgB,CACxCC,SAAS,EACTC,UAAU,EACVC,OAAQ,CACJC,SAAUZ,KACVa,OAAQnB,EACRoB,QAAS,SAAUC,EAAMC,GAASjB,EAAMgB,GAAQC,GAChDb,OAAQA,KAIhB,OADAF,EAAGgB,cAAcV,GACVJ,EAAOC,QAAQc,MAAK,WACvB,GAAIrB,EACA,OAAOA,EAAkBsB,KAAKpB,ODYzCqB,CAAa3B,EAAWC","sourcesContent":["export var createDeferredPromise = function () {\n    var resolve;\n    var promise = new Promise(function (res) { resolve = res; });\n    return { promise: promise, resolve: resolve };\n};\n","import { openWormhole, WormholeConsumerConstructor } from 'stencil-wormhole';\nimport { SearchIndex as AlgoliaIndex } from 'algoliasearch';\nimport { IndexResult, AlgoliaResultHit, SearchIndex } from '../../interface';\nimport { StorageMethods } from '../../utils/store/component-store';\n\nexport enum SearchChangeEvent {\n  Filter = 'filter',\n  Page = 'page',\n  Replica = 'replica',\n  Init = 'init',\n}\n\nexport interface WormholeState {\n  indexResults: IndexResult;\n  filterChanged?: string;\n  facets?: {\n    [prop: string]: {\n      [prop: string]: number;\n    };\n  };\n  results: AlgoliaResultHit[];\n  resultsPage: number;\n  tplRenderFn?: (...args: any[]) => string;\n  changeEvent: SearchChangeEvent;\n  algoliaIndex: AlgoliaIndex;\n  searchIndex: SearchIndex;\n  browseIndex: boolean;\n  globalStoreMethod: StorageMethods;\n  isLoading: boolean;\n}\n\nexport const Wormhole = (\n  Component: WormholeConsumerConstructor,\n  props: (keyof WormholeState)[]\n) => openWormhole(Component, props);\n\nexport * from 'stencil-wormhole';\n","import { getElement } from \"@stencil/core\";\nimport { createDeferredPromise } from \"./deferred\";\nexport var openWormhole = function (Component, props) {\n    var ComponentPrototype = Component.prototype;\n    var componentWillLoad = ComponentPrototype.componentWillLoad;\n    ComponentPrototype.componentWillLoad = function () {\n        var _this = this;\n        var el = getElement(this);\n        var onOpen = createDeferredPromise();\n        var event = new CustomEvent('openWormhole', {\n            bubbles: true,\n            composed: true,\n            detail: {\n                consumer: this,\n                fields: props,\n                updater: function (prop, value) { _this[prop] = value; },\n                onOpen: onOpen,\n            },\n        });\n        el.dispatchEvent(event);\n        return onOpen.promise.then(function () {\n            if (componentWillLoad) {\n                return componentWillLoad.call(_this);\n            }\n        });\n    };\n};\n"]}

package/dist/nano-components/p-1fd60eec.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-2d59dda3.system.js","./p-5198e4c6.system.js"],(function(e,a){"use strict";var o,t,n,s,r,i,l;return{setters:[function(e){o=e.p;t=e.w;n=e.d;s=e.N;r=e.a;i=e.H;l=e.b},function(){}],execute:function(){var e=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var c=function(){{o.$cssShim$=t.__cssshim}{p(i.prototype)}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/"+s+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===s}));var l={};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{l.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,t.location.href)).href;{d(l.resourcesUrl,e)}if(!t.customElements){return a.import("./p-47d2a49e.system.js").then((function(){return l}))}}return r(l)};var d=function(a,o){var r=e(s);try{t[r]=new Function("w","return import(w);//"+Math.random())}catch(l){var i=new Map;t[r]=function(e){var s=new URL(e,a).href;var l=i.get(s);if(!l){var c=n.createElement("script");c.type="module";c.crossOrigin=o.crossOrigin;c.src=URL.createObjectURL(new Blob(["import * as m from '"+s+"'; window."+r+".m = m;"],{type:"application/javascript"}));l=new Promise((function(e){c.onload=function(){e(t[r].m);c.remove()}}));i.set(s,l);n.head.appendChild(c)}return l}}};var p=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var o=a.call(this,false);var t=this.childNodes;if(e){for(var n=0;n<t.length;n++){if(t[n].nodeType!==2){o.appendChild(t[n].cloneNode(true))}}}return o}};c().then((function(e){return l(JSON.parse('[["p-4042379b.system",[[1,"nano-global-nav",{"env":[1],"ssoRedirect":[1,"sso-redirect"],"getMyAccountData":[4,"get-my-account-data"],"activeMyAccountSections":[16],"showSearch":[4,"show-search"],"showLogo":[4,"show-logo"],"logoUrl":[1,"logo-url"],"searchIndeces":[16],"myAccountUser":[16],"searchAppId":[1025,"search-app-id"],"searchApiKey":[1025,"search-api-key"],"searchValue":[1025,"search-value"],"searchIndex":[1025,"search-index"],"cartCount":[1026,"cart-count"],"msgCount":[1026,"msg-count"],"cartUrl":[1025,"cart-url"],"msgUrl":[1025,"msg-url"],"hasLoggedinSlot":[32],"hasSiteSlot":[32],"hasPromotionSlot":[32],"aboutSlotLen":[32],"iconSlotLen":[32],"mainSlotLen":[32],"overflowSlotLen":[32],"searchSlotLen":[32],"internalSearchIndeces":[32],"thresholdReady":[32],"remoteDataReady":[32],"ready":[32],"isResizing":[32],"intersectRatio":[32],"threshold":[32],"modalOpen":[32],"modalIsOpen":[32],"searchBarShown":[32],"scrollingUp":[32],"searchLoading":[32],"showAutocomplete":[32],"secondaryMenuOpen":[32],"userMenuOpen":[32],"menuFullScreen":[32],"searchValInternal":[32],"submitSearch":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"]]]]],["p-21f484a3.system",[[1,"nano-hero",{"imgSrc":[1,"img-src"],"imgSrcSet":[1,"img-src-set"],"largeScreenBP":[2,"large-screen-b-p"],"theme":[1],"level":[1],"hasIconBox":[32],"hasScrim":[32],"hasSecondaryContent":[32],"hasQuote":[32],"hasBg":[32],"hasBackBtn":[32],"hasCtas":[32],"breadCrumbs":[32],"iconBoxItems":[32]}]]],["p-da9f75d2.system",[[6,"nano-date-input",{"helperText":[4,"helper-text"],"helperTextFormat":[16],"floatLabel":[4,"float-label"],"name":[1],"readonly":[4],"size":[2],"form":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"disabled":[4],"color":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"label":[1],"placeholder":[1025],"value":[1537],"validateOn":[1,"validate-on"],"showInlineError":[516,"show-inline-error"],"dateOrder":[1,"date-order"],"required":[4],"min":[1],"max":[1],"hideLabel":[4,"hide-label"],"picker":[4],"initialPickerDate":[1,"initial-picker-date"],"pickerOpen":[1540,"picker-open"],"closeAfterPicked":[4,"close-after-picked"],"pattern":[32],"inputValue":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["p-c4edcfc5.system",[[1,"nano-dialog",{"showRibbon":[4,"show-ribbon"],"open":[1540],"label":[1],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"noUserDismiss":[4,"no-user-dismiss"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"isVisible":[32],"noDismiss":[32],"hasFooter":[32],"show":[64],"hide":[64]}]]],["p-45e06083.system",[[6,"nano-file-upload",{"name":[1],"accept":[1],"capture":[1],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"label":[1],"placeholder":[1],"hideLabel":[4,"hide-label"],"required":[4],"disabled":[516],"clearInput":[4,"clear-input"],"showInlineError":[516,"show-inline-error"],"validateOn":[1025,"validate-on"],"invalid":[2564],"files":[2064],"value":[6145],"hasHelperSlot":[32],"hasLabelSlot":[32],"errorMessage":[32],"isDragging":[32],"fileList":[32],"hasFocus":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[8,"click","globalClickHandler"],[8,"keydown","globalKeydownHandler"]]]]],["p-a897cfae.system",[[1,"nano-alert",{"open":[1540],"closable":[516],"color":[513],"duration":[2],"isModal":[32],"isToast":[32],"isShowing":[32],"label":[32],"show":[64],"hide":[64],"toast":[64],"alert":[64]}]]],["p-8a41ccd9.system",[[1,"nano-global-search-results",{"algoliaEle":[32],"currentWidth":[32],"apiKey":[32],"appId":[32],"index":[32]}]]],["p-be430309.system",[[1,"nano-menu-drawer",{"open":[4],"saveState":[4,"save-state"],"hideWidth":[2,"hide-width"],"hideHeight":[4,"hide-height"],"reset":[32],"widthOk":[32],"heightOk":[32],"isLoading":[32],"hide":[32]},[[0,"nanoOpen","cancelNavItemEvents"],[0,"nanoClose","cancelNavItemEvents"]]]]],["p-4739c706.system",[[1,"nano-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"color":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"hasScrollControls":[32],"hideControlRight":[32],"hideControlLeft":[32],"isLegacy":[32],"tab":[32],"show":[64]}]]],["p-e1429ff0.system",[[1,"nano-accordion",{"color":[1],"itemOpened":[32]},[[0,"nanoOpened","onToggleHandler"],[0,"nanoClosed","onClosedHandler"]]]]],["p-6747f517.system",[[1,"nano-algolia-filter",{"filterName":[1,"filter-name"],"value":[1],"operator":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"changeEvent":[32],"internalValue":[32],"showFilter":[32],"indexResults":[32],"filterChanged":[32],"facets":[32],"tplRenderFn":[32],"globalStoreMethod":[32]}]]],["p-461c539f.system",[[1,"nano-algolia-input",{"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[1040],"searchIndexName":[1,"search-index-name"],"minChars":[2,"min-chars"],"autoEmit":[4,"auto-emit"],"browseIndex":[4,"browse-index"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"searchStr":[32],"algoliaIndex":[32],"currentResults":[32],"search":[64]},[[0,"nanoChange","searchSubmit"]]]]],["p-63cc5e0d.system",[[1,"nano-algolia-pagination",{"maxToShow":[2,"max-to-show"],"currentPage":[32],"canGoPrev":[32],"canGoNext":[32],"show":[32],"tplRenderFn":[32],"indexResults":[32],"infiniteScroll":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}]]],["p-8611e764.system",[[1,"nano-algolia-results",{"infiniteScroll":[4,"infinite-scroll"],"appendPages":[4,"append-pages"],"showResults":[32],"tplRenderFn":[32],"results":[32],"indexResults":[32],"resultsPage":[32],"changeEvent":[32],"facets":[32],"isLoading":[32]}]]],["p-76bf0452.system",[[1,"nano-aspect-ratio",{"aspectRatio":[1,"aspect-ratio"],"fit":[1]}]]],["p-e2848c8a.system",[[6,"nano-checkbox",{"hasFocus":[1540,"has-focus"],"checked":[1540],"disabled":[4],"value":[1],"name":[1],"required":[4],"type":[513],"label":[1],"indeterminate":[1540],"invalid":[1540],"color":[1],"inputType":[32],"getInputElement":[64],"reportError":[64],"setError":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-e8a97250.system",[[6,"nano-checkbox-group",{"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"min":[2],"max":[2],"disabled":[516],"legend":[1],"invalid":[1540],"checkboxes":[32],"nativeCbs":[32],"errorMessage":[32],"showErrorMsg":[32],"hasHelperSlot":[32],"reportValidity":[64]},[[0,"nanoChange","handleCbChange"]]]]],["p-79e11525.system",[[1,"nano-details",{"label":[1],"open":[1540],"noHandle":[4,"no-handle"],"iconRotation":[2,"icon-rotation"],"color":[1],"isLoading":[32]}]]],["p-7a0e9c6f.system",[[1,"nano-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"type":[1],"contentSelector":[1,"content-selector"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-35eb8352.system",[[6,"nano-menu",{"setFocus":[64],"removeFocus":[64]}]]],["p-507490fc.system",[[6,"nano-range",{"color":[1],"debounce":[2],"name":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"snaps":[4],"step":[2],"ticks":[4],"disabled":[4],"value":[1026],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]}]]],["p-60b2ba81.system",[[2,"nano-rating",{"value":[1538],"max":[2],"precision":[2],"readonly":[4],"disabled":[4],"name":[1],"symbolName":[1,"symbol-name"],"symbol":[16],"hoverValue":[32],"isHovering":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-a50ca06f.system",[[1,"nano-select-option",{"label":[1],"value":[1],"selected":[4],"disabled":[4]}]]],["p-fb8aa0a7.system",[[1,"nano-slide",{"ready":[1540]}]]],["p-6a9fe61f.system",[[1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipes":[64],"getflickity":[64],"reload":[64]}]]],["p-1bd92497.system",[[1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"setFocus":[64],"removeFocus":[64]}]]],["p-c8ff45ab.system",[[1,"nano-tab-content",{"name":[1],"active":[4]}]]],["p-f578998d.system",[[1,"nano-algolia",{"showResults":[1028,"show-results"],"resultsPage":[1026,"results-page"],"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[16],"searchIndexName":[1025,"search-index-name"],"listenTo":[1,"listen-to"],"query":[1025],"operator":[1],"filters":[16],"tplEngine":[16],"tplRenderFn":[16],"replicaIndex":[1,"replica-index"],"browseIndex":[4,"browse-index"],"minChars":[2,"min-chars"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"_dynFacetFilters":[32],"inputField":[32],"algoliaIndex":[32],"indeces":[32],"resultsEmitterEle":[32],"indexResults":[32],"filterChanged":[32],"currentHits":[32],"changeEvent":[32],"isLoading":[32],"wormholeState":[32],"removeFilters":[64]},[[0,"nanoTplUpdated","onAllTplUpdate"],[0,"nanoPageChanged","onPageChange"],[0,"nanoFilterChanged","onFilterChange"]]]]],["p-5f716719.system",[[1,"nano-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"trigger":[1],"show":[64],"hide":[64]}]]],["p-c8792b54.system",[[1,"nano-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"color":[1],"isDateDisabled":[16],"isModal":[4,"is-modal"],"firstFocusEle":[16],"activeFocus":[32],"focusedDay":[32],"setFocus":[64]}],[1,"nano-dropdown",{"autoOpen":[4,"auto-open"],"open":[1540],"placement":[1],"closeOnSelect":[4,"close-on-select"],"containingElement":[16],"distance":[2],"skidding":[2],"hoist":[4],"dialogTitle":[1,"dialog-title"],"show":[64],"hide":[64]},[[0,"nanoFocus","menuFocus"],[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[0,"nanoSelect","handlePanelSelect"]]]]],["p-fa926d02.system",[[6,"nano-select",{"invalid":[1540],"color":[1],"autofocus":[4],"disabled":[516],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"size":[2],"max":[2],"min":[2],"form":[1],"allowCustomValues":[4,"allow-custom-values"],"value":[1025],"options":[1040],"clearSelect":[4,"clear-select"],"mask":[4],"debounce":[2],"native":[4],"currInsertIndex":[32],"availOpts":[32],"showErrorMsg":[32],"errorMessage":[32],"hasFocus":[32],"listOpen":[32],"isLegacy":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"hasIconSlot":[32],"reportValidity":[64],"setFocus":[64],"getSelectElement":[64],"showError":[64]}],[1,"nano-nav-item",{"href":[1],"target":[1],"disabled":[4],"open":[1540],"selected":[516],"secondaryActiveWidth":[2,"secondary-active-width"],"secondaryFallback":[16],"closeOnBlur":[4,"close-on-blur"],"didOpen":[32],"isInGlobalNav":[32],"isInMenuDrawer":[32],"isInMenu":[32],"isLegacy":[32],"hasFocus":[32],"setFocus":[64]}]]],["p-8fe04c5c.system",[[6,"nano-input",{"invalid":[2564],"color":[1],"accept":[1],"autocapitalise":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[516],"inputmode":[1],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[1],"form":[1],"value":[1025],"resize":[1],"rows":[2],"showCharCount":[4,"show-char-count"],"hasFocus":[32],"isLegacy":[32],"hasLabelSlot":[32],"hasButtonSlot":[32],"hasHelperSlot":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["p-7367dfd5.system",[[1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]]],["p-9b9ca075.system",[[1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32],"isHiding":[64],"isSticking":[64],"setTriggerPos":[64],"getTriggerPos":[64],"pauseHiding":[64]}]]],["p-20ad4e90.system",[[2,"nano-icon-button",{"iconName":[1,"icon-name"],"iconSrc":[1,"icon-src"],"type":[513],"name":[513],"value":[513],"label":[1],"disabled":[516],"href":[1],"target":[1]}]]],["p-ec01a0ad.system",[[1,"nano-resize-observe",{"states":[1],"currentWidth":[32],"currentHeight":[32],"classNames":[32]}],[1,"nano-skeleton",{"animated":[4]}]]],["p-e142f6b6.system",[[1,"nano-img",{"alt":[1],"src":[1],"srcSet":[1,"src-set"],"lazy":[4],"background":[4],"autoHeight":[1,"auto-height"],"loadSrc":[32],"loadError":[32],"hasLoaded":[32],"imgStates":[32],"_src":[32]}],[1,"nano-grid",{"sSize":[2,"s-size"],"mSize":[2,"m-size"],"lSize":[2,"l-size"],"xlSize":[2,"xl-size"],"sCols":[2,"s-cols"],"mCols":[2,"m-cols"],"lCols":[2,"l-cols"],"xlCols":[2,"xl-cols"],"xxlCols":[2,"xxl-cols"],"showHelper":[516,"show-helper"],"contentPanel":[516,"content-panel"],"fullHeight":[516,"full-height"],"ready":[32],"isSmall":[32],"isMedium":[32],"isLarge":[32],"isXL":[32],"isXXL":[32]}],[1,"nano-grid-item",{"gridStates":[1,"grid-states"],"changeBP":[64]}]]],["p-346f0d8c.system",[[1,"nano-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"svgContent":[32],"isVisible":[32],"isLoading":[32]}]]]]'),e)}))}}}));
+//# sourceMappingURL=p-1fd60eec.system.js.map

package/dist/nano-components/p-1fd60eec.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["getDynamicImportFunction","namespace","replace","patchBrowser","plt","$cssShim$","win","__cssshim","patchCloneNodeFix","H","prototype","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","getAttribute","opts","history","scrollRestoration","then","resourcesUrl","URL","location","href","patchDynamicImport","customElements","module","import","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap_1","Map","url","mod","get","script_1","createElement","type","crossOrigin","createObjectURL","Blob","Promise","resolve","onload","m","remove","set","head","appendChild","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","options","bootstrapLazy","JSON","parse"],"mappings":"0NAKA,IAAMA,EAA2B,SAACC,GAAc,MAAA,eAAeA,EAAUC,QAAQ,QAAS,MAC1F,IAAMC,EAAe,WAKK,CAElBC,EAAIC,UAAYC,EAAIC,UAEA,CAEpBC,EAAkBC,EAAEC,WAUxB,IAAMC,EACAC,MAAMC,KAAKC,EAAIC,iBAAiB,WAAWC,MAAK,SAACC,GAAM,OAAA,IAAIC,OAAO,IAAKC,EAAS,2BAA2BC,KAAKH,EAAEI,MAChHJ,EAAEK,aAAa,4BAA8BH,KAGrD,IAAMI,EAA6D,GACnE,GAAsB,iBAAkBZ,IAAca,QAAQC,kBAAsC,CAQhG,MAAO,CACHC,KAAI,cAQwC,CAChDH,EAAKI,aAAe,IAAIC,IAAI,IAAK,IAAIA,IAAIjB,EAAUW,aAAa,uBAAyBX,EAAUU,IAAKf,EAAIuB,SAASC,OAAOA,KAC/F,CACzBC,EAAmBR,EAAKI,aAAchB,GAE1C,IAAgCL,EAAI0B,eAAgB,CAGhD,OAAOC,EAAAC,OAA+C,0BAAYR,MAAK,WAAM,OAAAH,MAGrF,OAAOY,EAAeZ,IAE1B,IAAMQ,EAAqB,SAACK,EAAMC,GAC9B,IAAMC,EAAqBtC,EAAyBmB,GACpD,IAKIb,EAAIgC,GAAsB,IAAIC,SAAS,IAAK,sBAAsBC,KAAKC,UAE3E,MAAOC,GAIH,IAAMC,EAAY,IAAIC,IACtBtC,EAAIgC,GAAsB,SAACjB,GACvB,IAAMwB,EAAM,IAAIjB,IAAIP,EAAKe,GAAMN,KAC/B,IAAIgB,EAAMH,EAAUI,IAAIF,GACxB,IAAKC,EAAK,CACN,IAAME,EAASlC,EAAImC,cAAc,UACjCD,EAAOE,KAAO,SACdF,EAAOG,YAAcd,EAAac,YAClCH,EAAO3B,IAAMO,IAAIwB,gBAAgB,IAAIC,KAAK,CAAC,uBAAuBR,EAAG,aAAaP,EAAkB,WAAY,CAC5GY,KAAM,4BAEVJ,EAAM,IAAIQ,SAAQ,SAACC,GACfP,EAAOQ,OAAS,WACZD,EAAQjD,EAAIgC,GAAoBmB,GAChCT,EAAOU,aAGff,EAAUgB,IAAId,EAAKC,GACnBhC,EAAI8C,KAAKC,YAAYb,GAEzB,OAAOF,KAInB,IAAMtC,EAAoB,SAACsD,GACvB,IAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,GAExC,IAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,IAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWR,YAAYS,EAAcE,GAAGR,UAAU,SAI9D,OAAOK,ICjHflE,IAAeuB,MAAK,SAAAiD,GAElB,OAAOC,EAAcC,KAAAC,MAAA,gobAAuCH","sourcesContent":["/*\n Stencil Client Patch Browser v2.5.9 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}

package/dist/nano-components/p-201b5f5b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,e as s,g as n}from"./p-f55560d3.js";import{p as a,a as o,c as d}from"./p-6ecf2f5c.js";import{c as h}from"./p-d3af43d2.js";const r={d:"(\\d{1,2})",m:"(\\d{1,2})",y:"(\\d{4})"};let l=0,c=class{constructor(i){t(this,i),this.nanoChange=e(this,"nanoChange",7),this.nanoValidate=e(this,"nanoValidate",7),this.directInput=!1,this.dateOrderIndeces={d:0,m:1,y:3},this.inputId="nano-input-"+l++,this.helperText=!0,this.helperTextFormat={year:"numeric",month:"long",day:"numeric"},this.floatLabel=!1,this.name=this.inputId,this.readonly=!1,this.disabled=!1,this.autofocus=!1,this.clearInput=!1,this.value="",this.validateOn="submit",this.showInlineError=!0,this.dateOrder="dmy",this.required=!1,this.hideLabel=!1,this.picker=!0,this.pickerOpen=!1,this.closeAfterPicked=!0,this.onInputChange=t=>{t.stopPropagation(),this.setValue(t.target.value)},this.onInputValidate=t=>{t.stopPropagation(),this.nanoValidate.emit({isValid:t.detail.isValid,errorMessage:t.detail.errorMessage,originalEvent:t.detail.originalEvent})},this.onInputKey=()=>{this.directInput=!0},this.onDatePicked=t=>{this.directInput=!1,this.value=t.detail.value,this.closeAfterPicked&&(this.pickerOpen=!1)},this.onDropdownHide=()=>{setTimeout((()=>this.pickerOpen=!1),200),setTimeout((()=>this.trigger.focus()),20)},this.onDropdownShow=()=>{setTimeout((()=>this.pickerEle.setFocus()),200)},this.onTriggerClick=()=>{this.pickerOpen||(this.pickerOpen=!0)},this.onCloseClick=()=>{this.pickerOpen&&(this.pickerOpen=!1)},this.onCloseKeyDown=t=>{"Tab"===t.key&&t.shiftKey&&(this.pickerEle.setFocus(!0),t.preventDefault())}}handleValueChange(){this.directInput||(this.inputValue=this.formatIsoDate(this.value)),this.nanoChange.emit({value:this.value,date:a(this.value)}),this.directInput=!1}handleDateOrderChange(){this.setDatePattern()}testDateValidity(){const t=a(this.value);let e,i,s="";this.value&&t&&(this.min&&(e=a(this.min))&&t<e?s="Date below the minimum: "+e.toLocaleDateString(void 0,this.helperTextFormat):this.max&&(i=a(this.max))&&t>i&&(s="Date above the maximum: "+i.toLocaleDateString(void 0,this.helperTextFormat))),setTimeout((async()=>{if(!this.input)return;const e=await this.input.getInputElement();this.value.length&&!t&&(s="Please enter a valid date"),e.setCustomValidity(s),"dirty"===this.input.validateOn&&this.input.showError(s)}),100)}handlePickerOpenChange(){this.dropdown.open=this.pickerOpen}async reportValidity(t){return await this.input.reportValidity(t)}async setFocus(){this.input&&this.input.setFocus()}getInputElement(){return this.input.getInputElement()}async showError(t){this.input&&this.input.showError(t)}setDatePattern(){let t=[],e=[];Array.from(this.dateOrder).map(((i,s)=>{t.push(r[i]),this.dateOrderIndeces[i]=s,e.push("y"===i?"yyyy":i+i)})),this.pattern=t.join("\\W+"),this.placeholder||"false"===this.placeholder||(this.placeholder=e.join(" "))}formatIsoDate(t){let e=[];Array.from("ymd").map((t=>e.push(r[t])));const i=t.match(new RegExp(e.join("\\W+")));if(!i)return"";let s=[];return s.splice(this.dateOrderIndeces.d,0,i[3]),s.splice(this.dateOrderIndeces.m,0,i[2]),s.splice(this.dateOrderIndeces.y,0,i[1]),s.join(" ")}setValue(t){const e=t.match(new RegExp(this.pattern));if(!e)return void(this.value=t);let i=d(e[this.dateOrderIndeces.y+1],e[this.dateOrderIndeces.m+1],e[this.dateOrderIndeces.d+1]);if(!i&&(i=new Date(t),!i))return void(this.value=t);const s=o(i);return this.value=s,s}connectedCallback(){this.setDatePattern(),this.handleValueChange()}componentDidLoad(){this.pickerCloseBtn&&this.picker&&(this.pickerEle.firstFocusEle=this.pickerCloseBtn)}render(){let t="rtl"===this.host.ownerDocument.dir?"bottom-start":"bottom-end";const e=a(this.value),n=!!this.host.querySelector('[slot="helper"]');return i(s,{class:Object.assign({},h(this.color))},i("div",{class:"date-field"},i("nano-input",{class:"date-field__input",slot:"trigger",required:this.required||void 0,showInlineError:this.showInlineError,validateOn:this.validateOn,placeholder:"false"!==this.placeholder?this.placeholder:void 0,pattern:this.pattern,label:this.label,disabled:this.disabled||void 0,color:this.color||void 0,autofocus:this.autofocus||void 0,clearInput:this.clearInput||void 0,onNanoChange:this.onInputChange,onNanoInput:this.onInputKey,onNanoValidate:this.onInputValidate,name:"",form:this.form||void 0,size:this.size||void 0,readonly:this.readonly,value:this.inputValue,ref:t=>this.input=t,floatLabel:this.floatLabel,hideLabel:this.hideLabel,inputmode:"numeric"},i("slot",{name:"label"}),this.picker&&i("button",{class:"date-field__open",slot:"inline-button",type:"button",onClick:this.onTriggerClick,ref:t=>this.trigger=t,disabled:this.disabled||this.readonly},i("nano-icon",{name:"light/calendar-alt"})),(n||this.helperText||this.showInlineError)&&i("span",{slot:"helper"},i("span",{class:{vhidden:!!this.value.length}},i("slot",{name:"helper"})),this.helperText&&!!e&&i("span",null,e.toLocaleDateString(void 0,this.helperTextFormat)))),i("nano-dropdown",{placement:t,onNanoHide:this.onDropdownHide,onNanoShow:this.onDropdownShow,"dialog-title":"Choose a date",distance:-20,class:"date-field__dropdown",ref:t=>this.dropdown=t},i("div",null,i("div",{class:"date-field__close-bar"},i("button",{class:"date-field__close",type:"button",onClick:this.onCloseClick,onKeyDown:this.onCloseKeyDown,ref:t=>this.pickerCloseBtn=t},i("nano-icon",{name:"light/times"}),i("span",{class:"vhidden"},"Close window"))),i("nano-date-picker",{onNanoDatePicked:this.onDatePicked,min:this.min||void 0,max:this.max||void 0,"is-modal":!0,ref:t=>this.pickerEle=t,localization:this.localization,selectedDate:this.value||this.initialPickerDate,firstDayOfWeek:this.firstDayOfWeek,color:this.color||void 0}))),i("input",{type:"hidden",value:this.value,name:this.name})))}get host(){return n(this)}static get watchers(){return{value:["handleValueChange","testDateValidity"],dateOrder:["handleDateOrderChange"],min:["testDateValidity"],max:["testDateValidity"],pickerOpen:["handlePickerOpenChange"]}}};c.style='.sc-nano-date-input-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-date-input,*.sc-nano-date-input::before,*.sc-nano-date-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-date-input-h{display:inline-block;width:100%;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--open-btn-color:var(--nano-button-color, #f0efed);--open-btn-border:none;--close-btn-color:var(--nano-button-color, #f0efed);--picker-base-size:16px}.nano-color.sc-nano-date-input-h{--focus-shadow:0 0 0 0.1875rem rgba(var(--nano-color-tint-rgb), 0.56)}[disabled].sc-nano-date-input-h:not([disabled=false]){opacity:0.7}nano-icon.sc-nano-date-input{pointer-events:none}.date-field.sc-nano-date-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width: 35.9375em){.date-field.sc-nano-date-input::before{content:"";position:fixed;background:rgba(0, 0, 0, 0);left:0;right:0;top:0;bottom:0;z-index:-1;-webkit-transition:z-index 0.001s ease 1s, background 0.2s ease;transition:z-index 0.001s ease 1s, background 0.2s ease}[picker-open].sc-nano-date-input-h .date-field.sc-nano-date-input::before{-webkit-transition:z-index 0.001s ease, background 0.2s ease 0.001s;transition:z-index 0.001s ease, background 0.2s ease 0.001s;background:rgba(0, 0, 0, 0.5);z-index:100}}.date-field__dropdown.sc-nano-date-input{--padding:0;--overflow:visible;width:100%}.date-field__close-bar.sc-nano-date-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;border:0;margin:0;overflow:visible;padding:0;position:absolute;right:-8px;top:-8px;width:auto;z-index:1}.date-field__open.sc-nano-date-input{background:var(--open-btn-color);border:var(--open-btn-border);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-field__open.sc-nano-date-input:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow);outline:none}.date-field__close.sc-nano-date-input{-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-moz-appearance:none;appearance:none;background:var(--close-btn-color);border:0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:24px}@media (min-width: 36em){.date-field__close.sc-nano-date-input{opacity:0}}.date-field__close.sc-nano-date-input:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow);outline:none}@media (min-width: 36em){.date-field__close.sc-nano-date-input:focus{opacity:1}}.date-field__close.sc-nano-date-input nano-icon.sc-nano-date-input{margin:0 auto}.date-field.sc-nano-date-input nano-date-picker.sc-nano-date-input{font-size:var(--picker-base-size)}.vhidden.sc-nano-date-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}';export{c as nano_date_input}
+//# sourceMappingURL=p-201b5f5b.entry.js.map

package/dist/nano-components/p-201b5f5b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/date-input/date-input.scss?tag=nano-date-input&encapsulation=scoped","src/components/date-input/date-input.tsx"],"names":["DateRegxps","d","m","y","inputIds","DateInput","[object Object]","hostRef","this","directInput","dateOrderIndeces","inputId","helperText","helperTextFormat","year","month","day","floatLabel","name","readonly","disabled","autofocus","clearInput","value","validateOn","showInlineError","dateOrder","required","hideLabel","picker","pickerOpen","closeAfterPicked","onInputChange","e","stopPropagation","setValue","target","onInputValidate","nanoValidate","emit","isValid","detail","errorMessage","originalEvent","onInputKey","onDatePicked","onDropdownHide","setTimeout","trigger","focus","onDropdownShow","pickerEle","setFocus","onTriggerClick","onCloseClick","onCloseKeyDown","key","shiftKey","preventDefault","inputValue","formatIsoDate","nanoChange","date","parseISODate","setDatePattern","valueDate","min","max","error","toLocaleDateString","undefined","async","input","getInputElement","length","setCustomValidity","showError","dropdown","open","validateFirst","reportValidity","message","dateRegexOrdered","dateStrOrd","Array","from","map","datepart","i","push","pattern","join","placeholder","isoDate","matches","match","RegExp","formatted","splice","createDate","Date","dateStr","printISODate","handleValueChange","pickerCloseBtn","firstFocusEle","placement","host","ownerDocument","dir","hasHelperSlot","querySelector","h","Host","class","Object","assign","createColorClasses","color","slot","label","onNanoChange","onNanoInput","onNanoValidate","form","size","ref","inputmode","type","onClick","vhidden","onNanoHide","onNanoShow","dialog-title","distance","onKeyDown","pickerClose","onNanoDatePicked","is-modal","localization","selectedDate","initialPickerDate","firstDayOfWeek"],"mappings":"sJAAA,MC+BMA,EAAa,CACjBC,EAAG,aACHC,EAAG,aACHC,EAAG,YAGL,IAAIC,EAAW,EAaFC,EAAS,MALtBC,YAAAC,+FAYUC,KAAAC,aAAc,EACdD,KAAAE,iBAAmB,CAAET,EAAG,EAAGC,EAAG,EAAGC,EAAG,GACpCK,KAAAG,QAAU,cAAcP,IAcxBI,KAAAI,YAAsB,EAKtBJ,KAAAK,iBAAkC,CACxCC,KAAM,UACNC,MAAO,OACPC,IAAK,WAMCR,KAAAS,YAAsB,EAKtBT,KAAAU,KAAeV,KAAKG,QAKpBH,KAAAW,UAAW,EA2BXX,KAAAY,UAAW,EAUXZ,KAAAa,WAAY,EAKZb,KAAAc,YAAa,EAgBmBd,KAAAe,MAAgB,GAYhDf,KAAAgB,WAAsD,SAKrChB,KAAAiB,iBAAkB,EAMnCjB,KAAAkB,UAA2C,MAU3ClB,KAAAmB,UAAW,EAiBXnB,KAAAoB,WAAsB,EA4CtBpB,KAAAqB,QAAkB,EAWcrB,KAAAsB,YAAsB,EAUtDtB,KAAAuB,kBAA4B,EAsD5BvB,KAAAwB,cAAiBC,IACvBA,EAAEC,kBACF1B,KAAK2B,SAAUF,EAAEG,OAA4Bb,QAGvCf,KAAA6B,gBAAmBJ,IACzBA,EAAEC,kBACF1B,KAAK8B,aAAaC,KAAK,CACrBC,QAASP,EAAEQ,OAAOD,QAClBE,aAAcT,EAAEQ,OAAOC,aACvBC,cAAeV,EAAEQ,OAAOE,iBAIpBnC,KAAAoC,WAAa,KACnBpC,KAAKC,aAAc,GAGbD,KAAAqC,aAAgBZ,IACtBzB,KAAKC,aAAc,EACnBD,KAAKe,MAAQU,EAAEQ,OAAOlB,MAClBf,KAAKuB,mBAAkBvB,KAAKsB,YAAa,IAGvCtB,KAAAsC,eAAiB,KACvBC,YAAW,IAAQvC,KAAKsB,YAAa,GAAQ,KAC7CiB,YAAW,IAAOvC,KAAKwC,QAAQC,SAAS,KAGlCzC,KAAA0C,eAAiB,KACvBH,YAAW,IAAOvC,KAAK2C,UAAUC,YAAY,MAGvC5C,KAAA6C,eAAiB,KAClB7C,KAAKsB,aAAYtB,KAAKsB,YAAa,IAGlCtB,KAAA8C,aAAe,KACjB9C,KAAKsB,aAAYtB,KAAKsB,YAAa,IAGjCtB,KAAA+C,eAAkBtB,IAEV,QAAVA,EAAEuB,KAAiBvB,EAAEwB,WACvBjD,KAAK2C,UAAUC,UAAS,GACxBnB,EAAEyB,mBAnNNpD,oBACOE,KAAKC,cAAaD,KAAKmD,WAAanD,KAAKoD,cAAcpD,KAAKe,QACjEf,KAAKqD,WAAWtB,KAAK,CAAEhB,MAAOf,KAAKe,MAAOuC,KAAMC,EAAavD,KAAKe,SAClEf,KAAKC,aAAc,EAoBrBH,wBACEE,KAAKwD,iBA4BP1D,mBACE,MAAM2D,EAAYF,EAAavD,KAAKe,OACpC,IAAI2C,EACFC,EACAC,EAAgB,GAEd5D,KAAKe,OAAS0C,IACZzD,KAAK0D,MAAQA,EAAMH,EAAavD,KAAK0D,OAASD,EAAYC,EAC5DE,EACE,2BACAF,EAAIG,wBAAmBC,EAAW9D,KAAKK,kBAEzCL,KAAK2D,MACJA,EAAMJ,EAAavD,KAAK2D,OACzBF,EAAYE,IAEZC,EACE,2BACAD,EAAIE,wBAAmBC,EAAW9D,KAAKK,oBAI7CkC,YAAWwB,UACT,IAAK/D,KAAKgE,MAAO,OACjB,MAAMA,QAAchE,KAAKgE,MAAMC,kBAC3BjE,KAAKe,MAAMmD,SAAWT,IAAWG,EAAQ,6BAE7CI,EAAMG,kBAAkBP,GACM,UAA1B5D,KAAKgE,MAAMhD,YACbhB,KAAKgE,MAAMI,UAAUR,KAEtB,KAsBL9D,yBACEE,KAAKqE,SAASC,KAAOtE,KAAKsB,WA6B5BxB,qBAAqByE,GACnB,aAAavE,KAAKgE,MAAMQ,eAAeD,GAOzCzE,iBACME,KAAKgE,OAAOhE,KAAKgE,MAAMpB,WAO7B9C,kBACE,OAAOE,KAAKgE,MAAMC,kBAOpBnE,gBAAgB2E,GACTzE,KAAKgE,OACVhE,KAAKgE,MAAMI,UAAUK,GAyDf3E,iBACN,IAAI4E,EAAmB,GACnBC,EAAa,GACjBC,MAAMC,KAAK7E,KAAKkB,WAAW4D,KAAI,CAACC,EAAUC,KACxCN,EAAiBO,KAAKzF,EAAWuF,IACjC/E,KAAKE,iBAAiB6E,GAAYC,EAClCL,EAAWM,KAAkB,MAAbF,EAAmB,OAASA,EAAWA,MAEzD/E,KAAKkF,QAAUR,EAAiBS,KAAK,QAChCnF,KAAKoF,aAAoC,UAArBpF,KAAKoF,cAC5BpF,KAAKoF,YAAcT,EAAWQ,KAAK,MAI/BrF,cAAcuF,GACpB,IAAIX,EAAmB,GACvBE,MAAMC,KAAK,OAAOC,KAAKC,GACrBL,EAAiBO,KAAKzF,EAAWuF,MAEnC,MAAMO,EAAUD,EAAQE,MAAM,IAAIC,OAAOd,EAAiBS,KAAK,UAC/D,IAAKG,EAAS,MAAO,GAErB,IAAIG,EAAY,GAIhB,OAHAA,EAAUC,OAAO1F,KAAKE,iBAAiBT,EAAG,EAAG6F,EAAQ,IACrDG,EAAUC,OAAO1F,KAAKE,iBAAiBR,EAAG,EAAG4F,EAAQ,IACrDG,EAAUC,OAAO1F,KAAKE,iBAAiBP,EAAG,EAAG2F,EAAQ,IAC9CG,EAAUN,KAAK,KAIhBrF,SAASqD,GACf,MAAMmC,EAAUnC,EAAWoC,MAAM,IAAIC,OAAOxF,KAAKkF,UAGjD,IAAKI,EAEH,YADAtF,KAAKe,MAAQoC,GAIf,IAAIG,EAAOqC,EACTL,EAAQtF,KAAKE,iBAAiBP,EAAI,GAClC2F,EAAQtF,KAAKE,iBAAiBR,EAAI,GAClC4F,EAAQtF,KAAKE,iBAAiBT,EAAI,IAGpC,IAAK6D,IAEHA,EAAO,IAAIsC,KAAKzC,IAGXG,GAEH,YADAtD,KAAKe,MAAQoC,GAKjB,MAAM0C,EAAUC,EAAaxC,GAE7B,OADAtD,KAAKe,MAAQ8E,EACNA,EAGT/F,oBACEE,KAAKwD,iBACLxD,KAAK+F,oBAGPjG,mBACOE,KAAKgG,gBAAmBhG,KAAKqB,SAClCrB,KAAK2C,UAAUsD,cAAgBjG,KAAKgG,gBAGtClG,SACE,IAAIoG,EAC4C,QAA7ClG,KAAKmG,KAAKC,cAA2BC,IAClC,eACA,aACN,MAAM5C,EAAYF,EAAavD,KAAKe,OAC9BuF,IAAkBtG,KAAKmG,KAAKI,cAAc,mBAEhD,OACEC,EAACC,EAAI,CAACC,MAAKC,OAAAC,OAAA,GAAOC,EAAmB7G,KAAK8G,SACxCN,EAAA,MAAA,CAAKE,MAAM,cACTF,EAAA,aAAA,CACEE,MAAM,oBACNK,KAAK,UACL5F,SAAUnB,KAAKmB,eAAY2C,EAC3B7C,gBAAiBjB,KAAKiB,gBACtBD,WAAYhB,KAAKgB,WACjBoE,YACuB,UAArBpF,KAAKoF,YAA0BpF,KAAKoF,iBAActB,EAEpDoB,QAASlF,KAAKkF,QACd8B,MAAOhH,KAAKgH,MACZpG,SAAUZ,KAAKY,eAAYkD,EAC3BgD,MAAO9G,KAAK8G,YAAShD,EACrBjD,UAAWb,KAAKa,gBAAaiD,EAC7BhD,WAAYd,KAAKc,iBAAcgD,EAC/BmD,aAAcjH,KAAKwB,cACnB0F,YAAalH,KAAKoC,WAClB+E,eAAgBnH,KAAK6B,gBACrBnB,KAAK,GACL0G,KAAMpH,KAAKoH,WAAQtD,EACnBuD,KAAMrH,KAAKqH,WAAQvD,EACnBnD,SAAUX,KAAKW,SACfI,MAAOf,KAAKmD,WACZmE,IAAMtD,GAAWhE,KAAKgE,MAAQA,EAC9BvD,WAAYT,KAAKS,WACjBW,UAAWpB,KAAKoB,UAChBmG,UAAW,WAEXf,EAAA,OAAA,CAAM9F,KAAK,UACVV,KAAKqB,QACJmF,EAAA,SAAA,CACEE,MAAM,mBACNK,KAAK,gBACLS,KAAK,SACLC,QAASzH,KAAK6C,eACdyE,IAAM9E,GAAaxC,KAAKwC,QAAUA,EAClC5B,SAAUZ,KAAKY,UAAYZ,KAAKW,UAEhC6F,EAAA,YAAA,CAAW9F,KAAK,yBAGlB4F,GAAiBtG,KAAKI,YAAcJ,KAAKiB,kBACzCuF,EAAA,OAAA,CAAMO,KAAK,UACTP,EAAA,OAAA,CAAME,MAAO,CAAEgB,UAAW1H,KAAKe,MAAMmD,SACnCsC,EAAA,OAAA,CAAM9F,KAAK,YAEZV,KAAKI,cAAgBqD,GACpB+C,EAAA,OAAA,KACG/C,EAAUI,wBACTC,EACA9D,KAAKK,qBAOjBmG,EAAA,gBAAA,CACEN,UAAWA,EACXyB,WAAY3H,KAAKsC,eACjBsF,WAAY5H,KAAK0C,eAAcmF,eAClB,gBACbC,UAAW,GACXpB,MAAM,uBACNY,IAAMjD,GAAcrE,KAAKqE,SAAWA,GAEpCmC,EAAA,MAAA,KACEA,EAAA,MAAA,CAAKE,MAAM,yBACTF,EAAA,SAAA,CACEE,MAAM,oBACNc,KAAK,SACLC,QAASzH,KAAK8C,aACdiF,UAAW/H,KAAK+C,eAChBuE,IAAMU,GAAiBhI,KAAKgG,eAAiBgC,GAE7CxB,EAAA,YAAA,CAAW9F,KAAK,gBAChB8F,EAAA,OAAA,CAAME,MAAM,WAAS,kBAGzBF,EAAA,mBAAA,CACEyB,iBAAkBjI,KAAKqC,aACvBqB,IAAK1D,KAAK0D,UAAOI,EACjBH,IAAK3D,KAAK2D,UAAOG,EAASoE,YAChB,EACVZ,IAAMjG,GAAYrB,KAAK2C,UAAYtB,EACnC8G,aAAcnI,KAAKmI,aACnBC,aAAcpI,KAAKe,OAASf,KAAKqI,kBACjCC,eAAgBtI,KAAKsI,eACrBxB,MAAO9G,KAAK8G,YAAShD,MAI3B0C,EAAA,QAAA,CAAOgB,KAAK,SAASzG,MAAOf,KAAKe,MAAOL,KAAMV,KAAKU,sPDtiBxC","sourcesContent":["@import '../../global/style/nano-theme/form';\n@import '../../global/style/utilities/globals';\n\n:host {\n  /**\n   * @prop --focus-shadow: defaults to #{$control-focus-style};\n   * @prop --open-btn-color: defaults to #{$button-bg-color};\n   * @prop --open-btn-border: defaults to none;\n   * @prop --close-btn-color: defaults to #{$color-celsius};\n   * @prop --picker-base-size: Base font size of the date picker component. Defaults to 16px;\n   */\n\n  display: inline-block;\n  width: 100%;\n\n  --focus-shadow: #{$control-focus-style};\n  --open-btn-color: #{$button-bg-color};\n  --open-btn-border: none;\n  --close-btn-color: #{$button-bg-color};\n  --picker-base-size: 16px;\n}\n\n:host(.nano-color) {\n  --focus-shadow: #{$control-focus-size current-color(tint, 0.56)};\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n}\n\nnano-icon {\n  pointer-events: none;\n}\n\n.date-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  @media (max-width: 35.9375em) {\n    &::before {\n      content: '';\n      position: fixed;\n      background: rgba(0, 0, 0, 0);\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n      transition: z-index 0.001s ease 1s, background 0.2s ease;\n\n      :host([picker-open]) & {\n        transition: z-index 0.001s ease, background 0.2s ease 0.001s;\n        background: rgba(0, 0, 0, 0.5);\n        z-index: 100;\n      }\n    }\n  }\n\n  &__dropdown {\n    --padding: 0;\n    --overflow: visible;\n\n    width: 100%;\n  }\n\n  &__close-bar {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    border: 0;\n    margin: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    right: -8px;\n    top: -8px;\n    width: auto;\n    z-index: 1;\n  }\n\n  &__open {\n    background: var(--open-btn-color);\n    border: var(--open-btn-border);\n    margin: 0;\n    appearance: none;\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n    }\n  }\n\n  &__close {\n    -webkit-appearance: none;\n    align-items: center;\n    appearance: none;\n    background: var(--close-btn-color);\n    border: 0;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    height: 24px;\n    justify-content: center;\n    padding: 0;\n    width: 24px;\n\n    @media (min-width: 36em) {\n      opacity: 0;\n    }\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n\n      @media (min-width: 36em) {\n        opacity: 1;\n      }\n    }\n\n    nano-icon {\n      margin: 0 auto;\n    }\n  }\n\n  nano-date-picker {\n    font-size: var(--picker-base-size);\n  }\n}\n\n.vhidden {\n  @include visually-hide();\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  h,\n  Prop,\n  Watch,\n  State,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n} from '@stencil/core';\nimport {\n  createDate,\n  DaysOfWeek,\n  printISODate,\n  parseISODate,\n} from '../../utils/date-utils';\n\nimport {\n  PickerChangeEvent,\n  DateInputChangeEventDetail,\n  Color,\n  LocalDateOpts,\n  DuetLocalizedText,\n  ControlValidity,\n  ControlValidityEventDetail,\n} from '../../interface';\nimport { createColorClasses } from '../../utils/utils';\n\nconst DateRegxps = {\n  d: '(\\\\d{1,2})',\n  m: '(\\\\d{1,2})',\n  y: '(\\\\d{4})',\n};\n\nlet inputIds = 0;\n\n/**\n * The date-input component combines `nano-dropdown`, `nano-input` and `nano-date-picker` components to make a fully featured date form field. It has specific options for localisation, date formatting and validation.\n *\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 */\n@Component({\n  tag: 'nano-date-input',\n  styleUrl: 'date-input.scss',\n  scoped: true,\n})\nexport class DateInput implements ComponentInterface {\n  private pickerEle!: HTMLNanoDatePickerElement;\n  private trigger!: HTMLButtonElement;\n  private pickerCloseBtn!: HTMLButtonElement;\n  private dropdown!: HTMLNanoDropdownElement;\n  private input: HTMLNanoInputElement;\n\n  private directInput = false;\n  private dateOrderIndeces = { d: 0, m: 1, y: 3 };\n  private inputId = `nano-input-${inputIds++}`;\n\n  @Element() host: HTMLNanoDateInputElement;\n\n  // Private state\n\n  @State() pattern!: string;\n  @State() inputValue: string;\n\n  // Public Api / Prop\n\n  /**\n   * Whether to show a long form, confirmation date string of the one currently entered\n   */\n  @Prop() helperText: boolean = true;\n\n  /**\n   * Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.\n   */\n  @Prop() helperTextFormat: LocalDateOpts = {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  };\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\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   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * The initial size (number of characters) of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek?: DaysOfWeek;\n\n  /**\n   * Button labels, day names, month names, etc, used for localization.\n   * Default is English.\n   */\n  @Prop() localization?: DuetLocalizedText;\n\n  /**\n   * If `true`, the user cannot interact with the input.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\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   * String to place within a label element. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Instructional text that shows before the input has a value.\n   * The pattern prop will be used to create a placeholder automatically if unused.\n   */\n  @Prop({ mutable: true }) placeholder: string;\n\n  /**\n   * Current value. Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  @Watch('value')\n  handleValueChange() {\n    if (!this.directInput) this.inputValue = this.formatIsoDate(this.value);\n    this.nanoChange.emit({ value: this.value, date: parseISODate(this.value) });\n    this.directInput = false;\n  }\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop() validateOn?: 'dirty' | 'submit' | 'submitThenDirty' = 'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * The order of the date parts for entry and display.\n   * e.g. dmy = dd mm yyyy\n   */\n  @Prop() dateOrder: 'dmy' | 'mdy' | 'ymd' | 'dym' = 'dmy';\n\n  @Watch('dateOrder')\n  handleDateOrderChange() {\n    this.setDatePattern();\n  }\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min?: string;\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max?: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('value')\n  testDateValidity() {\n    const valueDate = parseISODate(this.value);\n    let min: Date,\n      max: Date,\n      error: string = '';\n\n    if (this.value && valueDate) {\n      if (this.min && (min = parseISODate(this.min)) && valueDate < min) {\n        error =\n          'Date below the minimum: ' +\n          min.toLocaleDateString(undefined, this.helperTextFormat);\n      } else if (\n        this.max &&\n        (max = parseISODate(this.max)) &&\n        valueDate > max\n      ) {\n        error =\n          'Date above the maximum: ' +\n          max.toLocaleDateString(undefined, this.helperTextFormat);\n      }\n    }\n\n    setTimeout(async (_) => {\n      if (!this.input) return;\n      const input = await this.input.getInputElement();\n      if (this.value.length && !valueDate) error = 'Please enter a valid date';\n\n      input.setCustomValidity(error);\n      if (this.input.validateOn === 'dirty') {\n        this.input.showError(error);\n      }\n    }, 100);\n  }\n\n  /**\n   * Show a date picker. Date pickers are not very useful\n   * if the potential input is too far in the distance or past\n   * e.g. Birthdays\n   */\n  @Prop() picker: boolean = true;\n\n  /**\n   * Initial picker date. Will be to `value` if set. Will be today's date if nothing set.\n   * Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop() initialPickerDate?: string;\n\n  /**\n   * Set / read whether the picker is currently open.\n   */\n  @Prop({ reflect: true, mutable: true }) pickerOpen: boolean = false;\n\n  @Watch('pickerOpen')\n  handlePickerOpenChange() {\n    this.dropdown.open = this.pickerOpen;\n  }\n\n  /**\n   * Close the picker after a date is selected\n   */\n  @Prop() closeAfterPicked: boolean = true;\n\n  // Event emitters\n\n  /**\n   * Event emitted when a date is selected.\n   */\n  @Event() nanoChange: EventEmitter<DateInputChangeEventDetail>;\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  // Methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    return await this.input.reportValidity(validateFirst);\n  }\n\n  /**\n   * Sets focus on the child `nano-input`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) this.input.setFocus();\n  }\n\n  /**\n   * Returns the native `<input>` element used under the hood.\n   */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return this.input.getInputElement();\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.input) return;\n    this.input.showError(message);\n  }\n\n  // Event handlers\n\n  private onInputChange = (e: CustomEvent) => {\n    e.stopPropagation();\n    this.setValue((e.target as HTMLInputElement).value);\n  };\n\n  private onInputValidate = (e: CustomEvent<ControlValidityEventDetail>) => {\n    e.stopPropagation();\n    this.nanoValidate.emit({\n      isValid: e.detail.isValid,\n      errorMessage: e.detail.errorMessage,\n      originalEvent: e.detail.originalEvent,\n    });\n  };\n\n  private onInputKey = () => {\n    this.directInput = true;\n  };\n\n  private onDatePicked = (e: { detail: PickerChangeEvent }) => {\n    this.directInput = false;\n    this.value = e.detail.value;\n    if (this.closeAfterPicked) this.pickerOpen = false;\n  };\n\n  private onDropdownHide = () => {\n    setTimeout((_) => (this.pickerOpen = false), 200);\n    setTimeout((_) => this.trigger.focus(), 20);\n  };\n\n  private onDropdownShow = () => {\n    setTimeout((_) => this.pickerEle.setFocus(), 200);\n  };\n\n  private onTriggerClick = () => {\n    if (!this.pickerOpen) this.pickerOpen = true;\n  };\n\n  private onCloseClick = () => {\n    if (this.pickerOpen) this.pickerOpen = false;\n  };\n\n  private onCloseKeyDown = (e: KeyboardEvent) => {\n    // this ensures focus is trapped inside the picker\n    if (e.key === 'Tab' && e.shiftKey) {\n      this.pickerEle.setFocus(true);\n      e.preventDefault();\n    }\n  };\n\n  // Private logic\n\n  // set the regexp input pattern and placeholder (if necessary)\n  private setDatePattern() {\n    let dateRegexOrdered = [];\n    let dateStrOrd = [];\n    Array.from(this.dateOrder).map((datepart, i) => {\n      dateRegexOrdered.push(DateRegxps[datepart]);\n      this.dateOrderIndeces[datepart] = i;\n      dateStrOrd.push(datepart === 'y' ? 'yyyy' : datepart + datepart);\n    });\n    this.pattern = dateRegexOrdered.join('\\\\W+');\n    if (!this.placeholder && this.placeholder !== 'false')\n      this.placeholder = dateStrOrd.join(' ');\n  }\n\n  // set the public facing date string\n  private formatIsoDate(isoDate: string) {\n    let dateRegexOrdered = [];\n    Array.from('ymd').map((datepart) =>\n      dateRegexOrdered.push(DateRegxps[datepart])\n    );\n    const matches = isoDate.match(new RegExp(dateRegexOrdered.join('\\\\W+')));\n    if (!matches) return '';\n\n    let formatted = [];\n    formatted.splice(this.dateOrderIndeces.d, 0, matches[3]);\n    formatted.splice(this.dateOrderIndeces.m, 0, matches[2]);\n    formatted.splice(this.dateOrderIndeces.y, 0, matches[1]);\n    return formatted.join(' ');\n  }\n\n  // on manual user entry, set the value that will be sent with the form field\n  private setValue(inputValue: string) {\n    const matches = inputValue.match(new RegExp(this.pattern));\n\n    // it's an invalid date, but we still need to set it\n    if (!matches) {\n      this.value = inputValue;\n      return;\n    }\n\n    let date = createDate(\n      matches[this.dateOrderIndeces.y + 1],\n      matches[this.dateOrderIndeces.m + 1],\n      matches[this.dateOrderIndeces.d + 1]\n    );\n\n    if (!date) {\n      // last ditch attempt - see if the browser can get something\n      date = new Date(inputValue);\n\n      // it's definitely an invalid date, but set it anyway for validation messages\n      if (!date) {\n        this.value = inputValue;\n        return;\n      }\n    }\n\n    const dateStr = printISODate(date);\n    this.value = dateStr;\n    return dateStr;\n  }\n\n  connectedCallback() {\n    this.setDatePattern();\n    this.handleValueChange();\n  }\n\n  componentDidLoad() {\n    if (!this.pickerCloseBtn || !this.picker) return;\n    this.pickerEle.firstFocusEle = this.pickerCloseBtn;\n  }\n\n  render() {\n    let placement: 'bottom-start' | 'bottom-end' =\n      (this.host.ownerDocument as Document).dir === 'rtl'\n        ? 'bottom-start'\n        : 'bottom-end';\n    const valueDate = parseISODate(this.value);\n    const hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n\n    return (\n      <Host class={{ ...createColorClasses(this.color) }}>\n        <div class=\"date-field\">\n          <nano-input\n            class=\"date-field__input\"\n            slot=\"trigger\"\n            required={this.required || undefined}\n            showInlineError={this.showInlineError}\n            validateOn={this.validateOn}\n            placeholder={\n              this.placeholder !== 'false' ? this.placeholder : undefined\n            }\n            pattern={this.pattern}\n            label={this.label}\n            disabled={this.disabled || undefined}\n            color={this.color || undefined}\n            autofocus={this.autofocus || undefined}\n            clearInput={this.clearInput || undefined}\n            onNanoChange={this.onInputChange}\n            onNanoInput={this.onInputKey}\n            onNanoValidate={this.onInputValidate}\n            name=\"\"\n            form={this.form || undefined}\n            size={this.size || undefined}\n            readonly={this.readonly}\n            value={this.inputValue}\n            ref={(input) => (this.input = input)}\n            floatLabel={this.floatLabel}\n            hideLabel={this.hideLabel}\n            inputmode={'numeric'}\n          >\n            <slot name=\"label\" />\n            {this.picker && (\n              <button\n                class=\"date-field__open\"\n                slot=\"inline-button\"\n                type=\"button\"\n                onClick={this.onTriggerClick}\n                ref={(trigger) => (this.trigger = trigger)}\n                disabled={this.disabled || this.readonly}\n              >\n                <nano-icon name=\"light/calendar-alt\"></nano-icon>\n              </button>\n            )}\n            {(hasHelperSlot || this.helperText || this.showInlineError) && (\n              <span slot=\"helper\">\n                <span class={{ vhidden: !!this.value.length }}>\n                  <slot name=\"helper\" />\n                </span>\n                {this.helperText && !!valueDate && (\n                  <span>\n                    {valueDate.toLocaleDateString(\n                      undefined,\n                      this.helperTextFormat\n                    )}\n                  </span>\n                )}\n              </span>\n            )}\n          </nano-input>\n          <nano-dropdown\n            placement={placement}\n            onNanoHide={this.onDropdownHide}\n            onNanoShow={this.onDropdownShow}\n            dialog-title=\"Choose a date\"\n            distance={-20}\n            class=\"date-field__dropdown\"\n            ref={(dropdown) => (this.dropdown = dropdown)}\n          >\n            <div>\n              <div class=\"date-field__close-bar\">\n                <button\n                  class=\"date-field__close\"\n                  type=\"button\"\n                  onClick={this.onCloseClick}\n                  onKeyDown={this.onCloseKeyDown}\n                  ref={(pickerClose) => (this.pickerCloseBtn = pickerClose)}\n                >\n                  <nano-icon name=\"light/times\"></nano-icon>\n                  <span class=\"vhidden\">Close window</span>\n                </button>\n              </div>\n              <nano-date-picker\n                onNanoDatePicked={this.onDatePicked}\n                min={this.min || undefined}\n                max={this.max || undefined}\n                is-modal={true}\n                ref={(picker) => (this.pickerEle = picker)}\n                localization={this.localization}\n                selectedDate={this.value || this.initialPickerDate}\n                firstDayOfWeek={this.firstDayOfWeek}\n                color={this.color || undefined}\n              ></nano-date-picker>\n            </div>\n          </nano-dropdown>\n          <input type=\"hidden\" value={this.value} name={this.name} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-20ad4e90.system.entry.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/icon-button/icon-button.scss?tag=nano-icon-button&encapsulation=scoped","src/components/icon-button/icon-button.tsx"],"names":["iconButtonCss","IconButton","exports","class_1","hostRef","this","type","disabled","prototype","componentDidLoad","focusVisible","observe","button","connectedCallback","disconnectedCallback","unobserve","render","_this","TagType","href","undefined","h","ref","el","class","icon-button","icon-button--disabled","aria-label","label","name","value","target","iconName","src","iconSrc","aria-hidden"],"mappings":"wLAAA,IAAMA,EAAgB,u8DCUTC,EAAUC,EAAA,mBAAA,WALvB,SAAAC,EAAAC,aAe2BC,KAAAC,KAAsC,SAatCD,KAAAE,SAAW,MAUpCJ,EAAAK,UAAAC,iBAAA,WACEC,EAAaC,QAAQN,KAAKO,SAG5BT,EAAAK,UAAAK,kBAAA,WACE,GAAIR,KAAKO,OAAQF,EAAaC,QAAQN,KAAKO,SAG7CT,EAAAK,UAAAM,qBAAA,WACEJ,EAAaK,UAAUV,KAAKO,SAG9BT,EAAAK,UAAAQ,OAAA,WAAA,IAAAC,EAAAZ,KACE,IAAMa,EAAUb,KAAKc,OAASC,UAAY,SAAY,IAEtD,OACEC,EAACH,EAAO,CACNI,IAAK,SAACC,GAAE,OAAMN,EAAKL,OAASW,GAC5BC,MAAO,CACLC,cAAe,KACfC,wBAAyBrB,KAAKE,UAC/BoB,aACWtB,KAAKuB,MACjBC,KAAMxB,KAAKwB,KACXC,MAAOzB,KAAKyB,MACZX,KAAMd,KAAKc,MAAQC,UACnBW,OAAQ1B,KAAKc,MAAQd,KAAK0B,OAAS1B,KAAK0B,OAASX,UACjDd,MAAOD,KAAKc,MAAQd,KAAKC,KAAOD,KAAKC,KAAOc,WAE5CC,EAAA,YAAA,CAAWQ,KAAMxB,KAAK2B,SAAUC,IAAK5B,KAAK6B,QAAOC,cAAc,oBA9DhD","sourcesContent":["@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  /**\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --color: defaults to #{$color-palegrey};\n    * @prop --active-color: defaults to #{$color-darkblue--faded};\n    * @prop --hover-color: defaults to #{$color-blue};\n    * @prop --background: defaults to transparent;\n    */\n  display: inline-block;\n\n  --border-radius: #{$border-radius-medium};\n  --active-color: #{$color-darkblue--faded};\n  --hover-color: #{$color-blue};\n  --nano-color-base: var(--color, #{$color-mediumgrey});\n  --background: transparent;\n}\n\n.icon-button {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  border: none;\n  border-radius: var(--border-radius);\n  background: var(--background);\n  font-size: inherit;\n  color: var(--color);\n  padding: #{$spacing-small};\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: box-shadow #{$transition-xfast} ease-in-out;\n\n  &:hover:not(.icon-button--disabled),\n  &:focus:not(.icon-button--disabled) {\n    color: var(--hover-color);\n\n    --nano-color-base: var(--hover-color);\n  }\n\n  &:active:not(.icon-button--disabled) {\n    color: var(--active-color);\n\n    --nano-color-base: var(--active-color);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.icon-button--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.focus-visible.icon-button:focus {\n  box-shadow: #{$control-focus-style};\n}\n","import { Component, Prop, h, ComponentInterface } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\n\n/** Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. */\n\n@Component({\n  tag: 'nano-icon-button',\n  styleUrl: 'icon-button.scss',\n  scoped: true,\n})\nexport class IconButton implements ComponentInterface {\n  private button: HTMLButtonElement;\n\n  /** The name of the icon to draw. */\n  @Prop() iconName?: string;\n\n  /** An external URL of an SVG file. */\n  @Prop() iconSrc?: string;\n\n  /** The default behavior of the button. */\n  @Prop({ reflect: true }) type: 'submit' | 'reset' | 'button' = 'button';\n\n  /** The name of the button, submitted as a pair with the button’s value as part of the form data. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Defines the value associated with the button’s name when it’s submitted with the form data. */\n  @Prop({ reflect: true }) value?: string;\n\n  /** A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\n   * always include a label that describes what the icon button does. */\n  @Prop() label!: string;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, an anchor tag will be rendered. */\n  @Prop() href: string | undefined;\n\n  /** Specifies where to display the linked URL. Only applies when an `href` is provided.\n   * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`. */\n  @Prop() target: string | undefined;\n\n  componentDidLoad() {\n    focusVisible.observe(this.button);\n  }\n\n  connectedCallback() {\n    if (this.button) focusVisible.observe(this.button);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.button);\n  }\n\n  render() {\n    const TagType = this.href === undefined ? 'button' : ('a' as any);\n\n    return (\n      <TagType\n        ref={(el) => (this.button = el)}\n        class={{\n          'icon-button': true,\n          'icon-button--disabled': this.disabled,\n        }}\n        aria-label={this.label}\n        name={this.name}\n        value={this.value}\n        href={this.href || undefined}\n        target={this.href && this.target ? this.target : undefined}\n        type={!this.href && this.type ? this.type : undefined}\n      >\n        <nano-icon name={this.iconName} src={this.iconSrc} aria-hidden=\"true\" />\n      </TagType>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-20c43a20.system.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(r,e){for(var t=0,n=e.length,u=r.length;t<n;t++,u++)r[u]=e[t];return r};System.register([],(function(r){"use strict";return{execute:function(){r({g:e,h:t});function e(r){var e=r.assignedNodes({flatten:true});var t="";__spreadArray([],e).map((function(r){if(r.nodeType===Node.TEXT_NODE){t+=r.textContent}}));return t}function t(r,e){if(e){return r.querySelector('[slot="'+e+'"]')!==null}return __spreadArray([],Array.from(r.childNodes)).some((function(r){if(r.nodeType===r.TEXT_NODE&&r.textContent.trim()!==""){return true}if(r.nodeType===r.ELEMENT_NODE){var e=r;if(!e.hasAttribute("slot")){return true}}return false}))}}}}));
+//# sourceMappingURL=p-20c43a20.system.js.map

package/dist/nano-components/p-20c43a20.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/slot.ts"],"names":["getTextContent","slot","nodes","assignedNodes","flatten","text","__spreadArray","map","node","nodeType","Node","TEXT_NODE","textContent","hasSlot","el","name","querySelector","Array","from","childNodes","some","trim","ELEMENT_NODE","el_1","hasAttribute"],"mappings":"yNAyBgBA,EAAeC,GAC7B,IAAMC,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,IAAIC,EAAO,GAEXC,cAAA,GAAIJ,GAAOK,KAAI,SAACC,GACd,GAAIA,EAAKC,WAAaC,KAAKC,UAAW,CACpCN,GAAQG,EAAKI,gBAIjB,OAAOP,WAOOQ,EAAQC,EAAiBC,GAEvC,GAAIA,EAAM,CACR,OAAOD,EAAGE,cAAc,UAAUD,EAAI,QAAU,KAIlD,OAAOT,cAAA,GAAIW,MAAMC,KAAKJ,EAAGK,aAAaC,MAAK,SAACZ,GAC1C,GAAIA,EAAKC,WAAaD,EAAKG,WAAaH,EAAKI,YAAYS,SAAW,GAAI,CACtE,OAAO,KAGT,GAAIb,EAAKC,WAAaD,EAAKc,aAAc,CACvC,IAAMC,EAAKf,EACX,IAAKe,EAAGC,aAAa,QAAS,CAC5B,OAAO,MAIX,OAAO","sourcesContent":["/**\n * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated\n * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      html += (node as HTMLElement).outerHTML;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n * string. This is useful because we can't use slot.textContent as an alternative.\n */\nexport function getTextContent(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let text = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      text += node.textContent;\n    }\n  });\n\n  return text;\n}\n\n//\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n//\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return [...Array.from(el.childNodes)].some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n"]}

package/dist/nano-components/p-214ad382.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,e as r,g as e}from"./p-f55560d3.js";import{P as s}from"./p-4ee095f3.js";let n=0,a=class{constructor(i){t(this,i),this.nanoShow=o(this,"nanoShow",7),this.nanoAfterShow=o(this,"nanoAfterShow",7),this.nanoHide=o(this,"nanoHide",7),this.nanoAfterHide=o(this,"nanoAfterHide",7),this.componentId="tooltip-"+ ++n,this.isVisible=!1,this.content="",this.placement="top",this.disabled=!1,this.distance=10,this.open=!1,this.skidding=0,this.trigger="hover focus",this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()},this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())},this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()},this.handleKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())},this.handleMouseOver=()=>{this.hasTrigger("hover")&&this.show()},this.handleMouseOut=()=>{this.hasTrigger("hover")&&this.hide()},this.handleSlotChange=()=>{const t=this.target,o=this.getTarget();o!==t&&(t&&t.removeAttribute("aria-describedby"),o.setAttribute("aria-describedby",this.componentId))}}handleOpenChange(){this.open?this.show():this.hide()}componentDidLoad(){this.target=this.getTarget(),this.popover=new s(this.target,this.tooltipPositioner),this.syncOptions(),this.host.addEventListener("blur",this.handleBlur,!0),this.host.addEventListener("click",this.handleClick,!0),this.host.addEventListener("focus",this.handleFocus,!0),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover.destroy(),this.host.removeEventListener("blur",this.handleBlur,!0),this.host.removeEventListener("click",this.handleClick,!0),this.host.removeEventListener("focus",this.handleFocus,!0)}async show(){this.isVisible||(this.nanoShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&(this.nanoHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide()))}getTarget(){const t=[...Array.from(this.host.children)].find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!t)throw new Error("Invalid tooltip target: no child element was found.");return t}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.nanoAfterHide.emit(),onAfterShow:()=>this.nanoAfterShow.emit()})}render(){return i(r,{onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("slot",{onSlotchange:this.handleSlotChange}),!this.disabled&&i("div",{ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner"},i("div",{part:"base",ref:t=>this.tooltip=t,id:this.componentId,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{name:"content"},this.content))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};a.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip{max-width:var(--max-width);border-radius:var(--nano-tooltip-border-radius, var(--nano-border-radius-small, 2px));background-color:black;font-size:var(--nano-fontsize-small, 0.875rem);line-height:1.5;color:white;opacity:0;padding:var(--nano-tooltip-padding, var(--nano-spacing-xsmall, 4px) var(--nano-spacing-small, 8px));-webkit-transform:translateY(10px) translateZ(0);transform:translateY(10px) translateZ(0);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;-webkit-transition-delay:var(--hide-delay);transition-delay:var(--hide-delay);-webkit-transition-duration:var(--hide-duration);transition-duration:var(--hide-duration);-webkit-transition-timing-function:var(--hide-timing-function);transition-timing-function:var(--hide-timing-function);white-space:normal}.tooltip::after{content:"";position:absolute;width:0;height:0;color:black}.tooltip-positioner{position:absolute;z-index:var(--nano-layer-index-tooltip, 1000);pointer-events:none}.tooltip-positioner[data-popper-placement^=top] .tooltip{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:translateY(-10px) translateZ(0);transform:translateY(-10px) translateZ(0)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{-webkit-transform-origin:top;transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{-webkit-transform-origin:right;transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{-webkit-transform-origin:left;transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:var(--show-delay);transition-delay:var(--show-delay);-webkit-transition-duration:var(--show-duration);transition-duration:var(--show-duration);-webkit-transition-timing-function:var(--show-timing-function);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - 5px);border-bottom:5px solid;border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:5px}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - 5px);border-top:5px solid;border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:5px}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - 5px);left:100%;border-left:5px solid;border-top:5px solid transparent;border-bottom:5px solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:5px}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:5px}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - 5px);right:100%;border-right:5px solid;border-top:5px solid transparent;border-bottom:5px solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:5px}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:5px}';export{a as nano_tooltip}
+//# sourceMappingURL=p-214ad382.entry.js.map

package/dist/nano-components/p-214ad382.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/tooltip/tooltip.tsx","src/components/tooltip/tooltip.scss?tag=nano-tooltip&encapsulation=shadow"],"names":["id","Tooltip","[object Object]","hostRef","this","componentId","isVisible","content","placement","disabled","distance","open","skidding","trigger","handleBlur","hasTrigger","hide","handleClick","show","handleFocus","handleKeyDown","event","key","stopPropagation","handleMouseOver","handleMouseOut","handleSlotChange","oldTarget","target","newTarget","getTarget","removeAttribute","setAttribute","popover","Popover","tooltipPositioner","syncOptions","host","addEventListener","hidden","destroy","removeEventListener","nanoShow","emit","defaultPrevented","nanoHide","Array","from","children","find","el","tagName","toLowerCase","getAttribute","Error","triggerType","split","includes","setOptions","transitionElement","tooltip","onAfterHide","nanoAfterHide","onAfterShow","nanoAfterShow","h","Host","onKeyDown","onMouseOver","onMouseOut","onSlotchange","ref","class","part","tooltip--open","role","aria-hidden","name"],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  Watch,\n  h,\n} from '@stencil/core';\nimport Popover from '../../utils/popover';\n\nlet id = 0;\n\n/**\n * Tooltips display additional information based on a specific action.\n * @slot - The tooltip's target element. Only the first element will be used as the target.\n * @slot content - The tooltip's content. Alternatively, you can use the content prop.\n */\n@Component({\n  tag: 'nano-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  private componentId = `tooltip-${++id}`;\n  private isVisible = false;\n  private popover: Popover;\n  private tooltipPositioner: HTMLElement;\n  private target: HTMLElement;\n  private tooltip: any;\n\n  @Element() host: HTMLNanoTooltipElement;\n\n  /** The tooltip's content. Alternatively, you can use the content slot. */\n  @Prop() content = '';\n\n  /**\n   * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n   * inside of the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'top';\n\n  /** Set to true to disable the tooltip so it won't show when triggered. */\n  @Prop() disabled = false;\n\n  /** The distance in pixels from which to offset the tooltip away from its target. */\n  @Prop() distance = 10;\n\n  /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The distance in pixels from which to offset the tooltip along its target. */\n  @Prop() skidding = 0;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = 'hover focus';\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the tooltip has shown and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the tooltip has hidden and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  componentDidLoad() {\n    this.target = this.getTarget();\n    this.popover = new Popover(this.target, this.tooltipPositioner);\n    this.syncOptions();\n\n    this.host.addEventListener('blur', this.handleBlur, true);\n    this.host.addEventListener('click', this.handleClick, true);\n    this.host.addEventListener('focus', this.handleFocus, true);\n\n    // Show on init if open\n    this.tooltipPositioner.hidden = !this.open;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  componentDidUpdate() {\n    this.syncOptions();\n  }\n\n  disconnectedCallback() {\n    this.popover.destroy();\n\n    this.host.removeEventListener('blur', this.handleBlur, true);\n    this.host.removeEventListener('click', this.handleClick, true);\n    this.host.removeEventListener('focus', this.handleFocus, true);\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const slShow = this.nanoShow.emit();\n    if (slShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n    this.popover.show();\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const slHide = this.nanoHide.emit();\n    if (slHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.isVisible = false;\n    this.open = false;\n    this.popover.hide();\n  }\n\n  private getTarget() {\n    // Get the first child that isn't a <style> or content slot\n    const target = [...Array.from(this.host.children)].find(\n      (el) =>\n        el.tagName.toLowerCase() !== 'style' &&\n        el.getAttribute('slot') !== 'content'\n    ) as HTMLElement;\n\n    if (!target) {\n      throw new Error('Invalid tooltip target: no child element was found.');\n    }\n\n    return target;\n  }\n\n  private handleBlur = () => {\n    if (this.hasTrigger('focus')) {\n      this.hide();\n    }\n  };\n\n  private handleClick = () => {\n    if (this.hasTrigger('click')) {\n      this.open ? this.hide() : this.show();\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.hasTrigger('focus')) {\n      this.show();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Pressing escape when the target element has focus should dismiss the tooltip\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n    }\n  };\n\n  private handleMouseOver = () => {\n    if (this.hasTrigger('hover')) {\n      this.show();\n    }\n  };\n\n  private handleMouseOut = () => {\n    if (this.hasTrigger('hover')) {\n      this.hide();\n    }\n  };\n\n  private handleSlotChange = () => {\n    const oldTarget = this.target;\n    const newTarget = this.getTarget();\n\n    if (newTarget !== oldTarget) {\n      if (oldTarget) {\n        oldTarget.removeAttribute('aria-describedby');\n      }\n      newTarget.setAttribute('aria-describedby', this.componentId);\n    }\n  };\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  private syncOptions() {\n    this.popover.setOptions({\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.tooltip,\n      onAfterHide: () => this.nanoAfterHide.emit(),\n      onAfterShow: () => this.nanoAfterShow.emit(),\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleKeyDown}\n        onMouseOver={this.handleMouseOver}\n        onMouseOut={this.handleMouseOut}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n\n        {!this.disabled && (\n          <div\n            ref={(el) => (this.tooltipPositioner = el)}\n            class=\"tooltip-positioner\"\n          >\n            <div\n              part=\"base\"\n              ref={(el) => (this.tooltip = el)}\n              id={this.componentId}\n              class={{\n                tooltip: true,\n                'tooltip--open': this.open,\n              }}\n              role=\"tooltip\"\n              aria-hidden={this.open ? 'false' : 'true'}\n            >\n              <slot name=\"content\">{this.content}</slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/nano-theme/components';\n@import '../../global/style/nano-theme/layers';\n\n/**\n * @prop --hide-delay: The amount of time to wait before hiding the tooltip.\n * @prop --hide-duration: The amount of time the hide transition takes to complete.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --show-delay: The amount of time to wait before showing the tooltip.\n * @prop --show-duration: The amount of time the show transition takes to complete.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n */\n:host {\n  --max-width: 20rem;\n  --hide-delay: 0s;\n  --hide-duration: 0.125s;\n  --hide-timing-function: ease;\n  --show-delay: 0.125s;\n  --show-duration: 0.125s;\n  --show-timing-function: ease;\n\n  /* autoprefixer: ignore next */\n  display: contents;\n}\n\n.tooltip {\n  $self: &;\n\n  max-width: var(--max-width);\n  border-radius: #{$tooltip-border-radius};\n  background-color: black;\n  font-size: #{$tooltip-fontsize};\n  line-height: 1.5;\n  color: white;\n  opacity: 0;\n  padding: #{$tooltip-padding};\n  transform: translateY(10px) translateZ(0);\n  transform-origin: bottom;\n  transition-property: opacity, transform;\n  transition-delay: var(--hide-delay);\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n  white-space: normal;\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    color: black;\n  }\n\n  &-positioner {\n    position: absolute;\n    z-index: #{$layer-index-tooltip};\n    pointer-events: none;\n\n    &[data-popper-placement^='top'] #{$self} {\n      transform-origin: bottom;\n      transform: translateY(-10px) translateZ(0);\n    }\n\n    &[data-popper-placement^='bottom'] #{$self} {\n      transform-origin: top;\n    }\n\n    &[data-popper-placement^='left'] #{$self} {\n      transform-origin: right;\n    }\n\n    &[data-popper-placement^='right'] #{$self} {\n      transform-origin: left;\n    }\n\n    &.popover-visible #{$self} {\n      opacity: 1;\n      transform: none;\n      transition-delay: var(--show-delay);\n      transition-duration: var(--show-duration);\n      transition-timing-function: var(--show-timing-function);\n    }\n\n    // Arrow + bottom\n    &[data-popper-placement^='bottom'] #{$self}::after {\n      bottom: 100%;\n      left: calc(50% - #{$tooltip-arrow-size});\n      border-bottom: #{$tooltip-arrow-size} solid;\n      border-left: #{$tooltip-arrow-size} solid transparent;\n      border-right: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='bottom-start'] #{$self}::after {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='bottom-end'] #{$self}::after {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + top\n    &[data-popper-placement^='top'] #{$self}::after {\n      top: 100%;\n      left: calc(50% - #{$tooltip-arrow-size});\n      border-top: #{$tooltip-arrow-size} solid;\n      border-left: #{$tooltip-arrow-size} solid transparent;\n      border-right: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='top-start'] #{$self}::after {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='top-end'] #{$self}::after {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + left\n    &[data-popper-placement^='left'] #{$self}::after {\n      top: calc(50% - #{$tooltip-arrow-size});\n      left: 100%;\n      border-left: #{$tooltip-arrow-size} solid;\n      border-top: #{$tooltip-arrow-size} solid transparent;\n      border-bottom: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='left-start'] #{$self}::after {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='left-end'] #{$self}::after {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n\n    // Arrow + right\n    &[data-popper-placement^='right'] #{$self}::after {\n      top: calc(50% - #{$tooltip-arrow-size});\n      right: 100%;\n      border-right: #{$tooltip-arrow-size} solid;\n      border-top: #{$tooltip-arrow-size} solid transparent;\n      border-bottom: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='right-start'] #{$self}::after {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='right-end'] #{$self}::after {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n  }\n}\n"]}

package/dist/nano-components/p-21f484a3.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-2d59dda3.system.js","./p-89a5c54a.system.js"],(function(t){"use strict";var o,e,r,i;return{setters:[function(t){o=t.r;e=t.h;r=t.g},function(t){i=t.h}],execute:function(){var n=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block;--nano-loader-base:#4a4a4a;--nano-loader-tint:#7d7d7d;--theme-color:#fff;--theme-tint-color:#90c6e7;--scrim-color:0, 0, 0;--scrim-direction:90deg;--scrim-opacity-from:0.25;--scrim-opacity-to:0.7;--padding:0;color:var(--theme-color)}:host([theme=light]){--nano-loader-base:#fff;--nano-loader-tint:white;--theme-color:#4a4a4a;--scrim-color:255, 255, 255;--scrim-opacity-from:0.25;--scrim-opacity-to:1;--scrim-direction:270deg;color:var(--theme-color)}:host([theme=light]) .hero__primary-content{--color:#4a4a4a}.hero{position:relative}.hero--rtl{--scrim-direction:270deg}.hero--secondary:not(.hero--iconbox){--scrim-direction:0deg}.hero__bg-wrap{overflow:hidden}.hero__bg-slot{position:absolute;top:0;bottom:0;left:0;right:0}.hero__ctas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:32px 32px 0;margin-bottom:-64px;position:relative;z-index:1}@media (max-width: 52em){.hero__ctas{display:none}}@media (max-width: 58em){.hero__ctas{margin-bottom:-48px}}.hero__ctas ::slotted(a.button[slot=secondary-ctas]),.hero__ctas::slotted(a.button[slot=secondary-ctas]){padding:0.25rem 0.5rem !important;font-size:0.875rem !important;margin:0 0.25rem !important}.hero__img{display:block;--padding:inherit}.hero__breadcrumbs{display:none;margin:20px 14px 0;line-height:14px}.hero--breadcrumb .hero__breadcrumbs{display:block}.is-xl .hero__breadcrumbs{margin:0 50px;max-width:50%}.is-xxl .hero__breadcrumbs{margin:0 83px}.hero__breadcrumbs ::slotted(*[slot=breadcrumb]),.hero__breadcrumbs::slotted(*[slot=breadcrumb]){font-size:0.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;font-stretch:125%;display:inline-block;margin-bottom:16px;position:relative;z-index:2}.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]),.hero--hasbg .hero__breadcrumbs::slotted(*[slot=breadcrumb]){text-shadow:1px 1px rgba(0, 0, 0, 0.15)}.hero__breadcrumbs ::slotted(a[slot=breadcrumb]),.hero__breadcrumbs::slotted(a[slot=breadcrumb]){color:var(--theme-tint-color) !important;cursor:pointer}.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]),.hero__breadcrumbs::slotted(.slash[slot=breadcrumb]){color:var(--theme-color);position:relative;margin:0 0.5rem;display:inline-block}.hero__scrim{position:absolute;left:0;right:0;bottom:0;top:0;z-index:0;background:-webkit-gradient(linear, left top, left bottom, from(var(--scrim-direction)), color-stop(0%, rgba(var(--scrim-color), var(--scrim-opacity-from))), to(rgba(var(--scrim-color), var(--scrim-opacity-to))));background:linear-gradient(var(--scrim-direction), rgba(var(--scrim-color), var(--scrim-opacity-from)) 0%, rgba(var(--scrim-color), var(--scrim-opacity-to)) 100%)}.hero--scrim .hero__scrim{background:none}.hero__content{max-width:1440px;--grid-row-gap:0;margin:0 auto;position:relative}.hero__content.is-xl{margin-top:50px;max-width:1540px}.hero__content.is-xxl{margin-top:83px;max-width:1606px}.hero__primary{margin:16px}.hero--breadcrumb .hero__primary{margin:0 16px}.hero--backbtn .hero__primary{margin-left:0}.hero__primary ::slotted(nano-icon-button[slot=back-btn]),.hero__primary::slotted(nano-icon-button[slot=back-btn]){font-size:2rem}.is-xl .hero__primary{margin:0 0 50px 50px}.is-xl .hero__primary ::slotted(nano-icon-button[slot=back-btn]),.is-xl .hero__primary::slotted(nano-icon-button[slot=back-btn]){margin-left:-3rem;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.is-xl .hero__primary ::slotted(nano-icon-button[slot=back-btn]),.is-xl .hero__primary::slotted(nano-icon-button[slot=back-btn]){margin-left:unset;margin-right:unset;-webkit-margin-start:-3rem;margin-inline-start:-3rem;-webkit-margin-end:0;margin-inline-end:0}}.is-xxl .hero__primary{margin:0 0 83px 83px}.hero__primary-content{max-width:45rem;--color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.hero--backbtn .hero__primary-content>div{padding:10px 0 0 0}.hero__primary-content ::slotted(h1[slot=primary-content]),.hero__primary-content::slotted(h1[slot=primary-content]){line-height:26px !important;margin-top:0 !important;margin-bottom:18px !important;font-size:2rem !important}.is-xl .hero__primary-content ::slotted(h1[slot=primary-content]),.is-xl .hero__primary-content::slotted(h1[slot=primary-content]){line-height:31px !important;margin-bottom:30px !important}.is-xl .hero__primary-content ::slotted(.button[slot=primary-content]),.is-xl .hero__primary-content::slotted(.button[slot=primary-content]){margin-top:20px !important}.hero__secondary{display:none;height:100%;padding:0 14px 20px}.hero--secondary .hero__secondary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-xl .hero__secondary{padding:0 50px 50px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.is-xxl .hero__secondary{padding:0 83px 83px}.hero__icon-box{background:rgba(0, 0, 0, 0.7);padding:24px;width:100%;margin-bottom:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:white}.is-xl .hero__icon-box{max-width:410px;-webkit-box-flex:0;-ms-flex:0 1 410px;flex:0 1 410px}.hero__icon-box::slotted([slot=icon-box-item] nano-icon){color:var(--theme-tint-color);--nano-icon-size:32px;--nano-icon-margin-end:20px}.hero__icon-box ::slotted([slot=icon-box-item]){--nano-color-base:var(--theme-tint-color);--nano-icon-size:32px;--nano-icon-margin-end:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.8125rem;margin-bottom:20px}.hero__icon-box ::slotted(.last[slot=icon-box-item]),.hero__icon-box::slotted(.last[slot=icon-box-item]){margin-bottom:0}.hero__quote-content{margin-top:auto;text-align:center;width:100%}.is-xl .hero__quote-content{max-width:500px;-webkit-box-flex:0;-ms-flex:0 1 500px;flex:0 1 500px;text-align:initial}.hero__quote::before,.hero__quote::after{content:'\"';font-size:2.5rem;font-weight:700;font-style:italic;color:#abb6b8;display:inline}.hero__quote ::slotted([slot=quote]),.hero__quote::slotted([slot=quote]){font-size:32px;font-weight:300;font-style:italic;display:inline}.is-xl .hero__quote ::slotted([slot=quote]),.is-xl .hero__quote::slotted([slot=quote]){font-size:42px}.hero__quote-author{text-align:right;text-align:end;font-size:1rem;opacity:0.8}.hero--sub .hero__content.is-xl{margin-top:40px}.hero--sub .hero__content.is-xl .hero__primary{margin:0 0 40px 50px}.hero--sub .hero__content.is-xl .hero__secondary{padding:0 50px 50px 40px}.hero--sub .hero__content.is-xl ::slotted(.button[slot=primary-content]),.hero--sub .hero__content.is-xl::slotted(.button[slot=primary-content]){margin-top:8px !important}.hero--sub .hero__content.is-xl ::slotted(h1[slot=primary-content]),.hero--sub .hero__content.is-xl::slotted(h1[slot=primary-content]){margin-bottom:18px !important}.hero--sub .hero__content.is-xxl .hero__primary{margin:0 0 40px 83px}.hero--sub .hero__content.is-xxl .hero__secondary{padding:0 83px 83px 40px}";var s=t("nano_hero",function(){function t(t){var r=this;o(this,t);this.isLegacy=false;this.imgSrcSet=null;this.largeScreenBP=900;this.theme="dark";this.level="top";this.HeroContent=function(){return[!r.hasIconBox&&r.hasCtas?e("div",{class:"hero__ctas"},e("slot",{name:"secondary-ctas"})):"",e("div",{class:"hero__scrim"},e("slot",{name:"scrim"})),e("nano-grid",{class:"hero__content",xlCols:2,xlSize:r.largeScreenBP},e("nano-grid-item",{gridStates:"xl-col-span-2"},e("div",{class:"hero__breadcrumbs"},e("slot",{name:"breadcrumb"}))),e("nano-grid-item",{gridStates:r.hasSecondaryContent?"xl-col-span-1 xl-col-start-1 xl-row-start-2":"xl-col-span-2 xl-col-start-1 xl-row-start-2"},e("div",{class:"hero__primary"},e("div",{class:"hero__primary-content"},e("slot",{name:"back-btn"}),e("div",null,e("slot",{name:"primary-content"}))))),r.hasSecondaryContent&&e("nano-grid-item",{gridStates:"xl-col-span-1 xl-col-start-2 xl-row-start-2"},e("div",{class:"hero__secondary"},e("slot",{name:"secondary-content"}),r.hasIconBox&&e("div",{class:"hero__icon-box"},e("slot",{name:"icon-box"}),e("slot",{name:"icon-box-item"})),r.hasQuote&&e("div",{class:"hero__quote-content"},e("span",{class:"hero__quote"},e("slot",{name:"quote"})),e("div",{class:"hero__quote-author"},e("slot",{name:"quote-author"}))))))]}}t.prototype.breadCrumbChange=function(){this.breadCrumbs.filter((function(t){return t.tagName==="A"&&!t.nextElementSibling.classList.contains("slash")})).forEach((function(t){t.insertAdjacentHTML("afterend",'<span slot="breadcrumb" class="slash">/</span>')}))};t.prototype.iconBoxItemChange=function(){this.iconBoxItems.forEach((function(t){return t.classList.remove("last")}));if(this.iconBoxItems[this.iconBoxItems.length-1]&&this.iconBoxItems[this.iconBoxItems.length-1].classList)this.iconBoxItems[this.iconBoxItems.length-1].classList.add("last")};t.prototype.slotChangeObserver=function(){var t=this;if(this.mo)this.mo.disconnect();var o=this.mo=new MutationObserver((function(){return t.processSlottedContent()}));o.observe(this.host,{childList:true})};t.prototype.processSlottedContent=function(){this.hasCtas=!!this.host.querySelector('[slot="secondary-ctas"]');this.iconBoxItems=Array.from(this.host.querySelectorAll('[slot="icon-box-item"]'));this.hasIconBox=!!this.host.querySelector('[slot="icon-box"]')||!!this.iconBoxItems.length;this.hasScrim=!!this.host.querySelector('[slot="scrim"]');this.breadCrumbs=Array.from(this.host.querySelectorAll('[slot="breadcrumb"]'));this.hasSecondaryContent=!!this.host.querySelector('[slot="icon-box"]')||!!this.host.querySelector('[slot="quote"]')||!!this.host.querySelector('[slot="icon-box-item"]')||!!this.host.querySelector('[slot="secondary-content"]');this.hasBg=!!this.host.querySelector('[slot="background"]')||!!this.imgSrc;this.hasBackBtn=!!this.host.querySelector('[slot="back-btn"]');this.hasQuote=!!this.host.querySelector('[slot="quote"]')};t.prototype.connectedCallback=function(){this.isLegacy=!i(this.host)};t.prototype.disconnectedCallback=function(){if(this.mo)this.mo.disconnect()};t.prototype.componentDidLoad=function(){this.slotChangeObserver()};t.prototype.componentWillLoad=function(){this.processSlottedContent()};t.prototype.render=function(){var t=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl";return e("div",{class:{hero:true,"hero--light":this.theme==="light","hero--secondary":this.hasSecondaryContent,"hero--iconbox":this.hasIconBox,"hero--rtl":t,"hero--scrim":this.hasScrim,"hero--legacy":this.isLegacy,"hero--breadcrumb":!!this.breadCrumbs.length,"hero--hasbg":this.hasBg,"hero--backbtn":this.hasBackBtn,"hero--sub":this.level==="sub"}},e("div",{class:"hero__bg-wrap"},!!this.imgSrc&&e("nano-img",{class:"hero__img",lazy:false,background:true,srcSet:this.imgSrcSet,src:this.imgSrc},e(this.HeroContent,null)),!this.imgSrc&&[e("div",{class:"hero__bg-slot"},e("slot",{name:"background"})),e(this.HeroContent,null)]))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{breadCrumbs:["breadCrumbChange"],iconBoxItems:["iconBoxItemChange"]}},enumerable:false,configurable:true});return t}());s.style=n}}}));
+//# sourceMappingURL=p-21f484a3.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/hero/hero.scss?tag=nano-hero&encapsulation=shadow","src/components/hero/hero.tsx"],"names":["heroCss","Hero","exports","class_1","hostRef","_this","this","isLegacy","imgSrcSet","largeScreenBP","theme","level","HeroContent","hasIconBox","hasCtas","h","class","name","xlCols","xlSize","gridStates","hasSecondaryContent","hasQuote","prototype","breadCrumbChange","breadCrumbs","filter","crumb","tagName","nextElementSibling","classList","contains","forEach","insertAdjacentHTML","iconBoxItemChange","iconBoxItems","item","remove","length","add","slotChangeObserver","mo","disconnect","MutationObserver","processSlottedContent","observe","host","childList","querySelector","Array","from","querySelectorAll","hasScrim","hasBg","imgSrc","hasBackBtn","connectedCallback","hasShadowDom","disconnectedCallback","componentDidLoad","componentWillLoad","render","rtl","dir","ownerDocument","hero","hero--light","hero--secondary","hero--iconbox","hero--rtl","hero--scrim","hero--legacy","hero--breadcrumb","hero--hasbg","hero--backbtn","hero--sub","lazy","background","srcSet","src"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n\n:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #{$color-lightblue};\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n  */\n\n  display: block;\n\n  --nano-loader-base: #{$color-black};\n  --nano-loader-tint: #{lighten($color-black, 20%)};\n  --theme-color: #{$color-white};\n  --theme-tint-color: #{$color-lightblue};\n  --scrim-color: 0, 0, 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n\n  color: var(--theme-color);\n}\n\n:host([theme='light']) {\n  --nano-loader-base: #{$color-white};\n  --nano-loader-tint: #{lighten($color-white, 20%)};\n  --theme-color: #{$color-black};\n  --scrim-color: 255, 255, 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n\n  color: var(--theme-color);\n\n  .hero__primary-content {\n    --color: #{$color-black};\n  }\n}\n\n.hero {\n  position: relative;\n\n  &--rtl {\n    --scrim-direction: 270deg;\n  }\n\n  &--secondary:not(.hero--iconbox) {\n    --scrim-direction: 0deg;\n  }\n\n  &__bg-wrap {\n    overflow: hidden;\n  }\n\n  &__bg-slot {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n\n  &__ctas {\n    @media (max-width: 52em) {\n      display: none;\n    }\n\n    @media (max-width: 58em) {\n      margin-bottom: -48px;\n    }\n\n    display: flex;\n    justify-content: flex-end;\n    padding: 32px 32px 0;\n    margin-bottom: -64px;\n    position: relative;\n    z-index: 1;\n\n    ::slotted(a.button[slot='secondary-ctas']),\n    &::slotted(a.button[slot='secondary-ctas']) {\n      padding: 0.25rem 0.5rem !important;\n      font-size: 0.875rem !important;\n      margin: 0 0.25rem !important;\n    }\n  }\n\n  &__img {\n    display: block;\n\n    --padding: inherit;\n  }\n\n  &__breadcrumbs {\n    display: none;\n    margin: 20px 14px 0;\n    line-height: 14px;\n\n    .hero--breadcrumb & {\n      display: block;\n    }\n\n    .is-xl & {\n      margin: 0 50px;\n      max-width: 50%;\n    }\n\n    .is-xxl & {\n      margin: 0 83px;\n    }\n\n    ::slotted(*[slot='breadcrumb']),\n    &::slotted(*[slot='breadcrumb']) {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      font-weight: 600;\n      font-stretch: 125%;\n      display: inline-block;\n      margin-bottom: 16px;\n      position: relative;\n      z-index: 2;\n\n      .hero--hasbg & {\n        text-shadow: 1px 1px rgb(0 0 0 / 15%);\n      }\n    }\n\n    ::slotted(a[slot='breadcrumb']),\n    &::slotted(a[slot='breadcrumb']) {\n      color: var(--theme-tint-color) !important;\n      cursor: pointer;\n    }\n\n    ::slotted(.slash[slot='breadcrumb']),\n    &::slotted(.slash[slot='breadcrumb']) {\n      color: var(--theme-color);\n      position: relative;\n      margin: 0 0.5rem;\n      display: inline-block;\n    }\n  }\n\n  &__scrim {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    z-index: 0;\n    background:\n      linear-gradient(\n        var(--scrim-direction),\n        rgba(var(--scrim-color), var(--scrim-opacity-from)) 0%,\n        rgba(var(--scrim-color), var(--scrim-opacity-to)) 100%\n      );\n\n    .hero--scrim & {\n      background: none;\n    }\n  }\n\n  &__content {\n    max-width: 1440px;\n\n    --grid-row-gap: 0;\n\n    margin: 0 auto;\n    position: relative;\n\n    &.is-xl {\n      margin-top: 50px;\n      max-width: 1540px;\n    }\n\n    &.is-xxl {\n      margin-top: 83px;\n      max-width: 1606px;\n    }\n  }\n\n  &__primary {\n    margin: 16px;\n\n    .hero--breadcrumb & {\n      margin: 0 16px;\n    }\n\n    .hero--backbtn & {\n      margin-left: 0;\n    }\n\n    ::slotted(nano-icon-button[slot='back-btn']),\n    &::slotted(nano-icon-button[slot='back-btn']) {\n      font-size: 2rem;\n    }\n\n    .is-xl & {\n      margin: 0 0 50px 50px;\n\n      ::slotted(nano-icon-button[slot='back-btn']),\n      &::slotted(nano-icon-button[slot='back-btn']) {\n        @include margin(0, 0, 0, -3rem);\n      }\n    }\n\n    .is-xxl & {\n      margin: 0 0 83px 83px;\n    }\n  }\n\n  &__primary-content {\n    max-width: 45rem;\n\n    --color: #fff;\n\n    display: flex;\n\n    .hero--backbtn & {\n      > div {\n        padding: 10px 0 0 0;\n      }\n    }\n\n    ::slotted(h1[slot='primary-content']),\n    &::slotted(h1[slot='primary-content']) {\n      line-height: 26px !important;\n      margin-top: 0 !important;\n      margin-bottom: 18px !important;\n      font-size: 2rem !important;\n    }\n\n    .is-xl & {\n      ::slotted(h1[slot='primary-content']),\n      &::slotted(h1[slot='primary-content']) {\n        line-height: 31px !important;\n        margin-bottom: 30px !important;\n      }\n\n      ::slotted(.button[slot='primary-content']),\n      &::slotted(.button[slot='primary-content']) {\n        margin-top: 20px !important;\n      }\n    }\n  }\n\n  &__secondary {\n    display: none;\n    height: 100%;\n    padding: 0 14px 20px;\n\n    .hero--secondary & {\n      display: flex;\n      align-items: center;\n    }\n\n    .is-xl & {\n      padding: 0 50px 50px;\n      justify-content: flex-end;\n    }\n\n    .is-xxl & {\n      padding: 0 83px 83px;\n    }\n  }\n\n  &__icon-box {\n    background: rgba(0, 0, 0, 0.7);\n    padding: 24px;\n    width: 100%;\n    margin-bottom: auto;\n    display: flex;\n    flex-direction: column;\n    color: white;\n\n    .is-xl & {\n      max-width: 410px;\n      flex: 0 1 410px;\n    }\n\n    // for silly IE\n    &::slotted([slot='icon-box-item'] nano-icon) {\n      color: var(--theme-tint-color);\n\n      --nano-icon-size: 32px;\n      --nano-icon-margin-end: 20px;\n    }\n\n    ::slotted([slot='icon-box-item']) {\n      --nano-color-base: var(--theme-tint-color);\n      --nano-icon-size: 32px;\n      --nano-icon-margin-end: 20px;\n\n      display: flex;\n      align-items: center;\n      font-size: 0.8125rem;\n      margin-bottom: 20px;\n    }\n\n    ::slotted(.last[slot='icon-box-item']),\n    &::slotted(.last[slot='icon-box-item']) {\n      margin-bottom: 0;\n    }\n  }\n\n  &__quote-content {\n    margin-top: auto;\n    text-align: center;\n    width: 100%;\n\n    .is-xl & {\n      max-width: 500px;\n      flex: 0 1 500px;\n      text-align: initial;\n    }\n  }\n\n  &__quote {\n    &::before,\n    &::after {\n      content: '\"';\n      font-size: 2.5rem;\n      font-weight: 700;\n      font-style: italic;\n      color: #abb6b8;\n      display: inline;\n    }\n\n    ::slotted([slot='quote']),\n    &::slotted([slot='quote']) {\n      font-size: 32px;\n      font-weight: 300;\n      font-style: italic;\n      display: inline;\n\n      .is-xl & {\n        font-size: 42px;\n      }\n    }\n  }\n\n  &__quote-author {\n    text-align: right;\n    text-align: end;\n    font-size: 1rem;\n    opacity: 0.8;\n  }\n\n  &--sub {\n    .hero__content.is-xl {\n      margin-top: 40px;\n\n      .hero__primary {\n        margin: 0 0 40px 50px;\n      }\n\n      .hero__secondary {\n        padding: 0 50px 50px 40px;\n      }\n\n      ::slotted(.button[slot='primary-content']),\n      &::slotted(.button[slot='primary-content']) {\n        margin-top: 8px !important;\n      }\n\n      ::slotted(h1[slot='primary-content']),\n      &::slotted(h1[slot='primary-content']) {\n        margin-bottom: 18px !important;\n      }\n    }\n\n    .hero__content.is-xxl {\n      .hero__primary {\n        margin: 0 0 40px 83px;\n      }\n\n      .hero__secondary {\n        padding: 0 83px 83px 40px;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  h,\n  ComponentInterface,\n  VNode,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\n/**\n * Hero components are designed to be used once per content page to add visual impact to the introductory section of a page.\n * @slot primary-content - title, leading paragraph and CTA\n * @slot breadcrumb - each individual bread crumb should be assigned seperately\n * @slot secondary-content - free form secondary content.\n * @slot icon-box - free form icon box container\n * @slot icon-box-item - seperate icon box items. Designed to contain 1 icon and 1 text element.\n * @slot secondary-ctas - CTAs. each individual button should be assigned seperately\n * @slot quote - quote content\n * @slot quote-author - quote author\n * @slot scrim - optional background overlay (e.g. faded colour or gradient)\n * @slot background - custom background. Only active when img-src is empty\n * @slot back-btn - a back button.\n */\n@Component({\n  tag: 'nano-hero',\n  styleUrl: 'hero.scss',\n  shadow: true,\n})\nexport class Hero implements ComponentInterface {\n  private mo?: MutationObserver;\n  private isLegacy = false;\n\n  @Element() host: HTMLNanoHeroElement;\n\n  @State() hasIconBox: boolean;\n  @State() hasScrim: boolean;\n  @State() hasSecondaryContent: boolean;\n  @State() hasQuote: boolean;\n  @State() hasBg: boolean;\n  @State() hasBackBtn: boolean;\n  @State() hasCtas: boolean;\n  @State() breadCrumbs: Element[];\n  @Watch('breadCrumbs')\n  breadCrumbChange() {\n    // safari doesn't support ::slotted()::after ... so this :/\n    this.breadCrumbs\n      .filter(\n        (crumb) =>\n          crumb.tagName === 'A' &&\n          !crumb.nextElementSibling.classList.contains('slash')\n      )\n      .forEach((crumb) => {\n        crumb.insertAdjacentHTML(\n          'afterend',\n          '<span slot=\"breadcrumb\" class=\"slash\">/</span>'\n        );\n      });\n  }\n  @State() iconBoxItems: Element[];\n  @Watch('iconBoxItems')\n  iconBoxItemChange() {\n    this.iconBoxItems.forEach((item) => item.classList.remove('last'));\n    if (\n      this.iconBoxItems[this.iconBoxItems.length - 1] &&\n      this.iconBoxItems[this.iconBoxItems.length - 1].classList\n    )\n      this.iconBoxItems[this.iconBoxItems.length - 1].classList.add('last');\n  }\n\n  /** src for backgronund image. For more control use the `background` slot instead. */\n  @Prop() imgSrc?: string;\n\n  /** Optional list string providing media sizes with corresponding image srcs.\n   * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` */\n  @Prop() imgSrcSet?: string = null;\n\n  /** The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px) */\n  @Prop() largeScreenBP: number = 900;\n\n  /** Base style for the hero. Either 'light' (white bg / dark text), or 'dark' (dark bg / white text) */\n  @Prop() theme: 'dark' | 'light' = 'dark';\n\n  /** Set the content structure level of the hero. Defaults to 'top'  */\n  @Prop() level: 'top' | 'sub' = 'top';\n\n  private slotChangeObserver() {\n    if (this.mo) this.mo.disconnect();\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.host, { childList: true });\n  }\n\n  private processSlottedContent() {\n    this.hasCtas = !!this.host.querySelector('[slot=\"secondary-ctas\"]');\n    this.iconBoxItems = Array.from(\n      this.host.querySelectorAll('[slot=\"icon-box-item\"]')\n    );\n    this.hasIconBox =\n      !!this.host.querySelector('[slot=\"icon-box\"]') ||\n      !!this.iconBoxItems.length;\n    this.hasScrim = !!this.host.querySelector('[slot=\"scrim\"]');\n    this.breadCrumbs = Array.from(\n      this.host.querySelectorAll('[slot=\"breadcrumb\"]')\n    );\n    this.hasSecondaryContent =\n      !!this.host.querySelector('[slot=\"icon-box\"]') ||\n      !!this.host.querySelector('[slot=\"quote\"]') ||\n      !!this.host.querySelector('[slot=\"icon-box-item\"]') ||\n      !!this.host.querySelector('[slot=\"secondary-content\"]');\n    this.hasBg =\n      !!this.host.querySelector('[slot=\"background\"]') || !!this.imgSrc;\n    this.hasBackBtn = !!this.host.querySelector('[slot=\"back-btn\"]');\n    this.hasQuote = !!this.host.querySelector('[slot=\"quote\"]');\n  }\n\n  connectedCallback() {\n    this.isLegacy = !hasShadowDom(this.host);\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  private HeroContent = (): VNode[] => {\n    return [\n      !this.hasIconBox && this.hasCtas ? (\n        <div class=\"hero__ctas\">\n          <slot name=\"secondary-ctas\" />\n        </div>\n      ) : (\n        ''\n      ),\n      <div class=\"hero__scrim\">\n        <slot name=\"scrim\" />\n      </div>,\n      <nano-grid class=\"hero__content\" xlCols={2} xlSize={this.largeScreenBP}>\n        <nano-grid-item gridStates=\"xl-col-span-2\">\n          <div class=\"hero__breadcrumbs\">\n            <slot name=\"breadcrumb\" />\n          </div>\n        </nano-grid-item>\n        <nano-grid-item\n          gridStates={\n            this.hasSecondaryContent\n              ? 'xl-col-span-1 xl-col-start-1 xl-row-start-2'\n              : 'xl-col-span-2 xl-col-start-1 xl-row-start-2'\n          }\n        >\n          <div class=\"hero__primary\">\n            <div class=\"hero__primary-content\">\n              <slot name=\"back-btn\" />\n              <div>\n                <slot name=\"primary-content\" />\n              </div>\n            </div>\n          </div>\n        </nano-grid-item>\n        {this.hasSecondaryContent && (\n          <nano-grid-item gridStates=\"xl-col-span-1 xl-col-start-2 xl-row-start-2\">\n            <div class=\"hero__secondary\">\n              <slot name=\"secondary-content\" />\n              {this.hasIconBox && (\n                <div class=\"hero__icon-box\">\n                  <slot name=\"icon-box\" />\n                  <slot name=\"icon-box-item\" />\n                </div>\n              )}\n              {this.hasQuote && (\n                <div class=\"hero__quote-content\">\n                  <span class=\"hero__quote\">\n                    <slot name=\"quote\" />\n                  </span>\n                  <div class=\"hero__quote-author\">\n                    <slot name=\"quote-author\" />\n                  </div>\n                </div>\n              )}\n            </div>\n          </nano-grid-item>\n        )}\n      </nano-grid>,\n    ];\n  };\n\n  render() {\n    const rtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <div\n        class={{\n          hero: true,\n          'hero--light': this.theme === 'light',\n          'hero--secondary': this.hasSecondaryContent,\n          'hero--iconbox': this.hasIconBox,\n          'hero--rtl': rtl,\n          'hero--scrim': this.hasScrim,\n          'hero--legacy': this.isLegacy,\n          'hero--breadcrumb': !!this.breadCrumbs.length,\n          'hero--hasbg': this.hasBg,\n          'hero--backbtn': this.hasBackBtn,\n          'hero--sub': this.level === 'sub',\n        }}\n      >\n        <div class=\"hero__bg-wrap\">\n          {!!this.imgSrc && (\n            <nano-img\n              class=\"hero__img\"\n              lazy={false}\n              background\n              srcSet={this.imgSrcSet}\n              src={this.imgSrc}\n            >\n              <this.HeroContent />\n            </nano-img>\n          )}\n          {!this.imgSrc && [\n            <div class=\"hero__bg-slot\">\n              <slot name=\"background\" />\n            </div>,\n            <this.HeroContent />,\n          ]}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-22b50344.system.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(r,t){for(var n=0,e=t.length,i=r.length;n<e;n++,i++)r[i]=t[n];return r};System.register([],(function(r){"use strict";return{execute:function(){r("t",e);var t=r("a",(function(r,t){var e=r._original||r;return{_original:r,emit:n(e.emit.bind(e),t)}}));var n=r("d",(function(r,t){if(t===void 0){t=0}var n;return function(){var e=[];for(var i=0;i<arguments.length;i++){e[i]=arguments[i]}clearTimeout(n);n=setTimeout.apply(void 0,__spreadArray([r,t],e))}}));function e(r,t){var n=false;var e;var i;function a(){if(n){e=arguments;i=this;return}n=true;r.apply(this,arguments);setTimeout((function(){n=false;if(e){a.apply(i,e);e=i=null}}),t)}return a}}}}));
+//# sourceMappingURL=p-22b50344.system.js.map

package/dist/nano-components/p-22b50344.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/throttle.ts"],"names":["debounceEvent","exports","event","wait","original","_original","emit","debounce","bind","callback","timer","args","_i","arguments","length","clearTimeout","setTimeout","apply","__spreadArray","throttle","delay","isThrottled","context","wrapper","this"],"mappings":"gNAMaA,EAAaC,EAAA,KAAG,SAC3BC,EACAC,GAEA,IAAMC,EAAYF,EAAcG,WAAaH,EAC7C,MAAO,CACLG,UAAWH,EACXI,KAAMC,EAASH,EAASE,KAAKE,KAAKJ,GAAWD,WAUpCI,EAAQN,EAAA,KAAG,SAACQ,EAAoCN,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,EAC3D,IAAIO,EACJ,OAAO,WAAC,IAAAC,EAAA,OAAA,IAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAc,CAAdD,EAAAC,GAAAC,UAAAD,GACNG,aAAaL,GACbA,EAAQM,WAAUC,WAAA,EAAAC,cAAA,CAACT,EAAUN,GAASQ,iBAU1BQ,EAASV,EAAoCW,GAC3D,IAAIC,EAAc,MAClB,IAAIV,EACJ,IAAIW,EAEJ,SAASC,IACP,GAAIF,EAAa,CACfV,EAAOE,UACPS,EAAUE,KACV,OAGFH,EAAc,KACdZ,EAASQ,MAAMO,KAAMX,WAErBG,YAAW,WACTK,EAAc,MACd,GAAIV,EAAM,CACRY,EAAQN,MAAMK,EAASX,GACvBA,EAAOW,EAAU,QAElBF,GAGL,OAAOG","sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const deferEvent = (event: EventEmitter): EventEmitter => {\n  return debounceEvent(event, 0);\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\n/**\n * debounce ensures that one function call is made for an event that fires multiple times.\n * @param callback to perform after waiting\n * @param wait how to long to wait before calling the function\n * @returns a debounced function to call as often as required\n */\nexport const debounce = (callback: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(callback, wait, ...args);\n  };\n};\n\n/**\n * throttle delays executing a function - reducing the function calls of an event that fires multiple times.\n * @param callback to perform after a delay\n * @param delay how long to delay before calling the function\n * @returns a throttled function to call as often as required\n */\nexport function throttle(callback: (...args: [any]) => void, delay: number) {\n  let isThrottled = false;\n  let args: any;\n  let context: any;\n\n  function wrapper() {\n    if (isThrottled) {\n      args = arguments;\n      context = this;\n      return;\n    }\n\n    isThrottled = true;\n    callback.apply(this, arguments);\n\n    setTimeout(() => {\n      isThrottled = false;\n      if (args) {\n        wrapper.apply(context, args);\n        args = context = null;\n      }\n    }, delay);\n  }\n\n  return wrapper;\n}\n"]}

package/dist/nano-components/p-23da4de5.js

@@ -0,0 +1,4 @@
+import{c as t,a as n}from"./p-dfe5a97d.js";var e=t((function(t){
+/*! algoliasearch.umd.js | 4.10.5 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript */
+t.exports=function(){function t(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function n(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,r)}return e}function e(e){for(var r=1;r<arguments.length;r++){var u=null!=arguments[r]?arguments[r]:{};r%2?n(Object(u),!0).forEach((function(n){t(e,n,u[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(u)):n(Object(u)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(u,t))}))}return e}function r(t,n){if(null==t)return{};var e,r,u=function(t,n){if(null==t)return{};var e,r,u={},o=Object.keys(t);for(r=0;r<o.length;r++)n.indexOf(e=o[r])>=0||(u[e]=t[e]);return u}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)n.indexOf(e=o[r])>=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(u[e]=t[e])}return u}function u(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var e=[],r=!0,u=!1,o=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(e.push(i.value),!n||e.length!==n);r=!0);}catch(t){u=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(u)throw o}}return e}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function o(t){return function(t){if(Array.isArray(t)){for(var n=0,e=new Array(t.length);n<t.length;n++)e[n]=t[n];return e}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function i(t){var n,e="algoliasearch-client-js-".concat(t.key),r=function(){return void 0===n&&(n=t.localStorage||window.localStorage),n},o=function(){return JSON.parse(r().getItem(e)||"{}")};return{get:function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{miss:function(){return Promise.resolve()}};return Promise.resolve().then((function(){var e=JSON.stringify(t),r=o()[e];return Promise.all([r||n(),void 0!==r])})).then((function(t){var n=u(t,2),r=n[0];return Promise.all([r,n[1]||e.miss(r)])})).then((function(t){return u(t,1)[0]}))},set:function(t,n){return Promise.resolve().then((function(){var u=o();return u[JSON.stringify(t)]=n,r().setItem(e,JSON.stringify(u)),n}))},delete:function(t){return Promise.resolve().then((function(){var n=o();delete n[JSON.stringify(t)],r().setItem(e,JSON.stringify(n))}))},clear:function(){return Promise.resolve().then((function(){r().removeItem(e)}))}}}function c(t){var n=o(t.caches),e=n.shift();return void 0===e?{get:function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{miss:function(){return Promise.resolve()}};return n().then((function(t){return Promise.all([t,e.miss(t)])})).then((function(t){return u(t,1)[0]}))},set:function(t,n){return Promise.resolve(n)},delete:function(){return Promise.resolve()},clear:function(){return Promise.resolve()}}:{get:function(t,r){var u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{miss:function(){return Promise.resolve()}};return e.get(t,r,u).catch((function(){return c({caches:n}).get(t,r,u)}))},set:function(t,r){return e.set(t,r).catch((function(){return c({caches:n}).set(t,r)}))},delete:function(t){return e.delete(t).catch((function(){return c({caches:n}).delete(t)}))},clear:function(){return e.clear().catch((function(){return c({caches:n}).clear()}))}}}function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{serializable:!0},n={};return{get:function(e,r){var u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{miss:function(){return Promise.resolve()}},o=JSON.stringify(e);if(o in n)return Promise.resolve(t.serializable?JSON.parse(n[o]):n[o]);var i=r(),c=u&&u.miss||function(){return Promise.resolve()};return i.then((function(t){return c(t)})).then((function(){return i}))},set:function(e,r){return n[JSON.stringify(e)]=t.serializable?JSON.stringify(r):r,Promise.resolve(r)},delete:function(t){return delete n[JSON.stringify(t)],Promise.resolve()},clear:function(){return n={},Promise.resolve()}}}function s(t,n,e){var r={"x-algolia-api-key":e,"x-algolia-application-id":n};return{headers:function(){return t===p.WithinHeaders?r:{}},queryParameters:function(){return t===p.WithinQueryParameters?r:{}}}}function f(t){var n=0;return t((function e(){return n++,new Promise((function(r){setTimeout((function(){r(t(e))}),Math.min(100*n,1e3))}))}))}function d(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){return Promise.resolve()};return Object.assign(t,{wait:function(e){return d(t.then((function(t){return Promise.all([n(t,e),t])})).then((function(t){return t[1]})))}})}function l(t){for(var n=t.length-1;n>0;n--){var e=Math.floor(Math.random()*(n+1)),r=t[n];t[n]=t[e],t[e]=r}return t}function h(t,n){return n?(Object.keys(n).forEach((function(e){t[e]=n[e](t)})),t):t}function m(t){for(var n=arguments.length,e=new Array(n>1?n-1:0),r=1;r<n;r++)e[r-1]=arguments[r];var u=0;return t.replace(/%s/g,(function(){return encodeURIComponent(e[u++])}))}var p={WithinQueryParameters:0,WithinHeaders:1};function y(t,n){var e=t||{},r=e.data||{};return Object.keys(e).forEach((function(t){-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(t)&&(r[t]=e[t])})),{data:Object.entries(r).length>0?r:void 0,timeout:e.timeout||n,headers:e.headers||{},queryParameters:e.queryParameters||{},cacheable:e.cacheable}}var v={Read:1,Write:2,Any:3};function b(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e(e({},t),{},{status:n,lastUpdate:Date.now()})}function g(t){return"string"==typeof t?{protocol:"https",url:t,accept:v.Any}:{protocol:t.protocol||"https",url:t.url,accept:t.accept||v.Any}}var j="DELETE",O="GET",P="POST",x="PUT";function S(t,n,r,u){var i=[],c=function(t,n){if(t.method!==O&&(void 0!==t.data||void 0!==n.data)){var r=Array.isArray(t.data)?t.data:e(e({},t.data),n.data);return JSON.stringify(r)}}(r,u),a=function(t,n){var r=e(e({},t.headers),n.headers),u={};return Object.keys(r).forEach((function(t){var n=r[t];u[t.toLowerCase()]=n})),u}(t,u),s=r.method,f=r.method!==O?{}:e(e({},r.data),u.data),d=e(e(e({"x-algolia-agent":t.userAgent.value},t.queryParameters),f),u.queryParameters),l=0,h=function n(e,o){var f=e.pop();if(void 0===f)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:T(i)};var h={data:c,headers:a,method:s,url:q(f,r.path,d),connectTimeout:o(l,t.timeouts.connect),responseTimeout:o(l,u.timeout)},m=function(t){var n={request:h,response:t,host:f,triesLeft:e.length};return i.push(n),n},p={onSuccess:function(t){return function(t){try{return JSON.parse(t.content)}catch(n){throw function(t,n){return{name:"DeserializationError",message:t,response:n}}(n.message,t)}}(t)},onRetry:function(r){var u=m(r);return r.isTimedOut&&l++,Promise.all([t.logger.info("Retryable failure",E(u)),t.hostsCache.set(f,b(f,r.isTimedOut?3:2))]).then((function(){return n(e,o)}))},onFail:function(t){throw m(t),function(t,n){var e=t.content,r=t.status,u=e;try{u=JSON.parse(e).message}catch(t){}return function(t,n,e){return{name:"ApiError",message:t,status:n,transporterStackTrace:e}}(u,r,n)}(t,T(i))}};return t.requester.send(h).then((function(t){return function(t,n){return function(t){var n=t.status;return t.isTimedOut||function(t){return!t.isTimedOut&&0==~~t.status}(t)||2!=~~(n/100)&&4!=~~(n/100)}(t)?n.onRetry(t):2==~~(t.status/100)?n.onSuccess(t):n.onFail(t)}(t,p)}))};return function(t,n){return Promise.all(n.map((function(n){return t.get(n,(function(){return Promise.resolve(b(n))}))}))).then((function(t){var e=t.filter((function(t){return function(t){return 1===t.status||Date.now()-t.lastUpdate>12e4}(t)})),r=t.filter((function(t){return function(t){return 3===t.status&&Date.now()-t.lastUpdate<=12e4}(t)})),u=[].concat(o(e),o(r));return{getTimeout:function(t,n){return(0===r.length&&0===t?1:r.length+3+t)*n},statelessHosts:u.length>0?u.map((function(t){return g(t)})):n}}))}(t.hostsCache,n).then((function(t){return h(o(t.statelessHosts).reverse(),t.getTimeout)}))}function I(t){var n={hostsCache:t.hostsCache,logger:t.logger,requester:t.requester,requestsCache:t.requestsCache,responsesCache:t.responsesCache,timeouts:t.timeouts,userAgent:t.userAgent,headers:t.headers,queryParameters:t.queryParameters,hosts:t.hosts.map((function(t){return g(t)})),read:function(t,e){var r=y(e,n.timeouts.read),o=function(){return S(n,n.hosts.filter((function(t){return 0!=(t.accept&v.Read)})),t,r)};if(!0!==(void 0!==r.cacheable?r.cacheable:t.cacheable))return o();var i={request:t,mappedRequestOptions:r,transporter:{queryParameters:n.queryParameters,headers:n.headers}};return n.responsesCache.get(i,(function(){return n.requestsCache.get(i,(function(){return n.requestsCache.set(i,o()).then((function(t){return Promise.all([n.requestsCache.delete(i),t])}),(function(t){return Promise.all([n.requestsCache.delete(i),Promise.reject(t)])})).then((function(t){return u(t,2)[1]}))}))}),{miss:function(t){return n.responsesCache.set(i,t)}})},write:function(t,e){return S(n,n.hosts.filter((function(t){return 0!=(t.accept&v.Write)})),t,y(e,n.timeouts.write))}};return n}function w(t){var n={value:"Algolia for JavaScript (".concat(t,")"),add:function(t){var e="; ".concat(t.segment).concat(void 0!==t.version?" (".concat(t.version,")"):"");return-1===n.value.indexOf(e)&&(n.value="".concat(n.value).concat(e)),n}};return n}function q(t,n,e){var r=D(e),u="".concat(t.protocol,"://").concat(t.url,"/").concat("/"===n.charAt(0)?n.substr(1):n);return r.length&&(u+="?".concat(r)),u}function D(t){return Object.keys(t).map((function(n){return m("%s=%s",n,(e=t[n],"[object Object]"===Object.prototype.toString.call(e)||"[object Array]"===Object.prototype.toString.call(e)?JSON.stringify(t[n]):t[n]));var e})).join("&")}function T(t){return t.map((function(t){return E(t)}))}function E(t){var n=t.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return e(e({},t),{},{request:e(e({},t.request),{},{headers:e(e({},t.request.headers),n)})})}var A=function(t){return function(n,e){return t.transporter.write({method:P,path:"2/abtests",data:n},e)}},R=function(t){return function(n,e){return t.transporter.write({method:j,path:m("2/abtests/%s",n)},e)}},k=function(t){return function(n,e){return t.transporter.read({method:O,path:m("2/abtests/%s",n)},e)}},N=function(t){return function(n){return t.transporter.read({method:O,path:"2/abtests"},n)}},U=function(t){return function(n,e){return t.transporter.write({method:P,path:m("2/abtests/%s/stop",n)},e)}},J=function(t){return function(n){return t.transporter.read({method:O,path:"1/strategies/personalization"},n)}},z=function(t){return function(n,e){return t.transporter.write({method:P,path:"1/strategies/personalization",data:n},e)}};function C(t){return function n(e){return t.request(e).then((function(r){if(void 0!==t.batch&&t.batch(r.hits),!t.shouldStop(r))return n(r.cursor?{cursor:r.cursor}:{page:(e.page||0)+1})}))}({})}var F=function(t){return function(n,u){var o=u||{},i=o.queryParameters,c=r(o,["queryParameters"]),a=e({acl:n},void 0!==i?{queryParameters:i}:{});return d(t.transporter.write({method:P,path:"1/keys",data:a},c),(function(n,e){return f((function(r){return _(t)(n.key,e).catch((function(t){if(404!==t.status)throw t;return r()}))}))}))}},B=function(t){return function(n,e,r){var u=y(r);return u.queryParameters["X-Algolia-User-ID"]=n,t.transporter.write({method:P,path:"1/clusters/mapping",data:{cluster:e}},u)}},M=function(t){return function(n,e,r){return t.transporter.write({method:P,path:"1/clusters/mapping/batch",data:{users:n,cluster:e}},r)}},K=function(t){return function(n,e){return d(t.transporter.write({method:P,path:m("/1/dictionaries/%s/batch",n),data:{clearExistingDictionaryEntries:!0,requests:{action:"addEntry",body:[]}}},e),(function(n,e){return jt(t)(n.taskID,e)}))}},Q=function(t){return function(n,e,r){return d(t.transporter.write({method:P,path:m("1/indexes/%s/operation",n),data:{operation:"copy",destination:e}},r),(function(e,r){return et(t)(n,{methods:{waitTask:cn}}).waitTask(e.taskID,r)}))}},G=function(t){return function(n,r,u){return Q(t)(n,r,e(e({},u),{},{scope:[sn.Rules]}))}},H=function(t){return function(n,r,u){return Q(t)(n,r,e(e({},u),{},{scope:[sn.Settings]}))}},L=function(t){return function(n,r,u){return Q(t)(n,r,e(e({},u),{},{scope:[sn.Synonyms]}))}},V=function(t){return function(n,e){return d(t.transporter.write({method:j,path:m("1/keys/%s",n)},e),(function(e,r){return f((function(e){return _(t)(n,r).then(e).catch((function(t){if(404!==t.status)throw t}))}))}))}},W=function(t){return function(n,e,r){var u=e.map((function(t){return{action:"deleteEntry",body:{objectID:t}}}));return d(t.transporter.write({method:P,path:m("/1/dictionaries/%s/batch",n),data:{clearExistingDictionaryEntries:!1,requests:u}},r),(function(n,e){return jt(t)(n.taskID,e)}))}},_=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/keys/%s",n)},e)}},X=function(t){return function(n){return t.transporter.read({method:O,path:"/1/dictionaries/*/settings"},n)}},Y=function(t){return function(n){return t.transporter.read({method:O,path:"1/logs"},n)}},Z=function(t){return function(n){return t.transporter.read({method:O,path:"1/clusters/mapping/top"},n)}},$=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/task/%s",n.toString())},e)}},tt=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/clusters/mapping/%s",n)},e)}},nt=function(t){return function(n){var e=n||{},u=e.retrieveMappings,o=r(e,["retrieveMappings"]);return!0===u&&(o.getClusters=!0),t.transporter.read({method:O,path:"1/clusters/mapping/pending"},o)}},et=function(t){return function(n){return h({transporter:t.transporter,appId:t.appId,indexName:n},(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).methods)}},rt=function(t){return function(n){return t.transporter.read({method:O,path:"1/keys"},n)}},ut=function(t){return function(n){return t.transporter.read({method:O,path:"1/clusters"},n)}},ot=function(t){return function(n){return t.transporter.read({method:O,path:"1/indexes"},n)}},it=function(t){return function(n){return t.transporter.read({method:O,path:"1/clusters/mapping"},n)}},ct=function(t){return function(n,e,r){return d(t.transporter.write({method:P,path:m("1/indexes/%s/operation",n),data:{operation:"move",destination:e}},r),(function(e,r){return et(t)(n,{methods:{waitTask:cn}}).waitTask(e.taskID,r)}))}},at=function(t){return function(n,e){return d(t.transporter.write({method:P,path:"1/indexes/*/batch",data:{requests:n}},e),(function(n,e){return Promise.all(Object.keys(n.taskID).map((function(r){return et(t)(r,{methods:{waitTask:cn}}).waitTask(n.taskID[r],e)})))}))}},st=function(t){return function(n,e){return t.transporter.read({method:P,path:"1/indexes/*/objects",data:{requests:n}},e)}},ft=function(t){return function(n,r){var u=n.map((function(t){return e(e({},t),{},{params:D(t.params||{})})}));return t.transporter.read({method:P,path:"1/indexes/*/queries",data:{requests:u},cacheable:!0},r)}},dt=function(t){return function(n,u){return Promise.all(n.map((function(n){var o=n.params,i=o.facetName,c=o.facetQuery,a=r(o,["facetName","facetQuery"]);return et(t)(n.indexName,{methods:{searchForFacetValues:en}}).searchForFacetValues(i,c,e(e({},u),a))})))}},lt=function(t){return function(n,e){var r=y(e);return r.queryParameters["X-Algolia-User-ID"]=n,t.transporter.write({method:j,path:"1/clusters/mapping"},r)}},ht=function(t){return function(n,e,r){var u=e.map((function(t){return{action:"addEntry",body:t}}));return d(t.transporter.write({method:P,path:m("/1/dictionaries/%s/batch",n),data:{clearExistingDictionaryEntries:!0,requests:u}},r),(function(n,e){return jt(t)(n.taskID,e)}))}},mt=function(t){return function(n,e){return d(t.transporter.write({method:P,path:m("1/keys/%s/restore",n)},e),(function(e,r){return f((function(e){return _(t)(n,r).catch((function(t){if(404!==t.status)throw t;return e()}))}))}))}},pt=function(t){return function(n,e,r){var u=e.map((function(t){return{action:"addEntry",body:t}}));return d(t.transporter.write({method:P,path:m("/1/dictionaries/%s/batch",n),data:{clearExistingDictionaryEntries:!1,requests:u}},r),(function(n,e){return jt(t)(n.taskID,e)}))}},yt=function(t){return function(n,e,r){return t.transporter.read({method:P,path:m("/1/dictionaries/%s/search",n),data:{query:e},cacheable:!0},r)}},vt=function(t){return function(n,e){return t.transporter.read({method:P,path:"1/clusters/mapping/search",data:{query:n}},e)}},bt=function(t){return function(n,e){return d(t.transporter.write({method:x,path:"/1/dictionaries/*/settings",data:n},e),(function(n,e){return jt(t)(n.taskID,e)}))}},gt=function(t){return function(n,e){var u=Object.assign({},e),o=e||{},i=o.queryParameters,c=r(o,["queryParameters"]),a=i?{queryParameters:i}:{},s=["acl","indexes","referers","restrictSources","queryParameters","description","maxQueriesPerIPPerHour","maxHitsPerQuery"];return d(t.transporter.write({method:x,path:m("1/keys/%s",n),data:a},c),(function(e,r){return f((function(e){return _(t)(n,r).then((function(t){return function(t){return Object.keys(u).filter((function(t){return-1!==s.indexOf(t)})).every((function(n){return t[n]===u[n]}))}(t)?Promise.resolve():e()}))}))}))}},jt=function(t){return function(n,e){return f((function(r){return $(t)(n,e).then((function(t){return"published"!==t.status?r():void 0}))}))}},Ot=function(t){return function(n,e){return d(t.transporter.write({method:P,path:m("1/indexes/%s/batch",t.indexName),data:{requests:n}},e),(function(n,e){return cn(t)(n.taskID,e)}))}},Pt=function(t){return function(n){return C(e(e({shouldStop:function(t){return void 0===t.cursor}},n),{},{request:function(e){return t.transporter.read({method:P,path:m("1/indexes/%s/browse",t.indexName),data:e},n)}}))}},xt=function(t){return function(n){var r=e({hitsPerPage:1e3},n);return C(e(e({shouldStop:function(t){return t.hits.length<r.hitsPerPage}},r),{},{request:function(n){return rn(t)("",e(e({},r),n)).then((function(t){return e(e({},t),{},{hits:t.hits.map((function(t){return delete t._highlightResult,t}))})}))}}))}},St=function(t){return function(n){var r=e({hitsPerPage:1e3},n);return C(e(e({shouldStop:function(t){return t.hits.length<r.hitsPerPage}},r),{},{request:function(n){return un(t)("",e(e({},r),n)).then((function(t){return e(e({},t),{},{hits:t.hits.map((function(t){return delete t._highlightResult,t}))})}))}}))}},It=function(t){return function(n,e,u){var o=u||{},i=o.batchSize,c=r(o,["batchSize"]),a={taskIDs:[],objectIDs:[]};return d(function r(){var u,o=[];for(u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;u<n.length&&(o.push(n[u]),o.length!==(i||1e3));u++);return 0===o.length?Promise.resolve(a):Ot(t)(o.map((function(t){return{action:e,body:t}})),c).then((function(t){return a.objectIDs=a.objectIDs.concat(t.objectIDs),a.taskIDs.push(t.taskID),u++,r(u)}))}(),(function(n,e){return Promise.all(n.taskIDs.map((function(n){return cn(t)(n,e)})))}))}},wt=function(t){return function(n){return d(t.transporter.write({method:P,path:m("1/indexes/%s/clear",t.indexName)},n),(function(n,e){return cn(t)(n.taskID,e)}))}},qt=function(t){return function(n){var e=n||{},u=e.forwardToReplicas,o=y(r(e,["forwardToReplicas"]));return u&&(o.queryParameters.forwardToReplicas=1),d(t.transporter.write({method:P,path:m("1/indexes/%s/rules/clear",t.indexName)},o),(function(n,e){return cn(t)(n.taskID,e)}))}},Dt=function(t){return function(n){var e=n||{},u=e.forwardToReplicas,o=y(r(e,["forwardToReplicas"]));return u&&(o.queryParameters.forwardToReplicas=1),d(t.transporter.write({method:P,path:m("1/indexes/%s/synonyms/clear",t.indexName)},o),(function(n,e){return cn(t)(n.taskID,e)}))}},Tt=function(t){return function(n,e){return d(t.transporter.write({method:P,path:m("1/indexes/%s/deleteByQuery",t.indexName),data:n},e),(function(n,e){return cn(t)(n.taskID,e)}))}},Et=function(t){return function(n){return d(t.transporter.write({method:j,path:m("1/indexes/%s",t.indexName)},n),(function(n,e){return cn(t)(n.taskID,e)}))}},At=function(t){return function(n,e){return d(Rt(t)([n],e).then((function(t){return{taskID:t.taskIDs[0]}})),(function(n,e){return cn(t)(n.taskID,e)}))}},Rt=function(t){return function(n,e){var r=n.map((function(t){return{objectID:t}}));return It(t)(r,an.DeleteObject,e)}},kt=function(t){return function(n,e){var u=e||{},o=u.forwardToReplicas,i=y(r(u,["forwardToReplicas"]));return o&&(i.queryParameters.forwardToReplicas=1),d(t.transporter.write({method:j,path:m("1/indexes/%s/rules/%s",t.indexName,n)},i),(function(n,e){return cn(t)(n.taskID,e)}))}},Nt=function(t){return function(n,e){var u=e||{},o=u.forwardToReplicas,i=y(r(u,["forwardToReplicas"]));return o&&(i.queryParameters.forwardToReplicas=1),d(t.transporter.write({method:j,path:m("1/indexes/%s/synonyms/%s",t.indexName,n)},i),(function(n,e){return cn(t)(n.taskID,e)}))}},Ut=function(t){return function(n){return Kt(t)(n).then((function(){return!0})).catch((function(t){if(404!==t.status)throw t;return!1}))}},Jt=function(t){return function(n,e,r){return t.transporter.read({method:P,path:m("1/answers/%s/prediction",t.indexName),data:{query:n,queryLanguages:e},cacheable:!0},r)}},zt=function(t){return function(n,o){var i=o||{},c=i.query,a=i.paginate,s=r(i,["query","paginate"]),f=0;return function r(){return nn(t)(c||"",e(e({},s),{},{page:f})).then((function(t){for(var e=0,o=Object.entries(t.hits);e<o.length;e++){var i=u(o[e],2),c=i[0],s=i[1];if(n(s))return{object:s,position:parseInt(c,10),page:f}}if(f++,!1===a||f>=t.nbPages)throw{name:"ObjectNotFoundError",message:"Object not found."};return r()}))}()}},Ct=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/indexes/%s/%s",t.indexName,n)},e)}},Ft=function(){return function(t,n){for(var e=0,r=Object.entries(t.hits);e<r.length;e++){var o=u(r[e],2);if(o[1].objectID===n)return parseInt(o[0],10)}return-1}},Bt=function(t){return function(n,u){var o=u||{},i=o.attributesToRetrieve,c=r(o,["attributesToRetrieve"]),a=n.map((function(n){return e({indexName:t.indexName,objectID:n},i?{attributesToRetrieve:i}:{})}));return t.transporter.read({method:P,path:"1/indexes/*/objects",data:{requests:a}},c)}},Mt=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/indexes/%s/rules/%s",t.indexName,n)},e)}},Kt=function(t){return function(n){return t.transporter.read({method:O,path:m("1/indexes/%s/settings",t.indexName),data:{getVersion:2}},n)}},Qt=function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/indexes/%s/synonyms/%s",t.indexName,n)},e)}},Gt=function(t){return function(n,e){return d(Ht(t)([n],e).then((function(t){return{objectID:t.objectIDs[0],taskID:t.taskIDs[0]}})),(function(n,e){return cn(t)(n.taskID,e)}))}},Ht=function(t){return function(n,e){var u=e||{},o=u.createIfNotExists,i=r(u,["createIfNotExists"]),c=o?an.PartialUpdateObject:an.PartialUpdateObjectNoCreate;return It(t)(n,c,i)}},Lt=function(t){return function(n,i){var c=i||{},a=c.safe,s=c.autoGenerateObjectIDIfNotExist,f=c.batchSize,l=r(c,["safe","autoGenerateObjectIDIfNotExist","batchSize"]),h=function(n,e,r,u){return d(t.transporter.write({method:P,path:m("1/indexes/%s/operation",n),data:{operation:r,destination:e}},u),(function(n,e){return cn(t)(n.taskID,e)}))},p=Math.random().toString(36).substring(7),y="".concat(t.indexName,"_tmp_").concat(p),v=Xt({appId:t.appId,transporter:t.transporter,indexName:y}),b=[],g=h(t.indexName,y,"copy",e(e({},l),{},{scope:["settings","synonyms","rules"]}));return b.push(g),d((a?g.wait(l):g).then((function(){var t=v(n,e(e({},l),{},{autoGenerateObjectIDIfNotExist:s,batchSize:f}));return b.push(t),a?t.wait(l):t})).then((function(){var n=h(y,t.indexName,"move",l);return b.push(n),a?n.wait(l):n})).then((function(){return Promise.all(b)})).then((function(t){var n=u(t,3),e=n[1],r=n[2];return{objectIDs:e.objectIDs,taskIDs:[n[0].taskID].concat(o(e.taskIDs),[r.taskID])}})),(function(t,n){return Promise.all(b.map((function(t){return t.wait(n)})))}))}},Vt=function(t){return function(n,r){return Zt(t)(n,e(e({},r),{},{clearExistingRules:!0}))}},Wt=function(t){return function(n,r){return tn(t)(n,e(e({},r),{},{clearExistingSynonyms:!0}))}},_t=function(t){return function(n,e){return d(Xt(t)([n],e).then((function(t){return{objectID:t.objectIDs[0],taskID:t.taskIDs[0]}})),(function(n,e){return cn(t)(n.taskID,e)}))}},Xt=function(t){return function(n,e){var u=e||{},o=u.autoGenerateObjectIDIfNotExist,i=r(u,["autoGenerateObjectIDIfNotExist"]),c=o?an.AddObject:an.UpdateObject;if(c===an.UpdateObject){var a=!0,s=!1,f=void 0;try{for(var l,h=n[Symbol.iterator]();!(a=(l=h.next()).done);a=!0)if(void 0===l.value.objectID)return d(Promise.reject({name:"MissingObjectIDError",message:"All objects must have an unique objectID (like a primary key) to be valid. Algolia is also able to generate objectIDs automatically but *it's not recommended*. To do it, use the `{'autoGenerateObjectIDIfNotExist': true}` option."}))}catch(t){s=!0,f=t}finally{try{a||null==h.return||h.return()}finally{if(s)throw f}}}return It(t)(n,c,i)}},Yt=function(t){return function(n,e){return Zt(t)([n],e)}},Zt=function(t){return function(n,e){var u=e||{},o=u.forwardToReplicas,i=u.clearExistingRules,c=y(r(u,["forwardToReplicas","clearExistingRules"]));return o&&(c.queryParameters.forwardToReplicas=1),i&&(c.queryParameters.clearExistingRules=1),d(t.transporter.write({method:P,path:m("1/indexes/%s/rules/batch",t.indexName),data:n},c),(function(n,e){return cn(t)(n.taskID,e)}))}},$t=function(t){return function(n,e){return tn(t)([n],e)}},tn=function(t){return function(n,e){var u=e||{},o=u.forwardToReplicas,i=u.clearExistingSynonyms,c=u.replaceExistingSynonyms,a=y(r(u,["forwardToReplicas","clearExistingSynonyms","replaceExistingSynonyms"]));return o&&(a.queryParameters.forwardToReplicas=1),(c||i)&&(a.queryParameters.replaceExistingSynonyms=1),d(t.transporter.write({method:P,path:m("1/indexes/%s/synonyms/batch",t.indexName),data:n},a),(function(n,e){return cn(t)(n.taskID,e)}))}},nn=function(t){return function(n,e){return t.transporter.read({method:P,path:m("1/indexes/%s/query",t.indexName),data:{query:n},cacheable:!0},e)}},en=function(t){return function(n,e,r){return t.transporter.read({method:P,path:m("1/indexes/%s/facets/%s/query",t.indexName,n),data:{facetQuery:e},cacheable:!0},r)}},rn=function(t){return function(n,e){return t.transporter.read({method:P,path:m("1/indexes/%s/rules/search",t.indexName),data:{query:n}},e)}},un=function(t){return function(n,e){return t.transporter.read({method:P,path:m("1/indexes/%s/synonyms/search",t.indexName),data:{query:n}},e)}},on=function(t){return function(n,e){var u=e||{},o=u.forwardToReplicas,i=y(r(u,["forwardToReplicas"]));return o&&(i.queryParameters.forwardToReplicas=1),d(t.transporter.write({method:x,path:m("1/indexes/%s/settings",t.indexName),data:n},i),(function(n,e){return cn(t)(n.taskID,e)}))}},cn=function(t){return function(n,e){return f((function(r){return function(t){return function(n,e){return t.transporter.read({method:O,path:m("1/indexes/%s/task/%s",t.indexName,n.toString())},e)}}(t)(n,e).then((function(t){return"published"!==t.status?r():void 0}))}))}},an={AddObject:"addObject",UpdateObject:"updateObject",PartialUpdateObject:"partialUpdateObject",PartialUpdateObjectNoCreate:"partialUpdateObjectNoCreate",DeleteObject:"deleteObject",DeleteIndex:"delete",ClearIndex:"clear"},sn={Settings:"settings",Synonyms:"synonyms",Rules:"rules"};function fn(t,n,r){var u={appId:t,apiKey:n,timeouts:{connect:1,read:2,write:30},requester:{send:function(t){return new Promise((function(n){var e=new XMLHttpRequest;e.open(t.method,t.url,!0),Object.keys(t.headers).forEach((function(n){return e.setRequestHeader(n,t.headers[n])}));var r,u=function(t,r){return setTimeout((function(){e.abort(),n({status:0,content:r,isTimedOut:!0})}),1e3*t)},o=u(t.connectTimeout,"Connection timeout");e.onreadystatechange=function(){e.readyState>e.OPENED&&void 0===r&&(clearTimeout(o),r=u(t.responseTimeout,"Socket timeout"))},e.onerror=function(){0===e.status&&(clearTimeout(o),clearTimeout(r),n({content:e.responseText||"Network request failed",status:e.status,isTimedOut:!1}))},e.onload=function(){clearTimeout(o),clearTimeout(r),n({content:e.responseText,status:e.status,isTimedOut:!1})},e.send(t.data)}))}},logger:(3,{debug:function(){return Promise.resolve()},info:function(){return Promise.resolve()},error:function(t,n){return console.error(t,n),Promise.resolve()}}),responsesCache:a(),requestsCache:a({serializable:!1}),hostsCache:c({caches:[i({key:"".concat("4.10.5","-").concat(t)}),a()]}),userAgent:w("4.10.5").add({segment:"Browser"})},o=e(e({},u),r),f=function(){return function(t){return function(t){var n=t.region||"us",r=s(p.WithinHeaders,t.appId,t.apiKey),u=I(e(e({hosts:[{url:"personalization.".concat(n,".algolia.com")}]},t),{},{headers:e(e(e({},r.headers()),{"content-type":"application/json"}),t.headers),queryParameters:e(e({},r.queryParameters()),t.queryParameters)}));return h({appId:t.appId,transporter:u},t.methods)}(e(e(e({},u),t),{},{methods:{getPersonalizationStrategy:J,setPersonalizationStrategy:z}}))}};return function(t){var n=t.appId,r=s(void 0!==t.authMode?t.authMode:p.WithinHeaders,n,t.apiKey),u=I(e(e({hosts:[{url:"".concat(n,"-dsn.algolia.net"),accept:v.Read},{url:"".concat(n,".algolia.net"),accept:v.Write}].concat(l([{url:"".concat(n,"-1.algolianet.com")},{url:"".concat(n,"-2.algolianet.com")},{url:"".concat(n,"-3.algolianet.com")}]))},t),{},{headers:e(e(e({},r.headers()),{"content-type":"application/x-www-form-urlencoded"}),t.headers),queryParameters:e(e({},r.queryParameters()),t.queryParameters)}));return h({transporter:u,appId:n,addAlgoliaAgent:function(t,n){u.userAgent.add({segment:t,version:n})},clearCache:function(){return Promise.all([u.requestsCache.clear(),u.responsesCache.clear()]).then((function(){}))}},t.methods)}(e(e({},o),{},{methods:{search:ft,searchForFacetValues:dt,multipleBatch:at,multipleGetObjects:st,multipleQueries:ft,copyIndex:Q,copySettings:H,copySynonyms:L,copyRules:G,moveIndex:ct,listIndices:ot,getLogs:Y,listClusters:ut,multipleSearchForFacetValues:dt,getApiKey:_,addApiKey:F,listApiKeys:rt,updateApiKey:gt,deleteApiKey:V,restoreApiKey:mt,assignUserID:B,assignUserIDs:M,getUserID:tt,searchUserIDs:vt,listUserIDs:it,getTopUserIDs:Z,removeUserID:lt,hasPendingMappings:nt,clearDictionaryEntries:K,deleteDictionaryEntries:W,getDictionarySettings:X,getAppTask:$,replaceDictionaryEntries:ht,saveDictionaryEntries:pt,searchDictionaryEntries:yt,setDictionarySettings:bt,waitAppTask:jt,initIndex:function(t){return function(n){return et(t)(n,{methods:{batch:Ot,delete:Et,findAnswers:Jt,getObject:Ct,getObjects:Bt,saveObject:_t,saveObjects:Xt,search:nn,searchForFacetValues:en,waitTask:cn,setSettings:on,getSettings:Kt,partialUpdateObject:Gt,partialUpdateObjects:Ht,deleteObject:At,deleteObjects:Rt,deleteBy:Tt,clearObjects:wt,browseObjects:Pt,getObjectPosition:Ft,findObject:zt,exists:Ut,saveSynonym:$t,saveSynonyms:tn,getSynonym:Qt,searchSynonyms:un,browseSynonyms:St,deleteSynonym:Nt,clearSynonyms:Dt,replaceAllObjects:Lt,replaceAllSynonyms:Wt,searchRules:rn,getRule:Mt,deleteRule:kt,saveRule:Yt,saveRules:Zt,replaceAllRules:Vt,browseRules:xt,clearRules:qt}})}},initAnalytics:function(){return function(t){return function(t){var n=t.region||"us",r=s(p.WithinHeaders,t.appId,t.apiKey),u=I(e(e({hosts:[{url:"analytics.".concat(n,".algolia.com")}]},t),{},{headers:e(e(e({},r.headers()),{"content-type":"application/json"}),t.headers),queryParameters:e(e({},r.queryParameters()),t.queryParameters)}));return h({appId:t.appId,transporter:u},t.methods)}(e(e(e({},u),t),{},{methods:{addABTest:A,getABTest:k,getABTests:N,stopABTest:U,deleteABTest:R}}))}},initPersonalization:f,initRecommendation:function(){return function(t){return o.logger.info("The `initRecommendation` method is deprecated. Use `initPersonalization` instead."),f()(t)}}}}))}return fn.version="4.10.5",fn}()}));export{e as a}
+//# sourceMappingURL=p-23da4de5.js.map