@nanoporetech-digital/components 1.13.10 → 1.13.14

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/grid/grid.scss?tag=nano-grid&encapsulation=shadow","src/components/grid/grid.tsx","src/components/grid/grid-item.scss?tag=nano-grid-item&encapsulation=shadow","src/components/grid/grid-item.tsx","src/components/img/img.scss?tag=nano-img&encapsulation=shadow","src/components/img/img.tsx"],"names":["gridCss","STATEOPTS","CANSHADOW","document","head","attachShadow","Grid","exports","class_1","hostRef","this","generalClasses","gridClass","isSizes","ready","isSmall","isMedium","isLarge","isXL","isXXL","sSize","mSize","lSize","xlSize","showHelper","contentPanel","fullHeight","prototype","propChanged","applySizeClasses","_this","size","currentWidth","push","sCols","active","mCols","lCols","xlCols","xxlCols","el","style","setProperty","slice","pop","applyChildrenClasses","setTimeout","gridItems","querySelectorAll","length","forEach","gridItem","changeBP","stateArr","itemState","found","itemStates","classes","ctx","querySelector","map","call","children","gItem","hasAttribute","className","split","filter","c","startsWith","join","trim","getAttribute","stateOpt","reverse","find","state","indexOf","includes","shift","classList","add","connectedCallback","componentWillLoad","wrapper","ele","contains","nodeName","createElement","setAttribute","removeAttribute","insertBefore","appendChild","componentDidLoad","ro","ResizeObserver","entries","_i","entries_1","entry","contentRect","width","observe","disconnectedCallback","disconnect","render","h","Host","class","_a","is-legacy","undefined","grid","gridItemCss","GridItem","class_2","currGridSizes","gridStates","updateGridClasses","newGridSizes","imgCss","Img","class_3","_srcSet","hasLoaded","imgStates","lazy","autoHeight","onLoad","nanoImgDidLoad","emit","onError","nanoImgError","onResize","e","Object","detail","bp","srcOpts","keys","sort","src","_src","_srcChanged","addIO","srcChanged","srcSetChanged","srcSet","bpSrc","lazyChanged","load","window","IntersectionObserverEntry","removeIO","io","IntersectionObserver","data","isIntersecting","host","loadError","loadSrc","nanoImgWillLoad","bgStyle","background-image","background","loaded","img__bg","no-height","img__image","hide","decoding","alt","onNanoResizeStateChange","states"],"mappings":"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","sourcesContent":["// we use &::slotted selectors to target ie ... this is a due to a bug with how stencil makes css scoping for browsers without shadow-dom. Need to be mindful incase they ever fix this!\n\n@import '../../global/style/nano-theme/base';\n\n// ie 11 fixes ... maximum numbers we can place on the grid ... upping this number decreases performance a lot.\n$max-grid-cols: 10;\n\n@mixin grid($size: 1) {\n  @at-root :host(.nano-grid-#{$size}) {\n    --current-grid-size: \"grid size: #{$size}\";\n    --col-width: calc(#{100 / $size}% - var(--grid-col-gap));\n    --repeat-width: calc(100% / #{$size});\n\n    .grid {\n      grid-template-columns: repeat(#{$size}, minmax(var(--col-width), 1fr));\n\n      $current-column: 1;\n      $current-row: 1;\n\n      @for $i from 1 through ($max-grid-cols * 2) {\n        @if $current-column > $size {\n          $current-column: 1;\n          $current-row: $current-row + 1;\n        }\n\n        &::slotted(:nth-child(#{$i})) {\n          -ms-grid-row: $current-row;\n          -ms-grid-column: $current-column;\n          // use margin because there's no grid gap.\n        }\n        $current-column: $current-column + 1;\n      }\n    }\n  }\n}\n\n@mixin grid-spans {\n  @for $i from 1 through $max-grid-cols {\n    ::slotted(.nano-grid-col-start-#{$i}),\n    &::slotted(.nano-grid-col-start-#{$i}) {\n      grid-column-start: #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-row-start-#{$i}),\n    &::slotted(.nano-grid-row-start-#{$i}) {\n      grid-row-start: #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-col-span-#{$i}),\n    &::slotted(.nano-grid-col-span-#{$i}) {\n      grid-column-end: span #{$i} !important;\n    }\n\n    ::slotted(.nano-grid-row-span-#{$i}),\n    &::slotted(.nano-grid-row-span-#{$i}) {\n      grid-row-end: span #{$i} !important;\n    }\n  }\n}\n\n:host {\n  /**\n  * @prop --grid-col-gap: gap between all columns. Defaults to theme's global padding\n  * @prop --grid-row-gap: gap between all rows. Defaults to theme's global padding\n  */\n\n  --grid-col-gap: #{$spacing-medium};\n  --grid-row-gap: #{$spacing-medium};\n  --current-grid-size: \"\\'grid size: sm\\'\";\n  display: block;\n  opacity: 0;\n  transition: .2s ease opacity;\n\n  .grid {\n    /* autoprefixer: ignore next */\n    display: grid;\n    /* autoprefixer: ignore next */\n    grid-gap: var(--grid-row-gap) var(--grid-col-gap);\n    height: inherit;\n    min-height: inherit;\n\n    &::slotted(*) {\n      border: 0 solid transparent;\n      background-clip: padding-box;\n      border-width: var(--grid-row-gap) calc(var(--grid-col-gap) / 2);\n    }\n  }\n}\n\n:host(.ready) {\n  opacity: 1;\n}\n\n:host(.has-grid) {\n  .grid {\n    display: grid;\n    @include grid-spans;\n\n    // ie 'grid gap'. use border because there's no grid gap.\n    &::slotted(*) {\n      border-width: calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2);\n    }\n  }\n}\n\n// All sorts of IE fuckery to recreate grid-gap when nested etc\n:host([is-legacy]) {\n  overflow: hidden;\n\n  .grid {\n    margin-bottom: calc(var(--grid-row-gap) * -.5);\n    margin-top: calc(var(--grid-row-gap) * -.5);\n    margin-left: calc(var(--grid-col-gap) * -.5);\n    margin-right: calc(var(--grid-col-gap) * -.5);\n  }\n}\n\n// nested\nnano-grid :host-context[is-legacy] {\n  overflow: visible;\n\n  .grid {\n    &::slotted(:first-child) {\n      border-top-width: calc(var(--grid-row-gap) / 2);\n    }\n\n    &::slotted(:last-child) {\n      border-bottom-width: calc(var(--grid-row-gap) / 2);\n    }\n  }\n}\n\n:host([content-panel]:not([content-panel=\"false\"])) {\n  display: -ms-flexbox;\n  -ms-flex-direction: column;\n\n  .grid {\n    grid-template-rows: auto 1fr;\n  }\n}\n\n:host([full-height]:not([full-height=\"false\"])) {\n  height: 100%;\n\n  .grid {\n    grid-template-rows: 1fr;\n\n    &::slotted(*) {\n      min-height: 100%;\n    }\n  }\n}\n\n:host([show-helper]:not([show-helper=\"false\"])) {\n  .grid {\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      top: 0;\n      pointer-events: none;\n\n      background-image: repeating-linear-gradient(\n        to right,\n        hsla(204, 80%, 72%, 0.25),\n        hsla(204, 80%, 72%, 0.25) var(--col-width),\n        transparent var(--col-width),\n        transparent var(--repeat-width)\n      );\n      background-size: calc(100% + var(--grid-col-gap)) 100%;\n      z-index: 100;\n    }\n\n    &::before {\n      content: var(--current-grid-size);\n      font-size: 30px;\n      position: absolute;\n      width: 100%;\n      left: 0;\n      text-align: center;\n      top: 50%;\n      transform: translateY(-50%);\n      color: rgba(0, 0, 0, 0.2);\n      text-transform: uppercase;\n      z-index: 99;\n      pointer-events: none;\n    }\n  }\n}\n\n@for $i from 1 through $max-grid-cols {\n  @include grid($i);\n}\n","import { Component, h, Prop, Element, Host, State, Watch } from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { GridSizes } from '../../interface';\nimport { testLegacyStyle } from '../../utils/utils';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * A context-aware CSS grid implementation.\n * Uses it's own width to choose column number - not screen width.\n */\n@Component({\n  tag: 'nano-grid',\n  styleUrl: 'grid.scss',\n  shadow: true\n})\nexport class Grid {\n  @Element() private el: HTMLNanoGridElement;\n  private ro: ResizeObserver;\n  private generalClasses: Array<string> = [''];\n  private gridClass: string = null;\n  private isSizes: GridSizes[] = [null];\n  private currentWidth: number;\n\n  @State() ready: boolean = false;\n  @State() isSmall = false;\n  @State() isMedium = false;\n  @State() isLarge = false;\n  @State() isXL = false;\n  @State() isXXL = false;\n\n  /**\n   * the component's small breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() sSize: number = 300;\n\n  /**\n   * the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() mSize: number = 550;\n\n  /**\n   * the component's large breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() lSize: number = 800;\n\n  /**\n   * the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width.\n   */\n  @Prop() xlSize: number = 1000;\n\n  /**\n   * the number of columns the grid has at the small breakpoint.\n   */\n  @Prop() sCols: number;\n\n  /**\n   * the number of columns the grid has at the medium breakpoint.\n   */\n  @Prop() mCols: number;\n\n  /**\n   * the number of columns the grid has at the large breakpoint.\n   */\n  @Prop() lCols: number;\n\n  /**\n   * the number of columns the grid has at the xl breakpoint.\n   */\n  @Prop() xlCols: number;\n\n  /**\n   * the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)\n   */\n  @Prop() xxlCols: number;\n\n  /**\n   * shows a grid helper to visualise where columns are\n   */\n  @Prop({ reflect: true }) showHelper: boolean = false;\n\n  /**\n   * shortcut for a traditional website like grid (requires more than one row). The second row will auto expand to fill the grid height. The first row and > 2nd row will be the size of their content. e.g. header, body and footer.\n   */\n  @Prop({ reflect: true }) contentPanel: boolean = false;\n\n  /**\n   * Helper to make grid items expand to full height in IE11\n   */\n  @Prop({ reflect: true }) fullHeight: boolean = false;\n\n  @Watch('sSize')\n  @Watch('mSize')\n  @Watch('lSize')\n  @Watch('xlSize')\n  @Watch('sCols')\n  @Watch('mCols')\n  @Watch('lCols')\n  @Watch('xlCols')\n  @Watch('xxlCols')\n  propChanged() {\n    this.applySizeClasses();\n  }\n\n  private applySizeClasses() {\n    let size = this.currentWidth;\n\n    this.isSmall = false;\n    this.isMedium = false;\n    this.isLarge = false;\n    this.isXL = false;\n    this.isXXL = false;\n\n    this.generalClasses = [];\n    this.gridClass = null;\n    this.isSizes = [null];\n\n    this.isSmall = true;\n    this.generalClasses.push('is-small');\n    if (this.sCols) this.gridClass = `nano-grid-${this.sCols}`;\n    this.isSizes.push({ size: 's', active: true })\n\n    if (size > this.sSize) {\n      this.isMedium = true;\n      this.generalClasses.push('is-medium');\n      if (this.mCols) this.gridClass = `nano-grid-${this.mCols}`;\n      this.isSizes.push({ size: 'm', active: true })\n    }\n\n    if (size > this.mSize) {\n      this.isLarge = true;\n      this.generalClasses.push('is-large');\n      if (this.lCols) this.gridClass = `nano-grid-${this.lCols}`;\n      this.isSizes.push({ size: 'l', active: true })\n    }\n\n    if (size > this.lSize) {\n      this.isXL = true;\n      this.generalClasses.push('is-xl');\n      if (this.xlCols) this.gridClass = `nano-grid-${this.xlCols}`;\n      this.isSizes.push({ size: 'xl', active: true })\n    }\n\n    if (size > this.xlSize) {\n      this.isXXL = true;\n      this.generalClasses.push('is-xxl');\n      if (this.xxlCols) this.gridClass = `nano-grid-${this.xxlCols}`;\n      this.isSizes.push({ size: 'xxl', active: true })\n    }\n\n    this.el.style.setProperty('--current-grid-size', `'grid size: ${this.isSizes.slice().pop().size}'`);\n    this.applyChildrenClasses();\n    setTimeout(() => this.ready = true, 0)\n  }\n\n  private applyChildrenClasses() {\n    let gridItems = this.el.querySelectorAll('nano-grid-item');\n    if (gridItems.length) {\n      gridItems.forEach((gridItem: HTMLNanoGridItemElement) => {\n        gridItem.changeBP(this.isSizes);\n      })\n      return;\n    }\n\n    // this logic has been put into grid-item. Keep here for legacy for now\n    let stateArr: Array<string> = [''],\n      itemState: string = '',\n      found: any,\n      itemStates: Array<string>,\n      classes: Array<string>,\n      ctx: HTMLElement;\n\n    if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n    else ctx = this.el;\n\n    // item states come in 4 possible flavours at every breakpoint. E.g.\n    // xl-col-span-2\n    // xl-col-start-2\n    // xl-row-span-2\n    // xl-row-start-2\n\n    // loop through all grid items with states.\n    [].map.call(ctx.children, (gItem: HTMLElement) => {\n      if (!gItem.hasAttribute('grid-states')) return;\n\n      // gridItems.forEach(gItem => {\n\n      // clear all previous grid state classnames\n      classes = gItem.className.split(' ').filter(c => !c.startsWith('nano-grid-'));\n      gItem.className = classes.join(' ').trim();\n\n      // get all potential states this element can have\n      itemStates = gItem.getAttribute('grid-states').split(' ');\n\n      // loop through all potential state options: col & row span & start\n      STATEOPTS.forEach(stateOpt => {\n        // reset found flag\n        found = false;\n\n        // loop through all the current valid breakpoints / sizes backwards because\n        // we only care about the item's state at the largest current breakpoint.\n        this.isSizes.slice().reverse().forEach(function (size) {\n          if (found || !size) return;\n          found = itemStates.find(state => state.indexOf(`${size.size}-${stateOpt}`) === 0)\n\n          // found a state at this current size. apply class.\n          if (found) {\n            // clear previous grid state classname\n            classes = gItem.className.split(' ').filter(c => !c.includes('nano-grid-${stateOpt}'));\n            gItem.className = classes.join(' ').trim();\n\n            stateArr = found.split('-');\n\n            // remove the size of the state\n            stateArr.shift();\n            itemState = stateArr.join('-');\n\n            // add new class\n            gItem.classList.add(`nano-grid-${itemState}`);\n          }\n        })\n      })\n    })\n  }\n\n  connectedCallback() {\n    testLegacyStyle(this.el)\n  }\n\n  componentWillLoad() {\n    let wrapper: HTMLElement, ctx;\n\n    if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n    else ctx = this.el;\n\n    [].map.call(ctx.children, (ele: HTMLElement) => {\n      if (!CANSHADOW) {\n        if (ele.classList.contains('nano-griditem') || ele.nodeName === 'NANO-GRID-ITEM') return;\n\n        wrapper = document.createElement('div');\n        if (ele.hasAttribute('grid-states')) {\n          wrapper.setAttribute('grid-states', ele.getAttribute('grid-states'))\n          ele.removeAttribute('grid-states');\n        }\n\n        this.el.insertBefore(wrapper, ele);\n        wrapper.appendChild(ele);\n        wrapper.classList.add('nano-griditem')\n      } else if (ele.nodeName !== 'NANO-GRID-ITEM') ele.classList.add('nano-griditem')\n    })\n  }\n\n  componentDidLoad() {\n    this.ro = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        if (!entry.contentRect.width) return;\n        this.currentWidth = entry.contentRect.width;\n        this.applySizeClasses();\n      }\n    });\n    this.ro.observe(this.el);\n  }\n\n  disconnectedCallback() {\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    // console.log(this.currentWidth, this.generalClasses.join(' '), this.gridClass, this.showHelper, this.gridClass)\n    return (\n      <Host class={{\n          [this.generalClasses.join(' ')]: true,\n          'has-grid': !!this.gridClass,\n          'ready': this.ready,\n          [this.gridClass]: true\n        }}\n        is-legacy={!CANSHADOW ? true : undefined}\n      >\n        <div class={{\n          'grid': true\n        }}><slot /></div>\n      </Host>\n    );\n  }\n}\n\n// <Host class={{\n//         [this.generalClasses.join(' ')]: true,\n//         [this.gridClass]: true,\n//         'helper': this.showHelper,\n//         'has-grid': !!this.gridClass,\n//         'legacy': !CANSHADOW,\n//         'content-panel': this.contentPanel,\n//         'full-height': this.fullHeight,\n//         'ready': this.ready\n//       }}></Host>\n",":host {\n  display: block;\n}","import { Component, h, Prop, Element, Method, Watch } from '@stencil/core';\nimport { GridSizes } from '../../interface';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\n\n/**\n * Grid items to be used with [grid](/story/nano-components-grid) elements\n */\n@Component({\n  tag: 'nano-grid-item',\n  styleUrl: 'grid-item.scss',\n  shadow: true\n})\nexport class GridItem {\n  private currGridSizes: GridSizes[] = [null];\n\n  @Element() private el: HTMLNanoGridItemElement;\n  /**\n   * How to position this item within it's parent grid at different break points. Examples:\n   * xl-col-span-2\n   * l-col-start-2\n   * xxl-row-span-2\n   * m-row-start-2\n   */\n  @Prop() gridStates: string = '';\n\n  @Watch('gridStates')\n  updateGridClasses() {\n    this.applyChildrenClasses();\n  }\n\n  /**\n   * Called by parent grid to trigger new classes\n   * @internal\n   */\n  @Method()\n  async changeBP(newGridSizes: GridSizes[]) {\n    if (this.currGridSizes === newGridSizes) return;\n    this.currGridSizes = newGridSizes;\n\n    if (!this.gridStates.length) return;\n    this.applyChildrenClasses();\n  }\n\n  private applyChildrenClasses() {\n    let stateArr: Array<string> = [''],\n      itemState: string = '',\n      found: any,\n      itemStates: Array<string>,\n      classes: Array<string>;\n\n    // item states come in 4 possible flavours at every breakpoint. E.g.\n    // xl-col-span-2\n    // xl-col-start-2\n    // xl-row-span-2\n    // xl-row-start-2\n\n    // clear all previous grid state classnames\n    classes = this.el.className.split(' ').filter(c => !c.startsWith('nano-grid-'));\n    this.el.className = classes.join(' ').trim();\n\n    // get all potential states this element can have\n    itemStates = this.gridStates.split(' ');\n\n    // loop through all potential state options: col & row span & start\n    STATEOPTS.forEach(stateOpt => {\n      // reset found flag\n      found = false;\n\n      // loop through all the current valid breakpoints / sizes backwards because\n      // we only care about the item's state at the largest current breakpoint.\n      this.currGridSizes.slice().reverse().forEach((size) => {\n        if (found || !size) return;\n        found = itemStates.find(state => state.indexOf(`${size.size}-${stateOpt}`) === 0)\n\n        // found a state at this current size. apply class.\n        if (found) {\n          // clear previous grid state classname\n          classes = this.el.className.split(' ').filter(c => !c.includes('nano-grid-${stateOpt}'));\n          this.el.className = classes.join(' ').trim();\n\n          stateArr = found.split('-');\n\n          // remove the size of the state\n          stateArr.shift();\n          itemState = stateArr.join('-');\n\n          // add new class\n          this.el.classList.add(`nano-grid-${itemState}`);\n        }\n      })\n    })\n  }\n\n  render() {\n    return (\n      <slot />\n    )\n  }\n}\n",":host {\n  /**\n   * @prop --padding: padding around any content. Only relevent on `<nano-img background>`\n  */\n  --padding: 0;\n\n  display: inline-block;\n\n  object-fit: cover;\n  object-position: center;\n\n  background-size: cover;\n  background-position: center;\n\n  * {\n    border-radius: inherit;\n  }\n}\n\n:host([background]:not([background=\"false\"])) {\n  display: block;\n}\n\n.img {\n  position: relative;\n  min-height: inherit;\n  height: 100%;\n  display: block;\n\n  object-fit: inherit;\n  object-position: inherit;\n\n  background-color: inherit;\n  background-position: inherit;\n  background-size: inherit;\n  background-origin: inherit;\n  background-attachment: inherit;\n  background-repeat: inherit;\n}\n\n.img__loader, .img__observer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n}\n\n.img__image, .img__bg {\n  border-radius: inherit;\n  display: block;\n  opacity: 0;\n  transition: .5s ease opacity, .3s ease filter .4s;\n  filter: blur(5px);\n\n  &.loaded {\n    opacity: 1;\n    filter: blur(.1px);\n\n    @media not all and (min-resolution:.001dpcm)\n    { @supports (-webkit-appearance:none) {\n      filter: blur(0px);\n    }}\n  }\n}\n\n.img__image {\n  object-fit: inherit;\n  object-position: inherit;\n  max-width: 100%;\n  height: auto;\n\n  &.hide {\n    visibility: hidden;\n\n    &.no-height {\n      height: 1px;\n      position: absolute;\n      z-index: -1;\n    }\n  }\n}\n\n.img__bg {\n  background-color: inherit;\n  background-position: inherit;\n  background-size: inherit;\n  background-origin: inherit;\n  background-attachment: inherit;\n  background-repeat: inherit;\n  overflow: auto;\n\n  padding: var(--padding);\n\n  &.no-height {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n","\nimport { Component, Element, Event, EventEmitter, State, Prop, Watch, h, ComponentInterface } from '@stencil/core';\nimport { ResizeStateChangeEventDetail } from '../../interface';\n\n/**\n * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.\n * @slot - Main slot. Only relevant with `<nano-img background>`\n */\n@Component({\n  tag: 'nano-img',\n  styleUrl: 'img.scss',\n  shadow: true\n})\nexport class Img implements ComponentInterface {\n  private io?: IntersectionObserver;\n  private _srcSet: {[key: string]: {src: string, active: boolean}} = {};\n\n  @Element() host!: HTMLElement;\n\n  @State() loadSrc?: string;\n  @State() loadError?: () => void;\n  @State() hasLoaded: boolean = false;\n  @State() imgStates: string = null;\n  @State() _src: string;\n  @Watch('_src')\n  _srcChanged() {\n    this.hasLoaded = false;\n    this.addIO();\n  }\n\n  /** This attribute defines the alternative text describing the image.\n   * Users will see this text displayed if the image URL is wrong, or if the image is not yet downloaded. */\n  @Prop() alt?: string;\n\n  /** The image URL. This attribute is mandatory for the `<img>` element. */\n  @Prop() src!: string;\n  @Watch('src')\n  srcChanged() {\n    this._src = this.src;\n  }\n\n  /** Optional list string providing media sizes with corresponding image srcs.\n   * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` */\n  @Prop() srcSet?: string;\n  @Watch('srcSet')\n  srcSetChanged() {\n    if (!this.srcSet) return;\n\n    delete this._srcSet;\n    this._srcSet = {};\n\n    this.imgStates = this.srcSet.split(',').map(bpSrc => {\n      const [bp, src] = bpSrc.split(' ').filter(bp => bp.length);\n      this._srcSet[bp] = {src: src, active: false};\n      return bp;\n    }).join(', ');\n  }\n\n  /** Render image lazily, when it comes into the browser viewport **/\n  @Prop() lazy: boolean = true;\n  @Watch('lazy')\n  lazyChanged() {\n    if (!this.lazy) this.load();\n  }\n\n  /** Render the image as a background image **/\n  @Prop() background?: boolean;\n\n  /** When the image is rendered as a background, and there is no preset dimensions of the component,\n   * you can set how the component height will be set. Via image size or via the content **/\n  @Prop() autoHeight: 'content' | 'image' = 'content';\n\n  /** Emitted when the img src has been set */\n  @Event() nanoImgWillLoad!: EventEmitter<void>;\n\n  /** Emitted when the image has finished loading */\n  @Event() nanoImgDidLoad!: EventEmitter<void>;\n\n  /** Emitted when the img fails to load */\n  @Event() nanoImgError!: EventEmitter<void>;\n\n  private addIO() {\n    if (!this._src || this.hasLoaded) return;\n    if (!this.lazy) { this.load(); return; }\n    if (\n      typeof (window as any) !== 'undefined' &&\n      'IntersectionObserver' in window &&\n      'isIntersecting' in window.IntersectionObserverEntry.prototype\n    ) {\n      this.removeIO();\n      this.io = new IntersectionObserver(data => {\n        if (data[0].isIntersecting) {\n          this.load();\n          this.removeIO();\n        }\n      });\n\n      this.io.observe(this.host);\n    } else setTimeout(() => this.load(), 200);\n  }\n\n  private load() {\n    this.loadError = this.onError;\n    this.loadSrc = this._src;\n    this.nanoImgWillLoad.emit();\n  }\n\n  private onLoad = () => {\n    this.nanoImgDidLoad.emit();\n    setTimeout(() => this.hasLoaded = true, 50);\n  }\n\n  private onError = () => {\n    this.nanoImgError.emit();\n  }\n\n  private onResize = (e: {detail: ResizeStateChangeEventDetail}) => {\n    Object.entries(e.detail).forEach(([bp, active]) => {\n      this._srcSet[bp].active = active;\n    });\n\n    // sort and find the highest sized matching image.\n    const srcOpts = [];\n    Object.keys(this._srcSet).sort().forEach(bp => {\n      if (this._srcSet[bp].active) srcOpts.push(this._srcSet[bp].src);\n    });\n\n    if (srcOpts.length) this._src = srcOpts.slice(-1)[0];\n    // no matching image? Set back to default\n    else this._src = this.src;\n  }\n\n  private removeIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  connectedCallback() {\n    this.srcChanged();\n    this.srcSetChanged();\n    this.lazyChanged();\n  }\n\n  componentDidLoad() {\n    this.addIO();\n  }\n\n  disconnectedCallback() {\n    this.removeIO();\n  }\n\n  render() {\n    const bgStyle = !!this.loadSrc ? { 'background-image': `url(${this.loadSrc})` } : {};\n    return (\n      <div class='img'>\n        <nano-skeleton class=\"img__loader\"></nano-skeleton>\n        {(!!this.background) &&\n          <div\n            class={{ loaded: this.hasLoaded, 'img__bg': true, 'no-height': this.autoHeight === 'image' }}\n            style={bgStyle}\n          >\n            <slot />\n          </div>\n        }\n        <img\n          class={{\n            'img__image': true,\n            'loaded': this.hasLoaded,\n            'hide': this.background,\n            'no-height': this.autoHeight === 'content'\n          }}\n          decoding='async'\n          src={this.loadSrc}\n          alt={this.alt}\n          onLoad={this.onLoad}\n          onError={this.loadError}\n        />\n        <nano-resize-observe class=\"img__observer\" onNanoResizeStateChange={this.onResize} states={this.imgStates} />\n      </div>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-53d59117.system.entry.js

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

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

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

package/dist/nano-components/p-54de3dcc.system.js

@@ -1,16 +0,0 @@
-System.register([],(function(){"use strict";return{execute:function(){(function(){var e=typeof window==="undefined";var t=e?false:"scrollBehavior"in document.documentElement.style;
-/*! *****************************************************************************
-        Copyright (c) Microsoft Corporation. All rights reserved.
-        Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-        this file except in compliance with the License. You may obtain a copy of the
-        License at http://www.apache.org/licenses/LICENSE-2.0
-
-        THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-        KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-        WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-        MERCHANTABLITY OR NON-INFRINGEMENT.
-
-        See the Apache Version 2.0 License for specific language governing permissions
-        and limitations under the License.
-        ***************************************************************************** */var r=function(){r=Object.assign||function e(t){for(var r,n=1,l=arguments.length;n<l;n++){r=arguments[n];for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))t[o]=r[o]}return t};return r.apply(this,arguments)};function n(e,t){var r=typeof Symbol==="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),l,o=[],i;try{while((t===void 0||t-- >0)&&!(l=n.next()).done)o.push(l.value)}catch(a){i={error:a}}finally{try{if(l&&!l.done&&(r=n["return"]))r.call(n)}finally{if(i)throw i.error}}return o}function l(){if(document.scrollingElement!=null){return document.scrollingElement}else{return document.documentElement}}var o="scroll-behavior";var i=new RegExp(o+":\\s*([^;]*)");function a(e,t){var r=o+":"+t;var n=e.getAttribute("style");if(n==null||n===""){e.setAttribute("style",r);return}var l=s(e);if(l!=null){var i=o+":"+l;n=n.replace(i+";","");n=n.replace(i,"")}e.setAttribute("style",n.endsWith(";")?""+n+r:";"+n+r)}function s(e){var t=e.getAttribute("style");if(t!=null&&t.includes(o)){var r=t.match(i);if(r!=null){var l=n(r,2),a=l[1];if(a!=null&&a!==""){return a}}}return undefined}var u="scrollBehavior";function c(e,t){if(t!=null&&t.behavior==="smooth")return"smooth";var r="style"in e?e:l();var n;if("style"in r){var o=r.style[u];if(o!=null&&o!==""){n=o}}if(n==null){var i=r.getAttribute("scroll-behavior");if(i!=null&&i!==""){n=i}}if(n==null){n=s(r)}if(n==null){var a=getComputedStyle(r);var c=a.getPropertyValue("scrollBehavior");if(c!=null&&c!==""){n=c}}return n}var f=.5;function d(e){return f*(1-Math.cos(Math.PI*e))}var p={reset:function(){}};var h=typeof WeakMap==="undefined"?undefined:new WeakMap;function v(e){if(t||h==null){return p}var r=l();var n;var o;var i;var u;var c;var f=h.get(e);if(f!=null){n=f.cachedScrollSnapValue;o=f.cachedScrollBehaviorStyleAttributeValue;i=f.secondaryScroller;u=f.secondaryScrollerCachedScrollSnapValue;c=f.secondaryScrollerCachedScrollBehaviorStyleAttributeValue;f.release()}else{n=e.style.scrollSnapType===""?null:e.style.scrollSnapType;o=s(e);i=e===r&&r!==document.body?document.body:undefined;u=i==null?undefined:i.style.scrollSnapType===""?null:i.style.scrollSnapType;c=i==null?undefined:s(i);var d=getComputedStyle(e).getPropertyValue("scroll-snap-type");var v=i==null?undefined:getComputedStyle(i).getPropertyValue("scroll-snap-type");if(d==="none"&&v==="none"){return p}}e.style.scrollSnapType="none";if(i!==undefined){i.style.scrollSnapType="none"}if(o!==undefined){a(e,o)}if(i!==undefined&&c!==undefined){a(i,c)}var y=false;var w=e===r?window:e;function m(){w.removeEventListener("scroll",g);if(h!=null){h["delete"](e)}y=true}function g(){e.style.scrollSnapType=n;if(i!=null&&u!==undefined){i.style.scrollSnapType=u}if(o!==undefined){a(e,o)}if(i!==undefined&&c!==undefined){a(i,c)}m()}function S(){setTimeout((function(){if(y)return;w.addEventListener("scroll",g)}))}h.set(e,{release:m,cachedScrollSnapValue:n,cachedScrollBehaviorStyleAttributeValue:o,secondaryScroller:i,secondaryScrollerCachedScrollSnapValue:u,secondaryScrollerCachedScrollBehaviorStyleAttributeValue:c});return{reset:S}}var y=15e3;function w(e){var t=e.startTime,r=e.startX,n=e.startY,l=e.endX,o=e.endY,i=e.method,a=e.scroller;var s=0;var u=l-r;var c=o-n;var f=Math.max(Math.abs(u/1e3*y),Math.abs(c/1e3*y));var p=v(a);requestAnimationFrame((function e(a){s+=a-t;var h=Math.max(0,Math.min(1,f===0?0:s/f));var v=Math.floor(r+u*d(h));var y=Math.floor(n+c*d(h));i(v,y);if(v!==l||y!==o){requestAnimationFrame(e)}else{if(p!=null){p.reset();p=undefined}}}))}function m(){if("performance"in window)return performance.now();return Date.now()}var g=e?undefined:Element.prototype.scroll;var S=e?undefined:window.scroll;var b=e?undefined:Element.prototype.scrollBy;var T=e?undefined:window.scrollBy;var E=e?undefined:Element.prototype.scrollTo;var M=e?undefined:window.scrollTo;function V(e,t){this.__adjustingScrollPosition=true;this.scrollLeft=e;this.scrollTop=t;delete this.__adjustingScrollPosition}function B(e,t){return V.call(this,e,t)}function I(e,t){this.__adjustingScrollPosition=true;this.scrollLeft+=e;this.scrollTop+=t;delete this.__adjustingScrollPosition}function L(e,t){switch(e){case"scroll":if(t instanceof Element){if(g!=null){return g}else{return V}}else{return S}case"scrollBy":if(t instanceof Element){if(b!=null){return b}else{return I}}else{return T}case"scrollTo":if(t instanceof Element){if(E!=null){return E}else{return B}}else{return M}}}function P(e,t,r,n){var o=m();if(!(e instanceof Element)){var i=window.scrollX,a=window.pageXOffset,s=window.scrollY,u=window.pageYOffset;var c=i==null||i===0?a:i;var f=s==null||s===0?u:s;return{startTime:o,startX:c,startY:f,endX:Math.floor(n==="scrollBy"?c+t:t),endY:Math.floor(n==="scrollBy"?f+r:r),method:L("scrollTo",window).bind(window),scroller:l()}}else{var d=e.scrollLeft,p=e.scrollTop;var c=d;var f=p;return{startTime:o,startX:c,startY:f,endX:Math.floor(n==="scrollBy"?c+t:t),endY:Math.floor(n==="scrollBy"?f+r:r),method:L("scrollTo",e).bind(e),scroller:e}}}function j(e){if(e==null)return 0;else if(typeof e==="number"){return e}else if(typeof e==="string"){return parseFloat(e)}else{return 0}}function W(e){return e!=null&&typeof e==="object"}function O(e,t,r,n){A(Y(r,n),e,t)}function A(e,t,r){var n=c(t,e);if(n==null||n==="auto"){L(r,t).call(t,e.left,e.top)}else{w(P(t,e.left,e.top,r))}}function X(e,t){return{left:j(e),top:j(t)}}function Y(e,t){if(t===undefined&&!W(e)){throw new TypeError("Failed to execute 'scroll' on 'Element': parameter 1 ('options') is not an object.")}if(!W(e)){return r(r({},X(e,t)),{behavior:"auto"})}else{return r(r({},X(e.left,e.top)),{behavior:e.behavior==null?"auto":e.behavior})}}function _(){Element.prototype.scroll=function(e,t){O(this,"scroll",e,t)}}function C(){Element.prototype.scrollBy=function(e,t){O(this,"scrollBy",e,t)}}function H(){Element.prototype.scrollTo=function(e,t){O(this,"scrollTo",e,t)}}function x(){window.scroll=function(e,t){O(this,"scroll",e,t)}}function R(){window.scrollBy=function(e,t){O(this,"scrollBy",e,t)}}function k(){window.scrollTo=function(e,t){O(this,"scrollTo",e,t)}}function D(e){if("nodeType"in e&&e.nodeType===1){return e.parentNode}if("ShadowRoot"in window&&e instanceof window.ShadowRoot){return e.host}else if(e===document){return window}else if(e instanceof Node)return e.parentNode;return null}function F(e){return e!=="visible"&&e!=="clip"}function q(e){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var t=getComputedStyle(e,null);return F(t.overflowY)||F(t.overflowX)}return false}function N(e){var t=e;var r=l();while(t!=null){var n=c(t);if(n!=null&&(t===r||q(t))){return[t,n]}var o=D(t);t=o}t=e;while(t!=null){if(t===r||q(t)){return[t,"auto"]}var i=D(t);t=i}return[r,"auto"]}function z(e){var t=e;while(t!=null){if("ShadowRoot"in window&&t instanceof window.ShadowRoot){return t}var r=D(t);if(r===t){return document}t=r}return document}function G(e){if(e===void 0){e=location}if("origin"in e&&e.origin!=null){return e.origin}var t=e.port!=null&&e.port.length>0?":"+e.port:"";if(e.protocol==="http:"&&t===":80"){t=""}else if(e.protocol==="https:"&&t===":443"){t=""}return e.protocol+"//"+e.hostname+t}var J=/^#\d/;function K(){window.addEventListener("click",(function(e){if(!e.isTrusted||!(e.target instanceof HTMLAnchorElement))return;var t=e.target,r=t.pathname,l=t.search,o=t.hash;var i=G(e.target)===G(location)&&r===location.pathname&&l===location.search;if(!i||o==null||o.length<1){return}var a=z(e.target);var s=o.match(J)!=null?a.getElementById(o.slice(1)):a.querySelector(o);if(s==null)return;var u=n(N(s),2),c=u[1];if(c!=="smooth")return;e.preventDefault();s.scrollIntoView({behavior:c})}))}var Q=e?undefined:Element.prototype.scrollIntoView;function U(e,t,r,n,l,o,i,a){if(o<e&&i>t||o>e&&i<t){return 0}if(o<=e&&a<=r||i>=t&&a>=r){return o-e-n}if(i>t&&a<r||o<e&&a>r){return i-t+l}return 0}function Z(e,t,r){var n=r.block,o=r.inline;var i=l();var a=window.visualViewport!=null?visualViewport.width:innerWidth;var s=window.visualViewport!=null?visualViewport.height:innerHeight;var u=window.scrollX!=null?window.scrollX:window.pageXOffset;var c=window.scrollY!=null?window.scrollY:window.pageYOffset;var f=e.getBoundingClientRect(),d=f.height,p=f.width,h=f.top,v=f.right,y=f.bottom,w=f.left;var m=n==="start"||n==="nearest"?h:n==="end"?y:h+d/2;var g=o==="center"?w+p/2:o==="end"?v:w;var S=t.getBoundingClientRect(),b=S.height,T=S.width,E=S.top,M=S.right,V=S.bottom,B=S.left;var I=getComputedStyle(t);var L=parseInt(I.borderLeftWidth,10);var P=parseInt(I.borderTopWidth,10);var j=parseInt(I.borderRightWidth,10);var W=parseInt(I.borderBottomWidth,10);var O=0;var A=0;var X="offsetWidth"in t?t.offsetWidth-t.clientWidth-L-j:0;var Y="offsetHeight"in t?t.offsetHeight-t.clientHeight-P-W:0;if(i===t){if(n==="start"){O=m}else if(n==="end"){O=m-s}else if(n==="nearest"){O=U(c,c+s,s,P,W,c+m,c+m+d,d)}else{O=m-s/2}if(o==="start"){A=g}else if(o==="center"){A=g-a/2}else if(o==="end"){A=g-a}else{A=U(u,u+a,a,L,j,u+g,u+g+p,p)}O=Math.max(0,O+c);A=Math.max(0,A+u)}else{if(n==="start"){O=m-E-P}else if(n==="end"){O=m-V+W+Y}else if(n==="nearest"){O=U(E,V,b,P,W+Y,m,m+d,d)}else{O=m-(E+b/2)+Y/2}if(o==="start"){A=g-B-L}else if(o==="center"){A=g-(B+T/2)+X/2}else if(o==="end"){A=g-M+j+X}else{A=U(B,M,T,L,j+X,g,g+p,p)}var _=t.scrollLeft,C=t.scrollTop;O=Math.max(0,Math.min(C+O,t.scrollHeight-b+Y));A=Math.max(0,Math.min(_+A,t.scrollWidth-T+X))}return{top:O,left:A}}function $(){Element.prototype.scrollIntoView=function(e){var t=e==null||e===true?{block:"start",inline:"nearest"}:e===false?{block:"end",inline:"nearest"}:e;var l=n(N(this),2),o=l[0],i=l[1];var a=t.behavior!=null?t.behavior:i;if(a!=="smooth"){if(Q!=null){Q.call(this,t)}else{var s=Z(this,o,t),u=s.top,c=s.left;L("scrollTo",this).call(this,c,u)}return}o.scrollTo(r({behavior:a},Z(this,o,t)))};if(HTMLElement.prototype.scrollIntoView!=null&&HTMLElement.prototype.scrollIntoView!==Element.prototype.scrollIntoView){HTMLElement.prototype.scrollIntoView=Element.prototype.scrollIntoView}}var ee=e?undefined:Object.getOwnPropertyDescriptor(Element.prototype,"scrollTop").set;function te(){Object.defineProperty(Element.prototype,"scrollTop",{set:function(e){if(this.__adjustingScrollPosition){return ee.call(this,e)}O(this,"scrollTo",this.scrollLeft,e);return e}})}var re=e?undefined:Object.getOwnPropertyDescriptor(Element.prototype,"scrollLeft").set;function ne(){Object.defineProperty(Element.prototype,"scrollLeft",{set:function(e){if(this.__adjustingScrollPosition){return re.call(this,e)}O(this,"scrollTo",e,this.scrollTop);return e}})}function le(){_();C();H();$();ne();te();x();R();k();K()}var oe=e?false:"scroll"in Element.prototype&&"scrollTo"in Element.prototype&&"scrollBy"in Element.prototype&&"scrollIntoView"in Element.prototype;if(!e&&(!t||!oe)){le()}})()}}}));
-//# sourceMappingURL=p-54de3dcc.system.js.map

package/dist/nano-components/p-54de3dcc.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/scroll-behavior-polyfill/dist/index.js"],"names":["UNSUPPORTED_ENVIRONMENT","window","SUPPORTS_SCROLL_BEHAVIOR","document","documentElement","style","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__read","o","m","Symbol","iterator","r","ar","e","next","done","push","value","error","getScrollingElement","scrollingElement","STYLE_ATTRIBUTE_PROPERTY_NAME","STYLE_ATTRIBUTE_PROPERTY_REGEXP","RegExp","appendScrollBehaviorToStyleAttribute","element","behavior","addition","attributeValue","getAttribute","setAttribute","existingValueForProperty","parseScrollBehaviorFromStyleAttribute","replacementProperty","replace","endsWith","styleAttributeValue","includes","match","_a","undefined","styleDeclarationPropertyName","getScrollBehavior","inputTarget","options","target","scrollBehaviorPropertyValue","computedStyle","getComputedStyle","computedStyleValue","getPropertyValue","HALF","ease","k","Math","cos","PI","NOOP","reset","map","WeakMap","disableScrollSnap","scroller","cachedScrollSnapValue","cachedScrollBehaviorStyleAttributeValue","secondaryScroller","secondaryScrollerCachedScrollSnapValue","secondaryScrollerCachedScrollBehaviorStyleAttributeValue","existingResult","get","release","scrollSnapType","body","cachedComputedScrollSnapValue","secondaryScrollerCachedComputedScrollSnapValue","hasReleased","eventTarget","removeEventListener","resetHandler","setTimeout","addEventListener","set","SCROLL_TIME","smoothScroll","startTime","startX","startY","endX","endY","method","timeLapsed","distanceX","distanceY","speed","max","abs","scrollSnapFix","requestAnimationFrame","animate","timestamp","percentage","min","positionX","floor","positionY","now","performance","Date","ELEMENT_ORIGINAL_SCROLL","Element","scroll","WINDOW_ORIGINAL_SCROLL","ELEMENT_ORIGINAL_SCROLL_BY","scrollBy","WINDOW_ORIGINAL_SCROLL_BY","ELEMENT_ORIGINAL_SCROLL_TO","scrollTo","WINDOW_ORIGINAL_SCROLL_TO","elementPrototypeScrollFallback","x","y","__adjustingScrollPosition","scrollLeft","scrollTop","elementPrototypeScrollToFallback","elementPrototypeScrollByFallback","getOriginalScrollMethodForKind","kind","getSmoothScrollOptions","scrollX_1","scrollX","pageXOffset_1","pageXOffset","scrollY_1","scrollY","pageYOffset_1","pageYOffset","bind","ensureNumeric","parseFloat","isScrollToOptions","handleScrollMethod","optionsOrX","onScrollWithOptions","getScrollToOptionsWithValidation","left","top","normalizeScrollCoordinates","TypeError","patchElementScroll","patchElementScrollBy","patchElementScrollTo","patchWindowScroll","patchWindowScrollBy","patchWindowScrollTo","getParent","currentElement","nodeType","parentNode","ShadowRoot","host","Node","canOverflow","overflow","isScrollable","clientHeight","scrollHeight","clientWidth","scrollWidth","overflowY","overflowX","findNearestAncestorsWithScrollBehavior","parent_1","parent_2","findNearestRoot","getLocationOrigin","locationLike","location","origin","port","protocol","hostname","ID_WITH_LEADING_DIGIT_REGEXP","catchNavigation","isTrusted","HTMLAnchorElement","pathname","search","hash","pointsToCurrentPage","root","elementMatch","getElementById","slice","querySelector","_b","preventDefault","scrollIntoView","ELEMENT_ORIGINAL_SCROLL_INTO_VIEW","alignNearest","scrollingEdgeStart","scrollingEdgeEnd","scrollingSize","scrollingBorderStart","scrollingBorderEnd","elementEdgeStart","elementEdgeEnd","elementSize","computeScrollIntoView","block","inline","viewportWidth","visualViewport","width","innerWidth","viewportHeight","height","innerHeight","viewportX","viewportY","getBoundingClientRect","targetHeight","targetWidth","targetTop","targetRight","right","targetBottom","bottom","targetLeft","targetBlock","targetInline","frameStyle","borderLeft","parseInt","borderLeftWidth","borderTop","borderTopWidth","borderRight","borderRightWidth","borderBottom","borderBottomWidth","blockScroll","inlineScroll","scrollbarWidth","offsetWidth","scrollbarHeight","offsetHeight","patchElementScrollIntoView","arg","normalizedOptions","ancestorWithScroll","ancestorWithScrollBehavior","top_1","HTMLElement","ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR","getOwnPropertyDescriptor","patchElementScrollTop","defineProperty","ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR","patchElementScrollLeft","patch","SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS"],"mappings":"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","sourcesContent":["(function () {\n    'use strict';\n\n    var UNSUPPORTED_ENVIRONMENT = typeof window === \"undefined\";\n\n    /**\n     * Is true if the browser natively supports the 'scroll-behavior' CSS-property.\n     * @type {boolean}\n     */\n    var SUPPORTS_SCROLL_BEHAVIOR = UNSUPPORTED_ENVIRONMENT ? false : \"scrollBehavior\" in document.documentElement.style;\n\n    \n\n    /*! *****************************************************************************\r\n    Copyright (c) Microsoft Corporation. All rights reserved.\r\n    Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\n    this file except in compliance with the License. You may obtain a copy of the\r\n    License at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\n    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\n    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\n    MERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\n    See the Apache Version 2.0 License for specific language governing permissions\r\n    and limitations under the License.\r\n    ***************************************************************************** */\r\n\r\n    var __assign = function() {\r\n        __assign = Object.assign || function __assign(t) {\r\n            for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n                s = arguments[i];\r\n                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n            }\r\n            return t;\r\n        };\r\n        return __assign.apply(this, arguments);\r\n    };\r\n\r\n    function __read(o, n) {\r\n        var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n        if (!m) return o;\r\n        var i = m.call(o), r, ar = [], e;\r\n        try {\r\n            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n        }\r\n        catch (error) { e = { error: error }; }\r\n        finally {\r\n            try {\r\n                if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n            }\r\n            finally { if (e) throw e.error; }\r\n        }\r\n        return ar;\r\n    }\n\n    function getScrollingElement() {\n        if (document.scrollingElement != null) {\n            return document.scrollingElement;\n        }\n        else {\n            return document.documentElement;\n        }\n    }\n\n    var STYLE_ATTRIBUTE_PROPERTY_NAME = \"scroll-behavior\";\n    var STYLE_ATTRIBUTE_PROPERTY_REGEXP = new RegExp(STYLE_ATTRIBUTE_PROPERTY_NAME + \":\\\\s*([^;]*)\");\n    /**\n     * Given an Element, this function appends the given ScrollBehavior CSS property value to the elements' 'style' attribute.\n     * If it doesnt already have one, it will add it.\n     * @param {Element} element\n     * @param {ScrollBehavior} behavior\n     */\n    function appendScrollBehaviorToStyleAttribute(element, behavior) {\n        var addition = STYLE_ATTRIBUTE_PROPERTY_NAME + \":\" + behavior;\n        var attributeValue = element.getAttribute(\"style\");\n        if (attributeValue == null || attributeValue === \"\") {\n            element.setAttribute(\"style\", addition);\n            return;\n        }\n        // The style attribute may already include a 'scroll-behavior:<something>' in which case that should be replaced\n        var existingValueForProperty = parseScrollBehaviorFromStyleAttribute(element);\n        if (existingValueForProperty != null) {\n            var replacementProperty = STYLE_ATTRIBUTE_PROPERTY_NAME + \":\" + existingValueForProperty;\n            // Replace the variant that ends with a semi-colon which it may\n            attributeValue = attributeValue.replace(replacementProperty + \";\", \"\");\n            // Replace the variant that *doesn't* end with a semi-colon\n            attributeValue = attributeValue.replace(replacementProperty, \"\");\n        }\n        // Now, append the behavior to the string.\n        element.setAttribute(\"style\", attributeValue.endsWith(\";\") ? \"\" + attributeValue + addition : \";\" + attributeValue + addition);\n    }\n    /**\n     * Given an Element, this function attempts to parse its 'style' attribute (if it has one)' to extract\n     * a value for the 'scroll-behavior' CSS property (if it is given within that style attribute)\n     * @param {Element} element\n     * @returns {ScrollBehavior?}\n     */\n    function parseScrollBehaviorFromStyleAttribute(element) {\n        var styleAttributeValue = element.getAttribute(\"style\");\n        if (styleAttributeValue != null && styleAttributeValue.includes(STYLE_ATTRIBUTE_PROPERTY_NAME)) {\n            var match = styleAttributeValue.match(STYLE_ATTRIBUTE_PROPERTY_REGEXP);\n            if (match != null) {\n                var _a = __read(match, 2), behavior = _a[1];\n                if (behavior != null && behavior !== \"\") {\n                    return behavior;\n                }\n            }\n        }\n        return undefined;\n    }\n\n    var styleDeclarationPropertyName = \"scrollBehavior\";\n    /**\n     * Determines the scroll behavior to use, depending on the given ScrollOptions and the position of the Element\n     * within the DOM\n     * @param {Element|HTMLElement|Window} inputTarget\n     * @param {ScrollOptions} [options]\n     * @returns {ScrollBehavior}\n     */\n    function getScrollBehavior(inputTarget, options) {\n        // If the given 'behavior' is 'smooth', apply smooth scrolling no matter what\n        if (options != null && options.behavior === \"smooth\")\n            return \"smooth\";\n        var target = \"style\" in inputTarget ? inputTarget : getScrollingElement();\n        var value;\n        if (\"style\" in target) {\n            // Check if scroll-behavior is set as a property on the CSSStyleDeclaration\n            var scrollBehaviorPropertyValue = target.style[styleDeclarationPropertyName];\n            // Return it if it is given and has a proper value\n            if (scrollBehaviorPropertyValue != null && scrollBehaviorPropertyValue !== \"\") {\n                value = scrollBehaviorPropertyValue;\n            }\n        }\n        if (value == null) {\n            var attributeValue = target.getAttribute(\"scroll-behavior\");\n            if (attributeValue != null && attributeValue !== \"\") {\n                value = attributeValue;\n            }\n        }\n        if (value == null) {\n            // Otherwise, check if it is set as an inline style\n            value = parseScrollBehaviorFromStyleAttribute(target);\n        }\n        if (value == null) {\n            // Take the computed style for the element and see if it contains a specific 'scroll-behavior' value\n            var computedStyle = getComputedStyle(target);\n            var computedStyleValue = computedStyle.getPropertyValue(\"scrollBehavior\");\n            if (computedStyleValue != null && computedStyleValue !== \"\") {\n                value = computedStyleValue;\n            }\n        }\n        // In all other cases, use the value from the CSSOM\n        return value;\n    }\n\n    \n\n    \n\n    var HALF = 0.5;\n    /**\n     * The easing function to use when applying the smooth scrolling\n     * @param {number} k\n     * @returns {number}\n     */\n    function ease(k) {\n        return HALF * (1 - Math.cos(Math.PI * k));\n    }\n\n    var NOOP = {\n        reset: function () { }\n    };\n    var map = typeof WeakMap === \"undefined\" ? undefined : new WeakMap();\n    function disableScrollSnap(scroller) {\n        // If scroll-behavior is natively supported, or if there is no native WeakMap support, there's no need for this fix\n        if (SUPPORTS_SCROLL_BEHAVIOR || map == null) {\n            return NOOP;\n        }\n        var scrollingElement = getScrollingElement();\n        var cachedScrollSnapValue;\n        var cachedScrollBehaviorStyleAttributeValue;\n        var secondaryScroller;\n        var secondaryScrollerCachedScrollSnapValue;\n        var secondaryScrollerCachedScrollBehaviorStyleAttributeValue;\n        var existingResult = map.get(scroller);\n        if (existingResult != null) {\n            cachedScrollSnapValue = existingResult.cachedScrollSnapValue;\n            cachedScrollBehaviorStyleAttributeValue = existingResult.cachedScrollBehaviorStyleAttributeValue;\n            secondaryScroller = existingResult.secondaryScroller;\n            secondaryScrollerCachedScrollSnapValue = existingResult.secondaryScrollerCachedScrollSnapValue;\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue = existingResult.secondaryScrollerCachedScrollBehaviorStyleAttributeValue;\n            existingResult.release();\n        }\n        else {\n            cachedScrollSnapValue = scroller.style.scrollSnapType === \"\" ? null : scroller.style.scrollSnapType;\n            cachedScrollBehaviorStyleAttributeValue = parseScrollBehaviorFromStyleAttribute(scroller);\n            secondaryScroller = scroller === scrollingElement && scrollingElement !== document.body ? document.body : undefined;\n            secondaryScrollerCachedScrollSnapValue =\n                secondaryScroller == null ? undefined : secondaryScroller.style.scrollSnapType === \"\" ? null : secondaryScroller.style.scrollSnapType;\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue =\n                secondaryScroller == null ? undefined : parseScrollBehaviorFromStyleAttribute(secondaryScroller);\n            var cachedComputedScrollSnapValue = getComputedStyle(scroller).getPropertyValue(\"scroll-snap-type\");\n            var secondaryScrollerCachedComputedScrollSnapValue = secondaryScroller == null ? undefined : getComputedStyle(secondaryScroller).getPropertyValue(\"scroll-snap-type\");\n            // If it just so happens that there actually isn't any scroll snapping going on, there's no point in performing any additional work here.\n            if (cachedComputedScrollSnapValue === \"none\" && secondaryScrollerCachedComputedScrollSnapValue === \"none\") {\n                return NOOP;\n            }\n        }\n        scroller.style.scrollSnapType = \"none\";\n        if (secondaryScroller !== undefined) {\n            secondaryScroller.style.scrollSnapType = \"none\";\n        }\n        if (cachedScrollBehaviorStyleAttributeValue !== undefined) {\n            appendScrollBehaviorToStyleAttribute(scroller, cachedScrollBehaviorStyleAttributeValue);\n        }\n        if (secondaryScroller !== undefined && secondaryScrollerCachedScrollBehaviorStyleAttributeValue !== undefined) {\n            appendScrollBehaviorToStyleAttribute(secondaryScroller, secondaryScrollerCachedScrollBehaviorStyleAttributeValue);\n        }\n        var hasReleased = false;\n        var eventTarget = scroller === scrollingElement ? window : scroller;\n        function release() {\n            eventTarget.removeEventListener(\"scroll\", resetHandler);\n            if (map != null) {\n                map[\"delete\"](scroller);\n            }\n            hasReleased = true;\n        }\n        function resetHandler() {\n            scroller.style.scrollSnapType = cachedScrollSnapValue;\n            if (secondaryScroller != null && secondaryScrollerCachedScrollSnapValue !== undefined) {\n                secondaryScroller.style.scrollSnapType = secondaryScrollerCachedScrollSnapValue;\n            }\n            if (cachedScrollBehaviorStyleAttributeValue !== undefined) {\n                appendScrollBehaviorToStyleAttribute(scroller, cachedScrollBehaviorStyleAttributeValue);\n            }\n            if (secondaryScroller !== undefined && secondaryScrollerCachedScrollBehaviorStyleAttributeValue !== undefined) {\n                appendScrollBehaviorToStyleAttribute(secondaryScroller, secondaryScrollerCachedScrollBehaviorStyleAttributeValue);\n            }\n            release();\n        }\n        function reset() {\n            setTimeout(function () {\n                if (hasReleased)\n                    return;\n                eventTarget.addEventListener(\"scroll\", resetHandler);\n            });\n        }\n        map.set(scroller, {\n            release: release,\n            cachedScrollSnapValue: cachedScrollSnapValue,\n            cachedScrollBehaviorStyleAttributeValue: cachedScrollBehaviorStyleAttributeValue,\n            secondaryScroller: secondaryScroller,\n            secondaryScrollerCachedScrollSnapValue: secondaryScrollerCachedScrollSnapValue,\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue: secondaryScrollerCachedScrollBehaviorStyleAttributeValue\n        });\n        return {\n            reset: reset\n        };\n    }\n\n    /**\n     * The duration of a smooth scroll\n     * @type {number}\n     */\n    var SCROLL_TIME = 15000;\n    /**\n     * Performs a smooth repositioning of the scroll\n     * @param {ISmoothScrollOptions} options\n     */\n    function smoothScroll(options) {\n        var startTime = options.startTime, startX = options.startX, startY = options.startY, endX = options.endX, endY = options.endY, method = options.method, scroller = options.scroller;\n        var timeLapsed = 0;\n        var distanceX = endX - startX;\n        var distanceY = endY - startY;\n        var speed = Math.max(Math.abs((distanceX / 1000) * SCROLL_TIME), Math.abs((distanceY / 1000) * SCROLL_TIME));\n        // Temporarily disables any scroll snapping that may be active since it fights for control over the scroller with this polyfill\n        var scrollSnapFix = disableScrollSnap(scroller);\n        requestAnimationFrame(function animate(timestamp) {\n            timeLapsed += timestamp - startTime;\n            var percentage = Math.max(0, Math.min(1, speed === 0 ? 0 : timeLapsed / speed));\n            var positionX = Math.floor(startX + distanceX * ease(percentage));\n            var positionY = Math.floor(startY + distanceY * ease(percentage));\n            method(positionX, positionY);\n            if (positionX !== endX || positionY !== endY) {\n                requestAnimationFrame(animate);\n            }\n            else {\n                if (scrollSnapFix != null) {\n                    scrollSnapFix.reset();\n                    scrollSnapFix = undefined;\n                }\n            }\n        });\n    }\n\n    /**\n     * Returns a High Resolution timestamp if possible, otherwise fallbacks to Date.now()\n     * @returns {number}\n     */\n    function now() {\n        if (\"performance\" in window)\n            return performance.now();\n        return Date.now();\n    }\n\n    \n\n    var ELEMENT_ORIGINAL_SCROLL = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scroll;\n\n    var WINDOW_ORIGINAL_SCROLL = UNSUPPORTED_ENVIRONMENT ? undefined : window.scroll;\n\n    var ELEMENT_ORIGINAL_SCROLL_BY = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollBy;\n\n    var WINDOW_ORIGINAL_SCROLL_BY = UNSUPPORTED_ENVIRONMENT ? undefined : window.scrollBy;\n\n    var ELEMENT_ORIGINAL_SCROLL_TO = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollTo;\n\n    var WINDOW_ORIGINAL_SCROLL_TO = UNSUPPORTED_ENVIRONMENT ? undefined : window.scrollTo;\n\n    /**\n     * A fallback if Element.prototype.scroll is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollFallback(x, y) {\n        this.__adjustingScrollPosition = true;\n        this.scrollLeft = x;\n        this.scrollTop = y;\n        delete this.__adjustingScrollPosition;\n    }\n    /**\n     * A fallback if Element.prototype.scrollTo is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollToFallback(x, y) {\n        return elementPrototypeScrollFallback.call(this, x, y);\n    }\n    /**\n     * A fallback if Element.prototype.scrollBy is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollByFallback(x, y) {\n        this.__adjustingScrollPosition = true;\n        this.scrollLeft += x;\n        this.scrollTop += y;\n        delete this.__adjustingScrollPosition;\n    }\n    /**\n     * Gets the original non-patched prototype method for the given kind\n     * @param {ScrollMethodName} kind\n     * @param {Element|Window} element\n     * @return {Function}\n     */\n    function getOriginalScrollMethodForKind(kind, element) {\n        switch (kind) {\n            case \"scroll\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL != null) {\n                        return ELEMENT_ORIGINAL_SCROLL;\n                    }\n                    else {\n                        return elementPrototypeScrollFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL;\n                }\n            case \"scrollBy\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL_BY != null) {\n                        return ELEMENT_ORIGINAL_SCROLL_BY;\n                    }\n                    else {\n                        return elementPrototypeScrollByFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL_BY;\n                }\n            case \"scrollTo\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL_TO != null) {\n                        return ELEMENT_ORIGINAL_SCROLL_TO;\n                    }\n                    else {\n                        return elementPrototypeScrollToFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL_TO;\n                }\n        }\n    }\n\n    /**\n     * Gets the Smooth Scroll Options to use for the step function\n     * @param {Element|Window} element\n     * @param {number} x\n     * @param {number} y\n     * @param {ScrollMethodName} kind\n     * @returns {ISmoothScrollOptions}\n     */\n    function getSmoothScrollOptions(element, x, y, kind) {\n        var startTime = now();\n        if (!(element instanceof Element)) {\n            // Use window as the scroll container\n            var scrollX_1 = window.scrollX, pageXOffset_1 = window.pageXOffset, scrollY_1 = window.scrollY, pageYOffset_1 = window.pageYOffset;\n            var startX = scrollX_1 == null || scrollX_1 === 0 ? pageXOffset_1 : scrollX_1;\n            var startY = scrollY_1 == null || scrollY_1 === 0 ? pageYOffset_1 : scrollY_1;\n            return {\n                startTime: startTime,\n                startX: startX,\n                startY: startY,\n                endX: Math.floor(kind === \"scrollBy\" ? startX + x : x),\n                endY: Math.floor(kind === \"scrollBy\" ? startY + y : y),\n                method: getOriginalScrollMethodForKind(\"scrollTo\", window).bind(window),\n                scroller: getScrollingElement()\n            };\n        }\n        else {\n            var scrollLeft = element.scrollLeft, scrollTop = element.scrollTop;\n            var startX = scrollLeft;\n            var startY = scrollTop;\n            return {\n                startTime: startTime,\n                startX: startX,\n                startY: startY,\n                endX: Math.floor(kind === \"scrollBy\" ? startX + x : x),\n                endY: Math.floor(kind === \"scrollBy\" ? startY + y : y),\n                method: getOriginalScrollMethodForKind(\"scrollTo\", element).bind(element),\n                scroller: element\n            };\n        }\n    }\n\n    /**\n     * Ensures that the given value is numeric\n     * @param {number} value\n     * @return {number}\n     */\n    function ensureNumeric(value) {\n        if (value == null)\n            return 0;\n        else if (typeof value === \"number\") {\n            return value;\n        }\n        else if (typeof value === \"string\") {\n            return parseFloat(value);\n        }\n        else {\n            return 0;\n        }\n    }\n\n    /**\n     * Returns true if the given value is some ScrollToOptions\n     * @param {number | ScrollToOptions} value\n     * @return {value is ScrollToOptions}\n     */\n    function isScrollToOptions(value) {\n        return value != null && typeof value === \"object\";\n    }\n\n    /**\n     * Handles a scroll method\n     * @param {Element|Window} element\n     * @param {ScrollMethodName} kind\n     * @param {number | ScrollToOptions} optionsOrX\n     * @param {number} y\n     */\n    function handleScrollMethod(element, kind, optionsOrX, y) {\n        onScrollWithOptions(getScrollToOptionsWithValidation(optionsOrX, y), element, kind);\n    }\n    /**\n     * Invoked when a 'ScrollToOptions' dict is provided to 'scroll()' as the first argument\n     * @param {ScrollToOptions} options\n     * @param {Element|Window} element\n     * @param {ScrollMethodName} kind\n     */\n    function onScrollWithOptions(options, element, kind) {\n        var behavior = getScrollBehavior(element, options);\n        // If the behavior is 'auto' apply instantaneous scrolling\n        if (behavior == null || behavior === \"auto\") {\n            getOriginalScrollMethodForKind(kind, element).call(element, options.left, options.top);\n        }\n        else {\n            smoothScroll(getSmoothScrollOptions(element, options.left, options.top, kind));\n        }\n    }\n    /**\n     * Normalizes the given scroll coordinates\n     * @param {number?} x\n     * @param {number?} y\n     * @return {Required<Pick<ScrollToOptions, \"top\" | \"left\">>}\n     */\n    function normalizeScrollCoordinates(x, y) {\n        return {\n            left: ensureNumeric(x),\n            top: ensureNumeric(y)\n        };\n    }\n    /**\n     * Gets ScrollToOptions based on the given arguments. Will throw if validation fails\n     * @param {number | ScrollToOptions} optionsOrX\n     * @param {number} y\n     * @return {Required<ScrollToOptions>}\n     */\n    function getScrollToOptionsWithValidation(optionsOrX, y) {\n        // If only one argument is given, and it isn't an options object, throw a TypeError\n        if (y === undefined && !isScrollToOptions(optionsOrX)) {\n            throw new TypeError(\"Failed to execute 'scroll' on 'Element': parameter 1 ('options') is not an object.\");\n        }\n        // Scroll based on the primitive values given as arguments\n        if (!isScrollToOptions(optionsOrX)) {\n            return __assign(__assign({}, normalizeScrollCoordinates(optionsOrX, y)), { behavior: \"auto\" });\n        }\n        // Scroll based on the received options object\n        else {\n            return __assign(__assign({}, normalizeScrollCoordinates(optionsOrX.left, optionsOrX.top)), { behavior: optionsOrX.behavior == null ? \"auto\" : optionsOrX.behavior });\n        }\n    }\n\n    /**\n     * Patches the 'scroll' method on the Element prototype\n     */\n    function patchElementScroll() {\n        Element.prototype.scroll = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scroll\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollBy' method on the Element prototype\n     */\n    function patchElementScrollBy() {\n        Element.prototype.scrollBy = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollBy\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollTo' method on the Element prototype\n     */\n    function patchElementScrollTo() {\n        Element.prototype.scrollTo = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollTo\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scroll' method on the Window prototype\n     */\n    function patchWindowScroll() {\n        window.scroll = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scroll\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollBy' method on the Window prototype\n     */\n    function patchWindowScrollBy() {\n        window.scrollBy = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollBy\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollTo' method on the Window prototype\n     */\n    function patchWindowScrollTo() {\n        window.scrollTo = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollTo\", optionsOrX, y);\n        };\n    }\n\n    // tslint:disable:no-any\n    /**\n     * Gets the parent of an element, taking into account DocumentFragments, ShadowRoots, as well as the root context (window)\n     * @param {EventTarget} currentElement\n     * @returns {EventTarget | null}\n     */\n    function getParent(currentElement) {\n        if (\"nodeType\" in currentElement && currentElement.nodeType === 1) {\n            return currentElement.parentNode;\n        }\n        if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n            return currentElement.host;\n        }\n        else if (currentElement === document) {\n            return window;\n        }\n        else if (currentElement instanceof Node)\n            return currentElement.parentNode;\n        return null;\n    }\n\n    /**\n     * Returns true if the given overflow property represents a scrollable overflow value\n     * @param {string | null} overflow\n     * @return {boolean}\n     */\n    function canOverflow(overflow) {\n        return overflow !== \"visible\" && overflow !== \"clip\";\n    }\n    /**\n     * Returns true if the given element is scrollable\n     * @param {Element} element\n     * @return {boolean}\n     */\n    function isScrollable(element) {\n        if (element.clientHeight < element.scrollHeight || element.clientWidth < element.scrollWidth) {\n            var style = getComputedStyle(element, null);\n            return canOverflow(style.overflowY) || canOverflow(style.overflowX);\n        }\n        return false;\n    }\n    /**\n     * Finds the nearest ancestor of an element that can scroll\n     * @param {Element} target\n     * @returns {Element|Window?}\n     */\n    function findNearestAncestorsWithScrollBehavior(target) {\n        var currentElement = target;\n        var scrollingElement = getScrollingElement();\n        while (currentElement != null) {\n            var behavior = getScrollBehavior(currentElement);\n            if (behavior != null && (currentElement === scrollingElement || isScrollable(currentElement))) {\n                return [currentElement, behavior];\n            }\n            var parent_1 = getParent(currentElement);\n            currentElement = parent_1;\n        }\n        // No such element could be found. Start over, but this time find the nearest ancestor that can simply scroll\n        currentElement = target;\n        while (currentElement != null) {\n            if (currentElement === scrollingElement || isScrollable(currentElement)) {\n                return [currentElement, \"auto\"];\n            }\n            var parent_2 = getParent(currentElement);\n            currentElement = parent_2;\n        }\n        // Default to the scrolling element\n        return [scrollingElement, \"auto\"];\n    }\n\n    // tslint:disable:no-any\n    /**\n     * Finds the nearest root from an element\n     * @param {Element} target\n     * @returns {Document|ShadowRoot}\n     */\n    function findNearestRoot(target) {\n        var currentElement = target;\n        while (currentElement != null) {\n            if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n                // Assume this is a ShadowRoot\n                return currentElement;\n            }\n            var parent_1 = getParent(currentElement);\n            if (parent_1 === currentElement) {\n                return document;\n            }\n            currentElement = parent_1;\n        }\n        return document;\n    }\n\n    /**\n     * Gets the origin of the given Location or HTMLAnchorElement if available in the runtime, and otherwise shims it. (it's a one-liner)\n     * @returns {string}\n     */\n    function getLocationOrigin(locationLike) {\n        if (locationLike === void 0) { locationLike = location; }\n        if (\"origin\" in locationLike && locationLike.origin != null) {\n            return locationLike.origin;\n        }\n        var port = locationLike.port != null && locationLike.port.length > 0 ? \":\" + locationLike.port : \"\";\n        if (locationLike.protocol === \"http:\" && port === \":80\") {\n            port = \"\";\n        }\n        else if (locationLike.protocol === \"https:\" && port === \":443\") {\n            port = \"\";\n        }\n        return locationLike.protocol + \"//\" + locationLike.hostname + port;\n    }\n\n    /**\n     * A Regular expression that matches id's of the form \"#[digit]\"\n     * @type {RegExp}\n     */\n    var ID_WITH_LEADING_DIGIT_REGEXP = /^#\\d/;\n    /**\n     * Catches anchor navigation to IDs within the same root and ensures that they can be smooth-scrolled\n     * if the scroll behavior is smooth in the first rooter within that context\n     */\n    function catchNavigation() {\n        // Listen for 'click' events globally\n        window.addEventListener(\"click\", function (e) {\n            // Only work with trusted events on HTMLAnchorElements\n            if (!e.isTrusted || !(e.target instanceof HTMLAnchorElement))\n                return;\n            var _a = e.target, pathname = _a.pathname, search = _a.search, hash = _a.hash;\n            var pointsToCurrentPage = getLocationOrigin(e.target) === getLocationOrigin(location) && pathname === location.pathname && search === location.search;\n            // Only work with HTMLAnchorElements that navigates to a specific ID on the current page\n            if (!pointsToCurrentPage || hash == null || hash.length < 1) {\n                return;\n            }\n            // Find the nearest root, whether it be a ShadowRoot or the document itself\n            var root = findNearestRoot(e.target);\n            // Attempt to match the selector from that root. querySelector' doesn't support IDs that start with a digit, so work around that limitation\n            var elementMatch = hash.match(ID_WITH_LEADING_DIGIT_REGEXP) != null ? root.getElementById(hash.slice(1)) : root.querySelector(hash);\n            // If no selector could be found, don't proceed\n            if (elementMatch == null)\n                return;\n            // Find the nearest ancestor that can be scrolled\n            var _b = __read(findNearestAncestorsWithScrollBehavior(elementMatch), 2), behavior = _b[1];\n            // If the behavior isn't smooth, don't proceed\n            if (behavior !== \"smooth\")\n                return;\n            // Otherwise, first prevent the default action.\n            e.preventDefault();\n            // Now, scroll to the element with that ID\n            elementMatch.scrollIntoView({\n                behavior: behavior\n            });\n        });\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_INTO_VIEW = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollIntoView;\n\n    /**\n     * The majority of this file is based on https://github.com/stipsan/compute-scroll-into-view (MIT license),\n     * but has been rewritten to accept a scroller as an argument.\n     */\n    /**\n     * Find out which edge to align against when logical scroll position is \"nearest\"\n     * Interesting fact: \"nearest\" works similarly to \"if-needed\", if the element is fully visible it will not scroll it\n     *\n     * Legends:\n     * ┌────────┐ ┏ ━ ━ ━ ┓\n     * │ target │   frame\n     * └────────┘ ┗ ━ ━ ━ ┛\n     */\n    function alignNearest(scrollingEdgeStart, scrollingEdgeEnd, scrollingSize, scrollingBorderStart, scrollingBorderEnd, elementEdgeStart, elementEdgeEnd, elementSize) {\n        /**\n         * If element edge A and element edge B are both outside scrolling box edge A and scrolling box edge B\n         *\n         *          ┌──┐\n         *        ┏━│━━│━┓\n         *          │  │\n         *        ┃ │  │ ┃        do nothing\n         *          │  │\n         *        ┗━│━━│━┛\n         *          └──┘\n         *\n         *  If element edge C and element edge D are both outside scrolling box edge C and scrolling box edge D\n         *\n         *    ┏ ━ ━ ━ ━ ┓\n         *   ┌───────────┐\n         *   │┃         ┃│        do nothing\n         *   └───────────┘\n         *    ┗ ━ ━ ━ ━ ┛\n         */\n        if ((elementEdgeStart < scrollingEdgeStart && elementEdgeEnd > scrollingEdgeEnd) ||\n            (elementEdgeStart > scrollingEdgeStart && elementEdgeEnd < scrollingEdgeEnd)) {\n            return 0;\n        }\n        /**\n         * If element edge A is outside scrolling box edge A and element height is less than scrolling box height\n         *\n         *          ┌──┐\n         *        ┏━│━━│━┓         ┏━┌━━┐━┓\n         *          └──┘             │  │\n         *  from  ┃      ┃     to  ┃ └──┘ ┃\n         *\n         *        ┗━ ━━ ━┛         ┗━ ━━ ━┛\n         *\n         * If element edge B is outside scrolling box edge B and element height is greater than scrolling box height\n         *\n         *        ┏━ ━━ ━┓         ┏━┌━━┐━┓\n         *                           │  │\n         *  from  ┃ ┌──┐ ┃     to  ┃ │  │ ┃\n         *          │  │             │  │\n         *        ┗━│━━│━┛         ┗━│━━│━┛\n         *          │  │             └──┘\n         *          │  │\n         *          └──┘\n         *\n         * If element edge C is outside scrolling box edge C and element width is less than scrolling box width\n         *\n         *       from                 to\n         *    ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *  ┌───┐                 ┌───┐\n         *  │ ┃ │       ┃         ┃   │     ┃\n         *  └───┘                 └───┘\n         *    ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         * If element edge D is outside scrolling box edge D and element width is greater than scrolling box width\n         *\n         *       from                 to\n         *    ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *        ┌───────────┐   ┌───────────┐\n         *    ┃   │     ┃     │   ┃         ┃ │\n         *        └───────────┘   └───────────┘\n         *    ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         */\n        if ((elementEdgeStart <= scrollingEdgeStart && elementSize <= scrollingSize) ||\n            (elementEdgeEnd >= scrollingEdgeEnd && elementSize >= scrollingSize)) {\n            return elementEdgeStart - scrollingEdgeStart - scrollingBorderStart;\n        }\n        /**\n         * If element edge B is outside scrolling box edge B and element height is less than scrolling box height\n         *\n         *        ┏━ ━━ ━┓         ┏━ ━━ ━┓\n         *\n         *  from  ┃      ┃     to  ┃ ┌──┐ ┃\n         *          ┌──┐             │  │\n         *        ┗━│━━│━┛         ┗━└━━┘━┛\n         *          └──┘\n         *\n         * If element edge A is outside scrolling box edge A and element height is greater than scrolling box height\n         *\n         *          ┌──┐\n         *          │  │\n         *          │  │             ┌──┐\n         *        ┏━│━━│━┓         ┏━│━━│━┓\n         *          │  │             │  │\n         *  from  ┃ └──┘ ┃     to  ┃ │  │ ┃\n         *                           │  │\n         *        ┗━ ━━ ━┛         ┗━└━━┘━┛\n         *\n         * If element edge C is outside scrolling box edge C and element width is greater than scrolling box width\n         *\n         *           from                 to\n         *        ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *  ┌───────────┐           ┌───────────┐\n         *  │     ┃     │   ┃       │ ┃         ┃\n         *  └───────────┘           └───────────┘\n         *        ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         * If element edge D is outside scrolling box edge D and element width is less than scrolling box width\n         *\n         *           from                 to\n         *        ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *                ┌───┐             ┌───┐\n         *        ┃       │ ┃ │       ┃     │   ┃\n         *                └───┘             └───┘\n         *        ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         */\n        if ((elementEdgeEnd > scrollingEdgeEnd && elementSize < scrollingSize) || (elementEdgeStart < scrollingEdgeStart && elementSize > scrollingSize)) {\n            return elementEdgeEnd - scrollingEdgeEnd + scrollingBorderEnd;\n        }\n        return 0;\n    }\n    function computeScrollIntoView(target, scroller, options) {\n        var block = options.block, inline = options.inline;\n        // Used to handle the top most element that can be scrolled\n        var scrollingElement = getScrollingElement();\n        // Support pinch-zooming properly, making sure elements scroll into the visual viewport\n        // Browsers that don't support visualViewport will report the layout viewport dimensions on document.documentElement.clientWidth/Height\n        // and viewport dimensions on window.innerWidth/Height\n        // https://www.quirksmode.org/mobile/viewports2.html\n        // https://bokand.github.io/viewport/index.html\n        var viewportWidth = window.visualViewport != null ? visualViewport.width : innerWidth;\n        var viewportHeight = window.visualViewport != null ? visualViewport.height : innerHeight;\n        var viewportX = window.scrollX != null ? window.scrollX : window.pageXOffset;\n        var viewportY = window.scrollY != null ? window.scrollY : window.pageYOffset;\n        var _a = target.getBoundingClientRect(), targetHeight = _a.height, targetWidth = _a.width, targetTop = _a.top, targetRight = _a.right, targetBottom = _a.bottom, targetLeft = _a.left;\n        // These values mutate as we loop through and generate scroll coordinates\n        var targetBlock = block === \"start\" || block === \"nearest\" ? targetTop : block === \"end\" ? targetBottom : targetTop + targetHeight / 2; // block === 'center\n        var targetInline = inline === \"center\" ? targetLeft + targetWidth / 2 : inline === \"end\" ? targetRight : targetLeft; // inline === 'start || inline === 'nearest\n        var _b = scroller.getBoundingClientRect(), height = _b.height, width = _b.width, top = _b.top, right = _b.right, bottom = _b.bottom, left = _b.left;\n        var frameStyle = getComputedStyle(scroller);\n        var borderLeft = parseInt(frameStyle.borderLeftWidth, 10);\n        var borderTop = parseInt(frameStyle.borderTopWidth, 10);\n        var borderRight = parseInt(frameStyle.borderRightWidth, 10);\n        var borderBottom = parseInt(frameStyle.borderBottomWidth, 10);\n        var blockScroll = 0;\n        var inlineScroll = 0;\n        // The property existance checks for offset[Width|Height] is because only HTMLElement objects have them, but any Element might pass by here\n        // @TODO find out if the \"as HTMLElement\" overrides can be dropped\n        var scrollbarWidth = \"offsetWidth\" in scroller ? scroller.offsetWidth - scroller.clientWidth - borderLeft - borderRight : 0;\n        var scrollbarHeight = \"offsetHeight\" in scroller ? scroller.offsetHeight - scroller.clientHeight - borderTop - borderBottom : 0;\n        if (scrollingElement === scroller) {\n            // Handle viewport logic (document.documentElement or document.body)\n            if (block === \"start\") {\n                blockScroll = targetBlock;\n            }\n            else if (block === \"end\") {\n                blockScroll = targetBlock - viewportHeight;\n            }\n            else if (block === \"nearest\") {\n                blockScroll = alignNearest(viewportY, viewportY + viewportHeight, viewportHeight, borderTop, borderBottom, viewportY + targetBlock, viewportY + targetBlock + targetHeight, targetHeight);\n            }\n            else {\n                // block === 'center' is the default\n                blockScroll = targetBlock - viewportHeight / 2;\n            }\n            if (inline === \"start\") {\n                inlineScroll = targetInline;\n            }\n            else if (inline === \"center\") {\n                inlineScroll = targetInline - viewportWidth / 2;\n            }\n            else if (inline === \"end\") {\n                inlineScroll = targetInline - viewportWidth;\n            }\n            else {\n                // inline === 'nearest' is the default\n                inlineScroll = alignNearest(viewportX, viewportX + viewportWidth, viewportWidth, borderLeft, borderRight, viewportX + targetInline, viewportX + targetInline + targetWidth, targetWidth);\n            }\n            // Apply scroll position offsets and ensure they are within bounds\n            // @TODO add more test cases to cover this 100%\n            blockScroll = Math.max(0, blockScroll + viewportY);\n            inlineScroll = Math.max(0, inlineScroll + viewportX);\n        }\n        else {\n            // Handle each scrolling frame that might exist between the target and the viewport\n            if (block === \"start\") {\n                blockScroll = targetBlock - top - borderTop;\n            }\n            else if (block === \"end\") {\n                blockScroll = targetBlock - bottom + borderBottom + scrollbarHeight;\n            }\n            else if (block === \"nearest\") {\n                blockScroll = alignNearest(top, bottom, height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);\n            }\n            else {\n                // block === 'center' is the default\n                blockScroll = targetBlock - (top + height / 2) + scrollbarHeight / 2;\n            }\n            if (inline === \"start\") {\n                inlineScroll = targetInline - left - borderLeft;\n            }\n            else if (inline === \"center\") {\n                inlineScroll = targetInline - (left + width / 2) + scrollbarWidth / 2;\n            }\n            else if (inline === \"end\") {\n                inlineScroll = targetInline - right + borderRight + scrollbarWidth;\n            }\n            else {\n                // inline === 'nearest' is the default\n                inlineScroll = alignNearest(left, right, width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);\n            }\n            var scrollLeft = scroller.scrollLeft, scrollTop = scroller.scrollTop;\n            // Ensure scroll coordinates are not out of bounds while applying scroll offsets\n            blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, scroller.scrollHeight - height + scrollbarHeight));\n            inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, scroller.scrollWidth - width + scrollbarWidth));\n        }\n        return {\n            top: blockScroll,\n            left: inlineScroll\n        };\n    }\n\n    /**\n     * Patches the 'scrollIntoView' method on the Element prototype\n     */\n    function patchElementScrollIntoView() {\n        Element.prototype.scrollIntoView = function (arg) {\n            var normalizedOptions = arg == null || arg === true\n                ? {\n                    block: \"start\",\n                    inline: \"nearest\"\n                }\n                : arg === false\n                    ? {\n                        block: \"end\",\n                        inline: \"nearest\"\n                    }\n                    : arg;\n            // Find the nearest ancestor that can be scrolled\n            var _a = __read(findNearestAncestorsWithScrollBehavior(this), 2), ancestorWithScroll = _a[0], ancestorWithScrollBehavior = _a[1];\n            var behavior = normalizedOptions.behavior != null ? normalizedOptions.behavior : ancestorWithScrollBehavior;\n            // If the behavior isn't smooth, simply invoke the original implementation and do no more\n            if (behavior !== \"smooth\") {\n                // Assert that 'scrollIntoView' is actually defined\n                if (ELEMENT_ORIGINAL_SCROLL_INTO_VIEW != null) {\n                    ELEMENT_ORIGINAL_SCROLL_INTO_VIEW.call(this, normalizedOptions);\n                }\n                // Otherwise, invoke 'scrollTo' instead and provide the scroll coordinates\n                else {\n                    var _b = computeScrollIntoView(this, ancestorWithScroll, normalizedOptions), top_1 = _b.top, left = _b.left;\n                    getOriginalScrollMethodForKind(\"scrollTo\", this).call(this, left, top_1);\n                }\n                return;\n            }\n            ancestorWithScroll.scrollTo(__assign({ behavior: behavior }, computeScrollIntoView(this, ancestorWithScroll, normalizedOptions)));\n        };\n        // On IE11, HTMLElement has its own declaration of scrollIntoView and does not inherit this from the prototype chain, so we'll need to patch that one too.\n        if (HTMLElement.prototype.scrollIntoView != null && HTMLElement.prototype.scrollIntoView !== Element.prototype.scrollIntoView) {\n            HTMLElement.prototype.scrollIntoView = Element.prototype.scrollIntoView;\n        }\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR = UNSUPPORTED_ENVIRONMENT\n        ? undefined\n        : Object.getOwnPropertyDescriptor(Element.prototype, \"scrollTop\").set;\n\n    /**\n     * Patches the 'scrollTop' property descriptor on the Element prototype\n     */\n    function patchElementScrollTop() {\n        Object.defineProperty(Element.prototype, \"scrollTop\", {\n            set: function (scrollTop) {\n                if (this.__adjustingScrollPosition) {\n                    return ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR.call(this, scrollTop);\n                }\n                handleScrollMethod(this, \"scrollTo\", this.scrollLeft, scrollTop);\n                return scrollTop;\n            }\n        });\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR = UNSUPPORTED_ENVIRONMENT\n        ? undefined\n        : Object.getOwnPropertyDescriptor(Element.prototype, \"scrollLeft\").set;\n\n    /**\n     * Patches the 'scrollLeft' property descriptor on the Element prototype\n     */\n    function patchElementScrollLeft() {\n        Object.defineProperty(Element.prototype, \"scrollLeft\", {\n            set: function (scrollLeft) {\n                if (this.__adjustingScrollPosition) {\n                    return ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR.call(this, scrollLeft);\n                }\n                handleScrollMethod(this, \"scrollTo\", scrollLeft, this.scrollTop);\n                return scrollLeft;\n            }\n        });\n    }\n\n    /**\n     * Applies the polyfill\n     */\n    function patch() {\n        // Element.prototype methods\n        patchElementScroll();\n        patchElementScrollBy();\n        patchElementScrollTo();\n        patchElementScrollIntoView();\n        // Element.prototype descriptors\n        patchElementScrollLeft();\n        patchElementScrollTop();\n        // window methods\n        patchWindowScroll();\n        patchWindowScrollBy();\n        patchWindowScrollTo();\n        // Navigation\n        catchNavigation();\n    }\n\n    /**\n     * Is true if the browser natively supports the Element.prototype.[scroll|scrollTo|scrollBy|scrollIntoView] methods\n     * @type {boolean}\n     */\n    var SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS = UNSUPPORTED_ENVIRONMENT\n        ? false\n        : \"scroll\" in Element.prototype && \"scrollTo\" in Element.prototype && \"scrollBy\" in Element.prototype && \"scrollIntoView\" in Element.prototype;\n\n    if (!UNSUPPORTED_ENVIRONMENT && (!SUPPORTS_SCROLL_BEHAVIOR || !SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS)) {\n        patch();\n    }\n\n}());\n//# sourceMappingURL=index.js.map\n"]}

package/dist/nano-components/p-551c160b.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(e){"use strict";return{execute:function(){var t=new WeakMap;function i(e){var i=["Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageDown","PageUp"," ","Spacebar"];var r=function(t){if(i.includes(t.key))setTimeout((function(t){return e.classList.add("focus-visible")}))};var s=function(){e.classList.remove("focus-visible")};t.set(e,{is:r,isNot:s});e.addEventListener("keydown",r);e.addEventListener("keyup",r);e.addEventListener("click",s)}function r(e){var i;if(!t)return;var r,s;try{i=t.get(e),r=i.is,s=i.isNot}catch(n){return}e.classList.remove("focus-visible");e.removeEventListener("keydown",r);e.removeEventListener("keyup",r);e.removeEventListener("click",s)}function s(e,t){if(t===void 0){t=true}if(t)setTimeout((function(t){return e.classList.add("focus-visible")}));else setTimeout((function(t){return e.classList.remove("focus-visible")}))}var n=e("f",{observe:i,unobserve:r,force:s})}}}));
-//# sourceMappingURL=p-551c160b.system.js.map

package/dist/nano-components/p-551c160b.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/focus-visible.ts"],"names":["listeners","WeakMap","observe","el","keys","is","event","includes","key","setTimeout","_","classList","add","isNot","remove","set","addEventListener","unobserve","_a","get","e","removeEventListener","force","focusVisible","exports"],"mappings":"uEAMA,IAAMA,EAAY,IAAIC,iBAENC,EAAQC,GACtB,IAAMC,EAAO,CAAC,MAAO,UAAW,YAAa,YAAa,aAAc,OAAQ,MAAO,WAAY,SAAU,IAAK,YAClH,IAAMC,EAAK,SAACC,GACV,GAAIF,EAAKG,SAASD,EAAME,KAAMC,YAAW,SAAAC,GAAK,OAAAP,EAAGQ,UAAUC,IAAI,qBAEjE,IAAMC,EAAQ,WAAQV,EAAGQ,UAAUG,OAAO,kBAC1Cd,EAAUe,IAAIZ,EAAI,CAAEE,GAAEA,EAAEQ,MAAKA,IAE7BV,EAAGa,iBAAiB,UAAWX,GAC/BF,EAAGa,iBAAiB,QAASX,GAC7BF,EAAGa,iBAAiB,QAASH,YAGfI,EAAUd,SACxB,IAAKH,EAAW,OAChB,IAAIK,EAAIQ,EAER,IAAOK,EAAgBlB,EAAUmB,IAAIhB,GAA5BE,EAAEa,EAAAb,GAAEQ,EAAKK,EAAAL,MAClB,MAAMO,GAAK,OAEXjB,EAAGQ,UAAUG,OAAO,iBACpBX,EAAGkB,oBAAoB,UAAWhB,GAClCF,EAAGkB,oBAAoB,QAAShB,GAChCF,EAAGkB,oBAAoB,QAASR,YAGlBS,EAAMnB,EAAiBS,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,KACrC,GAAIA,EAAKH,YAAW,SAAAC,GAAK,OAAAP,EAAGQ,UAAUC,IAAI,yBACrCH,YAAW,SAAAC,GAAK,OAAAP,EAAGQ,UAAUG,OAAO,wBAG9BS,EAAYC,EAAA,IAAG,CAC1BtB,QAAOA,EACPe,UAASA,EACTK,MAAKA","sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp', \" \", 'Spacebar'];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) setTimeout(_ => el.classList.add('focus-visible'));\n  };\n  const isNot = () => { el.classList.remove('focus-visible'); }\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('click', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!listeners) return;\n  let is, isNot;\n\n  try { ({ is, isNot } = listeners.get(el)); }\n  catch(e) { return }\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('click', isNot);\n}\n\nexport function force(el: HTMLElement, add = true) {\n  if (add) setTimeout(_ => el.classList.add('focus-visible'));\n  else setTimeout(_ => el.classList.remove('focus-visible'));\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n  force\n};\n"]}

package/dist/nano-components/p-55aac2eb.js

@@ -1,2 +0,0 @@
-const e=new WeakMap,o={observe:function(o){const i=["Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageDown","PageUp"," ","Spacebar"],s=e=>{i.includes(e.key)&&setTimeout((()=>o.classList.add("focus-visible")))},t=()=>{o.classList.remove("focus-visible")};e.set(o,{is:s,isNot:t}),o.addEventListener("keydown",s),o.addEventListener("keyup",s),o.addEventListener("click",t)},unobserve:function(o){if(!e)return;let i,s;try{({is:i,isNot:s}=e.get(o))}catch(t){return}o.classList.remove("focus-visible"),o.removeEventListener("keydown",i),o.removeEventListener("keyup",i),o.removeEventListener("click",s)},force:function(e,o=!0){o?setTimeout((()=>e.classList.add("focus-visible"))):setTimeout((()=>e.classList.remove("focus-visible")))}};export{o as f}
-//# sourceMappingURL=p-55aac2eb.js.map

package/dist/nano-components/p-55aac2eb.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/focus-visible.ts"],"names":["listeners","WeakMap","focusVisible","observe","el","keys","is","event","includes","key","setTimeout","_","classList","add","isNot","remove","set","addEventListener","unobserve","get","e","removeEventListener","force"],"mappings":"AAMA,MAAMA,EAAY,IAAIC,QAiCTC,EAAe,CAC1BC,iBAhCsBC,GACtB,MAAMC,EAAO,CAAC,MAAO,UAAW,YAAa,YAAa,aAAc,OAAQ,MAAO,WAAY,SAAU,IAAK,YAC5GC,EAAMC,IACNF,EAAKG,SAASD,EAAME,MAAMC,YAAWC,IAAKP,EAAGQ,UAAUC,IAAI,oBAE3DC,EAAQ,KAAQV,EAAGQ,UAAUG,OAAO,kBAC1Cf,EAAUgB,IAAIZ,EAAI,CAAEE,GAAAA,EAAIQ,MAAAA,IAExBV,EAAGa,iBAAiB,UAAWX,GAC/BF,EAAGa,iBAAiB,QAASX,GAC7BF,EAAGa,iBAAiB,QAASH,IAuB7BI,mBApBwBd,GACxB,IAAKJ,EAAW,OAChB,IAAIM,EAAIQ,EAER,MAASR,GAAAA,EAAIQ,MAAAA,GAAUd,EAAUmB,IAAIf,IACrC,MAAMgB,GAAK,OAEXhB,EAAGQ,UAAUG,OAAO,iBACpBX,EAAGiB,oBAAoB,UAAWf,GAClCF,EAAGiB,oBAAoB,QAASf,GAChCF,EAAGiB,oBAAoB,QAASP,IAWhCQ,eARoBlB,EAAiBS,GAAM,GACvCA,EAAKH,YAAWC,IAAKP,EAAGQ,UAAUC,IAAI,mBACrCH,YAAWC,IAAKP,EAAGQ,UAAUG,OAAO","sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp', \" \", 'Spacebar'];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) setTimeout(_ => el.classList.add('focus-visible'));\n  };\n  const isNot = () => { el.classList.remove('focus-visible'); }\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('click', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!listeners) return;\n  let is, isNot;\n\n  try { ({ is, isNot } = listeners.get(el)); }\n  catch(e) { return }\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('click', isNot);\n}\n\nexport function force(el: HTMLElement, add = true) {\n  if (add) setTimeout(_ => el.classList.add('focus-visible'));\n  else setTimeout(_ => el.classList.remove('focus-visible'));\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n  force\n};\n"]}

package/dist/nano-components/p-5803deb7.entry.js

@@ -1,2 +0,0 @@
-import{r,c as a,h as n,e,g as t}from"./p-7a6bc3c5.js";import{c as o,a as s}from"./p-190e2d91.js";import{c as i}from"./p-88d68319.js";import{a as g}from"./p-3796f493.js";const b=class{constructor(n){r(this,n),this.nanoChange=a(this,"nanoChange",7),this.nanoStyle=a(this,"nanoStyle",7),this.nanoFocus=a(this,"nanoFocus",7),this.nanoBlur=a(this,"nanoBlur",7),this.noUpdate=!1,this.hasFocus=!1,this.ratioA=0,this.ratioB=0,this.debounce=0,this.name="",this.dualKnobs=!1,this.min=0,this.max=100,this.pin=!1,this.snaps=!1,this.step=1,this.ticks=!1,this.disabled=!1,this.value=0,this.clampBounds=r=>o(this.min,r,this.max),this.ensureValueInBounds=r=>this.dualKnobs?{lower:this.clampBounds(r.lower),upper:this.clampBounds(r.upper)}:this.clampBounds(r),this.handleKeyboard=(r,a)=>{let n=this.step;n=n>0?n:1,n/=this.max-this.min,a||(n*=-1),"A"===r?this.ratioA=o(0,this.ratioA+n,1):this.ratioB=o(0,this.ratioB+n,1),this.updateValue()},this.onBlur=()=>{this.hasFocus&&(this.hasFocus=!1,this.nanoBlur.emit(),this.emitStyle())},this.onFocus=()=>{this.hasFocus||(this.hasFocus=!0,this.nanoFocus.emit(),this.emitStyle())}}debounceChanged(){this.nanoChange=g(this.nanoChange,this.debounce)}minChanged(){this.noUpdate||this.updateRatio()}maxChanged(){this.noUpdate||this.updateRatio()}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled),this.emitStyle()}valueChanged(r){this.noUpdate||this.updateRatio(),r=this.ensureValueInBounds(r),this.nanoChange.emit({value:r})}connectedCallback(){this.updateRatio(),this.debounceChanged(),this.disabledChanged()}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}async componentDidLoad(){const r=this.rangeSlider;r&&(this.gesture=(await __sc_import_nano_components("./p-d9845d94.js")).createGesture({el:r,gestureName:"range",gesturePriority:100,threshold:0,onStart:r=>this.onStart(r),onMove:r=>this.onMove(r),onEnd:r=>this.onEnd(r)}),this.gesture.enable(!this.disabled))}getValue(){const r=this.value||0;return this.dualKnobs?"object"==typeof r?r:{lower:0,upper:r}:"object"==typeof r?r.upper:r}emitStyle(){this.nanoStyle.emit({interactive:!0,"interactive-disabled":this.disabled})}onStart(r){const a=this.rect=this.rangeSlider.getBoundingClientRect(),n=r.currentX;let e=o(0,(n-a.left)/a.width,1);"rtl"===document.dir&&(e=1-e),this.pressedKnob=!this.dualKnobs||Math.abs(this.ratioA-e)<Math.abs(this.ratioB-e)?"A":"B",this.setFocus(this.pressedKnob),this.update(n)}onMove(r){this.update(r.currentX)}onEnd(r){this.update(r.currentX),this.pressedKnob=void 0}update(r){const a=this.rect;let n=o(0,(r-a.left)/a.width,1);"rtl"===document.dir&&(n=1-n),this.snaps&&(n=d(c(n,this.min,this.max,this.step),this.min,this.max)),"A"===this.pressedKnob?this.ratioA=n:this.ratioB=n,this.updateValue()}get valA(){return c(this.ratioA,this.min,this.max,this.step)}get valB(){return c(this.ratioB,this.min,this.max,this.step)}get ratioLower(){return this.dualKnobs?Math.min(this.ratioA,this.ratioB):0}get ratioUpper(){return this.dualKnobs?Math.max(this.ratioA,this.ratioB):this.ratioA}updateRatio(){const r=this.getValue(),{min:a,max:n}=this;this.dualKnobs?(this.ratioA=d(r.lower,a,n),this.ratioB=d(r.upper,a,n)):this.ratioA=d(r,a,n)}updateValue(){this.noUpdate=!0;const{valA:r,valB:a}=this;this.value=this.dualKnobs?{lower:Math.min(r,a),upper:Math.max(r,a)}:r,this.noUpdate=!1}setFocus(r){if(this.el.shadowRoot){const a=this.el.shadowRoot.querySelector("A"===r?".range-knob-a":".range-knob-b");a&&a.focus()}}render(){const{min:r,max:a,step:t,el:o,handleKeyboard:g,pressedKnob:b,disabled:c,pin:l,ratioLower:u,ratioUpper:p}=this,m="rtl"===document.dir,k=m?"right":"left",v=r=>({[k]:r[k]}),f={[k]:100*u+"%",[m?"left":"right"]:100-100*p+"%"},w=[];if(this.snaps&&this.ticks)for(let n=r;n<=a;n+=t){const e=d(n,r,a),t={ratio:e,active:e>=u&&e<=p};t[k]=100*e+"%",w.push(t)}return s(!0,o,this.name,JSON.stringify(this.getValue()),c),n(e,{onFocusin:this.onFocus,onFocusout:this.onBlur,class:i(this.color,{"range-disabled":c,"range-pressed":void 0!==b,"range-has-pin":l,"range-snaps":this.snaps})},n("div",{class:"range-wrap"},n("slot",{name:"start"}),n("div",{class:"range-slider",ref:r=>this.rangeSlider=r},w.map((r=>n("span",{style:v(r),role:"presentation",class:{"range-tick":!0,"range-tick-active":r.active},part:r.active?"tick-active":"tick"}))),n("div",{class:"range-bar",role:"presentation",part:"bar"}),n("div",{class:"range-bar range-bar-active",role:"presentation",style:f,part:"bar-active"}),h(m,{knob:"A",pressed:"A"===b,value:this.valA,ratio:this.ratioA,pin:l,disabled:c,handleKeyboard:g,min:r,max:a}),this.dualKnobs&&h(m,{knob:"B",pressed:"B"===b,value:this.valB,ratio:this.ratioB,pin:l,disabled:c,handleKeyboard:g,min:r,max:a})),n("slot",{name:"end"})))}get el(){return t(this)}static get watchers(){return{debounce:["debounceChanged"],min:["minChanged"],max:["maxChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}},h=(r,{knob:a,value:e,ratio:t,min:o,max:s,disabled:i,pressed:g,pin:b,handleKeyboard:h})=>{const c=r?"right":"left";return n("div",{onKeyDown:r=>{const n=r.key;"ArrowLeft"===n||"ArrowDown"===n?(h(a,!1),r.preventDefault(),r.stopPropagation()):"ArrowRight"!==n&&"ArrowUp"!==n||(h(a,!0),r.preventDefault(),r.stopPropagation())},class:{"range-knob-handle":!0,"range-knob-a":"A"===a,"range-knob-b":"B"===a,"range-knob-pressed":g,"range-knob-min":e===o,"range-knob-max":e===s},style:(()=>{const r={};return r[c]=100*t+"%",r})(),role:"slider",tabindex:i?-1:0,"aria-valuemin":o,"aria-valuemax":s,"aria-disabled":i?"true":null,"aria-valuenow":e},b&&n("div",{class:"range-pin",role:"presentation",part:"pin"},Math.round(e)),n("div",{class:"range-knob",role:"presentation",part:"knob"}))},c=(r,a,n,e)=>{let t=(n-a)*r;return e>0&&(t=Math.round(t/e)*e+a),o(a,t,n)},d=(r,a,n)=>o(0,(r-a)/(n-a),1);b.style='.sc-nano-range-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-range,*.sc-nano-range::before,*.sc-nano-range::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-range:export{screen:1000}.sc-nano-range-h{--knob-handle-size:(var(--knob-size) * 2);--rgb-inactive:165, 165, 165;--knob-border-radius:50%;--knob-background:var(--nano-color-primary, #0084a9);--knob-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);--knob-size:30px;--bar-height:8px;--bar-background:#e2e1e0;--bar-background-active:#a5a5a5;--bar-border-radius:4px;--height:42px;--pin-background:var(--nano-color-primary, #0084a9);--pin-color:var(--nano-color-primary-contrast, #fff);--focus-style:0 0 0 5px var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))}.range-wrap.sc-nano-range{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:3;-ms-flex:3;flex:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-wrap.sc-nano-range-s>ion-icon[slot],.range-wrap .sc-nano-range-s>ion-icon[slot]{font-size:1.5em}.range-wrap.sc-nano-range-s>[slot=start],.range-wrap .sc-nano-range-s>[slot=start]{margin-left:0;margin-right:14px;margin-top:0;margin-bottom:0;font-size:0.9em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.range-wrap.sc-nano-range-s>[slot=start],.range-wrap .sc-nano-range-s>[slot=start]{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px}}.range-wrap.sc-nano-range-s>[slot=end],.range-wrap .sc-nano-range-s>[slot=end]{margin-left:14px;margin-right:0;margin-top:0;margin-bottom:0;font-size:0.9em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.range-wrap.sc-nano-range-s>[slot=end],.range-wrap .sc-nano-range-s>[slot=end]{margin-left:unset;margin-right:unset;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0}}.range-slider.sc-nano-range{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}.range-pressed.sc-nano-range-h .range-slider.sc-nano-range{cursor:-webkit-grabbing;cursor:grabbing}.range-bar.sc-nano-range{border-radius:var(--bar-border-radius);left:0;top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-bar[dir=rtl].sc-nano-range{left:unset;right:unset;right:0}.range-snaps.sc-nano-range-h .range-bar.sc-nano-range{border-top-left-radius:var(--bar-border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--bar-border-radius)}.range-snaps.sc-nano-range-h .range-bar[dir=rtl].sc-nano-range{border-top-left-radius:0;border-top-right-radius:var(--bar-border-radius);border-bottom-right-radius:var(--bar-border-radius);border-bottom-left-radius:0}.range-bar[dir=rtl].sc-nano-range{left:unset}.range-bar-active.sc-nano-range{bottom:0;width:auto;background:var(--bar-background-active)}.range-bar-active .range-pressed.sc-nano-range-h{will-change:left, right}.range-knob.sc-nano-range{border-radius:var(--knob-border-radius);left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none;-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease}.range-knob[dir=rtl].sc-nano-range{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}.range-knob[dir=rtl].sc-nano-range{left:unset}.sc-nano-range-h:not(.range-has-pin) .range-knob-pressed.sc-nano-range .range-knob.sc-nano-range{-webkit-transform:scale(1);transform:scale(1)}.range-knob-handle.sc-nano-range{left:0;top:calc((var(--height) - var(--knob-handle-size)) / 2);margin-left:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:calc(var(--knob-handle-size));height:calc(var(--knob-handle-size));text-align:center}.range-knob-handle[dir=rtl].sc-nano-range{left:unset;right:unset;right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.range-knob-handle.sc-nano-range{margin-left:unset;-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2)}}.range-knob-handle[dir=rtl].sc-nano-range{left:unset}.range-knob-handle.sc-nano-range:active,.range-knob-handle.sc-nano-range:focus{outline:none}.range-knob-handle.sc-nano-range:active .range-knob.sc-nano-range,.range-knob-handle.sc-nano-range:focus .range-knob.sc-nano-range{-webkit-box-shadow:var(--knob-box-shadow), var(--focus-style);box-shadow:var(--knob-box-shadow), var(--focus-style)}.range-tick.sc-nano-range{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}.range-tick.sc-nano-range:first-of-type{border-top-left-radius:var(--bar-border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--bar-border-radius)}.range-tick.sc-nano-range:first-of-type[dir=rtl]{border-top-left-radius:0;border-top-right-radius:var(--bar-border-radius);border-bottom-right-radius:var(--bar-border-radius);border-bottom-left-radius:0}.range-tick.sc-nano-range:last-of-type{border-top-left-radius:0;border-top-right-radius:var(--bar-border-radius);border-bottom-right-radius:var(--bar-border-radius);border-bottom-left-radius:0}.range-tick.sc-nano-range:last-of-type[dir=rtl]{border-top-left-radius:var(--bar-border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--bar-border-radius)}.range-tick-active.sc-nano-range{background:transparent}.range-pin.sc-nano-range{-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);-webkit-transform-origin:center top;transform-origin:center top;padding:0.66em 0;border-radius:50%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;min-width:2.33em;height:2.33em;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);font-size:0.75em}.range-pin.sc-nano-range::before{left:50%;top:0.25em;margin-left:-1.08em;border-radius:50% 50% 50% 0;position:absolute;width:2.16em;height:2.16em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:"";z-index:-1}.range-pin.sc-nano-range::before[dir=rtl]{left:unset;right:unset;right:50%}.range-pin.sc-nano-range::before[dir=rtl]{left:unset}.range-knob-pressed.sc-nano-range .range-pin.sc-nano-range{-webkit-transform:translate3d(0, -50%, 0) scale(1);transform:translate3d(0, -50%, 0) scale(1);-webkit-transform:translate3d(0, calc((100% - var(--bar-height)) * -1), 0) scale(1);transform:translate3d(0, calc((100% - var(--bar-height)) * -1), 0) scale(1)}.range-disabled.sc-nano-range-h{pointer-events:none}.range-disabled.sc-nano-range-h .range-bar-active.sc-nano-range,.range-disabled.sc-nano-range-h .range-bar.sc-nano-range,.range-disabled.sc-nano-range-h .range-tick.sc-nano-range{background-color:rgba(var(--rgb-inactive), 0.5)}.range-disabled.sc-nano-range-h .range-knob.sc-nano-range{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:rgba(var(--rgb-inactive), 0.5)}.nano-color.sc-nano-range-h .range-bar-active.sc-nano-range,.nano-color.sc-nano-range-h .range-knob.sc-nano-range,.nano-color.sc-nano-range-h .range-pin.sc-nano-range,.nano-color.sc-nano-range-h .range-pin.sc-nano-range::before,.nano-color.sc-nano-range-h .range-tick.sc-nano-range{background:var(--nano-color-base);color:var(--nano-color-contrast)}.nano-color.sc-nano-range-h .range-bar.sc-nano-range{background:rgba(var(--nano-color-base-rgb), 0.26)}.nano-color.sc-nano-range-h .range-knob-handle.sc-nano-range:active .range-knob.sc-nano-range,.nano-color.sc-nano-range-h .range-knob-handle.sc-nano-range:focus .range-knob.sc-nano-range{-webkit-box-shadow:var(--knob-box-shadow), 0 0 0 5px rgba(var(--nano-color-tint-rgb), 0.56);box-shadow:var(--knob-box-shadow), 0 0 0 5px rgba(var(--nano-color-tint-rgb), 0.56)}';export{b as nano_range}
-//# sourceMappingURL=p-5803deb7.entry.js.map