@nanoporetech-digital/components 1.13.21 → 1.15.0

package/dist/nano-components/{p-6747f517.system.entry.js → p-fa86645d.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-2d59dda3.system.js","./p-e886b71e.system.js","./p-d7eb8c22.system.js","./p-d4454d55.system.js","./p-22b50344.system.js"],(function(e){"use strict";var t,i,n,l,s,r,a,o;return{setters:[function(e){t=e.r;i=e.c;n=e.f;l=e.h;s=e.e;r=e.g},function(e){a=e.W},function(e){o=e.C},function(){},function(){}],execute:function(){var h=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:none}:host ::slotted([slot=filter-template]),:host::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";var u=e("nano_algolia_filter",function(){function e(e){var n=this;t(this,e);this.nanoFilterChanged=i(this,"nanoFilterChanged",7);this.nanoTplUpdated=i(this,"nanoTplUpdated",7);this.filterId=null;this.tplWillRnder=new Promise((function(e){n.tplDidRnder=e}));this.internalValue=[undefined];this.showFilter=false;this.indexResults=null;this.filterChanged=null;this.filterName=null;this.value="";this.operator="or";this.storeMethod="session";this.handleChangeEvent=function(){var e=n.getFieldValues();if(n.didValueChange(e)){n.internalValue=e;return true}return false}}e.prototype.valueSet=function(){var e=this;var t=this.value;var i;if(typeof t==="string")i=t.length?t.split("|"):[];else i=this.value;if(this.didValueChange(i)){var n=this.setFieldValues(i);if(n&&n.length)this.internalValue=i;else{this.tplWillRnder.then((function(t){e.setFieldValues(i);e.internalValue=i}))}}};e.prototype.valueChanged=function(){this.value=this.internalValue;this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})};e.prototype.viewFilterChange=function(){if(this.showFilter)this.attachChangeListener();else this.attachChangeListener(false)};e.prototype.appliedFilterChanged=function(){if(this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||this.operator==="and")){this.updateContent()}};e.prototype.tplUpdate=function(){this.updateContent()};e.prototype.handleFilterChange=function(){var e=this;if(this.indexResults&&this.indexResults.appliedFilters){var t=this.indexResults.appliedFilters.find((function(t){return t.name===e.filterName}));if(!t)return;this.tplWillRnder.then((function(i){var n=e.setFieldValues(t.values);if(n&&n.length)e.value=n}))}this.updateContent()};e.prototype.updateContent=function(){var e=this;var t=this.outputSlot||this.outputEle;if(!this.el)return;if(!this.templateStr)this.showFilter=true;else if(!this.filterName||!t||this.templateStr&&(!this.indexResults||!this.indexResults.origFilters[this.filterName])){this.showFilter=false}if(!t)return;if(!this.indexResults){if(this.templateStr){n((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:{},dyn:{},selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});if(!e.value||!e.value.length)e.handleChangeEvent()}))}else if(!this.value||!this.value.length)this.handleChangeEvent();return}n((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:Object.assign({},e.indexResults.origFilters[e.filterName]),dyn:Object.assign({},e.indexResults.dynFilters[e.filterName]),selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});e.tplDidRnder();e.setFieldValues();if(!e.showFilter)e.showFilter=true;e.nanoTplUpdated.emit(e.el)}))};e.prototype.getFieldValues=function(){var e=[];var t=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(var i=0;i<t.length;i++){var n=t[i];if(n.type==="select-multiple"){var l=n;for(var s=0;s<l.options.length;s++){if(!l.options[s].selected||!l.options[s].value.length)continue;e.push(l.options[s].value)}}else if(n.type!=="checkbox"&&n.type!=="radio"||n.checked&&n.value.length){e.push(n.value)}}return e};e.prototype.setFieldValues=function(e){e=e||this.internalValue;if(!e)return;var t=[];var i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(var n=0;n<i.length;n++){var l=i[n];if(l.disabled||l.type==="file"||l.type==="reset"||l.type==="submit"||l.type==="button")continue;if(l.type==="select-multiple"||l.type==="select-one"){var s=l;for(var r=0;r<s.options.length;r++){if(!e.includes(s.options[r].value))s.options[r].selected=false;else{t.push(s.value);s.options[r].selected=true;if(l.type==="select-one")s.value=s.options[r].value}}}else if(["checkbox","radio","tag","segment","segment-pill"].includes(l.type)){if(e.includes(l.value)){t.push(l.value);l.checked=true}else if(!e.length&&!l.value.length){l.checked=true}else l.checked=false}}return t};e.prototype.didValueChange=function(e){if(!!this.internalValue&&!e)return true;if(!this.internalValue&&!e)return false;if(this.internalValue&&e.length!==this.internalValue.length)return true;var t=false;for(var i=0;i<e.length;i++){if(!t&&(!this.internalValue||!this.internalValue.includes(e[i])))t=true}return t};e.prototype.attachChangeListener=function(e){if(e===void 0){e=true}if(!this.outputSlot)return;if(e){this.outputSlot.addEventListener("change",this.handleChangeEvent);this.outputSlot.addEventListener("nanoChange",this.handleChangeEvent)}else{this.outputSlot.removeEventListener("change",this.handleChangeEvent);this.outputSlot.removeEventListener("nanoChange",this.handleChangeEvent)}};e.prototype.connectedCallback=function(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');this.filterId=this.filterName+"_"+p++;if(!!this.templateSlot){this.templateStr=this.templateSlot.innerHTML;this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>")}};e.prototype.componentWillLoad=function(){if(this.storeId)o.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)};e.prototype.componentDidLoad=function(){this.updateContent();if(this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName])this.showFilter=true};e.prototype.render=function(){var e=this;return l(s,{class:{"show-filter":this.showFilter}},l("div",{ref:function(t){return e.outputEle=t}},l("slot",{name:"output"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueSet"],internalValue:["valueChanged"],showFilter:["viewFilterChange"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}},enumerable:false,configurable:true});return e}());a(u,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);var p=0;u.style=h}}}));
-//# sourceMappingURL=p-6747f517.system.entry.js.map
+System.register(["./p-af9f6453.system.js","./p-698a8ab3.system.js","./p-4647a31f.system.js","./p-d4454d55.system.js","./p-22b50344.system.js"],(function(e){"use strict";var t,i,n,l,s,r,a,o;return{setters:[function(e){t=e.r;i=e.c;n=e.f;l=e.h;s=e.e;r=e.g},function(e){a=e.W},function(e){o=e.C},function(){},function(){}],execute:function(){var h=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:none}:host ::slotted([slot=filter-template]),:host::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";var u=e("nano_algolia_filter",function(){function e(e){var n=this;t(this,e);this.nanoFilterChanged=i(this,"nanoFilterChanged",7);this.nanoTplUpdated=i(this,"nanoTplUpdated",7);this.filterId=null;this.tplWillRnder=new Promise((function(e){n.tplDidRnder=e}));this.internalValue=[undefined];this.showFilter=false;this.indexResults=null;this.filterChanged=null;this.filterName=null;this.value="";this.operator="or";this.storeMethod="session";this.handleChangeEvent=function(){var e=n.getFieldValues();if(n.didValueChange(e)){n.internalValue=e;return true}return false}}e.prototype.valueSet=function(){var e=this;var t=this.value;var i;if(typeof t==="string")i=t.length?t.split("|"):[];else i=this.value;if(this.didValueChange(i)){var n=this.setFieldValues(i);if(n&&n.length)this.internalValue=i;else{this.tplWillRnder.then((function(t){e.setFieldValues(i);e.internalValue=i}))}}};e.prototype.valueChanged=function(){this.value=this.internalValue;this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})};e.prototype.viewFilterChange=function(){if(this.showFilter)this.attachChangeListener();else this.attachChangeListener(false)};e.prototype.appliedFilterChanged=function(){if(this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||this.operator==="and")){this.updateContent()}};e.prototype.tplUpdate=function(){this.updateContent()};e.prototype.handleFilterChange=function(){var e=this;if(this.indexResults&&this.indexResults.appliedFilters){var t=this.indexResults.appliedFilters.find((function(t){return t.name===e.filterName}));if(!t)return;this.tplWillRnder.then((function(i){var n=e.setFieldValues(t.values);if(n&&n.length)e.value=n}))}this.updateContent()};e.prototype.updateContent=function(){var e=this;var t=this.outputSlot||this.outputEle;if(!this.el)return;if(!this.templateStr)this.showFilter=true;else if(!this.filterName||!t||this.templateStr&&(!this.indexResults||!this.indexResults.origFilters[this.filterName])){this.showFilter=false}if(!t)return;if(!this.indexResults){if(this.templateStr){n((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:{},dyn:{},selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});if(!e.value||!e.value.length)e.handleChangeEvent()}))}else if(!this.value||!this.value.length)this.handleChangeEvent();return}n((function(){t.innerHTML=e.tplRenderFn(e.templateStr,{orig:Object.assign({},e.indexResults.origFilters[e.filterName]),dyn:Object.assign({},e.indexResults.dynFilters[e.filterName]),selected:e.internalValue&&e.internalValue.length?e.internalValue:e.value});e.tplDidRnder();e.setFieldValues();if(!e.showFilter)e.showFilter=true;e.nanoTplUpdated.emit(e.el)}))};e.prototype.getFieldValues=function(){var e=[];var t=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(var i=0;i<t.length;i++){var n=t[i];if(n.type==="select-multiple"){var l=n;for(var s=0;s<l.options.length;s++){if(!l.options[s].selected||!l.options[s].value.length)continue;e.push(l.options[s].value)}}else if(n.type!=="checkbox"&&n.type!=="radio"||n.checked&&n.value.length){e.push(n.value)}}return e};e.prototype.setFieldValues=function(e){e=e||this.internalValue;if(!e)return;var t=[];var i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(var n=0;n<i.length;n++){var l=i[n];if(l.disabled||l.type==="file"||l.type==="reset"||l.type==="submit"||l.type==="button")continue;if(l.type==="select-multiple"||l.type==="select-one"){var s=l;for(var r=0;r<s.options.length;r++){if(!e.includes(s.options[r].value))s.options[r].selected=false;else{t.push(s.value);s.options[r].selected=true;if(l.type==="select-one")s.value=s.options[r].value}}}else if(["checkbox","radio","tag","segment","segment-pill"].includes(l.type)){if(e.includes(l.value)){t.push(l.value);l.checked=true}else if(!e.length&&!l.value.length){l.checked=true}else l.checked=false}}return t};e.prototype.didValueChange=function(e){if(!!this.internalValue&&!e)return true;if(!this.internalValue&&!e)return false;if(this.internalValue&&e.length!==this.internalValue.length)return true;var t=false;for(var i=0;i<e.length;i++){if(!t&&(!this.internalValue||!this.internalValue.includes(e[i])))t=true}return t};e.prototype.attachChangeListener=function(e){if(e===void 0){e=true}if(!this.outputSlot)return;if(e){this.outputSlot.addEventListener("change",this.handleChangeEvent);this.outputSlot.addEventListener("nanoChange",this.handleChangeEvent)}else{this.outputSlot.removeEventListener("change",this.handleChangeEvent);this.outputSlot.removeEventListener("nanoChange",this.handleChangeEvent)}};e.prototype.connectedCallback=function(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');this.filterId=this.filterName+"_"+p++;if(!!this.templateSlot){this.templateStr=this.templateSlot.innerHTML;this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>")}};e.prototype.componentWillLoad=function(){if(this.storeId)o.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)};e.prototype.componentDidLoad=function(){this.updateContent();if(this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName])this.showFilter=true};e.prototype.render=function(){var e=this;return l(s,{class:{"show-filter":this.showFilter}},l("div",{ref:function(t){return e.outputEle=t}},l("slot",{name:"output"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueSet"],internalValue:["valueChanged"],showFilter:["viewFilterChange"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}},enumerable:false,configurable:true});return e}());a(u,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);var p=0;u.style=h}}}));
+//# sourceMappingURL=p-fa86645d.system.entry.js.map

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

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

package/dist/nano-components/{p-9c26b459.js → p-fd0fca23.js}

@@ -1,2 +1,2 @@
 var n=function(){return(n=Object.assign||function(n){for(var t,r=1,i=arguments.length;r<i;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(n[u]=t[u]);return n}).apply(this,arguments)},t=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function r(n){return i(function(n){var r=new t;r.start=0,r.end=n.length;for(var i=r,u=0,f=n.length;u<f;u++)if(n[u]===e){i.rules||(i.rules=[]);var s=i,a=s.rules[s.rules.length-1]||null;(i=new t).start=u+1,i.parent=s,i.previous=a,s.rules.push(i)}else n[u]===o&&(i.end=u+1,i=i.parent||r);return r}(n=function(n){return n.replace(f.comments,"").replace(f.port,"")}(n)),n)}function i(n,t){var r=t.substring(n.start,n.end-1);if(n.parsedCssText=n.cssText=r.trim(),n.parent){r=(r=(r=function(n){return n.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var n=arguments[1],t=6-n.length;t--;)n="0"+n;return"\\"+n}))}(r=t.substring(n.previous?n.previous.end:n.parent.start,n.start-1))).replace(f.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var e=n.parsedSelector=n.selector=r.trim();n.atRule=0===e.indexOf(c),n.atRule?0===e.indexOf(a)?n.type=u.MEDIA_RULE:e.match(f.keyframesRule)&&(n.type=u.KEYFRAMES_RULE,n.keyframesName=n.selector.split(f.multipleSpaces).pop()):n.type=0===e.indexOf(s)?u.MIXIN_RULE:u.STYLE_RULE}var o=n.rules;if(o)for(var v=0,h=o.length,l=void 0;v<h&&(l=o[v]);v++)i(l,t);return n}var u={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},e="{",o="}",f={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},s="--",a="@media",c="@";function v(n,t,r){n.lastIndex=0;var i=t.substring(r).match(n);if(i){var u=r+i.index;return{start:u,end:u+i[0].length}}return null}var h=/\bvar\(/,l=/\B--[\w-]+\s*:/,m=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,p=/^[\t ]+\n/gm;function d(n,t,r){var i=function(n,t){var r=v(h,n,t);if(!r)return null;var i=function(n,t){for(var r=0,i=t;i<n.length;i++){var u=n[i];if("("===u)r++;else if(")"===u&&--r<=0)return i+1}return i}(n,r.start),u=n.substring(r.end,i-1).split(","),e=u[0],o=u.slice(1);return{start:r.start,end:i,propName:e.trim(),fallback:o.length>0?o.join(",").trim():void 0}}(n,r);if(!i)return t.push(n.substring(r,n.length)),n.length;var u=i.propName,e=null!=i.fallback?w(i.fallback):void 0;return t.push(n.substring(r,i.start),(function(n){return function(n,t,r){return n[t]?n[t]:r?y(r,n):""}(n,u,e)})),i.end}function y(n,t){for(var r="",i=0;i<n.length;i++){var u=n[i];r+="string"==typeof u?u:u(t)}return r}function g(n,t){for(var r=!1,i=!1,u=t;u<n.length;u++){var e=n[u];if(r)i&&'"'===e&&(r=!1),i||"'"!==e||(r=!1);else if('"'===e)r=!0,i=!0;else if("'"===e)r=!0,i=!1;else{if(";"===e)return u+1;if("}"===e)return u}}return u}function w(n){var t=0;n=function(n){for(var t="",r=0;;){var i=v(l,n,r),u=i?i.start:n.length;if(t+=n.substring(r,u),!i)break;r=g(n,u)}return t}(n=n.replace(m,"")).replace(p,"");for(var r=[];t<n.length;)t=d(n,r,t);return r}function b(n){var t={};n.forEach((function(n){n.declarations.forEach((function(n){t[n.prop]=n.value}))}));for(var r={},i=Object.entries(t),u=function(){var n=!1;if(i.forEach((function(t){var i=t[0],u=y(t[1],r);u!==r[i]&&(r[i]=u,n=!0)})),!n)return"break"},e=0;e<10&&"break"!==u();e++);return r}function E(n,t){if(void 0===t&&(t=0),!n.rules)return[];var r=[];return n.rules.filter((function(n){return n.type===u.STYLE_RULE})).forEach((function(n){var i=function(n){for(var t,r=[];t=k.exec(n.trim());){var i=M(t[2]),u=i.value,e=i.important;r.push({prop:t[1].trim(),value:w(u),important:e})}return r}(n.cssText);i.length>0&&n.parsedSelector.split(",").forEach((function(n){n=n.trim(),r.push({selector:n,declarations:i,specificity:1,nu:t})})),t++})),r}var k=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function M(n){var t=(n=n.replace(/\s+/gim," ").trim()).endsWith("!important");return t&&(n=n.substr(0,n.length-10).trim()),{value:n,important:t}}function R(n){var t=[];return n.forEach((function(n){t.push.apply(t,n.selectors)})),t}function A(n){var t=r(n),i=w(n);return{original:n,template:i,selectors:E(t),usesCssVars:i.length>1}}function L(n,t){if(n.some((function(n){return n.styleEl===t})))return!1;var r=A(t.textContent);return r.styleEl=t,n.push(r),!0}function $(n){var t=b(R(n));n.forEach((function(n){n.usesCssVars&&(n.styleEl.textContent=y(n.template,t))}))}function O(n,t,r){return function(n,t,r){return n.replace(RegExp(t,"g"),r)}(n,"\\."+t,"."+r)}function P(n,t){return Array.from(n.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(n){return L(t,n)})).some(Boolean)}function I(n,t,r){var i=r.href;return fetch(i).then((function(n){return n.text()})).then((function(u){if(function(n){return n.indexOf("var(")>-1||U.test(n)}(u)&&r.parentNode){(function(n){return _.lastIndex=0,_.test(n)})(u)&&(u=function(n,t){var r=t.replace(/[^/]*$/,"");return n.replace(_,(function(n,t){return n.replace(t,r+t)}))}(u,i));var e=n.createElement("style");e.setAttribute("data-styles",""),e.textContent=u,L(t,e),r.parentNode.insertBefore(e,r),r.remove()}})).catch((function(n){console.error(n)}))}var U=/[\s;{]--[-a-zA-Z0-9]+\s*:/m,_=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim,j=function(){function t(n,t){this.win=n,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return t.prototype.i=function(){var n=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){n.win.requestAnimationFrame((function(){(function(n,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){P(n,t)&&$(t)})).observe(document.head,{childList:!0})})(n.doc,n.globalScopes),function(n,t){return P(n,t),function(n,t){for(var r=[],i=n.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),u=0;u<i.length;u++)r.push(I(n,t,i[u]));return Promise.all(r)}(n,t).then((function(){$(t)}))}(n.doc,n.globalScopes).then((function(){return t()}))}))})))},t.prototype.addLink=function(n){var t=this;return I(this.doc,this.globalScopes,n).then((function(){t.updateGlobal()}))},t.prototype.addGlobalStyle=function(n){L(this.globalScopes,n)&&this.updateGlobal()},t.prototype.createHostStyle=function(t,r,i,u){if(this.hostScopeMap.has(t))throw Error("host style already created");var e=this.registerHostTemplate(i,r,u),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),e.usesCssVars?u?(o["s-sc"]=r=e.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(t,o),this.hostScopeMap.set(t,function(t,r){var i=t.template.map((function(n){return"string"==typeof n?O(n,t.scopeId,r):n})),u=t.selectors.map((function(i){return n(n({},i),{selector:O(i.selector,t.scopeId,r)})}));return n(n({},t),{template:i,selectors:u,scopeId:r})}(e,r)),this.count++):(e.styleEl=o,e.usesCssVars||(o.textContent=y(e.template,{})),this.globalScopes.push(e),this.updateGlobal(),this.hostScopeMap.set(t,e)):o.textContent=i,o},t.prototype.removeHost=function(n){var t=this.hostStyleMap.get(n);t&&t.remove(),this.hostStyleMap.delete(n),this.hostScopeMap.delete(n)},t.prototype.updateHost=function(n){var t=this.hostScopeMap.get(n);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(n);if(r){var i=b(function(n,t,r){var i=[],u=function(n,t){for(var r=[];t;){var i=n.get(t);i&&r.push(i),t=t.parentElement}return r}(t,n);return r.forEach((function(n){return i.push(n)})),u.forEach((function(n){return i.push(n)})),function(n){return n.sort((function(n,t){return n.specificity===t.specificity?n.nu-t.nu:n.specificity-t.specificity})),n}(R(i).filter((function(t){return function(n,t){return":root"===t||"html"===t||n.matches(t)}(n,t.selector)})))}(n,this.hostScopeMap,this.globalScopes));r.textContent=y(t.template,i)}}},t.prototype.updateGlobal=function(){$(this.globalScopes)},t.prototype.registerHostTemplate=function(n,t,r){var i=this.scopesMap.get(t);return i||((i=A(n)).scopeId=t,i.isScoped=r,this.scopesMap.set(t,i)),i},t}();!function(n){!n||n.__cssshim||n.CSS&&n.CSS.supports&&n.CSS.supports("color","var(--c)")||(n.__cssshim=new j(n,n.document))}("undefined"!=typeof window&&window);
-//# sourceMappingURL=p-9c26b459.js.map
+//# sourceMappingURL=p-fd0fca23.js.map

package/dist/nano-components/{p-9c26b459.js.map → p-fd0fca23.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","OPEN_BRACE","o","a","push","CLOSE_BRACE","lex","replace","RX","comments","port","clean","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","compileVar","findVarEndIndex","slice","propName","fallback","join","parseVar","compileTemplate","executeTemplate","resolveVar","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","FIND_DECLARATIONS","exec","normalizeValue","important","getDeclarations","specificity","nu","endsWith","substr","IMPORTANT","getSelectorsForScopes","selectors","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","replaceScope","RegExp","replaceAll","loadDocumentStyles","Array","from","querySelectorAll","map","Boolean","addGlobalLink","href","fetch","then","text","CSS_VARIABLE_REGEXP","test","hasCssVariables","parentNode","CSS_URL_REGEXP","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","Promise","resolve","MutationObserver","observe","document","head","childList","startWatcher","all","loadDocumentLinks","loadDocument","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","scopeId","set","reScope","removeHost","get","delete","updateHost","isScoped","parentElement","getScopesForElement","sort","sortSelectors","matches","getActiveSelectors","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.5.9 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\"+t,\".\"+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=s.scopeId+\"-\"+this.count,o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","OPEN_BRACE","o","a","push","CLOSE_BRACE","lex","replace","RX","comments","port","clean","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","compileVar","findVarEndIndex","slice","propName","fallback","join","parseVar","compileTemplate","executeTemplate","resolveVar","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","FIND_DECLARATIONS","exec","normalizeValue","important","getDeclarations","specificity","nu","endsWith","substr","IMPORTANT","getSelectorsForScopes","selectors","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","replaceScope","RegExp","replaceAll","loadDocumentStyles","Array","from","querySelectorAll","map","Boolean","addGlobalLink","href","fetch","then","text","CSS_VARIABLE_REGEXP","test","hasCssVariables","parentNode","CSS_URL_REGEXP","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","Promise","resolve","MutationObserver","observe","document","head","childList","startWatcher","all","loadDocumentLinks","loadDocument","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","scopeId","set","reScope","removeHost","get","delete","updateHost","isScoped","parentElement","getScopesForElement","sort","sortSelectors","matches","getActiveSelectors","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.5.10 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\"+t,\".\"+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=s.scopeId+\"-\"+this.count,o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,e as r,g as s}from"./p-bb0619e6.js";import{P as n}from"./p-d112948c.js";let e=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-"+ ++e,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=()=>{this.target=this.getTarget()},this.handleTTSlotChange=()=>{const t=this.host.querySelector(`[id="${this.componentId}"]`)||this.host.shadowRoot.getElementById(this.componentId);Array.from(this.host.querySelectorAll('[slot="content"]')).filter((o=>o!==t)).forEach((o=>{t.appendChild(o)}))}}get target(){return this._target}set target(t){t!==this._target&&this._target&&this._target.removeAttribute("aria-describedby"),t.setAttribute("aria-describedby",this.componentId),this._target=t}handleOpenChange(){this.open?this.show():this.hide()}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()})}componentDidLoad(){this.target=this.getTarget(),this.popover=new n(this.target,this.tooltipPositioner),this.syncOptions();const t=this.host.shadowRoot.getElementById(this.componentId);t.slot="content",this.host.appendChild(t),this.handleTTSlotChange(),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover.destroy()}render(){return i(r,{onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick},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,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{name:"content",onSlotchange:this.handleTTSlotChange},i("div",{id:this.componentId},this.content)),i("div",{class:"tooltip-arrow","data-popper-arrow":!0}))))}get host(){return s(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-arrow{content:"";position:absolute;width:0;height:0;color:black;-webkit-transition:0.2s ease transform;transition:0.2s ease transform}.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-arrow{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-arrow{left:5px}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip-arrow{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip-arrow{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-arrow{left:5px}.tooltip-positioner[data-popper-placement=top-end] .tooltip-arrow{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip-arrow{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-arrow{top:5px}.tooltip-positioner[data-popper-placement=left-end] .tooltip-arrow{top:auto;bottom:5px}.tooltip-positioner[data-popper-placement^=right] .tooltip-arrow{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-arrow{top:5px}.tooltip-positioner[data-popper-placement=right-end] .tooltip-arrow{top:auto;bottom:5px}';export{a as nano_tooltip}
+//# sourceMappingURL=p-fdfa03d7.entry.js.map

package/dist/nano-components/p-fdfa03d7.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","target","getTarget","handleTTSlotChange","contentDiv","host","querySelector","shadowRoot","getElementById","Array","from","querySelectorAll","filter","elm","forEach","appendChild","_target","newTarget","removeAttribute","setAttribute","nanoShow","emit","defaultPrevented","popover","nanoHide","children","find","el","tagName","toLowerCase","getAttribute","Error","triggerType","split","includes","setOptions","transitionElement","tooltip","onAfterHide","nanoAfterHide","onAfterShow","nanoAfterShow","Popover","tooltipPositioner","syncOptions","ele","slot","hidden","destroy","h","Host","onKeyDown","onMouseOver","onMouseOut","onBlur","onFocus","onClick","onSlotchange","ref","class","part","tooltip--open","role","aria-hidden","name","data-popper-arrow"],"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 tooltip: any;\n\n  private _target: HTMLElement;\n  private get target() {\n    return this._target;\n  }\n  private set target(newTarget) {\n    if (newTarget !== this._target && this._target) {\n      this._target.removeAttribute('aria-describedby');\n    }\n    newTarget.setAttribute('aria-describedby', this.componentId);\n    this._target = newTarget;\n  }\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  // Events\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  // Public methods\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  /** Hides 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 methods\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 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  // Event Handlers\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    this.target = this.getTarget();\n  };\n\n  private handleTTSlotChange = () => {\n    const contentDiv =\n      this.host.querySelector(`[id=\"${this.componentId}\"]`) ||\n      this.host.shadowRoot.getElementById(this.componentId);\n    Array.from(this.host.querySelectorAll('[slot=\"content\"]'))\n      .filter((elm) => elm !== contentDiv)\n      .forEach((elm) => {\n        contentDiv.appendChild(elm);\n      });\n  };\n\n  // Stencil hooks\n\n  componentDidLoad() {\n    this.target = this.getTarget();\n    this.popover = new Popover(this.target, this.tooltipPositioner);\n    this.syncOptions();\n\n    const ele = this.host.shadowRoot.getElementById(this.componentId);\n    ele.slot = 'content';\n    this.host.appendChild(ele);\n    this.handleTTSlotChange();\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\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleKeyDown}\n        onMouseOver={this.handleMouseOver}\n        onMouseOut={this.handleMouseOut}\n        onBlur={this.handleBlur}\n        onFocus={this.handleFocus}\n        onClick={this.handleClick}\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              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\" onSlotchange={this.handleTTSlotChange}>\n                <div id={this.componentId}>{this.content}</div>\n              </slot>\n              <div class=\"tooltip-arrow\" data-popper-arrow></div>\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  &-arrow {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    color: black;\n    transition: 0.2s ease transform;\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}-arrow {\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}-arrow {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='bottom-end'] #{$self}-arrow {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + top\n    &[data-popper-placement^='top'] #{$self}-arrow {\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}-arrow {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='top-end'] #{$self}-arrow {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + left\n    &[data-popper-placement^='left'] #{$self}-arrow {\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}-arrow {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='left-end'] #{$self}-arrow {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n\n    // Arrow + right\n    &[data-popper-placement^='right'] #{$self}-arrow {\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}-arrow {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='right-end'] #{$self}-arrow {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n  }\n}\n"]}

package/dist/nano-components/p-ff2ff5b0.js

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

package/dist/nano-components/p-ff2ff5b0.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/stencil-wormhole/dist/esm/deferred.js","src/components/algolia/algolia-data.ts","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-ff5890b4.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as a,e as t,g as s}from"./p-bb0619e6.js";import{l as e,u as r}from"./p-5af040f4.js";import{M as n}from"./p-8c9e74c7.js";import{h as d}from"./p-cd494bc6.js";import{C as l}from"./p-a1680208.js";import"./p-a0ddf496.js";import"./p-a5917bdc.js";import"./p-dfe5a97d.js";import"./p-0e826935.js";let h=0,b=class{constructor(a){o(this,a),this.nanoShow=i(this,"nanoShow",7),this.nanoAfterShow=i(this,"nanoAfterShow",7),this.nanoHide=i(this,"nanoHide",7),this.nanoAfterHide=i(this,"nanoAfterHide",7),this.nanoInitialFocus=i(this,"nanoInitialFocus",7),this.nanoRequestClose=i(this,"nanoRequestClose",7),this.componentId="dialog-"+ ++h,this.willShow=!1,this.willHide=!1,this.addedTransEnd=!1,this.isVisible=!1,this.noDismiss=!1,this.hasFooter=!1,this.showRibbon=!0,this.open=!1,this.noHeader=!1,this.noFooter=!1,this.noUserDismiss=!1,this.storeMethod="url-hash",this.handleKeyDown=o=>{"Escape"===o.key&&this.requestClose()},this.requestClose=()=>{this.nanoRequestClose.emit().defaultPrevented||this.noUserDismiss?(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250)):this.hide()},this.handleTransitionEnd=o=>{"opacity"===o.propertyName&&o.composedPath().find((o=>o===this.panel||o===this.overlay))&&(this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())},this.handleSlotChange=()=>{this.hasFooter=d(this.host,"footer")}}handleOpenChange(){this.open?this.show():this.hide()}async show(){this.willShow||(this.nanoShow.emit().defaultPrevented?this.open=!1:(this.originalTrigger=document.activeElement,this.willShow=!0,this.isVisible=!0,this.open=!0,this.modal.activate(),e(this.host),this.open&&this.host.addEventListener("nanoAfterShow",(()=>{this.nanoInitialFocus.emit().defaultPrevented||this.panel.focus({preventScroll:!0})}),{once:!0})))}async hide(){if(this.willHide)return;if(this.nanoHide.emit().defaultPrevented)return void(this.open=!0);this.willHide=!0,this.open=!1,this.modal.deactivate(),r(this.host),this.stopVideos();const o=this.originalTrigger;o&&"function"==typeof o.focus&&setTimeout((()=>o.focus()))}stopVideos(){Array.from(this.host.querySelectorAll("iframe,video")).forEach((o=>{"video"===o.tagName.toLowerCase()?o.pause():o.src=o.src}))}connectedCallback(){this.modal=new n(this.host),this.panel&&(this.addedTransEnd=!0,this.panel.addEventListener("transitionend",this.handleTransitionEnd))}componentWillLoad(){this.handleSlotChange(),this.open&&this.show(),this.storeId&&l.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.addedTransEnd||this.panel.addEventListener("transitionend",this.handleTransitionEnd)}disconnectedCallback(){r(this.host),this.addedTransEnd=!1,this.panel.removeEventListener("transitionend",this.handleTransitionEnd)}render(){return a(t,{showing:!!this.isVisible||void 0},a("div",{part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":!this.noFooter,"dialog--has-header":!this.noHeader,"dialog--nodismiss":this.noDismiss,"dialog--with-ribbon":this.showRibbon},onKeyDown:this.handleKeyDown},a("div",{part:"overlay",class:"dialog__overlay",ref:o=>this.overlay=o,onClick:this.requestClose}),a("div",{ref:o=>this.panel=o,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:0},a("div",{class:"dialog__body-wrap"},!this.noHeader&&a("nano-sticker",null,a("header",{part:"header",class:"dialog__header"},a("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},a("slot",{name:"label"},this.label||String.fromCharCode(65279))),!this.noUserDismiss&&a("nano-icon-button",{exportparts:"base:close-button",class:"dialog__close-icon",label:"close dialog",onClick:this.requestClose,iconName:"light/times"}))),a("div",{part:"body",class:"dialog__body"},a("slot",null)),!this.noFooter&&(this.hasFooter||!this.noUserDismiss)&&a("nano-sticker",{position:"bottom"},a("footer",{part:"footer",class:"dialog__footer"},a("slot",{name:"footer",onSlotchange:this.handleSlotChange}),!this.noUserDismiss&&a("button",{class:"dialog__close-txt",onClick:this.requestClose},"Close")))))))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};b.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--content-background:#fafafa;--footer-content:#e4e6e8;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));--close-button-color:#b5aea7;--width:60rem;--tint-color:#00607b;--body-padding-v:var(--nano-spacing-large, 20px);--body-padding-h:var(--nano-spacing-large, 20px);--header-padding-v:var(--nano-spacing-medium, 16px);--header-padding-h:var(--nano-spacing-large, 20px);--footer-padding-v:var(--nano-spacing-medium, 16px);--footer-padding-h:var(--nano-spacing-large, 20px)}.dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-modal, 700)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--nano-spacing-xlarge, 24px));max-height:calc(92% - var(--nano-spacing-xlarge, 24px));background-color:var(--content-background);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:var(--nano-transition-fast, 0.3s) opacity, var(--nano-transition-fast, 0.3s) transform;transition:var(--nano-transition-fast, 0.3s) opacity, var(--nano-transition-fast, 0.3s) transform}.dialog__panel:focus{outline:none}.dialog--with-ribbon .dialog__panel{border-top:5px solid var(--tint-color)}.dialog--open .dialog__panel{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transform:none;transform:none}.dialog--nodismiss .dialog__panel{-webkit-animation:cannotClose 0.25s ease-in-out 1;animation:cannotClose 0.25s ease-in-out 1}@-webkit-keyframes cannotClose{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.08);transform:scale(1.08)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cannotClose{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.08);transform:scale(1.08)}100%{-webkit-transform:scale(1);transform:scale(1)}}.dialog__header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:var(--width);width:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-transition:var(--nano-transition-fast, 0.1s) box-shadow;transition:var(--nano-transition-fast, 0.1s) box-shadow}.dialog--visible .dialog__header{min-width:auto}[stuck] .dialog__header{-webkit-box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2))}.dialog__title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:var(--nano-fontsize-large, 1.25rem);line-height:1.6;padding:var(--header-padding-v) var(--header-padding-h)}.dialog .dialog__close-icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--nano-fontsize-xlarge, 1.5rem);padding:0 var(--header-padding-h);--color:var(--close-button-color)}.dialog__body{padding:0 var(--body-padding-h) var(--body-padding-v)}.dialog:not(.dialog--has-header) .dialog__body{padding-top:var(--body-padding-v)}.dialog__body ::slotted(*){max-width:100%}.dialog__body-wrap{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-radius:0 0 inherit inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-radius:inherit inherit 0 0}.dialog__footer{width:100%;padding:var(--footer-padding-v) var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;top:1px}.dialog--visible .dialog__footer{min-width:auto}.dialog__footer ::slotted(button){margin-right:var(--nano-spacing-small, 8px) !important}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__close-txt{color:var(--tint-color);border:none;text-decoration:underline;margin:0;text-underline-offset:4px;background-color:transparent;font:inherit;-webkit-box-align:center;cursor:pointer;font-size:var(--nano-fontsize-small, 0.875rem);padding:0.5rem;border-radius:var(--nano-border-radius-small, 2px);-webkit-transition:-webkit-box-shadow 100ms ease-in-out;transition:-webkit-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out}.dialog__close-txt:focus{outline:none;-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)))}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.dialog--open .dialog__overlay{opacity:1}";export{b as nano_dialog}
+//# sourceMappingURL=p-ff5890b4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialog/dialog.tsx","src/components/dialog/dialog.scss?tag=nano-dialog&encapsulation=shadow"],"names":["id","Dialog","[object Object]","hostRef","this","componentId","willShow","willHide","addedTransEnd","isVisible","noDismiss","hasFooter","showRibbon","open","noHeader","noFooter","noUserDismiss","storeMethod","handleKeyDown","event","key","requestClose","nanoRequestClose","emit","defaultPrevented","setTimeout","hide","handleTransitionEnd","propertyName","composedPath","find","node","panel","overlay","nanoAfterShow","nanoAfterHide","handleSlotChange","hasSlot","host","show","nanoShow","originalTrigger","document","activeElement","modal","activate","lockBodyScrolling","addEventListener","nanoInitialFocus","focus","preventScroll","once","nanoHide","deactivate","unlockBodyScrolling","stopVideos","trigger","Array","from","querySelectorAll","forEach","video","tagName","toLowerCase","pause","src","Modal","storeId","ComponentStore","init","removeEventListener","h","Host","showing","undefined","part","class","dialog","dialog--open","dialog--visible","dialog--has-footer","dialog--has-header","dialog--nodismiss","dialog--with-ribbon","onKeyDown","ref","el","onClick","role","aria-modal","aria-hidden","aria-label","label","aria-labelledby","tabIndex","name","String","fromCharCode","exportparts","iconName","position","onSlotchange"],"mappings":"uTAqBA,IAAIA,EAAK,EAcIC,EAAM,MALnBC,YAAAC,mRAMUC,KAAAC,YAAc,aAAYL,EAG1BI,KAAAE,UAAW,EACXF,KAAAG,UAAW,EAGXH,KAAAI,eAAgB,EAGfJ,KAAAK,WAAY,EACZL,KAAAM,WAAY,EACZN,KAAAO,WAAY,EAGbP,KAAAQ,YAAa,EAGmBR,KAAAS,MAAO,EAQvCT,KAAAU,UAAW,EAIXV,KAAAW,UAAW,EAGXX,KAAAY,eAAgB,EAMhBZ,KAAAa,YAA8B,WAwF9Bb,KAAAc,cAAiBC,IACL,WAAdA,EAAMC,KACRhB,KAAKiB,gBAIDjB,KAAAiB,aAAe,KACMjB,KAAKkB,iBAAiBC,OAEzBC,kBAAqBpB,KAAKY,eAGhDZ,KAAKM,WAAY,EACjBe,YAAW,IAAQrB,KAAKM,WAAY,GAAQ,MAH5CN,KAAKsB,QAODtB,KAAAuB,oBAAuBR,IAEJ,YAAvBA,EAAMS,cACNT,EACGU,eACAC,MAAMC,GAASA,IAAS3B,KAAK4B,OAASD,IAAS3B,KAAK6B,YAGvD7B,KAAKK,UAAYL,KAAKS,KACtBT,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAChBH,KAAKS,KAAOT,KAAK8B,cAAcX,OAASnB,KAAK+B,cAAcZ,SAIvDnB,KAAAgC,iBAAmB,KACzBhC,KAAKO,UAAY0B,EAAQjC,KAAKkC,KAAM,WAtHtCpC,mBACEE,KAAKS,KAAOT,KAAKmC,OAASnC,KAAKsB,OAwBjCxB,aACME,KAAKE,WAIQF,KAAKoC,SAASjB,OAClBC,iBACXpB,KAAKS,MAAO,GAIdT,KAAKqC,gBAAkBC,SAASC,cAChCvC,KAAKE,UAAW,EAChBF,KAAKK,WAAY,EACjBL,KAAKS,MAAO,EACZT,KAAKwC,MAAMC,WAEXC,EAAkB1C,KAAKkC,MAEnBlC,KAAKS,MAEPT,KAAKkC,KAAKS,iBACR,iBACA,KAC2B3C,KAAK4C,iBAAiBzB,OACzBC,kBACpBpB,KAAK4B,MAAMiB,MAAM,CAAEC,eAAe,MAGtC,CAAEC,MAAM,MAOdjD,aACE,GAAIE,KAAKG,SACP,OAIF,GADiBH,KAAKgD,SAAS7B,OAClBC,iBAEX,YADApB,KAAKS,MAAO,GAIdT,KAAKG,UAAW,EAChBH,KAAKS,MAAO,EACZT,KAAKwC,MAAMS,aACXC,EAAoBlD,KAAKkC,MACzBlC,KAAKmD,aAGL,MAAMC,EAAUpD,KAAKqC,gBACjBe,GAAoC,mBAAlBA,EAAQP,OAC5BxB,YAAW,IAAM+B,EAAQP,UAwCrB/C,aACiDuD,MAAMC,KAC3DtD,KAAKkC,KAAKqB,iBAAiB,iBAEtBC,SAASC,IACsB,UAAhCA,EAAMC,QAAQC,cACfF,EAA2BG,QAG5BH,EAAMI,IADMJ,EAAMI,OAMxB/D,oBACEE,KAAKwC,MAAQ,IAAIsB,EAAM9D,KAAKkC,MACxBlC,KAAK4B,QACP5B,KAAKI,eAAgB,EACrBJ,KAAK4B,MAAMe,iBAAiB,gBAAiB3C,KAAKuB,sBAItDzB,oBACEE,KAAKgC,mBAEDhC,KAAKS,MAAMT,KAAKmC,OAChBnC,KAAK+D,SACPC,EAAeC,KAAKjE,KAAM,CAAC,QAASA,KAAKa,YAAab,KAAK+D,SAG/DjE,mBACOE,KAAKI,eACRJ,KAAK4B,MAAMe,iBAAiB,gBAAiB3C,KAAKuB,qBAItDzB,uBACEoD,EAAoBlD,KAAKkC,MACzBlC,KAAKI,eAAgB,EACrBJ,KAAK4B,MAAMsC,oBAAoB,gBAAiBlE,KAAKuB,qBAGvDzB,SACE,OACEqE,EAACC,EAAI,CAACC,UAASrE,KAAKK,gBAAmBiE,GACrCH,EAAA,MAAA,CACEI,KAAK,OACLC,MAAO,CACLC,QAAQ,EACRC,eAAgB1E,KAAKS,KACrBkE,kBAAmB3E,KAAKK,UACxBuE,sBAAuB5E,KAAKW,SAC5BkE,sBAAuB7E,KAAKU,SAC5BoE,oBAAqB9E,KAAKM,UAC1ByE,sBAAuB/E,KAAKQ,YAE9BwE,UAAWhF,KAAKc,eAEhBqD,EAAA,MAAA,CACEI,KAAK,UACLC,MAAM,kBACNS,IAAMC,GAAQlF,KAAK6B,QAAUqD,EAC7BC,QAASnF,KAAKiB,eAGhBkD,EAAA,MAAA,CACEc,IAAMC,GAAQlF,KAAK4B,MAAQsD,EAC3BX,KAAK,QACLC,MAAM,gBACNY,KAAK,SAAQC,aACF,OAAMC,cACJtF,KAAKS,KAAO,QAAU,OAAM8E,aAC7BvF,KAAKU,SAAWV,KAAKwF,MAAQ,KAAIC,kBAE1CzF,KAAKU,SAAyC,KAA9B,GAAGV,KAAKC,oBAE3ByF,SAAU,GAEVvB,EAAA,MAAA,CAAKK,MAAM,sBACPxE,KAAKU,UACLyD,EAAA,eAAA,KACEA,EAAA,SAAA,CAAQI,KAAK,SAASC,MAAM,kBAC1BL,EAAA,OAAA,CACEI,KAAK,QACLC,MAAM,gBACN5E,GAAI,GAAGI,KAAKC,qBAEZkE,EAAA,OAAA,CAAMwB,KAAK,SAER3F,KAAKwF,OAASI,OAAOC,aAAa,UAGrC7F,KAAKY,eACLuD,EAAA,mBAAA,CACE2B,YAAY,oBACZtB,MAAM,qBACNgB,MAAM,eACNL,QAASnF,KAAKiB,aACd8E,SAAS,kBAMnB5B,EAAA,MAAA,CAAKI,KAAK,OAAOC,MAAM,gBACrBL,EAAA,OAAA,QAEAnE,KAAKW,WAAaX,KAAKO,YAAcP,KAAKY,gBAC1CuD,EAAA,eAAA,CAAc6B,SAAS,UACrB7B,EAAA,SAAA,CAAQI,KAAK,SAASC,MAAM,kBAC1BL,EAAA,OAAA,CAAMwB,KAAK,SAASM,aAAcjG,KAAKgC,oBACrChC,KAAKY,eACLuD,EAAA,SAAA,CACEK,MAAM,oBACNW,QAASnF,KAAKiB,cAAY,2GCzThC","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n  ComponentInterface,\n} from '@stencil/core';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport Modal from '../../utils/modal';\nimport { hasSlot } from '../../utils';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\nlet id = 0;\n\n/**\n * Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n *\n * @slot - The dialog's content.\n * @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n */\n@Component({\n  tag: 'nano-dialog',\n  styleUrl: 'dialog.scss',\n  shadow: true,\n})\nexport class Dialog implements ComponentInterface {\n  private componentId = `dialog-${++id}`;\n  private modal: Modal;\n  private panel: HTMLElement;\n  private willShow = false;\n  private willHide = false;\n  private originalTrigger: HTMLElement | null;\n  private overlay: HTMLElement;\n  private addedTransEnd = false;\n\n  @Element() host: HTMLNanoDialogElement;\n  @State() isVisible = false;\n  @State() noDismiss = false;\n  @State() hasFooter = false;\n\n  /** Show a colour ribbon at the top of the modal */\n  @Prop() showRibbon = true;\n\n  /** Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The dialog's label as displayed in the header. You should always include a relevant\n   * label even when using `no-header`, as it is required for proper accessibility. */\n  @Prop() label!: string;\n\n  /** Set to true to disable the header. This will also remove the default close button,\n   * so please ensure you  provide an easy, accessible way for users to dismiss the dialog. */\n  @Prop() noHeader = false;\n\n  /** Set to true to disable the footer. This will also remove the footer close button,\n   * so please ensure you  provide an easy, accessible way for users to dismiss the dialog. */\n  @Prop() noFooter = false;\n\n  /** An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key  */\n  @Prop() noUserDismiss = false;\n\n  /** Store search queries (against this ID) to the component store. Use in conjunction with storeMethod */\n  @Prop() storeId?: string;\n\n  /** The method of storage. Either session storage, url hash (after the '#') or url query (after the '?'). */\n  @Prop() storeMethod: StorageMethods = 'url-hash';\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the dialog opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the dialog closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /** Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent\n   * focus and allow you to set it on a different element in the dialog, such as an input or button. */\n  @Event() nanoInitialFocus: EventEmitter;\n\n  /** Emitted when the user clicks the close button, clicks the overlay, or presses the `Escape` key. Calling `event.preventDefault()` will prevent the dialog from closing. */\n  @Event() nanoRequestClose: EventEmitter;\n\n  /** Shows the dialog */\n  @Method()\n  async show() {\n    if (this.willShow) {\n      return;\n    }\n\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.originalTrigger = document.activeElement as HTMLElement;\n    this.willShow = true;\n    this.isVisible = true;\n    this.open = true;\n    this.modal.activate();\n\n    lockBodyScrolling(this.host);\n\n    if (this.open) {\n      // Wait for the next frame before setting initial focus so the dialog is technically visible\n      this.host.addEventListener(\n        'nanoAfterShow',\n        () => {\n          const nanoInitialFocus = this.nanoInitialFocus.emit();\n          if (!nanoInitialFocus.defaultPrevented) {\n            this.panel.focus({ preventScroll: true });\n          }\n        },\n        { once: true }\n      );\n    }\n  }\n\n  /** Hides the dialog */\n  @Method()\n  async hide() {\n    if (this.willHide) {\n      return;\n    }\n\n    const nanoHide = this.nanoHide.emit();\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.willHide = true;\n    this.open = false;\n    this.modal.deactivate();\n    unlockBodyScrolling(this.host);\n    this.stopVideos();\n\n    // Restore focus to the original trigger\n    const trigger = this.originalTrigger;\n    if (trigger && typeof trigger.focus === 'function') {\n      setTimeout(() => trigger.focus());\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.requestClose();\n    }\n  };\n\n  private requestClose = () => {\n    const nanoOverlayDismiss = this.nanoRequestClose.emit();\n\n    if (!nanoOverlayDismiss.defaultPrevented && !this.noUserDismiss) {\n      this.hide();\n    } else {\n      this.noDismiss = true;\n      setTimeout((_) => (this.noDismiss = false), 250);\n    }\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      event\n        .composedPath()\n        .find((node) => node === this.panel || node === this.overlay)\n    ) {\n      // Ensure we only emit one event when the target element is no longer visible\n      this.isVisible = this.open;\n      this.willShow = false;\n      this.willHide = false;\n      this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasFooter = hasSlot(this.host, 'footer');\n  };\n\n  private stopVideos() {\n    var videos: (HTMLVideoElement | HTMLIFrameElement)[] = Array.from(\n      this.host.querySelectorAll('iframe,video')\n    );\n    videos.forEach((video) => {\n      if (video.tagName.toLowerCase() === 'video')\n        (video as HTMLVideoElement).pause();\n      else {\n        const src = video.src;\n        video.src = src;\n      }\n    });\n  }\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    if (this.panel) {\n      this.addedTransEnd = true;\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n    // Show on init if open\n    if (this.open) this.show();\n    if (this.storeId)\n      ComponentStore.init(this, ['open'], this.storeMethod, this.storeId);\n  }\n\n  componentDidLoad() {\n    if (!this.addedTransEnd) {\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.addedTransEnd = false;\n    this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n  }\n\n  render() {\n    return (\n      <Host showing={this.isVisible ? true : undefined}>\n        <div\n          part=\"base\"\n          class={{\n            dialog: true,\n            'dialog--open': this.open,\n            'dialog--visible': this.isVisible,\n            'dialog--has-footer': !this.noFooter,\n            'dialog--has-header': !this.noHeader,\n            'dialog--nodismiss': this.noDismiss,\n            'dialog--with-ribbon': this.showRibbon,\n          }}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div\n            part=\"overlay\"\n            class=\"dialog__overlay\"\n            ref={(el) => (this.overlay = el)}\n            onClick={this.requestClose}\n          />\n\n          <div\n            ref={(el) => (this.panel = el)}\n            part=\"panel\"\n            class=\"dialog__panel\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-hidden={this.open ? 'false' : 'true'}\n            aria-label={this.noHeader ? this.label : null}\n            aria-labelledby={\n              !this.noHeader ? `${this.componentId}-title` : null\n            }\n            tabIndex={0}\n          >\n            <div class=\"dialog__body-wrap\">\n              {!this.noHeader && (\n                <nano-sticker>\n                  <header part=\"header\" class=\"dialog__header\">\n                    <span\n                      part=\"title\"\n                      class=\"dialog__title\"\n                      id={`${this.componentId}-title`}\n                    >\n                      <slot name=\"label\">\n                        {/* If there's no label, use an invisible character to prevent the heading from collapsing */}\n                        {this.label || String.fromCharCode(65279)}\n                      </slot>\n                    </span>\n                    {!this.noUserDismiss && (\n                      <nano-icon-button\n                        exportparts=\"base:close-button\"\n                        class=\"dialog__close-icon\"\n                        label=\"close dialog\"\n                        onClick={this.requestClose}\n                        iconName=\"light/times\"\n                      />\n                    )}\n                  </header>\n                </nano-sticker>\n              )}\n              <div part=\"body\" class=\"dialog__body\">\n                <slot />\n              </div>\n              {!this.noFooter && (this.hasFooter || !this.noUserDismiss) && (\n                <nano-sticker position=\"bottom\">\n                  <footer part=\"footer\" class=\"dialog__footer\">\n                    <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n                    {!this.noUserDismiss && (\n                      <button\n                        class=\"dialog__close-txt\"\n                        onClick={this.requestClose}\n                      >\n                        Close\n                      </button>\n                    )}\n                  </footer>\n                </nano-sticker>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n@import '../../global/style/nano-theme/form';\n\n/**\n * @prop --width: The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @prop --border-radius: defaults to #{$layer-border-radius};\n * @prop --content-background: defaults to #{$layer-bg-color};\n * @prop --footer-background: defaults to  #{$color-celsius};\n * @prop --box-shadow: defaults to $layer-shadow-xlarge;\n * @prop --close-button-color: defaults to #{$color-mediumgrey};\n * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n * @prop --tint-color: colour used to highlight items in the dialog - top ribbon, bottom close button. Default #{$color-blue};\n * @prop --width: defaults to 31rem;\n */\n:host {\n  --border-radius: #{$layer-border-radius};\n  --content-background: #fafafa;\n  --footer-content: #{$color-lightgrey};\n  --scrim-color: #{$layer-overlay-dark};\n  --box-shadow: #{$layer-shadow-large};\n  --close-button-color: #{$color-palegrey};\n  --width: 60rem;\n  --tint-color: #{darken($color-blue, 5%)};\n  --body-padding-v: #{$spacing-large};\n  --body-padding-h: #{$spacing-large};\n  --header-padding-v: #{$spacing-medium};\n  --header-padding-h: #{$spacing-large};\n  --footer-padding-v: #{$spacing-medium};\n  --footer-padding-h: #{$spacing-large};\n}\n\n.dialog {\n  $self: &;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: #{$layer-index-modal};\n\n  &:not(.dialog--visible) {\n    @include hidden;\n  }\n\n  &__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - #{$spacing-xlarge});\n    max-height: calc(92% - #{$spacing-xlarge});\n    background-color: var(--content-background);\n    border-radius: var(--border-radius);\n    box-shadow: var(--box-shadow);\n    opacity: 0;\n    transform: scale(0.8);\n    transition: #{$transition-fast} opacity, #{$transition-fast} transform;\n\n    &:focus {\n      outline: none;\n    }\n\n    .dialog--with-ribbon & {\n      border-top: 5px solid var(--tint-color);\n    }\n\n    .dialog--open & {\n      display: flex;\n      opacity: 1;\n      transform: none;\n    }\n\n    .dialog--nodismiss & {\n      animation: cannotClose 0.25s ease-in-out 1;\n\n      @keyframes cannotClose {\n        0% {\n          transform: scale(1);\n        }\n\n        50% {\n          transform: scale(1.08);\n        }\n\n        100% {\n          transform: scale(1);\n        }\n      }\n    }\n  }\n\n  &__header {\n    flex: 0 0 auto;\n    display: flex;\n    min-width: var(--width);\n    width: 100%;\n    background-color: var(--content-background);\n    border-radius: var(--border-radius) var(--border-radius) 0 0;\n    transition: #{$transition-xfast} box-shadow;\n\n    .dialog--visible & {\n      min-width: auto;\n    }\n\n    [stuck] & {\n      box-shadow: #{$layer-shadow-medium};\n    }\n  }\n\n  &__title {\n    flex: 1 1 auto;\n    font-size: #{$fontsize-large};\n    line-height: 1.6;\n    padding: var(--header-padding-v) var(--header-padding-h);\n  }\n\n  & &__close-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: #{$fontsize-xlarge};\n    padding: 0 var(--header-padding-h);\n\n    --color: var(--close-button-color);\n  }\n\n  &__body {\n    padding: 0 var(--body-padding-h) var(--body-padding-v);\n\n    .dialog:not(.dialog--has-header) & {\n      padding-top: var(--body-padding-v);\n    }\n\n    & ::slotted(*) {\n      max-width: 100%;\n    }\n\n    &-wrap {\n      flex: 1 1 auto;\n      overflow: auto;\n      -webkit-overflow-scrolling: touch;\n      border-radius: var(--border-radius);\n\n      .dialog:not(.dialog--has-header) & {\n        border-radius: 0 0 inherit inherit;\n      }\n\n      .dialog:not(.dialog--has-footer) & {\n        border-radius: inherit inherit 0 0;\n      }\n    }\n  }\n\n  &__footer {\n    width: 100%;\n    padding: var(--footer-padding-v) var(--footer-padding-h);\n    background: var(--footer-content);\n    border-radius: 0 0 var(--border-radius) var(--border-radius);\n    position: relative;\n    top: 1px;\n\n    .dialog--visible & {\n      min-width: auto;\n    }\n\n    ::slotted(button) {\n      margin-right: #{$spacing-small} !important;\n    }\n\n    .dialog:not(.dialog--has-footer) & {\n      display: none;\n    }\n  }\n\n  &__close-txt {\n    color: var(--tint-color);\n    border: none;\n    text-decoration: underline;\n    margin: 0;\n    text-underline-offset: 4px;\n    background-color: transparent;\n    font: inherit;\n    -webkit-box-align: center;\n    cursor: pointer;\n    font-size: #{$fontsize-small};\n    padding: 0.5rem;\n    border-radius: #{$border-radius-small};\n    transition: box-shadow 100ms ease-in-out;\n\n    &:focus {\n      outline: none;\n      box-shadow: #{$control-focus-style};\n    }\n  }\n\n  &__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--scrim-color);\n    opacity: 0;\n    transition: #{$transition-fast} opacity;\n    backdrop-filter: blur(#{$layer-overlay-blur});\n\n    .dialog--open & {\n      opacity: 1;\n    }\n  }\n}\n"]}

package/dist/nano-components/{p-23e9f09e.entry.js → p-ffab923c.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as o,h as t,e as s,g as e}from"./p-f55560d3.js";import{g as i}from"./p-a0ddf496.js";import{s as a}from"./p-5af040f4.js";import{g as r}from"./p-cd494bc6.js";const c=!!document.head.attachShadow;let d=class{constructor(t){n(this,t),this.nanoFocus=o(this,"nanoFocus",7),this.nanoBlur=o(this,"nanoBlur",7),this.nanoSelect=o(this,"nanoSelect",7),this.ignoreMouseEvents=!1,this.typeToSelect="",this.handleFocus=()=>{this.getActiveItem()||this.setActiveItem(this.getItems()[0]),this.nanoFocus.emit()},this.handleBlur=()=>{},this.handleClick=n=>{const o=n.target.closest("nano-nav-item");o&&!o.disabled&&this.nanoSelect.emit({item:o})},this.handleKeyDown=n=>{switch(clearTimeout(this.ignoreMouseTimeout),this.ignoreMouseTimeout=setTimeout((()=>this.ignoreMouseEvents=!1),500),this.ignoreMouseEvents=!0,n.key){case" ":this.getActiveItem().click();break;case"ArrowDown":case"ArrowUp":case"Home":case"End":const o=this.getItems(),t=this.getActiveItem();let s=o.indexOf(t);if(o.length)return n.preventDefault(),"ArrowDown"===n.key?s++:"ArrowUp"===n.key?s--:"Home"===n.key?s=0:"End"===n.key&&(s=o.length-1),s<0&&(s=0),s>o.length-1&&(s=o.length-1),this.setActiveItem(o[s]),void this.scrollItemIntoView(o[s])}if(" "===n.key||/^[\d\w]$/i.test(n.key)){clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelect=""),750),this.typeToSelect+=n.key;const o=this.getItems();for(const n of o){const o=n.shadowRoot.querySelector("slot:not([name])");if(r(o).toLowerCase().trim().substring(0,this.typeToSelect.length)===this.typeToSelect){n.setFocus();break}}}},this.handleMouseOver=n=>{const o=n.target.closest("nano-nav-item");o&&!this.ignoreMouseEvents&&this.setActiveItem(o)}}connectedCallback(){}async setFocus(){this.menu.focus()}async removeFocus(){this.menu.blur()}getItems(){let n,o=this.el.querySelectorAll("nano-nav-item.secondary-open");return n=o.length?Array.from(o[o.length-1].querySelectorAll("nano-nav-item")):i(this.el,"nano-nav-item"),n.filter((n=>!n.disabled))}getActiveItem(){return this.el.querySelector("nano-nav-item.has-focus")}setActiveItem(n){n?n.setFocus():this.el.setFocus()}scrollItemIntoView(n){n&&a(n,this.menu)}render(){return t(s,{class:{legacy:!c}},t("nav",{ref:n=>this.menu=n,part:"base",class:"menu",tabIndex:-1,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver},t("slot",null)))}get el(){return e(this)}};d.style=".sc-nano-menu-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-menu,*.sc-nano-menu::before,*.sc-nano-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-menu-h.legacy .sc-nano-menu-s>*,.legacy.sc-nano-menu-h *.sc-nano-menu{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:10px;--secondary-padding-bottom:10px;--secondary-bg-color:#fff;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#0084a9;--color-selected:#0084a9;--color-focus:#0084a9;--focus-outline:none;display:block}.sc-nano-menu-h{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:0;--secondary-padding-bottom:0;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#0084a9;--color-selected:#0084a9;--color-focus:#0084a9;--focus-outline:none;display:block}.menu.sc-nano-menu{-ms-scroll-chaining:none;overscroll-behavior:none;font-size:0.9em;min-width:var(--width);position:relative}.menu.sc-nano-menu:focus{outline:none}.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:var(--padding-start);margin-right:var(--padding-end);margin-top:var(--padding-top);margin-bottom:var(--padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-start);margin-inline-start:var(--padding-start);-webkit-margin-end:var(--padding-end);margin-inline-end:var(--padding-end)}}";export{d as nano_menu}
-//# sourceMappingURL=p-23e9f09e.entry.js.map
+import{r as n,c as o,h as t,e as s,g as e}from"./p-bb0619e6.js";import{g as i}from"./p-a0ddf496.js";import{s as a}from"./p-5af040f4.js";import{g as r}from"./p-cd494bc6.js";const c=!!document.head.attachShadow;let d=class{constructor(t){n(this,t),this.nanoFocus=o(this,"nanoFocus",7),this.nanoBlur=o(this,"nanoBlur",7),this.nanoSelect=o(this,"nanoSelect",7),this.ignoreMouseEvents=!1,this.typeToSelect="",this.handleFocus=()=>{this.getActiveItem()||this.setActiveItem(this.getItems()[0]),this.nanoFocus.emit()},this.handleBlur=()=>{},this.handleClick=n=>{const o=n.target.closest("nano-nav-item");o&&!o.disabled&&this.nanoSelect.emit({item:o})},this.handleKeyDown=n=>{switch(clearTimeout(this.ignoreMouseTimeout),this.ignoreMouseTimeout=setTimeout((()=>this.ignoreMouseEvents=!1),500),this.ignoreMouseEvents=!0,n.key){case" ":this.getActiveItem().click();break;case"ArrowDown":case"ArrowUp":case"Home":case"End":const o=this.getItems(),t=this.getActiveItem();let s=o.indexOf(t);if(o.length)return n.preventDefault(),"ArrowDown"===n.key?s++:"ArrowUp"===n.key?s--:"Home"===n.key?s=0:"End"===n.key&&(s=o.length-1),s<0&&(s=0),s>o.length-1&&(s=o.length-1),this.setActiveItem(o[s]),void this.scrollItemIntoView(o[s])}if(" "===n.key||/^[\d\w]$/i.test(n.key)){clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelect=""),750),this.typeToSelect+=n.key;const o=this.getItems();for(const n of o){const o=n.shadowRoot.querySelector("slot:not([name])");if(r(o).toLowerCase().trim().substring(0,this.typeToSelect.length)===this.typeToSelect){n.setFocus();break}}}},this.handleMouseOver=n=>{const o=n.target.closest("nano-nav-item");o&&!this.ignoreMouseEvents&&this.setActiveItem(o)}}connectedCallback(){}async setFocus(){this.menu.focus()}async removeFocus(){this.menu.blur()}getItems(){let n,o=this.el.querySelectorAll("nano-nav-item.secondary-open");return n=o.length?Array.from(o[o.length-1].querySelectorAll("nano-nav-item")):i(this.el,"nano-nav-item"),n.filter((n=>!n.disabled))}getActiveItem(){return this.el.querySelector("nano-nav-item.has-focus")}setActiveItem(n){n?n.setFocus():this.el.setFocus()}scrollItemIntoView(n){n&&a(n,this.menu)}render(){return t(s,{class:{legacy:!c}},t("nav",{ref:n=>this.menu=n,part:"base",class:"menu",tabIndex:-1,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver},t("slot",null)))}get el(){return e(this)}};d.style=".sc-nano-menu-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-menu,*.sc-nano-menu::before,*.sc-nano-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-menu-h.legacy .sc-nano-menu-s>*,.legacy.sc-nano-menu-h *.sc-nano-menu{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:10px;--secondary-padding-bottom:10px;--secondary-bg-color:#fff;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#007495;--color-selected:#007495;--color-focus:#007495;--focus-outline:none;display:block}.sc-nano-menu-h{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:0;--secondary-padding-bottom:0;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#007495;--color-selected:#007495;--color-focus:#007495;--focus-outline:none;display:block}.menu.sc-nano-menu{-ms-scroll-chaining:none;overscroll-behavior:none;font-size:0.9em;min-width:var(--width);position:relative}.menu.sc-nano-menu:focus{outline:none}.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:var(--padding-start);margin-right:var(--padding-end);margin-top:var(--padding-top);margin-bottom:var(--padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-start);margin-inline-start:var(--padding-start);-webkit-margin-end:var(--padding-end);margin-inline-end:var(--padding-end)}}";export{d as nano_menu}
+//# sourceMappingURL=p-ffab923c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/menu/menu.scss?tag=nano-menu&encapsulation=scoped","src/components/menu/menu.tsx"],"names":["CANSHADOW","document","head","attachShadow","Menu","[object Object]","hostRef","this","ignoreMouseEvents","typeToSelect","handleFocus","getActiveItem","setActiveItem","getItems","nanoFocus","emit","handleBlur","handleClick","event","item","target","closest","disabled","nanoSelect","handleKeyDown","clearTimeout","ignoreMouseTimeout","setTimeout","key","click","items","selectedItem","index","indexOf","length","preventDefault","scrollItemIntoView","test","typeToSelectTimeout","slot","shadowRoot","querySelector","getTextContent","toLowerCase","trim","substring","setFocus","handleMouseOver","menu","focus","blur","opened","el","querySelectorAll","Array","from","getDirectChildren","filter","scrollIntoView","h","Host","class","legacy","ref","part","tabIndex","onClick","onFocus","onBlur","onKeyDown","onMouseOver"],"mappings":"4KAAA,MCWMA,IAAcC,SAASC,KAAKC,iBAUrBC,EAAI,MALjBC,YAAAC,4HAMUC,KAAAC,mBAAoB,EAGpBD,KAAAE,aAAe,GA4DfF,KAAAG,YAAc,KACPH,KAAKI,iBAEhBJ,KAAKK,cAAcL,KAAKM,WAAW,IAErCN,KAAKO,UAAUC,QAGTR,KAAAS,WAAa,OAKbT,KAAAU,YAAeC,IACrB,MACMC,EADSD,EAAME,OACDC,QAAQ,iBAExBF,IAASA,EAAKG,UAChBf,KAAKgB,WAAWR,KAAK,CAAEI,KAAAA,KAInBZ,KAAAiB,cAAiBN,IAYvB,OARAO,aAAalB,KAAKmB,oBAClBnB,KAAKmB,mBAAqBC,YACxB,IAAOpB,KAAKC,mBAAoB,GAChC,KAEFD,KAAKC,mBAAoB,EAGjBU,EAAMU,KACZ,IAAK,IACOrB,KAAKI,gBACXkB,QACJ,MACF,IAAK,YACL,IAAK,UACL,IAAK,OACL,IAAK,MACH,MAAMC,EAAQvB,KAAKM,WACbkB,EAAexB,KAAKI,gBAC1B,IAAIqB,EAAQF,EAAMG,QAAQF,GAE1B,GAAID,EAAMI,OAmBR,OAlBAhB,EAAMiB,iBAEY,cAAdjB,EAAMU,IACRI,IACuB,YAAdd,EAAMU,IACfI,IACuB,SAAdd,EAAMU,IACfI,EAAQ,EACe,QAAdd,EAAMU,MACfI,EAAQF,EAAMI,OAAS,GAGrBF,EAAQ,IAAGA,EAAQ,GACnBA,EAAQF,EAAMI,OAAS,IAAGF,EAAQF,EAAMI,OAAS,GAErD3B,KAAKK,cAAckB,EAAME,SACzBzB,KAAK6B,mBAAmBN,EAAME,IAQpC,GAAkB,MAAdd,EAAMU,KAAe,YAAYS,KAAKnB,EAAMU,KAAM,CACpDH,aAAalB,KAAK+B,qBAClB/B,KAAK+B,oBAAsBX,YACzB,IAAOpB,KAAKE,aAAe,IAC3B,KAEFF,KAAKE,cAAgBS,EAAMU,IAE3B,MAAME,EAAQvB,KAAKM,WACnB,IAAK,MAAMM,KAAQW,EAAO,CACxB,MAAMS,EAAOpB,EAAKqB,WAAWC,cAC3B,oBAGF,GADcC,EAAeH,GAAMI,cAAcC,OAEzCC,UAAU,EAAGtC,KAAKE,aAAayB,UAAY3B,KAAKE,aACtD,CACAU,EAAK2B,WACL,UAMAvC,KAAAwC,gBAAmB7B,IACzB,MACMC,EADSD,EAAME,OACDC,QAAQ,iBAExBF,IAASZ,KAAKC,mBAChBD,KAAKK,cAAcO,IAnJvBd,qBAIAA,iBACEE,KAAKyC,KAAKC,QAKZ5C,oBACEE,KAAKyC,KAAKE,OAGJ7C,WACN,IAAIyB,EACAqB,EAAS5C,KAAK6C,GAAGC,iBAAiB,gCAUtC,OAPEvB,EAFEqB,EAAOjB,OAEDoB,MAAMC,KADFJ,EAAOA,EAAOjB,OAAS,GACZmB,iBAAiB,kBAEhCG,EACNjD,KAAK6C,GACL,iBAGGtB,EAAM2B,QAAQL,IAAQA,EAAG9B,WAG1BjB,gBACN,OAAOE,KAAK6C,GAAGX,cACb,2BAIIpC,cAAcc,GAChBA,EAAMA,EAAK2B,WACVvC,KAAK6C,GAAGN,WAGPzC,mBAAmBc,GACrBA,GACFuC,EAAevC,EAAMZ,KAAKyC,MA6G9B3C,SACE,OACEsD,EAACC,EAAI,CACHC,MAAO,CACLC,QAAS9D,IAGX2D,EAAA,MAAA,CACEI,IAAMX,GAAQ7C,KAAKyC,KAAOI,EAC1BY,KAAK,OACLH,MAAM,OACNI,UAAW,EACXC,QAAS3D,KAAKU,YACdkD,QAAS5D,KAAKG,YACd0D,OAAQ7D,KAAKS,WACbqD,UAAW9D,KAAKiB,cAChB8C,YAAa/D,KAAKwC,iBAElBY,EAAA,OAAA,0CDhNM","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host(.legacy) {\n  ::slotted(*),\n  * {\n    --padding-start: 10px;\n    --padding-end: 10px;\n    --padding-top: 10px;\n    --padding-bottom: 10px;\n    --secondary-padding-top: 10px;\n    --secondary-padding-bottom: 10px;\n    --secondary-bg-color: #{$color-white};\n    --bg-color-hover: #{$color-blue--faded};\n    --bg-color-focus: #{$color-blue--faded};\n    --bg-color-selected: #{$color-blue--faded};\n    --color-hover: #{$color-blue};\n    --color-selected: #{$color-blue};\n    --color-focus: #{$color-blue};\n    --focus-outline: none;\n\n    display: block;\n  }\n}\n\n:host {\n  /**\n   * @prop --padding-start: padding at the start of nav-items (left r2l / right l2r). Defaults to '10px'\n   * @prop --padding-end: padding at the end of nav-items (right r2l / left l2r). Defaults to '10px'\n   * @prop --padding-top: padding at the top of nav-items. Defaults to '10px'\n   * @prop --padding-bottom: padding at the bottom of nav-items. Defaults to '10px'\n\n   * @prop --secondary-padding-top: padding at the top of nested nav-items. Defaults to 0\n   * @prop --secondary-padding-bottom: padding at the bottom of nested nav-items. Defaults to 0\n\n   * @prop --bg-color-focus: bg focus color of nav-items. Defaults to #{$color-blue--faded};\n   * @prop --color-focus: text focus color of nav-items. Defaults to #{$color-blue}\n\n   * @prop --focus-outline: the focus style of nav-items. Defaults to 'none'\n  */\n\n  --padding-start: 10px;\n  --padding-end: 10px;\n  --padding-top: 10px;\n  --padding-bottom: 10px;\n  --secondary-padding-top: 0;\n  --secondary-padding-bottom: 0;\n  --bg-color-hover: #{$color-blue--faded};\n  --bg-color-focus: #{$color-blue--faded};\n  --bg-color-selected: #{$color-blue--faded};\n  --color-hover: #{$color-blue};\n  --color-selected: #{$color-blue};\n  --color-focus: #{$color-blue};\n  --focus-outline: none;\n\n  display: block;\n}\n\n.menu {\n  overscroll-behavior: none;\n  font-size: 0.9em;\n  min-width: var(--width);\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.menu::slotted(*:not(nano-nav-item)) {\n  @include margin(\n    var(--padding-top),\n    var(--padding-end),\n    var(--padding-bottom),\n    var(--padding-start)\n  );\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  Method,\n  h,\n  Host,\n  Element,\n} from '@stencil/core';\nimport { getTextContent, scrollIntoView, getDirectChildren } from '../../utils';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * @slot - The menu's content, including menu items, menu dividers, and menu labels.\n */\n@Component({\n  tag: 'nano-menu',\n  styleUrl: 'menu.scss',\n  scoped: true,\n})\nexport class Menu {\n  private ignoreMouseEvents = false;\n  private ignoreMouseTimeout: any;\n  private menu: HTMLElement;\n  private typeToSelect = '';\n  private typeToSelectTimeout: any;\n\n  @Element() private el: HTMLNanoMenuElement;\n\n  /** Emitted when the menu gains focus. */\n  @Event() nanoFocus: EventEmitter;\n\n  /** Emitted when the menu loses focus. */\n  @Event() nanoBlur: EventEmitter;\n\n  /** Emitted when a menu item is selected. */\n  @Event() nanoSelect: EventEmitter;\n\n  connectedCallback() {}\n\n  /** Sets focus on the menu. */\n  @Method()\n  async setFocus() {\n    this.menu.focus();\n  }\n\n  /** Removes focus from the menu. */\n  @Method()\n  async removeFocus() {\n    this.menu.blur();\n  }\n\n  private getItems() {\n    let items: HTMLNanoNavItemElement[];\n    let opened = this.el.querySelectorAll('nano-nav-item.secondary-open');\n    if (opened.length) {\n      const ctx = opened[opened.length - 1] as HTMLNanoNavItemElement;\n      items = Array.from(ctx.querySelectorAll('nano-nav-item'));\n    } else {\n      items = getDirectChildren(\n        this.el,\n        'nano-nav-item'\n      ) as HTMLNanoNavItemElement[];\n    }\n    return items.filter((el) => !el.disabled);\n  }\n\n  private getActiveItem() {\n    return this.el.querySelector(\n      'nano-nav-item.has-focus'\n    ) as HTMLNanoNavItemElement;\n  }\n\n  private setActiveItem(item?: HTMLNanoNavItemElement) {\n    if (item) item.setFocus();\n    else this.el.setFocus();\n  }\n\n  private scrollItemIntoView(item: HTMLNanoNavItemElement) {\n    if (item) {\n      scrollIntoView(item, this.menu);\n    }\n  }\n\n  private handleFocus = () => {\n    const item = this.getActiveItem();\n    if (!item) {\n      this.setActiveItem(this.getItems()[0]);\n    }\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    //this.setActiveItem();\n    // this.nanoBlur.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nano-nav-item');\n\n    if (item && !item.disabled) {\n      this.nanoSelect.emit({ item });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // When keying through the menu, if the mouse happens to be hovering over a menu item and the menu scrolls, the\n    // mouseout/mouseover event will fire causing the selection to be different than what the user expects. This gives\n    // us a way to temporarily ignore mouse events while the user is interacting with a keyboard.\n    clearTimeout(this.ignoreMouseTimeout);\n    this.ignoreMouseTimeout = setTimeout(\n      () => (this.ignoreMouseEvents = false),\n      500\n    );\n    this.ignoreMouseEvents = true;\n\n    // Make a selection when pressing enter\n    switch (event.key) {\n      case ' ':\n        let ele = this.getActiveItem();\n        ele.click();\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Home':\n      case 'End':\n        const items = this.getItems();\n        const selectedItem = this.getActiveItem();\n        let index = items.indexOf(selectedItem);\n\n        if (items.length) {\n          event.preventDefault();\n\n          if (event.key === 'ArrowDown') {\n            index++;\n          } else if (event.key === 'ArrowUp') {\n            index--;\n          } else if (event.key === 'Home') {\n            index = 0;\n          } else if (event.key === 'End') {\n            index = items.length - 1;\n          }\n\n          if (index < 0) index = 0;\n          if (index > items.length - 1) index = items.length - 1;\n\n          this.setActiveItem(items[index]);\n          this.scrollItemIntoView(items[index]);\n\n          return;\n        }\n        break;\n    }\n\n    // Handle type-to-search behavior when non-control characters are entered\n    if (event.key === ' ' || /^[\\d\\w]$/i.test(event.key)) {\n      clearTimeout(this.typeToSelectTimeout);\n      this.typeToSelectTimeout = setTimeout(\n        () => (this.typeToSelect = ''),\n        750\n      );\n      this.typeToSelect += event.key;\n\n      const items = this.getItems();\n      for (const item of items) {\n        const slot = item.shadowRoot.querySelector(\n          'slot:not([name])'\n        ) as HTMLSlotElement;\n        const label = getTextContent(slot).toLowerCase().trim();\n        if (\n          label.substring(0, this.typeToSelect.length) === this.typeToSelect\n        ) {\n          item.setFocus();\n          break;\n        }\n      }\n    }\n  };\n\n  private handleMouseOver = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nano-nav-item');\n\n    if (item && !this.ignoreMouseEvents) {\n      this.setActiveItem(item);\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          legacy: !CANSHADOW,\n        }}\n      >\n        <nav\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          class=\"menu\"\n          tabIndex={-1}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          onMouseOver={this.handleMouseOver}\n        >\n          <slot />\n        </nav>\n      </Host>\n    );\n  }\n}\n"]}