@nanoporetech-digital/components 1.13.17 → 1.13.21

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/file-upload/file-upload.scss?tag=nano-file-upload&encapsulation=scoped","src/components/file-upload/file-upload.tsx"],"names":["fileUploadCss","fileInputIds","getDataTransfer","DataTransfer","_a","ClipboardEvent","clipboardData","_b","FileUpload","exports","class_1","hostRef","_this","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","inputEl","setCustomValidity","error","validity","valid","validationMessage","forEach","fileItem","checkFileSize","file","size","checkFileType","type","accept","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","prototype","fileListChange","arrToFileList","shouldValidate","setTimeout","Object","defineProperty","Array","from","lastModified","objectURL","URL","createObjectURL","arrayBuffer","slice","stream","text","val","reportValidity","validateFirst","invalid","setFocus","focus","getInputElement","Promise","resolve","showError","message","globalClickHandler","composedPath","every","node","host","globalKeydownHandler","i","len","items","add","match","slotChangeObserver","mo","disconnect","MutationObserver","processSlottedContent","observe","childList","subtree","querySelectorAll","querySelector","newFiles","findFile","__spreadArray","disconnectedCallback","componentDidLoad","componentWillLoad","render","Host","file-upload","file-upload--dragging","file-upload--focus","file-upload--invalid"],"mappings":"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","sourcesContent":["@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  --help-msg-color: #{$input-help-color};\n  --label-color: #{$label-color};\n  --label-font-size: #{$label-font-size};\n  --label-padding: #{$input-padding-bottom};\n  --label-color--invalid: #{$label-color-invalid};\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  --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, 0.5em);\n  --btn-padding-bottom: var(--nano-btn-padding-bottom, 0.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: 0.7;\n\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\n  &__input {\n    @include visually-hide();\n  }\n\n  &__error,\n  &__help,\n  &__more,\n  &__label {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__more {\n    height: 1em;\n\n    @include margin(\n      calc(var(--label-padding) / 2),\n      0,\n      var(--label-padding),\n      3px\n    );\n\n    position: relative;\n  }\n\n  &__error,\n  &__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\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\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: 0.9em;\n    position: relative;\n    transition: background-color 0.15s ease-in-out;\n    padding: 0.5rem;\n\n    :host([disabled]:not([disabled='false'])) & {\n      opacity: 0.7;\n    }\n\n    .file-upload--invalid & {\n      background-color: var(--drop-bg--invalid);\n    }\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), 0.5);\n      border-style: dashed;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      transition:\n        top 0.1s ease-in-out,\n        bottom 0.1s ease-in-out,\n        left 0.1s ease-in-out,\n        right 0.1s ease-in-out;\n\n      .file-upload--invalid & {\n        border-color: rgba(var(--drop-border--invalid), 1);\n      }\n\n      .file-upload--dragging & {\n        top: 5px;\n        bottom: 5px;\n        left: 5px;\n        right: 5px;\n      }\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\n    &-item {\n      width: 100%;\n      margin: 0 0 2px;\n      display: flex;\n      align-items: center;\n      transform: translateZ(0);\n      animation: hideListItem 0.3s ease-in-out forwards;\n\n      @keyframes hideListItem {\n        0% {\n          opacity: 1;\n          transform: translateY(0);\n          transform: translateZ(0);\n        }\n\n        100% {\n          opacity: 0;\n          transform: translateY(10px);\n          transform: translateZ(0);\n        }\n      }\n\n      &--active {\n        animation: showListItem 0.3s ease-in-out forwards;\n\n        @keyframes showListItem {\n          0% {\n            opacity: 0;\n            transform: translateY(10px);\n            transform: translateZ(0);\n          }\n\n          100% {\n            opacity: 1;\n            transform: translateY(0);\n            transform: translateZ(0);\n          }\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: 0.9em;\n      color: var(--help-msg-color);\n    }\n\n    .list-button {\n      background: white;\n      border-radius: 5px;\n      margin: 2px;\n    }\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(\n      var(--btn-bg),\n      var(--btn-text),\n      #{nano-color(primary, shade)}\n    );\n\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\n    max-width: 100%;\n    font-size: 0.9em;\n\n    :host([disabled]:not([disabled='false'])) & {\n      opacity: 0.4;\n    }\n\n    .file-upload--dragging & {\n      --nano-btn-border-style: dashed;\n    }\n    #{$self}__clear-btn {\n      @include margin(0);\n\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, 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","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Element,\n  ComponentInterface,\n  State,\n  Event,\n  EventEmitter,\n  Watch,\n  VNode,\n  Method,\n  Listen,\n} from '@stencil/core';\nimport {\n  ControlValidity,\n  ControlValidityEventDetail,\n  FileInputChangeEventDetail,\n} from '../../interface';\n\nlet fileInputIds = 0;\n\nlet getDataTransfer = () => new DataTransfer();\ntry {\n  getDataTransfer();\n} catch {\n  try {\n    getDataTransfer = () => new ClipboardEvent('').clipboardData;\n    getDataTransfer();\n  } catch {\n    getDataTransfer = null;\n  }\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(\n        this.fileList.map((file) => file.file)\n      );\n      this.nanoChange.emit({ value: this.value, files: this.files });\n    }\n  }\n  @State() hasFocus: boolean;\n\n  @Element() host: HTMLNanoFileUploadElement;\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' =\n    '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\n      ? 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\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++)\n      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)\n        this.errorMessage = this.inputEl.validationMessage;\n    } else {\n      this.fileList.forEach((fileItem) => {\n        error = null;\n        if (!this.checkFileSize(fileItem.file.size)) {\n          error =\n            'Maximum file size exceeded. Max file size is ' +\n            this.maxFileSize +\n            'Mb';\n        } else if (!this.checkFileType(fileItem.file.type))\n          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)\n        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({\n      isValid: !this._invalid,\n      errorMessage: this.inputEl.validationMessage,\n      originalEvent: ev,\n    });\n  };\n\n  private slotChangeObserver() {\n    if (this.mo) this.mo.disconnect();\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.host, { childList: true, 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(\n        (findFile) =>\n          !this.fileList.find((file) => file.file.name === findFile.file.name)\n      );\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)\n      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(\n      (fileItem) => !this.removeFiles.find((rmFile) => rmFile === fileItem)\n    );\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)\n      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 = (\n    eleType: 'drop' | 'btn',\n    listId?: string\n  ): VNode[] => {\n    const labelId = this.fileInputId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot\n        ? this.fileInputId + '-more'\n        : '';\n\n    return [\n      <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\n            class={`file-upload__label ${\n              this.hideLabel || eleType !== 'drop' ? 'visually-hide' : ''\n            }`}\n          >\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\n              class={`file-upload__button button--keyline button--icon-start ${\n                this.hasFocus ? 'button--focus' : ''\n              }`}\n            >\n              <div class={`file-upload__btn-content`}>\n                <nano-icon name=\"regular/cloud-upload\" />\n                <span>\n                  {!!this.fileList.length\n                    ? this.fileList[0].file.name\n                    : this.placeholder}\n                </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                  >\n                    <nano-icon name=\"light/times\"></nano-icon>\n                  </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              }\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 ? (\n        <div class=\"file-upload__more\" id={moreId}>\n          {this.showInlineError ? (\n            <div class=\"file-upload__error\">{this.errorMessage}</div>\n          ) : (\n            ''\n          )}\n          <div class=\"file-upload__help\">\n            <slot name=\"helper\" />\n          </div>\n        </div>\n      ) : (\n        ''\n      ),\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\n                      content={file.validationMessage}\n                      placement=\"left\"\n                    >\n                      <nano-icon-button\n                        class=\"list-button list-error\"\n                        iconName=\"light/exclamation-triangle\"\n                        label=\"File error\"\n                      />\n                    </nano-tooltip>\n                  )}\n                  {this.canChangeFileList && (\n                    <nano-icon-button\n                      class=\"list-button\"\n                      type=\"button\"\n                      iconName=\"light/eye\"\n                      label=\"View file\"\n                      target=\"_blank\"\n                      href={file.location}\n                    />\n                  )}\n                  {this.canChangeFileList && (\n                    <nano-icon-button\n                      onClick={(e) => this.onFileRemoveFileClick(e, file)}\n                      class=\"list-button\"\n                      iconName=\"light/times\"\n                      label=\"Remove file\"\n                    />\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </output>,\n    ];\n  };\n\n  render() {\n    return (\n      <Host>\n        <div\n          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        >\n          {this.maxFiles > 1 ? <this.dropArea /> : <this.button />}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-461c539f.system.entry.js

@@ -0,0 +1,2 @@
+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-2d59dda3.system.js","./p-cb750e49.system.js","./p-e886b71e.system.js","./p-d7eb8c22.system.js","./p-d4454d55.system.js","./p-22b50344.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=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(l,["algoliaIndex","searchIndex","browseIndex"])}}}));
+//# sourceMappingURL=p-461c539f.system.entry.js.map

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

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

package/dist/nano-components/p-4739c706.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,a,o,n){function e(t){return t instanceof o?t:new o((function(a){a(t)}))}return new(o||(o=Promise))((function(o,r){function i(t){try{l(n.next(t))}catch(a){r(a)}}function s(t){try{l(n["throw"](t))}catch(a){r(a)}}function l(t){t.done?o(t.value):e(t.value).then(i,s)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(a){return l([t,a])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(o)try{if(n=1,e&&(r=i[0]&2?e["return"]:i[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,i[1])).done)return r;if(e=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:o.label++;return{value:i[1],done:false};case 5:o.label++;e=i[1];i=[0];continue;case 7:i=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){o=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){o.label=i[1];break}if(i[0]===6&&o.label<r[1]){o.label=r[1];r=i;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(i);break}if(r[2])o.ops.pop();o.trys.pop();continue}i=a.call(t,o)}catch(s){i=[6,s];e=0}finally{n=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-2d59dda3.system.js","./p-12a93bc3.system.js","./p-f00d0c25.system.js","./p-b346b2cb.system.js","./p-89a5c54a.system.js","./p-d7eb8c22.system.js","./p-3d1c1c19.system.js","./p-a057ad2d.system.js","./p-d4454d55.system.js","./p-22b50344.system.js"],(function(t){"use strict";var a,o,n,e,r,i,s,l,c,b,d,u;return{setters:[function(t){a=t.r;o=t.c;n=t.h;e=t.e;r=t.g},function(t){i=t.i},function(t){s=t.s},function(t){l=t.f},function(t){c=t.d},function(t){b=t.C},function(t){d=t.a},function(t){u=t.c},function(){},function(){}],execute:function(){var p=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--indicator-transition:var(--nano-transition-fast, 0.3s);--indicator-color:#90c6e7;--indicator-track-color:#e4e6e8;--indicator-size:5px;--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--background-rgb:var(--nano-layer-bg-rgb, 255, 255, 255);--scroll-btn-color:"currentColor";--content-padding:2rem 2.5rem;--content-bg:rgb(var(--background-rgb));--content-border-radius:var(--border-radius);--tabs-padding-start:2.5rem;--tabs-padding-end:2.5rem;--tabs-padding-top:0;--tabs-padding-bottom:0;--tabs-bg-rgb:var(--background-rgb);--tab-border-radius:var(--border-radius);--tab-text-color:#0084a9;--shadow-opacity:0.1;display:block;position:relative;z-index:var(--nano-layer-index-raised, 5)}@media only screen and (max-width: 768px){:host{--tabs-padding-start:1.5rem;--tabs-padding-end:1.5rem}}:host ::slotted(nano-tab){--tab-indicator-color:var(--indicator-color);--tab-indicator-size:var(--indicator-size);--bg-rgb:var(--tabs-bg-rgb);--border-radius:var(--tab-border-radius)}:host(.legacy) ::slotted(nano-tab){--tab-indicator-color:#90c6e7;--border-radius:3px;--tab-indicator-size:5px;--bg-rgb:255, 255, 255}:host([placement=start]),:host([placement=end]){--content-padding:1rem;--tabs-padding-start:0;--tabs-padding-end:0;--tabs-padding-top:0;--tabs-padding-bottom:0;--tab-text-color:#455556;--indicator-color:#0084a9;--indicator-size:2px}:host(.nano-color){--indicator-color:var(--nano-color-tint, var(--nano-color-primary-tint, #2696b6));--tab-text-color:rgba(var(--nano-color-base-rgb), 0.7)}:host(.nano-color) ::slotted(nano-tab){--active-text-color:var(--nano-color-shade, var(--nano-color-primary-shade, #007090))}.nano-tab-group{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0;width:100%}.nano-tab-group__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.nano-tab-group__active-tab-indicator{position:absolute;-webkit-transition:var(--indicator-transition) transform ease;transition:var(--indicator-transition) transform ease}.nano-tab-group__body{background:var(--content-bg)}.nano-tab-group:not(.focus-visible) ::slotted(nano-tab){--focus-shadow:none}.nano-tab-group .nano-tab-group__nav-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.nano-tab-group button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.nano-tab-group__scroll-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;border:unset;z-index:2;-webkit-transition:var(--nano-transition-fast, 0.3s) ease opacity;transition:var(--nano-transition-fast, 0.3s) ease opacity;opacity:0;color:var(--scroll-btn-color)}.nano-tab-group__scroll-button:focus{outline:none}.nano-tab-group__scroll-button.is-shown{opacity:1}.nano-tab-group__scroll-button.focus-visible:focus{-webkit-box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))) inset;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))) inset}.nano-tab-group__scroll-button--left{left:0}.nano-tab-group__scroll-button--right{right:0}.nano-tab-group__scroll-button nano-icon{font-size:16px}.nano-tab-group--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nano-tab-group--top .nano-tab-group__nav-container::after{content:"";width:86%;-webkit-box-shadow:0 10px 40px 10px rgba(0, 0, 0, var(--shadow-opacity));box-shadow:0 10px 40px 10px rgba(0, 0, 0, var(--shadow-opacity));height:10px;position:absolute;left:7%;bottom:-10px;border-radius:10px;z-index:-1}.nano-tab-group--top .nano-tab-group__nav{scrollbar-width:none;-ms-overflow-style:none;padding-left:var(--tabs-padding-start);padding-right:var(--tabs-padding-end);padding-top:var(--tabs-padding-top);padding-bottom:var(--tabs-padding-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-transition:var(--nano-transition-medium, 0.5s) ease;transition:var(--nano-transition-medium, 0.5s) ease;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:-webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(black), color-stop(black), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));-webkit-mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - (var(--tabs-padding-end) * 2)), rgba(0, 0, 0, 0) calc(100% - var(--tabs-padding-end)), rgba(0, 0, 0, 0));mask-image:-webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(black), color-stop(black), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - (var(--tabs-padding-end) * 2)), rgba(0, 0, 0, 0) calc(100% - var(--tabs-padding-end)), rgba(0, 0, 0, 0));-webkit-mask-size:calc(100% + calc(var(--tabs-padding-end) * 4));mask-size:calc(100% + calc(var(--tabs-padding-end) * 4));-webkit-mask-position:calc(var(--tabs-padding-end) * -2);mask-position:calc(var(--tabs-padding-end) * -2)}.nano-tab-group--top .nano-tab-group__nav::-webkit-scrollbar{width:0;height:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nano-tab-group--top .nano-tab-group__nav{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--tabs-padding-start);padding-inline-start:var(--tabs-padding-start);-webkit-padding-end:var(--tabs-padding-end);padding-inline-end:var(--tabs-padding-end)}}.nano-tab-group--top .nano-tab-group__nav::after{content:" ";padding-left:0;padding-right:var(--tabs-padding-end);padding-top:var(--tabs-padding-top);padding-bottom:var(--tabs-padding-bottom);line-height:1;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nano-tab-group--top .nano-tab-group__nav::after{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--tabs-padding-end);padding-inline-end:var(--tabs-padding-end)}}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left .nano-tab-group__nav{-webkit-mask-position:0;mask-position:0;-webkit-mask-size:calc(100% + (var(--tabs-padding-end) * 2));mask-size:calc(100% + (var(--tabs-padding-end) * 2))}.nano-tab-group--top.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-position:calc(var(--tabs-padding-end) * -1);mask-position:calc(var(--tabs-padding-end) * -1);-webkit-mask-size:calc(100% + var(--tabs-padding-end));mask-size:calc(100% + var(--tabs-padding-end))}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:0;mask-position:0}.nano-tab-group--top .nano-tab-group__tabs{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:center;color:var(--tab-text-color);width:auto}.nano-tab-group--top .nano-tab-group__body{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;background:var(--content-bg);position:relative;overflow:hidden;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--content-padding);border-radius:var(--content-border-radius)}.nano-tab-group--start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.nano-tab-group--start .nano-tab-group__tabs{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:var(--tab-text-color);background:rgb(var(--tabs-bg-rgb))}:host(:not([dir=rtl])) .nano-tab-group--start .nano-tab-group__tabs{border-left:solid var(--indicator-size) var(--indicator-track-color);text-align:left}:host([dir=rtl]) .nano-tab-group--start .nano-tab-group__tabs{border-right:solid var(--indicator-size) var(--indicator-track-color);text-align:right}:host(:not([dir=rtl])) .nano-tab-group--start .nano-tab-group__active-tab-indicator{left:calc(-1 * 2px);border-left:solid var(--indicator-size) var(--indicator-color)}:host([dir=rtl]) .nano-tab-group--start .nano-tab-group__active-tab-indicator{right:calc(-1 * 2px);border-right:solid var(--indicator-size) var(--indicator-color)}.nano-tab-group--start .nano-tab-group__body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:var(--content-padding);overflow:hidden;border-top-left-radius:0;border-top-right-radius:var(--content-border-radius);border-bottom-right-radius:var(--content-border-radius);border-bottom-left-radius:0}.nano-tab-group--start .nano-tab-group__body[dir=rtl]{border-top-left-radius:var(--content-border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--content-border-radius)}';var h=t("nano_tab_group",function(){function t(t){var n=this;a(this,t);this.nanoTabShow=o(this,"nanoTabShow",7);this.nanoTabHide=o(this,"nanoTabHide",7);this.initialTouchX=null;this.initialTouchY=null;this.hasScrollControls=false;this.hideControlRight=true;this.hideControlLeft=true;this.isLegacy=!document.head.attachShadow;this.placement="top";this.noScrollControls=false;this.storeMethod="session";this.updateScrollControls=function(){if(n.noScrollControls){n.hasScrollControls=false}else{n.hasScrollControls=["top"].includes(n.placement)&&n.nav.scrollWidth>n.nav.clientWidth&&n.nav.scrollWidth>n.tabs.clientWidth}};this.handleClick=function(t){var a=t.target;var o=a.closest("nano-tab");if(o)n.setActiveTab(o)};this.handleKeyDown=function(t){if(["Enter"," "].includes(t.key)){var a=t.target;var o=a.closest("nano-tab");if(o){n.setActiveTab(o);t.preventDefault()}}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){var e=document.activeElement;if(e&&e.tagName.toLowerCase()==="nano-tab"){var r=n.getAllTabs();var i=r.indexOf(e);if(t.key==="Home"){i=0}else if(t.key==="End"){i=r.length-1}else if(n.isRtl&&t.key==="ArrowRight"||!n.isRtl&&t.key==="ArrowLeft"){i=Math.max(0,i-1)}else if(n.isRtl&&t.key==="ArrowLeft"||!n.isRtl&&t.key==="ArrowRight"){i=Math.min(r.length-1,i+1)}r[i].setFocus();if(["top"].includes(n.placement)){s(r[i],n.nav,"horizontal","center")}t.preventDefault()}}};this.handleTabScroll=function(){if(!n.hasScrollControls){n.hideControlLeft=n.hideControlRight=true;return}var t=n.isRtl?n.nav.scrollLeft===0:n.nav.scrollWidth-n.nav.scrollLeft===n.nav.clientWidth;var a=n.isRtl?n.nav.scrollWidth+n.nav.scrollLeft===n.nav.clientWidth:n.nav.scrollLeft===0;if(a){n.hideControlLeft=true;n.hideControlRight=false}else if(t){n.hideControlLeft=false;n.hideControlRight=true}else{n.hideControlRight=false;n.hideControlLeft=false}};this.handleBtnClick=function(t){if(t===void 0){t=false}var a=n.getNavWidth();var o;if(t)o=n.nav.scrollLeft+a-20;else o=n.nav.scrollLeft-a+20;try{n.nav.scroll({left:o,behavior:"smooth"})}catch(e){n.nav.scrollLeft=o}};this.handleTouchStart=function(t){var a=t.changedTouches[0];n.initialTouchX=a.pageX;n.initialTouchY=a.pageY};this.handleTouchEnd=function(t){var a=t.changedTouches[0];var o=a.pageX-n.initialTouchX;var e=a.pageY-n.initialTouchY;var r=70;var i=n.initialTouchX-a.clientX;var s=n.initialTouchY-a.clientY;var l=Math.abs(o)>=r&&Math.abs(e)<=r;var c=n.getAllTabs();var b=c.findIndex((function(t){return t.active}));if(l){var d=o<0&&n.placement==="top"||o>0&&n.placement!=="top"?1:-1;if(c[b+d]){n.setActiveTab(c[b+d]);if(Math.abs(i)>Math.abs(s)){if(i>0)n.activePanel.setAttribute("animation-dir","left");else n.activePanel.setAttribute("animation-dir","right")}}}n.initialTouchX=null;n.initialTouchY=null}}t.prototype.handleTabNameChange=function(){var t=this;if(this.activeTab&&this.activeTab.panel===this.tab)return;var a=this.getAllTabs().find((function(a){return a.panel===t.tab}));this.setActiveTab(a)};t.prototype.handlePlacementChange=function(){this.syncActiveTabIndicator()};t.prototype.handleNoScrollControlsChange=function(){this.updateScrollControls()};t.prototype.hideRightBtn=function(){if(!this.rightBtn)return;c(this.rightBtn,"is-shown",!this.hideControlRight)};t.prototype.hideLeftBtn=function(){if(!this.leftBtn)return;c(this.leftBtn,"is-shown",!this.hideControlLeft)};t.prototype.watchScrollControls=function(){var t=this;if(this.hasScrollControls)setTimeout((function(a){return t.handleTabScroll()}),20);else setTimeout((function(a){t.hideControlLeft=t.hideControlRight=true}),20)};t.prototype.show=function(t){return __awaiter(this,void 0,void 0,(function(){var a,o;return __generator(this,(function(n){if(this.activeTab&&this.activeTab.panel===t)return[2];a=this.getAllTabs();o=a.find((function(a){return a.panel===t}));if(o)this.setActiveTab(o);return[2]}))}))};t.prototype.getAllTabs=function(t){if(t===void 0){t=false}var a=Array.from(this.host.querySelectorAll("nano-tab"));if(t)return a;return a.filter((function(t){return!t.disabled}))};t.prototype.getAllPanels=function(){return Array.from(this.host.querySelectorAll("nano-tab-content"))};t.prototype.getActiveTab=function(){return this.getAllTabs().find((function(t){return t.active}))};t.prototype.setActiveTab=function(t,a){var o=this;if(a===void 0){a=true}if(t&&t!==this.activeTab&&!t.disabled){var n=this.activeTab;this.activeTab=t;this.tab=t.panel;this.getAllTabs().map((function(t){return t.active=t===o.activeTab}));this.getAllPanels().map((function(t){if(t.name===o.activeTab.panel){t.active=true;o.activePanel=t}else t.active=false;t.removeAttribute("animation-dir")}));this.syncActiveTabIndicator();if(["top"].includes(this.placement)){s(this.activeTab,this.nav,"horizontal","center")}if(a){if(n){this.nanoTabHide.emit({name:n.panel})}this.nanoTabShow.emit({name:this.activeTab.panel})}}};t.prototype.setAriaLabels=function(){var t=this.getAllTabs();var a=this.getAllPanels();t.map((function(t){var o=a.find((function(a){return a.name===t.panel}));if(o){t.setAttribute("aria-controls",o.getAttribute("id"));o.setAttribute("aria-labelledby",t.getAttribute("id"))}}))};t.prototype.syncActiveTabIndicator=function(){var t=this;this.getAllTabs(true).forEach((function(a){return a.setAttribute("direction",t.placement==="top"?"horizontal":"vertical")}));var a=this.getActiveTab();var o=a.clientWidth;var n=a.clientHeight;var e=d(a,this.nav);var r=e.top+this.nav.scrollTop;var i=e.left+this.nav.scrollLeft;switch(this.placement){case"top":this.activeTabIndicator.style.width=o+"px";this.activeTabIndicator.style.height=null;this.activeTabIndicator.style.transform="translateX("+i+"px)";break;case"start":this.activeTabIndicator.style.width=null;this.activeTabIndicator.style.height=n+"px";this.activeTabIndicator.style.transform="translateY("+r+"px)";break}};t.prototype.getNavWidth=function(){if(!this.nav)return 0;var t=getComputedStyle(this.nav);var a=this.nav.clientWidth;return a-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)};t.prototype.componentDidLoad=function(){var t=this;var a=new IntersectionObserver((function(a,o){if(a[0].intersectionRatio>0){t.setAriaLabels();t.setActiveTab(t.getActiveTab()||t.getAllTabs()[0],false);if(t.storeId)b.init(t,["tab"],t.storeMethod,t.storeId);o.unobserve(a[0].target)}}));a.observe(this.host);l.observe(this.tabGroup);if(this.leftBtn){l.observe(this.leftBtn);l.observe(this.rightBtn)}this.resizeObserver=new i((function(){return t.updateScrollControls()}));this.resizeObserver.observe(this.nav);this.mutationObserver=new MutationObserver((function(a){if(a.some((function(t){return!["aria-labelledby","aria-controls"].includes(t.attributeName)}))){setTimeout((function(){return t.setAriaLabels()}))}setTimeout((function(){return t.handleTabScroll()}),500)}));this.mutationObserver.observe(this.host,{attributes:true,childList:true,subtree:true});requestAnimationFrame((function(){return t.updateScrollControls()}))};t.prototype.connectedCallback=function(){this.isRtl=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl"};t.prototype.disconnectedCallback=function(){if(this.mutationObserver)this.mutationObserver.disconnect();l.unobserve(this.tabGroup);if(this.leftBtn){l.unobserve(this.leftBtn);l.unobserve(this.rightBtn)}if(this.resizeObserver)this.resizeObserver.unobserve(this.nav)};t.prototype.render=function(){var t=this;this.isRtl=this.host.ownerDocument.dir==="rtl";return n(e,{class:Object.assign(Object.assign({},u(this.color)),{legacy:this.isLegacy}),dir:this.isRtl?"rtl":null},n("div",{part:"base",ref:function(a){return t.tabGroup=a},class:{"nano-tab-group":true,"nano-tab-group--top":this.placement==="top","nano-tab-group--start":this.placement==="start","nano-tab-group--has-scroll-controls":this.hasScrollControls,"nano-tab-group--has-scroll-controls-left":!this.hideControlLeft,"nano-tab-group--has-scroll-controls-right":!this.hideControlRight},onClick:this.handleClick,onKeyDown:this.handleKeyDown},n("div",{class:"nano-tab-group__nav-container"},this.placement==="top"&&n("button",{class:{"nano-tab-group__scroll-button":true,"nano-tab-group__scroll-button--left":true},ref:function(a){return t.leftBtn=a},onClick:function(){return t.handleBtnClick(false)}},n("nano-icon",{name:"light/chevron-left"})),n("div",{ref:function(a){return t.nav=a},key:"nav",part:"nav",class:"nano-tab-group__nav",onScroll:this.handleTabScroll},n("div",{ref:function(a){return t.tabs=a},part:"tabs",class:"nano-tab-group__tabs",role:"tablist"},n("div",{ref:function(a){return t.activeTabIndicator=a},part:"active-tab-indicator",class:"nano-tab-group__active-tab-indicator"}),n("slot",{name:"tabs"}))),this.placement==="top"&&n("button",{class:{"nano-tab-group__scroll-button":true,"nano-tab-group__scroll-button--right":true},ref:function(a){return t.rightBtn=a},onClick:function(){return t.handleBtnClick(true)}},n("nano-icon",{name:"light/chevron-right"}))),n("slot",{name:"tab-content-header"}),n("div",{part:"body",class:"nano-tab-group__body",onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},n("slot",null))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{tab:["handleTabNameChange"],placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"],hideControlRight:["hideRightBtn"],hideControlLeft:["hideLeftBtn"],hasScrollControls:["watchScrollControls"]}},enumerable:false,configurable:true});return t}());h.style=p}}}));
+//# sourceMappingURL=p-4739c706.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/tabs/tab-group.scss?tag=nano-tab-group&encapsulation=shadow","src/components/tabs/tab-group.tsx"],"names":["tabGroupCss","TabGroup","exports","class_1","hostRef","_this","this","initialTouchX","initialTouchY","hasScrollControls","hideControlRight","hideControlLeft","isLegacy","document","head","attachShadow","placement","noScrollControls","storeMethod","updateScrollControls","includes","nav","scrollWidth","clientWidth","tabs","handleClick","event","target","tab","closest","setActiveTab","handleKeyDown","key","preventDefault","activeEl","activeElement","tagName","toLowerCase","getAllTabs","index_1","indexOf","length","isRtl","Math","max","min","setFocus","scrollIntoView","handleTabScroll","endRight","scrollLeft","endLeft","handleBtnClick","goRight","navWidth","getNavWidth","leftAmt","scroll","left","behavior","e","handleTouchStart","touch","changedTouches","pageX","pageY","handleTouchEnd","distX","distY","threshold","xDiff","clientX","yDiff","clientY","isHorizontalSwipe","abs","currIndex","findIndex","el","active","toGo","activePanel","setAttribute","prototype","handleTabNameChange","activeTab","panel","find","handlePlacementChange","syncActiveTabIndicator","handleNoScrollControlsChange","hideRightBtn","rightBtn","displayTransition","hideLeftBtn","leftBtn","watchScrollControls","setTimeout","_","show","includeDisabled","Array","from","host","querySelectorAll","filter","disabled","getAllPanels","getActiveTab","emitEvents","previousTab","map","name","removeAttribute","nanoTabHide","emit","nanoTabShow","setAriaLabels","panels","getAttribute","forEach","width","height","clientHeight","offset","getOffset","offsetTop","top","scrollTop","offsetLeft","activeTabIndicator","style","transform","computedStyle","getComputedStyle","parseFloat","paddingLeft","paddingRight","componentDidLoad","observer","IntersectionObserver","entries","intersectionRatio","storeId","ComponentStore","init","unobserve","observe","focusVisible","tabGroup","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","mutations","some","mutation","attributeName","attributes","childList","subtree","requestAnimationFrame","connectedCallback","dir","ownerDocument","disconnectedCallback","disconnect","render","h","Host","class","Object","assign","createColorClasses","color","legacy","part","ref","nano-tab-group","nano-tab-group--top","nano-tab-group--start","nano-tab-group--has-scroll-controls","nano-tab-group--has-scroll-controls-left","nano-tab-group--has-scroll-controls-right","onClick","onKeyDown","nano-tab-group__scroll-button","nano-tab-group__scroll-button--left","btn","onScroll","role","nano-tab-group__scroll-button--right","onTouchStart","onTouchEnd"],"mappings":"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","sourcesContent":["@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/layers';\n\n/**\n  * @prop --indicator-transition: Only relevant to placement 'start'. defaults to #{$transition-fast};\n  * @prop --indicator-color: defaults to #{$color-lightblue} on placement 'top' and #{$color-blue} on placement 'start';\n  * @prop --indicator-track-color: Only relevant to placement 'start'. defaults to #{$color-lightgrey};\n  * @prop --indicator-size: defaults to 5px on placement 'top' and 2px on placement 'start';\n\n  * @prop --border-radius: defaults to #{$layer-border-radius};\n  * @prop --background-rgb: will be used as the default background colour for tabs and content. defaults to #{$layer-bg-color-rgb};\n  * @prop --shadow-opacity: opacity of the shadow behind tabs. defaults to 0.1;\n  * @prop --scroll-btn-color: defaults to 'currentColor';\n\n  * @prop --content-padding: defaults to 2rem 2.5rem;\n  * @prop --content-bg: defaults to rgb(var(--background-rgb));\n  * @prop --content-border-radius: defaults to var(--border-radius);\n\n  * @prop --tabs-padding-start: defaults to 2.5rem on placement 'top' and 0 on placement 'start';\n  * @prop --tabs-padding-end: defaults to 2.5rem on placement 'top' and 0 on placement 'start';\n  * @prop --tabs-padding-top: defaults to 0;\n  * @prop --tabs-padding-bottom: defaults to 0;\n  * @prop --tabs-bg-rgb: defaults to var(--bg-color);\n  * @prop --tab-border-radius: defaults to var(--border-radius);\n  * @prop --tab-text-color: defaults to #{$color-blue} on placement 'top' and #{$color-darkgrey} on placement 'start';\n  */\n\n:host {\n  --indicator-transition: #{$transition-fast};\n  --indicator-color: #{$color-lightblue};\n  --indicator-track-color: #{$color-lightgrey};\n  --indicator-size: 5px;\n  --border-radius: #{$layer-border-radius};\n  --background-rgb: #{$layer-bg-color-rgb};\n  --scroll-btn-color: 'currentColor';\n  --content-padding: 2rem 2.5rem;\n  --content-bg: rgb(var(--background-rgb));\n  --content-border-radius: var(--border-radius);\n  --tabs-padding-start: 2.5rem;\n  --tabs-padding-end: 2.5rem;\n  --tabs-padding-top: 0;\n  --tabs-padding-bottom: 0;\n  --tabs-bg-rgb: var(--background-rgb);\n  --tab-border-radius: var(--border-radius);\n  --tab-text-color: #{$color-blue};\n  --shadow-opacity: 0.1;\n\n  display: block;\n  position: relative;\n  z-index: #{$layer-index-raised};\n\n  @media only screen and (max-width: 768px) {\n    --tabs-padding-start: 1.5rem;\n    --tabs-padding-end: 1.5rem;\n  }\n\n  ::slotted(nano-tab) {\n    --tab-indicator-color: var(--indicator-color);\n    --tab-indicator-size: var(--indicator-size);\n    --bg-rgb: var(--tabs-bg-rgb);\n    --border-radius: var(--tab-border-radius);\n  }\n}\n\n// IE bugfix - set this stuff statically\n:host(.legacy) {\n  ::slotted(nano-tab) {\n    --tab-indicator-color: #{$color-lightblue};\n    --border-radius: 3px;\n    --tab-indicator-size: 5px;\n    --bg-rgb: 255, 255, 255;\n  }\n}\n\n:host([placement='start']),\n:host([placement='end']) {\n  --content-padding: 1rem;\n  --tabs-padding-start: 0;\n  --tabs-padding-end: 0;\n  --tabs-padding-top: 0;\n  --tabs-padding-bottom: 0;\n  --tab-text-color: #{$color-darkgrey};\n  --indicator-color: #{$color-blue};\n  --indicator-size: 2px;\n}\n\n:host(.nano-color) {\n  --indicator-color: var(--nano-color-tint, #{nano-color(primary, tint)});\n  --tab-text-color: rgba(var(--nano-color-base-rgb), 0.7);\n\n  ::slotted(nano-tab) {\n    --active-text-color: var(--nano-color-shade, #{nano-color(primary, shade)});\n  }\n}\n\n.nano-tab-group {\n  display: flex;\n  border-radius: 0;\n  width: 100%;\n\n  &__tabs {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n\n  &__active-tab-indicator {\n    position: absolute;\n    transition: var(--indicator-transition) transform ease;\n  }\n\n  &__body {\n    background: var(--content-bg);\n  }\n\n  &:not(.focus-visible) ::slotted(nano-tab) {\n    --focus-shadow: none;\n  }\n\n  .nano-tab-group__nav-container {\n    position: relative;\n    display: flex;\n    flex: 1 0 auto;\n  }\n\n  button {\n    appearance: none;\n    background-color: transparent;\n  }\n\n  &__scroll-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    border: unset;\n    z-index: 2;\n    transition: #{$transition-fast} ease opacity;\n    opacity: 0;\n    color: var(--scroll-btn-color);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.is-shown {\n      opacity: 1;\n    }\n\n    &.focus-visible:focus {\n      box-shadow: #{$control-focus-style} inset;\n    }\n\n    &--left {\n      left: 0;\n    }\n\n    &--right {\n      right: 0;\n    }\n\n    nano-icon {\n      font-size: 16px;\n    }\n  }\n\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n  // Top\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n  &--top {\n    flex-direction: column;\n\n    .nano-tab-group__nav-container {\n      &::after {\n        content: '';\n        width: 86%;\n        box-shadow: 0 10px 40px 10px rgba(0, 0, 0, var(--shadow-opacity));\n        height: 10px;\n        position: absolute;\n        left: 7%;\n        bottom: -10px;\n        border-radius: 10px;\n        z-index: -1;\n      }\n    }\n\n    .nano-tab-group__nav {\n      @include hide-scrollbar();\n      @include padding(\n        var(--tabs-padding-top),\n        var(--tabs-padding-end),\n        var(--tabs-padding-bottom),\n        var(--tabs-padding-start)\n      );\n\n      display: flex;\n      overflow-x: auto;\n      overflow-y: hidden;\n      transition: #{$transition-medium} ease;\n      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);\n      mask-repeat: no-repeat;\n      mask-image:\n        linear-gradient(\n          to left,\n          rgba(0, 0, 0, 0) 0,\n          rgba(0, 0, 0, 0) var(--tabs-padding-start),\n          rgba(0, 0, 0, 1) calc(var(--tabs-padding-start) * 2),\n          rgba(0, 0, 0, 1) calc(100% - (var(--tabs-padding-end) * 2)),\n          rgba(0, 0, 0, 0) calc(100% - var(--tabs-padding-end)),\n          rgba(0, 0, 0, 0)\n        );\n      mask-size: calc(100% + calc(var(--tabs-padding-end) * 4));\n      mask-position: calc(var(--tabs-padding-end) * -2);\n\n      &::after {\n        content: ' ';\n\n        @include padding(\n          var(--tabs-padding-top),\n          var(--tabs-padding-end),\n          var(--tabs-padding-bottom),\n          0\n        );\n\n        line-height: 1;\n        flex: 0 0 auto;\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-left {\n      .nano-tab-group__nav {\n        mask-position: 0;\n        mask-size: calc(100% + (var(--tabs-padding-end) * 2));\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-right {\n      .nano-tab-group__nav {\n        mask-position: calc(var(--tabs-padding-end) * -1);\n        mask-size: calc(100% + var(--tabs-padding-end));\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right {\n      .nano-tab-group__nav {\n        mask-size: 100%;\n        mask-position: 0;\n      }\n    }\n\n    .nano-tab-group__tabs {\n      flex: 1 1 auto;\n      position: relative;\n      flex-direction: row;\n      text-align: center;\n      color: var(--tab-text-color);\n      width: auto;\n    }\n\n    .nano-tab-group__body {\n      order: 2;\n      background: var(--content-bg);\n      position: relative;\n      overflow: hidden;\n      width: auto;\n      display: flex;\n      justify-content: center;\n      padding: var(--content-padding);\n      border-radius: var(--content-border-radius);\n    }\n  }\n\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n  // Start\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n  &--start {\n    flex-direction: row;\n\n    .nano-tab-group__tabs {\n      flex: 0 0 auto;\n      flex-direction: column;\n      color: var(--tab-text-color);\n      background: rgb(var(--tabs-bg-rgb));\n\n      @include ltr-host() {\n        border-left: solid var(--indicator-size) var(--indicator-track-color);\n        text-align: left;\n      }\n\n      @include rtl-host() {\n        border-right: solid var(--indicator-size) var(--indicator-track-color);\n        text-align: right;\n      }\n    }\n\n    .nano-tab-group__active-tab-indicator {\n      @include ltr-host() {\n        left: calc(-1 * 2px);\n        border-left: solid var(--indicator-size) var(--indicator-color);\n      }\n\n      @include rtl-host() {\n        right: calc(-1 * 2px);\n        border-right: solid var(--indicator-size) var(--indicator-color);\n      }\n    }\n\n    .nano-tab-group__body {\n      flex: 1 1 auto;\n      order: 2;\n      padding: var(--content-padding);\n      overflow: hidden;\n\n      @include border-radius(\n        0,\n        var(--content-border-radius),\n        var(--content-border-radius),\n        0\n      );\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  ComponentInterface,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { scrollIntoView } from '../../utils/scroll';\nimport { focusVisible } from '../../utils/focus-visible';\nimport {\n  displayTransition,\n  createColorClasses,\n  getOffset,\n} from '../../utils/utils';\nimport { Color } from '../../interface';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * A tradtional tab implementation. It nests `nano-tab` and `nano-tab-content` sub-components.\n *\n * Tabs can be stacked vertically or horizontally (which presents different styling variations) using the `placement` attribute.\n * Horizonal tabs that don't fit will overflow and scroll appropriately.\n * Tab-content can also be swiped to change tabs.\n *\n * @slot tabs - Add `nano-tab` elements to add clickable tabs.\n * @slot tab-content-header = a header bar displayed above tab content.\n * @slot - Add `nano-tab-content` elements to add tabbable content.\n */\n\n@Component({\n  tag: 'nano-tab-group',\n  styleUrl: 'tab-group.scss',\n  shadow: true,\n})\nexport class TabGroup implements ComponentInterface {\n  private activeTab: HTMLNanoTabElement;\n  private activePanel: HTMLNanoTabContentElement;\n  private activeTabIndicator: HTMLElement;\n  private nav: HTMLElement;\n  private tabGroup: HTMLElement;\n  private tabs: HTMLElement;\n  private rightBtn: HTMLButtonElement;\n  private leftBtn: HTMLButtonElement;\n\n  private isRtl: boolean;\n  private initialTouchX: number = null;\n  private initialTouchY: number = null;\n\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n\n  @Element() host: HTMLNanoTabGroupElement;\n\n  @State() hasScrollControls = false;\n  @State() hideControlRight = true;\n  @State() hideControlLeft = true;\n  @State() isLegacy = !document.head.attachShadow;\n  @State() tab: string;\n\n  /**\n   * The placement of the tabs.\n   */\n  @Prop() placement: 'top' | 'start' = 'top';\n\n  /**\n   * Disables the scroll arrows that appear when tabs overflow.\n   */\n  @Prop() noScrollControls = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Store the currently open tab (against this ID) in 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  @Watch('tab')\n  handleTabNameChange() {\n    if (this.activeTab && this.activeTab.panel === this.tab) return;\n    const tab = this.getAllTabs().find((el) => el.panel === this.tab);\n    this.setActiveTab(tab);\n  }\n\n  @Watch('placement')\n  handlePlacementChange() {\n    this.syncActiveTabIndicator();\n  }\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  @Watch('hideControlRight')\n  hideRightBtn() {\n    if (!this.rightBtn) return;\n    displayTransition(this.rightBtn, 'is-shown', !this.hideControlRight);\n  }\n\n  @Watch('hideControlLeft')\n  hideLeftBtn() {\n    if (!this.leftBtn) return;\n    displayTransition(this.leftBtn, 'is-shown', !this.hideControlLeft);\n  }\n\n  @Watch('hasScrollControls')\n  watchScrollControls() {\n    if (this.hasScrollControls) setTimeout((_) => this.handleTabScroll(), 20);\n    else\n      setTimeout((_) => {\n        this.hideControlLeft = this.hideControlRight = true;\n      }, 20);\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event() nanoTabShow: EventEmitter;\n\n  /** Emitted when a tab is hidden. */\n  @Event() nanoTabHide: EventEmitter;\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    if (this.activeTab && this.activeTab.panel === panel) return;\n\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab) this.setActiveTab(tab);\n  }\n\n  // Internal Methods\n\n  private getAllTabs(includeDisabled = false) {\n    const tabs = Array.from(this.host.querySelectorAll('nano-tab')) as [\n      HTMLNanoTabElement\n    ];\n    if (includeDisabled) return tabs;\n    return tabs.filter((el: any) => !el.disabled);\n  }\n\n  private getAllPanels() {\n    return Array.from(this.host.querySelectorAll('nano-tab-content')) as [\n      HTMLNanoTabContentElement\n    ];\n  }\n\n  private getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  private updateScrollControls = () => {\n    if (this.noScrollControls) {\n      this.hasScrollControls = false;\n    } else {\n      this.hasScrollControls =\n        ['top'].includes(this.placement) &&\n        this.nav.scrollWidth > this.nav.clientWidth &&\n        this.nav.scrollWidth > this.tabs.clientWidth;\n    }\n  };\n\n  private setActiveTab(tab: HTMLNanoTabElement, emitEvents = true) {\n    if (tab && tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n      this.tab = tab.panel;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => {\n        if (el.name === this.activeTab.panel) {\n          el.active = true;\n          this.activePanel = el;\n        } else el.active = false;\n        el.removeAttribute('animation-dir');\n      });\n      // active tab can be changed on init - this won't be ready. No big thing\n      // try {\n      this.syncActiveTabIndicator();\n      if (['top'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal', 'center');\n      }\n      // }\n      // catch(e) {}\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab) {\n          this.nanoTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.nanoTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  private setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id'));\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id'));\n      }\n    });\n  }\n\n  private syncActiveTabIndicator() {\n    this.getAllTabs(true).forEach((tab) =>\n      tab.setAttribute(\n        'direction',\n        this.placement === 'top' ? 'horizontal' : 'vertical'\n      )\n    );\n\n    const tab = this.getActiveTab();\n    const width = tab.clientWidth;\n    const height = tab.clientHeight;\n    const offset = getOffset(tab, this.nav);\n    const offsetTop = offset.top + this.nav.scrollTop;\n    const offsetLeft = offset.left + this.nav.scrollLeft;\n\n    switch (this.placement) {\n      case 'top':\n        this.activeTabIndicator.style.width = `${width}px`;\n        this.activeTabIndicator.style.height = null;\n        this.activeTabIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'start':\n        this.activeTabIndicator.style.width = null;\n        this.activeTabIndicator.style.height = `${height}px`;\n        this.activeTabIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n  }\n\n  private getNavWidth() {\n    if (!this.nav) return 0;\n    const computedStyle = getComputedStyle(this.nav);\n    let clientWidth = this.nav.clientWidth;\n    return (clientWidth -=\n      parseFloat(computedStyle.paddingLeft) +\n      parseFloat(computedStyle.paddingRight));\n  }\n\n  // Event handlers\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('nano-tab');\n\n    if (tab) this.setActiveTab(tab);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      const target = event.target as HTMLElement;\n      const tab = target.closest('nano-tab');\n\n      if (tab) {\n        this.setActiveTab(tab);\n        event.preventDefault();\n      }\n    }\n\n    // Move focus left or right\n    if (\n      [\n        'ArrowLeft',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowDown',\n        'Home',\n        'End',\n      ].includes(event.key)\n    ) {\n      const activeEl = document.activeElement as any;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'nano-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (\n          (this.isRtl && event.key === 'ArrowRight') ||\n          (!this.isRtl && event.key === 'ArrowLeft')\n        ) {\n          index = Math.max(0, index - 1);\n        } else if (\n          (this.isRtl && event.key === 'ArrowLeft') ||\n          (!this.isRtl && event.key === 'ArrowRight')\n        ) {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n        tabs[index].setFocus();\n\n        if (['top'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal', 'center');\n        }\n        event.preventDefault();\n      }\n    }\n  };\n\n  private handleTabScroll = () => {\n    if (!this.hasScrollControls) {\n      this.hideControlLeft = this.hideControlRight = true;\n      return;\n    }\n    let endRight = this.isRtl\n      ? this.nav.scrollLeft === 0\n      : this.nav.scrollWidth - this.nav.scrollLeft === this.nav.clientWidth;\n    let endLeft = this.isRtl\n      ? this.nav.scrollWidth + this.nav.scrollLeft === this.nav.clientWidth\n      : this.nav.scrollLeft === 0;\n\n    if (endLeft) {\n      this.hideControlLeft = true;\n      this.hideControlRight = false;\n    } else if (endRight) {\n      this.hideControlLeft = false;\n      this.hideControlRight = true;\n    } else {\n      this.hideControlRight = false;\n      this.hideControlLeft = false;\n    }\n  };\n\n  private handleBtnClick = (goRight: boolean = false) => {\n    const navWidth = this.getNavWidth();\n    let leftAmt;\n    if (goRight) leftAmt = this.nav.scrollLeft + navWidth - 20;\n    else leftAmt = this.nav.scrollLeft - navWidth + 20;\n\n    try {\n      this.nav.scroll({\n        left: leftAmt,\n        behavior: 'smooth',\n      });\n    } catch (e) {\n      this.nav.scrollLeft = leftAmt;\n    }\n  };\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    this.initialTouchX = touch.pageX;\n    this.initialTouchY = touch.pageY;\n  };\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n    const threshold = 70;\n\n    var xDiff = this.initialTouchX - touch.clientX;\n    var yDiff = this.initialTouchY - touch.clientY;\n\n    const isHorizontalSwipe =\n      Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\n\n    const tabs = this.getAllTabs();\n    const currIndex = tabs.findIndex((el) => el.active);\n\n    if (isHorizontalSwipe) {\n      const toGo =\n        (distX < 0 && this.placement === 'top') ||\n        (distX > 0 && this.placement !== 'top')\n          ? 1\n          : -1;\n\n      if (tabs[currIndex + toGo]) {\n        this.setActiveTab(tabs[currIndex + toGo]);\n\n        if (Math.abs(xDiff) > Math.abs(yDiff)) {\n          if (xDiff > 0) this.activePanel.setAttribute('animation-dir', 'left');\n          else this.activePanel.setAttribute('animation-dir', 'right');\n        }\n      }\n    }\n    this.initialTouchX = null;\n    this.initialTouchY = null;\n  };\n\n  // Stencil hooks\n\n  componentDidLoad() {\n    // Initial IO - watching for all content to be loaded\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n\n        if (this.storeId)\n          ComponentStore.init(this, ['tab'], this.storeMethod, this.storeId);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n    focusVisible.observe(this.tabGroup);\n\n    if (this.leftBtn) {\n      focusVisible.observe(this.leftBtn);\n      focusVisible.observe(this.rightBtn);\n    }\n\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(\n            mutation.attributeName\n          );\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n      setTimeout(() => this.handleTabScroll(), 500);\n    });\n    this.mutationObserver.observe(this.host, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => this.updateScrollControls());\n  }\n\n  connectedCallback() {\n    this.isRtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) this.mutationObserver.disconnect();\n\n    focusVisible.unobserve(this.tabGroup);\n    if (this.leftBtn) {\n      focusVisible.unobserve(this.leftBtn);\n      focusVisible.unobserve(this.rightBtn);\n    }\n    if (this.resizeObserver) this.resizeObserver.unobserve(this.nav);\n  }\n\n  render() {\n    this.isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color), legacy: this.isLegacy }}\n        dir={this.isRtl ? 'rtl' : null}\n      >\n        <div\n          part=\"base\"\n          ref={(el) => (this.tabGroup = el)}\n          class={{\n            'nano-tab-group': true,\n            'nano-tab-group--top': this.placement === 'top',\n            'nano-tab-group--start': this.placement === 'start',\n            'nano-tab-group--has-scroll-controls': this.hasScrollControls,\n            'nano-tab-group--has-scroll-controls-left': !this.hideControlLeft,\n            'nano-tab-group--has-scroll-controls-right': !this.hideControlRight,\n          }}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"nano-tab-group__nav-container\">\n            {this.placement === 'top' && (\n              <button\n                class={{\n                  'nano-tab-group__scroll-button': true,\n                  'nano-tab-group__scroll-button--left': true,\n                }}\n                ref={(btn) => (this.leftBtn = btn)}\n                onClick={() => this.handleBtnClick(false)}\n              >\n                <nano-icon name=\"light/chevron-left\"></nano-icon>\n              </button>\n            )}\n            <div\n              ref={(el) => (this.nav = el)}\n              key=\"nav\"\n              part=\"nav\"\n              class=\"nano-tab-group__nav\"\n              onScroll={this.handleTabScroll}\n            >\n              <div\n                ref={(el) => (this.tabs = el)}\n                part=\"tabs\"\n                class=\"nano-tab-group__tabs\"\n                role=\"tablist\"\n              >\n                <div\n                  ref={(el) => (this.activeTabIndicator = el)}\n                  part=\"active-tab-indicator\"\n                  class=\"nano-tab-group__active-tab-indicator\"\n                />\n                <slot name=\"tabs\" />\n              </div>\n            </div>\n            {this.placement === 'top' && (\n              <button\n                class={{\n                  'nano-tab-group__scroll-button': true,\n                  'nano-tab-group__scroll-button--right': true,\n                }}\n                ref={(btn) => (this.rightBtn = btn)}\n                onClick={() => this.handleBtnClick(true)}\n              >\n                <nano-icon name=\"light/chevron-right\"></nano-icon>\n              </button>\n            )}\n          </div>\n          <slot name=\"tab-content-header\" />\n          <div\n            part=\"body\"\n            class=\"nano-tab-group__body\"\n            onTouchStart={this.handleTouchStart}\n            onTouchEnd={this.handleTouchEnd}\n          >\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-47d2a49e.system.js

@@ -0,0 +1,22 @@
+System.register([],(function(){"use strict";return{execute:function(){(function(){var t=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function e(e){var n=t.has(e);e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e);return!n&&e}function n(t){var e=t.isConnected;if(void 0!==e)return e;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function o(t,e){for(;e&&e!==t&&!e.nextSibling;)e=e.parentNode;return e&&e!==t?e.nextSibling:null}function i(t,e,n){n=void 0===n?new Set:n;for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var a=r;e(a);var c=a.localName;if("link"===c&&"import"===a.getAttribute("rel")){r=a.import;if(r instanceof Node&&!n.has(r))for(n.add(r),r=r.firstChild;r;r=r.nextSibling)i(r,e,n);r=o(t,a);continue}else if("template"===c){r=o(t,a);continue}if(a=a.__CE_shadowRoot)for(a=a.firstChild;a;a=a.nextSibling)i(a,e,n)}r=r.firstChild?r.firstChild:o(t,r)}}function r(t,e,n){t[e]=n}function a(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function c(t,e,n){t.a.set(e,n);t.g.set(n.constructorFunction,n)}function l(t,e){t.b=!0;t.c.push(e)}function s(t,e){t.b=!0;t.f.push(e)}function u(t,e){t.b&&i(e,(function(e){return f(t,e)}))}function f(t,e){if(t.b&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.c.length;n++)t.c[n](e);for(n=0;n<t.f.length;n++)t.f[n](e)}}function p(t,e){var n=[];i(e,(function(t){return n.push(t)}));for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state?t.connectedCallback(o):m(t,o)}}function h(t,e){var n=[];i(e,(function(t){return n.push(t)}));for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state&&t.disconnectedCallback(o)}}function d(t,e,n){n=void 0===n?{}:n;var o=n.u||new Set,r=n.i||function(e){return m(t,e)},a=[];i(e,(function(e){if("link"===e.localName&&"import"===e.getAttribute("rel")){var n=e.import;n instanceof Node&&(n.__CE_isImportDocument=!0,n.__CE_hasRegistry=!0);n&&"complete"===n.readyState?n.__CE_documentLoadHandled=!0:e.addEventListener("load",(function(){var n=e.import;if(!n.__CE_documentLoadHandled){n.__CE_documentLoadHandled=!0;var i=new Set(o);i.delete(n);d(t,n,{u:i,i:r})}}))}else a.push(e)}),o);if(t.b)for(e=0;e<a.length;e++)f(t,a[e]);for(e=0;e<a.length;e++)r(a[e])}function m(t,e){if(void 0===e.__CE_state){var o=e.ownerDocument;if(o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)if(o=t.a.get(e.localName)){o.constructionStack.push(e);var i=o.constructorFunction;try{try{if(new i!==e)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(c){throw e.__CE_state=2,c}e.__CE_state=1;e.__CE_definition=o;if(o.attributeChangedCallback)for(o=o.observedAttributes,i=0;i<o.length;i++){var r=o[i],a=e.getAttribute(r);null!==a&&t.attributeChangedCallback(e,r,null,a,null)}n(e)&&t.connectedCallback(e)}}}a.prototype.connectedCallback=function(t){var e=t.__CE_definition;e.connectedCallback&&e.connectedCallback.call(t)};a.prototype.disconnectedCallback=function(t){var e=t.__CE_definition;e.disconnectedCallback&&e.disconnectedCallback.call(t)};a.prototype.attributeChangedCallback=function(t,e,n,o,i){var r=t.__CE_definition;r.attributeChangedCallback&&-1<r.observedAttributes.indexOf(e)&&r.attributeChangedCallback.call(t,e,n,o,i)};function y(t){var e=document;this.c=t;this.a=e;this.b=void 0;d(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function b(t){t.b&&t.b.disconnect()}y.prototype.f=function(t){var e=this.a.readyState;"interactive"!==e&&"complete"!==e||b(this);for(e=0;e<t.length;e++)for(var n=t[e].addedNodes,o=0;o<n.length;o++)d(this.c,n[o])};function v(){var t=this;this.b=this.a=void 0;this.c=new Promise((function(e){t.b=e;t.a&&e(t.a)}))}function g(t){if(t.a)throw Error("Already resolved.");t.a=void 0;t.b&&t.b(void 0)}function w(t){this.c=!1;this.a=t;this.j=new Map;this.f=function(t){return t()};this.b=!1;this.g=[];this.o=new y(t)}w.prototype.l=function(t,n){var o=this;if(!(n instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!e(t))throw new SyntaxError("The element name '"+t+"' is not valid.");if(this.a.a.get(t))throw Error("A custom element with name '"+t+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var i=function(t){var e=r[t];if(void 0!==e&&!(e instanceof Function))throw Error("The '"+t+"' callback must be a function.");return e},r=n.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var a=i("connectedCallback");var l=i("disconnectedCallback");var s=i("adoptedCallback");var u=i("attributeChangedCallback");var f=n.observedAttributes||[]}catch(p){return}finally{this.c=!1}n={localName:t,constructorFunction:n,connectedCallback:a,disconnectedCallback:l,adoptedCallback:s,attributeChangedCallback:u,observedAttributes:f,constructionStack:[]};c(this.a,t,n);this.g.push(n);this.b||(this.b=!0,this.f((function(){return E(o)})))};w.prototype.i=function(t){d(this.a,t)};function E(t){if(!1!==t.b){t.b=!1;for(var e=t.g,n=[],o=new Map,i=0;i<e.length;i++)o.set(e[i].localName,[]);d(t.a,document,{i:function(e){if(void 0===e.__CE_state){var i=e.localName,r=o.get(i);r?r.push(e):t.a.a.get(i)&&n.push(e)}}});for(i=0;i<n.length;i++)m(t.a,n[i]);for(;0<e.length;){var r=e.shift();i=r.localName;r=o.get(r.localName);for(var a=0;a<r.length;a++)m(t.a,r[a]);(i=t.j.get(i))&&g(i)}}}w.prototype.get=function(t){if(t=this.a.a.get(t))return t.constructorFunction};w.prototype.m=function(t){if(!e(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var n=this.j.get(t);if(n)return n.c;n=new v;this.j.set(t,n);this.a.a.get(t)&&!this.g.some((function(e){return e.localName===t}))&&g(n);return n.c};w.prototype.s=function(t){b(this.o);var e=this.f;this.f=function(n){return t((function(){return e(n)}))}};window.CustomElementRegistry=w;w.prototype.define=w.prototype.l;w.prototype.upgrade=w.prototype.i;w.prototype.get=w.prototype.get;w.prototype.whenDefined=w.prototype.m;w.prototype.polyfillWrapFlushCallback=w.prototype.s;var _=window.Document.prototype.createElement,C=window.Document.prototype.createElementNS,N=window.Document.prototype.importNode,S=window.Document.prototype.prepend,T=window.Document.prototype.append,D=window.DocumentFragment.prototype.prepend,k=window.DocumentFragment.prototype.append,A=window.Node.prototype.cloneNode,O=window.Node.prototype.appendChild,j=window.Node.prototype.insertBefore,L=window.Node.prototype.removeChild,M=window.Node.prototype.replaceChild,x=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),H=window.Element.prototype.attachShadow,R=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,F=window.Element.prototype.setAttribute,I=window.Element.prototype.removeAttribute,z=window.Element.prototype.getAttributeNS,U=window.Element.prototype.setAttributeNS,W=window.Element.prototype.removeAttributeNS,q=window.Element.prototype.insertAdjacentElement,B=window.Element.prototype.insertAdjacentHTML,$=window.Element.prototype.prepend,V=window.Element.prototype.append,X=window.Element.prototype.before,G=window.Element.prototype.after,J=window.Element.prototype.replaceWith,K=window.Element.prototype.remove,Q=window.HTMLElement,Y=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Z=window.HTMLElement.prototype.insertAdjacentElement,tt=window.HTMLElement.prototype.insertAdjacentHTML;var et=new function(){};function nt(){var t=st;window.HTMLElement=function(){function e(){var e=this.constructor,n=t.g.get(e);if(!n)throw Error("The custom element being constructed was not registered with `customElements`.");var o=n.constructionStack;if(0===o.length)return o=_.call(document,n.localName),Object.setPrototypeOf(o,e.prototype),o.__CE_state=1,o.__CE_definition=n,f(t,o),o;n=o.length-1;var i=o[n];if(i===et)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");o[n]=et;Object.setPrototypeOf(i,e.prototype);f(t,i);return i}e.prototype=Q.prototype;Object.defineProperty(e.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:e});return e}()}function ot(t,e,o){function i(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)h(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&p(t,a)}}void 0!==o.h&&(e.prepend=i(o.h));void 0!==o.append&&(e.append=i(o.append))}function it(){var t=st;r(Document.prototype,"createElement",(function(e){if(this.__CE_hasRegistry){var n=t.a.get(e);if(n)return new n.constructorFunction}e=_.call(this,e);f(t,e);return e}));r(Document.prototype,"importNode",(function(e,n){e=N.call(this,e,!!n);this.__CE_hasRegistry?d(t,e):u(t,e);return e}));r(Document.prototype,"createElementNS",(function(e,n){if(this.__CE_hasRegistry&&(null===e||"http://www.w3.org/1999/xhtml"===e)){var o=t.a.get(n);if(o)return new o.constructorFunction}e=C.call(this,e,n);f(t,e);return e}));ot(t,Document.prototype,{h:S,append:T})}function rt(){function t(t,o){Object.defineProperty(t,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,t);else{var i=void 0;if(this.firstChild){var r=this.childNodes,a=r.length;if(0<a&&n(this)){i=Array(a);for(var c=0;c<a;c++)i[c]=r[c]}}o.set.call(this,t);if(i)for(t=0;t<i.length;t++)h(e,i[t])}}})}var e=st;r(Node.prototype,"insertBefore",(function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=j.call(this,t,o);if(n(this))for(o=0;o<i.length;o++)p(e,i[o]);return t}i=n(t);o=j.call(this,t,o);i&&h(e,t);n(this)&&p(e,t);return o}));r(Node.prototype,"appendChild",(function(t){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);t=O.call(this,t);if(n(this))for(var i=0;i<o.length;i++)p(e,o[i]);return t}o=n(t);i=O.call(this,t);o&&h(e,t);n(this)&&p(e,t);return i}));r(Node.prototype,"cloneNode",(function(t){t=A.call(this,!!t);this.ownerDocument.__CE_hasRegistry?d(e,t):u(e,t);return t}));r(Node.prototype,"removeChild",(function(t){var o=n(t),i=L.call(this,t);o&&h(e,t);return i}));r(Node.prototype,"replaceChild",(function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=M.call(this,t,o);if(n(this))for(h(e,o),o=0;o<i.length;o++)p(e,i[o]);return t}i=n(t);var r=M.call(this,t,o),a=n(this);a&&h(e,o);i&&h(e,t);a&&p(e,t);return r}));x&&x.get?t(Node.prototype,x):l(e,(function(e){t(e,{enumerable:!0,configurable:!0,get:function(){for(var t=[],e=0;e<this.childNodes.length;e++){var n=this.childNodes[e];n.nodeType!==Node.COMMENT_NODE&&t.push(n.textContent)}return t.join("")},set:function(t){for(;this.firstChild;)L.call(this,this.firstChild);null!=t&&""!==t&&O.call(this,document.createTextNode(t))}})}))}function at(t){function e(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)h(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&p(t,a)}}var o=Element.prototype;void 0!==X&&(o.before=e(X));void 0!==X&&(o.after=e(G));void 0!==J&&r(o,"replaceWith",(function(e){for(var o=[],i=0;i<arguments.length;++i)o[i]=arguments[i];i=[];for(var r=[],a=0;a<o.length;a++){var c=o[a];c instanceof Element&&n(c)&&r.push(c);if(c instanceof DocumentFragment)for(c=c.firstChild;c;c=c.nextSibling)i.push(c);else i.push(c)}a=n(this);J.apply(this,o);for(o=0;o<r.length;o++)h(t,r[o]);if(a)for(h(t,this),o=0;o<i.length;o++)r=i[o],r instanceof Element&&p(t,r)}));void 0!==K&&r(o,"remove",(function(){var e=n(this);K.call(this);e&&h(t,this)}))}function ct(){function t(t,e){Object.defineProperty(t,"innerHTML",{enumerable:e.enumerable,configurable:!0,get:e.get,set:function(t){var o=this,r=void 0;n(this)&&(r=[],i(this,(function(t){t!==o&&r.push(t)})));e.set.call(this,t);if(r)for(var c=0;c<r.length;c++){var l=r[c];1===l.__CE_state&&a.disconnectedCallback(l)}this.ownerDocument.__CE_hasRegistry?d(a,this):u(a,this);return t}})}function e(t,e){r(t,"insertAdjacentElement",(function(t,o){var i=n(o);t=e.call(this,t,o);i&&h(a,o);n(t)&&p(a,o);return t}))}function o(t,e){function n(t,e){for(var n=[];t!==e;t=t.nextSibling)n.push(t);for(e=0;e<n.length;e++)d(a,n[e])}r(t,"insertAdjacentHTML",(function(t,o){t=t.toLowerCase();if("beforebegin"===t){var i=this.previousSibling;e.call(this,t,o);n(i||this.parentNode.firstChild,this)}else if("afterbegin"===t)i=this.firstChild,e.call(this,t,o),n(this.firstChild,i);else if("beforeend"===t)i=this.lastChild,e.call(this,t,o),n(i||this.firstChild,null);else if("afterend"===t)i=this.nextSibling,e.call(this,t,o),n(this.nextSibling,i);else throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.")}))}var a=st;H&&r(Element.prototype,"attachShadow",(function(t){t=H.call(this,t);var e=a;if(e.b&&!t.__CE_patched){t.__CE_patched=!0;for(var n=0;n<e.c.length;n++)e.c[n](t)}return this.__CE_shadowRoot=t}));R&&R.get?t(Element.prototype,R):Y&&Y.get?t(HTMLElement.prototype,Y):s(a,(function(e){t(e,{enumerable:!0,configurable:!0,get:function(){return A.call(this,!0).innerHTML},set:function(t){var e="template"===this.localName,n=e?this.content:this,o=C.call(document,this.namespaceURI,this.localName);for(o.innerHTML=t;0<n.childNodes.length;)L.call(n,n.childNodes[0]);for(t=e?o.content:o;0<t.childNodes.length;)O.call(n,t.childNodes[0])}})}));r(Element.prototype,"setAttribute",(function(t,e){if(1!==this.__CE_state)return F.call(this,t,e);var n=P.call(this,t);F.call(this,t,e);e=P.call(this,t);a.attributeChangedCallback(this,t,n,e,null)}));r(Element.prototype,"setAttributeNS",(function(t,e,n){if(1!==this.__CE_state)return U.call(this,t,e,n);var o=z.call(this,t,e);U.call(this,t,e,n);n=z.call(this,t,e);a.attributeChangedCallback(this,e,o,n,t)}));r(Element.prototype,"removeAttribute",(function(t){if(1!==this.__CE_state)return I.call(this,t);var e=P.call(this,t);I.call(this,t);null!==e&&a.attributeChangedCallback(this,t,e,null,null)}));r(Element.prototype,"removeAttributeNS",(function(t,e){if(1!==this.__CE_state)return W.call(this,t,e);var n=z.call(this,t,e);W.call(this,t,e);var o=z.call(this,t,e);n!==o&&a.attributeChangedCallback(this,e,n,o,t)}));Z?e(HTMLElement.prototype,Z):q?e(Element.prototype,q):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");tt?o(HTMLElement.prototype,tt):B?o(Element.prototype,B):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");ot(a,Element.prototype,{h:$,append:V});at(a)}var lt=window.customElements;if(!lt||lt.forcePolyfill||"function"!=typeof lt.define||"function"!=typeof lt.get){var st=new a;nt();it();ot(st,DocumentFragment.prototype,{h:D,append:k});rt();ct();document.__CE_hasRegistry=!0;var ut=new w(st);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:ut})}}).call(self);"string"!==typeof document.baseURI&&Object.defineProperty(Document.prototype,"baseURI",{enumerable:!0,configurable:!0,get:function(){var t=document.querySelector("base");return t&&t.href?t.href:document.URL}});"function"!==typeof window.CustomEvent&&(window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail);return n},window.CustomEvent.prototype=window.Event.prototype);(function(t,e,n){t.composedPath||(t.composedPath=function(){if(this.path)return this.path;var t=this.target;for(this.path=[];null!==t.parentNode;)this.path.push(t),t=t.parentNode;this.path.push(e,n);return this.path})})(Event.prototype,document,window);
+/*!
+      Element.closest and Element.matches
+      https://github.com/jonathantneal/closest
+      Creative Commons Zero v1.0 Universal
+      */(function(t){"function"!==typeof t.matches&&(t.matches=t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||function(t){t=(this.document||this.ownerDocument).querySelectorAll(t);for(var e=0;t[e]&&t[e]!==this;)++e;return!!t[e]});"function"!==typeof t.closest&&(t.closest=function(t){for(var e=this;e&&1===e.nodeType;){if(e.matches(t))return e;e=e.parentNode}return null})})(window.Element.prototype);
+/*!
+      Element.getRootNode()
+      */(function(t){function e(t){t=n(t);return t&&11===t.nodeType?e(t.host):t}function n(t){return t&&t.parentNode?n(t.parentNode):t}"function"!==typeof t.getRootNode&&(t.getRootNode=function(t){return t&&t.composed?e(this):n(this)})})(Element.prototype);
+/*!
+      Element.isConnected()
+      */(function(t){"isConnected"in t||Object.defineProperty(t,"isConnected",{configurable:!0,enumerable:!0,get:function(){var t=this.getRootNode({composed:!0});return t&&9===t.nodeType}})})(Element.prototype);
+/*!
+      Element.remove()
+      */(function(t){t.forEach((function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})}))})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);
+/*!
+      Element.classList
+      */!function(t){"classList"in t||Object.defineProperty(t,"classList",{get:function(){var t=this,e=(t.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){e.length>0?t.setAttribute("class",e.join(" ")):t.removeAttribute("class")}return""===e[0]&&e.splice(0,1),e.toggle=function(t,o){void 0!==o?o?e.add(t):e.remove(t):-1!==e.indexOf(t)?e.splice(e.indexOf(t),1):e.push(t),n()},e.add=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1===e.indexOf(t[o])&&e.push(t[o]);n()},e.remove=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1!==e.indexOf(t[o])&&e.splice(e.indexOf(t[o]),1);n()},e.item=function(t){return e[t]},e.contains=function(t){return-1!==e.indexOf(t)},e.replace=function(t,o){-1!==e.indexOf(t)&&e.splice(e.indexOf(t),1,o),n()},e.value=t.getAttribute("class")||"",e}})}(Element.prototype);
+/*!
+      DOMTokenList
+      */(function(t){try{document.body.classList.add()}catch(o){var e=t.add,n=t.remove;t.add=function(){for(var t=0;t<arguments.length;t++)e.call(this,arguments[t])};t.remove=function(){for(var t=0;t<arguments.length;t++)n.call(this,arguments[t])}}})(DOMTokenList.prototype)}}}));
+//# sourceMappingURL=p-47d2a49e.system.js.map

package/dist/nano-components/p-47d2a49e.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/dom.js"],"names":["aa","Set","split","g","a","b","has","test","l","isConnected","__CE_isImportDocument","Document","parentNode","window","ShadowRoot","host","n","nextSibling","p","d","c","nodeType","Node","ELEMENT_NODE","e","f","localName","getAttribute","import","add","firstChild","__CE_shadowRoot","r","u","this","Map","ba","set","constructorFunction","ca","push","da","v","w","__CE_patched","length","x","__CE_state","connectedCallback","y","z","disconnectedCallback","A","i","__CE_hasRegistry","readyState","__CE_documentLoadHandled","addEventListener","delete","ownerDocument","defaultView","get","constructionStack","Error","pop","t","__CE_definition","attributeChangedCallback","observedAttributes","prototype","call","indexOf","B","document","MutationObserver","bind","observe","childList","subtree","C","disconnect","addedNodes","ea","Promise","D","E","j","o","Function","TypeError","SyntaxError","Object","k","h","m","q","adoptedCallback","fa","shift","reject","some","s","CustomElementRegistry","define","upgrade","whenDefined","polyfillWrapFlushCallback","F","createElement","G","createElementNS","ha","importNode","ia","prepend","ja","append","ka","DocumentFragment","la","H","cloneNode","I","appendChild","J","insertBefore","K","removeChild","L","replaceChild","M","getOwnPropertyDescriptor","N","Element","attachShadow","O","P","Q","setAttribute","R","removeAttribute","S","getAttributeNS","T","setAttributeNS","U","removeAttributeNS","ma","insertAdjacentElement","na","insertAdjacentHTML","oa","pa","V","before","qa","after","ra","replaceWith","sa","remove","ta","HTMLElement","W","ua","va","wa","xa","X","constructor","setPrototypeOf","defineProperty","writable","configurable","enumerable","value","Y","arguments","apply","ya","za","TEXT_NODE","childNodes","Array","slice","COMMENT_NODE","textContent","join","createTextNode","Aa","Ba","toLowerCase","previousSibling","lastChild","String","innerHTML","content","namespaceURI","console","warn","Z","customElements","forcePolyfill","self","baseURI","querySelector","href","URL","CustomEvent","bubbles","cancelable","detail","createEvent","initCustomEvent","Event","composedPath","path","target","matches","msMatchesSelector","mozMatchesSelector","webkitMatchesSelector","querySelectorAll","closest","getRootNode","composed","forEach","hasOwnProperty","CharacterData","DocumentType","replace","splice","toggle","item","contains","body","classList","DOMTokenList"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Browser v2.5.9 | MIT Licensed | https://stenciljs.com\n */\n(function(){\nvar aa=new Set(\"annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph\".split(\" \"));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}\n  function n(a,b){for(;b&&b!==a&&!b.nextSibling;)b=b.parentNode;return b&&b!==a?b.nextSibling:null}\n  function p(a,b,d){d=void 0===d?new Set:d;for(var c=a;c;){if(c.nodeType===Node.ELEMENT_NODE){var e=c;b(e);var f=e.localName;if(\"link\"===f&&\"import\"===e.getAttribute(\"rel\")){c=e.import;if(c instanceof Node&&!d.has(c))for(d.add(c),c=c.firstChild;c;c=c.nextSibling)p(c,b,d);c=n(a,e);continue}else if(\"template\"===f){c=n(a,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)p(e,b,d);}c=c.firstChild?c.firstChild:n(a,c);}}function r(a,b,d){a[b]=d;}function u(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1;}function ba(a,b,d){a.a.set(b,d);a.g.set(d.constructorFunction,d);}function ca(a,b){a.b=!0;a.c.push(b);}function da(a,b){a.b=!0;a.f.push(b);}function v(a,b){a.b&&p(b,function(b){return w(a,b)});}function w(a,b){if(a.b&&!b.__CE_patched){b.__CE_patched=!0;for(var d=0;d<a.c.length;d++)a.c[d](b);for(d=0;d<a.f.length;d++)a.f[d](b);}}\n  function x(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state?a.connectedCallback(c):y(a,c);}}function z(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state&&a.disconnectedCallback(c);}}\n  function A(a,b,d){d=void 0===d?{}:d;var c=d.u||new Set,e=d.i||function(b){return y(a,b)},f=[];p(b,function(b){if(\"link\"===b.localName&&\"import\"===b.getAttribute(\"rel\")){var d=b.import;d instanceof Node&&(d.__CE_isImportDocument=!0,d.__CE_hasRegistry=!0);d&&\"complete\"===d.readyState?d.__CE_documentLoadHandled=!0:b.addEventListener(\"load\",function(){var d=b.import;if(!d.__CE_documentLoadHandled){d.__CE_documentLoadHandled=!0;var f=new Set(c);f.delete(d);A(a,d,{u:f,i:e});}});}else f.push(b);},c);if(a.b)for(b=\n  0;b<f.length;b++)w(a,f[b]);for(b=0;b<f.length;b++)e(f[b]);}\n  function y(a,b){if(void 0===b.__CE_state){var d=b.ownerDocument;if(d.defaultView||d.__CE_isImportDocument&&d.__CE_hasRegistry)if(d=a.a.get(b.localName)){d.constructionStack.push(b);var c=d.constructorFunction;try{try{if(new c!==b)throw Error(\"The custom element constructor did not produce the element being upgraded.\");}finally{d.constructionStack.pop();}}catch(t){throw b.__CE_state=2,t;}b.__CE_state=1;b.__CE_definition=d;if(d.attributeChangedCallback)for(d=d.observedAttributes,c=0;c<d.length;c++){var e=\n  d[c],f=b.getAttribute(e);null!==f&&a.attributeChangedCallback(b,e,null,f,null);}l(b)&&a.connectedCallback(b);}}}u.prototype.connectedCallback=function(a){var b=a.__CE_definition;b.connectedCallback&&b.connectedCallback.call(a);};u.prototype.disconnectedCallback=function(a){var b=a.__CE_definition;b.disconnectedCallback&&b.disconnectedCallback.call(a);};\n  u.prototype.attributeChangedCallback=function(a,b,d,c,e){var f=a.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(b)&&f.attributeChangedCallback.call(a,b,d,c,e);};function B(a){var b=document;this.c=a;this.a=b;this.b=void 0;A(this.c,this.a);\"loading\"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}));}function C(a){a.b&&a.b.disconnect();}B.prototype.f=function(a){var b=this.a.readyState;\"interactive\"!==b&&\"complete\"!==b||C(this);for(b=0;b<a.length;b++)for(var d=a[b].addedNodes,c=0;c<d.length;c++)A(this.c,d[c]);};function ea(){var a=this;this.b=this.a=void 0;this.c=new Promise(function(b){a.b=b;a.a&&b(a.a);});}function D(a){if(a.a)throw Error(\"Already resolved.\");a.a=void 0;a.b&&a.b(void 0);}function E(a){this.c=!1;this.a=a;this.j=new Map;this.f=function(b){return b()};this.b=!1;this.g=[];this.o=new B(a);}\n  E.prototype.l=function(a,b){var d=this;if(!(b instanceof Function))throw new TypeError(\"Custom element constructors must be functions.\");if(!g(a))throw new SyntaxError(\"The element name '\"+a+\"' is not valid.\");if(this.a.a.get(a))throw Error(\"A custom element with name '\"+a+\"' has already been defined.\");if(this.c)throw Error(\"A custom element is already being defined.\");this.c=!0;try{var c=function(b){var a=e[b];if(void 0!==a&&!(a instanceof Function))throw Error(\"The '\"+b+\"' callback must be a function.\");\n  return a},e=b.prototype;if(!(e instanceof Object))throw new TypeError(\"The custom element constructor's prototype is not an object.\");var f=c(\"connectedCallback\");var t=c(\"disconnectedCallback\");var k=c(\"adoptedCallback\");var h=c(\"attributeChangedCallback\");var m=b.observedAttributes||[];}catch(q){return}finally{this.c=!1;}b={localName:a,constructorFunction:b,connectedCallback:f,disconnectedCallback:t,adoptedCallback:k,attributeChangedCallback:h,observedAttributes:m,constructionStack:[]};ba(this.a,\n  a,b);this.g.push(b);this.b||(this.b=!0,this.f(function(){return fa(d)}));};E.prototype.i=function(a){A(this.a,a);};\n  function fa(a){if(!1!==a.b){a.b=!1;for(var b=a.g,d=[],c=new Map,e=0;e<b.length;e++)c.set(b[e].localName,[]);A(a.a,document,{i:function(b){if(void 0===b.__CE_state){var e=b.localName,f=c.get(e);f?f.push(b):a.a.a.get(e)&&d.push(b);}}});for(e=0;e<d.length;e++)y(a.a,d[e]);for(;0<b.length;){var f=b.shift();e=f.localName;f=c.get(f.localName);for(var t=0;t<f.length;t++)y(a.a,f[t]);(e=a.j.get(e))&&D(e);}}}E.prototype.get=function(a){if(a=this.a.a.get(a))return a.constructorFunction};\n  E.prototype.m=function(a){if(!g(a))return Promise.reject(new SyntaxError(\"'\"+a+\"' is not a valid custom element name.\"));var b=this.j.get(a);if(b)return b.c;b=new ea;this.j.set(a,b);this.a.a.get(a)&&!this.g.some(function(b){return b.localName===a})&&D(b);return b.c};E.prototype.s=function(a){C(this.o);var b=this.f;this.f=function(d){return a(function(){return b(d)})};};window.CustomElementRegistry=E;E.prototype.define=E.prototype.l;E.prototype.upgrade=E.prototype.i;E.prototype.get=E.prototype.get;\n  E.prototype.whenDefined=E.prototype.m;E.prototype.polyfillWrapFlushCallback=E.prototype.s;var F=window.Document.prototype.createElement,G=window.Document.prototype.createElementNS,ha=window.Document.prototype.importNode,ia=window.Document.prototype.prepend,ja=window.Document.prototype.append,ka=window.DocumentFragment.prototype.prepend,la=window.DocumentFragment.prototype.append,H=window.Node.prototype.cloneNode,I=window.Node.prototype.appendChild,J=window.Node.prototype.insertBefore,K=window.Node.prototype.removeChild,L=window.Node.prototype.replaceChild,M=Object.getOwnPropertyDescriptor(window.Node.prototype,\n  \"textContent\"),N=window.Element.prototype.attachShadow,O=Object.getOwnPropertyDescriptor(window.Element.prototype,\"innerHTML\"),P=window.Element.prototype.getAttribute,Q=window.Element.prototype.setAttribute,R=window.Element.prototype.removeAttribute,S=window.Element.prototype.getAttributeNS,T=window.Element.prototype.setAttributeNS,U=window.Element.prototype.removeAttributeNS,ma=window.Element.prototype.insertAdjacentElement,na=window.Element.prototype.insertAdjacentHTML,oa=window.Element.prototype.prepend,\n  pa=window.Element.prototype.append,V=window.Element.prototype.before,qa=window.Element.prototype.after,ra=window.Element.prototype.replaceWith,sa=window.Element.prototype.remove,ta=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,\"innerHTML\"),ua=window.HTMLElement.prototype.insertAdjacentElement,va=window.HTMLElement.prototype.insertAdjacentHTML;var wa=new function(){};function xa(){var a=X;window.HTMLElement=function(){function b(){var b=this.constructor,c=a.g.get(b);if(!c)throw Error(\"The custom element being constructed was not registered with `customElements`.\");var e=c.constructionStack;if(0===e.length)return e=F.call(document,c.localName),Object.setPrototypeOf(e,b.prototype),e.__CE_state=1,e.__CE_definition=c,w(a,e),e;c=e.length-1;var f=e[c];if(f===wa)throw Error(\"The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.\");\n  e[c]=wa;Object.setPrototypeOf(f,b.prototype);w(a,f);return f}b.prototype=ta.prototype;Object.defineProperty(b.prototype,\"constructor\",{writable:!0,configurable:!0,enumerable:!1,value:b});return b}();}function Y(a,b,d){function c(b){return function(d){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var f=[],m=0;m<e.length;m++){var q=e[m];q instanceof Element&&l(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)c.push(q);else c.push(q);}b.apply(this,e);for(e=0;e<f.length;e++)z(a,f[e]);if(l(this))for(e=0;e<c.length;e++)f=c[e],f instanceof Element&&x(a,f);}}void 0!==d.h&&(b.prepend=c(d.h));void 0!==d.append&&(b.append=c(d.append));}function ya(){var a=X;r(Document.prototype,\"createElement\",function(b){if(this.__CE_hasRegistry){var d=a.a.get(b);if(d)return new d.constructorFunction}b=F.call(this,b);w(a,b);return b});r(Document.prototype,\"importNode\",function(b,d){b=ha.call(this,b,!!d);this.__CE_hasRegistry?A(a,b):v(a,b);return b});r(Document.prototype,\"createElementNS\",function(b,d){if(this.__CE_hasRegistry&&(null===b||\"http://www.w3.org/1999/xhtml\"===b)){var c=a.a.get(d);if(c)return new c.constructorFunction}b=G.call(this,b,\n  d);w(a,b);return b});Y(a,Document.prototype,{h:ia,append:ja});}function za(){function a(a,c){Object.defineProperty(a,\"textContent\",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)c.set.call(this,a);else {var d=void 0;if(this.firstChild){var e=this.childNodes,k=e.length;if(0<k&&l(this)){d=Array(k);for(var h=0;h<k;h++)d[h]=e[h];}}c.set.call(this,a);if(d)for(a=0;a<d.length;a++)z(b,d[a]);}}});}var b=X;r(Node.prototype,\"insertBefore\",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);\n  a=J.call(this,a,c);if(l(this))for(c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);c=J.call(this,a,c);e&&z(b,a);l(this)&&x(b,a);return c});r(Node.prototype,\"appendChild\",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=I.call(this,a);if(l(this))for(var e=0;e<c.length;e++)x(b,c[e]);return a}c=l(a);e=I.call(this,a);c&&z(b,a);l(this)&&x(b,a);return e});r(Node.prototype,\"cloneNode\",function(a){a=H.call(this,!!a);this.ownerDocument.__CE_hasRegistry?A(b,a):v(b,\n  a);return a});r(Node.prototype,\"removeChild\",function(a){var c=l(a),e=K.call(this,a);c&&z(b,a);return e});r(Node.prototype,\"replaceChild\",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=L.call(this,a,c);if(l(this))for(z(b,c),c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);var f=L.call(this,a,c),d=l(this);d&&z(b,c);e&&z(b,a);d&&x(b,a);return f});M&&M.get?a(Node.prototype,M):ca(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],\n  b=0;b<this.childNodes.length;b++){var f=this.childNodes[b];f.nodeType!==Node.COMMENT_NODE&&a.push(f.textContent);}return a.join(\"\")},set:function(a){for(;this.firstChild;)K.call(this,this.firstChild);null!=a&&\"\"!==a&&I.call(this,document.createTextNode(a));}});});}function Aa(a){function b(b){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d]=arguments[d];d=[];for(var k=[],h=0;h<c.length;h++){var m=c[h];m instanceof Element&&l(m)&&k.push(m);if(m instanceof DocumentFragment)for(m=m.firstChild;m;m=m.nextSibling)d.push(m);else d.push(m);}b.apply(this,c);for(c=0;c<k.length;c++)z(a,k[c]);if(l(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&x(a,k);}}var d=Element.prototype;void 0!==V&&(d.before=b(V));void 0!==V&&(d.after=b(qa));void 0!==ra&&\n  r(d,\"replaceWith\",function(b){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var d=[],k=0;k<e.length;k++){var h=e[k];h instanceof Element&&l(h)&&d.push(h);if(h instanceof DocumentFragment)for(h=h.firstChild;h;h=h.nextSibling)c.push(h);else c.push(h);}k=l(this);ra.apply(this,e);for(e=0;e<d.length;e++)z(a,d[e]);if(k)for(z(a,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&x(a,d);});void 0!==sa&&r(d,\"remove\",function(){var b=l(this);sa.call(this);b&&z(a,this);});}function Ba(){function a(a,b){Object.defineProperty(a,\"innerHTML\",{enumerable:b.enumerable,configurable:!0,get:b.get,set:function(a){var e=this,d=void 0;l(this)&&(d=[],p(this,function(a){a!==e&&d.push(a);}));b.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var t=d[f];1===t.__CE_state&&c.disconnectedCallback(t);}this.ownerDocument.__CE_hasRegistry?A(c,this):v(c,this);return a}});}function b(a,b){r(a,\"insertAdjacentElement\",function(a,e){var d=l(e);a=b.call(this,a,e);d&&z(c,e);l(a)&&x(c,e);return a});}\n  function d(a,b){function e(a,b){for(var e=[];a!==b;a=a.nextSibling)e.push(a);for(b=0;b<e.length;b++)A(c,e[b]);}r(a,\"insertAdjacentHTML\",function(a,c){a=a.toLowerCase();if(\"beforebegin\"===a){var d=this.previousSibling;b.call(this,a,c);e(d||this.parentNode.firstChild,this);}else if(\"afterbegin\"===a)d=this.firstChild,b.call(this,a,c),e(this.firstChild,d);else if(\"beforeend\"===a)d=this.lastChild,b.call(this,a,c),e(d||this.firstChild,null);else if(\"afterend\"===a)d=this.nextSibling,b.call(this,a,c),e(this.nextSibling,\n  d);else throw new SyntaxError(\"The value provided (\"+String(a)+\") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.\");});}var c=X;N&&r(Element.prototype,\"attachShadow\",function(a){a=N.call(this,a);var b=c;if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var e=0;e<b.c.length;e++)b.c[e](a);}return this.__CE_shadowRoot=a});O&&O.get?a(Element.prototype,O):W&&W.get?a(HTMLElement.prototype,W):da(c,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return H.call(this,!0).innerHTML},\n  set:function(a){var b=\"template\"===this.localName,c=b?this.content:this,e=G.call(document,this.namespaceURI,this.localName);for(e.innerHTML=a;0<c.childNodes.length;)K.call(c,c.childNodes[0]);for(a=b?e.content:e;0<a.childNodes.length;)I.call(c,a.childNodes[0]);}});});r(Element.prototype,\"setAttribute\",function(a,b){if(1!==this.__CE_state)return Q.call(this,a,b);var e=P.call(this,a);Q.call(this,a,b);b=P.call(this,a);c.attributeChangedCallback(this,a,e,b,null);});r(Element.prototype,\"setAttributeNS\",function(a,\n  b,d){if(1!==this.__CE_state)return T.call(this,a,b,d);var e=S.call(this,a,b);T.call(this,a,b,d);d=S.call(this,a,b);c.attributeChangedCallback(this,b,e,d,a);});r(Element.prototype,\"removeAttribute\",function(a){if(1!==this.__CE_state)return R.call(this,a);var b=P.call(this,a);R.call(this,a);null!==b&&c.attributeChangedCallback(this,a,b,null,null);});r(Element.prototype,\"removeAttributeNS\",function(a,b){if(1!==this.__CE_state)return U.call(this,a,b);var d=S.call(this,a,b);U.call(this,a,b);var e=S.call(this,\n  a,b);d!==e&&c.attributeChangedCallback(this,b,d,e,a);});ua?b(HTMLElement.prototype,ua):ma?b(Element.prototype,ma):console.warn(\"Custom Elements: `Element#insertAdjacentElement` was not patched.\");va?d(HTMLElement.prototype,va):na?d(Element.prototype,na):console.warn(\"Custom Elements: `Element#insertAdjacentHTML` was not patched.\");Y(c,Element.prototype,{h:oa,append:pa});Aa(c);}var Z=window.customElements;if(!Z||Z.forcePolyfill||\"function\"!=typeof Z.define||\"function\"!=typeof Z.get){var X=new u;xa();ya();Y(X,DocumentFragment.prototype,{h:ka,append:la});za();Ba();document.__CE_hasRegistry=!0;var customElements=new E(X);Object.defineProperty(window,\"customElements\",{configurable:!0,enumerable:!0,value:customElements});}}).call(self);\n\n// Polyfill document.baseURI\n\"string\"!==typeof document.baseURI&&Object.defineProperty(Document.prototype,\"baseURI\",{enumerable:!0,configurable:!0,get:function(){var a=document.querySelector(\"base\");return a&&a.href?a.href:document.URL}});\n\n// Polyfill CustomEvent\n\"function\"!==typeof window.CustomEvent&&(window.CustomEvent=function(c,a){a=a||{bubbles:!1,cancelable:!1,detail:void 0};var b=document.createEvent(\"CustomEvent\");b.initCustomEvent(c,a.bubbles,a.cancelable,a.detail);return b},window.CustomEvent.prototype=window.Event.prototype);\n\n// Event.composedPath\n(function(b,c,d){b.composedPath||(b.composedPath=function(){if(this.path)return this.path;var a=this.target;for(this.path=[];null!==a.parentNode;)this.path.push(a),a=a.parentNode;this.path.push(c,d);return this.path});})(Event.prototype,document,window);\n\n/*!\nElement.closest and Element.matches\nhttps://github.com/jonathantneal/closest\nCreative Commons Zero v1.0 Universal\n*/\n(function(a){\"function\"!==typeof a.matches&&(a.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){a=(this.document||this.ownerDocument).querySelectorAll(a);for(var b=0;a[b]&&a[b]!==this;)++b;return !!a[b]});\"function\"!==typeof a.closest&&(a.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode;}return null});})(window.Element.prototype);\n\n/*!\nElement.getRootNode()\n*/\n(function(c){function d(a){a=b(a);return a&&11===a.nodeType?d(a.host):a}function b(a){return a&&a.parentNode?b(a.parentNode):a}\"function\"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)});})(Element.prototype);\n\n/*!\nElement.isConnected()\n*/\n(function(a){\"isConnected\"in a||Object.defineProperty(a,\"isConnected\",{configurable:!0,enumerable:!0,get:function(){var a=this.getRootNode({composed:!0});return a&&9===a.nodeType}});})(Element.prototype);\n\n/*!\nElement.remove()\n*/\n(function(b){b.forEach(function(a){a.hasOwnProperty(\"remove\")||Object.defineProperty(a,\"remove\",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this);}});});})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);\n\n/*!\nElement.classList\n*/\n!function(e){'classList'in e||Object.defineProperty(e,\"classList\",{get:function(){var e=this,t=(e.getAttribute(\"class\")||\"\").replace(/^\\s+|\\s$/g,\"\").split(/\\s+/g);function n(){t.length>0?e.setAttribute(\"class\",t.join(\" \")):e.removeAttribute(\"class\");}return \"\"===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n();},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n();},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n();},t.item=function(e){return t[e]},t.contains=function(e){return -1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n();},t.value=e.getAttribute(\"class\")||\"\",t}});}(Element.prototype);\n\n/*!\nDOMTokenList\n*/\n(function(b){try{document.body.classList.add();}catch(e){var c=b.add,d=b.remove;b.add=function(){for(var a=0;a<arguments.length;a++)c.call(this,arguments[a]);};b.remove=function(){for(var a=0;a<arguments.length;a++)d.call(this,arguments[a]);};}})(DOMTokenList.prototype);\n"]}

package/dist/nano-components/p-492a8fa8.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){t({D:void 0,a:u,b:h,c:r,d:i,e:f,f:s,g:d,h:g,i:v,j:D,k:c,p:a,s:o});var e=/^(\d{4})-(\d{2})-(\d{2})$/;var n;(function(t){t[t["Sunday"]=0]="Sunday";t[t["Monday"]=1]="Monday";t[t["Tuesday"]=2]="Tuesday";t[t["Wednesday"]=3]="Wednesday";t[t["Thursday"]=4]="Thursday";t[t["Friday"]=5]="Friday";t[t["Saturday"]=6]="Saturday"})(n||(n=t("D",{})));function r(t,e,n){var r=parseInt(n,10);var a=parseInt(e,10);var u=parseInt(t,10);var i=Number.isInteger(u)&&Number.isInteger(a)&&Number.isInteger(r)&&a>0&&a<=12&&r>0&&r<=31&&u>0;if(i){return new Date(u,a-1,r)}}function a(t){if(!t){return}var n=t.match(e);if(n){return r(n[1],n[2],n[3])}}function u(t){if(!t){return""}var e=t.getDate().toString(10);var n=(t.getMonth()+1).toString(10);var r=t.getFullYear().toString(10);if(t.getDate()<10){e="0"+e}if(t.getMonth()<9){n="0"+n}return r+"-"+n+"-"+e}function i(t,e){var n=new Date(t);n.setDate(n.getDate()+e);return n}function o(t,e){if(e===void 0){e=n.Monday}var r=new Date(t);var a=r.getDay();var u=(a<e?7:0)+a-e;r.setDate(r.getDate()-u);return r}function f(t,e){if(e===void 0){e=n.Monday}var r=new Date(t);var a=r.getDay();var u=(a<e?-7:0)+6-(a-e);r.setDate(r.getDate()+u);return r}function d(t){return new Date(t.getFullYear(),t.getMonth(),1)}function g(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function s(t,e){var n=new Date(t);n.setMonth(e);return n}function c(t,e){var n=new Date(t);n.setFullYear(e);return n}function v(t,e,n){return D(t,e,n)===t}function D(t,e,n){var r=t.getTime();if(e&&e instanceof Date&&r<e.getTime()){return e}if(n&&n instanceof Date&&r>n.getTime()){return n}return t}function y(){return Math.random().toString(16).slice(-4)}function h(t){return t+"-"+y()+y()+"-"+y()+"-"+y()+"-"+y()+"-"+y()+y()+y()}}}}));
+//# sourceMappingURL=p-492a8fa8.system.js.map

package/dist/nano-components/p-492a8fa8.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/date-utils.ts"],"names":["ISO_DATE_FORMAT","DaysOfWeek","exports","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseISODate","value","matches","match","printISODate","date","d","getDate","toString","m","getMonth","y","getFullYear","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","chr4","Math","random","slice","createIdentifier","prefix"],"mappings":"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","sourcesContent":["const ISO_DATE_FORMAT = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nexport enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport function createDate(year: string, month: string, day: string): Date {\n  var dayInt = parseInt(day, 10);\n  var monthInt = parseInt(month, 10);\n  var yearInt = parseInt(year, 10);\n\n  const isValid =\n    Number.isInteger(yearInt) && // all parts should be integers\n    Number.isInteger(monthInt) &&\n    Number.isInteger(dayInt) &&\n    monthInt > 0 && // month must be 1-12\n    monthInt <= 12 &&\n    dayInt > 0 && // day must be 1-31\n    dayInt <= 31 &&\n    yearInt > 0;\n\n  if (isValid) {\n    return new Date(yearInt, monthInt - 1, dayInt);\n  }\n}\n\n/**\n * @param value date string in ISO format YYYY-MM-DD\n */\nexport function parseISODate(value: string): Date {\n  if (!value) {\n    return;\n  }\n\n  const matches = value.match(ISO_DATE_FORMAT);\n  if (matches) {\n    return createDate(matches[1], matches[2], matches[3]);\n  }\n}\n\n/**\n * print date in format YYYY-MM-DD\n * @param date\n */\nexport function printISODate(date: Date): string {\n  if (!date) {\n    return '';\n  }\n\n  var d = date.getDate().toString(10);\n  var m = (date.getMonth() + 1).toString(10);\n  var y = date.getFullYear().toString(10);\n\n  // days are not zero-indexed, so pad if less than 10\n  if (date.getDate() < 10) {\n    d = `0${d}`;\n  }\n\n  // months *are* zero-indexed, pad if less than 9!\n  if (date.getMonth() < 9) {\n    m = `0${m}`;\n  }\n\n  return `${y}-${m}-${d}`;\n}\n\n/**\n * Compare if two dates are equal in terms of day, month, and year\n */\nexport function isEqual(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false;\n  }\n\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function addDays(date: Date, days: number): Date {\n  var d = new Date(date);\n  d.setDate(d.getDate() + days);\n  return d;\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date);\n  d.setMonth(date.getMonth() + months);\n  return d;\n}\n\nexport function addYears(date: Date, years: number): Date {\n  const d = new Date(date);\n  d.setFullYear(date.getFullYear() + years);\n  return d;\n}\n\nexport function startOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\n\n  d.setDate(d.getDate() - diff);\n  return d;\n}\n\nexport function endOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\n\n  d.setDate(d.getDate() + diff);\n  return d;\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function endOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const d = new Date(date);\n  d.setMonth(month);\n  return d;\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const d = new Date(date);\n  d.setFullYear(year);\n  return d;\n}\n\n/**\n * Check if date is within a min and max\n */\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\n  return clamp(date, min, max) === date;\n}\n\n/**\n * Ensures date is within range, returns min or max if out of bounds\n */\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\n  const time = date.getTime();\n\n  if (min && min instanceof Date && time < min.getTime()) {\n    return min;\n  }\n  if (max && max instanceof Date && time > max.getTime()) {\n    return max;\n  }\n  return date;\n}\n\n/**\n * given start and end date, return an (inclusive) array of all dates in between\n * @param start\n * @param end\n */\nfunction getDaysInRange(start: Date, end: Date): Date[] {\n  const days: Date[] = [];\n  let current = start;\n\n  while (!isEqual(current, end)) {\n    days.push(current);\n    current = addDays(current, 1);\n  }\n\n  days.push(current);\n\n  return days;\n}\n\n/**\n * given a date, return an array of dates from a calendar perspective\n * @param date\n * @param firstDayOfWeek\n */\nexport function getViewOfMonth(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date[] {\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\n\n  return getDaysInRange(start, end);\n}\n\n/**\n * Form random hash\n */\nexport function chr4() {\n  return Math.random().toString(16).slice(-4);\n}\n\n/**\n * Create random identifier with a prefix\n * @param prefix\n */\nexport function createIdentifier(prefix) {\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;\n}\n"]}

package/dist/nano-components/p-4bca8761.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,i as r,f as n,h as i,e,g as a}from"./p-f55560d3.js";import{i as s}from"./p-6a284815.js";import{c as d}from"./p-d3af43d2.js";import{d as b}from"./p-c930d4f5.js";let c=class{constructor(r){t(this,r),this.nanoOpened=o(this,"nanoOpened",7),this.nanoClosed=o(this,"nanoClosed",7),this.slideId="nano-details-"+l++,this.stateChanging=!1,this.isLoading=!0,this.label="",this.open=!1,this.noHandle=!1,this.iconRotation=90,this.onKeyDown=t=>{switch(t.key){case"Enter":case" ":this.open=!this.open}},this.onMouseDown=()=>{this.stateChanging||(this.open=!this.open)}}toggleClick(){this.stateChanging=!0,this.open?this.show():this.hide()}hide(){this.nanoClosed.emit(this.open),b(this.contentEl,"is-shown",!1).then((()=>this.stateChanging=!1)),this.contentEl.style.height="0px"}show(){this.nanoOpened.emit(),b(this.contentEl,"is-shown",!0).then((()=>this.stateChanging=!1)),this.contentEl.style.height=this.contentArea.scrollHeight+"px"}resize(){this.open&&this.contentArea&&this.contentEl&&!this.stateChanging&&r((()=>{this.contentArea.scrollHeight>0&&n((()=>{this.contentEl.style.height=this.contentArea.scrollHeight+"px"}))}))}componentWillLoad(){this.hasStartSlot=!!this.el.querySelector('[slot="icon-start"]'),this.hasEndSlot=!!this.el.querySelector('[slot="icon-end"]'),setTimeout((()=>{this.isLoading=!1}),100)}componentDidLoad(){this.open&&setTimeout((()=>{this.show()}),0)}connectedCallback(){(this.mo=new MutationObserver((()=>this.resize()))).observe(this.el,{childList:!0,subtree:!0,attributes:!0}),(this.ro=new s((()=>this.resize()))).observe(this.el)}disconnectedCallback(){this.mo&&this.mo.disconnect(),this.ro&&this.ro.disconnect()}render(){return i(e,{class:Object.assign({},d(this.color))},i("div",{class:{open:this.open,loaded:!this.isLoading}},i("button",{onKeyDown:this.onKeyDown,onMouseDown:this.onMouseDown,"aria-controls":this.slideId,"aria-expanded":this.open?"true":"false",style:{display:this.noHandle?"none":""}},this.hasStartSlot?i("span",{class:"icon icon--start",style:{transform:this.open?`rotate(${this.iconRotation}deg)`:""}},i("slot",{name:"icon-start"})):"",i("div",{class:"label"},this.label?this.label:i("slot",{name:"label"})),this.hasEndSlot?i("span",{class:"icon icon--end",style:{transform:this.open?`rotate(${this.iconRotation}deg)`:""}},i("slot",{name:"icon-end"})):""),i("div",{class:"content",ref:t=>this.contentEl=t,tabindex:"-1",id:this.slideId},i("div",{ref:t=>this.contentArea=t,class:"content__area"},i("slot",null)))))}get el(){return a(this)}static get watchers(){return{open:["toggleClick"]}}},l=0;c.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;--padding:1em;--btn-padding:var(--padding);--btn-bg-color:var(--nano-color-contrast, #dad6d3);--btn-bg-color--open:var(--nano-color-base, #dad6d3);--btn-bg-color--hover:var(--nano-color-tint, #f9f9fb);--btn-text-color:var(--nano-color-base, #455556);--btn-text-color--open:var(--nano-color-contrast, var(--btn-text-color));--btn-text-color--hover:var(--nano-color-contrast, var(--btn-text-color));--content-bg-color:transparent;--content-text-color:#455556;--content-transition:height 0.2s ease-out;--border-width:none;--border-color:none;--border-style:none;--border-radius:none;--box-shadow:none;--focus-style:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:block;border-style:var(--border-style);border-width:var(--border-width-dims);border-color:var(--border-color);border-radius:var(--border-radius-dims);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host(:last-of-type){--border-width-dims:0 var(--border-width) var(--border-width);--border-radius-dims:0 0 var(--border-radius) var(--border-radius)}:host(:last-of-type) .open .content{border-radius:0 0 var(--border-radius) var(--border-radius)}:host(:first-of-type){--border-radius-dims:var(--border-radius) var(--border-radius) 0 0;--border-width-dims:var(--border-width)}:host(:first-of-type:last-of-type){--border-radius-dims:var(--border-radius);--border-width-dims:var(--border-width)}:host(:not(:last-of-type):not(:first-of-type)){--border-width-dims:0 var(--border-width) var(--border-width)}:host(.nano-color){--btn-bg-color:var(--nano-color-contrast, var(--nano-color-primary-contrast, #fff));--btn-bg-color--open:var(--nano-color-base, var(--nano-color-primary, #0084a9));--btn-bg-color--hover:var(--nano-color-tint, var(--nano-color-primary-tint, #2696b6));--btn-text-color:var(--nano-color-base, var(--nano-color-primary, #0084a9));--btn-text-color--open:var(\n      --nano-color-contrast,\n      var(--nano-color-primary-contrast, #fff)\n    );--btn-text-color--hover:var(\n      --nano-color-contrast,\n      var(--nano-color-primary-contrast, #fff)\n    )}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:var(--btn-padding);text-align:inherit;position:relative;font-size:1em;margin:0;-webkit-transition:0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;transition:0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--btn-bg-color);color:var(--btn-text-color);border-radius:var(--border-radius-dims)}button[dir=rtl]{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}button:focus{-webkit-box-shadow:var(--focus-style);box-shadow:var(--focus-style);outline:none;position:relative;z-index:1}:hover button{background:var(--btn-bg-color--hover);color:var(--btn-text-color--hover)}.open button{background:var(--btn-bg-color--open);color:var(--btn-text-color--open);border-bottom-right-radius:0;border-bottom-left-radius:0}button .label{width:100%;max-width:100%;max-height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block}button .icon{line-height:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:inline-block;color:currentColor;-webkit-transition:0.3s ease transform;transition:0.3s ease transform;-webkit-transform-origin:center;transform-origin:center}button .icon--start{margin-left:0;margin-right:var(--padding);margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){button .icon--start{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--padding);margin-inline-end:var(--padding)}}button .icon--end{margin-left:var(--padding);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){button .icon--end{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding);margin-inline-start:var(--padding);-webkit-margin-end:0;margin-inline-end:0}}button .icon ::slotted(nano-icon){--color:"currentColor"}.content{color:var(--content-text-color);background:var(--content-bg-color);height:0;overflow:hidden;-webkit-transition:0.2s ease border-radius;transition:0.2s ease border-radius;outline:none}.loaded .content{-webkit-transition:var(--content-transition), 0.2s ease border-radius;transition:var(--content-transition), 0.2s ease border-radius}.content>*{opacity:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.open .content>*{opacity:1}.content__area{padding:var(--padding)}';export{c as nano_details}
+//# sourceMappingURL=p-4bca8761.entry.js.map

package/dist/nano-components/p-4bca8761.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/details/details.tsx","src/components/details/details.scss?tag=nano-details&encapsulation=shadow"],"names":["Details","[object Object]","hostRef","this","slideId","slideIds","stateChanging","isLoading","label","open","noHandle","iconRotation","onKeyDown","ev","key","onMouseDown","show","hide","nanoClosed","emit","displayTransition","contentEl","then","style","height","nanoOpened","contentArea","scrollHeight","readTask","writeTask","hasStartSlot","el","querySelector","hasEndSlot","setTimeout","mo","MutationObserver","resize","observe","childList","subtree","attributes","ro","ResizeObserver","disconnect","h","Host","class","Object","assign","createColorClasses","color","loaded","aria-controls","aria-expanded","display","transform","name","ref","div","tabindex","id"],"mappings":"yLAgCaA,EAAO,MALpBC,YAAAC,2FAQUC,KAAAC,QAAU,gBAAgBC,IAI1BF,KAAAG,eAAyB,EAExBH,KAAAI,WAAY,EAUbJ,KAAAK,MAAgB,GAKgBL,KAAAM,MAAgB,EAKhDN,KAAAO,UAAoB,EAKpBP,KAAAQ,aAAuB,GA0BvBR,KAAAS,UAAaC,IACnB,OAAQA,EAAGC,KACT,IAAK,QACL,IAAK,IACHX,KAAKM,MAAQN,KAAKM,OAKhBN,KAAAY,YAAc,KAChBZ,KAAKG,gBACTH,KAAKM,MAAQN,KAAKM,OAjBpBR,cACEE,KAAKG,eAAgB,EACjBH,KAAKM,KAAMN,KAAKa,OACfb,KAAKc,OAiBJhB,OACNE,KAAKe,WAAWC,KAAKhB,KAAKM,MAC1BW,EAAkBjB,KAAKkB,UAAW,YAAY,GAAOC,MACnD,IAAOnB,KAAKG,eAAgB,IAE9BH,KAAKkB,UAAUE,MAAMC,OAAS,MAGxBvB,OACNE,KAAKsB,WAAWN,OAChBC,EAAkBjB,KAAKkB,UAAW,YAAY,GAAMC,MAClD,IAAOnB,KAAKG,eAAgB,IAE9BH,KAAKkB,UAAUE,MAAMC,OAASrB,KAAKuB,YAAYC,aAAe,KAGxD1B,SAEHE,KAAKM,MACLN,KAAKuB,aACLvB,KAAKkB,YACNlB,KAAKG,eAGPsB,GAAS,KACHzB,KAAKuB,YAAYC,aAAe,GAClCE,GAAU,KAER1B,KAAKkB,UAAUE,MAAMC,OAASrB,KAAKuB,YAAYC,aAAe,WAOtE1B,oBACEE,KAAK2B,eAAiB3B,KAAK4B,GAAGC,cAAc,uBAC5C7B,KAAK8B,aAAe9B,KAAK4B,GAAGC,cAAc,qBAC1CE,YAAW,KACT/B,KAAKI,WAAY,IAChB,KAGLN,mBACME,KAAKM,MAEPyB,YAAW,KACT/B,KAAKa,SACJ,GAIPf,qBAEcE,KAAKgC,GAAK,IAAIC,kBAAiB,IAAMjC,KAAKkC,YACnDC,QAAQnC,KAAK4B,GAAI,CAAEQ,WAAW,EAAMC,SAAS,EAAMC,YAAY,KAEtDtC,KAAKuC,GAAK,IAAIC,GAAe,IAAMxC,KAAKkC,YACjDC,QAAQnC,KAAK4B,IAGlB9B,uBACME,KAAKgC,IAAIhC,KAAKgC,GAAGS,aACjBzC,KAAKuC,IAAIvC,KAAKuC,GAAGE,aAGvB3C,SACE,OACE4C,EAACC,EAAI,CAACC,MAAKC,OAAAC,OAAA,GAAOC,EAAmB/C,KAAKgD,SACxCN,EAAA,MAAA,CACEE,MAAO,CACLtC,KAAMN,KAAKM,KACX2C,QAASjD,KAAKI,YAGhBsC,EAAA,SAAA,CACEjC,UAAWT,KAAKS,UAChBG,YAAaZ,KAAKY,YAAWsC,gBACdlD,KAAKC,QAAOkD,gBACZnD,KAAKM,KAAO,OAAS,QACpCc,MAAO,CAAEgC,QAASpD,KAAKO,SAAW,OAAS,KAE1CP,KAAK2B,aACJe,EAAA,OAAA,CACEE,MAAM,mBACNxB,MAAO,CACLiC,UAAWrD,KAAKM,KAAO,UAAUN,KAAKQ,mBAAqB,KAG7DkC,EAAA,OAAA,CAAMY,KAAK,gBACN,GAITZ,EAAA,MAAA,CAAKE,MAAM,SACR5C,KAAKK,MAAQL,KAAKK,MAAQqC,EAAA,OAAA,CAAMY,KAAK,WAEvCtD,KAAK8B,WACJY,EAAA,OAAA,CACEE,MAAM,iBACNxB,MAAO,CACLiC,UAAWrD,KAAKM,KAAO,UAAUN,KAAKQ,mBAAqB,KAG7DkC,EAAA,OAAA,CAAMY,KAAK,cACN,IAKXZ,EAAA,MAAA,CACEE,MAAM,UACNW,IAAMC,GAASxD,KAAKkB,UAAYsC,EAChCC,SAAS,KACTC,GAAI1D,KAAKC,SAETyC,EAAA,MAAA,CAAKa,IAAMC,GAASxD,KAAKuB,YAAciC,EAAMZ,MAAM,iBACjDF,EAAA,OAAA,uFASVxC,EAAW,UCxOI","sourcesContent":["import {\n  Component,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Host,\n  State,\n  writeTask,\n  readTask,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/theme';\nimport { testLegacyStyle, displayTransition } from '../../utils/utils';\n\n/**\n * A simple element used to hide or reveal more content with slide effect. Can be used independently or nested within a [accordion](story/components-accordion--accordion) element to add 'one item open at a time' support.\n */\n/**\n * @slot - content that will be hidden / revealed\n * @slot icon-start - used for icons at the start of the handle\n * @slot label - can be used when you wish to insert complex label markup\n * @slot icon-end - used for icons at the end of the handle\n */\n@Component({\n  tag: 'nano-details',\n  styleUrl: 'details.scss',\n  shadow: true,\n})\nexport class Details {\n  private hasStartSlot: boolean;\n  private hasEndSlot: boolean;\n  private slideId = `nano-details-${slideIds++}`;\n  private mo?: MutationObserver;\n  private ro?: ResizeObserver;\n  private contentArea: HTMLDivElement;\n  private stateChanging: boolean = false;\n\n  @State() isLoading = true;\n\n  @Element() private el: HTMLNanoDetailsElement;\n\n  private contentEl: HTMLElement;\n\n  /**\n   * Button / handle text to be used if no complex markup required.\n   * Otherwise use label slot.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Should item be open on load\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Have no handle - you will need to control the hiding / showing of content with script\n   */\n  @Prop() noHandle: boolean = false;\n\n  /**\n   * Icon slot rotation amount (degrees) on open\n   */\n  @Prop() iconRotation: number = 90;\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Emitted when the component opens.\n   * Note: when wrapped in an accordion this event will not propogate. Use nanoToggle events instead.\n   */\n  @Event() nanoOpened: EventEmitter;\n\n  /**\n   * Emitted when the component closes.\n   * Note: when wrapped in an accordion this event will not propogate. Use nanoToggle events instead.\n   */\n  @Event() nanoClosed: EventEmitter;\n\n  @Watch('open')\n  toggleClick() {\n    this.stateChanging = true;\n    if (this.open) this.show();\n    else this.hide();\n  }\n\n  private onKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        this.open = !this.open;\n        break;\n    }\n  };\n\n  private onMouseDown = () => {\n    if (this.stateChanging) return;\n    this.open = !this.open;\n  };\n\n  private hide() {\n    this.nanoClosed.emit(this.open);\n    displayTransition(this.contentEl, 'is-shown', false).then(\n      () => (this.stateChanging = false)\n    );\n    this.contentEl.style.height = '0px';\n  }\n\n  private show() {\n    this.nanoOpened.emit();\n    displayTransition(this.contentEl, 'is-shown', true).then(\n      () => (this.stateChanging = false)\n    );\n    this.contentEl.style.height = this.contentArea.scrollHeight + 'px';\n  }\n\n  private resize() {\n    if (\n      !this.open ||\n      !this.contentArea ||\n      !this.contentEl ||\n      this.stateChanging\n    )\n      return;\n    readTask(() => {\n      if (this.contentArea.scrollHeight > 0) {\n        writeTask(() => {\n          // this.contentEl.style.transition = 'none';\n          this.contentEl.style.height = this.contentArea.scrollHeight + 'px';\n          // this.contentEl.style.transition = '';\n        });\n      }\n    });\n  }\n\n  componentWillLoad() {\n    this.hasStartSlot = !!this.el.querySelector('[slot=\"icon-start\"]');\n    this.hasEndSlot = !!this.el.querySelector('[slot=\"icon-end\"]');\n    setTimeout(() => {\n      this.isLoading = false;\n    }, 100);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      // disable animation on start\n      setTimeout(() => {\n        this.show();\n      }, 0);\n    }\n  }\n\n  connectedCallback() {\n    testLegacyStyle(this.el);\n    const mo = (this.mo = new MutationObserver(() => this.resize()));\n    mo.observe(this.el, { childList: true, subtree: true, attributes: true });\n\n    const ro = (this.ro = new ResizeObserver(() => this.resize()));\n    ro.observe(this.el);\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    return (\n      <Host class={{ ...createColorClasses(this.color) }}>\n        <div\n          class={{\n            open: this.open,\n            loaded: !this.isLoading,\n          }}\n        >\n          <button\n            onKeyDown={this.onKeyDown}\n            onMouseDown={this.onMouseDown}\n            aria-controls={this.slideId}\n            aria-expanded={this.open ? 'true' : 'false'}\n            style={{ display: this.noHandle ? 'none' : '' }}\n          >\n            {this.hasStartSlot ? (\n              <span\n                class=\"icon icon--start\"\n                style={{\n                  transform: this.open ? `rotate(${this.iconRotation}deg)` : '',\n                }}\n              >\n                <slot name=\"icon-start\" />\n              </span>\n            ) : (\n              ''\n            )}\n            <div class=\"label\">\n              {this.label ? this.label : <slot name=\"label\" />}\n            </div>\n            {this.hasEndSlot ? (\n              <span\n                class=\"icon icon--end\"\n                style={{\n                  transform: this.open ? `rotate(${this.iconRotation}deg)` : '',\n                }}\n              >\n                <slot name=\"icon-end\" />\n              </span>\n            ) : (\n              ''\n            )}\n          </button>\n          <div\n            class=\"content\"\n            ref={(div) => (this.contentEl = div)}\n            tabindex=\"-1\"\n            id={this.slideId}\n          >\n            <div ref={(div) => (this.contentArea = div)} class=\"content__area\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet slideIds = 0;\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  /**\n    * @prop --padding: Default to 1em;\n\n    * @prop --btn-padding: Defaults to var(--padding);\n    * @prop --btn-bg-color: Defaults to var(--nano-color-contrast, #dad6d3);\n    * @prop --btn-bg-color--open: Defaults to var(--nano-color-base, #dad6d3);\n    * @prop --btn-bg-color--hover: Defaults to var(--nano-color-tint, #{$color-offwhite});\n\n    * @prop --btn-text-color: Defaults to var(--nano-color-base, #455556);\n    * @prop --btn-text-color--open: Defaults to var(--nano-color-contrast, var(--btn-text-color));\n    * @prop --btn-text-color--hover: Defaults to var(--nano-color-contrast, var(--btn-text-color));\n\n    * @prop --content-bg-color: Defaults to transparent;\n    * @prop --content-text-color: Defaults to #455556;\n    * @prop --content-transition: Defaults to height .2s ease-out;\n\n    * @prop --border-width: Defaults to none;\n    * @prop --border-color: Defaults to none;\n    * @prop --border-style: Defaults to none;\n    * @prop --border-radius: Defaults to none;\n    * @prop --box-shadow: Defaults to none;\n    * @prop --focus-style: Defaults to #{$control-focus-style}\n  */\n\n  @include text-inherit();\n\n  --padding: 1em;\n  --btn-padding: var(--padding);\n  --btn-bg-color: var(--nano-color-contrast, #dad6d3);\n  --btn-bg-color--open: var(--nano-color-base, #dad6d3);\n  --btn-bg-color--hover: var(--nano-color-tint, #{$color-offwhite});\n  --btn-text-color: var(--nano-color-base, #455556);\n  --btn-text-color--open: var(--nano-color-contrast, var(--btn-text-color));\n  --btn-text-color--hover: var(--nano-color-contrast, var(--btn-text-color));\n  --content-bg-color: transparent;\n  --content-text-color: #455556;\n  --content-transition: height 0.2s ease-out;\n  --border-width: none;\n  --border-color: none;\n  --border-style: none;\n  --border-radius: none;\n  --box-shadow: none;\n  --focus-style: #{$control-focus-style};\n\n  display: block;\n  border-style: var(--border-style);\n  border-width: var(--border-width-dims);\n  border-color: var(--border-color);\n  border-radius: var(--border-radius-dims);\n  box-shadow: var(--box-shadow);\n}\n\n:host(:last-of-type) {\n  --border-width-dims: 0 var(--border-width) var(--border-width);\n  --border-radius-dims: 0 0 var(--border-radius) var(--border-radius);\n\n  .open .content {\n    border-radius: 0 0 var(--border-radius) var(--border-radius);\n  }\n}\n\n:host(:first-of-type) {\n  --border-radius-dims: var(--border-radius) var(--border-radius) 0 0;\n  --border-width-dims: var(--border-width);\n}\n\n:host(:first-of-type:last-of-type) {\n  --border-radius-dims: var(--border-radius);\n  --border-width-dims: var(--border-width);\n}\n\n:host(:not(:last-of-type):not(:first-of-type)) {\n  --border-width-dims: 0 var(--border-width) var(--border-width);\n}\n\n:host(.nano-color) {\n  --btn-bg-color: var(--nano-color-contrast, #{nano-color(primary, contrast)});\n  --btn-bg-color--open: var(--nano-color-base, #{nano-color(primary, base)});\n  --btn-bg-color--hover: var(--nano-color-tint, #{nano-color(primary, tint)});\n  --btn-text-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --btn-text-color--open:\n    var(\n      --nano-color-contrast,\n      #{nano-color(primary, contrast)}\n    );\n  --btn-text-color--hover:\n    var(\n      --nano-color-contrast,\n      #{nano-color(primary, contrast)}\n    );\n}\n\nbutton {\n  @include input-cover;\n\n  padding: var(--btn-padding);\n  text-align: inherit;\n  position: relative;\n  font-size: 1em;\n  margin: 0;\n  transition: 0.3s ease background, 0.3s ease color, 0.15s ease box-shadow;\n  display: flex;\n  align-items: center;\n  background: var(--btn-bg-color);\n  color: var(--btn-text-color);\n  border-radius: var(--border-radius-dims);\n\n  &:focus {\n    box-shadow: var(--focus-style);\n    outline: none;\n    position: relative;\n    z-index: 1;\n  }\n\n  :hover & {\n    background: var(--btn-bg-color--hover);\n    color: var(--btn-text-color--hover);\n  }\n\n  .open & {\n    background: var(--btn-bg-color--open);\n    color: var(--btn-text-color--open);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .label {\n    width: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    flex: 1;\n    display: inline-block;\n  }\n\n  .icon {\n    line-height: 0;\n    flex-direction: column;\n    justify-content: center;\n    display: inline-block;\n    color: currentColor;\n    transition: 0.3s ease transform;\n    transform-origin: center;\n\n    &--start {\n      @include margin(0, var(--padding), 0, 0);\n    }\n\n    &--end {\n      @include margin(0, 0, 0, var(--padding));\n    }\n\n    ::slotted(nano-icon) {\n      --color: 'currentColor';\n    }\n  }\n}\n\n.content {\n  color: var(--content-text-color);\n  background: var(--content-bg-color);\n  height: 0;\n  overflow: hidden;\n  transition: 0.2s ease border-radius;\n  outline: none;\n\n  .loaded & {\n    transition: var(--content-transition), 0.2s ease border-radius;\n  }\n\n  > * {\n    opacity: 0;\n    transition: opacity 0.2s ease-out;\n\n    .open & {\n      opacity: 1;\n    }\n  }\n\n  &__area {\n    padding: var(--padding);\n  }\n}\n"]}