@nanoporetech-digital/components 1.13.21 → 1.15.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/algolia/algolia-filter.tsx","src/components/algolia/algolia-filter.scss?tag=nano-algolia-filter&encapsulation=shadow"],"names":["AlgoliaFilter","[object Object]","hostRef","this","filterId","tplWillRnder","Promise","resolve","tplDidRnder","internalValue","undefined","showFilter","indexResults","filterChanged","filterName","value","operator","storeMethod","handleChangeEvent","vals","getFieldValues","didValueChange","valStr","length","split","foundVals","setFieldValues","then","nanoFilterChanged","emit","facetName","attachChangeListener","updateContent","appliedFilters","foundValue","find","filter","name","values","outputTo","outputSlot","outputEle","el","templateStr","origFilters","writeTask","innerHTML","tplRenderFn","orig","Object","assign","dyn","dynFilters","selected","nanoTplUpdated","fields","querySelectorAll","i","field","type","select","n","options","push","checked","found","disabled","includes","newVal","hasChanged","attach","addEventListener","removeEventListener","templateSlot","querySelector","filterIds","replace","storeId","ComponentStore","init","globalStoreMethod","h","Host","class","show-filter","ref","div","Wormhole"],"mappings":"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","sourcesContent":["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",":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"]}

package/dist/nano-components/{p-7a0e9c6f.system.entry.js → p-844a1134.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{l(r.next(t))}catch(e){o(e)}}function s(t){try{l(r["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):i(t.value).then(a,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-2d59dda3.system.js","./p-f00d0c25.system.js","./p-f60dde31.system.js","./p-3d1c1c19.system.js","./p-0c67773b.system.js"],(function(t){"use strict";var e,n,r,i,o,a,s,l;return{setters:[function(t){e=t.r;n=t.c;r=t.h;i=t.e;o=t.g},function(t){a=t.u;s=t.l},function(t){l=t.M},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{position:relative;display:block;--size:25rem;--panel-background-color:white;--panel-shadow:0 4px 16px rgba(0, 0, 0, 0.1);--overlay-color:hsla(203, 10%, 20%, 0.5)}.drawer{top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.drawer:not(.drawer--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}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:2000}.drawer__panel{position:absolute;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;max-width:100%;max-height:100%;background-color:var(--panel-background-color);-webkit-box-shadow:var(--panel-shadow);box-shadow:var(--panel-shadow);-webkit-transition:250ms -webkit-transform;transition:250ms -webkit-transform;transition:250ms transform;transition:250ms transform, 250ms -webkit-transform;overflow:auto;pointer-events:all}.drawer__panel:focus{outline:none}.drawer--start .drawer__panel{left:0;right:auto;-webkit-transform:translate3d(-100%,  0,  0);transform:translate3d(-100%,  0,  0);top:0;bottom:auto;width:var(--size);height:100%}.drawer--start .drawer__panel[dir=rtl]{left:unset;right:unset;left:auto;right:0}.drawer--start .drawer__panel[dir=rtl]{-webkit-transform:translate3d(calc(-1 * -100%),  0,  0);transform:translate3d(calc(-1 * -100%),  0,  0)}.drawer--end .drawer__panel{left:auto;right:0;-webkit-transform:translate3d(100%,  0,  0);transform:translate3d(100%,  0,  0);top:0;bottom:auto;width:var(--size);height:100%}.drawer--end .drawer__panel[dir=rtl]{left:unset;right:unset;left:0;right:auto}.drawer--end .drawer__panel[dir=rtl]{-webkit-transform:translate3d(calc(-1 * 100%),  0,  0);transform:translate3d(calc(-1 * 100%),  0,  0)}.drawer--top .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:100%;height:var(--size);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}.drawer--bottom .drawer__panel{top:auto;right:auto;bottom:0;left:0;width:100%;height:var(--size);-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}.drawer--open .drawer__panel{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.drawer__header{display:-webkit-box;display:-ms-flexbox;display:flex}.drawer__title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:20px}.drawer__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drawer__body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.drawer__footer{text-align:right}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color);opacity:0;-webkit-transition:250ms opacity;transition:250ms opacity;pointer-events:all}.drawer--contained .drawer__overlay{position:absolute}.drawer--open .drawer__overlay{opacity:1}";var d=0;var c=t("nano_drawer",function(){function t(t){e(this,t);this.nanoShow=n(this,"nanoShow",7);this.nanoAfterShow=n(this,"nanoAfterShow",7);this.nanoHide=n(this,"nanoHide",7);this.nanoAfterHide=n(this,"nanoAfterHide",7);this.nanoOverlayDismiss=n(this,"nanoOverlayDismiss",7);this.componentId="drawer-"+ ++d;this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.placement="end";this.contained=false;this.noHeader=false;this.type="overlay"}t.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};t.prototype.handleTypeChange=function(){if(this.type!=="push"&&this.type!=="reveal")return;if(!this.contentEle){this.type="overlay";console.warn("a valid contentSelector must be set");return}};t.prototype.handleContentSelector=function(){if(!this.contentSelector)this.contentEle=null;else this.contentEle=this.host.ownerDocument.querySelector(this.contentSelector)};t.prototype.connectedCallback=function(){this.handleCloseClick=this.handleCloseClick.bind(this);this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this);this.handleOverlayClick=this.handleOverlayClick.bind(this);this.handleSlotChange=this.handleSlotChange.bind(this);this.modal=new l(this.host)};t.prototype.componentWillLoad=function(){if(this.open){this.show()}this.handleContentSelector()};t.prototype.disconnectedCallback=function(){a(this.host)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.isVisible){return[2]}t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return[2]}this.isVisible=true;this.open=true;if(!this.contained){this.modal.activate();s(this.host)}if(!this.contentEle||this.type!=="push"&&this.type!=="reveal")return[2];this.contentEle.style.right="0";this.contentEle.style.transition="all ease 250ms";this.contentEle.style.position="relative";this.contentEle.style.overflow="hidden";setTimeout((function(t){return e.contentEle.style.right="25rem"}),0);return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(!this.isVisible){return[2]}t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return[2]}this.open=false;this.modal.deactivate();a(this.host);if(!this.contentEle)return[2];this.contentEle.style.transition="";this.contentEle.style.position="";this.contentEle.style.overflow="";this.contentEle.style.right="";return[2]}))}))};t.prototype.handleCloseClick=function(){this.hide()};t.prototype.handleKeyDown=function(t){if(t.key==="Escape"){this.hide()}};t.prototype.handleOverlayClick=function(){var t=this.nanoOverlayDismiss.emit();if(!t.defaultPrevented){this.hide()}};t.prototype.handleSlotChange=function(){this.hasFooter=!!this.host.querySelector('[slot="footer"]')};t.prototype.handleTransitionEnd=function(t){var e=t.target;if(t.propertyName==="transform"&&e.classList.contains("drawer__panel")){this.isVisible=this.open;this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit();if(this.open){this.panel.focus()}}};t.prototype.render=function(){var t;var e=this;var n="drawer--"+this.placement;var o="drawer--"+this.type;var a=this.host.ownerDocument.dir==="rtl";return r(i,{dir:a?"rtl":null},r("div",{part:"base",class:(t={drawer:true,"drawer--open":this.open,"drawer--visible":this.isVisible},t[o]=true,t[n]=true,t["drawer--contained"]=this.contained,t["drawer--fixed"]=!this.contained,t["drawer--has-footer"]=this.hasFooter,t),onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},r("div",{part:"overlay",class:"drawer__overlay",onClick:this.handleOverlayClick}),r("div",{ref:function(t){return e.panel=t},part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":!this.noHeader?this.componentId+"-title":null,tabIndex:0},!this.noHeader&&r("header",{part:"header",class:"drawer__header"},r("span",{part:"title",class:"drawer__title",id:this.componentId+"-title"},r("slot",{name:"label"},this.label||String.fromCharCode(65279)))),r("div",{part:"body",class:"drawer__body"},r("slot",null)),r("footer",{part:"footer",class:"drawer__footer"},r("slot",{name:"footer",onSlotchange:this.handleSlotChange})))))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],type:["handleTypeChange"],contentSelector:["handleContentSelector"]}},enumerable:false,configurable:true});return t}());c.style=h}}}));
-//# sourceMappingURL=p-7a0e9c6f.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{l(r.next(t))}catch(e){o(e)}}function s(t){try{l(r["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):i(t.value).then(a,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-af9f6453.system.js","./p-f00d0c25.system.js","./p-f60dde31.system.js","./p-3d1c1c19.system.js","./p-0c67773b.system.js"],(function(t){"use strict";var e,n,r,i,o,a,s,l;return{setters:[function(t){e=t.r;n=t.c;r=t.h;i=t.e;o=t.g},function(t){a=t.u;s=t.l},function(t){l=t.M},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{position:relative;display:block;--size:25rem;--panel-background-color:white;--panel-shadow:0 4px 16px rgba(0, 0, 0, 0.1);--overlay-color:hsla(203, 10%, 20%, 0.5)}.drawer{top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.drawer:not(.drawer--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}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:2000}.drawer__panel{position:absolute;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;max-width:100%;max-height:100%;background-color:var(--panel-background-color);-webkit-box-shadow:var(--panel-shadow);box-shadow:var(--panel-shadow);-webkit-transition:250ms -webkit-transform;transition:250ms -webkit-transform;transition:250ms transform;transition:250ms transform, 250ms -webkit-transform;overflow:auto;pointer-events:all}.drawer__panel:focus{outline:none}.drawer--start .drawer__panel{left:0;right:auto;-webkit-transform:translate3d(-100%,  0,  0);transform:translate3d(-100%,  0,  0);top:0;bottom:auto;width:var(--size);height:100%}.drawer--start .drawer__panel[dir=rtl]{left:unset;right:unset;left:auto;right:0}.drawer--start .drawer__panel[dir=rtl]{-webkit-transform:translate3d(calc(-1 * -100%),  0,  0);transform:translate3d(calc(-1 * -100%),  0,  0)}.drawer--end .drawer__panel{left:auto;right:0;-webkit-transform:translate3d(100%,  0,  0);transform:translate3d(100%,  0,  0);top:0;bottom:auto;width:var(--size);height:100%}.drawer--end .drawer__panel[dir=rtl]{left:unset;right:unset;left:0;right:auto}.drawer--end .drawer__panel[dir=rtl]{-webkit-transform:translate3d(calc(-1 * 100%),  0,  0);transform:translate3d(calc(-1 * 100%),  0,  0)}.drawer--top .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:100%;height:var(--size);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}.drawer--bottom .drawer__panel{top:auto;right:auto;bottom:0;left:0;width:100%;height:var(--size);-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}.drawer--open .drawer__panel{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.drawer__header{display:-webkit-box;display:-ms-flexbox;display:flex}.drawer__title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:20px}.drawer__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drawer__body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.drawer__footer{text-align:right}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color);opacity:0;-webkit-transition:250ms opacity;transition:250ms opacity;pointer-events:all}.drawer--contained .drawer__overlay{position:absolute}.drawer--open .drawer__overlay{opacity:1}";var d=0;var c=t("nano_drawer",function(){function t(t){e(this,t);this.nanoShow=n(this,"nanoShow",7);this.nanoAfterShow=n(this,"nanoAfterShow",7);this.nanoHide=n(this,"nanoHide",7);this.nanoAfterHide=n(this,"nanoAfterHide",7);this.nanoOverlayDismiss=n(this,"nanoOverlayDismiss",7);this.componentId="drawer-"+ ++d;this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.placement="end";this.contained=false;this.noHeader=false;this.type="overlay"}t.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};t.prototype.handleTypeChange=function(){if(this.type!=="push"&&this.type!=="reveal")return;if(!this.contentEle){this.type="overlay";console.warn("a valid contentSelector must be set");return}};t.prototype.handleContentSelector=function(){if(!this.contentSelector)this.contentEle=null;else this.contentEle=this.host.ownerDocument.querySelector(this.contentSelector)};t.prototype.connectedCallback=function(){this.handleCloseClick=this.handleCloseClick.bind(this);this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this);this.handleOverlayClick=this.handleOverlayClick.bind(this);this.handleSlotChange=this.handleSlotChange.bind(this);this.modal=new l(this.host)};t.prototype.componentWillLoad=function(){if(this.open){this.show()}this.handleContentSelector()};t.prototype.disconnectedCallback=function(){a(this.host)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.isVisible){return[2]}t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return[2]}this.isVisible=true;this.open=true;if(!this.contained){this.modal.activate();s(this.host)}if(!this.contentEle||this.type!=="push"&&this.type!=="reveal")return[2];this.contentEle.style.right="0";this.contentEle.style.transition="all ease 250ms";this.contentEle.style.position="relative";this.contentEle.style.overflow="hidden";setTimeout((function(t){return e.contentEle.style.right="25rem"}),0);return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(!this.isVisible){return[2]}t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return[2]}this.open=false;this.modal.deactivate();a(this.host);if(!this.contentEle)return[2];this.contentEle.style.transition="";this.contentEle.style.position="";this.contentEle.style.overflow="";this.contentEle.style.right="";return[2]}))}))};t.prototype.handleCloseClick=function(){this.hide()};t.prototype.handleKeyDown=function(t){if(t.key==="Escape"){this.hide()}};t.prototype.handleOverlayClick=function(){var t=this.nanoOverlayDismiss.emit();if(!t.defaultPrevented){this.hide()}};t.prototype.handleSlotChange=function(){this.hasFooter=!!this.host.querySelector('[slot="footer"]')};t.prototype.handleTransitionEnd=function(t){var e=t.target;if(t.propertyName==="transform"&&e.classList.contains("drawer__panel")){this.isVisible=this.open;this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit();if(this.open){this.panel.focus()}}};t.prototype.render=function(){var t;var e=this;var n="drawer--"+this.placement;var o="drawer--"+this.type;var a=this.host.ownerDocument.dir==="rtl";return r(i,{dir:a?"rtl":null},r("div",{part:"base",class:(t={drawer:true,"drawer--open":this.open,"drawer--visible":this.isVisible},t[o]=true,t[n]=true,t["drawer--contained"]=this.contained,t["drawer--fixed"]=!this.contained,t["drawer--has-footer"]=this.hasFooter,t),onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},r("div",{part:"overlay",class:"drawer__overlay",onClick:this.handleOverlayClick}),r("div",{ref:function(t){return e.panel=t},part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":!this.noHeader?this.componentId+"-title":null,tabIndex:0},!this.noHeader&&r("header",{part:"header",class:"drawer__header"},r("span",{part:"title",class:"drawer__title",id:this.componentId+"-title"},r("slot",{name:"label"},this.label||String.fromCharCode(65279)))),r("div",{part:"body",class:"drawer__body"},r("slot",null)),r("footer",{part:"footer",class:"drawer__footer"},r("slot",{name:"footer",onSlotchange:this.handleSlotChange})))))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],type:["handleTypeChange"],contentSelector:["handleContentSelector"]}},enumerable:false,configurable:true});return t}());c.style=h}}}));
+//# sourceMappingURL=p-844a1134.system.entry.js.map

package/dist/nano-components/p-8535a942.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,e,g as o}from"./p-bb0619e6.js";import{M as s}from"./p-8c9e74c7.js";import{r as n}from"./p-ed2efbeb.js";import{l as r,u as l}from"./p-5af040f4.js";import{c as h}from"./p-d3af43d2.js";import"./p-a5917bdc.js";import"./p-a0ddf496.js";const c=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"}),d=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"}),b=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"}),m=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"});let p=class{constructor(e){t(this,e),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.addedTransEnd=!1,this.goingToHide=!1,this.goingToShow=!1,this.isModal=!1,this.isToast=!1,this.isShowing=!1,this.open=!1,this.closable=!1,this.duration=1/0,this.handleMouseMove=()=>{this.restartAutoHide()},this.handleCloseClick=()=>{this.hide()},this.handleTransitionEnd=t=>{"opacity"!==t.propertyName||t.target!==this.panel&&t.target!==this.overlay||(this.host.hidden=!this.open,this.isShowing=this.open,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())},this.handleButtonClick=t=>{const i=t.target;t.defaultPrevented||i.tagName&&"button"===i.tagName.toLowerCase()&&this.hide()},this.restartAutoHide=()=>{clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))},this.Panel=()=>a("div",{ref:t=>this.panel=t,part:"panel",class:{alert:!0,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing},role:this.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.open?"false":"true","aria-modal":this.isModal?"true":void 0,"aria-label":this.label?this.label:void 0,onMouseMove:this.handleMouseMove,tabIndex:this.isModal?0:void 0},a("div",{class:"alert__content"},a("div",{part:"icon",class:"alert__icon"},a("slot",{name:"icon"})),a("div",{part:"message",class:"alert__message"},a("slot",null)),this.closable&&a("div",{class:"alert__close"},a("nano-icon-button",{class:"alert__close",iconName:"light/times",label:"close menu",onClick:this.handleCloseClick}))),a("div",{class:"alert__footer"},a("slot",{name:"footer"})))}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.goingToShow)return this.nanoShow.emit().defaultPrevented?(this.open=!1,!1):(this.host.hidden=!1,this.goingToShow=!0,this.open=!0,n((()=>{this.isShowing=!0,this.goingToShow=!1})),void(this.duration<1/0&&(clearTimeout(this.autoHideTimeout),this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))))}async hide(){if(!this.goingToHide)return this.nanoHide.emit().defaultPrevented?(this.open=!0,!1):(this.goingToHide=!0,this.open=!1,n((()=>this.goingToHide=!1)),void clearTimeout(this.autoHideTimeout))}async toast(t="tr"){return this.isToast=!0,new Promise((i=>{let a;switch(t){case"tl":a=d;break;case"bl":a=b;break;case"br":a=m;break;default:a=c}a.parentElement||document.body.appendChild(a),a.appendChild(this.host),this.connectedCallback(),this.show(),this.host.addEventListener("nanoAfterHide",(()=>{this.host.remove(),this.isToast=!1,i(),a.querySelector("nano-alert")||a.remove()}),{once:!0})}))}async alert(t){return this.isModal=!0,this.label=t,new Promise((t=>{document.body.contains(this.host)||document.body.appendChild(this.host),this.modal.activate(),r(this.host),this.originalTrigger=document.activeElement,n((()=>{this.show()})),this.host.addEventListener("nanoAfterShow",(()=>{n((()=>this.panel.focus({preventScroll:!0})))}),{once:!0}),this.host.addEventListener("nanoAfterHide",(()=>{this.modal.deactivate(),this.host.remove(),this.label=void 0,this.isModal=!1,t(),this.originalTrigger&&"function"==typeof this.originalTrigger.focus&&setTimeout((()=>this.originalTrigger.focus()))}),{once:!0})}))}connectedCallback(){this.modal=new s(this.host),this.host.addEventListener("click",this.handleButtonClick),this.panel&&(this.addedTransEnd=!0,this.panel.addEventListener("transitionend",this.handleTransitionEnd))}disconnectedCallback(){l(this.host),this.host.removeEventListener("click",this.handleButtonClick),this.addedTransEnd=!1,this.panel.removeEventListener("transitionend",this.handleTransitionEnd)}componentDidLoad(){this.open&&this.show(),this.addedTransEnd||this.panel.addEventListener("transitionend",this.handleTransitionEnd)}render(){return a(e,{class:Object.assign({},h(this.color)),showing:this.isShowing},this.isModal&&[a("div",{part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:t=>this.overlay=t}),a("div",{class:"alert__modal-wrap"},a(this.Panel,null))],!this.isModal&&a(this.Panel,null))}get host(){return o(this)}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}}};p.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));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-top-width:4px;border-top-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease;transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;-webkit-transform:none;transform:none}.alert--toasty,.alert--modal{-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));margin:var(--nano-spacing-medium, 16px)}.alert__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.alert__modal-wrap{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1em;padding-left:0;padding-right:var(--nano-spacing-medium, 16px);padding-top:0;padding-bottom:0;--color:var(--close-button-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__close{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__footer ::slotted(*),.alert__footer::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.alert__overlay--open{opacity:1}.alert__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--icon-size)}.alert__icon::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px)}.alert__icon ::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__icon ::slotted(*){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:0;margin-inline-end:0}}.something{color:black}";export{p as nano_alert}
+//# sourceMappingURL=p-8535a942.entry.js.map

package/dist/nano-components/p-8535a942.entry.js.map

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

package/dist/nano-components/{p-c6796f75.entry.js → p-8c1d85ae.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,g as n}from"./p-f55560d3.js";import{f as a}from"./p-c14d5f7d.js";import{c as o}from"./p-c930d4f5.js";const r=!!document.head.attachShadow;let e=class{constructor(i){t(this,i),this.nanoChange=s(this,"nanoChange",7),this.nanoBlur=s(this,"nanoBlur",7),this.nanoFocus=s(this,"nanoFocus",7),this.hoverValue=0,this.isHovering=!1,this.value=0,this.max=5,this.precision=1,this.readonly=!1,this.disabled=!1,this.name="",this.symbolName="solid/star",this.symbol=()=>'<nano-icon name="'+this.symbolName+'"></nano-icon>',this.handleClick=t=>{if(this.disabled||this.readonly)return;const s=this.getValueFromMousePosition(t);this.value=s===this.value?0:s,this.isHovering=!1},this.handleKeyDown=t=>{this.disabled||this.readonly||("ArrowLeft"===t.key&&(this.value=this.roundToPrecision(Math.max(0,this.value-(t.shiftKey?1:this.precision))),t.preventDefault()),"ArrowRight"===t.key&&(this.value=this.roundToPrecision(Math.min(this.max,this.value+(t.shiftKey?1:this.precision))),t.preventDefault()),"Home"===t.key&&(this.value=0,t.preventDefault()),"End"===t.key&&(this.value=this.max,t.preventDefault()))},this.handleMouseEnter=()=>{this.isHovering=!0},this.handleMouseLeave=()=>{this.isHovering=!1},this.handleFocus=()=>{this.nanoFocus.emit()},this.handleBlur=()=>{this.nanoBlur.emit()},this.handleMouseMove=t=>{this.hoverValue=this.getValueFromMousePosition(t)}}handleValueChange(){this.nanoChange.emit()}handleSymbolChange(){this.symbol=()=>'<nano-icon name="'+this.symbolName+'"></nano-icon>'}async setFocus(){this.rating.focus()}async removeFocus(){this.rating.blur()}getValueFromMousePosition(t){const s=this.rating.getBoundingClientRect().left,i=this.rating.getBoundingClientRect().width;let n;return n=this.roundToPrecision((t.clientX-s)/i*this.max,this.precision),this.isRtl&&(n=this.max+this.precision-n),o(n,0,this.max)}roundToPrecision(t,s=.5){const i=1/s;return Math.ceil(t*i)/i}clip(t){if(!this.rating)return;const s=this.rating.getBoundingClientRect().width;return this.isRtl?`rect(0, ${s}px, 2em, ${s-s/100*(t/this.max*100)}px)`:`rect(0, ${s/100*(t/this.max*100)}px, 2em, 0)`}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}_fixClassNames(){let t=this.rating.className.split(" ").filter((t=>t.match(/^sc-nano/))),s=this._getRoot().querySelectorAll("*");s&&Array.from(s).map((s=>{t.map((t=>s.classList.add(t)))}))}componentDidLoad(){a.observe(this.rating),setTimeout((()=>this.indicator.style.clip=this.clip(this.value)),20)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir}disconnectedCallback(){a.unobserve(this.rating)}componentDidRender(){this.host.shadowRoot&&r||this._fixClassNames()}render(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir;let t=Array.from(Array(this.max).keys()),s=0;return s=this.disabled||this.readonly?this.value:this.isHovering?this.hoverValue:this.value,i("div",{class:"rating-wrap"},i("div",{dir:this.isRtl?"rtl":null,ref:t=>this.rating=t,part:"base",class:{rating:!0,"rating--readonly":this.readonly,"rating--disabled":this.disabled},"aria-disabled":this.disabled?"true":"false","aria-readonly":this.readonly?"true":"false","aria-valuenow":this.value,"aria-valuemin":0,"aria-valuemax":this.max,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur},i("span",{class:"rating__symbols rating__symbols--inactive"},t.map((t=>i("span",{class:{rating__symbol:!0,"rating__symbol--hover":this.isHovering&&Math.ceil(s)===t+1},role:"presentation",onMouseEnter:this.handleMouseEnter,innerHTML:this.symbol(t+1)})))),i("span",{ref:t=>this.indicator=t,class:"rating__symbols rating__symbols--indicator",style:{clip:this.clip(s)}},t.map((t=>i("span",{class:{rating__symbol:!0,"rating__symbol--hover":this.isHovering&&Math.ceil(s)===t+1},role:"presentation",innerHTML:this.symbol(t+1)})))),i("input",{type:"hidden",name:this.name,value:this.value,disabled:this.disabled||this.readonly})))}get host(){return n(this)}static get watchers(){return{value:["handleValueChange"],symbolName:["handleSymbolChange"]}}};e.style=".sc-nano-rating-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-rating-h{--symbol-color:#b5aea7;--symbol-color-active:#f5cc49;--symbol-spacing:0.25rem;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin:0 calc(var(--symbol-spacing) * -1)}.rating.sc-nano-rating{position:relative;border-radius:5px;vertical-align:middle;width:100%;-webkit-transition:-webkit-box-shadow 0.15s ease;transition:-webkit-box-shadow 0.15s ease;transition:box-shadow 0.15s ease;transition:box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease}.rating.sc-nano-rating:focus{outline:none}.rating.focus-visible.sc-nano-rating:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow)}.rating__symbols.sc-nano-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(nano-icon){background-color:currentColor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;top:0;left:0;color:var(--symbol-color-active);pointer-events:none;width:100%}.rating__symbol.sc-nano-rating{-webkit-transition:0.2s -webkit-transform;transition:0.2s -webkit-transform;transition:0.2s transform;transition:0.2s transform, 0.2s -webkit-transform;text-align:center}.rating__symbol--hover.sc-nano-rating{-webkit-transform:scale(1.2);transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{-webkit-transform:none !important;transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";export{e as nano_rating}
-//# sourceMappingURL=p-c6796f75.entry.js.map
+import{r as t,c as s,h as i,g as n}from"./p-bb0619e6.js";import{f as a}from"./p-c14d5f7d.js";import{c as o}from"./p-ed2efbeb.js";const r=!!document.head.attachShadow;let e=class{constructor(i){t(this,i),this.nanoChange=s(this,"nanoChange",7),this.nanoBlur=s(this,"nanoBlur",7),this.nanoFocus=s(this,"nanoFocus",7),this.hoverValue=0,this.isHovering=!1,this.value=0,this.max=5,this.precision=1,this.readonly=!1,this.disabled=!1,this.name="",this.symbolName="solid/star",this.symbol=()=>'<nano-icon name="'+this.symbolName+'"></nano-icon>',this.handleClick=t=>{if(this.disabled||this.readonly)return;const s=this.getValueFromMousePosition(t);this.value=s===this.value?0:s,this.isHovering=!1},this.handleKeyDown=t=>{this.disabled||this.readonly||("ArrowLeft"===t.key&&(this.value=this.roundToPrecision(Math.max(0,this.value-(t.shiftKey?1:this.precision))),t.preventDefault()),"ArrowRight"===t.key&&(this.value=this.roundToPrecision(Math.min(this.max,this.value+(t.shiftKey?1:this.precision))),t.preventDefault()),"Home"===t.key&&(this.value=0,t.preventDefault()),"End"===t.key&&(this.value=this.max,t.preventDefault()))},this.handleMouseEnter=()=>{this.isHovering=!0},this.handleMouseLeave=()=>{this.isHovering=!1},this.handleFocus=()=>{this.nanoFocus.emit()},this.handleBlur=()=>{this.nanoBlur.emit()},this.handleMouseMove=t=>{this.hoverValue=this.getValueFromMousePosition(t)}}handleValueChange(){this.nanoChange.emit()}handleSymbolChange(){this.symbol=()=>'<nano-icon name="'+this.symbolName+'"></nano-icon>'}async setFocus(){this.rating.focus()}async removeFocus(){this.rating.blur()}getValueFromMousePosition(t){const s=this.rating.getBoundingClientRect().left,i=this.rating.getBoundingClientRect().width;let n;return n=this.roundToPrecision((t.clientX-s)/i*this.max,this.precision),this.isRtl&&(n=this.max+this.precision-n),o(n,0,this.max)}roundToPrecision(t,s=.5){const i=1/s;return Math.ceil(t*i)/i}clip(t){if(!this.rating)return;const s=this.rating.getBoundingClientRect().width;return this.isRtl?`rect(0, ${s}px, 2em, ${s-s/100*(t/this.max*100)}px)`:`rect(0, ${s/100*(t/this.max*100)}px, 2em, 0)`}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}_fixClassNames(){let t=this.rating.className.split(" ").filter((t=>t.match(/^sc-nano/))),s=this._getRoot().querySelectorAll("*");s&&Array.from(s).map((s=>{t.map((t=>s.classList.add(t)))}))}componentDidLoad(){a.observe(this.rating),setTimeout((()=>this.indicator.style.clip=this.clip(this.value)),20)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir}disconnectedCallback(){a.unobserve(this.rating)}componentDidRender(){this.host.shadowRoot&&r||this._fixClassNames()}render(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir;let t=Array.from(Array(this.max).keys()),s=0;return s=this.disabled||this.readonly?this.value:this.isHovering?this.hoverValue:this.value,i("div",{class:"rating-wrap"},i("div",{dir:this.isRtl?"rtl":null,ref:t=>this.rating=t,part:"base",class:{rating:!0,"rating--readonly":this.readonly,"rating--disabled":this.disabled},"aria-disabled":this.disabled?"true":"false","aria-readonly":this.readonly?"true":"false","aria-valuenow":this.value,"aria-valuemin":0,"aria-valuemax":this.max,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur},i("span",{class:"rating__symbols rating__symbols--inactive"},t.map((t=>i("span",{class:{rating__symbol:!0,"rating__symbol--hover":this.isHovering&&Math.ceil(s)===t+1},role:"presentation",onMouseEnter:this.handleMouseEnter,innerHTML:this.symbol(t+1)})))),i("span",{ref:t=>this.indicator=t,class:"rating__symbols rating__symbols--indicator",style:{clip:this.clip(s)}},t.map((t=>i("span",{class:{rating__symbol:!0,"rating__symbol--hover":this.isHovering&&Math.ceil(s)===t+1},role:"presentation",innerHTML:this.symbol(t+1)})))),i("input",{type:"hidden",name:this.name,value:this.value,disabled:this.disabled||this.readonly})))}get host(){return n(this)}static get watchers(){return{value:["handleValueChange"],symbolName:["handleSymbolChange"]}}};e.style=".sc-nano-rating-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-rating-h{--symbol-color:#b5aea7;--symbol-color-active:#f5cc49;--symbol-spacing:0.25rem;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin:0 calc(var(--symbol-spacing) * -1)}.rating.sc-nano-rating{position:relative;border-radius:5px;vertical-align:middle;width:100%;-webkit-transition:-webkit-box-shadow 0.15s ease;transition:-webkit-box-shadow 0.15s ease;transition:box-shadow 0.15s ease;transition:box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease}.rating.sc-nano-rating:focus{outline:none}.rating.focus-visible.sc-nano-rating:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow)}.rating__symbols.sc-nano-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(nano-icon){background-color:currentColor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;top:0;left:0;color:var(--symbol-color-active);pointer-events:none;width:100%}.rating__symbol.sc-nano-rating{-webkit-transition:0.2s -webkit-transform;transition:0.2s -webkit-transform;transition:0.2s transform;transition:0.2s transform, 0.2s -webkit-transform;text-align:center}.rating__symbol--hover.sc-nano-rating{-webkit-transform:scale(1.2);transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{-webkit-transform:none !important;transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";export{e as nano_rating}
+//# sourceMappingURL=p-8c1d85ae.entry.js.map

package/dist/nano-components/p-8c1d85ae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/rating/rating.scss?tag=nano-rating&encapsulation=scoped","src/components/rating/rating.tsx"],"names":["CANSHADOW","document","head","attachShadow","Rating","[object Object]","hostRef","this","hoverValue","isHovering","value","max","precision","readonly","disabled","name","symbolName","symbol","handleClick","event","newValue","getValueFromMousePosition","handleKeyDown","key","roundToPrecision","Math","shiftKey","preventDefault","min","handleMouseEnter","handleMouseLeave","handleFocus","nanoFocus","emit","handleBlur","nanoBlur","handleMouseMove","nanoChange","rating","focus","blur","containerLeft","getBoundingClientRect","left","containerWidth","width","num","clientX","isRtl","clamp","numberToRound","multiplier","ceil","displayValue","tw","host","shadowRoot","ctxClasses","className","split","filter","classStr","match","eles","_getRoot","querySelectorAll","Array","from","map","ele","classList","add","focusVisible","observe","setTimeout","indicator","style","clip","dir","ownerDocument","unobserve","_fixClassNames","counter","keys","h","class","ref","el","part","rating--readonly","rating--disabled","aria-disabled","aria-readonly","aria-valuenow","aria-valuemin","aria-valuemax","tabIndex","onClick","onKeyDown","onMouseEnter","onMouseLeave","onMouseMove","onFocus","onBlur","index","rating__symbol","rating__symbol--hover","role","innerHTML","span","type"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  /**\n  * @prop --symbol-color: The inactive color for symbols. Defaults to #{$color-palegrey}\n  * @prop --symbol-color-active: The active color for symbols. Defaults to #{$color-palegrey}\n  * @prop --symbol-size: The size of symbols. Defaults to contextual font size\n  * @prop --symbol-spacing: The spacing to use around symbols. Defaults to .25rem\n  * @prop --focus-shadow: Box shadow style when focused. Defaults to #{$control-focus-style}\n  */\n\n  --symbol-color: #{$color-palegrey};\n  --symbol-color-active: #{$color-yellow};\n  --symbol-spacing: 0.25rem;\n  --focus-shadow: #{$control-focus-style};\n\n  display: inline-block;\n}\n\n.rating-wrap {\n  position: relative;\n  margin: 0 calc(var(--symbol-spacing) * -1);\n}\n\n.rating {\n  position: relative;\n  border-radius: 5px;\n  vertical-align: middle;\n  width: 100%;\n  transition: box-shadow 0.15s ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &.focus-visible:focus {\n    box-shadow: var(--focus-shadow);\n  }\n\n  &__symbols {\n    display: flex;\n    align-items: center;\n    position: relative;\n    font-size: var(--symbol-size);\n    color: var(--symbol-color);\n    white-space: nowrap;\n    cursor: pointer;\n    line-height: 0;\n    justify-content: space-between;\n\n    &--inactive {\n      .rating__symbol > :not(nano-icon) {\n        background-color: currentColor !important;\n      }\n    }\n\n    > * {\n      margin: var(--symbol-spacing);\n    }\n\n    &--indicator {\n      position: absolute;\n      top: 0;\n      left: 0;\n      color: var(--symbol-color-active);\n      pointer-events: none;\n      width: 100%;\n    }\n  }\n\n  &__symbol {\n    transition: 0.2s transform;\n    text-align: center;\n\n    &--hover {\n      transform: scale(1.2);\n    }\n  }\n\n  &--disabled,\n  &--readonly {\n    .rating__symbols {\n      cursor: default;\n    }\n\n    .rating__symbol {\n      transform: none !important;\n    }\n  }\n\n  &--disabled {\n    opacity: 0.5;\n\n    .rating__symbols {\n      cursor: not-allowed;\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  ComponentInterface,\n} from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\nimport { clamp } from '../../utils';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * Rating - a form element to allow the viewing and input of user feedback.\n */\n@Component({\n  tag: 'nano-rating',\n  styleUrl: 'rating.scss',\n  scoped: true,\n})\nexport class Rating implements ComponentInterface {\n  private rating: HTMLElement;\n  private isRtl: boolean;\n  private indicator: HTMLElement;\n\n  @Element() host: HTMLNanoRatingElement;\n\n  @State() hoverValue = 0;\n  @State() isHovering = false;\n\n  /**\n   * The current rating.\n   */\n  @Prop({ mutable: true, reflect: true }) value = 0;\n\n  /**\n   * The highest rating to show.\n   */\n  @Prop() max = 5;\n\n  /**\n   * The minimum increment value allowed by the control.\n   */\n  @Prop() precision = 1;\n\n  /**\n   * Makes the rating readonly.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Disables the rating.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = '';\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() symbolName = 'solid/star';\n\n  /**\n   * A function that returns the symbols to display.\n   * Allows for more granular control than `symbol-name`.\n   * Accepts an option `value` parameter you can use to map a specific symbol to a value.\n   */\n  @Prop() symbol = (_: number) =>\n    '<nano-icon name=\"' + this.symbolName + '\"></nano-icon>';\n\n  @Watch('value')\n  handleValueChange() {\n    this.nanoChange.emit();\n  }\n\n  @Watch('symbolName')\n  handleSymbolChange() {\n    this.symbol = (_: number) =>\n      '<nano-icon name=\"' + this.symbolName + '\"></nano-icon>';\n  }\n\n  /**\n   * Emitted when the rating's value changes.\n   */\n  @Event() nanoChange!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Sets focus on the rating.\n   */\n  @Method()\n  async setFocus() {\n    this.rating.focus();\n  }\n\n  /**\n   * Removes focus from the rating.\n   */\n  @Method()\n  async removeFocus() {\n    this.rating.blur();\n  }\n\n  private getValueFromMousePosition(event: MouseEvent) {\n    const containerLeft = this.rating.getBoundingClientRect().left;\n    const containerWidth = this.rating.getBoundingClientRect().width;\n\n    let num: number;\n    num = this.roundToPrecision(\n      ((event.clientX - containerLeft) / containerWidth) * this.max,\n      this.precision\n    );\n    if (this.isRtl) num = this.max + this.precision - num;\n\n    return clamp(num, 0, this.max);\n  }\n\n  private roundToPrecision(numberToRound: number, precision = 0.5) {\n    const multiplier = 1 / precision;\n    return Math.ceil(numberToRound * multiplier) / multiplier;\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const newValue = this.getValueFromMousePosition(event);\n    this.value = newValue === this.value ? 0 : newValue;\n    this.isHovering = false;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (event.key === 'ArrowLeft') {\n      const decrement = event.shiftKey ? 1 : this.precision;\n      this.value = this.roundToPrecision(Math.max(0, this.value - decrement));\n      event.preventDefault();\n    }\n\n    if (event.key === 'ArrowRight') {\n      const increment = event.shiftKey ? 1 : this.precision;\n      this.value = this.roundToPrecision(\n        Math.min(this.max, this.value + increment)\n      );\n      event.preventDefault();\n    }\n\n    if (event.key === 'Home') {\n      this.value = 0;\n      event.preventDefault();\n    }\n\n    if (event.key === 'End') {\n      this.value = this.max;\n      event.preventDefault();\n    }\n  };\n\n  private handleMouseEnter = () => {\n    this.isHovering = true;\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovering = false;\n  };\n\n  private handleFocus = () => {\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.nanoBlur.emit();\n  };\n\n  private handleMouseMove = (event: MouseEvent) => {\n    this.hoverValue = this.getValueFromMousePosition(event);\n  };\n\n  private clip(displayValue: number) {\n    if (!this.rating) return;\n    const tw = this.rating.getBoundingClientRect().width;\n    if (this.isRtl)\n      return `rect(0, ${tw}px, 2em, ${\n        tw - (tw / 100) * ((displayValue / this.max) * 100)\n      }px)`;\n    return `rect(0, ${\n      (tw / 100) * ((displayValue / this.max) * 100)\n    }px, 2em, 0)`;\n  }\n\n  private _getRoot() {\n    return this.host.shadowRoot ? this.host.shadowRoot : this.host;\n  }\n\n  private _fixClassNames() {\n    let ctxClasses = this.rating.className\n      .split(' ')\n      .filter((classStr) => classStr.match(/^sc-nano/));\n    let eles = this._getRoot().querySelectorAll('*');\n    if (!eles) return;\n    Array.from(eles).map((ele: HTMLElement) => {\n      ctxClasses.map((classStr) => ele.classList.add(classStr));\n    });\n  }\n\n  componentDidLoad() {\n    focusVisible.observe(this.rating);\n    setTimeout(() => (this.indicator.style.clip = this.clip(this.value)), 20);\n  }\n\n  connectedCallback() {\n    this.isRtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.rating);\n  }\n\n  componentDidRender() {\n    if (!this.host.shadowRoot || !CANSHADOW) this._fixClassNames();\n  }\n\n  render() {\n    this.isRtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n\n    let counter = Array.from(Array(this.max).keys());\n\n    let displayValue = 0;\n    if (this.disabled || this.readonly) {\n      displayValue = this.value;\n    } else {\n      displayValue = this.isHovering ? this.hoverValue : this.value;\n    }\n\n    return (\n      <div class=\"rating-wrap\">\n        <div\n          dir={this.isRtl ? 'rtl' : null}\n          ref={(el) => (this.rating = el)}\n          part=\"base\"\n          class={{\n            rating: true,\n            'rating--readonly': this.readonly,\n            'rating--disabled': this.disabled,\n          }}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-readonly={this.readonly ? 'true' : 'false'}\n          aria-valuenow={this.value}\n          aria-valuemin={0}\n          aria-valuemax={this.max}\n          tabIndex={this.disabled ? -1 : 0}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          onMouseMove={this.handleMouseMove}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        >\n          <span class=\"rating__symbols rating__symbols--inactive\">\n            {counter.map((index) => (\n              <span\n                class={{\n                  rating__symbol: true,\n                  'rating__symbol--hover':\n                    this.isHovering && Math.ceil(displayValue) === index + 1,\n                }}\n                role=\"presentation\"\n                // Users can click the current value to clear the rating. When this happens, we set this.isHovering to\n                // false to prevent the hover state from confusing them as they move the mouse out of the control. This\n                // extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.\n                onMouseEnter={this.handleMouseEnter}\n                innerHTML={this.symbol(index + 1)}\n              />\n            ))}\n          </span>\n\n          <span\n            ref={(span) => (this.indicator = span)}\n            class=\"rating__symbols rating__symbols--indicator\"\n            style={{\n              clip: this.clip(displayValue),\n            }}\n          >\n            {counter.map((index) => (\n              <span\n                class={{\n                  rating__symbol: true,\n                  'rating__symbol--hover':\n                    this.isHovering && Math.ceil(displayValue) === index + 1,\n                }}\n                role=\"presentation\"\n                innerHTML={this.symbol(index + 1)}\n              />\n            ))}\n          </span>\n          <input\n            type=\"hidden\"\n            name={this.name}\n            value={this.value}\n            disabled={this.disabled || this.readonly}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/nano-components/{p-b6f5e5ef.system.js → p-8d24287e.system.js}

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

package/dist/nano-components/{p-b6f5e5ef.system.js.map → p-8d24287e.system.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","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","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","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","substr","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__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","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","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","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","substr","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__cssshim","CSS","supports","window"],"mappings":"sEAGA,IAAIA,EAAwC,WAAW,OAAQA,EAASC,OAAOC,QAAQ,SAASC,GAAG,IAAI,IAAIC,EAAEC,EAAE,EAAEC,EAAEC,UAAUC,OAAOH,EAAEC,EAAED,IAAI,IAAI,IAAII,KAAKL,EAAEG,UAAUF,GAAGJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAEK,KAAKN,EAAEM,GAAGL,EAAEK,IAAI,OAAON,IAAIU,MAAMC,KAAKP,YAAYQ,EAAU,WAAWD,KAAKE,MAAM,EAAEF,KAAKG,IAAI,EAAEH,KAAKI,SAAS,KAAKJ,KAAKK,OAAO,KAAKL,KAAKM,MAAM,KAAKN,KAAKO,cAAc,GAAGP,KAAKQ,QAAQ,GAAGR,KAAKS,QAAQ,EAAET,KAAKU,KAAK,EAAEV,KAAKW,cAAc,GAAGX,KAAKY,SAAS,GAAGZ,KAAKa,eAAe,IAAK,SAASC,EAAMzB,GAAG,OAAO0B,EAASC,EAAI3B,EAAE4B,EAAM5B,IAAIA,GAAG,SAAS4B,EAAM5B,GAAG,OAAOA,EAAE6B,QAAQC,EAAGC,SAAS,IAAIF,QAAQC,EAAGE,KAAK,IAAI,SAASL,EAAI3B,GAAG,IAAIC,EAAE,IAAIW,EAAUX,EAAEY,MAAM,EAAEZ,EAAEa,IAAId,EAAEK,OAAO,IAAI,IAAIH,EAAED,EAAEE,EAAE,EAAEG,EAAEN,EAAEK,OAAOF,EAAEG,EAAEH,IAAI,GAAGH,EAAEG,KAAK8B,EAAW,CAAC/B,EAAEe,QAAQf,EAAEe,MAAM,IAAI,IAAIiB,EAAEhC,EAAEiC,EAAED,EAAEjB,MAAMiB,EAAEjB,MAAMZ,OAAO,IAAI,MAAMH,EAAE,IAAIU,GAAWC,MAAMV,EAAE,EAAED,EAAEc,OAAOkB,EAAEhC,EAAEa,SAASoB,EAAED,EAAEjB,MAAMmB,KAAKlC,QAASF,EAAEG,KAAKkC,IAAcnC,EAAEY,IAAIX,EAAE,EAAED,EAAEA,EAAEc,QAAQf,GAAG,OAAOA,EAAE,SAASyB,EAAS1B,EAAEC,GAAG,IAAIC,EAAED,EAAEqC,UAAUtC,EAAEa,MAAMb,EAAEc,IAAI,GAAG,GAAGd,EAAEkB,cAAclB,EAAEmB,QAAQjB,EAAEqC,OAAOvC,EAAEgB,OAAO,CAAC,IAAIb,EAAEH,EAAEe,SAASf,EAAEe,SAASD,IAAId,EAAEgB,OAAOH,MAAMX,GAAGA,GAAGA,EAAEsC,EAAsBtC,EAAED,EAAEqC,UAAUnC,EAAEH,EAAEa,MAAM,KAAKgB,QAAQC,EAAGW,eAAe,MAAMH,UAAUpC,EAAEwC,YAAY,KAAK,GAAG,IAAIpC,EAAEN,EAAEwB,eAAexB,EAAEuB,SAASrB,EAAEqC,OAAOvC,EAAEoB,OAAO,IAAId,EAAEqC,QAAQC,GAAU5C,EAAEoB,OAAO,IAAId,EAAEqC,QAAQE,GAAa7C,EAAEqB,KAAKyB,EAAMC,WAAWzC,EAAE0C,MAAMlB,EAAGmB,iBAAiBjD,EAAEqB,KAAKyB,EAAMI,eAAelD,EAAEsB,cAActB,EAAEuB,SAAS4B,MAAMrB,EAAGW,gBAAgBW,OAAO,IAAI9C,EAAEqC,QAAQU,GAAWrD,EAAEqB,KAAKyB,EAAMQ,WAAWtD,EAAEqB,KAAKyB,EAAMS,WAAY,IAAIrB,EAAElC,EAAEiB,MAAM,GAAGiB,EAAE,IAAI,IAAIC,EAAE,EAAEqB,EAAEtB,EAAE7B,OAAOoD,OAAO,EAAEtB,EAAEqB,IAAIC,EAAEvB,EAAEC,IAAIA,IAAIT,EAAS+B,EAAExD,GAAG,OAAOD,EAAE,SAASwC,EAAsBxC,GAAG,OAAOA,EAAE6B,QAAQ,yBAAuB,WAAa,IAAI,IAAI7B,EAAEI,UAAU,GAAGH,EAAE,EAAED,EAAEK,OAAOJ,KAAKD,EAAE,IAAIA,EAAE,MAAO,KAAKA,KAAK,IAAI8C,EAAM,CAACS,WAAW,EAAEL,eAAe,EAAEH,WAAW,EAAEO,WAAW,KAAKrB,EAAW,IAAII,EAAY,IAAIP,EAAG,CAACC,SAAS,oCAAoCC,KAAK,mBAAmB0B,WAAW,oDAAoDC,UAAU,6DAA6DC,WAAW,0CAA0CC,SAAS,4CAA4CZ,cAAc,oBAAoBR,eAAe,QAAQY,EAAU,KAAKR,EAAY,SAASD,EAAS,IAAI,SAASkB,EAAU9D,EAAEC,EAAEC,GAAGF,EAAE+D,UAAU,EAAE,IAAI5D,EAAEF,EAAEqC,UAAUpC,GAAG8C,MAAMhD,GAAG,GAAGG,EAAE,CAAC,IAAIG,EAAEJ,EAAEC,EAAE6D,MAAM,MAAO,CAACnD,MAAMP,EAAEQ,IAAIR,EAAEH,EAAE,GAAGE,QAAQ,OAAO,KAAK,IAAI4D,EAAgB,UAAUC,EAAiB,iBAAiBC,EAAS,oCAAoCC,EAAe,cAAc,SAASC,EAAWrE,EAAEC,EAAEC,GAAG,OAAOF,EAAEC,GAAGD,EAAEC,GAAGC,EAAEoE,EAAgBpE,EAAEF,GAAG,GAAG,SAASuE,EAAgBvE,EAAEC,GAAG,IAAI,IAAIC,EAAE,EAAEC,EAAEF,EAAEE,EAAEH,EAAEK,OAAOF,IAAI,CAAC,IAAIG,EAAEN,EAAEG,GAAG,GAAG,MAAMG,EAAEJ,SAAS,GAAG,MAAMI,KAAKJ,GAAG,EAAE,OAAOC,EAAE,EAAE,OAAOA,EAAE,SAASqE,EAASxE,EAAEC,GAAG,IAAIC,EAAE4D,EAAUG,EAAgBjE,EAAEC,GAAG,IAAIC,EAAE,OAAO,KAAK,IAAIC,EAAEoE,EAAgBvE,EAAEE,EAAEW,OAAOP,EAAEN,EAAEsC,UAAUpC,EAAEY,IAAIX,EAAE,GAAGgD,MAAM,KAAKjB,EAAE5B,EAAE,GAAG6B,EAAE7B,EAAEmE,MAAM,GAAG,MAAO,CAAC5D,MAAMX,EAAEW,MAAMC,IAAIX,EAAEuE,SAASxC,EAAEK,OAAOoC,SAASxC,EAAE9B,OAAO,EAAE8B,EAAEyC,KAAK,KAAKrC,YAAY,GAAG,SAASsC,EAAW7E,EAAEC,EAAEC,GAAG,IAAIC,EAAEqE,EAASxE,EAAEE,GAAG,IAAIC,EAAE,OAAOF,EAAEmC,KAAKpC,EAAEsC,UAAUpC,EAAEF,EAAEK,SAASL,EAAEK,OAAO,IAAIC,EAAEH,EAAEuE,SAASxC,EAAE,MAAM/B,EAAEwE,SAASG,EAAgB3E,EAAEwE,eAAe,EAAE,OAAO1E,EAAEmC,KAAKpC,EAAEsC,UAAUpC,EAAEC,EAAEU,QAAM,SAAWb,GAAG,OAAOqE,EAAWrE,EAAEM,EAAE4B,MAAM/B,EAAEW,IAAI,SAASwD,EAAgBtE,EAAEC,GAAG,IAAI,IAAIC,EAAE,GAAGC,EAAE,EAAEA,EAAEH,EAAEK,OAAOF,IAAI,CAAC,IAAIG,EAAEN,EAAEG,GAAGD,GAAG,iBAAiBI,EAAEA,EAAEA,EAAEL,GAAI,OAAOC,EAAE,SAAS6E,EAAa/E,EAAEC,GAAG,IAAI,IAAIC,GAAG,EAAEC,GAAG,EAAEG,EAAEL,EAAEK,EAAEN,EAAEK,OAAOC,IAAI,CAAC,IAAI4B,EAAElC,EAAEM,GAAG,GAAGJ,EAAEC,GAAG,MAAM+B,IAAIhC,GAAG,GAAGC,GAAG,MAAM+B,IAAIhC,GAAG,QAAQ,GAAG,MAAMgC,EAAEhC,GAAG,EAAEC,GAAG,OAAO,GAAG,MAAM+B,EAAEhC,GAAG,EAAEC,GAAG,MAAO,CAAC,GAAG,MAAM+B,EAAE,OAAO5B,EAAE,EAAE,GAAG,MAAM4B,EAAE,OAAO5B,GAAG,OAAOA,EAAE,SAAS0E,EAAoBhF,GAAG,IAAI,IAAIC,EAAE,GAAGC,EAAE,IAAI,CAAC,IAAIC,EAAE2D,EAAUI,EAAiBlE,EAAEE,GAAGI,EAAEH,EAAEA,EAAEU,MAAMb,EAAEK,OAAO,GAAGJ,GAAGD,EAAEsC,UAAUpC,EAAEI,IAAIH,EAAE,MAAMD,EAAE6E,EAAa/E,EAAEM,GAAI,OAAOL,EAAE,SAAS6E,EAAgB9E,GAAG,IAAIC,EAAE,EAAED,EAAEgF,EAAoBhF,EAAEA,EAAE6B,QAAQsC,EAAS,KAAKtC,QAAQuC,EAAe,IAAI,IAAI,IAAIlE,EAAE,GAAGD,EAAED,EAAEK,QAAQJ,EAAE4E,EAAW7E,EAAEE,EAAED,GAAG,OAAOC,EAAE,SAAS+E,EAAcjF,GAAG,IAAIC,EAAE,GAAGD,EAAEkF,SAAO,SAAWlF,GAAGA,EAAEmF,aAAaD,SAAO,SAAWlF,GAAGC,EAAED,EAAEoF,MAAMpF,EAAEqF,YAAc,IAAI,IAAInF,EAAE,GAAGC,EAAEL,OAAOwF,QAAQrF,GAAGK,EAAE,SAASN,GAAG,IAAIC,GAAG,EAAE,GAAGE,EAAE+E,SAAO,SAAWlF,GAAG,IAAIG,EAAEH,EAAE,GAAGM,EAAEgE,EAAgBtE,EAAE,GAAGE,GAAGI,IAAIJ,EAAEC,KAAKD,EAAEC,GAAGG,EAAEL,GAAG,OAAQA,EAAE,MAAO,SAASiC,EAAE,EAAEA,EAAE,GAAGA,IAAI,CAAC,GAAG,UAAU5B,IAAI,MAAM,OAAOJ,EAAE,SAASqF,EAAavF,EAAEC,GAAG,QAAQ,IAAIA,IAAIA,EAAE,IAAID,EAAEiB,MAAM,MAAO,GAAG,IAAIf,EAAE,GAAG,OAAOF,EAAEiB,MAAMuE,QAAM,SAAWxF,GAAG,OAAOA,EAAEqB,OAAOyB,EAAMS,cAAc2B,SAAO,SAAWlF,GAAG,IAAIG,EAAEsF,EAAgBzF,EAAEmB,SAAShB,EAAEE,OAAO,GAAGL,EAAEwB,eAAe2B,MAAM,KAAK+B,SAAO,SAAWlF,GAAGA,EAAEA,EAAEuC,OAAOrC,EAAEkC,KAAK,CAACb,SAASvB,EAAEmF,aAAahF,EAAEuF,YAAYC,IAAqBC,GAAG3F,OAAQA,OAAQC,EAAE,SAASyF,EAAmB3F,GAAG,OAAO,EAAE,IAAI6F,EAAU,aAAaC,EAAkB,0HAA0H,SAASL,EAAgBzF,GAAG,IAAI,IAAIC,EAAEC,EAAE,GAAGD,EAAE6F,EAAkBC,KAAK/F,EAAEuC,SAAS,CAAC,IAAIpC,EAAE6F,EAAe/F,EAAE,IAAIK,EAAEH,EAAEkF,MAAMnD,EAAE/B,EAAE8F,UAAU/F,EAAEkC,KAAK,CAACgD,KAAKnF,EAAE,GAAGsC,OAAO8C,MAAMP,EAAgBxE,GAAG2F,UAAU/D,IAAK,OAAOhC,EAAE,SAAS8F,EAAehG,GAAG,IAAIC,GAAGD,EAAEA,EAAE6B,QAAQ,SAAS,KAAKU,QAAQ2D,SAASL,GAAW,OAAO5F,IAAID,EAAEA,EAAEmG,OAAO,EAAEnG,EAAEK,OAAOwF,EAAUxF,QAAQkC,QAAQ,CAAC8C,MAAMrF,EAAEiG,UAAUhG,GAAG,SAASmG,EAAmBpG,EAAEC,EAAEC,GAAG,IAAIC,EAAE,GAAGG,EAAE+F,EAAoBpG,EAAED,GAAG,OAAOE,EAAEgF,SAAO,SAAWlF,GAAG,OAAOG,EAAEiC,KAAKpC,MAAMM,EAAE4E,SAAO,SAAWlF,GAAG,OAAOG,EAAEiC,KAAKpC,MAAMsG,EAAcC,EAAsBpG,GAAGqF,QAAM,SAAWvF,GAAG,OAAOuG,EAAQxG,EAAEC,EAAEsB,cAAc,SAAS8E,EAAoBrG,EAAEC,GAAG,IAAI,IAAIC,EAAE,GAAGD,GAAG,CAAC,IAAIE,EAAEH,EAAEyG,IAAIxG,GAAGE,GAAGD,EAAEkC,KAAKjC,GAAGF,EAAEA,EAAEyG,cAAe,OAAOxG,EAAE,SAASqG,EAAsBvG,GAAG,IAAIC,EAAE,GAAG,OAAOD,EAAEkF,SAAO,SAAWlF,GAAGC,EAAEmC,KAAK1B,MAAMT,EAAED,EAAE2G,cAAe1G,EAAE,SAASqG,EAActG,GAAG,OAAOA,EAAE4G,MAAI,SAAW5G,EAAEC,GAAG,OAAOD,EAAE0F,cAAczF,EAAEyF,YAAY1F,EAAE4F,GAAG3F,EAAE2F,GAAG5F,EAAE0F,YAAYzF,EAAEyF,eAAe1F,EAAE,SAASwG,EAAQxG,EAAEC,GAAG,MAAO,UAAUA,GAAG,SAASA,GAAGD,EAAEwG,QAAQvG,GAAG,SAAS4G,EAAS7G,GAAG,IAAIC,EAAEwB,EAAMzB,GAAGE,EAAE4E,EAAgB9E,GAAG,MAAO,CAAC8G,SAAS9G,EAAE+G,SAAS7G,EAAEyG,UAAUpB,EAAatF,GAAG+G,YAAY9G,EAAEG,OAAO,GAAG,SAAS4G,EAAejH,EAAEC,GAAG,GAAGD,EAAEkH,MAAI,SAAWlH,GAAG,OAAOA,EAAEmH,UAAUlH,KAAK,OAAQ,EAAE,IAAIC,EAAE2G,EAAS5G,EAAEmH,aAAa,OAAOlH,EAAEiH,QAAQlH,EAAED,EAAEoC,KAAKlC,IAAI,EAAE,SAASmH,EAAmBrH,GAAG,IAAIC,EAAEgF,EAAcsB,EAAsBvG,IAAIA,EAAEkF,SAAO,SAAWlF,GAAGA,EAAEgH,cAAchH,EAAEmH,QAAQC,YAAY9C,EAAgBtE,EAAE+G,SAAS9G,OAAS,SAASqH,EAAQtH,EAAEC,GAAG,IAAIC,EAAEF,EAAE+G,SAASQ,KAAG,SAAWrH,GAAG,MAAO,iBAAiBA,EAAEsH,EAAatH,EAAEF,EAAEyH,QAAQxH,GAAGC,KAAKC,EAAEH,EAAE2G,UAAUY,KAAG,SAAWrH,GAAG,OAAOL,EAASA,EAAS,GAAGK,GAAG,CAACqB,SAASiG,EAAatH,EAAEqB,SAASvB,EAAEyH,QAAQxH,QAAQ,OAAOJ,EAASA,EAAS,GAAGG,GAAG,CAAC+G,SAAS7G,EAAEyG,UAAUxG,EAAEsH,QAAQxH,IAAI,SAASuH,EAAaxH,EAAEC,EAAEC,GAAG,OAAOF,EAAE0H,EAAW1H,EAAE,MAAMC,EAAE,IAAIC,GAAG,SAASwH,EAAW1H,EAAEC,EAAEC,GAAG,OAAOF,EAAE6B,QAAQ,IAAI8F,OAAO1H,EAAE,KAAKC,GAAG,SAAS0H,EAAa5H,EAAEC,GAAG,OAAO4H,EAAmB7H,EAAEC,GAAG6H,EAAkB9H,EAAEC,GAAG8H,MAAI,WAAaV,EAAmBpH,MAAO,SAAS+H,EAAahI,EAAEC,GAAG,oBAAoBgI,kBAAkB,IAAIA,kBAAgB,WAAaJ,EAAmB7H,EAAEC,IAAIoH,EAAmBpH,MAAOiI,QAAQC,SAASC,KAAK,CAACC,WAAW,IAAK,SAASP,EAAkB9H,EAAEC,GAAG,IAAI,IAAIC,EAAE,GAAGC,EAAEH,EAAEsI,iBAAiB,oDAAoDhI,EAAE,EAAEA,EAAEH,EAAEE,OAAOC,IAAIJ,EAAEkC,KAAKmG,EAAcvI,EAAEC,EAAEE,EAAEG,KAAK,OAAOkI,QAAQC,IAAIvI,GAAG,SAAS2H,EAAmB7H,EAAEC,GAAG,OAAOyI,MAAMC,KAAK3I,EAAEsI,iBAAiB,iDAAiDf,KAAG,SAAWvH,GAAG,OAAOiH,EAAehH,EAAED,MAAMkH,KAAK0B,SAAS,SAASL,EAAcvI,EAAEC,EAAEC,GAAG,IAAIC,EAAED,EAAE2I,KAAK,OAAOC,MAAM3I,GAAG4H,MAAI,SAAW/H,GAAG,OAAOA,EAAE+I,UAAUhB,MAAI,SAAWzH,GAAG,GAAG0I,EAAgB1I,IAAIJ,EAAE+I,WAAW,CAACC,EAAgB5I,KAAKA,EAAE6I,GAAgB7I,EAAEH,IAAI,IAAI+B,EAAElC,EAAEoJ,cAAc,SAASlH,EAAEmH,aAAa,cAAc,IAAInH,EAAEkF,YAAY9G,EAAE2G,EAAehH,EAAEiC,GAAGhC,EAAE+I,WAAWK,aAAapH,EAAEhC,GAAGA,EAAEqJ,aAAcC,OAAK,SAAWxJ,GAAGyJ,QAAQC,MAAM1J,MAAO,IAAI2J,EAAoB,6BAA6B,SAASX,EAAgBhJ,GAAG,OAAOA,EAAE2C,QAAQ,SAAS,GAAGgH,EAAoBC,KAAK5J,GAAG,IAAI6J,EAAe,+EAA+E,SAASX,EAAgBlJ,GAAG,OAAO6J,EAAe9F,UAAU,EAAE8F,EAAeD,KAAK5J,GAAG,SAASmJ,GAAgBnJ,EAAEC,GAAG,IAAIC,EAAED,EAAE4B,QAAQ,SAAS,IAAI,OAAO7B,EAAE6B,QAAQgI,GAAc,SAAW7J,EAAEC,GAAG,IAAIE,EAAED,EAAED,EAAE,OAAOD,EAAE6B,QAAQ5B,EAAEE,MAAM,IAAI2J,GAAY,WAAW,SAAS9J,EAAEA,EAAEC,GAAGU,KAAKoJ,IAAI/J,EAAEW,KAAKqJ,IAAI/J,EAAEU,KAAKsJ,MAAM,EAAEtJ,KAAKuJ,aAAa,IAAIC,QAAQxJ,KAAKyJ,aAAa,IAAID,QAAQxJ,KAAK0J,aAAa,GAAG1J,KAAK2J,UAAU,IAAIC,IAAI5J,KAAK6J,SAAS,EAAG,OAAOxK,EAAEO,UAAUiD,EAAE,WAAW,IAAIxD,EAAEW,KAAK,OAAOA,KAAK6J,UAAU7J,KAAKoJ,IAAIU,sBAAsBjC,QAAQkC,WAAW/J,KAAK6J,SAAS,EAAE,IAAIhC,SAAO,SAAWvI,GAAGD,EAAE+J,IAAIU,uBAAqB,WAAazC,EAAahI,EAAEgK,IAAIhK,EAAEqK,cAAczC,EAAa5H,EAAEgK,IAAIhK,EAAEqK,cAActC,MAAI,WAAa,OAAO9H,eAAiBD,EAAEO,UAAUoK,QAAQ,SAAS3K,GAAG,IAAIC,EAAEU,KAAK,OAAO4H,EAAc5H,KAAKqJ,IAAIrJ,KAAK0J,aAAarK,GAAG+H,MAAI,WAAa9H,EAAE2K,mBAAoB5K,EAAEO,UAAU0G,eAAe,SAASjH,GAAGiH,EAAetG,KAAK0J,aAAarK,IAAIW,KAAKiK,gBAAiB5K,EAAEO,UAAUsK,gBAAgB,SAAS7K,EAAEC,EAAEC,EAAEC,GAAG,GAAGQ,KAAKyJ,aAAaU,IAAI9K,GAAG,MAAM,IAAI+K,MAAM,8BAA8B,IAAIzK,EAAEK,KAAKqK,qBAAqB9K,EAAED,EAAEE,GAAG+B,EAAEvB,KAAKqJ,IAAIZ,cAAc,SAAS,OAAOlH,EAAEmH,aAAa,eAAe,IAAI/I,EAAE0G,YAAY7G,GAAG+B,EAAE,QAAQjC,EAAEK,EAAEmH,QAAQ,IAAI9G,KAAKsJ,MAAM/H,EAAEkF,YAAY,mBAAmBzG,KAAKuJ,aAAae,IAAIjL,EAAEkC,GAAGvB,KAAKyJ,aAAaa,IAAIjL,EAAEsH,EAAQhH,EAAEL,IAAIU,KAAKsJ,UAAU3J,EAAE6G,QAAQjF,EAAE5B,EAAE0G,cAAc9E,EAAEkF,YAAY9C,EAAgBhE,EAAEyG,SAAS,KAAKpG,KAAK0J,aAAajI,KAAK9B,GAAGK,KAAKiK,eAAejK,KAAKyJ,aAAaa,IAAIjL,EAAEM,IAAI4B,EAAEkF,YAAYlH,EAAEgC,GAAGlC,EAAEO,UAAU2K,WAAW,SAASlL,GAAG,IAAIC,EAAEU,KAAKuJ,aAAazD,IAAIzG,GAAGC,GAAGA,EAAEsJ,SAAS5I,KAAKuJ,aAAaiB,OAAOnL,GAAGW,KAAKyJ,aAAae,OAAOnL,IAAKA,EAAEO,UAAU6K,WAAW,SAASpL,GAAG,IAAIC,EAAEU,KAAKyJ,aAAa3D,IAAIzG,GAAG,GAAGC,GAAGA,EAAE+G,aAAa/G,EAAEoL,SAAS,CAAC,IAAInL,EAAES,KAAKuJ,aAAazD,IAAIzG,GAAG,GAAGE,EAAE,CAAC,IAAIC,EAAE8E,EAAcmB,EAAmBpG,EAAEW,KAAKyJ,aAAazJ,KAAK0J,eAAenK,EAAEkH,YAAY9C,EAAgBrE,EAAE8G,SAAS5G,MAAOH,EAAEO,UAAUqK,aAAa,WAAWvD,EAAmB1G,KAAK0J,eAAgBrK,EAAEO,UAAUyK,qBAAqB,SAAShL,EAAEC,EAAEC,GAAG,IAAIC,EAAEQ,KAAK2J,UAAU7D,IAAIxG,GAAG,OAAOE,KAAKA,EAAE0G,EAAS7G,IAAIyH,QAAQxH,EAAEE,EAAEkL,SAASnL,EAAES,KAAK2J,UAAUW,IAAIhL,EAAEE,IAAIA,GAAGH,EAAj4D,IAAu4D,SAASA,IAAIA,GAAGA,EAAEsL,WAAWtL,EAAEuL,KAAKvL,EAAEuL,IAAIC,UAAUxL,EAAEuL,IAAIC,SAAS,QAAQ,cAAcxL,EAAEsL,UAAU,IAAIxB,GAAY9J,EAAEA,EAAEmI,WAAzH,CAAsI,oBAAoBsD,QAAQA","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-20ad4e90.system.entry.js → p-8ed6acea.system.entry.js}

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

package/dist/nano-components/p-9164e5e2.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(o,e,t,i){function n(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,a){function r(o){try{l(i.next(o))}catch(e){a(e)}}function s(o){try{l(i["throw"](o))}catch(e){a(e)}}function l(o){o.done?t(o.value):n(o.value).then(r,s)}l((i=i.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(o){return function(e){return l([o,e])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(a=r[0]&2?n["return"]:r[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,r[1])).done)return a;if(n=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){t.label=r[1];break}if(r[0]===6&&t.label<a[1]){t.label=a[1];a=r;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(r);break}if(a[2])t.ops.pop();t.trys.pop();continue}r=e.call(o,t)}catch(s){r=[6,s];n=0}finally{i=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-af9f6453.system.js","./p-f00d0c25.system.js","./p-f60dde31.system.js","./p-20c43a20.system.js","./p-4647a31f.system.js","./p-3d1c1c19.system.js","./p-0c67773b.system.js","./p-d4454d55.system.js","./p-22b50344.system.js"],(function(o){"use strict";var e,t,i,n,a,r,s,l,d,h;return{setters:[function(o){e=o.r;t=o.c;i=o.h;n=o.e;a=o.g},function(o){r=o.l;s=o.u},function(o){l=o.M},function(o){d=o.h},function(o){h=o.C},function(){},function(){},function(){},function(){}],execute:function(){var c=":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}";var f=0;var u=o("nano_dialog",function(){function o(o){var i=this;e(this,o);this.nanoShow=t(this,"nanoShow",7);this.nanoAfterShow=t(this,"nanoAfterShow",7);this.nanoHide=t(this,"nanoHide",7);this.nanoAfterHide=t(this,"nanoAfterHide",7);this.nanoInitialFocus=t(this,"nanoInitialFocus",7);this.nanoRequestClose=t(this,"nanoRequestClose",7);this.componentId="dialog-"+ ++f;this.willShow=false;this.willHide=false;this.addedTransEnd=false;this.isVisible=false;this.noDismiss=false;this.hasFooter=false;this.showRibbon=true;this.open=false;this.noHeader=false;this.noFooter=false;this.noUserDismiss=false;this.storeMethod="url-hash";this.handleKeyDown=function(o){if(o.key==="Escape"){i.requestClose()}};this.requestClose=function(){var o=i.nanoRequestClose.emit();if(!o.defaultPrevented&&!i.noUserDismiss){i.hide()}else{i.noDismiss=true;setTimeout((function(o){return i.noDismiss=false}),250)}};this.handleTransitionEnd=function(o){if(o.propertyName==="opacity"&&o.composedPath().find((function(o){return o===i.panel||o===i.overlay}))){i.isVisible=i.open;i.willShow=false;i.willHide=false;i.open?i.nanoAfterShow.emit():i.nanoAfterHide.emit()}};this.handleSlotChange=function(){i.hasFooter=d(i.host,"footer")}}o.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};o.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var o;var e=this;return __generator(this,(function(t){if(this.willShow){return[2]}o=this.nanoShow.emit();if(o.defaultPrevented){this.open=false;return[2]}this.originalTrigger=document.activeElement;this.willShow=true;this.isVisible=true;this.open=true;this.modal.activate();r(this.host);if(this.open){this.host.addEventListener("nanoAfterShow",(function(){var o=e.nanoInitialFocus.emit();if(!o.defaultPrevented){e.panel.focus({preventScroll:true})}}),{once:true})}return[2]}))}))};o.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var o,e;return __generator(this,(function(t){if(this.willHide){return[2]}o=this.nanoHide.emit();if(o.defaultPrevented){this.open=true;return[2]}this.willHide=true;this.open=false;this.modal.deactivate();s(this.host);this.stopVideos();e=this.originalTrigger;if(e&&typeof e.focus==="function"){setTimeout((function(){return e.focus()}))}return[2]}))}))};o.prototype.stopVideos=function(){var o=Array.from(this.host.querySelectorAll("iframe,video"));o.forEach((function(o){if(o.tagName.toLowerCase()==="video")o.pause();else{var e=o.src;o.src=e}}))};o.prototype.connectedCallback=function(){this.modal=new l(this.host);if(this.panel){this.addedTransEnd=true;this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};o.prototype.componentWillLoad=function(){this.handleSlotChange();if(this.open)this.show();if(this.storeId)h.init(this,["open"],this.storeMethod,this.storeId)};o.prototype.componentDidLoad=function(){if(!this.addedTransEnd){this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};o.prototype.disconnectedCallback=function(){s(this.host);this.addedTransEnd=false;this.panel.removeEventListener("transitionend",this.handleTransitionEnd)};o.prototype.render=function(){var o=this;return i(n,{showing:this.isVisible?true:undefined},i("div",{part:"base",class:{dialog:true,"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},i("div",{part:"overlay",class:"dialog__overlay",ref:function(e){return o.overlay=e},onClick:this.requestClose}),i("div",{ref:function(e){return o.panel=e},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?this.componentId+"-title":null,tabIndex:0},i("div",{class:"dialog__body-wrap"},!this.noHeader&&i("nano-sticker",null,i("header",{part:"header",class:"dialog__header"},i("span",{part:"title",class:"dialog__title",id:this.componentId+"-title"},i("slot",{name:"label"},this.label||String.fromCharCode(65279))),!this.noUserDismiss&&i("nano-icon-button",{exportparts:"base:close-button",class:"dialog__close-icon",label:"close dialog",onClick:this.requestClose,iconName:"light/times"}))),i("div",{part:"body",class:"dialog__body"},i("slot",null)),!this.noFooter&&(this.hasFooter||!this.noUserDismiss)&&i("nano-sticker",{position:"bottom"},i("footer",{part:"footer",class:"dialog__footer"},i("slot",{name:"footer",onSlotchange:this.handleSlotChange}),!this.noUserDismiss&&i("button",{class:"dialog__close-txt",onClick:this.requestClose},"Close")))))))};Object.defineProperty(o.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return o}());u.style=c}}}));
+//# sourceMappingURL=p-9164e5e2.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialog/dialog.scss?tag=nano-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"names":["dialogCss","id","Dialog","exports","class_1","hostRef","_this","this","componentId","willShow","willHide","addedTransEnd","isVisible","noDismiss","hasFooter","showRibbon","open","noHeader","noFooter","noUserDismiss","storeMethod","handleKeyDown","event","key","requestClose","nanoOverlayDismiss","nanoRequestClose","emit","defaultPrevented","hide","setTimeout","_","handleTransitionEnd","propertyName","composedPath","find","node","panel","overlay","nanoAfterShow","nanoAfterHide","handleSlotChange","hasSlot","host","prototype","handleOpenChange","show","nanoShow","originalTrigger","document","activeElement","modal","activate","lockBodyScrolling","addEventListener","nanoInitialFocus","focus","preventScroll","once","nanoHide","deactivate","unlockBodyScrolling","stopVideos","trigger","videos","Array","from","querySelectorAll","forEach","video","tagName","toLowerCase","pause","src","connectedCallback","Modal","componentWillLoad","storeId","ComponentStore","init","componentDidLoad","disconnectedCallback","removeEventListener","render","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":"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","sourcesContent":["@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n@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","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"]}

package/dist/nano-components/{p-9920e725.system.js → p-9348c301.system.js}

@@ -11,4 +11,4 @@ var __spreadArray=this&&this.__spreadArray||function(r,e){for(var t=0,n=e.length
        * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
        */
 var e=function(r){var e=[];var t=0;var n;r=r.replace(/(\[[^\]]*\])/g,(function(r,n){var a="__ph-"+t+"__";e.push(n);t++;return a}));n=r.replace(/(:nth-[-\w]+)(\([^)]+\))/g,(function(r,n,a){var s="__ph-"+t+"__";e.push(a);t++;return n+s}));var a={content:n,placeholders:e};return a};var t=function(r,e){return e.replace(/__ph-(\d+)__/g,(function(e,t){return r[+t]}))};var n="-shadowcsshost";var a="-shadowcssslotted";var s="-shadowcsscontext";var c=")(?:\\(("+"(?:\\([^)(]*\\)|[^)(]*)+?"+")\\))?([^,{]*)";var o=new RegExp("("+n+c,"gim");var i=new RegExp("("+s+c,"gim");var v=new RegExp("("+a+c,"gim");var u=n+"-no-combinator";var l=/-shadowcsshost-no-combinator([^\s]*)/;var f=[/::shadow/g,/::content/g];var p="([>\\s~+[.,{:][\\s\\S]*)?$";var h=/-shadowcsshost/gim;var g=/:host/gim;var d=/::slotted/gim;var m=/:host-context/gim;var _=/\/\*\s*[\s\S]*?\*\//g;var x=function(r){return r.replace(_,"")};var w=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;var S=function(r){return r.match(w)||[]};var b=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;var W=/([{}])/g;var O="{";var j="}";var E="%BLOCK%";var R=function(r,e){var t=k(r);var n=0;return t.escapedString.replace(b,(function(){var r=[];for(var a=0;a<arguments.length;a++){r[a]=arguments[a]}var s=r[2];var c="";var o=r[4];var i="";if(o&&o.startsWith("{"+E)){c=t.blocks[n++];o=o.substring(E.length+1);i="{"}var v={selector:s,content:c};var u=e(v);return""+r[1]+u.selector+r[3]+i+u.content+o}))};var k=function(r){var e=r.split(W);var t=[];var n=[];var a=0;var s=[];for(var c=0;c<e.length;c++){var o=e[c];if(o===j){a--}if(a>0){s.push(o)}else{if(s.length>0){n.push(s.join(""));t.push(E);s=[]}t.push(o)}if(o===O){a++}}if(s.length>0){n.push(s.join(""));t.push(E)}var i={escapedString:t.join(""),blocks:n};return i};var y=function(r){r=r.replace(m,s).replace(g,n).replace(d,a);return r};var T=function(r,e,t){return r.replace(e,(function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}if(r[2]){var n=r[2].split(",");var a=[];for(var s=0;s<n.length;s++){var c=n[s].trim();if(!c)break;a.push(t(u,c,r[3]))}return a.join(",")}else{return u+r[3]}}))};var A=function(r,e,t){return r+e.replace(n,"")+t};var C=function(r){return T(r,o,A)};var L=function(r,e,t){if(e.indexOf(n)>-1){return A(r,e,t)}else{return r+e+t+", "+e+" "+r+t}};var B=function(r,e){var t="."+e+" > ";var n=[];r=r.replace(v,(function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}if(r[2]){var a=r[2].trim();var s=r[3];var c=t+a+s;var o="";for(var i=r[4]-1;i>=0;i--){var v=r[5][i];if(v==="}"||v===","){break}o=v+o}var l=o+c;var f=""+o.trimRight()+c.trim();if(l.trim()!==f.trim()){var p=f+", "+l;n.push({orgSelector:l,updatedSelector:p})}return c}else{return u+r[3]}}));return{selectors:n,cssText:r}};var I=function(r){return T(r,i,L)};var K=function(r){return f.reduce((function(r,e){return r.replace(e," ")}),r)};var $=function(r){var e=/\[/g;var t=/\]/g;r=r.replace(e,"\\[").replace(t,"\\]");return new RegExp("^("+r+")"+p,"m")};var M=function(r,e){var t=$(e);return!t.test(r)};var U=function(r,e,t){h.lastIndex=0;if(h.test(r)){var n="."+t;return r.replace(l,(function(r,e){return e.replace(/([^:]*)(:*)(.*)/,(function(r,e,t,a){return e+n+t+a}))})).replace(h,n+" ")}return e+" "+r};var q=function(r,n,a){var s=/\[is=([^\]]*)\]/g;n=n.replace(s,(function(r){var e=[];for(var t=1;t<arguments.length;t++){e[t-1]=arguments[t]}return e[0]}));var c="."+n;var o=function(r){var e=r.trim();if(!e){return""}if(r.indexOf(u)>-1){e=U(r,n,a)}else{var t=r.replace(h,"");if(t.length>0){var s=t.match(/([^:]*)(:*)(.*)/);if(s){e=s[1]+c+s[2]+s[3]}}}return e};var i=e(r);r=i.content;var v="";var l=0;var f;var p=/( |>|\+|~(?!=))\s*/g;var g=r.indexOf(u)>-1;var d=!g;while((f=p.exec(r))!==null){var m=f[1];var _=r.slice(l,f.index).trim();d=d||_.indexOf(u)>-1;var x=d?o(_):_;v+=x+" "+m+" ";l=p.lastIndex}var w=r.substring(l);d=d||w.indexOf(u)>-1;v+=d?o(w):w;return t(i.placeholders,v)};var z=function(r,e,t,n){return r.split(",").map((function(r){if(n&&r.indexOf("."+n)>-1){return r.trim()}if(M(r,e)){return q(r,e,t).trim()}else{return r.trim()}})).join(", ")};var D=function(r,e,t,n,a){return R(r,(function(r){var a=r.selector;var s=r.content;if(r.selector[0]!=="@"){a=z(r.selector,e,t,n)}else if(r.selector.startsWith("@media")||r.selector.startsWith("@supports")||r.selector.startsWith("@page")||r.selector.startsWith("@document")){s=D(r.content,e,t,n)}var c={selector:a.replace(/\s{2,}/g," ").trim(),content:s};return c}))};var F=function(r,e,t,n,a){r=y(r);r=C(r);r=I(r);var s=B(r,n);r=s.cssText;r=K(r);if(e){r=D(r,e,t,n)}r=r.replace(/-shadowcsshost-no-combinator/g,"."+t);r=r.replace(/>\s*\*\s+([^{, ]+)/gm," $1 ");return{cssText:r.trim(),slottedSelectors:s.selectors}};var G=r("scopeCss",(function(r,e,t){var n=e+"-h";var a=e+"-s";var s=S(r);r=x(r);var c=[];if(t){var o=function(r){var e="/*!@___"+c.length+"___*/";var t="/*!@"+r.selector+"*/";c.push({placeholder:e,comment:t});r.selector=e+r.selector;return r};r=R(r,(function(r){if(r.selector[0]!=="@"){return o(r)}else if(r.selector.startsWith("@media")||r.selector.startsWith("@supports")||r.selector.startsWith("@page")||r.selector.startsWith("@document")){r.content=R(r.content,o);return r}return r}))}var i=F(r,e,n,a);r=__spreadArray([i.cssText],s).join("\n");if(t){c.forEach((function(e){var t=e.placeholder,n=e.comment;r=r.replace(t,n)}))}i.slottedSelectors.forEach((function(e){r=r.replace(e.orgSelector,e.updatedSelector)}));return r}))}}}));
-//# sourceMappingURL=p-9920e725.system.js.map
+//# sourceMappingURL=p-9348c301.system.js.map