@nanoporetech-digital/components 1.13.10 → 1.13.14

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/date-input/date-input.scss?tag=nano-date-input&encapsulation=scoped","src/components/date-input/date-input.tsx"],"names":["dateInputCss","DateRegxps","d","m","y","inputIds","DateInput","exports","class_1","hostRef","_this","this","directInput","dateOrderIndeces","inputId","helperText","helperTextFormat","year","month","day","floatLabel","name","readonly","disabled","autofocus","clearInput","value","validateOn","showInlineError","dateOrder","required","hideLabel","picker","pickerOpen","closeAfterPicked","onInputChange","e","stopPropagation","setValue","target","onInputValidate","nanoValidate","emit","isValid","detail","errorMessage","originalEvent","onInputKey","onDatePicked","onDropdownHide","setTimeout","_","trigger","focus","onDropdownShow","pickerEle","setFocus","onTriggerClick","onCloseClick","onCloseKeyDown","key","shiftKey","preventDefault","prototype","handleValueChange","inputValue","formatIsoDate","nanoChange","date","parseISODate","handleDateOrderChange","setDatePattern","testDateValidity","valueDate","min","max","error","toLocaleDateString","undefined","__awaiter","input","getInputElement","_a","sent","length","setCustomValidity","showError","handlePickerOpenChange","dropdown","open","reportValidity","validateFirst","message","dateRegexOrdered","dateStrOrd","Array","from","map","datepart","i","push","pattern","join","placeholder","isoDate","matches","match","RegExp","formatted","splice","createDate","Date","dateStr","printISODate","connectedCallback","componentDidLoad","pickerCloseBtn","firstFocusEle","render","placement","host","ownerDocument","dir","hasHelperSlot","querySelector","h","Host","class","Object","assign","createColorClasses","color","slot","label","onNanoChange","onNanoInput","onNanoValidate","form","size","ref","inputmode","type","onClick","vhidden","onNanoHide","onNanoShow","dialog-title","distance","onKeyDown","pickerClose","onNanoDatePicked","is-modal","localization","selectedDate","initialPickerDate","firstDayOfWeek"],"mappings":"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","sourcesContent":["@import '../../global/style/nano-theme/form';\n@import '../../global/style/utilities/globals';\n\n:host {\n  /**\n   * @prop --focus-shadow: defaults to #{$control-focus-style};\n   * @prop --open-btn-color: defaults to #{$button-bg-color};\n   * @prop --open-btn-border: defaults to none;\n   * @prop --close-btn-color: defaults to #{$color-celsius};\n   * @prop --picker-base-size: Base font size of the date picker component. Defaults to 16px;\n   */\n\n  display: inline-block;\n  width: 100%;\n\n  --focus-shadow: #{$control-focus-style};\n  --open-btn-color: #{$button-bg-color};\n  --open-btn-border: none;\n  --close-btn-color: #{$button-bg-color};\n  --picker-base-size: 16px;\n}\n\n:host(.nano-color) {\n  --focus-shadow: #{$control-focus-size current-color(tint, 0.56)};\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: .7;\n}\n\nnano-icon {\n  pointer-events: none;\n}\n\n.date-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  @media (max-width: 35.9375em) {\n\n    &::before {\n      content: '';\n      position: fixed;\n      background: rgba(0, 0, 0, 0);\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n      transition: z-index .001s ease 1s, background .2s ease;\n\n      :host([picker-open]) & {\n        transition: z-index .001s ease, background .2s ease .001s;\n        background: rgba(0, 0, 0, .5);\n        z-index: 100;\n      }\n    }\n  }\n\n  &__dropdown {\n    --padding: 0;\n    --overflow: visible;\n    width: 100%;\n  }\n\n  &__close-bar {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    border: 0;\n    margin: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    right: -8px;\n    top: -8px;\n    width: auto;\n    z-index: 1;\n  }\n\n  &__open {\n    background: var(--open-btn-color);\n    border: var(--open-btn-border);\n    margin: 0;\n    appearance: none;\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n    }\n  }\n\n  &__close {\n    -webkit-appearance: none;\n    align-items: center;\n    appearance: none;\n    background: var(--close-btn-color);\n    border: 0;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    height: 24px;\n    justify-content: center;\n    padding: 0;\n    width: 24px;\n\n    @media (min-width: 36em) {\n      opacity: 0;\n    }\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n\n      @media (min-width: 36em) {\n        opacity: 1;\n      }\n    }\n\n    nano-icon {\n      margin: 0 auto;\n    }\n  }\n\n  nano-date-picker {\n    font-size: var(--picker-base-size);\n  }\n}\n\n.vhidden {\n  @include visually-hide();\n}\n","import { Component, ComponentInterface, Element, h, Prop, Watch, State, Event, EventEmitter, Host, Method } from '@stencil/core';\nimport { createDate, DaysOfWeek, printISODate, parseISODate } from '../../utils/date-utils';\n\nimport { PickerChangeEvent, DateInputChangeEventDetail, Color, LocalDateOpts, DuetLocalizedText, ControlValidity, ControlValidityEventDetail } from '../../interface';\nimport { createColorClasses } from '../../utils/utils';\n\nconst DateRegxps = {\n  d: '(\\\\d{1,2})',\n  m: '(\\\\d{1,2})',\n  y: '(\\\\d{4})'\n};\n\nlet inputIds = 0;\n\n/**\n * The date-input component combines `nano-dropdown`, `nano-input` and `nano-date-picker` components to make a fully featured date form field. It has specific options for localisation, date formatting and validation.\n *\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n */\n@Component({\n  tag: 'nano-date-input',\n  styleUrl: 'date-input.scss',\n  scoped: true\n})\nexport class DateInput implements ComponentInterface {\n  private pickerEle!: HTMLNanoDatePickerElement;\n  private trigger!: HTMLButtonElement;\n  private pickerCloseBtn!: HTMLButtonElement;\n  private dropdown!: HTMLNanoDropdownElement;\n  private input: HTMLNanoInputElement;\n\n  private directInput = false;\n  private dateOrderIndeces = { d: 0, m: 1, y: 3 };\n  private inputId = `nano-input-${inputIds++}`;\n\n\n  @Element() host: HTMLNanoDateInputElement;\n\n  // Private state\n\n  @State() pattern!: string;\n  @State() inputValue: string;\n\n  // Public Api / Prop\n\n  /**\n   * Whether to show a long form, confirmation date string of the one currently entered\n   */\n  @Prop() helperText: boolean = true;\n\n  /**\n   * Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.\n   */\n  @Prop() helperTextFormat: LocalDateOpts = { year: 'numeric', month: 'long', day: 'numeric' };\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * The initial size (number of characters) of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek?: DaysOfWeek;\n\n  /**\n   * Button labels, day names, month names, etc, used for localization.\n   * Default is English.\n   */\n  @Prop() localization?: DuetLocalizedText;\n\n  /**\n   * If `true`, the user cannot interact with the input.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.\n   */\n  @Prop() clearInput = false;\n\n  /**\n   * String to place within a label element. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Instructional text that shows before the input has a value.\n   * The pattern prop will be used to create a placeholder automatically if unused.\n   */\n  @Prop({ mutable: true }) placeholder: string;\n\n  /**\n   * Current value. Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  @Watch('value')\n  handleValueChange() {\n    if (!this.directInput) this.inputValue = this.formatIsoDate(this.value);\n    this.nanoChange.emit({value: this.value, date: parseISODate(this.value)});\n    this.directInput = false;\n  }\n\n  /**\n   * When should the field perform validation\n   */\n   @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' = 'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * The order of the date parts for entry and display.\n   * e.g. dmy = dd mm yyyy\n   */\n  @Prop() dateOrder: 'dmy' | 'mdy' | 'ymd' | 'dym' = 'dmy';\n\n  @Watch('dateOrder')\n  handleDateOrderChange() {\n    this.setDatePattern();\n  }\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min?: string;\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max?: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('value')\n  testDateValidity() {\n    const valueDate = parseISODate(this.value);\n    let min: Date, max: Date, error: string = '';\n\n    if (this.value && valueDate) {\n      if (this.min && (min = parseISODate(this.min)) && valueDate < min) {\n        error = 'Date below the minimum: ' + min.toLocaleDateString(undefined, this.helperTextFormat);\n      } else if (this.max && (max = parseISODate(this.max)) && valueDate > max) {\n        error = 'Date above the maximum: ' + max.toLocaleDateString(undefined, this.helperTextFormat);\n      }\n    }\n\n    setTimeout(async _ => {\n      if (!this.input) return;\n      const input = await this.input.getInputElement();\n      if (this.value.length && !valueDate) error = 'Please enter a valid date';\n\n      input.setCustomValidity(error);\n      if (this.input.validateOn === 'dirty') {\n        this.input.showError(error);\n      }\n    }, 100);\n  }\n\n  /**\n   * Show a date picker. Date pickers are not very useful\n   * if the potential input is too far in the distance or past\n   * e.g. Birthdays\n   */\n  @Prop() picker: boolean = true;\n\n  /**\n   * Initial picker date. Will be to `value` if set. Will be today's date if nothing set.\n   * Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop() initialPickerDate?: string;\n\n  /**\n   * Set / read whether the picker is currently open.\n   */\n  @Prop({reflect: true, mutable: true}) pickerOpen: boolean = false;\n\n  @Watch('pickerOpen')\n  handlePickerOpenChange() {\n    this.dropdown.open = this.pickerOpen;\n  }\n\n  /**\n   * Close the picker after a date is selected\n   */\n  @Prop() closeAfterPicked: boolean = true;\n\n  // Event emitters\n\n  /**\n   * Event emitted when a date is selected.\n   */\n  @Event() nanoChange: EventEmitter<DateInputChangeEventDetail>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n   @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // Methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    return await this.input.reportValidity(validateFirst);\n  }\n\n  /**\n   * Sets focus on the child `nano-input`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) this.input.setFocus();\n  }\n\n  /**\n   * Returns the native `<input>` element used under the hood.\n   */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return this.input.getInputElement();\n  }\n\n  /**\n   * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (!this.input) return;\n    this.input.showError(message);\n  }\n\n  // Event handlers\n\n  private onInputChange = (e: CustomEvent) => {\n    e.stopPropagation();\n    this.setValue((e.target as HTMLInputElement).value);\n  }\n\n  private onInputValidate = (e: CustomEvent<ControlValidityEventDetail>) => {\n    e.stopPropagation();\n    this.nanoValidate.emit({\n      isValid: e.detail.isValid,\n      errorMessage: e.detail.errorMessage,\n      originalEvent: e.detail.originalEvent\n    });\n  }\n\n  private onInputKey = () => {\n    this.directInput = true;\n  }\n\n  private onDatePicked = (e: {detail: PickerChangeEvent}) => {\n    this.directInput = false;\n    this.value = e.detail.value;\n    if (this.closeAfterPicked) this.pickerOpen = false;\n  }\n\n  private onDropdownHide = () => {\n    setTimeout(_ => this.pickerOpen = false, 200);\n    setTimeout(_ => this.trigger.focus(), 20);\n  }\n\n  private onDropdownShow = () => {\n    setTimeout(_ => this.pickerEle.setFocus(), 200);\n  }\n\n  private onTriggerClick = () => {\n    if (!this.pickerOpen) this.pickerOpen = true;\n  }\n\n  private onCloseClick = () => {\n    if (this.pickerOpen) this.pickerOpen = false;\n  }\n\n  private onCloseKeyDown = (e: KeyboardEvent) => {\n    // this ensures focus is trapped inside the picker\n    if (e.key === 'Tab' && e.shiftKey) {\n      this.pickerEle.setFocus(true);\n      e.preventDefault();\n    }\n  }\n\n  // Private logic\n\n  // set the regexp input pattern and placeholder (if necessary)\n  private setDatePattern() {\n    let dateRegexOrdered = [];\n    let dateStrOrd = [];\n    Array.from(this.dateOrder).map((datepart, i) => {\n      dateRegexOrdered.push(DateRegxps[datepart]);\n      this.dateOrderIndeces[datepart] = i;\n      dateStrOrd.push(datepart === 'y' ? 'yyyy' : datepart + datepart);\n    });\n    this.pattern = dateRegexOrdered.join('\\\\W+');\n    if (!this.placeholder && this.placeholder !== 'false') this.placeholder = dateStrOrd.join(' ');\n  }\n\n  // set the public facing date string\n  private formatIsoDate(isoDate: string) {\n    let dateRegexOrdered = [];\n    Array.from('ymd').map(datepart => dateRegexOrdered.push(DateRegxps[datepart]) );\n    const matches = isoDate.match(new RegExp(dateRegexOrdered.join('\\\\W+')));\n    if (!matches) return '';\n\n    let formatted = [];\n    formatted.splice(this.dateOrderIndeces.d, 0, matches[3]);\n    formatted.splice(this.dateOrderIndeces.m, 0, matches[2]);\n    formatted.splice(this.dateOrderIndeces.y, 0, matches[1]);\n    return formatted.join(' ');\n  }\n\n  // on manual user entry, set the value that will be sent with the form field\n  private setValue(inputValue: string) {\n    const matches = inputValue.match(new RegExp(this.pattern));\n\n    // it's an invalid date, but we still need to set it\n    if (!matches) { this.value = inputValue; return; }\n\n    let date = createDate(\n      matches[this.dateOrderIndeces.y+1],\n      matches[this.dateOrderIndeces.m+1],\n      matches[this.dateOrderIndeces.d+1]\n    );\n\n    if (!date) {\n      // last ditch attempt - see if the browser can get something\n      date = new Date(inputValue);\n\n      // it's definitely an invalid date, but set it anyway for validation messages\n      if (!date) {\n        this.value = inputValue;\n        return;\n      }\n    }\n\n    const dateStr = printISODate(date);\n    this.value = dateStr;\n    return dateStr;\n  }\n\n  connectedCallback() {\n    this.setDatePattern();\n    this.handleValueChange();\n  }\n\n  componentDidLoad() {\n    if (!this.pickerCloseBtn || !this.picker) return;\n    this.pickerEle.firstFocusEle = this.pickerCloseBtn;\n  }\n\n  render() {\n    let placement: 'bottom-start' | 'bottom-end' = (this.host.ownerDocument as Document).dir === 'rtl' ? 'bottom-start' : 'bottom-end';\n    const valueDate = parseISODate(this.value);\n    const hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n\n    return (\n      <Host class={{ ...createColorClasses(this.color) }}>\n        <div class=\"date-field\">\n          <nano-input\n            class=\"date-field__input\"\n            slot=\"trigger\"\n            required={this.required || undefined}\n            showInlineError={this.showInlineError}\n            validateOn={this.validateOn}\n            placeholder={this.placeholder !== 'false' ? this.placeholder : undefined}\n            pattern={this.pattern}\n            label={this.label}\n            disabled={this.disabled || undefined}\n            color={this.color || undefined}\n            autofocus={this.autofocus || undefined}\n            clearInput={this.clearInput || undefined}\n            onNanoChange={this.onInputChange}\n            onNanoInput={this.onInputKey}\n            onNanoValidate={this.onInputValidate}\n            name=\"\"\n            form={this.form || undefined}\n            size={this.size || undefined}\n            readonly={this.readonly}\n            value={this.inputValue}\n            ref={input => this.input = input}\n            floatLabel={this.floatLabel}\n            hideLabel={this.hideLabel}\n            inputmode={'numeric'}\n          >\n            <slot name=\"label\" />\n            {(this.picker) &&\n              <button\n                class=\"date-field__open\"\n                slot=\"inline-button\"\n                type=\"button\"\n                onClick={this.onTriggerClick}\n                ref={trigger => this.trigger = trigger}\n                disabled={this.disabled || this.readonly}\n              >\n                <nano-icon name=\"light/calendar-alt\"></nano-icon>\n              </button>\n            }\n            {(hasHelperSlot || this.helperText || this.showInlineError) &&\n              <span slot=\"helper\">\n                <span class={{ 'vhidden': !!this.value.length }}><slot name=\"helper\" /></span>\n                {(this.helperText && !!valueDate) &&\n                  <span>{valueDate.toLocaleDateString(undefined, this.helperTextFormat)}</span>\n                }\n              </span>\n            }\n          </nano-input>\n          <nano-dropdown placement={placement}\n            onNanoHide={this.onDropdownHide}\n            onNanoShow={this.onDropdownShow}\n            dialog-title=\"Choose a date\"\n            distance={-20}\n            class=\"date-field__dropdown\"\n            ref={dropdown => this.dropdown = dropdown}\n          >\n            <div>\n              <div class=\"date-field__close-bar\">\n                <button\n                  class=\"date-field__close\"\n                  type=\"button\"\n                  onClick={this.onCloseClick}\n                  onKeyDown={this.onCloseKeyDown}\n                  ref={pickerClose => this.pickerCloseBtn = pickerClose}\n                >\n                  <nano-icon name='light/times'></nano-icon>\n                  <span class='vhidden'>Close window</span>\n                </button>\n              </div>\n              <nano-date-picker\n                onNanoDatePicked={this.onDatePicked}\n                min={this.min || undefined}\n                max={this.max || undefined}\n                is-modal={true}\n                ref={picker => this.pickerEle = picker}\n                localization={this.localization}\n                selectedDate={this.value || this.initialPickerDate}\n                firstDayOfWeek={this.firstDayOfWeek}\n                color={this.color || undefined}\n              ></nano-date-picker>\n            </div>\n          </nano-dropdown>\n          <input type=\"hidden\" value={this.value} name={this.name} />\n        </div>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/nano-components/p-0a29f13a.system.js

@@ -1,14 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(r,e){for(var t=0,n=e.length,a=r.length;t<n;t++,a++)r[a]=e[t];return r};System.register([],(function(r){"use strict";return{execute:function(){
-/**
-       * @license
-       * Copyright Google Inc. All Rights Reserved.
-       *
-       * Use of this source code is governed by an MIT-style license that can be
-       * found in the LICENSE file at https://angular.io/license
-       *
-       * This file is a port of shadowCSS from webcomponents.js to TypeScript.
-       * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
-       * 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-0a29f13a.system.js.map

package/dist/nano-components/p-0a29f13a.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/shadow-css.js"],"names":["safeSelector","selector","placeholders","index","content","replace","_","keep","replaceBy","push","pseudo","exp","ss","restoreSafeSelector","_polyfillHost","_polyfillSlotted","_polyfillHostContext","_parenSuffix","_cssColonHostRe","RegExp","_cssColonHostContextRe","_cssColonSlottedRe","_polyfillHostNoCombinator","_polyfillHostNoCombinatorRe","_shadowDOMSelectorsRe","_selectorReSuffix","_polyfillHostRe","_colonHostRe","_colonSlottedRe","_colonHostContextRe","_commentRe","stripComments","input","_commentWithHashRe","extractCommentsWithHash","match","_ruleRe","_curlyRe","OPEN_CURLY","CLOSE_CURLY","BLOCK_PLACEHOLDER","processRules","ruleCallback","inputWithEscapedBlocks","escapeBlocks","nextBlockIndex","escapedString","m","_i","arguments","length","suffix","contentPrefix","startsWith","blocks","substring","cssRule","rule","inputParts","split","resultParts","escapedBlocks","bracketCount","currentBlockParts","partIndex","part","join","strEscapedBlocks","insertPolyfillHostInCssText","convertColonRule","cssText","regExp","partReplacer","parts","r","i","p","trim","colonHostPartReplacer","host","convertColonHost","colonHostContextPartReplacer","indexOf","convertColonSlotted","slotScopeId","slotClass","selectors","compound","slottedSelector","prefixSelector","char","orgSelector","addedSelector","trimRight","updatedSelector","convertColonHostContext","convertShadowDOMSelectors","reduce","result","pattern","makeScopeMatcher","scopeSelector","lre","rre","selectorNeedsScoping","re","test","applySimpleSelectorScope","hostSelector","lastIndex","replaceBy_1","before","colon","after","applyStrictSelectorScope","isRe","className","_scopeSelectorPart","scopedP","t","matches","safeContent","scopedSelector","startIndex","res","sep","hasHost","shouldScope","exec","separator","part_1","slice","scopedPart","scopeSelectorText","slotSelector","map","shallowPart","scopeSelectors","commentOriginalSelector","scopeCssText","scopeId","hostScopeId","slotted","slottedSelectors","scopeCss","exports","commentsWithHash","orgSelectors","processCommentedSelector_1","placeholder","comment","scoped","__spreadArray","forEach","_a"],"mappings":"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","sourcesContent":["/*\n Stencil Client Platform v2.5.8 | MIT Licensed | https://stenciljs.com\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n *\n * This file is a port of shadowCSS from webcomponents.js to TypeScript.\n * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js\n * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts\n */\nconst safeSelector = (selector) => {\n    const placeholders = [];\n    let index = 0;\n    let content;\n    // Replaces attribute selectors with placeholders.\n    // The WS in [attr=\"va lue\"] would otherwise be interpreted as a selector separator.\n    selector = selector.replace(/(\\[[^\\]]*\\])/g, (_, keep) => {\n        const replaceBy = `__ph-${index}__`;\n        placeholders.push(keep);\n        index++;\n        return replaceBy;\n    });\n    // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.\n    // WS and \"+\" would otherwise be interpreted as selector separators.\n    content = selector.replace(/(:nth-[-\\w]+)(\\([^)]+\\))/g, (_, pseudo, exp) => {\n        const replaceBy = `__ph-${index}__`;\n        placeholders.push(exp);\n        index++;\n        return pseudo + replaceBy;\n    });\n    const ss = {\n        content,\n        placeholders,\n    };\n    return ss;\n};\nconst restoreSafeSelector = (placeholders, content) => {\n    return content.replace(/__ph-(\\d+)__/g, (_, index) => placeholders[+index]);\n};\nconst _polyfillHost = '-shadowcsshost';\nconst _polyfillSlotted = '-shadowcssslotted';\n// note: :host-context pre-processed to -shadowcsshostcontext.\nconst _polyfillHostContext = '-shadowcsscontext';\nconst _parenSuffix = ')(?:\\\\((' + '(?:\\\\([^)(]*\\\\)|[^)(]*)+?' + ')\\\\))?([^,{]*)';\nconst _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');\nconst _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');\nconst _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');\nconst _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';\nconst _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\\s]*)/;\nconst _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];\nconst _selectorReSuffix = '([>\\\\s~+[.,{:][\\\\s\\\\S]*)?$';\nconst _polyfillHostRe = /-shadowcsshost/gim;\nconst _colonHostRe = /:host/gim;\nconst _colonSlottedRe = /::slotted/gim;\nconst _colonHostContextRe = /:host-context/gim;\nconst _commentRe = /\\/\\*\\s*[\\s\\S]*?\\*\\//g;\nconst stripComments = (input) => {\n    return input.replace(_commentRe, '');\n};\nconst _commentWithHashRe = /\\/\\*\\s*#\\s*source(Mapping)?URL=[\\s\\S]+?\\*\\//g;\nconst extractCommentsWithHash = (input) => {\n    return input.match(_commentWithHashRe) || [];\n};\nconst _ruleRe = /(\\s*)([^;\\{\\}]+?)(\\s*)((?:{%BLOCK%}?\\s*;?)|(?:\\s*;))/g;\nconst _curlyRe = /([{}])/g;\nconst OPEN_CURLY = '{';\nconst CLOSE_CURLY = '}';\nconst BLOCK_PLACEHOLDER = '%BLOCK%';\nconst processRules = (input, ruleCallback) => {\n    const inputWithEscapedBlocks = escapeBlocks(input);\n    let nextBlockIndex = 0;\n    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {\n        const selector = m[2];\n        let content = '';\n        let suffix = m[4];\n        let contentPrefix = '';\n        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {\n            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];\n            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);\n            contentPrefix = '{';\n        }\n        const cssRule = {\n            selector,\n            content,\n        };\n        const rule = ruleCallback(cssRule);\n        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;\n    });\n};\nconst escapeBlocks = (input) => {\n    const inputParts = input.split(_curlyRe);\n    const resultParts = [];\n    const escapedBlocks = [];\n    let bracketCount = 0;\n    let currentBlockParts = [];\n    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {\n        const part = inputParts[partIndex];\n        if (part === CLOSE_CURLY) {\n            bracketCount--;\n        }\n        if (bracketCount > 0) {\n            currentBlockParts.push(part);\n        }\n        else {\n            if (currentBlockParts.length > 0) {\n                escapedBlocks.push(currentBlockParts.join(''));\n                resultParts.push(BLOCK_PLACEHOLDER);\n                currentBlockParts = [];\n            }\n            resultParts.push(part);\n        }\n        if (part === OPEN_CURLY) {\n            bracketCount++;\n        }\n    }\n    if (currentBlockParts.length > 0) {\n        escapedBlocks.push(currentBlockParts.join(''));\n        resultParts.push(BLOCK_PLACEHOLDER);\n    }\n    const strEscapedBlocks = {\n        escapedString: resultParts.join(''),\n        blocks: escapedBlocks,\n    };\n    return strEscapedBlocks;\n};\nconst insertPolyfillHostInCssText = (selector) => {\n    selector = selector\n        .replace(_colonHostContextRe, _polyfillHostContext)\n        .replace(_colonHostRe, _polyfillHost)\n        .replace(_colonSlottedRe, _polyfillSlotted);\n    return selector;\n};\nconst convertColonRule = (cssText, regExp, partReplacer) => {\n    // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule\n    return cssText.replace(regExp, (...m) => {\n        if (m[2]) {\n            const parts = m[2].split(',');\n            const r = [];\n            for (let i = 0; i < parts.length; i++) {\n                const p = parts[i].trim();\n                if (!p)\n                    break;\n                r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));\n            }\n            return r.join(',');\n        }\n        else {\n            return _polyfillHostNoCombinator + m[3];\n        }\n    });\n};\nconst colonHostPartReplacer = (host, part, suffix) => {\n    return host + part.replace(_polyfillHost, '') + suffix;\n};\nconst convertColonHost = (cssText) => {\n    return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);\n};\nconst colonHostContextPartReplacer = (host, part, suffix) => {\n    if (part.indexOf(_polyfillHost) > -1) {\n        return colonHostPartReplacer(host, part, suffix);\n    }\n    else {\n        return host + part + suffix + ', ' + part + ' ' + host + suffix;\n    }\n};\nconst convertColonSlotted = (cssText, slotScopeId) => {\n    const slotClass = '.' + slotScopeId + ' > ';\n    const selectors = [];\n    cssText = cssText.replace(_cssColonSlottedRe, (...m) => {\n        if (m[2]) {\n            const compound = m[2].trim();\n            const suffix = m[3];\n            const slottedSelector = slotClass + compound + suffix;\n            let prefixSelector = '';\n            for (let i = m[4] - 1; i >= 0; i--) {\n                const char = m[5][i];\n                if (char === '}' || char === ',') {\n                    break;\n                }\n                prefixSelector = char + prefixSelector;\n            }\n            const orgSelector = prefixSelector + slottedSelector;\n            const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;\n            if (orgSelector.trim() !== addedSelector.trim()) {\n                const updatedSelector = `${addedSelector}, ${orgSelector}`;\n                selectors.push({\n                    orgSelector,\n                    updatedSelector,\n                });\n            }\n            return slottedSelector;\n        }\n        else {\n            return _polyfillHostNoCombinator + m[3];\n        }\n    });\n    return {\n        selectors,\n        cssText,\n    };\n};\nconst convertColonHostContext = (cssText) => {\n    return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);\n};\nconst convertShadowDOMSelectors = (cssText) => {\n    return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);\n};\nconst makeScopeMatcher = (scopeSelector) => {\n    const lre = /\\[/g;\n    const rre = /\\]/g;\n    scopeSelector = scopeSelector.replace(lre, '\\\\[').replace(rre, '\\\\]');\n    return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');\n};\nconst selectorNeedsScoping = (selector, scopeSelector) => {\n    const re = makeScopeMatcher(scopeSelector);\n    return !re.test(selector);\n};\nconst applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {\n    // In Android browser, the lastIndex is not reset when the regex is used in String.replace()\n    _polyfillHostRe.lastIndex = 0;\n    if (_polyfillHostRe.test(selector)) {\n        const replaceBy = `.${hostSelector}`;\n        return selector\n            .replace(_polyfillHostNoCombinatorRe, (_, selector) => {\n            return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {\n                return before + replaceBy + colon + after;\n            });\n        })\n            .replace(_polyfillHostRe, replaceBy + ' ');\n    }\n    return scopeSelector + ' ' + selector;\n};\nconst applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {\n    const isRe = /\\[is=([^\\]]*)\\]/g;\n    scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);\n    const className = '.' + scopeSelector;\n    const _scopeSelectorPart = (p) => {\n        let scopedP = p.trim();\n        if (!scopedP) {\n            return '';\n        }\n        if (p.indexOf(_polyfillHostNoCombinator) > -1) {\n            scopedP = applySimpleSelectorScope(p, scopeSelector, hostSelector);\n        }\n        else {\n            // remove :host since it should be unnecessary\n            const t = p.replace(_polyfillHostRe, '');\n            if (t.length > 0) {\n                const matches = t.match(/([^:]*)(:*)(.*)/);\n                if (matches) {\n                    scopedP = matches[1] + className + matches[2] + matches[3];\n                }\n            }\n        }\n        return scopedP;\n    };\n    const safeContent = safeSelector(selector);\n    selector = safeContent.content;\n    let scopedSelector = '';\n    let startIndex = 0;\n    let res;\n    const sep = /( |>|\\+|~(?!=))\\s*/g;\n    // If a selector appears before :host it should not be shimmed as it\n    // matches on ancestor elements and not on elements in the host's shadow\n    // `:host-context(div)` is transformed to\n    // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`\n    // the `div` is not part of the component in the 2nd selectors and should not be scoped.\n    // Historically `component-tag:host` was matching the component so we also want to preserve\n    // this behavior to avoid breaking legacy apps (it should not match).\n    // The behavior should be:\n    // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)\n    // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a\n    //   `:host-context(tag)`)\n    const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;\n    // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present\n    let shouldScope = !hasHost;\n    while ((res = sep.exec(selector)) !== null) {\n        const separator = res[1];\n        const part = selector.slice(startIndex, res.index).trim();\n        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;\n        const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;\n        scopedSelector += `${scopedPart} ${separator} `;\n        startIndex = sep.lastIndex;\n    }\n    const part = selector.substring(startIndex);\n    shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;\n    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;\n    // replace the placeholders with their original values\n    return restoreSafeSelector(safeContent.placeholders, scopedSelector);\n};\nconst scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {\n    return selector\n        .split(',')\n        .map((shallowPart) => {\n        if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {\n            return shallowPart.trim();\n        }\n        if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {\n            return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();\n        }\n        else {\n            return shallowPart.trim();\n        }\n    })\n        .join(', ');\n};\nconst scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {\n    return processRules(cssText, (rule) => {\n        let selector = rule.selector;\n        let content = rule.content;\n        if (rule.selector[0] !== '@') {\n            selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);\n        }\n        else if (rule.selector.startsWith('@media') ||\n            rule.selector.startsWith('@supports') ||\n            rule.selector.startsWith('@page') ||\n            rule.selector.startsWith('@document')) {\n            content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);\n        }\n        const cssRule = {\n            selector: selector.replace(/\\s{2,}/g, ' ').trim(),\n            content,\n        };\n        return cssRule;\n    });\n};\nconst scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {\n    cssText = insertPolyfillHostInCssText(cssText);\n    cssText = convertColonHost(cssText);\n    cssText = convertColonHostContext(cssText);\n    const slotted = convertColonSlotted(cssText, slotScopeId);\n    cssText = slotted.cssText;\n    cssText = convertShadowDOMSelectors(cssText);\n    if (scopeId) {\n        cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);\n    }\n    cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);\n    cssText = cssText.replace(/>\\s*\\*\\s+([^{, ]+)/gm, ' $1 ');\n    return {\n        cssText: cssText.trim(),\n        slottedSelectors: slotted.selectors,\n    };\n};\nconst scopeCss = (cssText, scopeId, commentOriginalSelector) => {\n    const hostScopeId = scopeId + '-h';\n    const slotScopeId = scopeId + '-s';\n    const commentsWithHash = extractCommentsWithHash(cssText);\n    cssText = stripComments(cssText);\n    const orgSelectors = [];\n    if (commentOriginalSelector) {\n        const processCommentedSelector = (rule) => {\n            const placeholder = `/*!@___${orgSelectors.length}___*/`;\n            const comment = `/*!@${rule.selector}*/`;\n            orgSelectors.push({ placeholder, comment });\n            rule.selector = placeholder + rule.selector;\n            return rule;\n        };\n        cssText = processRules(cssText, (rule) => {\n            if (rule.selector[0] !== '@') {\n                return processCommentedSelector(rule);\n            }\n            else if (rule.selector.startsWith('@media') ||\n                rule.selector.startsWith('@supports') ||\n                rule.selector.startsWith('@page') ||\n                rule.selector.startsWith('@document')) {\n                rule.content = processRules(rule.content, processCommentedSelector);\n                return rule;\n            }\n            return rule;\n        });\n    }\n    const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);\n    cssText = [scoped.cssText, ...commentsWithHash].join('\\n');\n    if (commentOriginalSelector) {\n        orgSelectors.forEach(({ placeholder, comment }) => {\n            cssText = cssText.replace(placeholder, comment);\n        });\n    }\n    scoped.slottedSelectors.forEach((slottedSelector) => {\n        cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);\n    });\n    return cssText;\n};\n\nexport { scopeCss };\n"]}

package/dist/nano-components/p-0aacc77e.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{h(n.next(t))}catch(e){r(e)}}function o(t){try{h(n["throw"](t))}catch(e){r(e)}}function h(t){t.done?i(t.value):s(t.value).then(a,o)}h((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(e){return h([t,e])}}function h(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(o){a=[6,o];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-3b21dfce.system.js","./p-cb750e49.system.js","./p-8407e325.system.js","./p-8ca5cd33.system.js","./p-d4454d55.system.js","./p-aae1e5de.system.js"],(function(t){"use strict";var e,i,n,s,r,a,o,h;return{setters:[function(t){e=t.r;i=t.c;n=t.h;s=t.e;r=t.g},function(t){a=t.a},function(t){o=t.W},function(t){h=t.C},function(){},function(){}],execute:function(){var l="";var u=t("nano_algolia_input",function(){function t(t){var n=this;e(this,t);this.nanoSearchResult=i(this,"nanoSearchResult",7);this.nanoSearch=i(this,"nanoSearch",7);this.nanoSearchReset=i(this,"nanoSearchReset",7);this.searchStr="";this.algoliaIndex=null;this.appId="";this.apiKey="";this.searchIndex=null;this.minChars=2;this.autoEmit=true;this.browseIndex=false;this.storeMethod="session";this.handleFocus=function(){if(n.inputField)n.inputField.setFocus()}}t.prototype.search=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.emitResults();return[2]}))}))};t.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length)return;this.searchIndex={index:this.searchIndexName}};t.prototype.algoliaChange=function(){this.internalIndex=this.algoliaIndex};t.prototype.browseIndexChange=function(){if(this.browseIndex){this.searchStr="*";this.searchSubmit()}};t.prototype.initAlgoliaClient=function(){if(this.isNested||!this.appId||!this.apiKey)return;this.algoliaClient=a(this.appId,this.apiKey);if(this.searchIndex)this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index)};t.prototype.searchSubmit=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(s){switch(s.label){case 0:if(!this.internalIndex){console.error("No algolia index set");return[2]}if(t){if(t.target.tagName.toLowerCase()!=="nano-input")return[2];this.searchStr=t.detail.value}else{this.inputField=this.inputField||this.host.querySelector("nano-input");if(!this.inputField)return[2];this.searchStr=this.inputField.value}if(this.searchStr.length<this.minChars){if(this.browseIndex)this.searchStr="*";else{if(this.searchStr.length===0){this.nanoSearchResult.emit({results:[],client:{apiKey:this.appId,appId:this.appId}});return[2]}if(this.searchStr.length<this.minChars)return[2]}}e={};if(this.searchIndex.filters)e={facets:this.searchIndex.filters};n=this.fixDomain;return[4,this.internalIndex.search(this.searchStr,e)];case 1:i=n.apply(this,[s.sent()]);i.indexName=this.searchIndex.name;i.selected=true;i.domain=this.searchIndex.domain||null;i.index=this.searchIndex.index;this.currentResults=i;this.nanoSearch.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}});if(this.autoEmit)this.emitResults();return[2]}}))}))};t.prototype.emitResults=function(){this.nanoSearchResult.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}})};t.prototype.fixDomain=function(t){var e=this;if(!this.searchIndex.domain)return t;t.hits.map((function(t){if(t.url&&!t.url.match(/^http/))t.url=location.protocol+"//"+e.searchIndex.domain+t.url}));return t};t.prototype.connectedCallback=function(){var t=this;this.isNested=this.host.parentElement.tagName.toLowerCase()==="nano-algolia"&&this.host.hasAttribute("slot")&&this.host.getAttribute("slot")==="search-input";if(!this.isNested){this.host.addEventListener("openWormhole",(function(e){e.detail.onOpen.resolve();t.searchIndexNameChange();t.initAlgoliaClient()}))}};t.prototype.componentWillLoad=function(){this.inputField=this.host.querySelector("nano-input");if(this.storeId)h.init(this,["searchStr"],this.storeMethod,this.storeId)};t.prototype.render=function(){return n(s,{onFocus:this.handleFocus,tabindex:"-1"},n("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{searchIndexName:["searchIndexNameChange"],algoliaIndex:["algoliaChange"],browseIndex:["browseIndexChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaClient"]}},enumerable:false,configurable:true});return t}());o(u,["algoliaIndex","searchIndex","browseIndex"]);u.style=l}}}));
-//# sourceMappingURL=p-0aacc77e.system.entry.js.map

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

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

package/dist/nano-components/p-0ca6a885.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as i,h as t,e as o,g as n}from"./p-7a6bc3c5.js";let e=0,l=()=>new DataTransfer;try{l()}catch(r){try{l=()=>new ClipboardEvent("").clipboardData,l()}catch(d){l=null}}const s=class{constructor(o){a(this,o),this.nanoChange=i(this,"nanoChange",7),this.nanoFocus=i(this,"nanoFocus",7),this.nanoBlur=i(this,"nanoBlur",7),this.nanoValidate=i(this,"nanoValidate",7),this.fileInputId="nano-file-upload-"+e++,this.canChangeFileList=!!l,this.removeFiles=[],this.errorMessage=null,this.isDragging=!1,this.fileList=[],this.maxFileSize=1,this.maxFiles=1,this.placeholder="Choose a file...",this.hideLabel=!1,this.required=!1,this.disabled=!1,this.clearInput=!1,this.showInlineError=!0,this.validateOn="submit",this._invalid=!1,this.onClearClick=()=>{this.value=""},this.onBlur=()=>{this.hasFocus=!1,"dirty"===this.validateOn&&this.validate(),this.nanoBlur.emit()},this.onFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()},this.validate=a=>{let i;this.errorMessage=null,this.inputEl.setCustomValidity(""),"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this.inputEl.validity.valid?(this.fileList.forEach((a=>{i=null,this.checkFileSize(a.file.size)?this.checkFileType(a.file.type)||(i=`File type is not allowed (${this.accept})`):i="Maximum file size exceeded. Max file size is "+this.maxFileSize+"Mb",!this.errorMessage&&i&&(this.errorMessage=i),a.validationMessage=i,a.valid=!i})),this.fileList.length>this.maxFiles&&(this.errorMessage=`Maxinum number of files exceeded (${this.maxFiles})`)):this.showInlineError&&(this.errorMessage=this.inputEl.validationMessage),this.errorMessage?(this._invalid=!0,this.inputEl.setCustomValidity(this.errorMessage)):this._invalid=!1,this.nanoValidate.emit({isValid:!this._invalid,errorMessage:this.inputEl.validationMessage,originalEvent:a})},this.onInvalid=a=>{this.validate(a),this.showInlineError&&a.preventDefault()},this.onFileChoose=a=>{const i=a.target.files;i&&i.length&&this.addNewFiles(a.target.files)},this.onFileRemoveFileClick=(a,i)=>{this.canChangeFileList&&(this.removeFiles.push(i),a.target.closest(".file-upload__list-item--active").classList.remove("file-upload__list-item--active"))},this.onFileRemoveAnim=()=>{this.canChangeFileList&&this.removeFiles.length&&(this.fileList=this.fileList.filter((a=>!this.removeFiles.find((i=>i===a)))),this.removeFiles=[])},this.onInputChange=()=>{this.nanoChange.emit({value:this.value,files:this.files})},this.onDragStop=a=>{a.preventDefault(),a.stopPropagation(),this.isDragging=!1},this.onDragStart=a=>{a.preventDefault(),a.stopPropagation(),this.isDragging=!0},this.onDrop=a=>{this.onDragStop(a),a.dataTransfer.files&&a.dataTransfer.files.length&&this.addNewFiles(a.dataTransfer.files)},this.FileUploadInput=(a,i)=>{const o=this.fileInputId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.fileInputId+"-more":"";return[t("div",{class:"file-upload__"+a+"-wrap"},t("label",{class:"file-upload__"+a,htmlFor:this.fileInputId,id:o,onDrop:a=>{this.onDrop(a),this.onDragStop(a)},onDragEnd:this.onDragStop,onDragLeave:this.onDragStop,onDragEnter:this.onDragStart,onDragOver:this.onDragStart},t("div",{class:"file-upload__label "+(this.hideLabel||"drop"!==a?"visually-hide":"")},this.label&&this.label,!this.label&&this.hasLabelSlot&&t("slot",{name:"label"})),"drop"===a&&t("div",{class:"file-upload__drop-area"},"Drap and drop or ",t("span",null,"browse")),"btn"===a&&t("div",{class:"file-upload__button button--keyline button--icon-start "+(this.hasFocus?"button--focus":"")},t("div",{class:"file-upload__btn-content"},t("nano-icon",{name:"regular/cloud-upload"}),t("span",null,this.fileList.length?this.fileList[0].file.name:this.placeholder),!!this.value&&this.clearInput&&!this.disabled&&t("button",{type:"button",class:"icon file-upload__clear-btn",tabindex:"-1",onClick:this.onClearClick},t("nano-icon",{name:"light/times"})))),t("input",{"aria-labelledby":o+" "+n+" "+i,type:"file",id:this.fileInputId,accept:this.accept,class:"file-upload__input",multiple:this.maxFiles>1,disabled:this.disabled,name:this.canChangeFileList?void 0:this.name,ref:a=>{this.canChangeFileList?this.publicInputEl=a:this.inputEl=a},onChange:this.onFileChoose,onFocus:this.onFocus,onReset:this.onInputChange})),t("input",{name:this.canChangeFileList?this.name:void 0,ref:a=>{this.canChangeFileList&&(this.inputEl=a)},type:"file",id:this.fileInputId+"-hidden",tabIndex:-1,multiple:!0,class:"file-upload__input",disabled:this.disabled,required:this.required,accept:this.accept,onInvalid:this.onInvalid,onChange:this.onInputChange})),this.showInlineError||this.hasHelperSlot?t("div",{class:"file-upload__more",id:n},this.showInlineError?t("div",{class:"file-upload__error"},this.errorMessage):"",t("div",{class:"file-upload__help"},t("slot",{name:"helper"}))):""]},this.button=()=>this.FileUploadInput("btn"),this.dropArea=()=>{const a=this.fileInputId+"-list";return[this.FileUploadInput("drop",a),t("output",{class:"file-upload__list-wrap",id:a},!!this.fileList&&this.fileList.length>0&&t("ul",{class:"file-upload__list list"},this.fileList.map((a=>t("li",{key:a.file.name,class:"file-upload__list-item file-upload__list-item--active list-item",onAnimationEnd:()=>this.onFileRemoveAnim()},t("span",{class:"list-title"},a.file.name),!a.valid&&t("nano-tooltip",{content:a.validationMessage,placement:"left"},t("nano-icon-button",{class:"list-button list-error",iconName:"light/exclamation-triangle",label:"File error"})),this.canChangeFileList&&t("nano-icon-button",{class:"list-button",type:"button",iconName:"light/eye",label:"View file",target:"_blank",href:a.location}),this.canChangeFileList&&t("nano-icon-button",{onClick:i=>this.onFileRemoveFileClick(i,a),class:"list-button",iconName:"light/times",label:"Remove file"}))))))]}}fileListChange(){this.canChangeFileList&&(this.publicInputEl.value="",this.inputEl.files=this.arrToFileList(this.fileList.map((a=>a.file))),this.nanoChange.emit({value:this.value,files:this.files}))}shouldValidate(){this.inputEl&&setTimeout((()=>{"dirty"===this.validateOn&&this.validate()}),20)}get invalid(){return this._invalid}get files(){return this.inputEl?Array.from(this.inputEl.files).map((a=>({lastModified:a.lastModified,type:a.type,name:a.name,size:a.size,objectURL:URL.createObjectURL(a),arrayBuffer:a.arrayBuffer,slice:a.slice,stream:a.stream,text:a.text}))):[]}get value(){return this.inputEl?this.inputEl.value:""}set value(a){""===a&&this.inputEl&&(this.fileList=[],this.inputEl.value="")}async reportValidity(a){return a&&this.validate(),{isValid:!this.invalid,errorMessage:this.inputEl.validationMessage}}async setFocus(){this.inputEl&&this.inputEl.focus()}getInputElement(){return Promise.resolve(this.inputEl)}async showError(a){this.inputEl&&(this.inputEl.setCustomValidity(a),this.validate())}globalClickHandler(a){this.hasFocus&&a.composedPath().every((a=>a!==this.host))&&this.onBlur()}globalKeydownHandler(a){this.hasFocus&&"Tab"===a.key&&a.target!==this.inputEl&&this.onBlur()}arrToFileList(a){const i=l();for(var t=0,o=a.length;t<o;t++)i.items.add(a[t]);return i.files}checkFileSize(a){return a/1e6<=this.maxFileSize}checkFileType(a){return this.accept.match(a)&&this.accept.match(a).length>0}slotChangeObserver(){this.mo&&this.mo.disconnect(),(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.host,{childList:!0,subtree:!0})}processSlottedContent(){this.hasLabelSlot=!!this.host.querySelectorAll('[slot="label"]'),this.hasHelperSlot=!!this.host.querySelector('[slot="helper"]')}addNewFiles(a){const i=Array.from(a).map((a=>({file:a,location:URL.createObjectURL(a),valid:!0,validationMessage:null})));if(this.canChangeFileList&&this.maxFiles>1){const a=i.filter((a=>!this.fileList.find((i=>i.file.name===a.file.name))));this.fileList=[...this.fileList,...a]}else this.fileList=i}disconnectedCallback(){this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver()}componentWillLoad(){this.processSlottedContent()}render(){return t(o,null,t("div",{class:{"file-upload":!0,"file-upload--dragging":this.isDragging,"file-upload--focus":this.hasFocus,"file-upload--invalid":this._invalid}},t(this.maxFiles>1?this.dropArea:this.button,null)))}get host(){return n(this)}static get watchers(){return{fileList:["fileListChange","shouldValidate"],maxFiles:["shouldValidate"],maxFileSize:["shouldValidate"],capture:["shouldValidate"],accept:["shouldValidate"],required:["shouldValidate"],disabled:["shouldValidate"],validateOn:["shouldValidate"]}}};s.style='.sc-nano-file-upload-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-file-upload:export{screen:1000}.sc-nano-file-upload-h{min-height:1rem;display:block;--invalid-msg-color:var(--nano-color-danger, #ef4135);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #687576);--label-color:var(--nano-input-label-color, "currentColor");--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--label-padding:var(--nano-input-padding-bottom, var(--nano-input-padding, 8px));--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--drop-bg:#f2f7f9;--drop-text:#918B86;--drop-height:3.5em;--drop-border-tint:var(--nano-color-primary-rgb, 0, 132, 169);--drop-border-width:2px;--drop-border-radius:5px;--drop-bg--invalid:var(--nano-input-background-color, #fee8de);--drop-border--invalid:var(--nano-color-danger-rgb, 239, 65, 53);--btn-bg:var(--nano-color-primary, #0084a9);--btn-text:var(--nano-color-primary-contrast, #fff);--btn-icon-size:var(--nano-btn-icon-size, 1.4em);--btn-padding-top:var(--nano-btn-padding-top, .5em);--btn-padding-bottom:var(--nano-btn-padding-bottom, .5em);--btn-padding-start:var(--nano-btn-padding-start, 1em);--btn-padding-end:var(--nano-btn-padding-end, 1em)}[disabled].sc-nano-file-upload-h:not([disabled=false]){opacity:0.7}[disabled].sc-nano-file-upload-h:not([disabled=false]) *.sc-nano-file-upload{pointer-events:none !important}.file-upload__label.sc-nano-file-upload{font-size:var(--label-font-size);padding:0 0 var(--label-padding);margin:0;line-height:1}[invalid].sc-nano-file-upload-h:not([invalid=false]) .file-upload__label.sc-nano-file-upload{color:var(--label-color--invalid)}.file-upload__input.sc-nano-file-upload{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload,.file-upload__more.sc-nano-file-upload,.file-upload__label.sc-nano-file-upload{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-upload__more.sc-nano-file-upload{height:1em;margin-left:3px;margin-right:0;margin-top:calc(var(--label-padding) / 2);margin-bottom:var(--label-padding);position:relative}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.file-upload__more.sc-nano-file-upload{margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:0;margin-inline-end:0}}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload,.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:1}.file-upload__error.sc-nano-file-upload{color:var(--invalid-msg-color);font-stretch:condensed;opacity:0}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload{opacity:1}.file-upload__help.sc-nano-file-upload{font-style:italic;opacity:1;color:var(--help-msg-color)}.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:0}.file-upload__drop.sc-nano-file-upload{position:relative;width:100%;display:inline-block}.file-upload__drop-area.sc-nano-file-upload{background-color:var(--drop-bg);color:var(--drop-text);min-height:var(--drop-height);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;font-size:0.9em;position:relative;-webkit-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out;padding:0.5rem}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__drop-area.sc-nano-file-upload{opacity:0.7}.file-upload--invalid.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload{background-color:var(--drop-bg--invalid)}.file-upload--dragging.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload{background-color:#fff}.file-upload__drop-area.sc-nano-file-upload::after{content:"";position:absolute;border-radius:var(--drop-border-radius);border-width:var(--drop-border-width);border-color:rgba(var(--drop-border-tint), 0.5);border-style:dashed;top:0;bottom:0;left:0;right:0;-webkit-transition:top 0.1s ease-in-out, bottom 0.1s ease-in-out, left 0.1s ease-in-out, right 0.1s ease-in-out;transition:top 0.1s ease-in-out, bottom 0.1s ease-in-out, left 0.1s ease-in-out, right 0.1s ease-in-out}.file-upload--invalid.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{border-color:rgba(var(--drop-border--invalid), 1)}.file-upload--dragging.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{top:5px;bottom:5px;left:5px;right:5px}.file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{color:rgba(var(--drop-border-tint), 1);text-decoration:underline;border-radius:2px;z-index:1;cursor:pointer;position:relative}.file-upload--focus.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{-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)))}.file-upload__list.sc-nano-file-upload{list-style:none;margin:0;padding:0}.file-upload__list-wrap.sc-nano-file-upload{position:relative;top:-4px}.file-upload__list-item.sc-nano-file-upload{width:100%;margin:0 0 2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:hideListItem 0.3s ease-in-out forwards;animation:hideListItem 0.3s ease-in-out forwards}@-webkit-keyframes hideListItem{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes hideListItem{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}}.file-upload__list-item--active.sc-nano-file-upload{-webkit-animation:showListItem 0.3s ease-in-out forwards;animation:showListItem 0.3s ease-in-out forwards}@-webkit-keyframes showListItem{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showListItem{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateZ(0);transform:translateZ(0)}}.file-upload__list.sc-nano-file-upload .list-title.sc-nano-file-upload{background:white;border-radius:5px;padding:5px 5px;margin-right:2px;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.9em;color:var(--help-msg-color)}.file-upload__list.sc-nano-file-upload .list-button.sc-nano-file-upload{background:white;border-radius:5px;margin:2px}.file-upload__list.sc-nano-file-upload .list-error.sc-nano-file-upload{--color:rgba(var(--drop-border--invalid), 1)}.file-upload__button.sc-nano-file-upload{margin:0;padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;-webkit-transition:background-color 100ms ease-in-out, border-color 100ms ease-in-out, color 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out;transition:background-color 100ms ease-in-out, border-color 100ms ease-in-out, color 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out;transition:background-color 100ms ease-in-out, box-shadow 100ms ease-in-out, border-color 100ms ease-in-out, color 100ms ease-in-out;transition:background-color 100ms ease-in-out, box-shadow 100ms ease-in-out, border-color 100ms ease-in-out, color 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out;padding-left:var(--nano-btn-padding-start, 1rem);padding-right:var(--nano-btn-padding-end, 1rem);padding-top:var(--nano-btn-padding-top, 0.5rem);padding-bottom:var(--nano-btn-padding-bottom, 0.5rem);-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));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5rem);font-weight:500;cursor:pointer;background:rgba(0, 0, 0, 0.02);background-color:var(--btn-bg);color:var(--btn-text);--nano-btn-icon-size:var(--btn-icon-size);--nano-btn-line-height:var(--btn-icon-size);--nano-btn-padding-top:var(--btn-padding-top);--nano-btn-padding-bottom:var(--btn-padding-bottom);--nano-btn-padding-start:var(--btn-padding-start);--nano-btn-padding-end:var(--btn-padding-end);max-width:100%;font-size:0.9em}.file-upload__button.sc-nano-file-upload::-moz-focus-inner{border:0;padding:0}.file-upload__button.sc-nano-file-upload:hover,.file-upload__button.sc-nano-file-upload:focus{text-decoration:none;color:inherit}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.file-upload__button.sc-nano-file-upload{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-btn-padding-start, 1rem);padding-inline-start:var(--nano-btn-padding-start, 1rem);-webkit-padding-end:var(--nano-btn-padding-end, 1rem);padding-inline-end:var(--nano-btn-padding-end, 1rem)}}@media print{.file-upload__button.sc-nano-file-upload{display:none}}.file-upload__button.sc-nano-file-upload:focus,.file-upload__button.button--focus.sc-nano-file-upload{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)))}.file-upload__button.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:0.5rem;margin-right:0;font-size:var(--nano-btn-icon-size, 1rem);vertical-align:middle;margin-top:-0.188rem;display:inline-block}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.file-upload__button.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:unset;margin-right:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;-webkit-margin-end:0;margin-inline-end:0}}.file-upload__button.button--icon-start.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:0;margin-right:0.5rem}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.file-upload__button.button--icon-start.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}}.file-upload__button.sc-nano-file-upload:hover:not(.file-upload__button--disabled){-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))}.file-upload__button.sc-nano-file-upload:active:not(.button--disabled):not(:disabled){-webkit-box-shadow:none;box-shadow:none}.file-upload__button--disabled.sc-nano-file-upload,.file-upload__button.sc-nano-file-upload:disabled{opacity:0.6}.file-upload__button--disabled.sc-nano-file-upload:hover,.file-upload__button.sc-nano-file-upload:disabled:hover{cursor:default}.file-upload__button.sc-nano-file-upload:hover:not(.button--disabled):not(:disabled),.file-upload__button.button--active.sc-nano-file-upload{background-color:var(--nano-color-primary-shade, #007090);color:var(--btn-text)}.file-upload__button.sc-nano-file-upload:hover:not(.button--disabled):not(:disabled).button--keyline,.file-upload__button.button--active.button--keyline.sc-nano-file-upload{background-color:var(--btn-bg);color:var(--btn-text)}.file-upload__button.sc-nano-file-upload:focus{color:var(--btn-text)}.file-upload__button.button--keyline.sc-nano-file-upload{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:var(--btn-bg);border-color:var(--btn-bg)}.file-upload__button.button--keyline.sc-nano-file-upload:hover:not(.button--disabled):not(:disabled),.file-upload__button.button--keyline.sc-nano-file-upload:not(.button--focus),.file-upload__button.button--keyline.button--active.sc-nano-file-upload{-webkit-box-shadow:none;box-shadow:none}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__button.sc-nano-file-upload{opacity:0.4}.file-upload--dragging.sc-nano-file-upload .file-upload__button.sc-nano-file-upload{--nano-btn-border-style:dashed}.file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:inherit;padding:0;border:0;outline:none;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:auto;color:var(--clear-btn-color)}.is-invalid.sc-nano-file-upload-h .file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload{color:var(--clear-btn-color--invalid)}.file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:0.4rem;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload nano-icon.sc-nano-file-upload{margin-left:unset;margin-right:unset;-webkit-margin-start:0.4rem;margin-inline-start:0.4rem;-webkit-margin-end:0;margin-inline-end:0}}.file-upload__button.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-upload__button.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload span.sc-nano-file-upload{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}';export{s as nano_file_upload}
-//# sourceMappingURL=p-0ca6a885.entry.js.map

package/dist/nano-components/p-0ca6a885.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/file-upload/file-upload.tsx","src/components/file-upload/file-upload.scss?tag=nano-file-upload&encapsulation=scoped"],"names":["fileInputIds","getDataTransfer","DataTransfer","_a","ClipboardEvent","clipboardData","_b","FileUpload","[object Object]","hostRef","this","fileInputId","canChangeFileList","removeFiles","errorMessage","isDragging","fileList","maxFileSize","maxFiles","placeholder","hideLabel","required","disabled","clearInput","showInlineError","validateOn","_invalid","onClearClick","value","onBlur","hasFocus","validate","nanoBlur","emit","onFocus","nanoFocus","ev","error","inputEl","setCustomValidity","validity","valid","forEach","fileItem","checkFileSize","file","size","checkFileType","type","accept","validationMessage","length","nanoValidate","isValid","originalEvent","onInvalid","preventDefault","onFileChoose","e","files","target","addNewFiles","onFileRemoveFileClick","push","closest","classList","remove","onFileRemoveAnim","filter","find","rmFile","onInputChange","nanoChange","onDragStop","stopPropagation","onDragStart","onDrop","dataTransfer","FileUploadInput","eleType","listId","labelId","moreId","hasHelperSlot","h","class","htmlFor","id","onDragEnd","onDragLeave","onDragEnter","onDragOver","label","hasLabelSlot","name","tabindex","onClick","aria-labelledby","multiple","undefined","ref","input","publicInputEl","onChange","onReset","tabIndex","button","dropArea","map","key","onAnimationEnd","_","content","placement","iconName","href","location","arrToFileList","setTimeout","invalid","Array","from","lastModified","objectURL","URL","createObjectURL","arrayBuffer","slice","stream","text","val","validateFirst","focus","Promise","resolve","message","composedPath","every","node","host","i","len","items","add","match","mo","disconnect","MutationObserver","processSlottedContent","observe","childList","subtree","querySelectorAll","querySelector","newFiles","findFile","slotChangeObserver","Host","file-upload","file-upload--dragging","file-upload--focus","file-upload--invalid"],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, ComponentInterface, State, Event, EventEmitter, Watch, VNode, Method, Listen } from '@stencil/core';\nimport { ControlValidity, ControlValidityEventDetail, FileInputChangeEventDetail } from '../../interface';\n\nlet fileInputIds = 0;\n\nlet getDataTransfer = () => new DataTransfer();\ntry { getDataTransfer(); }\ncatch {\n  try {\n    getDataTransfer = () => new ClipboardEvent('').clipboardData;\n    getDataTransfer();\n  } catch { getDataTransfer = null; }\n}\n\ninterface FileValidation {\n  file: File;\n  valid: boolean;\n  validationMessage?: string;\n  location?: string;\n}\n/**\n * A better UI experience for `input type=\"file\"` form controls.\n *\n *   - Drag and Drop\n *   - Validation options\n *   - Preview and manage multiple files\n */\n@Component({\n  tag: 'nano-file-upload',\n  styleUrl: 'file-upload.scss',\n  scoped: true\n})\nexport class FileUpload implements ComponentInterface {\n  private inputEl: HTMLInputElement;\n  private publicInputEl: HTMLInputElement;\n  private mo!: MutationObserver;\n  private fileInputId = `nano-file-upload-${fileInputIds++}`;\n  private canChangeFileList = !!getDataTransfer;\n  private removeFiles: FileValidation[] = [];\n\n  @State() hasHelperSlot: boolean;\n  @State() hasLabelSlot: boolean;\n  @State() errorMessage: string = null;\n  @State() isDragging = false;\n  @State() fileList: FileValidation[] = [];\n  @Watch('fileList')\n  fileListChange() {\n    if (this.canChangeFileList) {\n      this.publicInputEl.value = '';\n      this.inputEl.files = this.arrToFileList(this.fileList.map(file => file.file));\n      this.nanoChange.emit({value: this.value, files: this.files})\n    }\n  }\n  @State() hasFocus: boolean;\n\n  @Element() host: HTMLElement;\n\n  // public props\n\n  /** Name of the form control. Submitted with the form as part of a name/value pair. */\n  @Prop() name!: string;\n\n  /** The accept attribute value is a string that defines the file types the file input should accept.\n   * E.g. for a MS Word file: `.doc, .docx,application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document` */\n  @Prop() accept?: string;\n\n  /** Specifies which camera to use for capture of image or video data. `user` for the user-facing camera and/or microphone.\n   * `environment` specifies the the outward-facing camera and/or microphone. If the requested facing mode isn't available,\n   * the user agent may fall back to its preferred default mode. */\n  @Prop() capture?: 'user' | 'environment';\n\n  /** The maximum file size allowed per file (Megabytes) */\n  @Prop() maxFileSize: number = 1;\n\n  /** The maximum file size allowed per file (bytes).  */\n  @Prop() maxFiles: number = 1;\n\n  /** String to place within a label element. */\n  @Prop() label!: string;\n\n  /** Placeholder only used within single file uploads. */\n  @Prop() placeholder: string = 'Choose a file...';\n\n  /** Visually hide the label - but make it accessible. */\n  @Prop() hideLabel?: boolean = false;\n\n  /** If `true`, the user must select a file to upload before submitting a form. */\n  @Prop() required = false;\n\n  /** If `true`, the user cannot interact with the select. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** If `true`, a clear icon will appear in the input when there is a value.\n   * Clicking it clears the input. Only used within single file uploads. */\n  @Prop() clearInput = false;\n\n  /** Whether to show validation errors underneath input */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /** When should the field perform validation */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' = 'submit';\n\n  @Watch('maxFiles')\n  @Watch('maxFileSize')\n  @Watch('capture')\n  @Watch('accept')\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('validateOn')\n  @Watch('fileList')\n  protected shouldValidate() {\n    if (!this.inputEl) return;\n    setTimeout(() => {\n      if (this.validateOn === 'dirty') this.validate();\n    }, 20);\n  }\n\n  @State() _invalid = false;\n  /** This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly */\n  @Prop({reflect: true})\n  get invalid() {\n    return this._invalid;\n  }\n\n  /** A File array that lists every selected file.\n   * Has an added `objectURL` property returning a `DOMString`\n   * containing an object URL that can be used to reference the contents of the specified source\n   * This list has no more than one member unless the multiple attribute is specified. @readonly */\n  @Prop()\n  get files() {\n    File\n    return this.inputEl ? Array.from(this.inputEl.files).map(file => {\n      return {\n        lastModified: file.lastModified,\n        type: file.type,\n        name: file.name,\n        size: file.size,\n        objectURL: URL.createObjectURL(file),\n        arrayBuffer: file.arrayBuffer,\n        slice: file.slice,\n        stream: file.stream,\n        text: file.text,\n      }\n    }) : [];\n  }\n\n  /** A file input's value attribute contains a DOMString that represents the path to the selected file(s).\n   * If the user selected multiple files, the value represents the first file in the list of files they selected.\n   * You can reset the file-upload control by setting the value to an emptry string e.g. `var input.value = ''` */\n  @Prop()\n  get value() {\n    return this.inputEl ? this.inputEl.value : '';\n  }\n  set value(val: string) {\n    if (val === '' && this.inputEl) {\n      this.fileList = [];\n      this.inputEl.value = '';\n    }\n  }\n\n  // Events\n\n  /** Emitted when the value has changed. */\n  @Event() nanoChange!: EventEmitter<FileInputChangeEventDetail>;\n\n  /** Emited when the checkbox is focused */\n  @Event() nanoFocus: EventEmitter;\n\n  /** Emited when the checkbox is blurred */\n  @Event() nanoBlur: EventEmitter;\n\n  /** Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`. */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // Public methods\n\n  /** Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }` */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    if (validateFirst) this.validate();\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.inputEl.validationMessage\n    }\n  }\n\n  /** Sets focus on the specified `nano-input`. Use this method instead of the global\n   * `input.focus()`. */\n  @Method()\n  async setFocus() {\n    if (this.inputEl) this.inputEl.focus();\n  }\n\n  /** Returns the native `<input>` element used under the hood */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return Promise.resolve(this.inputEl!);\n  }\n\n  /** Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   * @param message */\n  @Method()\n  async showError(message: string) {\n    if (this.inputEl) {\n      this.inputEl.setCustomValidity(message);\n      this.validate();\n    }\n  }\n\n  // Listeners\n\n  @Listen('click', {target: 'window'})\n  globalClickHandler(e: Event){\n    if (!this.hasFocus) return;\n    if(e.composedPath().every((node) => node !== this.host)) this.onBlur();\n  }\n\n  @Listen('keydown', {target: 'window'})\n  globalKeydownHandler(e: KeyboardEvent){\n    if (!this.hasFocus || e.key !== 'Tab') return;\n    if(e.target !== this.inputEl) this.onBlur();\n  }\n\n  // Private methods\n\n  private onClearClick = () => {\n    this.value = '';\n  }\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    if (this.validateOn === 'dirty') this.validate();\n    this.nanoBlur.emit();\n  }\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  }\n\n  private arrToFileList (files: File[]): FileList {\n    const fileList = getDataTransfer()\n    for (var i = 0, len = files.length; i<len; i++) fileList.items.add(files[i])\n    return fileList.files\n  }\n\n  private checkFileSize(size: number): boolean {\n    return (size / 1000000) <= this.maxFileSize;\n  }\n\n  private checkFileType(type: string): boolean {\n    return this.accept.match(type) && this.accept.match(type).length > 0;\n  }\n\n  private validate = (ev?: Event) => {\n    this.errorMessage = null;\n    this.inputEl.setCustomValidity('');\n    let error: string;\n\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    if (!this.inputEl.validity.valid) {\n      if (this.showInlineError) this.errorMessage = this.inputEl.validationMessage;\n    } else {\n      this.fileList.forEach(fileItem => {\n        error = null;\n        if (!this.checkFileSize(fileItem.file.size)) {\n          error = 'Maximum file size exceeded. Max file size is ' + this.maxFileSize + 'Mb';\n        } else if (!this.checkFileType(fileItem.file.type)) error = `File type is not allowed (${this.accept})`;\n\n        if (!this.errorMessage && error) this.errorMessage = error;\n        fileItem.validationMessage = error;\n        fileItem.valid = !error;\n      })\n      if (this.fileList.length > this.maxFiles) this.errorMessage = `Maxinum number of files exceeded (${this.maxFiles})`;\n    }\n\n    if (!!this.errorMessage) {\n      this._invalid = true;\n      this.inputEl.setCustomValidity(this.errorMessage);\n    } else {\n      this._invalid = false;\n    }\n\n    this.nanoValidate.emit({ isValid: !this._invalid, errorMessage: this.inputEl.validationMessage, originalEvent: ev });\n  }\n\n  private slotChangeObserver() {\n    if (this.mo) this.mo.disconnect();\n    const mo = this.mo = new MutationObserver(() => this.processSlottedContent())\n    mo.observe(this.host, { childList: true, subtree: true })\n  }\n\n  private processSlottedContent() {\n    // see if we have slot content\n    this.hasLabelSlot = !!this.host.querySelectorAll('[slot=\"label\"]');\n    this.hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n  }\n\n  private addNewFiles(files: FileList) {\n    const fileList: FileValidation[] = Array.from(files).map(file => {\n      return {\n        file: file,\n        location: URL.createObjectURL(file),\n        valid: true,\n        validationMessage: null\n      }\n    });\n\n    // if we have a list and we're in a browser that can amend files\n    // append files to the list, otherwise replace\n    if (this.canChangeFileList && this.maxFiles > 1) {\n      const newFiles = fileList.filter(findFile => !this.fileList.find(file => file.file.name === findFile.file.name));\n      this.fileList = [...this.fileList, ...newFiles];\n    } else this.fileList = fileList;\n  }\n\n  // event handlers & hooks\n\n  private onInvalid = (ev: Event) => {\n    this.validate(ev);\n    if (this.showInlineError) ev.preventDefault();\n  }\n\n  private onFileChoose = (e: Event) => {\n    const files = (e.target as HTMLInputElement).files;\n    if (files && files.length) this.addNewFiles((e.target as HTMLInputElement).files);\n  }\n\n  private onFileRemoveFileClick = (e: Event, file: FileValidation) => {\n    if (!this.canChangeFileList) return;\n    this.removeFiles.push(file);\n\n    (e.target as HTMLElement)\n      .closest('.file-upload__list-item--active')\n      .classList.remove('file-upload__list-item--active');\n  }\n\n  private onFileRemoveAnim = () => {\n    if (!this.canChangeFileList || !this.removeFiles.length) return;\n    this.fileList = this.fileList.filter(fileItem => !this.removeFiles.find(rmFile => rmFile === fileItem));\n    this.removeFiles = [];\n  }\n\n  private onInputChange = () => {\n    this.nanoChange.emit({value: this.value, files: this.files})\n  }\n\n  private onDragStop = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = false;\n  }\n\n  private onDragStart = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = true;\n  }\n\n  private onDrop = (e: DragEvent) => {\n    this.onDragStop(e);\n    if (e.dataTransfer.files && e.dataTransfer.files.length) this.addNewFiles(e.dataTransfer.files);\n  }\n\n  // Component lifecycle\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  private FileUploadInput = (eleType: 'drop' | 'btn', listId?: string): VNode[] => {\n    const labelId = this.fileInputId + '-lbl';\n    const moreId = this.showInlineError || this.hasHelperSlot ? this.fileInputId + '-more' : '';\n\n    return [<div class={'file-upload__' + eleType + '-wrap'}>\n      <label\n        class={`file-upload__` + eleType}\n        htmlFor={this.fileInputId}\n        id={labelId}\n        onDrop={e => {\n          this.onDrop(e);\n          this.onDragStop(e);\n        }}\n        onDragEnd={this.onDragStop}\n        onDragLeave={this.onDragStop}\n        onDragEnter={this.onDragStart}\n        onDragOver={this.onDragStart}\n      >\n        <div class={`file-upload__label ${this.hideLabel || (eleType !== 'drop') ? 'visually-hide' : ''}`}>\n          {(this.label) && this.label}\n          {(!this.label && this.hasLabelSlot) && <slot name=\"label\" />}\n        </div>\n        {(eleType === 'drop') &&\n          <div class=\"file-upload__drop-area\">\n            Drap and drop or&nbsp;<span>browse</span>\n          </div>\n        }\n        {(eleType === 'btn') &&\n          <div class={`file-upload__button button--keyline button--icon-start ${this.hasFocus ? 'button--focus' : ''}`}>\n            <div class={`file-upload__btn-content`}>\n              <nano-icon name=\"regular/cloud-upload\"/>\n              <span>{(!!this.fileList.length)  ? this.fileList[0].file.name : this.placeholder}</span>\n              {(!!this.value && this.clearInput && !this.disabled) &&\n                <button\n                  type=\"button\"\n                  class=\"icon file-upload__clear-btn\"\n                  tabindex=\"-1\"\n                  onClick={this.onClearClick}\n                ><nano-icon name=\"light/times\"></nano-icon></button>\n              }\n            </div>\n          </div>\n        }\n        <input\n          aria-labelledby={labelId + ' ' + moreId + ' ' + listId}\n          type=\"file\"\n          id={this.fileInputId}\n          accept={this.accept}\n          class=\"file-upload__input\"\n          multiple={this.maxFiles > 1}\n          disabled={this.disabled}\n          name={this.canChangeFileList ? undefined : this.name}\n          ref={input => {\n            if (this.canChangeFileList) {\n              this.publicInputEl = input;\n              return;\n            } this.inputEl = input;\n          }}\n          onChange={this.onFileChoose}\n          onFocus={this.onFocus}\n          onReset={this.onInputChange}\n        />\n      </label>\n      <input\n        name={!this.canChangeFileList ? undefined : this.name}\n        ref={input => {\n          if (!this.canChangeFileList) return;\n          this.inputEl = input;\n        }}\n        type=\"file\"\n        id={this.fileInputId+'-hidden'}\n        tabIndex={-1}\n        multiple={true}\n        class=\"file-upload__input\"\n        disabled={this.disabled}\n        required={this.required}\n        accept={this.accept}\n        onInvalid={this.onInvalid}\n        onChange={this.onInputChange}\n      />\n    </div>,\n    this.showInlineError || this.hasHelperSlot ? <div class=\"file-upload__more\" id={moreId}>\n        {(this.showInlineError ? <div class=\"file-upload__error\">{this.errorMessage}</div> : '' )}\n        <div class=\"file-upload__help\">\n          <slot name=\"helper\" />\n        </div>\n      </div>\n    : '']\n  }\n\n  private button = (): VNode[] => {\n    return this.FileUploadInput('btn');\n  }\n\n  private dropArea = (): VNode[] => {\n    const listId = this.fileInputId + '-list';\n    return [\n      this.FileUploadInput('drop', listId),\n      <output class=\"file-upload__list-wrap\" id={listId}>\n        {(!!this.fileList && this.fileList.length > 0) &&\n          <ul class=\"file-upload__list list\">\n            {this.fileList.map((file) => {\n              return (\n                <li\n                  key={file.file.name}\n                  class=\"file-upload__list-item file-upload__list-item--active list-item\"\n                  onAnimationEnd={_ => this.onFileRemoveAnim()}\n                >\n                  <span class=\"list-title\">{file.file.name}</span>\n                  {(!file.valid) &&\n                    <nano-tooltip content={file.validationMessage} placement=\"left\">\n                      <nano-icon-button class=\"list-button list-error\" iconName=\"light/exclamation-triangle\" label=\"File error\" />\n                    </nano-tooltip>\n                  }\n                  {(this.canChangeFileList) && <nano-icon-button class=\"list-button\" type=\"button\" iconName=\"light/eye\" label=\"View file\" target=\"_blank\" href={file.location} /> }\n                  {(this.canChangeFileList) && <nano-icon-button onClick={e => this.onFileRemoveFileClick(e, file)} class=\"list-button\" iconName=\"light/times\" label=\"Remove file\" /> }\n                </li>\n              )\n            })}\n          </ul>\n        }\n      </output>\n    ]\n  }\n\n  render() {\n    return <Host>\n      <div class={{\n        'file-upload': true,\n        'file-upload--dragging': this.isDragging,\n        'file-upload--focus': this.hasFocus,\n        'file-upload--invalid': this._invalid,\n      }}>\n        {(this.maxFiles > 1) ? <this.dropArea /> : <this.button />}\n      </div>\n    </Host>\n  }\n}\n","\n@import \"../../global/style/utilities/globals\";\n@import \"../../global/style/nano-theme/form\";\n@import \"../../global/style/nano-theme/base\";\n@import \"../../global/style/nano-theme/button\";\n\n:host {\n  /**\n   * @prop --invalid-msg-color: Default value #{nano-color(danger, base)};\n   * @prop --invalid-msg-font-size: Default value #{$input-help-font-size};\n\n   * @prop --help-msg-color: Default value #{$input-help-color};\n\n   * @prop --label-color: Default value #{$label-color};\n   * @prop --label-color--invalid: Default value #{$label-color-invalid};\n   * @prop --label-font-size: Default value #{$label-font-size};\n   * @prop --label-padding: Default value #{$input-padding-bottom};\n   * @prop --label-color--invalid: Default value #{$label-color-invalid};\n\n   * @prop --drop-bg: Default value #{$color-blue--faded};\n   * @prop --drop-text: Default value #{$color-dimgrey};\n   * @prop --drop-height: Default value 3.5em;\n   * @prop --drop-border-tint: Default value #{nano-color(primary, base, null, true)};\n   * @prop --drop-border-width: Default value 2px;\n   * @prop --drop-border-radius: Default value 5px;\n   * @prop --drop-bg--invalid: Default value #{$input-background-color--invalid};\n   * @prop --drop-border--invalid: Default value #{nano-color(danger, base, null, true)};\n\n   * @prop --btn-bg: Default value #{nano-color(primary, base)};\n   * @prop --btn-text: Default value #{nano-color(primary, contrast)};\n   * @prop --btn-icon-size: Default value var(--nano-btn-icon-size, 1.4em);\n   * @prop --btn-padding-top: Default value var(--nano-btn-padding-top, .5em);\n   * @prop --btn-padding-bottom: Default value var(--nano-btn-padding-bottom, .5em);\n   * @prop --btn-padding-start: Default value var(--nano-btn-padding-start, 1em);\n   * @prop --btn-padding-end: Default value var(--nano-btn-padding-end, 1em);\n   */\n\n  min-height: 1rem;\n  display: block;\n\n  --invalid-msg-color: #{nano-color(danger, base)};\n  --invalid-msg-font-size: #{$input-help-font-size};\n\n  --help-msg-color: #{$input-help-color};\n\n  --label-color: #{$label-color};\n  --label-color--invalid: #{$label-color-invalid};\n  --label-font-size: #{$label-font-size};\n  --label-padding: #{$input-padding-bottom};\n  --label-color--invalid: #{$label-color-invalid};\n\n  --drop-bg: #{$color-blue--faded};\n  --drop-text: #{$color-dimgrey};\n  --drop-height: 3.5em;\n  --drop-border-tint: #{nano-color(primary, base, null, true)};\n  --drop-border-width: 2px;\n  --drop-border-radius: 5px;\n  --drop-bg--invalid: #{$input-background-color--invalid};\n  --drop-border--invalid: #{nano-color(danger, base, null, true)};\n\n  --btn-bg: #{nano-color(primary, base)};\n  --btn-text: #{nano-color(primary, contrast)};\n  --btn-icon-size: var(--nano-btn-icon-size, 1.4em);\n  --btn-padding-top: var(--nano-btn-padding-top, .5em);\n  --btn-padding-bottom: var(--nano-btn-padding-bottom, .5em);\n  --btn-padding-start: var(--nano-btn-padding-start, 1em);\n  --btn-padding-end: var(--nano-btn-padding-end, 1em);\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: .7;\n  * {\n    pointer-events: none !important;\n  }\n}\n\n.file-upload {\n  $self: &;\n\n  /* Common */\n\n  &__label {\n    font-size: var(--label-font-size);\n    padding: 0 0 var(--label-padding);\n    margin: 0;\n    line-height: 1;\n\n    :host([invalid]:not([invalid=\"false\"])) & {\n      color: var(--label-color--invalid);\n    }\n  }\n  &__input {\n    @include visually-hide();\n  }\n  &__error, &__help, &__more, &__label {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  &__more {\n    height: 1em;\n    @include margin(calc(var(--label-padding) / 2), 0, var(--label-padding), 3px);\n    position: relative;\n  }\n  &__error, &__help {\n    top: 0;\n    left: 0;\n    position: absolute;\n    font-size: var(--invalid-msg-font-size);\n    line-height: 1.2;\n    transition: 0.3s ease-out opacity;\n\n    .file-upload--invalid & {\n      opacity: 1;\n    }\n  }\n  &__error {\n    color: var(--invalid-msg-color);\n    font-stretch: condensed;\n    opacity: 0;\n\n    .file-upload--invalid & {\n      opacity: 1;\n    }\n  }\n  &__help {\n    font-style: italic;\n    opacity: 1;\n    color: var(--help-msg-color);\n\n    .file-upload--invalid & {\n      opacity: 0;\n    }\n  }\n\n  /* Drop area / Multi file upload */\n\n  &__drop {\n    position: relative;\n    width: 100%;\n    display: inline-block;\n  }\n\n  &__drop-area {\n    background-color: var(--drop-bg);\n    color: var(--drop-text);\n    min-height: var(--drop-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: .9em;\n    position: relative;\n    transition: background-color .15s ease-in-out;\n    padding: .5rem;\n\n    :host([disabled]:not([disabled=\"false\"])) & {\n      opacity: .7;\n    }\n\n    .file-upload--invalid & {\n      background-color: var(--drop-bg--invalid);\n    }\n    .file-upload--dragging & {\n      background-color: #{$color-white};\n    }\n\n    &::after {\n      content: '';\n      position: absolute;\n      border-radius: var(--drop-border-radius);\n      border-width: var(--drop-border-width);\n      border-color: rgba(var(--drop-border-tint), .5);\n      border-style: dashed;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      transition: top .1s ease-in-out, bottom .1s ease-in-out, left .1s ease-in-out, right .1s ease-in-out;\n\n      .file-upload--invalid & {\n        border-color: rgba(var(--drop-border--invalid), 1);\n      }\n      .file-upload--dragging & {\n        top: 5px;\n        bottom: 5px;\n        left: 5px;\n        right: 5px;\n      }\n    }\n    span {\n      color: rgba(var(--drop-border-tint), 1);\n      text-decoration: underline;\n      border-radius: 2px;\n      z-index: 1;\n      cursor: pointer;\n      position: relative;\n\n      .file-upload--focus & {\n        box-shadow: #{$control-focus-style};\n      }\n    }\n  }\n\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    &-wrap {\n      position: relative;\n      top: -4px;\n    }\n    &-item {\n      width: 100%;\n      margin: 0 0 2px;\n      display: flex;\n      align-items: center;\n      transform: translateZ(0);\n      animation: hideListItem .3s ease-in-out forwards;\n\n      @keyframes hideListItem {\n        0% {\n          opacity: 1;\n          transform: translateY(0);\n          transform: translateZ(0);\n        }\n        100% {\n          opacity: 0;\n          transform: translateY(10px);\n          transform: translateZ(0);\n        }\n      }\n\n      &--active {\n        animation: showListItem .3s ease-in-out forwards;\n\n        @keyframes showListItem {\n          0% {\n            opacity: 0;\n            transform: translateY(10px);\n            transform: translateZ(0);\n          }\n          100% {\n            opacity: 1;\n            transform: translateY(0);\n            transform: translateZ(0);\n          }\n        }\n      }\n    }\n    .list-title {\n      background: white;\n      border-radius: 5px;\n      padding: 5px 5px;\n      margin-right: 2px;\n      display: block;\n      width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      font-size: .9em;\n      color: var(--help-msg-color);\n    }\n    .list-button {\n      background: white;\n      border-radius: 5px;\n      margin: 2px;\n    }\n    .list-error {\n      --color: rgba(var(--drop-border--invalid), 1);\n    }\n  }\n\n  /* Button display / Single file upload */\n\n  &__button {\n    @include button-base;\n    @include button-standard(var(--btn-bg), var(--btn-text), #{nano-color(primary, shade)});\n    --nano-btn-icon-size: var(--btn-icon-size);\n    --nano-btn-line-height: var(--btn-icon-size);\n    --nano-btn-padding-top: var(--btn-padding-top);\n    --nano-btn-padding-bottom: var(--btn-padding-bottom);;\n    --nano-btn-padding-start: var(--btn-padding-start);\n    --nano-btn-padding-end: var(--btn-padding-end);\n    max-width: 100%;\n    font-size: .9em;\n\n    :host([disabled]:not([disabled=\"false\"])) & {\n      opacity: .4;\n    }\n    .file-upload--dragging & {\n      --nano-btn-border-style: dashed;\n    }\n    #{$self}__clear-btn {\n      @include margin(0);\n      font-size: inherit;\n      padding: 0;\n      border: 0;\n      outline: none;\n      background-color: transparent;\n      display: flex;\n      align-items: stretch;\n      width: auto;\n      color: var(--clear-btn-color);\n\n      :host(.is-invalid) & {\n        color: var(--clear-btn-color--invalid);\n      }\n\n      nano-icon {\n        @include margin(0, 0, 0, .4rem);\n      }\n    }\n    #{$self}__btn-content {\n      display: flex;\n      align-items: center;\n\n      span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        min-width: 0;\n      }\n    }\n  }\n}\n"]}

package/dist/nano-components/p-111ac41e.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(e){"use strict";return{execute:function(){var t="top";var r="bottom";var n="right";var i="left";var o="auto";var a=[t,r,n,i];var s="start";var f="end";var p="clippingParents";var c="viewport";var u="popper";var v="reference";var l=a.reduce((function(e,t){return e.concat([t+"-"+s,t+"-"+f])}),[]);var d=[].concat(a,[o]).reduce((function(e,t){return e.concat([t,t+"-"+s,t+"-"+f])}),[]);var h="beforeRead";var m="read";var g="afterRead";var y="beforeMain";var b="main";var w="afterMain";var x="beforeWrite";var O="write";var E="afterWrite";var j=[h,m,g,y,b,w,x,O,E];function L(e){return e?(e.nodeName||"").toLowerCase():null}function D(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function k(e){var t=D(e).Element;return e instanceof t||e instanceof Element}function A(e){var t=D(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function T(e){if(typeof ShadowRoot==="undefined"){return false}var t=D(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function M(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var i=t.elements[e];if(!A(i)||!L(i)){return}Object.assign(i.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){i.removeAttribute(e)}else{i.setAttribute(e,t===true?"":t)}}))}))}function P(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var i=t.attributes[e]||{};var o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var a=o.reduce((function(e,t){e[t]="";return e}),{});if(!A(n)||!L(n)){return}Object.assign(n.style,a);Object.keys(i).forEach((function(e){n.removeAttribute(e)}))}))}}var W={name:"applyStyles",enabled:true,phase:"write",fn:M,effect:P,requires:["computeStyles"]};function C(e){return e.split("-")[0]}var H=Math.round;function B(e,t){if(t===void 0){t=false}var r=e.getBoundingClientRect();var n=1;var i=1;if(A(e)&&t){var o=e.offsetHeight;var a=e.offsetWidth;if(a>0){n=r.width/a||1}if(o>0){i=r.height/o||1}}return{width:H(r.width/n),height:H(r.height/i),top:H(r.top/i),right:H(r.right/n),bottom:H(r.bottom/i),left:H(r.left/n),x:H(r.left/n),y:H(r.top/i)}}function R(e){var t=B(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function S(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&T(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function q(e){return D(e).getComputedStyle(e)}function V(e){return["table","td","th"].indexOf(L(e))>=0}function N(e){return((k(e)?e.ownerDocument:e.document)||window.document).documentElement}function F(e){if(L(e)==="html"){return e}return e.assignedSlot||e.parentNode||(T(e)?e.host:null)||N(e)}function I(e){if(!A(e)||q(e).position==="fixed"){return null}return e.offsetParent}function U(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1;var r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&A(e)){var n=q(e);if(n.position==="fixed"){return null}}var i=F(e);while(A(i)&&["html","body"].indexOf(L(i))<0){var o=q(i);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||t&&o.willChange==="filter"||t&&o.filter&&o.filter!=="none"){return i}else{i=i.parentNode}}return null}function z(e){var t=D(e);var r=I(e);while(r&&V(r)&&q(r).position==="static"){r=I(r)}if(r&&(L(r)==="html"||L(r)==="body"&&q(r).position==="static")){return t}return r||U(e)||t}function _(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}var X=Math.max;var Y=Math.min;var G=Math.round;function J(e,t,r){return X(e,Y(t,r))}function K(){return{top:0,right:0,bottom:0,left:0}}function Q(e){return Object.assign({},K(),e)}function Z(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var $=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return Q(typeof t!=="number"?t:Z(t,a))};function ee(e){var o;var a=e.state,s=e.name,f=e.options;var p=a.elements.arrow;var c=a.modifiersData.popperOffsets;var u=C(a.placement);var v=_(u);var l=[i,n].indexOf(u)>=0;var d=l?"height":"width";if(!p||!c){return}var h=$(f.padding,a);var m=R(p);var g=v==="y"?t:i;var y=v==="y"?r:n;var b=a.rects.reference[d]+a.rects.reference[v]-c[v]-a.rects.popper[d];var w=c[v]-a.rects.reference[v];var x=z(p);var O=x?v==="y"?x.clientHeight||0:x.clientWidth||0:0;var E=b/2-w/2;var j=h[g];var L=O-m[d]-h[y];var D=O/2-m[d]/2+E;var k=J(j,D,L);var A=v;a.modifiersData[s]=(o={},o[A]=k,o.centerOffset=k-D,o)}function te(e){var t=e.state,r=e.options;var n=r.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=t.elements.popper.querySelector(i);if(!i){return}}if(!S(t.elements.popper,i)){return}t.elements.arrow=i}var re={name:"arrow",enabled:true,phase:"main",fn:ee,effect:te,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var ne={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ie(e){var t=e.x,r=e.y;var n=window;var i=n.devicePixelRatio||1;return{x:G(G(t*i)/i)||0,y:G(G(r*i)/i)||0}}function oe(e){var o;var a=e.popper,s=e.popperRect,f=e.placement,p=e.offsets,c=e.position,u=e.gpuAcceleration,v=e.adaptive,l=e.roundOffsets;var d=l===true?ie(p):typeof l==="function"?l(p):p,h=d.x,m=h===void 0?0:h,g=d.y,y=g===void 0?0:g;var b=p.hasOwnProperty("x");var w=p.hasOwnProperty("y");var x=i;var O=t;var E=window;if(v){var j=z(a);var L="clientHeight";var k="clientWidth";if(j===D(a)){j=N(a);if(q(j).position!=="static"){L="scrollHeight";k="scrollWidth"}}j=j;if(f===t){O=r;y-=j[L]-s.height;y*=u?1:-1}if(f===i){x=n;m-=j[k]-s.width;m*=u?1:-1}}var A=Object.assign({position:c},v&&ne);if(u){var T;return Object.assign({},A,(T={},T[O]=w?"0":"",T[x]=b?"0":"",T.transform=(E.devicePixelRatio||1)<2?"translate("+m+"px, "+y+"px)":"translate3d("+m+"px, "+y+"px, 0)",T))}return Object.assign({},A,(o={},o[O]=w?y+"px":"",o[x]=b?m+"px":"",o.transform="",o))}function ae(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,i=n===void 0?true:n,o=r.adaptive,a=o===void 0?true:o,s=r.roundOffsets,f=s===void 0?true:s;var p={placement:C(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,oe(Object.assign({},p,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:f})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,oe(Object.assign({},p,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:f})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var se={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:ae,data:{}};var fe={passive:true};function pe(e){var t=e.state,r=e.instance,n=e.options;var i=n.scroll,o=i===void 0?true:i,a=n.resize,s=a===void 0?true:a;var f=D(t.elements.popper);var p=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(o){p.forEach((function(e){e.addEventListener("scroll",r.update,fe)}))}if(s){f.addEventListener("resize",r.update,fe)}return function(){if(o){p.forEach((function(e){e.removeEventListener("scroll",r.update,fe)}))}if(s){f.removeEventListener("resize",r.update,fe)}}}var ce={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:pe,data:{}};var ue={left:"right",right:"left",bottom:"top",top:"bottom"};function ve(e){return e.replace(/left|right|bottom|top/g,(function(e){return ue[e]}))}var le={start:"end",end:"start"};function de(e){return e.replace(/start|end/g,(function(e){return le[e]}))}function he(e){var t=D(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function me(e){return B(N(e)).left+he(e).scrollLeft}function ge(e){var t=D(e);var r=N(e);var n=t.visualViewport;var i=r.clientWidth;var o=r.clientHeight;var a=0;var s=0;if(n){i=n.width;o=n.height;if(!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){a=n.offsetLeft;s=n.offsetTop}}return{width:i,height:o,x:a+me(e),y:s}}function ye(e){var t;var r=N(e);var n=he(e);var i=(t=e.ownerDocument)==null?void 0:t.body;var o=X(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var a=X(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var s=-n.scrollLeft+me(e);var f=-n.scrollTop;if(q(i||r).direction==="rtl"){s+=X(r.clientWidth,i?i.clientWidth:0)-o}return{width:o,height:a,x:s,y:f}}function be(e){var t=q(e),r=t.overflow,n=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+n)}function we(e){if(["html","body","#document"].indexOf(L(e))>=0){return e.ownerDocument.body}if(A(e)&&be(e)){return e}return we(F(e))}function xe(e,t){var r;if(t===void 0){t=[]}var n=we(e);var i=n===((r=e.ownerDocument)==null?void 0:r.body);var o=D(n);var a=i?[o].concat(o.visualViewport||[],be(n)?n:[]):n;var s=t.concat(a);return i?s:s.concat(xe(F(a)))}function Oe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ee(e){var t=B(e);t.top=t.top+e.clientTop;t.left=t.left+e.clientLeft;t.bottom=t.top+e.clientHeight;t.right=t.left+e.clientWidth;t.width=e.clientWidth;t.height=e.clientHeight;t.x=t.left;t.y=t.top;return t}function je(e,t){return t===c?Oe(ge(e)):A(t)?Ee(t):Oe(ye(N(e)))}function Le(e){var t=xe(F(e));var r=["absolute","fixed"].indexOf(q(e).position)>=0;var n=r&&A(e)?z(e):e;if(!k(n)){return[]}return t.filter((function(e){return k(e)&&S(e,n)&&L(e)!=="body"}))}function De(e,t,r){var n=t==="clippingParents"?Le(e):[].concat(t);var i=[].concat(n,[r]);var o=i[0];var a=i.reduce((function(t,r){var n=je(e,r);t.top=X(n.top,t.top);t.right=Y(n.right,t.right);t.bottom=Y(n.bottom,t.bottom);t.left=X(n.left,t.left);return t}),je(e,o));a.width=a.right-a.left;a.height=a.bottom-a.top;a.x=a.left;a.y=a.top;return a}function ke(e){return e.split("-")[1]}function Ae(e){var o=e.reference,a=e.element,p=e.placement;var c=p?C(p):null;var u=p?ke(p):null;var v=o.x+o.width/2-a.width/2;var l=o.y+o.height/2-a.height/2;var d;switch(c){case t:d={x:v,y:o.y-a.height};break;case r:d={x:v,y:o.y+o.height};break;case n:d={x:o.x+o.width,y:l};break;case i:d={x:o.x-a.width,y:l};break;default:d={x:o.x,y:o.y}}var h=c?_(c):null;if(h!=null){var m=h==="y"?"height":"width";switch(u){case s:d[h]=d[h]-(o[m]/2-a[m]/2);break;case f:d[h]=d[h]+(o[m]/2-a[m]/2);break}}return d}function Te(e,i){if(i===void 0){i={}}var o=i,s=o.placement,f=s===void 0?e.placement:s,l=o.boundary,d=l===void 0?p:l,h=o.rootBoundary,m=h===void 0?c:h,g=o.elementContext,y=g===void 0?u:g,b=o.altBoundary,w=b===void 0?false:b,x=o.padding,O=x===void 0?0:x;var E=Q(typeof O!=="number"?O:Z(O,a));var j=y===u?v:u;var L=e.rects.popper;var D=e.elements[w?j:y];var A=De(k(D)?D:D.contextElement||N(e.elements.popper),d,m);var T=B(e.elements.reference);var M=Ae({reference:T,element:L,strategy:"absolute",placement:f});var P=Oe(Object.assign({},L,M));var W=y===u?P:T;var C={top:A.top-W.top+E.top,bottom:W.bottom-A.bottom+E.bottom,left:A.left-W.left+E.left,right:W.right-A.right+E.right};var H=e.modifiersData.offset;if(y===u&&H){var R=H[f];Object.keys(C).forEach((function(e){var i=[n,r].indexOf(e)>=0?1:-1;var o=[t,r].indexOf(e)>=0?"y":"x";C[e]+=R[o]*i}))}return C}function Me(e,t){if(t===void 0){t={}}var r=t,n=r.placement,i=r.boundary,o=r.rootBoundary,s=r.padding,f=r.flipVariations,p=r.allowedAutoPlacements,c=p===void 0?d:p;var u=ke(n);var v=u?f?l:l.filter((function(e){return ke(e)===u})):a;var h=v.filter((function(e){return c.indexOf(e)>=0}));if(h.length===0){h=v}var m=h.reduce((function(t,r){t[r]=Te(e,{placement:r,boundary:i,rootBoundary:o,padding:s})[C(r)];return t}),{});return Object.keys(m).sort((function(e,t){return m[e]-m[t]}))}function Pe(e){if(C(e)===o){return[]}var t=ve(e);return[de(e),t,de(t)]}function We(e){var a=e.state,f=e.options,p=e.name;if(a.modifiersData[p]._skip){return}var c=f.mainAxis,u=c===void 0?true:c,v=f.altAxis,l=v===void 0?true:v,d=f.fallbackPlacements,h=f.padding,m=f.boundary,g=f.rootBoundary,y=f.altBoundary,b=f.flipVariations,w=b===void 0?true:b,x=f.allowedAutoPlacements;var O=a.options.placement;var E=C(O);var j=E===O;var L=d||(j||!w?[ve(O)]:Pe(O));var D=[O].concat(L).reduce((function(e,t){return e.concat(C(t)===o?Me(a,{placement:t,boundary:m,rootBoundary:g,padding:h,flipVariations:w,allowedAutoPlacements:x}):t)}),[]);var k=a.rects.reference;var A=a.rects.popper;var T=new Map;var M=true;var P=D[0];for(var W=0;W<D.length;W++){var H=D[W];var B=C(H);var R=ke(H)===s;var S=[t,r].indexOf(B)>=0;var q=S?"width":"height";var V=Te(a,{placement:H,boundary:m,rootBoundary:g,altBoundary:y,padding:h});var N=S?R?n:i:R?r:t;if(k[q]>A[q]){N=ve(N)}var F=ve(N);var I=[];if(u){I.push(V[B]<=0)}if(l){I.push(V[N]<=0,V[F]<=0)}if(I.every((function(e){return e}))){P=H;M=false;break}T.set(H,I)}if(M){var U=w?3:1;var z=function e(t){var r=D.find((function(e){var r=T.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){P=r;return"break"}};for(var _=U;_>0;_--){var X=z(_);if(X==="break")break}}if(a.placement!==P){a.modifiersData[p]._skip=true;a.placement=P;a.reset=true}}var Ce={name:"flip",enabled:true,phase:"main",fn:We,requiresIfExists:["offset"],data:{_skip:false}};function He(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Be(e){return[t,n,r,i].some((function(t){return e[t]>=0}))}function Re(e){var t=e.state,r=e.name;var n=t.rects.reference;var i=t.rects.popper;var o=t.modifiersData.preventOverflow;var a=Te(t,{elementContext:"reference"});var s=Te(t,{altBoundary:true});var f=He(a,n);var p=He(s,i,o);var c=Be(f);var u=Be(p);t.modifiersData[r]={referenceClippingOffsets:f,popperEscapeOffsets:p,isReferenceHidden:c,hasPopperEscaped:u};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}var Se={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Re};function qe(e,r,o){var a=C(e);var s=[i,t].indexOf(a)>=0?-1:1;var f=typeof o==="function"?o(Object.assign({},r,{placement:e})):o,p=f[0],c=f[1];p=p||0;c=(c||0)*s;return[i,n].indexOf(a)>=0?{x:c,y:p}:{x:p,y:c}}function Ve(e){var t=e.state,r=e.options,n=e.name;var i=r.offset,o=i===void 0?[0,0]:i;var a=d.reduce((function(e,r){e[r]=qe(r,t.rects,o);return e}),{});var s=a[t.placement],f=s.x,p=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=f;t.modifiersData.popperOffsets.y+=p}t.modifiersData[n]=a}var Ne={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Ve};function Fe(e){var t=e.state,r=e.name;t.modifiersData[r]=Ae({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var Ie={name:"popperOffsets",enabled:true,phase:"read",fn:Fe,data:{}};function Ue(e){return e==="x"?"y":"x"}function ze(e){var o=e.state,a=e.options,f=e.name;var p=a.mainAxis,c=p===void 0?true:p,u=a.altAxis,v=u===void 0?false:u,l=a.boundary,d=a.rootBoundary,h=a.altBoundary,m=a.padding,g=a.tether,y=g===void 0?true:g,b=a.tetherOffset,w=b===void 0?0:b;var x=Te(o,{boundary:l,rootBoundary:d,padding:m,altBoundary:h});var O=C(o.placement);var E=ke(o.placement);var j=!E;var L=_(O);var D=Ue(L);var k=o.modifiersData.popperOffsets;var A=o.rects.reference;var T=o.rects.popper;var M=typeof w==="function"?w(Object.assign({},o.rects,{placement:o.placement})):w;var P={x:0,y:0};if(!k){return}if(c||v){var W=L==="y"?t:i;var H=L==="y"?r:n;var B=L==="y"?"height":"width";var S=k[L];var q=k[L]+x[W];var V=k[L]-x[H];var N=y?-T[B]/2:0;var F=E===s?A[B]:T[B];var I=E===s?-T[B]:-A[B];var U=o.elements.arrow;var G=y&&U?R(U):{width:0,height:0};var Q=o.modifiersData["arrow#persistent"]?o.modifiersData["arrow#persistent"].padding:K();var Z=Q[W];var $=Q[H];var ee=J(0,A[B],G[B]);var te=j?A[B]/2-N-ee-Z-M:F-ee-Z-M;var re=j?-A[B]/2+N+ee+$+M:I+ee+$+M;var ne=o.elements.arrow&&z(o.elements.arrow);var ie=ne?L==="y"?ne.clientTop||0:ne.clientLeft||0:0;var oe=o.modifiersData.offset?o.modifiersData.offset[o.placement][L]:0;var ae=k[L]+te-oe-ie;var se=k[L]+re-oe;if(c){var fe=J(y?Y(q,ae):q,S,y?X(V,se):V);k[L]=fe;P[L]=fe-S}if(v){var pe=L==="x"?t:i;var ce=L==="x"?r:n;var ue=k[D];var ve=ue+x[pe];var le=ue-x[ce];var de=J(y?Y(ve,ae):ve,ue,y?X(le,se):le);k[D]=de;P[D]=de-ue}}o.modifiersData[f]=P}var _e={name:"preventOverflow",enabled:true,phase:"main",fn:ze,requiresIfExists:["offset"]};function Xe(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Ye(e){if(e===D(e)||!A(e)){return he(e)}else{return Xe(e)}}function Ge(e){var t=e.getBoundingClientRect();var r=t.width/e.offsetWidth||1;var n=t.height/e.offsetHeight||1;return r!==1||n!==1}function Je(e,t,r){if(r===void 0){r=false}var n=A(t);var i=A(t)&&Ge(t);var o=N(t);var a=B(e,i);var s={scrollLeft:0,scrollTop:0};var f={x:0,y:0};if(n||!n&&!r){if(L(t)!=="body"||be(o)){s=Ye(t)}if(A(t)){f=B(t,true);f.x+=t.clientLeft;f.y+=t.clientTop}else if(o){f.x=me(o)}}return{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function Ke(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function i(e){r.add(e.name);var o=[].concat(e.requires||[],e.requiresIfExists||[]);o.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){i(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){i(e)}}));return n}function Qe(e){var t=Ke(e);return j.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function Ze(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function $e(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var et={placement:"bottom",modifiers:[],strategy:"absolute"};function tt(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function rt(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,i=t.defaultOptions,o=i===void 0?et:i;return function e(t,r,i){if(i===void 0){i=o}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},et,o),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var f=false;var p={state:a,setOptions:function e(i){var s=typeof i==="function"?i(a.options):i;u();a.options=Object.assign({},o,a.options,s);a.scrollParents={reference:k(t)?xe(t):t.contextElement?xe(t.contextElement):[],popper:xe(r)};var f=Qe($e([].concat(n,a.options.modifiers)));a.orderedModifiers=f.filter((function(e){return e.enabled}));c();return p.update()},forceUpdate:function e(){if(f){return}var t=a.elements,r=t.reference,n=t.popper;if(!tt(r,n)){return}a.rects={reference:Je(r,z(n),a.options.strategy==="fixed"),popper:R(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var i=0;i<a.orderedModifiers.length;i++){if(a.reset===true){a.reset=false;i=-1;continue}var o=a.orderedModifiers[i],s=o.fn,c=o.options,u=c===void 0?{}:c,v=o.name;if(typeof s==="function"){a=s({state:a,options:u,name:v,instance:p})||a}}},update:Ze((function(){return new Promise((function(e){p.forceUpdate();e(a)}))})),destroy:function e(){u();f=true}};if(!tt(t,r)){return p}p.setOptions(i).then((function(e){if(!f&&i.onFirstUpdate){i.onFirstUpdate(e)}}));function c(){a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,i=e.effect;if(typeof i==="function"){var o=i({state:a,name:t,instance:p,options:n});var f=function e(){};s.push(o||f)}}))}function u(){s.forEach((function(e){return e()}));s=[]}return p}}var nt=[ce,Ie,se,W,Ne,Ce,_e,re,Se];var it=rt({defaultModifiers:nt});var ot=function(){function e(e,t,r){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=e;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:function(){},onAfterHide:function(){},onTransitionEnd:function(){}},r);this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.popover.addEventListener("transitionend",this.handleTransitionEnd)}e.prototype.handleTransitionEnd=function(e){var t=e.target;if(t===this.options.transitionElement){this.options.onTransitionEnd.call(this,e);if(this.isVisible===false&&!this.popover.hidden){this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.options.onAfterHide.call(this)}}};e.prototype.destroy=function(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=null}};e.prototype.show=function(){var e=this;this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((function(){return e.popover.classList.add(e.options.visibleClass)}));if(this.popper){this.popper.destroy()}this.popper=it(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:[this.options.skidding,this.options.distance]}}]});this.popover.addEventListener("transitionend",(function(){return e.options.onAfterShow.call(e)}),{once:true});requestAnimationFrame((function(){return e.popper.update()}))};e.prototype.hide=function(){this.isVisible=false;this.popover.classList.remove(this.options.visibleClass)};e.prototype.setOptions=function(e){var t=this;this.options=Object.assign(this.options,e);this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);if(this.popper){this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy});requestAnimationFrame((function(){return t.popper.update()}))}};return e}();e("P",ot)}}}));
-//# sourceMappingURL=p-111ac41e.system.js.map