@nanoporetech-digital/components 7.6.0 → 7.8.0

package/dist/nano-components/nano-resize-observe_2.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["ResizeObserve","ro","appliedStates","isReady","currentWidth","currentHeight","classNames","contentFitX","contentFitY","classNameChange","this","host","className","join","includes","nanoResizeObserverReady","emit","notifyContentFit","states","newStatesProp","statesChanged","nanoResizeStateChange","nanoResizeContentFitChange","nanoResize","dimensionChanged","assessChanges","toBpDir","bpDir","bpDirSpl","split","filter","bs","length","bp","parseInt","dir","h","Map","w","map","st","trim","key","classes","set","applied","assesContentFit","findNonContentsEle","ele","window","getComputedStyle","display","recurse","e","Array","from","children","find","cEle","didChange","measureEle","firstElementChild","scrollWidth","scrollHeight","x","y","readTask","changedStates","hasChanged","Object","keys","forEach","dimType","dim","state","applyChanges","changes","push","cl","toSimpleObj","stateMaps","retObj","attachRO","ResizeObserver","width","height","getBoundingClientRect","Math","ceil","observe","componentWillLoad","classList","connectedCallback","disconnectedCallback","disconnect","render","Host","name","skeletonCss","NanoSkeletonStyle0","Skeleton","animated","class","skeleton","animate"],"sources":["src/components/resize-observe/resize-observe.tsx","src/components/skeleton/skeleton.scss?tag=nano-skeleton&encapsulation=shadow","src/components/skeleton/skeleton.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  State,\n  Watch,\n  ComponentInterface,\n  Event,\n  EventEmitter,\n  readTask,\n} from '@stencil/core';\nimport { ResizeStateChangeEventDetail } from './resize-observe-interface';\n\ntype ResizeObserverState = { states?: string[]; applied?: boolean };\ninterface StateMaps {\n  h: Map<number, ResizeObserverState>;\n  w: Map<number, ResizeObserverState>;\n}\n\n/**\n * A Resize-Observer utility component.\n * Takes a string list of sizes and optional class-names.\n * Adds class-names and fires `nanoResizeStateChange` events when the component reaches those sizes.\n * Additionally, can fire events when content no-longer fits within the element.\n * @slot - Main slot for any content.\n * @slot content-fit-x - optional slot (when `notifyContentFit` is set). Shows when content fits / doesn't get cut off\n * @slot content-nofit-x - optional slot (when `notifyContentFit` is set). Shows when content doesn't get cut off\n * @slot content-fit-y - optional slot (when `notifyContentFit` is set). Shows when content fits / doesn't get cut off\n * @slot content-nofit-y - optional slot (when `notifyContentFit` is set). Shows when content doesn't get cut off\n */\n@Component({\n  tag: 'nano-resize-observe',\n  styles: `:host { display: block }`,\n  shadow: true,\n})\nexport class ResizeObserve implements ComponentInterface {\n  private ro: ResizeObserver;\n  private appliedStates: StateMaps;\n  private isReady = false;\n\n  @Element() host: HTMLNanoResizeObserveElement;\n  @State() currentWidth: number;\n  @State() currentHeight: number;\n  @State() classNames: string[] = [];\n  @State() contentFitX = null;\n  @State() contentFitY = null;\n\n  @Watch('classNames')\n  classNameChange() {\n    this.host.className = this.classNames.join(' ');\n    if (!this.isReady && this.classNames.includes('is-ready')) {\n      this.isReady = true;\n      this.nanoResizeObserverReady.emit();\n    }\n  }\n\n  /** Fire `nanoResizeContentFitChange` events notifying\n   * whether content currently fits or does not on the x, y or both axis'.\n   * Also makes the `content-fit-...` slots available */\n  @Prop() notifyContentFit: 'x' | 'y' | 'xy';\n\n  /** string list of sizes and optional class-names.\n   * Adds class-names and fires nanoResizeStateChange events. Upon hitting breakpoints.\n   * Format: `states=\"800w, 300h class1 class2\"` */\n  @Prop() states: string;\n\n  @Watch('states')\n  newStatesProp() {\n    this.statesChanged();\n  }\n\n  /** A resize break point is switched on or off */\n  @Event() nanoResizeStateChange!: EventEmitter<ResizeStateChangeEventDetail>;\n\n  /** Fires after the initial loading and assessment */\n  @Event() nanoResizeObserverReady!: EventEmitter<void>;\n\n  /** Fires when the content either begins or stops fitting.\n   * Will only work when `notifyContentFit` is set. */\n  @Event() nanoResizeContentFitChange!: EventEmitter<{\n    x: boolean;\n    y: boolean;\n  }>;\n\n  /** Fires after any resizing */\n  @Event() nanoResize!: EventEmitter<ResizeObserverEntry[]>;\n\n  @Watch('currentHeight')\n  @Watch('currentWidth')\n  dimensionChanged() {\n    this.assessChanges();\n  }\n\n  @Watch('states')\n  statesChanged() {\n    if (!this.states) return;\n\n    const toBpDir = (bpDir: string) => {\n      const bpDirSpl = bpDir.split(/(\\d+)/).filter((bs) => bs.length);\n      return { bp: parseInt(bpDirSpl[0]), dir: bpDirSpl[1] };\n    };\n    this.appliedStates = { h: new Map(), w: new Map() };\n\n    // parse state string\n    this.states.split(',').map((st) => {\n      st = st.trim();\n      if (st.includes(' ')) {\n        const [key, ...classes] = st.split(' ');\n        const { bp, dir } = toBpDir(key);\n        this.appliedStates[dir as keyof StateMaps].set(bp, {\n          states: classes,\n          applied: false,\n        });\n      } else {\n        const { bp, dir } = toBpDir(st);\n        this.appliedStates[dir as keyof StateMaps].set(bp, { applied: false });\n      }\n    });\n  }\n\n  private assesContentFit() {\n    if (!this.notifyContentFit) return;\n\n    const findNonContentsEle = (ele: Element) => {\n      if (window.getComputedStyle(ele).display !== 'contents') return ele;\n\n      const recurse = (e: Element): Element | null => {\n        return Array.from(e.children).find((cEle: HTMLElement) => {\n          if (window.getComputedStyle(cEle).display !== 'contents') return cEle;\n          recurse(cEle);\n        });\n      };\n      return recurse(ele);\n    };\n\n    let didChange = false;\n    const measureEle = findNonContentsEle(this.host.firstElementChild);\n\n    if (measureEle) {\n      if (this.notifyContentFit && this.notifyContentFit.includes('x')) {\n        if (\n          this.currentWidth < measureEle.scrollWidth &&\n          this.contentFitX !== false\n        ) {\n          didChange = true;\n          this.contentFitX = false;\n        } else if (\n          this.currentWidth >= measureEle.scrollWidth &&\n          this.contentFitX !== true\n        ) {\n          didChange = true;\n          this.contentFitX = true;\n        }\n      }\n\n      if (this.notifyContentFit && this.notifyContentFit.includes('y')) {\n        if (\n          this.currentHeight < measureEle.scrollHeight &&\n          this.contentFitY !== false\n        ) {\n          didChange = true;\n          this.contentFitY = false;\n        } else if (\n          this.currentHeight >= measureEle.scrollHeight &&\n          this.contentFitY !== true\n        ) {\n          didChange = true;\n          this.contentFitY = true;\n        }\n      }\n\n      if (didChange) {\n        this.nanoResizeContentFitChange.emit({\n          x: this.contentFitX,\n          y: this.contentFitY,\n        });\n      }\n    }\n  }\n\n  private assessChanges = () => {\n    if (!this.currentWidth && !this.currentHeight) return;\n    readTask(() => this.assesContentFit());\n\n    if (!this.states || !this.appliedStates) return;\n\n    const changedStates: StateMaps = { h: new Map(), w: new Map() };\n    let hasChanged = false;\n\n    Object.keys(this.appliedStates).forEach((dimType) => {\n      let dim: number;\n      if (dimType === 'h') dim = this.currentHeight;\n      else dim = this.currentWidth;\n\n      this.appliedStates[dimType].forEach(\n        (state: ResizeObserverState, bp: number) => {\n          if (dim >= bp && state.applied === false) {\n            state.applied = true;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          } else if (dim < bp && state.applied === true) {\n            state.applied = false;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          }\n        }\n      );\n    });\n    if (hasChanged) this.applyChanges(changedStates);\n    else if (!this.classNames.includes('is-ready'))\n      this.classNames = [...this.classNames, 'is-ready'];\n  };\n\n  private applyChanges(changes: StateMaps) {\n    if (!this.states) return;\n\n    let classNames = [...this.classNames];\n    Object.keys(changes).forEach((dimType: keyof StateMaps) => {\n      changes[dimType].forEach((state) => {\n        if (!state.states) return;\n        state.states.map((st) => {\n          if (state.applied) {\n            classNames.push(st);\n            classNames = classNames.filter((cl) => cl !== 'not-' + st);\n          } else {\n            classNames.push('not-' + st);\n            classNames = classNames.filter((cl) => cl !== st);\n          }\n        });\n      });\n    });\n    this.classNames = ['is-ready', ...classNames];\n    this.nanoResizeStateChange.emit(this.toSimpleObj(changes));\n  }\n\n  private toSimpleObj(stateMaps: StateMaps) {\n    const retObj = {};\n    Object.keys(stateMaps).forEach((dimType: keyof StateMaps) => {\n      stateMaps[dimType].forEach((state: ResizeObserverState, bp: number) => {\n        retObj[bp + dimType] = state.applied;\n      });\n    });\n    return retObj;\n  }\n\n  private attachRO() {\n    if (!window['ResizeObserver']) return;\n\n    this.ro = new ResizeObserver((ro) => {\n      const { width, height } = this.host.getBoundingClientRect();\n      this.currentWidth = Math.ceil(width);\n      this.currentHeight = Math.ceil(height);\n      this.nanoResize.emit(ro);\n    });\n    this.ro.observe(this.host);\n  }\n\n  componentWillLoad() {\n    this.classNames = Array.from(this.host.classList);\n\n    this.statesChanged();\n    // set all class as 'not-' by deafult\n    this.applyChanges(this.appliedStates);\n\n    if (!this.currentWidth && !this.currentHeight) {\n      readTask(() => {\n        const { width, height } = this.host.getBoundingClientRect();\n        this.currentWidth = Math.ceil(width);\n        this.currentHeight = Math.ceil(height);\n      });\n    } else {\n      this.assessChanges();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.ro) this.attachRO();\n  }\n\n  disconnectedCallback() {\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n        {!!this.notifyContentFit &&\n          (this.contentFitX !== null || this.contentFitY !== null) && [\n            this.contentFitX ? (\n              <slot name=\"content-fit-x\" />\n            ) : (\n              <slot name=\"content-nofit-x\" />\n            ),\n            this.contentFitY ? (\n              <slot name=\"content-fit-y\" />\n            ) : (\n              <slot name=\"content-nofit-y\" />\n            ),\n          ]}\n      </Host>\n    );\n  }\n}\n","@use '../../global/style/nano-theme/tokens/components' as cmps;\n\n:host {\n  /**\n   * @prop --base-color-rgb: default #{cmps.$skeleton-color-rgb};\n   * @prop --color: default var(--nano-skeleton-color, rgba(var(--base-color-rgb), 1));\n   * @prop --tint: default var(--nano-skeleton-tint, rgba(var(--base-color-rgb), .3));\n   */\n\n  --base-color-rgb: #{cmps.$skeleton-color-rgb};\n  --color: var(--nano-skeleton-color, rgb(var(--base-color-rgb) / 100%));\n  --tint: var(--nano-skeleton-tint, rgb(var(--base-color-rgb) / 50%));\n\n  display: block;\n  position: relative;\n  border-radius: 0.25rem;\n  min-block-size: 1em;\n  line-height: inherit;\n}\n\n.skeleton {\n  display: flex;\n  min-inline-size: 100%;\n  min-block-size: 100%;\n  border-radius: inherit;\n  line-height: inherit;\n}\n\n.skeleton__indicator {\n  flex: 1 1 auto;\n  background: var(--color);\n  border-radius: inherit;\n  line-height: inherit;\n}\n\n.skeleton.animate .skeleton__indicator {\n  background:\n    linear-gradient(\n      270deg,\n      var(--tint),\n      var(--color),\n      var(--color),\n      var(--tint)\n    );\n  background-size: 400% 100%;\n  animation: loader 6s ease-in-out infinite;\n}\n\n@keyframes loader {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n","import { Component, Prop, h, ComponentInterface } from '@stencil/core';\n\n/**\n * Skeletons are used to show where content will eventually be drawn.\n * Simple containers for scaffolding layouts that mimic what users will see when content has finished loading.\n * Prevents large areas of empty space during asynchronous operations.\n */\n@Component({\n  tag: 'nano-skeleton',\n  styleUrl: 'skeleton.scss',\n  shadow: true,\n})\nexport class Skeleton implements ComponentInterface {\n  /** When `true`, the skeleton will animate. */\n  @Prop() animated = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          skeleton: true,\n          animate: this.animated,\n        }}\n      >\n        <div class=\"skeleton__indicator\">&nbsp;</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ResizeObserve","ro","appliedStates","isReady","currentWidth","currentHeight","classNames","contentFitX","contentFitY","classNameChange","this","host","className","join","includes","nanoResizeObserverReady","emit","notifyContentFit","states","newStatesProp","statesChanged","nanoResizeStateChange","nanoResizeContentFitChange","nanoResize","dimensionChanged","assessChanges","toBpDir","bpDir","bpDirSpl","split","filter","bs","length","bp","parseInt","dir","h","Map","w","map","st","trim","key","classes","set","applied","assesContentFit","findNonContentsEle","ele","window","getComputedStyle","display","recurse","e","Array","from","children","find","cEle","didChange","measureEle","firstElementChild","scrollWidth","scrollHeight","x","y","readTask","changedStates","hasChanged","Object","keys","forEach","dimType","dim","state","applyChanges","changes","push","cl","toSimpleObj","stateMaps","retObj","attachRO","ResizeObserver","width","height","getBoundingClientRect","Math","ceil","observe","componentWillLoad","classList","connectedCallback","disconnectedCallback","disconnect","render","Host","class","name","skeletonCss","NanoSkeletonStyle0","Skeleton","animated","skeleton","animate"],"sources":["src/components/resize-observe/resize-observe.tsx","src/components/skeleton/skeleton.scss?tag=nano-skeleton&encapsulation=shadow","src/components/skeleton/skeleton.tsx"],"sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  Host,\n  State,\n  Watch,\n  ComponentInterface,\n  Event,\n  EventEmitter,\n  readTask,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport { ResizeStateChangeEventDetail } from './resize-observe-interface';\n\ntype ResizeObserverState = { states?: string[]; applied?: boolean };\ninterface StateMaps {\n  h: Map<number, ResizeObserverState>;\n  w: Map<number, ResizeObserverState>;\n}\n\n/**\n * A Resize-Observer utility component.\n * Takes a string list of sizes and optional class-names.\n * Adds class-names and fires `nanoResizeStateChange` events when the component reaches those sizes.\n * Additionally, can fire events when content no-longer fits within the element.\n * @slot - Main slot for any content.\n * @slot content-fit-x - optional slot (when `notifyContentFit` is set). Shows when content fits / doesn't get cut off\n * @slot content-nofit-x - optional slot (when `notifyContentFit` is set). Shows when content doesn't get cut off\n * @slot content-fit-y - optional slot (when `notifyContentFit` is set). Shows when content fits / doesn't get cut off\n * @slot content-nofit-y - optional slot (when `notifyContentFit` is set). Shows when content doesn't get cut off\n */\n@Component({\n  tag: 'nano-resize-observe',\n  styles: `:host { display: block }`,\n  shadow: true,\n})\nexport class ResizeObserve implements ComponentInterface {\n  private ro: ResizeObserver;\n  private appliedStates: StateMaps;\n  private isReady = false;\n\n  @Element() host: HTMLNanoResizeObserveElement;\n  @State() currentWidth: number;\n  @State() currentHeight: number;\n  @State() classNames: string[] = [];\n  @State() contentFitX = null;\n  @State() contentFitY = null;\n\n  @Watch('classNames')\n  classNameChange() {\n    this.host.className = this.classNames.join(' ');\n    if (!this.isReady && this.classNames.includes('is-ready')) {\n      this.isReady = true;\n      this.nanoResizeObserverReady.emit();\n    }\n  }\n\n  /** Fire `nanoResizeContentFitChange` events notifying\n   * whether content currently fits or does not on the x, y or both axis'.\n   * Also makes the `content-fit-...` slots available */\n  @Prop() notifyContentFit: 'x' | 'y' | 'xy';\n\n  /** string list of sizes and optional class-names.\n   * Adds class-names and fires nanoResizeStateChange events. Upon hitting breakpoints.\n   * Format: `states=\"800w, 300h class1 class2\"` */\n  @Prop() states: string;\n\n  @Watch('states')\n  newStatesProp() {\n    this.statesChanged();\n  }\n\n  /** A resize break point is switched on or off */\n  @Event() nanoResizeStateChange!: EventEmitter<ResizeStateChangeEventDetail>;\n\n  /** Fires after the initial loading and assessment */\n  @Event() nanoResizeObserverReady!: EventEmitter<void>;\n\n  /** Fires when the content either begins or stops fitting.\n   * Will only work when `notifyContentFit` is set. */\n  @Event() nanoResizeContentFitChange!: EventEmitter<{\n    x: boolean;\n    y: boolean;\n  }>;\n\n  /** Fires after any resizing */\n  @Event() nanoResize!: EventEmitter<ResizeObserverEntry[]>;\n\n  @Watch('currentHeight')\n  @Watch('currentWidth')\n  dimensionChanged() {\n    this.assessChanges();\n  }\n\n  @Watch('states')\n  statesChanged() {\n    if (!this.states) return;\n\n    const toBpDir = (bpDir: string) => {\n      const bpDirSpl = bpDir.split(/(\\d+)/).filter((bs) => bs.length);\n      return { bp: parseInt(bpDirSpl[0]), dir: bpDirSpl[1] };\n    };\n    this.appliedStates = { h: new Map(), w: new Map() };\n\n    // parse state string\n    this.states.split(',').map((st) => {\n      st = st.trim();\n      if (st.includes(' ')) {\n        const [key, ...classes] = st.split(' ');\n        const { bp, dir } = toBpDir(key);\n        this.appliedStates[dir as keyof StateMaps].set(bp, {\n          states: classes,\n          applied: false,\n        });\n      } else {\n        const { bp, dir } = toBpDir(st);\n        this.appliedStates[dir as keyof StateMaps].set(bp, { applied: false });\n      }\n    });\n  }\n\n  private assesContentFit() {\n    if (!this.notifyContentFit) return;\n\n    const findNonContentsEle = (ele: Element) => {\n      if (window.getComputedStyle(ele).display !== 'contents') return ele;\n\n      const recurse = (e: Element): Element | null => {\n        return Array.from(e.children).find((cEle: HTMLElement) => {\n          if (window.getComputedStyle(cEle).display !== 'contents') return cEle;\n          recurse(cEle);\n        });\n      };\n      return recurse(ele);\n    };\n\n    let didChange = false;\n    const measureEle = findNonContentsEle(this.host.firstElementChild);\n\n    if (measureEle) {\n      if (this.notifyContentFit && this.notifyContentFit.includes('x')) {\n        if (\n          this.currentWidth < measureEle.scrollWidth &&\n          this.contentFitX !== false\n        ) {\n          didChange = true;\n          this.contentFitX = false;\n        } else if (\n          this.currentWidth >= measureEle.scrollWidth &&\n          this.contentFitX !== true\n        ) {\n          didChange = true;\n          this.contentFitX = true;\n        }\n      }\n\n      if (this.notifyContentFit && this.notifyContentFit.includes('y')) {\n        if (\n          this.currentHeight < measureEle.scrollHeight &&\n          this.contentFitY !== false\n        ) {\n          didChange = true;\n          this.contentFitY = false;\n        } else if (\n          this.currentHeight >= measureEle.scrollHeight &&\n          this.contentFitY !== true\n        ) {\n          didChange = true;\n          this.contentFitY = true;\n        }\n      }\n\n      if (didChange) {\n        this.nanoResizeContentFitChange.emit({\n          x: this.contentFitX,\n          y: this.contentFitY,\n        });\n      }\n    }\n  }\n\n  private assessChanges = () => {\n    if (!this.currentWidth && !this.currentHeight) return;\n    readTask(() => this.assesContentFit());\n\n    if (!this.states || !this.appliedStates) return;\n\n    const changedStates: StateMaps = { h: new Map(), w: new Map() };\n    let hasChanged = false;\n\n    Object.keys(this.appliedStates).forEach((dimType) => {\n      let dim: number;\n      if (dimType === 'h') dim = this.currentHeight;\n      else dim = this.currentWidth;\n\n      this.appliedStates[dimType].forEach(\n        (state: ResizeObserverState, bp: number) => {\n          if (dim >= bp && state.applied === false) {\n            state.applied = true;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          } else if (dim < bp && state.applied === true) {\n            state.applied = false;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          }\n        }\n      );\n    });\n    if (hasChanged) this.applyChanges(changedStates);\n    else if (!this.classNames.includes('is-ready'))\n      this.classNames = [...this.classNames, 'is-ready'];\n  };\n\n  private applyChanges(changes: StateMaps) {\n    if (!this.states) return;\n\n    let classNames = [...this.classNames];\n    Object.keys(changes).forEach((dimType: keyof StateMaps) => {\n      changes[dimType].forEach((state) => {\n        if (!state.states) return;\n        state.states.map((st) => {\n          if (state.applied) {\n            classNames.push(st);\n            classNames = classNames.filter((cl) => cl !== 'not-' + st);\n          } else {\n            classNames.push('not-' + st);\n            classNames = classNames.filter((cl) => cl !== st);\n          }\n        });\n      });\n    });\n    this.classNames = ['is-ready', ...classNames];\n    this.nanoResizeStateChange.emit(this.toSimpleObj(changes));\n  }\n\n  private toSimpleObj(stateMaps: StateMaps) {\n    const retObj = {};\n    Object.keys(stateMaps).forEach((dimType: keyof StateMaps) => {\n      stateMaps[dimType].forEach((state: ResizeObserverState, bp: number) => {\n        retObj[bp + dimType] = state.applied;\n      });\n    });\n    return retObj;\n  }\n\n  private attachRO() {\n    if (!window['ResizeObserver']) return;\n\n    this.ro = new ResizeObserver((ro) => {\n      const { width, height } = this.host.getBoundingClientRect();\n      this.currentWidth = Math.ceil(width);\n      this.currentHeight = Math.ceil(height);\n      this.nanoResize.emit(ro);\n    });\n    this.ro.observe(this.host);\n  }\n\n  componentWillLoad() {\n    this.classNames = Array.from(this.host.classList);\n\n    this.statesChanged();\n    // set all class as 'not-' by deafult\n    this.applyChanges(this.appliedStates);\n\n    if (!this.currentWidth && !this.currentHeight) {\n      readTask(() => {\n        const { width, height } = this.host.getBoundingClientRect();\n        this.currentWidth = Math.ceil(width);\n        this.currentHeight = Math.ceil(height);\n      });\n    } else {\n      this.assessChanges();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.ro) this.attachRO();\n  }\n\n  disconnectedCallback() {\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    return (\n      <Host class=\"nano-resize-observe\">\n        <slot />\n        {!!this.notifyContentFit &&\n          (this.contentFitX !== null || this.contentFitY !== null) && [\n            this.contentFitX ? (\n              <slot name=\"content-fit-x\" />\n            ) : (\n              <slot name=\"content-nofit-x\" />\n            ),\n            this.contentFitY ? (\n              <slot name=\"content-fit-y\" />\n            ) : (\n              <slot name=\"content-nofit-y\" />\n            ),\n          ]}\n      </Host>\n    );\n  }\n}\n","@use '../../global/style/nano-theme/tokens/components' as cmps;\n\n:host {\n  /**\n   * @prop --base-color-rgb: default #{cmps.$skeleton-color-rgb};\n   * @prop --color: default var(--nano-skeleton-color, rgba(var(--base-color-rgb), 1));\n   * @prop --tint: default var(--nano-skeleton-tint, rgba(var(--base-color-rgb), .3));\n   */\n\n  --base-color-rgb: #{cmps.$skeleton-color-rgb};\n  --color: var(--nano-skeleton-color, rgb(var(--base-color-rgb) / 100%));\n  --tint: var(--nano-skeleton-tint, rgb(var(--base-color-rgb) / 50%));\n\n  display: block;\n  position: relative;\n  border-radius: 0.25rem;\n  min-block-size: 1em;\n  line-height: inherit;\n}\n\n.skeleton {\n  display: flex;\n  min-inline-size: 100%;\n  min-block-size: 100%;\n  border-radius: inherit;\n  line-height: inherit;\n}\n\n.skeleton__indicator {\n  flex: 1 1 auto;\n  background: var(--color);\n  border-radius: inherit;\n  line-height: inherit;\n}\n\n.skeleton.animate .skeleton__indicator {\n  background:\n    linear-gradient(\n      270deg,\n      var(--tint),\n      var(--color),\n      var(--color),\n      var(--tint)\n    );\n  background-size: 400% 100%;\n  animation: loader 6s ease-in-out infinite;\n}\n\n@keyframes loader {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n","import { Component, Prop, ComponentInterface, Host } from '@stencil/core';\nimport { h } from '../../utils/renderer';\n\n/**\n * Skeletons are used to show where content will eventually be drawn.\n * Simple containers for scaffolding layouts that mimic what users will see when content has finished loading.\n * Prevents large areas of empty space during asynchronous operations.\n */\n@Component({\n  tag: 'nano-skeleton',\n  styleUrl: 'skeleton.scss',\n  shadow: true,\n})\nexport class Skeleton implements ComponentInterface {\n  /** When `true`, the skeleton will animate. */\n  @Prop() animated = true;\n\n  render() {\n    return (\n      <Host class=\"nano-skeleton\">\n        <div\n          class={{\n            skeleton: true,\n            animate: this.animated,\n          }}\n        >\n          <div class=\"skeleton__indicator\">&nbsp;</div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/nano-components/nano-slide.entry.js

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{r as e,c as o,h as t,a as i}from"./index-3118109b.js";const n=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:100%;font-size:18px;text-align:center;box-sizing:border-box;overflow:hidden;transition:opacity 0.2s;opacity:0;flex-direction:column}:host([ready]){opacity:1}:host(:not([ready])){flex:1 0 auto}";const a=n;const r=class{constructor(t){e(this,t);this.nanoSlideReady=o(this,"nanoSlideReady",7)}nanoSlideReady;ready=null;readyChange(e,o){if(typeof o!=="undefined"&&o===false&&e===true){this.nanoSlideReady.emit()}}componentDidLoad(){if(typeof this.ready==="boolean")return;setTimeout((()=>{this.nanoSlideReady.emit();this.ready=true}))}render(){return t(i,{key:"7f911e5951cdf2231e006a0570f8bba180d5b8b5"},t("slot",{key:"4bf3089b26f9ba5f4da7c9eb6ffb2a380dcbaabd"}))}static get watchers(){return{ready:["readyChange"]}}};r.style=a;export{r as nano_slide};
+import{r as e,c as o,a as t}from"./index-6cc72cd9.js";import{h as n}from"./renderer-4bc3e2dc.js";const i=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:100%;font-size:18px;text-align:center;box-sizing:border-box;overflow:hidden;transition:opacity 0.2s;opacity:0;flex-direction:column}:host([ready]){opacity:1}:host(:not([ready])){flex:1 0 auto}";const r=i;const s=class{constructor(t){e(this,t);this.nanoSlideReady=o(this,"nanoSlideReady",7)}nanoSlideReady;ready=null;readyChange(e,o){if(typeof o!=="undefined"&&o===false&&e===true){this.nanoSlideReady.emit()}}componentDidLoad(){if(typeof this.ready==="boolean")return;setTimeout((()=>{this.nanoSlideReady.emit();this.ready=true}))}render(){return n(t,{key:"e43f75894bf356f5f7bc6628e66eb348b3c5fa43",class:"nano-slide"},n("slot",{key:"c043cf5ce0137f9dae9d68801f69d14e204f915b"}))}static get watchers(){return{ready:["readyChange"]}}};s.style=r;export{s as nano_slide};
 //# sourceMappingURL=nano-slide.entry.js.map

package/dist/nano-components/nano-slide.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["slideCss","NanoSlideStyle0","Slide","nanoSlideReady","ready","readyChange","newReady","oldReady","this","emit","componentDidLoad","setTimeout","render","h","Host","key"],"sources":["src/components/slides/slide.scss?tag=nano-slide&encapsulation=shadow","src/components/slides/slide.tsx"],"sourcesContent":["// Slide\n// --------------------------------------------------\n\n:host {\n  // Center slide text vertically\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  min-block-size: 100%;\n  font-size: 18px;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: opacity 0.2s;\n  opacity: 0;\n  flex-direction: column;\n}\n\n:host([ready]) {\n  opacity: 1;\n}\n\n:host(:not([ready])) {\n  flex: 1 0 auto;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  h,\n  Event,\n  EventEmitter,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'nano-slide',\n  styleUrl: 'slide.scss',\n  shadow: true,\n})\nexport class Slide implements ComponentInterface {\n  /**\n   * Fired when the slide has loaded.\n   */\n  @Event() nanoSlideReady!: EventEmitter<void>;\n\n  /**\n   * Used to to inform the parent slides components of readiness.\n   * This will automatically be set to true when the slide has loaded but can be set and updated manually.\n   */\n  @Prop({ mutable: true, reflect: true }) ready: boolean | null = null;\n\n  @Watch('ready')\n  readyChange(newReady: boolean | null, oldReady?: boolean | null) {\n    if (\n      typeof oldReady !== 'undefined' &&\n      oldReady === false &&\n      newReady === true\n    ) {\n      this.nanoSlideReady.emit();\n    }\n  }\n\n  componentDidLoad() {\n    // ready state is being loaded manually\n    if (typeof this.ready === 'boolean') return;\n    setTimeout(() => {\n      this.nanoSlideReady.emit();\n      this.ready = true;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;6DAAA,MAAMA,EAAW,gfACjB,MAAAC,EAAeD,E,MCeFE,EAAK,M,wEAIPC,eAM+BC,MAAwB,KAGhE,WAAAC,CAAYC,EAA0BC,GACpC,UACSA,IAAa,aACpBA,IAAa,OACbD,IAAa,KACb,CACAE,KAAKL,eAAeM,M,EAIxB,gBAAAC,GAEE,UAAWF,KAAKJ,QAAU,UAAW,OACrCO,YAAW,KACTH,KAAKL,eAAeM,OACpBD,KAAKJ,MAAQ,IAAI,G,CAIrB,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["slideCss","NanoSlideStyle0","Slide","nanoSlideReady","ready","readyChange","newReady","oldReady","this","emit","componentDidLoad","setTimeout","render","h","Host","key","class"],"sources":["src/components/slides/slide.scss?tag=nano-slide&encapsulation=shadow","src/components/slides/slide.tsx"],"sourcesContent":["// Slide\n// --------------------------------------------------\n\n:host {\n  // Center slide text vertically\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  min-block-size: 100%;\n  font-size: 18px;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: opacity 0.2s;\n  opacity: 0;\n  flex-direction: column;\n}\n\n:host([ready]) {\n  opacity: 1;\n}\n\n:host(:not([ready])) {\n  flex: 1 0 auto;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  Event,\n  EventEmitter,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\n\n@Component({\n  tag: 'nano-slide',\n  styleUrl: 'slide.scss',\n  shadow: true,\n})\nexport class Slide implements ComponentInterface {\n  /**\n   * Fired when the slide has loaded.\n   */\n  @Event() nanoSlideReady!: EventEmitter<void>;\n\n  /**\n   * Used to to inform the parent slides components of readiness.\n   * This will automatically be set to true when the slide has loaded but can be set and updated manually.\n   */\n  @Prop({ mutable: true, reflect: true }) ready: boolean | null = null;\n\n  @Watch('ready')\n  readyChange(newReady: boolean | null, oldReady?: boolean | null) {\n    if (\n      typeof oldReady !== 'undefined' &&\n      oldReady === false &&\n      newReady === true\n    ) {\n      this.nanoSlideReady.emit();\n    }\n  }\n\n  componentDidLoad() {\n    // ready state is being loaded manually\n    if (typeof this.ready === 'boolean') return;\n    setTimeout(() => {\n      this.nanoSlideReady.emit();\n      this.ready = true;\n    });\n  }\n\n  render() {\n    return (\n      <Host class=\"nano-slide\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;iGAAA,MAAMA,EAAW,gfACjB,MAAAC,EAAeD,E,MCeFE,EAAK,M,wEAIPC,eAM+BC,MAAwB,KAGhE,WAAAC,CAAYC,EAA0BC,GACpC,UACSA,IAAa,aACpBA,IAAa,OACbD,IAAa,KACb,CACAE,KAAKL,eAAeM,M,EAIxB,gBAAAC,GAEE,UAAWF,KAAKJ,QAAU,UAAW,OACrCO,YAAW,KACTH,KAAKL,eAAeM,OACpBD,KAAKJ,MAAQ,IAAI,G,CAIrB,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACVH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/nano-components/{nano-slides-c3eb1afe.js → nano-slides-2715825b.js}

@@ -1,20 +1,20 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{r as t,c as i,g as s,d as n,w as e,h as o,a as h}from"./index-3118109b.js";function c(){}const r=c.prototype;r.on=function(t,i){if(!t||!i){return}const s=this._events=this._events||{};const n=s[t]=s[t]||[];if(n.indexOf(i)==-1){n.push(i)}return this};r.once=function(t,i){if(!t||!i){return}this.on(t,i);const s=this._onceEvents=this._onceEvents||{};const n=s[t]=s[t]||{};n[i]=true;return this};r.off=function(t,i){const s=this._events&&this._events[t];if(!s||!s.length){return}const n=s.indexOf(i);if(n!=-1){s.splice(n,1)}return this};r.emitEvent=function(t,i){let s=this._events&&this._events[t];if(!s||!s.length){return}s=s.slice(0);i=i||[];const n=this._onceEvents&&this._onceEvents[t];for(let e=0;e<s.length;e++){const o=s[e];const h=n&&n[o];if(h){this.off(t,o);delete n[o]}o.apply(this,i)}return this};r.allOff=function(){delete this._events;delete this._onceEvents};
+import{r as t,c as i,g as s,e as n,d as e,a as o}from"./index-6cc72cd9.js";import{t as h,h as c}from"./renderer-4bc3e2dc.js";function r(){}const f=r.prototype;f.on=function(t,i){if(!t||!i){return}const s=this._events=this._events||{};const n=s[t]=s[t]||[];if(n.indexOf(i)==-1){n.push(i)}return this};f.once=function(t,i){if(!t||!i){return}this.on(t,i);const s=this._onceEvents=this._onceEvents||{};const n=s[t]=s[t]||{};n[i]=true;return this};f.off=function(t,i){const s=this._events&&this._events[t];if(!s||!s.length){return}const n=s.indexOf(i);if(n!=-1){s.splice(n,1)}return this};f.emitEvent=function(t,i){let s=this._events&&this._events[t];if(!s||!s.length){return}s=s.slice(0);i=i||[];const n=this._onceEvents&&this._onceEvents[t];for(let e=0;e<s.length;e++){const o=s[e];const h=n&&n[o];if(h){this.off(t,o);delete n[o]}o.apply(this,i)}return this};f.allOff=function(){delete this._events;delete this._onceEvents};
 /*!
  * getSize v2.0.3
  * measure size of elements
  * MIT license
- */function u(t){const i=parseFloat(t);const s=t.indexOf("%")==-1&&!isNaN(i);return s&&i}function f(){}const a=typeof console=="undefined"?f:function(t){console.error(t)};const l=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];const d=l.length;function p(){const t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};for(let i=0;i<d;i++){const s=l[i];t[s]=0}return t}function b(t){const i=getComputedStyle(t);if(!i){a("Style returned "+i+". Are you running this code in a hidden iframe on Firefox? "+"See https://bit.ly/getsizebug1")}return i}let y=false;let g;function k(){if(y){return}y=true;const t=document.createElement("div");t.style.width="200px";t.style.padding="1px 2px 3px 4px";t.style.borderStyle="solid";t.style.borderWidth="1px 2px 3px 4px";t.style.boxSizing="border-box";const i=document.body||document.documentElement;i.appendChild(t);const s=b(t);g=Math.round(u(s.width))==200;m.isBoxSizeOuter=g;i.removeChild(t)}function m(t){k();if(typeof t=="string"){t=document.querySelector(t)}if(!t||typeof t!="object"||!t.nodeType){return}const i=b(t);if(i.display=="none"){return p()}const s={};s.width=t.offsetWidth;s.height=t.offsetHeight;const n=s.isBorderBox=i.boxSizing=="border-box";for(let t=0;t<d;t++){const n=l[t];const e=i[n];const o=parseFloat(e);s[n]=!isNaN(o)?o:0}const e=s.paddingLeft+s.paddingRight;const o=s.paddingTop+s.paddingBottom;const h=s.marginLeft+s.marginRight;const c=s.marginTop+s.marginBottom;const r=s.borderLeftWidth+s.borderRightWidth;const f=s.borderTopWidth+s.borderBottomWidth;const a=n&&g;const y=u(i.width);if(y!==false){s.width=y+(a?0:e+r)}const m=u(i.height);if(m!==false){s.height=m+(a?0:o+f)}s.innerWidth=s.width-(e+r);s.innerHeight=s.height-(o+f);s.outerWidth=s.width+h;s.outerHeight=s.height+c;return s}const w={};w.extend=function(t,i){for(const s in i){t[s]=i[s]}return t};w.docReady=function(t){const i=document.readyState;if(i=="complete"||i=="interactive"){setTimeout(t)}else{document.addEventListener("DOMContentLoaded",t)}};w.toDashed=function(t){return t.replace(/(.)([A-Z])/g,(function(t,i,s){return i+"-"+s})).toLowerCase()};w.modulo=function(t,i){return(t%i+i)%i};const v=Array.prototype.slice;w.makeArray=function(t){if(Array.isArray(t)){return t}if(t===null||t===undefined){return[]}const i=typeof t=="object"&&typeof t.length=="number";if(i){return v.call(t)}return[t]};w.getParent=function(t,i){while(t.parentNode&&t!=document.body){t=t.parentElement;if(t.matches(i)){return t}}};w.getQueryElement=function(t){if(typeof t=="string"){return document.querySelector(t)}return t};w.handleEvent=function(t){const i="on"+t.type;if(this[i]){this[i](t)}};w.filterFindElements=function(t,i){t=w.makeArray(t);const s=[];t.forEach((function(t){if(!(t instanceof HTMLElement)){return}if(!i){s.push(t);return}if(t.matches(i)){s.push(t)}const n=t.querySelectorAll(i);for(let t=0;t<n.length;t++){s.push(n[t])}}));return s};w.debounceMethod=function(t,i,s){s=s||100;const n=t.prototype[i];const e=i+"Timeout";t.prototype[i]=function(...t){const i=this[e];clearTimeout(i);const o=this;this[e]=setTimeout((function(){n.apply(o,t);delete o[e]}),s)}};const x=window.console;w.htmlInit=function(t,i){w.docReady((function(){const s=w.toDashed(i);const n="data-"+s;const e=document.querySelectorAll("["+n+"]");const o=document.querySelectorAll(".js-"+s);const h=w.makeArray(e).concat(w.makeArray(o));const c=n+"-options";h.forEach((function(i){const s=i.getAttribute(n)||i.getAttribute(c);let e;try{e=s&&JSON.parse(s)}catch(t){if(x){x.error("Error parsing "+n+" on "+i.className+": "+t)}return}new t(i,e)}))}))};function S(t,i){this.element=t;this.parent=i;this.create()}const z=S.prototype;z.create=function(){this.element.style.position="absolute";this.element.setAttribute("aria-hidden","true");this.x=0;this.shift=0;Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.setAttribute("tabindex","-1")}))};z.destroy=function(){this.unselect();this.element.style.position="";const t=this.parent.originSide;this.element.style[t]=""};z.getSize=function(){this.size=m(this.element)};z.setPosition=function(t){this.x=t;this.updateTarget();this.renderPosition(t)};z.updateTarget=z.setDefaultTarget=function(){const t=this.parent.originSide=="left"?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign};z.renderPosition=function(t){const i=this.parent.originSide;this.element.style[i]=this.parent.getPositionValue(t)};z.select=function(){this.element.classList.add("is-selected");this.element.removeAttribute("aria-hidden");Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.removeAttribute("tabindex")}))};z.unselect=function(){this.element.classList.remove("is-selected");this.element.setAttribute("aria-hidden","true");Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.setAttribute("tabindex","-1")}))};z.wrapShift=function(t){this.shift=t;this.renderPosition(this.x+this.parent.slideableWidth*t)};z.remove=function(){this.element.parentNode.removeChild(this.element)};function M(t){this.parent=t;this.isOriginLeft=t.originSide=="left";this.cells=[];this.outerWidth=0;this.height=0}const C=M.prototype;C.addCell=function(t){this.cells.push(t);this.outerWidth+=t.size.outerWidth;this.height=Math.max(t.size.outerHeight,this.height);if(this.cells.length==1){this.x=t.x;const i=this.isOriginLeft?"marginLeft":"marginRight";this.firstMargin=t.size[i]}};C.updateTarget=function(){const t=this.isOriginLeft?"marginRight":"marginLeft";const i=this.getLastCell();const s=i?i.size[t]:0;const n=this.outerWidth-(this.firstMargin+s);this.target=this.x+this.firstMargin+n*this.parent.cellAlign};C.getLastCell=function(){return this.cells[this.cells.length-1]};C.select=function(){this.cells.forEach((function(t){t.select()}))};C.unselect=function(){this.cells.forEach((function(t){t.unselect()}))};C.getCellElements=function(){return this.cells.map((function(t){return t.element}))};const T={};T.startAnimation=function(){if(this.isAnimating){return}this.isAnimating=true;this.restingFrames=0;this.animate()};T.animate=function(){this.applyDragForce();this.applySelectedAttraction();const t=this.x;this.integratePhysics();this.positionSlider();this.settle(t);if(this.isAnimating){const t=this;requestAnimationFrame((function i(){t.animate()}))}};T.positionSlider=function(){let t=this.x;if(this.options.wrapAround&&this.cells.length>1){t=w.modulo(t,this.slideableWidth);t=t-this.slideableWidth;this.shiftWrapCells(t)}this.setTranslateX(t,this.isAnimating);this.dispatchScrollEvent()};T.setTranslateX=function(t,i){t+=this.cursorPosition;t=this.options.rightToLeft?-t:t;const s=this.getPositionValue(t);this.slider.style.transform="translate3d("+s+",0,0)"};T.dispatchScrollEvent=function(){const t=this.slides[0];if(!t){return}const i=-this.x-t.target;const s=i/this.slidesWidth;this.dispatchEvent("scroll",null,[s,i])};T.positionSliderAtSelected=function(){if(!this.cells.length){return}this.x=-this.selectedSlide.target;this.velocity=0;this.positionSlider()};T.getPositionValue=function(t){if(this.options.percentPosition){return Math.round(t/this.size.innerWidth*1e4)*.01+"%"}else{return Math.round(t)+"px"}};T.settle=function(t){if(!this.isPointerDown&&Math.round(this.x*100)==Math.round(t*100)){this.restingFrames++}if(this.restingFrames>2){this.isAnimating=false;delete this.isFreeScrolling;this.positionSlider();this.dispatchEvent("settle",null,[this.selectedIndex])}};T.shiftWrapCells=function(t){const i=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,i,-1);const s=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,s,1)};T._shiftCells=function(t,i,s){for(let n=0;n<t.length;n++){const e=t[n];const o=i>0?s:0;e.wrapShift(o);i-=e.size.outerWidth}};T._unshiftCells=function(t){if(!t||!t.length){return}for(let i=0;i<t.length;i++){t[i].wrapShift(0)}};T.integratePhysics=function(){this.x+=this.velocity;this.velocity*=this.getFrictionFactor()};T.applyForce=function(t){this.velocity+=t};T.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]};T.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())};T.applyDragForce=function(){if(!this.isDraggable||!this.isPointerDown){return}const t=this.dragX-this.x;const i=t-this.velocity;this.applyForce(i)};T.applySelectedAttraction=function(){const t=this.isDraggable&&this.isPointerDown;if(t||this.isFreeScrolling||!this.slides.length){return}const i=this.selectedSlide.target*-1-this.x;const s=i*this.options.selectedAttraction;this.applyForce(s)};const L=T;const E=window.getComputedStyle;const A=window.console;function P(t,i){t=w.makeArray(t);while(t.length){i.appendChild(t.shift())}}let D=0;const R={};function F(t,i){const s=w.getQueryElement(t);if(!s){if(A){A.error("Bad element for Flickity: "+(s||t))}return}this.element=s;if(this.element.flickityGUID){const t=R[this.element.flickityGUID];if(!R[this.element.flickityGUID])return;t.option(i);return t}this.options=w.extend({},this.constructor.defaults);this.option(i);this._create()}F.defaults={accessibility:true,cellAlign:"center",freeScrollFriction:.075,friction:.28,namespaceJQueryEvents:true,percentPosition:true,resize:true,selectedAttraction:.025,setGallerySize:true};F.createMethods=[];const O=F.prototype;w.extend(O,c.prototype);O._create=function(){const t=this.guid=++D;this.element.flickityGUID=t;R[t]=this;this.selectedIndex=0;this.restingFrames=0;this.x=0;this.velocity=0;this.originSide=this.options.rightToLeft?"right":"left";this.viewport=document.createElement("div");this.viewport.className="flickity-viewport";this.viewport.part.add("slide-viewport");this._createSlider();if(this.options.resize||this.options.watchCSS){window.addEventListener("resize",this)}for(const t in this.options.on){const i=this.options.on[t];this.on(t,i)}F.createMethods.forEach((function(t){this[t]()}),this);if(this.options.watchCSS){this.watchCSS()}else{this.activate()}};O.option=function(t){w.extend(this.options,t)};O.activate=function(){if(this.isActive){return}this.isActive=true;this.element.classList.add("flickity-enabled");if(this.options.rightToLeft){this.element.classList.add("flickity-rtl")}this.getSize();const t=this.element.children;P(t,this.slider);this.viewport.appendChild(this.slider);this.element.appendChild(this.viewport);this.reloadCells();if(this.options.accessibility){this.element.tabIndex=0;this.element.addEventListener("keydown",this)}this.emitEvent("activate");this.selectInitialIndex();this.isInitActivated=true;this.dispatchEvent("ready")};O._createSlider=function(){const t=document.createElement("div");t.className="flickity-slider";t.style[this.originSide]=0;this.slider=t};O._filterFindCellElements=function(t){return w.filterFindElements(t,this.options.cellSelector)};O.reloadCells=function(){this.cells=this._makeCells(this.slider.getRootNode().host?this.slider.getRootNode().host.children:this.slider.children);this.positionCells();this._getWrapShiftCells();this.setGallerySize()};O._makeCells=function(t){const i=this._filterFindCellElements(t);const s=i.map((function(t){return new S(t,this)}),this);return s};O.getLastCell=function(){return this.cells[this.cells.length-1]};O.getLastSlide=function(){return this.slides[this.slides.length-1]};O.positionCells=function(){this._sizeCells(this.cells);this._positionCells(0)};O._positionCells=function(t){t=t||0;this.maxCellHeight=t?this.maxCellHeight||0:0;let i=0;if(t>0){const s=this.cells[t-1];i=s.x+s.size.outerWidth}const s=this.cells.length;for(let n=t;n<s;n++){const t=this.cells[n];t.setPosition(i);i+=t.size.outerWidth;this.maxCellHeight=Math.max(t.size.outerHeight,this.maxCellHeight)}this.slideableWidth=i;this.updateSlides();this._containSlides();this.slidesWidth=s?this.getLastSlide().target-this.slides[0].target:0};O._sizeCells=function(t){t.forEach((function(t){t.getSize()}))};O.updateSlides=function(){this.slides=[];if(!this.cells.length){return}let t=new M(this);this.slides.push(t);const i=this.originSide=="left";const s=i?"marginRight":"marginLeft";const n=this._getCanCellFit();this.cells.forEach((function(i,e){if(!t.cells.length){t.addCell(i);return}const o=t.outerWidth-t.firstMargin+(i.size.outerWidth-i.size[s]);if(n.call(this,e,o)){t.addCell(i)}else{t.updateTarget();t=new M(this);this.slides.push(t);t.addCell(i)}}),this);t.updateTarget();this.updateSelectedSlide()};O._getCanCellFit=function(){const t=this.options.groupCells;if(!t){return function(){return false}}else if(typeof t=="number"){const i=parseInt(t,10);return function(t){return t%i!==0}}const i=typeof t=="string"&&t.match(/^(\d+)%$/);const s=i?parseInt(i[1],10)/100:1;return function(t,i){return i<=(this.size.innerWidth+1)*s}};O._init=O.reposition=function(){this.positionCells();this.positionSliderAtSelected()};O.getSize=function(){this.size=m(this.element);this.setCellAlign();this.cursorPosition=this.size.innerWidth*this.cellAlign};const j={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};O.setCellAlign=function(){const t=j[this.options.cellAlign];this.cellAlign=t?t[this.originSide]:this.options.cellAlign};O.setGallerySize=function(){if(this.options.setGallerySize){const t=this.options.adaptiveHeight&&this.selectedSlide?this.selectedSlide.height:this.maxCellHeight;this.viewport.style.height=t+"px"}};O._getWrapShiftCells=function(){if(!this.options.wrapAround){return}this._unshiftCells(this.beforeShiftCells);this._unshiftCells(this.afterShiftCells);let t=this.cursorPosition;const i=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,i,-1);t=this.size.innerWidth-this.cursorPosition;this.afterShiftCells=this._getGapCells(t,0,1)};O._getGapCells=function(t,i,s){const n=[];while(t>0){const e=this.cells[i];if(!e){break}n.push(e);i+=s;t-=e.size.outerWidth}return n};O._containSlides=function(){if(!this.options.contain||this.options.wrapAround||!this.cells.length){return}const t=this.options.rightToLeft;const i=t?"marginRight":"marginLeft";const s=t?"marginLeft":"marginRight";const n=this.slideableWidth-this.getLastCell().size[s];const e=n<this.size.innerWidth;const o=this.cursorPosition+this.cells[0].size[i];const h=n-this.size.innerWidth*(1-this.cellAlign);this.slides.forEach((function(t){if(e){t.target=n*this.cellAlign}else{t.target=Math.max(t.target,o);t.target=Math.min(t.target,h)}}),this)};O.dispatchEvent=function(t,i,s){const n=i?[i].concat(s):s;this.emitEvent(t,n)};O.select=function(t,i,s){if(!this.isActive){return}t=parseInt(t,10);this._wrapSelect(t);if(this.options.wrapAround||i){t=w.modulo(t,this.slides.length)}if(!this.slides[t]){return}const n=this.selectedIndex;this.selectedIndex=t;this.updateSelectedSlide();if(s){this.positionSliderAtSelected()}else{this.startAnimation()}if(this.options.adaptiveHeight){this.setGallerySize()}this.dispatchEvent("select",null,[t]);if(t!=n){this.dispatchEvent("change",null,[t])}this.dispatchEvent("cellSelect")};O._wrapSelect=function(t){const i=this.slides.length;const s=this.options.wrapAround&&i>1;if(!s){return t}const n=w.modulo(t,i);const e=Math.abs(n-this.selectedIndex);const o=Math.abs(n+i-this.selectedIndex);const h=Math.abs(n-i-this.selectedIndex);if(!this.isDragSelect&&o<e){t+=i}else if(!this.isDragSelect&&h<e){t-=i}if(t<0){this.x-=this.slideableWidth}else if(t>=i){this.x+=this.slideableWidth}};O.previous=function(t,i){this.select(this.selectedIndex-1,t,i)};O.next=function(t,i){this.select(this.selectedIndex+1,t,i)};O.updateSelectedSlide=function(){const t=this.slides[this.selectedIndex];if(!t){return}this.unselectSelectedSlide();this.selectedSlide=t;t.select();this.selectedCells=t.cells;this.selectedElements=t.getCellElements();this.selectedCell=t.cells[0];this.selectedElement=this.selectedElements[0]};O.unselectSelectedSlide=function(){if(this.selectedSlide){this.selectedSlide.unselect()}};O.selectInitialIndex=function(){const t=this.options.initialIndex;if(this.isInitActivated){this.select(this.selectedIndex,false,true);return}if(t&&typeof t=="string"){const i=this.queryCell(t);if(i){this.selectCell(t,false,true);return}}let i=0;if(t&&this.slides[t]){i=t}this.select(i,false,true)};O.selectCell=function(t,i,s){const n=this.queryCell(t);if(!n){return}const e=this.getCellSlideIndex(n);this.select(e,i,s)};O.getCellSlideIndex=function(t){for(let i=0;i<this.slides.length;i++){const s=this.slides[i];const n=s.cells.indexOf(t);if(n!=-1){return i}}};O.getCell=function(t){for(let i=0;i<this.cells.length;i++){const s=this.cells[i];if(s.element==t){return s}}};O.getCells=function(t){t=w.makeArray(t);const i=[];t.forEach((function(t){const s=this.getCell(t);if(s){i.push(s)}}),this);return i};O.getCellElements=function(){return this.cells.map((function(t){return t.element}))};O.getParentCell=function(t){const i=this.getCell(t);if(i){return i}t=w.getParent(t,".flickity-slider > *");return this.getCell(t)};O.getAdjacentCellElements=function(t,i){if(!t){return this.selectedSlide.getCellElements()}i=i===undefined?this.selectedIndex:i;const s=this.slides.length;if(1+t*2>=s){return this.getCellElements()}let n=[];for(let e=i-t;e<=i+t;e++){const t=this.options.wrapAround?w.modulo(e,s):e;const i=this.slides[t];if(i){n=n.concat(i.getCellElements())}}return n};O.queryCell=function(t){if(typeof t=="number"){return this.cells[t]}if(typeof t=="string"){if(t.match(/^[#\.]?[\d\/]/)){return}t=this.element.querySelector(t)}return this.getCell(t)};O.uiChange=function(){this.emitEvent("uiChange")};O.childUIPointerDown=function(t){if(t.type!="touchstart"){t.preventDefault()}this.focus()};O.onresize=function(){this.watchCSS();this.resize()};w.debounceMethod(F,"onresize",150);O.resize=function(){if(!this.isActive){return}this.getSize();if(this.options.wrapAround){this.x=w.modulo(this.x,this.slideableWidth)}this.positionCells();this._getWrapShiftCells();this.setGallerySize();this.emitEvent("resize");const t=this.selectedElements&&this.selectedElements[0];this.selectCell(t,false,true)};O.watchCSS=function(){const t=this.options.watchCSS;if(!t){return}const i=E(this.element,":after").content;if(i.indexOf("flickity")!=-1){this.activate()}else{this.deactivate()}};O.onkeydown=function(t){const i=document.activeElement&&document.activeElement!=this.element;if(!this.options.accessibility||i){return}const s=F.keyboardHandlers[t.keyCode];if(s){s.call(this)}};F.keyboardHandlers={37:function(){const t=this.options.rightToLeft?"next":"previous";this.uiChange();this[t]()},39:function(){const t=this.options.rightToLeft?"previous":"next";this.uiChange();this[t]()}};O.focus=function(){const t=window.pageYOffset;this.element.focus({preventScroll:true});if(window.pageYOffset!=t){window.scrollTo(window.pageXOffset,t)}};O.deactivate=function(){if(!this.isActive){return}this.element.classList.remove("flickity-enabled");this.element.classList.remove("flickity-rtl");this.unselectSelectedSlide();this.cells.forEach((function(t){t.destroy()}));this.element.removeChild(this.viewport);P(this.slider.children,this.element);if(this.options.accessibility){this.element.removeAttribute("tabIndex");this.element.removeEventListener("keydown",this)}this.isActive=false;this.emitEvent("deactivate")};O.destroy=function(){this.deactivate();window.removeEventListener("resize",this);this.allOff();this.emitEvent("destroy");delete this.element.flickityGUID;delete R[this.guid]};w.extend(O,L);F.data=function(t){t=w.getQueryElement(t);const i=t&&t.flickityGUID;return i&&R[i]};w.htmlInit(F,"flickity");F.Cell=S;F.Slide=M;
+ */function u(t){const i=parseFloat(t);const s=t.indexOf("%")==-1&&!isNaN(i);return s&&i}function a(){}const l=typeof console=="undefined"?a:function(t){console.error(t)};const d=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];const p=d.length;function y(){const t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};for(let i=0;i<p;i++){const s=d[i];t[s]=0}return t}function b(t){const i=getComputedStyle(t);if(!i){l("Style returned "+i+". Are you running this code in a hidden iframe on Firefox? "+"See https://bit.ly/getsizebug1")}return i}let g=false;let k;function m(){if(g){return}g=true;const t=document.createElement("div");t.style.width="200px";t.style.padding="1px 2px 3px 4px";t.style.borderStyle="solid";t.style.borderWidth="1px 2px 3px 4px";t.style.boxSizing="border-box";const i=document.body||document.documentElement;i.appendChild(t);const s=b(t);k=Math.round(u(s.width))==200;w.isBoxSizeOuter=k;i.removeChild(t)}function w(t){m();if(typeof t=="string"){t=document.querySelector(t)}if(!t||typeof t!="object"||!t.nodeType){return}const i=b(t);if(i.display=="none"){return y()}const s={};s.width=t.offsetWidth;s.height=t.offsetHeight;const n=s.isBorderBox=i.boxSizing=="border-box";for(let t=0;t<p;t++){const n=d[t];const e=i[n];const o=parseFloat(e);s[n]=!isNaN(o)?o:0}const e=s.paddingLeft+s.paddingRight;const o=s.paddingTop+s.paddingBottom;const h=s.marginLeft+s.marginRight;const c=s.marginTop+s.marginBottom;const r=s.borderLeftWidth+s.borderRightWidth;const f=s.borderTopWidth+s.borderBottomWidth;const a=n&&k;const l=u(i.width);if(l!==false){s.width=l+(a?0:e+r)}const g=u(i.height);if(g!==false){s.height=g+(a?0:o+f)}s.innerWidth=s.width-(e+r);s.innerHeight=s.height-(o+f);s.outerWidth=s.width+h;s.outerHeight=s.height+c;return s}const v={};v.extend=function(t,i){for(const s in i){t[s]=i[s]}return t};v.docReady=function(t){const i=document.readyState;if(i=="complete"||i=="interactive"){setTimeout(t)}else{document.addEventListener("DOMContentLoaded",t)}};v.toDashed=function(t){return t.replace(/(.)([A-Z])/g,(function(t,i,s){return i+"-"+s})).toLowerCase()};v.modulo=function(t,i){return(t%i+i)%i};const x=Array.prototype.slice;v.makeArray=function(t){if(Array.isArray(t)){return t}if(t===null||t===undefined){return[]}const i=typeof t=="object"&&typeof t.length=="number";if(i){return x.call(t)}return[t]};v.getParent=function(t,i){while(t.parentNode&&t!=document.body){t=t.parentElement;if(t.matches(i)){return t}}};v.getQueryElement=function(t){if(typeof t=="string"){return document.querySelector(t)}return t};v.handleEvent=function(t){const i="on"+t.type;if(this[i]){this[i](t)}};v.filterFindElements=function(t,i){t=v.makeArray(t);const s=[];t.forEach((function(t){if(!(t instanceof HTMLElement)){return}if(!i){s.push(t);return}if(t.matches(i)){s.push(t)}const n=t.querySelectorAll(i);for(let t=0;t<n.length;t++){s.push(n[t])}}));return s};v.debounceMethod=function(t,i,s){s=s||100;const n=t.prototype[i];const e=i+"Timeout";t.prototype[i]=function(...t){const i=this[e];clearTimeout(i);const o=this;this[e]=setTimeout((function(){n.apply(o,t);delete o[e]}),s)}};const S=window.console;v.htmlInit=function(t,i){v.docReady((function(){const s=v.toDashed(i);const n="data-"+s;const e=document.querySelectorAll("["+n+"]");const o=document.querySelectorAll(".js-"+s);const h=v.makeArray(e).concat(v.makeArray(o));const c=n+"-options";h.forEach((function(i){const s=i.getAttribute(n)||i.getAttribute(c);let e;try{e=s&&JSON.parse(s)}catch(t){if(S){S.error("Error parsing "+n+" on "+i.className+": "+t)}return}new t(i,e)}))}))};function z(t,i){this.element=t;this.parent=i;this.create()}const M=z.prototype;M.create=function(){this.element.style.position="absolute";this.element.setAttribute("aria-hidden","true");this.x=0;this.shift=0;Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.setAttribute("tabindex","-1")}))};M.destroy=function(){this.unselect();this.element.style.position="";const t=this.parent.originSide;this.element.style[t]=""};M.getSize=function(){this.size=w(this.element)};M.setPosition=function(t){this.x=t;this.updateTarget();this.renderPosition(t)};M.updateTarget=M.setDefaultTarget=function(){const t=this.parent.originSide=="left"?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign};M.renderPosition=function(t){const i=this.parent.originSide;this.element.style[i]=this.parent.getPositionValue(t)};M.select=function(){this.element.classList.add("is-selected");this.element.removeAttribute("aria-hidden");Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.removeAttribute("tabindex")}))};M.unselect=function(){this.element.classList.remove("is-selected");this.element.setAttribute("aria-hidden","true");Array.from(this.element.querySelectorAll("*")).forEach((t=>{t.setAttribute("tabindex","-1")}))};M.wrapShift=function(t){this.shift=t;this.renderPosition(this.x+this.parent.slideableWidth*t)};M.remove=function(){this.element.parentNode.removeChild(this.element)};function C(t){this.parent=t;this.isOriginLeft=t.originSide=="left";this.cells=[];this.outerWidth=0;this.height=0}const T=C.prototype;T.addCell=function(t){this.cells.push(t);this.outerWidth+=t.size.outerWidth;this.height=Math.max(t.size.outerHeight,this.height);if(this.cells.length==1){this.x=t.x;const i=this.isOriginLeft?"marginLeft":"marginRight";this.firstMargin=t.size[i]}};T.updateTarget=function(){const t=this.isOriginLeft?"marginRight":"marginLeft";const i=this.getLastCell();const s=i?i.size[t]:0;const n=this.outerWidth-(this.firstMargin+s);this.target=this.x+this.firstMargin+n*this.parent.cellAlign};T.getLastCell=function(){return this.cells[this.cells.length-1]};T.select=function(){this.cells.forEach((function(t){t.select()}))};T.unselect=function(){this.cells.forEach((function(t){t.unselect()}))};T.getCellElements=function(){return this.cells.map((function(t){return t.element}))};const L={};L.startAnimation=function(){if(this.isAnimating){return}this.isAnimating=true;this.restingFrames=0;this.animate()};L.animate=function(){this.applyDragForce();this.applySelectedAttraction();const t=this.x;this.integratePhysics();this.positionSlider();this.settle(t);if(this.isAnimating){const t=this;requestAnimationFrame((function i(){t.animate()}))}};L.positionSlider=function(){let t=this.x;if(this.options.wrapAround&&this.cells.length>1){t=v.modulo(t,this.slideableWidth);t=t-this.slideableWidth;this.shiftWrapCells(t)}this.setTranslateX(t,this.isAnimating);this.dispatchScrollEvent()};L.setTranslateX=function(t,i){t+=this.cursorPosition;t=this.options.rightToLeft?-t:t;const s=this.getPositionValue(t);this.slider.style.transform="translate3d("+s+",0,0)"};L.dispatchScrollEvent=function(){const t=this.slides[0];if(!t){return}const i=-this.x-t.target;const s=i/this.slidesWidth;this.dispatchEvent("scroll",null,[s,i])};L.positionSliderAtSelected=function(){if(!this.cells.length){return}this.x=-this.selectedSlide.target;this.velocity=0;this.positionSlider()};L.getPositionValue=function(t){if(this.options.percentPosition){return Math.round(t/this.size.innerWidth*1e4)*.01+"%"}else{return Math.round(t)+"px"}};L.settle=function(t){if(!this.isPointerDown&&Math.round(this.x*100)==Math.round(t*100)){this.restingFrames++}if(this.restingFrames>2){this.isAnimating=false;delete this.isFreeScrolling;this.positionSlider();this.dispatchEvent("settle",null,[this.selectedIndex])}};L.shiftWrapCells=function(t){const i=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,i,-1);const s=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,s,1)};L._shiftCells=function(t,i,s){for(let n=0;n<t.length;n++){const e=t[n];const o=i>0?s:0;e.wrapShift(o);i-=e.size.outerWidth}};L._unshiftCells=function(t){if(!t||!t.length){return}for(let i=0;i<t.length;i++){t[i].wrapShift(0)}};L.integratePhysics=function(){this.x+=this.velocity;this.velocity*=this.getFrictionFactor()};L.applyForce=function(t){this.velocity+=t};L.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]};L.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())};L.applyDragForce=function(){if(!this.isDraggable||!this.isPointerDown){return}const t=this.dragX-this.x;const i=t-this.velocity;this.applyForce(i)};L.applySelectedAttraction=function(){const t=this.isDraggable&&this.isPointerDown;if(t||this.isFreeScrolling||!this.slides.length){return}const i=this.selectedSlide.target*-1-this.x;const s=i*this.options.selectedAttraction;this.applyForce(s)};const E=L;const A=window.getComputedStyle;const P=window.console;function D(t,i){t=v.makeArray(t);while(t.length){i.appendChild(t.shift())}}let R=0;const F={};function O(t,i){const s=v.getQueryElement(t);if(!s){if(P){P.error("Bad element for Flickity: "+(s||t))}return}this.element=s;if(this.element.flickityGUID){const t=F[this.element.flickityGUID];if(!F[this.element.flickityGUID])return;t.option(i);return t}this.options=v.extend({},this.constructor.defaults);this.option(i);this._create()}O.defaults={accessibility:true,cellAlign:"center",freeScrollFriction:.075,friction:.28,namespaceJQueryEvents:true,percentPosition:true,resize:true,selectedAttraction:.025,setGallerySize:true};O.createMethods=[];const j=O.prototype;v.extend(j,r.prototype);j._create=function(){const t=this.guid=++R;this.element.flickityGUID=t;F[t]=this;this.selectedIndex=0;this.restingFrames=0;this.x=0;this.velocity=0;this.originSide=this.options.rightToLeft?"right":"left";this.viewport=document.createElement("div");this.viewport.className="flickity-viewport";this.viewport.part.add("slide-viewport");this._createSlider();if(this.options.resize||this.options.watchCSS){window.addEventListener("resize",this)}for(const t in this.options.on){const i=this.options.on[t];this.on(t,i)}O.createMethods.forEach((function(t){this[t]()}),this);if(this.options.watchCSS){this.watchCSS()}else{this.activate()}};j.option=function(t){v.extend(this.options,t)};j.activate=function(){if(this.isActive){return}this.isActive=true;this.element.classList.add("flickity-enabled");if(this.options.rightToLeft){this.element.classList.add("flickity-rtl")}this.getSize();const t=this.element.children;D(t,this.slider);this.viewport.appendChild(this.slider);this.element.appendChild(this.viewport);this.reloadCells();if(this.options.accessibility){this.element.tabIndex=0;this.element.addEventListener("keydown",this)}this.emitEvent("activate");this.selectInitialIndex();this.isInitActivated=true;this.dispatchEvent("ready")};j._createSlider=function(){const t=document.createElement("div");t.className="flickity-slider";t.style[this.originSide]=0;this.slider=t};j._filterFindCellElements=function(t){return v.filterFindElements(t,this.options.cellSelector)};j.reloadCells=function(){this.cells=this._makeCells(this.slider.getRootNode().host?this.slider.getRootNode().host.children:this.slider.children);this.positionCells();this._getWrapShiftCells();this.setGallerySize()};j._makeCells=function(t){const i=this._filterFindCellElements(t);const s=i.map((function(t){return new z(t,this)}),this);return s};j.getLastCell=function(){return this.cells[this.cells.length-1]};j.getLastSlide=function(){return this.slides[this.slides.length-1]};j.positionCells=function(){this._sizeCells(this.cells);this._positionCells(0)};j._positionCells=function(t){t=t||0;this.maxCellHeight=t?this.maxCellHeight||0:0;let i=0;if(t>0){const s=this.cells[t-1];i=s.x+s.size.outerWidth}const s=this.cells.length;for(let n=t;n<s;n++){const t=this.cells[n];t.setPosition(i);i+=t.size.outerWidth;this.maxCellHeight=Math.max(t.size.outerHeight,this.maxCellHeight)}this.slideableWidth=i;this.updateSlides();this._containSlides();this.slidesWidth=s?this.getLastSlide().target-this.slides[0].target:0};j._sizeCells=function(t){t.forEach((function(t){t.getSize()}))};j.updateSlides=function(){this.slides=[];if(!this.cells.length){return}let t=new C(this);this.slides.push(t);const i=this.originSide=="left";const s=i?"marginRight":"marginLeft";const n=this._getCanCellFit();this.cells.forEach((function(i,e){if(!t.cells.length){t.addCell(i);return}const o=t.outerWidth-t.firstMargin+(i.size.outerWidth-i.size[s]);if(n.call(this,e,o)){t.addCell(i)}else{t.updateTarget();t=new C(this);this.slides.push(t);t.addCell(i)}}),this);t.updateTarget();this.updateSelectedSlide()};j._getCanCellFit=function(){const t=this.options.groupCells;if(!t){return function(){return false}}else if(typeof t=="number"){const i=parseInt(t,10);return function(t){return t%i!==0}}const i=typeof t=="string"&&t.match(/^(\d+)%$/);const s=i?parseInt(i[1],10)/100:1;return function(t,i){return i<=(this.size.innerWidth+1)*s}};j._init=j.reposition=function(){this.positionCells();this.positionSliderAtSelected()};j.getSize=function(){this.size=w(this.element);this.setCellAlign();this.cursorPosition=this.size.innerWidth*this.cellAlign};const N={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};j.setCellAlign=function(){const t=N[this.options.cellAlign];this.cellAlign=t?t[this.originSide]:this.options.cellAlign};j.setGallerySize=function(){if(this.options.setGallerySize){const t=this.options.adaptiveHeight&&this.selectedSlide?this.selectedSlide.height:this.maxCellHeight;this.viewport.style.height=t+"px"}};j._getWrapShiftCells=function(){if(!this.options.wrapAround){return}this._unshiftCells(this.beforeShiftCells);this._unshiftCells(this.afterShiftCells);let t=this.cursorPosition;const i=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,i,-1);t=this.size.innerWidth-this.cursorPosition;this.afterShiftCells=this._getGapCells(t,0,1)};j._getGapCells=function(t,i,s){const n=[];while(t>0){const e=this.cells[i];if(!e){break}n.push(e);i+=s;t-=e.size.outerWidth}return n};j._containSlides=function(){if(!this.options.contain||this.options.wrapAround||!this.cells.length){return}const t=this.options.rightToLeft;const i=t?"marginRight":"marginLeft";const s=t?"marginLeft":"marginRight";const n=this.slideableWidth-this.getLastCell().size[s];const e=n<this.size.innerWidth;const o=this.cursorPosition+this.cells[0].size[i];const h=n-this.size.innerWidth*(1-this.cellAlign);this.slides.forEach((function(t){if(e){t.target=n*this.cellAlign}else{t.target=Math.max(t.target,o);t.target=Math.min(t.target,h)}}),this)};j.dispatchEvent=function(t,i,s){const n=i?[i].concat(s):s;this.emitEvent(t,n)};j.select=function(t,i,s){if(!this.isActive){return}t=parseInt(t,10);this._wrapSelect(t);if(this.options.wrapAround||i){t=v.modulo(t,this.slides.length)}if(!this.slides[t]){return}const n=this.selectedIndex;this.selectedIndex=t;this.updateSelectedSlide();if(s){this.positionSliderAtSelected()}else{this.startAnimation()}if(this.options.adaptiveHeight){this.setGallerySize()}this.dispatchEvent("select",null,[t]);if(t!=n){this.dispatchEvent("change",null,[t])}this.dispatchEvent("cellSelect")};j._wrapSelect=function(t){const i=this.slides.length;const s=this.options.wrapAround&&i>1;if(!s){return t}const n=v.modulo(t,i);const e=Math.abs(n-this.selectedIndex);const o=Math.abs(n+i-this.selectedIndex);const h=Math.abs(n-i-this.selectedIndex);if(!this.isDragSelect&&o<e){t+=i}else if(!this.isDragSelect&&h<e){t-=i}if(t<0){this.x-=this.slideableWidth}else if(t>=i){this.x+=this.slideableWidth}};j.previous=function(t,i){this.select(this.selectedIndex-1,t,i)};j.next=function(t,i){this.select(this.selectedIndex+1,t,i)};j.updateSelectedSlide=function(){const t=this.slides[this.selectedIndex];if(!t){return}this.unselectSelectedSlide();this.selectedSlide=t;t.select();this.selectedCells=t.cells;this.selectedElements=t.getCellElements();this.selectedCell=t.cells[0];this.selectedElement=this.selectedElements[0]};j.unselectSelectedSlide=function(){if(this.selectedSlide){this.selectedSlide.unselect()}};j.selectInitialIndex=function(){const t=this.options.initialIndex;if(this.isInitActivated){this.select(this.selectedIndex,false,true);return}if(t&&typeof t=="string"){const i=this.queryCell(t);if(i){this.selectCell(t,false,true);return}}let i=0;if(t&&this.slides[t]){i=t}this.select(i,false,true)};j.selectCell=function(t,i,s){const n=this.queryCell(t);if(!n){return}const e=this.getCellSlideIndex(n);this.select(e,i,s)};j.getCellSlideIndex=function(t){for(let i=0;i<this.slides.length;i++){const s=this.slides[i];const n=s.cells.indexOf(t);if(n!=-1){return i}}};j.getCell=function(t){for(let i=0;i<this.cells.length;i++){const s=this.cells[i];if(s.element==t){return s}}};j.getCells=function(t){t=v.makeArray(t);const i=[];t.forEach((function(t){const s=this.getCell(t);if(s){i.push(s)}}),this);return i};j.getCellElements=function(){return this.cells.map((function(t){return t.element}))};j.getParentCell=function(t){const i=this.getCell(t);if(i){return i}t=v.getParent(t,".flickity-slider > *");return this.getCell(t)};j.getAdjacentCellElements=function(t,i){if(!t){return this.selectedSlide.getCellElements()}i=i===undefined?this.selectedIndex:i;const s=this.slides.length;if(1+t*2>=s){return this.getCellElements()}let n=[];for(let e=i-t;e<=i+t;e++){const t=this.options.wrapAround?v.modulo(e,s):e;const i=this.slides[t];if(i){n=n.concat(i.getCellElements())}}return n};j.queryCell=function(t){if(typeof t=="number"){return this.cells[t]}if(typeof t=="string"){if(t.match(/^[#\.]?[\d\/]/)){return}t=this.element.querySelector(t)}return this.getCell(t)};j.uiChange=function(){this.emitEvent("uiChange")};j.childUIPointerDown=function(t){if(t.type!="touchstart"){t.preventDefault()}this.focus()};j.onresize=function(){this.watchCSS();this.resize()};v.debounceMethod(O,"onresize",150);j.resize=function(){if(!this.isActive){return}this.getSize();if(this.options.wrapAround){this.x=v.modulo(this.x,this.slideableWidth)}this.positionCells();this._getWrapShiftCells();this.setGallerySize();this.emitEvent("resize");const t=this.selectedElements&&this.selectedElements[0];this.selectCell(t,false,true)};j.watchCSS=function(){const t=this.options.watchCSS;if(!t){return}const i=A(this.element,":after").content;if(i.indexOf("flickity")!=-1){this.activate()}else{this.deactivate()}};j.onkeydown=function(t){const i=document.activeElement&&document.activeElement!=this.element;if(!this.options.accessibility||i){return}const s=O.keyboardHandlers[t.keyCode];if(s){s.call(this)}};O.keyboardHandlers={37:function(){const t=this.options.rightToLeft?"next":"previous";this.uiChange();this[t]()},39:function(){const t=this.options.rightToLeft?"previous":"next";this.uiChange();this[t]()}};j.focus=function(){const t=window.pageYOffset;this.element.focus({preventScroll:true});if(window.pageYOffset!=t){window.scrollTo(window.pageXOffset,t)}};j.deactivate=function(){if(!this.isActive){return}this.element.classList.remove("flickity-enabled");this.element.classList.remove("flickity-rtl");this.unselectSelectedSlide();this.cells.forEach((function(t){t.destroy()}));this.element.removeChild(this.viewport);D(this.slider.children,this.element);if(this.options.accessibility){this.element.removeAttribute("tabIndex");this.element.removeEventListener("keydown",this)}this.isActive=false;this.emitEvent("deactivate")};j.destroy=function(){this.deactivate();window.removeEventListener("resize",this);this.allOff();this.emitEvent("destroy");delete this.element.flickityGUID;delete F[this.guid]};v.extend(j,E);O.data=function(t){t=v.getQueryElement(t);const i=t&&t.flickityGUID;return i&&F[i]};v.htmlInit(O,"flickity");O.Cell=z;O.Slide=C;
 /*!
  * Unipointer v2.4.0
  * base class for doing one thing with pointer event
  * MIT license
- */function N(){}function I(){}const B=I.prototype=Object.create(c.prototype);B.bindStartEvent=function(t){this._bindStartEvent(t,true)};B.unbindStartEvent=function(t){this._bindStartEvent(t,false)};B._bindStartEvent=function(t,i){i=i===undefined?true:i;const s=i?"addEventListener":"removeEventListener";let n="mousedown";if("ontouchstart"in window){n="touchstart"}else if(window.PointerEvent){n="pointerdown"}t[s](n,this)};B.handleEvent=function(t){const i="on"+t.type;if(this[i]){this[i](t)}};B.getTouch=function(t){for(let i=0;i<t.length;i++){const s=t[i];if(s.identifier==this.pointerIdentifier){return s}}};B.onmousedown=function(t){const i=t.button;if(i&&i!==0&&i!==1){return}this._pointerDown(t,t)};B.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])};B.onpointerdown=function(t){this._pointerDown(t,t)};B._pointerDown=function(t,i){if(t.button||this.isPointerDown){return}this.isPointerDown=true;this.pointerIdentifier=i.pointerId!==undefined?i.pointerId:i.identifier;this.pointerDown(t,i)};B.pointerDown=function(t,i){this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,i])};const W={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};B._bindPostStartEvents=function(t){if(!t){return}const i=W[t.type];i.forEach((function(t){window.addEventListener(t,this)}),this);this._boundPointerEvents=i};B._unbindPostStartEvents=function(){if(!this._boundPointerEvents){return}this._boundPointerEvents.forEach((function(t){window.removeEventListener(t,this)}),this);delete this._boundPointerEvents};B.onmousemove=function(t){this._pointerMove(t,t)};B.onpointermove=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerMove(t,t)}};B.ontouchmove=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerMove(t,i)}};B._pointerMove=function(t,i){this.pointerMove(t,i)};B.pointerMove=function(t,i){this.emitEvent("pointerMove",[t,i])};B.onmouseup=function(t){this._pointerUp(t,t)};B.onpointerup=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerUp(t,t)}};B.ontouchend=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerUp(t,i)}};B._pointerUp=function(t,i){this._pointerDone();this.pointerUp(t,i)};B.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i])};B._pointerDone=function(){this._pointerReset();this._unbindPostStartEvents();this.pointerDone()};B._pointerReset=function(){this.isPointerDown=false;delete this.pointerIdentifier};B.pointerDone=N;B.onpointercancel=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerCancel(t,t)}};B.ontouchcancel=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerCancel(t,i)}};B._pointerCancel=function(t,i){this._pointerDone();this.pointerCancel(t,i)};B.pointerCancel=function(t,i){this.emitEvent("pointerCancel",[t,i])};I.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}};
+ */function I(){}function B(){}const W=B.prototype=Object.create(r.prototype);W.bindStartEvent=function(t){this._bindStartEvent(t,true)};W.unbindStartEvent=function(t){this._bindStartEvent(t,false)};W._bindStartEvent=function(t,i){i=i===undefined?true:i;const s=i?"addEventListener":"removeEventListener";let n="mousedown";if("ontouchstart"in window){n="touchstart"}else if(window.PointerEvent){n="pointerdown"}t[s](n,this)};W.handleEvent=function(t){const i="on"+t.type;if(this[i]){this[i](t)}};W.getTouch=function(t){for(let i=0;i<t.length;i++){const s=t[i];if(s.identifier==this.pointerIdentifier){return s}}};W.onmousedown=function(t){const i=t.button;if(i&&i!==0&&i!==1){return}this._pointerDown(t,t)};W.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])};W.onpointerdown=function(t){this._pointerDown(t,t)};W._pointerDown=function(t,i){if(t.button||this.isPointerDown){return}this.isPointerDown=true;this.pointerIdentifier=i.pointerId!==undefined?i.pointerId:i.identifier;this.pointerDown(t,i)};W.pointerDown=function(t,i){this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,i])};const U={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};W._bindPostStartEvents=function(t){if(!t){return}const i=U[t.type];i.forEach((function(t){window.addEventListener(t,this)}),this);this._boundPointerEvents=i};W._unbindPostStartEvents=function(){if(!this._boundPointerEvents){return}this._boundPointerEvents.forEach((function(t){window.removeEventListener(t,this)}),this);delete this._boundPointerEvents};W.onmousemove=function(t){this._pointerMove(t,t)};W.onpointermove=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerMove(t,t)}};W.ontouchmove=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerMove(t,i)}};W._pointerMove=function(t,i){this.pointerMove(t,i)};W.pointerMove=function(t,i){this.emitEvent("pointerMove",[t,i])};W.onmouseup=function(t){this._pointerUp(t,t)};W.onpointerup=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerUp(t,t)}};W.ontouchend=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerUp(t,i)}};W._pointerUp=function(t,i){this._pointerDone();this.pointerUp(t,i)};W.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i])};W._pointerDone=function(){this._pointerReset();this._unbindPostStartEvents();this.pointerDone()};W._pointerReset=function(){this.isPointerDown=false;delete this.pointerIdentifier};W.pointerDone=I;W.onpointercancel=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerCancel(t,t)}};W.ontouchcancel=function(t){const i=this.getTouch(t.changedTouches);if(i){this._pointerCancel(t,i)}};W._pointerCancel=function(t,i){this._pointerDone();this.pointerCancel(t,i)};W.pointerCancel=function(t,i){this.emitEvent("pointerCancel",[t,i])};B.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}};
 /*!
  * Unidragger v2.4.0
  * Draggable base class
  * MIT license
- */function U(){}const q=U.prototype=Object.create(I.prototype);q.bindHandles=function(){this._bindHandles(true)};q.unbindHandles=function(){this._bindHandles(false)};q._bindHandles=function(t){t=t===undefined?true:t;const i=t?"addEventListener":"removeEventListener";const s=t?this._touchActionValue:"";for(let n=0;n<this.handles.length;n++){const e=this.handles[n];this._bindStartEvent(e,t);e[i]("click",this);if(window.PointerEvent){e.style.touchAction=s}}};q._touchActionValue="none";q.pointerDown=function(t,i){const s=this.okayPointerDown(t);if(!s){return}this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY};t.preventDefault();this.pointerDownBlur();this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,i])};const H={TEXTAREA:true,INPUT:true,SELECT:true,OPTION:true};const X={radio:true,checkbox:true,button:true,submit:true,image:true,file:true};q.okayPointerDown=function(t){const i=H[t.target.nodeName];const s=X[t.target.type];const n=!i||s;if(!n){this._pointerReset()}return n};q.pointerDownBlur=function(){const t=document.activeElement;const i=t&&t.blur&&t!=document.body;if(i){t.blur()}};q.pointerMove=function(t,i){const s=this._dragPointerMove(t,i);this.emitEvent("pointerMove",[t,i,s]);this._dragMove(t,i,s)};q._dragPointerMove=function(t,i){const s={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};if(!this.isDragging&&this.hasDragStarted(s)){this._dragStart(t,i)}return s};q.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3};q.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i]);this._dragPointerUp(t,i)};q._dragPointerUp=function(t,i){if(this.isDragging){this._dragEnd(t,i)}else{this._staticClick(t,i)}};q._dragStart=function(t,i){this.isDragging=true;this.isPreventingClicks=true;this.dragStart(t,i)};q.dragStart=function(t,i){this.emitEvent("dragStart",[t,i])};q._dragMove=function(t,i,s){if(!this.isDragging){return}this.dragMove(t,i,s)};q.dragMove=function(t,i,s){t.preventDefault();this.emitEvent("dragMove",[t,i,s])};q._dragEnd=function(t,i){this.isDragging=false;setTimeout(function(){delete this.isPreventingClicks}.bind(this));this.dragEnd(t,i)};q.dragEnd=function(t,i){this.emitEvent("dragEnd",[t,i])};q.onclick=function(t){if(this.isPreventingClicks){t.preventDefault()}};q._staticClick=function(t,i){if(this.isIgnoringMouseUp&&t.type=="mouseup"){return}this.staticClick(t,i);if(t.type!="mouseup"){this.isIgnoringMouseUp=true;setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)}};q.staticClick=function(t,i){this.emitEvent("staticClick",[t,i])};U.getPointerPoint=I.getPointerPoint;const _=()=>{w.extend(F.defaults,{draggable:">1",dragThreshold:3});F.createMethods.push("_createDrag");const t=F.prototype;w.extend(t,U.prototype);t._touchActionValue="pan-y";const i="createTouch"in document;let s=false;t._createDrag=function(){this.on("activate",this.onActivateDrag);this.on("uiChange",this._uiChangeDrag);this.on("deactivate",this.onDeactivateDrag);this.on("cellChange",this.updateDraggable);if(i&&!s){window.addEventListener("touchmove",(function(){}));s=true}};t.onActivateDrag=function(){this.handles=[this.viewport];this.bindHandles();this.updateDraggable()};t.onDeactivateDrag=function(){this.unbindHandles();this.element.classList.remove("is-draggable")};t.updateDraggable=function(){if(this.options.draggable==">1"){this.isDraggable=this.slides.length>1}else{this.isDraggable=this.options.draggable}if(this.isDraggable){this.element.classList.add("is-draggable")}else{this.element.classList.remove("is-draggable")}};t.bindDrag=function(){this.options.draggable=true;this.updateDraggable()};t.unbindDrag=function(){this.options.draggable=false;this.updateDraggable()};t._uiChangeDrag=function(){delete this.isFreeScrolling};t.pointerDown=function(t,i){if(!this.isDraggable){this._pointerDownDefault(t,i);return}const s=this.okayPointerDown(t);if(!s){return}this._pointerDownPreventDefault(t);this.pointerDownFocus(t);if(document.activeElement!=this.element){this.pointerDownBlur()}this.dragX=this.x;this.viewport.classList.add("is-pointer-down");this.pointerDownScroll=e();window.addEventListener("scroll",this);this._pointerDownDefault(t,i)};t._pointerDownDefault=function(t,i){this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY};this._bindPostStartEvents(t);this.dispatchEvent("pointerDown",t,[i])};const n={INPUT:true,TEXTAREA:true,SELECT:true};t.pointerDownFocus=function(t){const i=n[t.target.nodeName];if(!i){this.focus()}};t._pointerDownPreventDefault=function(t){const i=t.type=="touchstart";const s=t.pointerType=="touch";const e=n[t.target.nodeName];if(!i&&!s&&!e){t.preventDefault()}};t.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold};t.pointerUp=function(t,i){delete this.isTouchScrolling;this.viewport.classList.remove("is-pointer-down");this.dispatchEvent("pointerUp",t,[i]);this._dragPointerUp(t,i)};t.pointerDone=function(){window.removeEventListener("scroll",this);delete this.pointerDownScroll};t.dragStart=function(t,i){if(!this.isDraggable){return}this.dragStartPosition=this.x;this.startAnimation();window.removeEventListener("scroll",this);this.dispatchEvent("dragStart",t,[i])};t.pointerMove=function(t,i){const s=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,s]);this._dragMove(t,i,s)};t.dragMove=function(t,i,s){if(!this.isDraggable){return}t.preventDefault();this.previousDragX=this.dragX;const n=this.options.rightToLeft?-1:1;if(this.options.wrapAround){s.x=s.x%this.slideableWidth}let e=this.dragStartPosition+s.x*n;if(!this.options.wrapAround&&this.slides.length){const t=Math.max(-this.slides[0].target,this.dragStartPosition);e=e>t?(e+t)*.5:e;const i=Math.min(-this.getLastSlide().target,this.dragStartPosition);e=e<i?(e+i)*.5:e}this.dragX=e;this.dragMoveTime=new Date;this.dispatchEvent("dragMove",t,[i,s])};t.dragEnd=function(t,i){if(!this.isDraggable){return}if(this.options.freeScroll){this.isFreeScrolling=true}let s=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){const t=this.getRestingPosition();this.isFreeScrolling=-t>this.slides[0].target&&-t<this.getLastSlide().target}else if(!this.options.freeScroll&&s==this.selectedIndex){s+=this.dragEndBoostSelect()}delete this.previousDragX;this.isDragSelect=this.options.wrapAround;this.select(s);delete this.isDragSelect;this.dispatchEvent("dragEnd",t,[i])};t.dragEndRestingSelect=function(){const t=this.getRestingPosition();const i=Math.abs(this.getSlideDistance(-t,this.selectedIndex));const s=this._getClosestResting(t,i,1);const n=this._getClosestResting(t,i,-1);const e=s.distance<n.distance?s.index:n.index;return e};t._getClosestResting=function(t,i,s){let n=this.selectedIndex;let e=Infinity;const o=this.options.contain&&!this.options.wrapAround?function(t,i){return t<=i}:function(t,i){return t<i};while(o(i,e)){n+=s;e=i;i=this.getSlideDistance(-t,n);if(i===null){break}i=Math.abs(i)}return{distance:e,index:n-s}};t.getSlideDistance=function(t,i){const s=this.slides.length;const n=this.options.wrapAround&&s>1;const e=n?w.modulo(i,s):i;const o=this.slides[e];if(!o){return null}const h=n?this.slideableWidth*Math.floor(i/s):0;return t-(o.target+h)};t.dragEndBoostSelect=function(){if(this.previousDragX===undefined||!this.dragMoveTime||new Date-this.dragMoveTime>100){return 0}const t=this.getSlideDistance(-this.dragX,this.selectedIndex);const i=this.previousDragX-this.dragX;if(t>0&&i>0){return 1}else if(t<0&&i<0){return-1}return 0};t.staticClick=function(t,i){const s=this.getParentCell(t.target);const n=s&&s.element;const e=s&&this.cells.indexOf(s);this.dispatchEvent("staticClick",t,[i,n,e])};t.onscroll=function(){const t=e();const i=this.pointerDownScroll.x-t.x;const s=this.pointerDownScroll.y-t.y;if(Math.abs(i)>3||Math.abs(s)>3){this._pointerDone()}};function e(){return{x:window.scrollX,y:window.scrollY}}};const Y=()=>{const t="http://www.w3.org/2000/svg";function i(t,i){this.direction=t;this.parent=i;this.parentElement=this.parent.element.shadowRoot||this.parent.element;this._create()}i.prototype=Object.create(I.prototype);i.prototype._create=function(){this.isEnabled=true;this.isPrevious=this.direction==-1;const t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;const i=this.element=document.createElement("button");i.className="flickity-button flickity-prev-next-button";i.part.add("navigation-button");if(this.isPrevious){i.classList.add("previous");i.part.add("navigation-button--previous")}else{i.classList.add("next");i.part.add("navigation-button--next")}i.setAttribute("type","button");this.disable();i.setAttribute("aria-label",this.isPrevious?"Previous":"Next");const s=document.createElement("slot");s.name=this.isPrevious?"previous-icon":"next-icon";i.appendChild(s);s.addEventListener("slotchange",(()=>{s.assignedElements({flatten:true}).forEach((t=>{t.removeAttribute("hidden")}))}));const n=this.createSVG();s.appendChild(n);this.parent.on("select",this.update.bind(this));this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))};i.prototype.activate=function(){this.bindStartEvent(this.element);this.element.addEventListener("click",this);this.parentElement.appendChild(this.element)};i.prototype.deactivate=function(){this.parentElement.removeChild(this.element);this.unbindStartEvent(this.element);this.element.removeEventListener("click",this)};i.prototype.createSVG=function(){const i=document.createElementNS(t,"svg");i.setAttribute("class","flickity-button-icon");i.setAttribute("viewBox","0 0 100 100");i.part.add("navigation-icon");const n=document.createElementNS(t,"path");const e=s(this.parent.options.arrowShape);n.setAttribute("d",e);n.setAttribute("class","arrow");if(!this.isLeft){n.setAttribute("transform","translate(100, 100) rotate(180) ")}i.appendChild(n);return i};function s(t){if(typeof t=="string"){return t}return"M "+t.x0+",50"+" L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50 "+" L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}i.prototype.handleEvent=w.handleEvent;i.prototype.onclick=function(){if(!this.isEnabled){return}this.parent.uiChange();const t=this.isPrevious?"previous":"next";this.parent[t]()};i.prototype.enable=function(){if(this.isEnabled){return}this.element.disabled=false;this.isEnabled=true};i.prototype.disable=function(){if(!this.isEnabled){return}this.element.disabled=true;this.isEnabled=false};i.prototype.update=function(){const t=this.parent.slides;if(this.parent.options.wrapAround&&t.length>1){this.enable();return}const i=t.length?t.length-1:0;const s=this.isPrevious?0:i;const n=this.parent.selectedIndex==s?"disable":"enable";this[n]()};i.prototype.destroy=function(){this.deactivate();this.allOff()};w.extend(F.defaults,{prevNextButtons:true,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}});F.createMethods.push("_createPrevNextButtons");const n=F.prototype;n._createPrevNextButtons=function(){if(!this.options.prevNextButtons){return}this.prevButton=new i(-1,this);this.nextButton=new i(1,this);this.on("activate",this.activatePrevNextButtons)};n.activatePrevNextButtons=function(){this.prevButton.activate();this.nextButton.activate();this.on("deactivate",this.deactivatePrevNextButtons)};n.deactivatePrevNextButtons=function(){this.prevButton.deactivate();this.nextButton.deactivate();this.off("deactivate",this.deactivatePrevNextButtons)};F.PrevNextButton=i};const J=()=>{function t(t){this.parent=t;this.state="stopped";this.onVisibilityChange=this.visibilityChange.bind(this);this.onVisibilityPlay=this.visibilityPlay.bind(this)}t.prototype=Object.create(c.prototype);t.prototype.play=function(){if(this.state=="playing"){return}const t=document.hidden;if(t){document.addEventListener("visibilitychange",this.onVisibilityPlay);return}this.state="playing";document.addEventListener("visibilitychange",this.onVisibilityChange);this.tick()};t.prototype.tick=function(){if(this.state!="playing"){return}let t=this.parent.options.autoPlay;t=typeof t=="number"?t:3e3;const i=this;this.clear();this.timeout=setTimeout((function(){i.parent.next(true);i.tick()}),t)};t.prototype.stop=function(){this.state="stopped";this.clear();document.removeEventListener("visibilitychange",this.onVisibilityChange)};t.prototype.clear=function(){clearTimeout(this.timeout)};t.prototype.pause=function(){if(this.state=="playing"){this.state="paused";this.clear()}};t.prototype.unpause=function(){if(this.state=="paused"){this.play()}};t.prototype.visibilityChange=function(){const t=document.hidden;this[t?"pause":"unpause"]()};t.prototype.visibilityPlay=function(){this.play();document.removeEventListener("visibilitychange",this.onVisibilityPlay)};w.extend(F.defaults,{pauseAutoPlayOnHover:true});F.createMethods.push("_createPlayer");const i=F.prototype;i._createPlayer=function(){this.player=new t(this);this.on("activate",this.activatePlayer);this.on("uiChange",this.stopPlayer);this.on("pointerDown",this.stopPlayer);this.on("deactivate",this.deactivatePlayer)};i.activatePlayer=function(){if(!this.options.autoPlay){return}this.player.play();this.element.addEventListener("mouseenter",this)};i.playPlayer=function(){this.player.play()};i.stopPlayer=function(){this.player.stop()};i.pausePlayer=function(){this.player.pause()};i.unpausePlayer=function(){this.player.unpause()};i.deactivatePlayer=function(){this.player.stop();this.element.removeEventListener("mouseenter",this)};i.onmouseenter=function(){if(!this.options.pauseAutoPlayOnHover){return}this.player.pause();this.element.addEventListener("mouseleave",this)};i.onmouseleave=function(){this.player.unpause();this.element.removeEventListener("mouseleave",this)};F.Player=t};const Z=F;_();Y();J();const G=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--dot-color:#ccc;--dot-color-active:var(--nano-color-primary, #007495);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:white;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:white;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:white;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;inline-size:fit-content;block-size:fit-content}.not-ready .flickity-container{inline-size:fit-content;block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.flickity-button-icon{fill:var(--navbtns-icon-color)}.flickity-button:disabled .flickity-button-icon{fill:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;inline-size:44px;block-size:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{position:absolute;inline-size:100%;inset-block-end:10px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;z-index:4}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;inline-size:10px;block-size:10px;margin-block:0;margin-inline:8px;border-radius:50%;cursor:pointer;background:var(--dot-color)}.flickity-page-dots .dot.is-selected{opacity:1;background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";const Q=G;const $=(t,i)=>(t%i+i)%i;const K=class{constructor(s){t(this,s);this.nanoSlidesDidLoad=i(this,"nanoSlidesDidLoad",7);this.nanoSlidesReady=i(this,"nanoSlidesReady",7);this.nanoSlidesSelect=i(this,"nanoSlidesSelect",7);this.nanoSlidesChange=i(this,"nanoSlidesChange",7);this.nanoSlidesScroll=i(this,"nanoSlidesScroll",7);this.nanoSlidesTransitionEnd=i(this,"nanoSlidesTransitionEnd",7);this.nanoSlidesDragStart=i(this,"nanoSlidesDragStart",7);this.nanoSlidesDragMove=i(this,"nanoSlidesDragMove",7);this.nanoSlidesDragEnd=i(this,"nanoSlidesDragEnd",7);this.nanoSlidesTap=i(this,"nanoSlidesTap",7);this.nanoSlidesFullscreenChange=i(this,"nanoSlidesFullscreenChange",7)}flickityEl;flickityReady=false;mutationO;resizeO;readyflickity;flickity=new Promise((t=>{this.readyflickity=t}));syncflickity;childrenEles;hasFullScreenModule=false;hasLazyLoadModule=false;hasDotsModule=false;hasFadeModule=false;iCurrentSlide;slidesReady;didInit=false;get host(){return s(this)}options={};async optionsChanged(){if(this.flickityReady){const t=await this.getflickity();const i=Object.assign(t.options,this.options);await this.loadFlickityModules(i);await this.update()}}navbtns=false;async navbtnsChanged(){Array.from(this._getRoot().querySelectorAll(".flickity-prev-next-button")).forEach((t=>{t.hidden=!this.navbtns}))}pager=false;async pagerChanged(){const t=this._getRoot().querySelector(".flickity-page-dots");if(t)t.hidden=!this.pager}fullscreenbtn=false;async fullscreenBtnChanged(){const t=this._getRoot().querySelector(".flickity-fullscreen-button");if(t)t.hidden=!this.fullscreenbtn}fullscreen=false;async fullscreenChanged(t,i){const s=await this.getflickity();if(this.fullscreen)s.viewFullscreen();else if(typeof i!=="undefined")s.exitFullscreen()}animation="scroll";async animationChange(t,i){const[s,n]=await Promise.all([this.getflickity(),V(this.host)]);n.forEach((t=>{t.style["left"]=undefined}));if(i==="parallax"){s.off("scroll",this.parallax);n.forEach(((t,i)=>{if(this.childrenEles&&this.childrenEles[i])this.childrenEles[i].style["transform"]=undefined}));this.update()}if(typeof i==="function"){s.off("scroll",i)}if(typeof this.animation==="function"){this.options={fade:false,percentPosition:true};s.on("scroll",this.animation);return}switch(this.animation){case"fade":this.options={fade:true,percentPosition:true};break;case"parallax":this.options={fade:false,percentPosition:true};s.on("scroll",this.parallax);break;default:this.options={fade:false,percentPosition:true};break}}currentSlide=0;currentSlideChange(){if(this.currentSlide!==this.iCurrentSlide)this.slideTo(this.currentSlide)}internalSlideChange(){this.currentSlide=this.iCurrentSlide}autoplay=false;async autoPlayChange(){await this.stopAutoplay();if(this.autoplay){if(typeof this.autoplay==="string")this.autoplay=parseInt(this.autoplay);if(this.autoplay>0)this.startAutoplay(this.autoplay)}}ready=false;nanoSlidesDidLoad;nanoSlidesReady;nanoSlidesSelect;nanoSlidesChange;nanoSlidesScroll;nanoSlidesTransitionEnd;nanoSlidesDragStart;nanoSlidesDragMove;nanoSlidesDragEnd;nanoSlidesTap;nanoSlidesFullscreenChange;async update(){const[t]=await Promise.all([this.getflickity(),V(this.host)]);this.childrenEles=this.host.querySelectorAll("nano-slide > *");t.reloadCells();t.resize();t.reposition()}async slideTo(t,i){const s=await this.getflickity();s.select(t,i)}async slideNext(t,i){const s=await this.getflickity();s.next(i,t)}async slidePrev(t,i){const s=await this.getflickity();s.previous(t,i)}async getActiveIndex(){const t=await this.getflickity();return t.selectedIndex}async length(){const t=await this.getflickity();return t.slides.length}async isEnd(){const t=await this.getflickity();return t.selectedIndex===t.slides.length-1}async isBeginning(){const t=await this.getflickity();return t.selectedIndex===0}async startAutoplay(t){const i=await this.getflickity();if(t)this.options={autoPlay:t};setTimeout((()=>i.playPlayer()))}async stopAutoplay(){const t=await this.getflickity();t.stopPlayer()}async lockSwipes(t){const i=await this.getflickity();i.options.draggable=!t;i.updateDraggable()}async getflickity(){return this.flickity}async reload(){this.destroyflickity();setTimeout((()=>this.initflickity()),20)}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}parallax=async()=>{const t=await this.flickity;const i=t.cells;i.forEach((i=>{const s=i.element.children[0];let n=t.x;if(t.options.wrapAround&&t.cells.length>1){n=$(n,t.slideableWidth);n=n-t.slideableWidth}let e=(i.target+n)*-1/3;if(i.shift<0){e=(i.target-t.slideableWidth+n)*-1/3}else if(i.shift>0){e=(i.target+(n+t.slideableWidth))*-1/3}s.style.transform="translate3d("+e+"px, 0, 0)";const o=e*3/i.size.width*100;i.element.style.setProperty("--animation-amount",o.toString())}))};handleFullscreen=t=>{this.fullscreen=t;this.nanoSlidesFullscreenChange.emit(t)};handleSlideSelect=t=>{this.iCurrentSlide=t;this.nanoSlidesSelect.emit(t)};destroyflickity(){const t=this.syncflickity;if(t!==undefined){t.destroy();this.flickity=new Promise((t=>{this.readyflickity=t}));this.flickityReady=false;this.syncflickity=undefined;this.ready=false}this.didInit=false}async loadFlickityModules(t){if(!this.hasFullScreenModule&&t.fullscreen){await import("./fullscreen-382d7890.js");this.hasFullScreenModule=true}if(!this.hasLazyLoadModule&&t.lazyLoad){await import("./lazyload-49b745e4.js");this.hasLazyLoadModule=true}if(!this.hasDotsModule&&t.pageDots){await import("./page-dots-986d3b32.js");this.hasDotsModule=true}if(!this.hasFadeModule&&t.fade){await import("./fade-4ff5d9de.js");this.hasFadeModule=true}}async initflickity(){const t=this.normalizeOptions();await this.loadFlickityModules(t);await V(this.host);this.flickityEl=this.flickityEl||this._getRoot().querySelector(".flickity-container");if(!this.flickityEl)return;this.slidesReady=true;if(this.flickityEl.classList.contains("flickity-enabled")){this.destroyflickity()}this.flickityEl.style.height=this.flickityEl.getBoundingClientRect().height+"px";setTimeout((()=>{this.flickityEl.style.height="";const i=new Z(this.flickityEl,t);this.flickityReady=true;this.syncflickity=i;this.animationChange();this.navbtnsChanged();this.pagerChanged();this.fullscreenChanged();this.fullscreenBtnChanged();this.readyflickity(i);this.ready=true;if(!window["ResizeObserver"])return;if(this.resizeO){this.resizeO.disconnect();this.resizeO=undefined}const s=this.resizeO=new ResizeObserver((()=>{n((()=>{const t=this.host.shadowRoot.querySelector(".flickity-viewport");e((()=>{if(t)t.style.height="";i.resize()}))}))}));s.observe(this.host)}),100)}normalizeOptions(){const t={cellSelector:"nano-slide",contain:true,prevNextButtons:true,fullscreen:this.fullscreen,accessibility:true,imagesLoaded:true,pageDots:this.pager};if(this.animation==="fade"){t.fade=true}if(this.currentSlide>0){t.initialIndex=this.currentSlide}if(this.autoplay){if(typeof this.autoplay==="string")this.autoplay=parseInt(this.autoplay);if(this.autoplay>0)t.autoPlay=this.autoplay}const i={ready:()=>{setTimeout((()=>{this.nanoSlidesReady.emit()}),20)},select:this.handleSlideSelect,change:this.nanoSlidesChange.emit,scroll:this.nanoSlidesScroll.emit,settle:()=>requestAnimationFrame((()=>this.nanoSlidesTransitionEnd.emit())),dragStart:()=>requestAnimationFrame((()=>this.nanoSlidesDragStart.emit())),dragMove:()=>requestAnimationFrame((()=>this.nanoSlidesDragMove.emit())),dragEnd:()=>requestAnimationFrame((()=>this.nanoSlidesDragEnd.emit())),staticClick:this.nanoSlidesTap.emit,fullscreenChange:this.handleFullscreen};const s=!!this.options&&!!this.options.on?this.options.on:{};const n={on:{...s,...i}};return{...t,...n,...this.options}}componentDidLoad(){if(typeof window!=="undefined"&&window.MutationObserver){const t=this.mutationO=new MutationObserver((t=>{if(t[0].addedNodes[0]&&t[0].addedNodes[0].nodeName.toLowerCase()==="nano-slide"&&this.flickityReady){this.update()}}));t.observe(this.host,{childList:true,subtree:true})}}componentWillLoad(){this.nanoSlidesDidLoad.emit();if(!this.didInit){this.didInit=true;this.initflickity()}}disconnectedCallback(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.resizeO){this.resizeO.disconnect();this.resizeO=undefined}this.destroyflickity()}render(){return o(h,{key:"9e97a224eef505b29bf19db52c901ba85c058f54"},o("div",{key:"e3b0778a1b68bf78fe52abc32c74f30e278a00e4",class:{slideshow:true,ready:this.ready,"not-ready":!this.ready},part:"base"},o("div",{key:"da56ec590908be9a10be1fc41bbf83fa3216e674",ref:t=>this.flickityEl=t,class:{"flickity-container":true,"slides-ready":this.slidesReady,"slides-not-ready":!this.slidesReady},part:"slide-container"},o("slot",{key:"12d359c67d1f30245e7aef788018697b0c0b94ee"})),o("div",{key:"8a0a0190ea93acb5ba932b353baa6cbbae33547b",class:"ui-extras"},o("slot",{key:"fddc2df69c989ac09e5908a8953783b9ae32d3ba",name:"ui"}))))}static get watchers(){return{options:["optionsChanged"],navbtns:["navbtnsChanged"],pager:["pagerChanged"],fullscreenbtn:["fullscreenBtnChanged"],fullscreen:["fullscreenChanged"],animation:["animationChange"],currentSlide:["currentSlideChange"],iCurrentSlide:["internalSlideChange"],autoplay:["autoPlayChange"]}}};const V=t=>{const i=Array.from(t.querySelectorAll("nano-slide"));let s=i.filter((t=>!t.ready));if(!s.length)return Promise.resolve(i);return new Promise((n=>{const e=o=>{s=s.filter((t=>t!==o.target));if(!s.length){n(i);t.removeEventListener("nanoSlideReady",e);t.removeEventListener("nano-slide-ready",e)}};t.addEventListener("nanoSlideReady",e);t.addEventListener("nano-slide-ready",e)}))};K.style=Q;export{F,K as S,I as U,w as u};
-//# sourceMappingURL=nano-slides-c3eb1afe.js.map
+ */function q(){}const H=q.prototype=Object.create(B.prototype);H.bindHandles=function(){this._bindHandles(true)};H.unbindHandles=function(){this._bindHandles(false)};H._bindHandles=function(t){t=t===undefined?true:t;const i=t?"addEventListener":"removeEventListener";const s=t?this._touchActionValue:"";for(let n=0;n<this.handles.length;n++){const e=this.handles[n];this._bindStartEvent(e,t);e[i]("click",this);if(window.PointerEvent){e.style.touchAction=s}}};H._touchActionValue="none";H.pointerDown=function(t,i){const s=this.okayPointerDown(t);if(!s){return}this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY};t.preventDefault();this.pointerDownBlur();this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,i])};const X={TEXTAREA:true,INPUT:true,SELECT:true,OPTION:true};const _={radio:true,checkbox:true,button:true,submit:true,image:true,file:true};H.okayPointerDown=function(t){const i=X[t.target.nodeName];const s=_[t.target.type];const n=!i||s;if(!n){this._pointerReset()}return n};H.pointerDownBlur=function(){const t=document.activeElement;const i=t&&t.blur&&t!=document.body;if(i){t.blur()}};H.pointerMove=function(t,i){const s=this._dragPointerMove(t,i);this.emitEvent("pointerMove",[t,i,s]);this._dragMove(t,i,s)};H._dragPointerMove=function(t,i){const s={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};if(!this.isDragging&&this.hasDragStarted(s)){this._dragStart(t,i)}return s};H.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3};H.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i]);this._dragPointerUp(t,i)};H._dragPointerUp=function(t,i){if(this.isDragging){this._dragEnd(t,i)}else{this._staticClick(t,i)}};H._dragStart=function(t,i){this.isDragging=true;this.isPreventingClicks=true;this.dragStart(t,i)};H.dragStart=function(t,i){this.emitEvent("dragStart",[t,i])};H._dragMove=function(t,i,s){if(!this.isDragging){return}this.dragMove(t,i,s)};H.dragMove=function(t,i,s){t.preventDefault();this.emitEvent("dragMove",[t,i,s])};H._dragEnd=function(t,i){this.isDragging=false;setTimeout(function(){delete this.isPreventingClicks}.bind(this));this.dragEnd(t,i)};H.dragEnd=function(t,i){this.emitEvent("dragEnd",[t,i])};H.onclick=function(t){if(this.isPreventingClicks){t.preventDefault()}};H._staticClick=function(t,i){if(this.isIgnoringMouseUp&&t.type=="mouseup"){return}this.staticClick(t,i);if(t.type!="mouseup"){this.isIgnoringMouseUp=true;setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)}};H.staticClick=function(t,i){this.emitEvent("staticClick",[t,i])};q.getPointerPoint=B.getPointerPoint;const Y=()=>{v.extend(O.defaults,{draggable:">1",dragThreshold:3});O.createMethods.push("_createDrag");const t=O.prototype;v.extend(t,q.prototype);t._touchActionValue="pan-y";const i="createTouch"in document;let s=false;t._createDrag=function(){this.on("activate",this.onActivateDrag);this.on("uiChange",this._uiChangeDrag);this.on("deactivate",this.onDeactivateDrag);this.on("cellChange",this.updateDraggable);if(i&&!s){window.addEventListener("touchmove",(function(){}));s=true}};t.onActivateDrag=function(){this.handles=[this.viewport];this.bindHandles();this.updateDraggable()};t.onDeactivateDrag=function(){this.unbindHandles();this.element.classList.remove("is-draggable")};t.updateDraggable=function(){if(this.options.draggable==">1"){this.isDraggable=this.slides.length>1}else{this.isDraggable=this.options.draggable}if(this.isDraggable){this.element.classList.add("is-draggable")}else{this.element.classList.remove("is-draggable")}};t.bindDrag=function(){this.options.draggable=true;this.updateDraggable()};t.unbindDrag=function(){this.options.draggable=false;this.updateDraggable()};t._uiChangeDrag=function(){delete this.isFreeScrolling};t.pointerDown=function(t,i){if(!this.isDraggable){this._pointerDownDefault(t,i);return}const s=this.okayPointerDown(t);if(!s){return}this._pointerDownPreventDefault(t);this.pointerDownFocus(t);if(document.activeElement!=this.element){this.pointerDownBlur()}this.dragX=this.x;this.viewport.classList.add("is-pointer-down");this.pointerDownScroll=e();window.addEventListener("scroll",this);this._pointerDownDefault(t,i)};t._pointerDownDefault=function(t,i){this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY};this._bindPostStartEvents(t);this.dispatchEvent("pointerDown",t,[i])};const n={INPUT:true,TEXTAREA:true,SELECT:true};t.pointerDownFocus=function(t){const i=n[t.target.nodeName];if(!i){this.focus()}};t._pointerDownPreventDefault=function(t){const i=t.type=="touchstart";const s=t.pointerType=="touch";const e=n[t.target.nodeName];if(!i&&!s&&!e){t.preventDefault()}};t.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold};t.pointerUp=function(t,i){delete this.isTouchScrolling;this.viewport.classList.remove("is-pointer-down");this.dispatchEvent("pointerUp",t,[i]);this._dragPointerUp(t,i)};t.pointerDone=function(){window.removeEventListener("scroll",this);delete this.pointerDownScroll};t.dragStart=function(t,i){if(!this.isDraggable){return}this.dragStartPosition=this.x;this.startAnimation();window.removeEventListener("scroll",this);this.dispatchEvent("dragStart",t,[i])};t.pointerMove=function(t,i){const s=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,s]);this._dragMove(t,i,s)};t.dragMove=function(t,i,s){if(!this.isDraggable){return}t.preventDefault();this.previousDragX=this.dragX;const n=this.options.rightToLeft?-1:1;if(this.options.wrapAround){s.x=s.x%this.slideableWidth}let e=this.dragStartPosition+s.x*n;if(!this.options.wrapAround&&this.slides.length){const t=Math.max(-this.slides[0].target,this.dragStartPosition);e=e>t?(e+t)*.5:e;const i=Math.min(-this.getLastSlide().target,this.dragStartPosition);e=e<i?(e+i)*.5:e}this.dragX=e;this.dragMoveTime=new Date;this.dispatchEvent("dragMove",t,[i,s])};t.dragEnd=function(t,i){if(!this.isDraggable){return}if(this.options.freeScroll){this.isFreeScrolling=true}let s=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){const t=this.getRestingPosition();this.isFreeScrolling=-t>this.slides[0].target&&-t<this.getLastSlide().target}else if(!this.options.freeScroll&&s==this.selectedIndex){s+=this.dragEndBoostSelect()}delete this.previousDragX;this.isDragSelect=this.options.wrapAround;this.select(s);delete this.isDragSelect;this.dispatchEvent("dragEnd",t,[i])};t.dragEndRestingSelect=function(){const t=this.getRestingPosition();const i=Math.abs(this.getSlideDistance(-t,this.selectedIndex));const s=this._getClosestResting(t,i,1);const n=this._getClosestResting(t,i,-1);const e=s.distance<n.distance?s.index:n.index;return e};t._getClosestResting=function(t,i,s){let n=this.selectedIndex;let e=Infinity;const o=this.options.contain&&!this.options.wrapAround?function(t,i){return t<=i}:function(t,i){return t<i};while(o(i,e)){n+=s;e=i;i=this.getSlideDistance(-t,n);if(i===null){break}i=Math.abs(i)}return{distance:e,index:n-s}};t.getSlideDistance=function(t,i){const s=this.slides.length;const n=this.options.wrapAround&&s>1;const e=n?v.modulo(i,s):i;const o=this.slides[e];if(!o){return null}const h=n?this.slideableWidth*Math.floor(i/s):0;return t-(o.target+h)};t.dragEndBoostSelect=function(){if(this.previousDragX===undefined||!this.dragMoveTime||new Date-this.dragMoveTime>100){return 0}const t=this.getSlideDistance(-this.dragX,this.selectedIndex);const i=this.previousDragX-this.dragX;if(t>0&&i>0){return 1}else if(t<0&&i<0){return-1}return 0};t.staticClick=function(t,i){const s=this.getParentCell(t.target);const n=s&&s.element;const e=s&&this.cells.indexOf(s);this.dispatchEvent("staticClick",t,[i,n,e])};t.onscroll=function(){const t=e();const i=this.pointerDownScroll.x-t.x;const s=this.pointerDownScroll.y-t.y;if(Math.abs(i)>3||Math.abs(s)>3){this._pointerDone()}};function e(){return{x:window.scrollX,y:window.scrollY}}};const J=()=>{const t="http://www.w3.org/2000/svg";function i(t,i){this.direction=t;this.parent=i;this.parentElement=this.parent.element.shadowRoot||this.parent.element;this._create()}i.prototype=Object.create(B.prototype);i.prototype._create=function(){this.isEnabled=true;this.isPrevious=this.direction==-1;const t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;const i=this.element=document.createElement("button");i.className="flickity-button flickity-prev-next-button";i.part.add("navigation-button");if(this.isPrevious){i.classList.add("previous");i.part.add("navigation-button--previous")}else{i.classList.add("next");i.part.add("navigation-button--next")}i.setAttribute("type","button");this.disable();i.setAttribute("aria-label",this.isPrevious?"Previous":"Next");const s=document.createElement("slot");s.name=this.isPrevious?"previous-icon":"next-icon";i.appendChild(s);s.addEventListener("slotchange",(()=>{s.assignedElements({flatten:true}).forEach((t=>{t.removeAttribute("hidden")}))}));const n=this.createSVG();s.appendChild(n);this.parent.on("select",this.update.bind(this));this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))};i.prototype.activate=function(){this.bindStartEvent(this.element);this.element.addEventListener("click",this);this.parentElement.appendChild(this.element)};i.prototype.deactivate=function(){this.parentElement.removeChild(this.element);this.unbindStartEvent(this.element);this.element.removeEventListener("click",this)};i.prototype.createSVG=function(){const i=document.createElementNS(t,"svg");i.setAttribute("class","flickity-button-icon");i.setAttribute("viewBox","0 0 100 100");i.part.add("navigation-icon");const n=document.createElementNS(t,"path");const e=s(this.parent.options.arrowShape);n.setAttribute("d",e);n.setAttribute("class","arrow");if(!this.isLeft){n.setAttribute("transform","translate(100, 100) rotate(180) ")}i.appendChild(n);return i};function s(t){if(typeof t=="string"){return t}return"M "+t.x0+",50"+" L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50 "+" L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}i.prototype.handleEvent=v.handleEvent;i.prototype.onclick=function(){if(!this.isEnabled){return}this.parent.uiChange();const t=this.isPrevious?"previous":"next";this.parent[t]()};i.prototype.enable=function(){if(this.isEnabled){return}this.element.disabled=false;this.isEnabled=true};i.prototype.disable=function(){if(!this.isEnabled){return}this.element.disabled=true;this.isEnabled=false};i.prototype.update=function(){const t=this.parent.slides;if(this.parent.options.wrapAround&&t.length>1){this.enable();return}const i=t.length?t.length-1:0;const s=this.isPrevious?0:i;const n=this.parent.selectedIndex==s?"disable":"enable";this[n]()};i.prototype.destroy=function(){this.deactivate();this.allOff()};v.extend(O.defaults,{prevNextButtons:true,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}});O.createMethods.push("_createPrevNextButtons");const n=O.prototype;n._createPrevNextButtons=function(){if(!this.options.prevNextButtons){return}this.prevButton=new i(-1,this);this.nextButton=new i(1,this);this.on("activate",this.activatePrevNextButtons)};n.activatePrevNextButtons=function(){this.prevButton.activate();this.nextButton.activate();this.on("deactivate",this.deactivatePrevNextButtons)};n.deactivatePrevNextButtons=function(){this.prevButton.deactivate();this.nextButton.deactivate();this.off("deactivate",this.deactivatePrevNextButtons)};O.PrevNextButton=i};const Z=()=>{function t(t){this.parent=t;this.state="stopped";this.onVisibilityChange=this.visibilityChange.bind(this);this.onVisibilityPlay=this.visibilityPlay.bind(this)}t.prototype=Object.create(r.prototype);t.prototype.play=function(){if(this.state=="playing"){return}const t=document.hidden;if(t){document.addEventListener("visibilitychange",this.onVisibilityPlay);return}this.state="playing";document.addEventListener("visibilitychange",this.onVisibilityChange);this.tick()};t.prototype.tick=function(){if(this.state!="playing"){return}let t=this.parent.options.autoPlay;t=typeof t=="number"?t:3e3;const i=this;this.clear();this.timeout=setTimeout((function(){i.parent.next(true);i.tick()}),t)};t.prototype.stop=function(){this.state="stopped";this.clear();document.removeEventListener("visibilitychange",this.onVisibilityChange)};t.prototype.clear=function(){clearTimeout(this.timeout)};t.prototype.pause=function(){if(this.state=="playing"){this.state="paused";this.clear()}};t.prototype.unpause=function(){if(this.state=="paused"){this.play()}};t.prototype.visibilityChange=function(){const t=document.hidden;this[t?"pause":"unpause"]()};t.prototype.visibilityPlay=function(){this.play();document.removeEventListener("visibilitychange",this.onVisibilityPlay)};v.extend(O.defaults,{pauseAutoPlayOnHover:true});O.createMethods.push("_createPlayer");const i=O.prototype;i._createPlayer=function(){this.player=new t(this);this.on("activate",this.activatePlayer);this.on("uiChange",this.stopPlayer);this.on("pointerDown",this.stopPlayer);this.on("deactivate",this.deactivatePlayer)};i.activatePlayer=function(){if(!this.options.autoPlay){return}this.player.play();this.element.addEventListener("mouseenter",this)};i.playPlayer=function(){this.player.play()};i.stopPlayer=function(){this.player.stop()};i.pausePlayer=function(){this.player.pause()};i.unpausePlayer=function(){this.player.unpause()};i.deactivatePlayer=function(){this.player.stop();this.element.removeEventListener("mouseenter",this)};i.onmouseenter=function(){if(!this.options.pauseAutoPlayOnHover){return}this.player.pause();this.element.addEventListener("mouseleave",this)};i.onmouseleave=function(){this.player.unpause();this.element.removeEventListener("mouseleave",this)};O.Player=t};const $=O;Y();J();Z();const G=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--dot-color:#ccc;--dot-color-active:var(--nano-color-primary, #007495);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:white;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:white;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:white;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;inline-size:fit-content;block-size:fit-content}.not-ready .flickity-container{inline-size:fit-content;block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.flickity-button-icon{fill:var(--navbtns-icon-color)}.flickity-button:disabled .flickity-button-icon{fill:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;inline-size:44px;block-size:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{position:absolute;inline-size:100%;inset-block-end:10px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;z-index:4}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;inline-size:10px;block-size:10px;margin-block:0;margin-inline:8px;border-radius:50%;cursor:pointer;background:var(--dot-color)}.flickity-page-dots .dot.is-selected{opacity:1;background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";const Q=G;const K=(t,i)=>(t%i+i)%i;const V=class{constructor(s){t(this,s);this.nanoSlidesDidLoad=i(this,"nanoSlidesDidLoad",7);this.nanoSlidesReady=i(this,"nanoSlidesReady",7);this.nanoSlidesSelect=i(this,"nanoSlidesSelect",7);this.nanoSlidesChange=i(this,"nanoSlidesChange",7);this.nanoSlidesScroll=i(this,"nanoSlidesScroll",7);this.nanoSlidesTransitionEnd=i(this,"nanoSlidesTransitionEnd",7);this.nanoSlidesDragStart=i(this,"nanoSlidesDragStart",7);this.nanoSlidesDragMove=i(this,"nanoSlidesDragMove",7);this.nanoSlidesDragEnd=i(this,"nanoSlidesDragEnd",7);this.nanoSlidesTap=i(this,"nanoSlidesTap",7);this.nanoSlidesFullscreenChange=i(this,"nanoSlidesFullscreenChange",7)}flickityEl;flickityReady=false;mutationO;resizeO;readyflickity;flickity=new Promise((t=>{this.readyflickity=t}));syncflickity;childrenEles;hasFullScreenModule=false;hasLazyLoadModule=false;hasDotsModule=false;hasFadeModule=false;iCurrentSlide;slidesReady;didInit=false;get host(){return s(this)}options={};async optionsChanged(){if(this.flickityReady){const t=await this.getflickity();const i=Object.assign(t.options,this.options);await this.loadFlickityModules(i);await this.update()}}navbtns=false;async navbtnsChanged(){Array.from(this._getRoot().querySelectorAll(".flickity-prev-next-button")).forEach((t=>{t.hidden=!this.navbtns}))}pager=false;async pagerChanged(){const t=this._getRoot().querySelector(".flickity-page-dots");if(t)t.hidden=!this.pager}fullscreenbtn=false;async fullscreenBtnChanged(){const t=this._getRoot().querySelector(".flickity-fullscreen-button");if(t)t.hidden=!this.fullscreenbtn}fullscreen=false;async fullscreenChanged(t,i){const s=await this.getflickity();if(this.fullscreen)s.viewFullscreen();else if(typeof i!=="undefined")s.exitFullscreen()}animation="scroll";async animationChange(t,i){const[s,n]=await Promise.all([this.getflickity(),tt(this.host)]);n.forEach((t=>{t.style["left"]=undefined}));if(i==="parallax"){s.off("scroll",this.parallax);n.forEach(((t,i)=>{if(this.childrenEles&&this.childrenEles[i])this.childrenEles[i].style["transform"]=undefined}));this.update()}if(typeof i==="function"){s.off("scroll",i)}if(typeof this.animation==="function"){this.options={fade:false,percentPosition:true};s.on("scroll",this.animation);return}switch(this.animation){case"fade":this.options={fade:true,percentPosition:true};break;case"parallax":this.options={fade:false,percentPosition:true};s.on("scroll",this.parallax);break;default:this.options={fade:false,percentPosition:true};break}}currentSlide=0;currentSlideChange(){if(this.currentSlide!==this.iCurrentSlide)this.slideTo(this.currentSlide)}internalSlideChange(){this.currentSlide=this.iCurrentSlide}autoplay=false;async autoPlayChange(){await this.stopAutoplay();if(this.autoplay){if(typeof this.autoplay==="string")this.autoplay=parseInt(this.autoplay);if(this.autoplay>0)this.startAutoplay(this.autoplay)}}ready=false;nanoSlidesDidLoad;nanoSlidesReady;nanoSlidesSelect;nanoSlidesChange;nanoSlidesScroll;nanoSlidesTransitionEnd;nanoSlidesDragStart;nanoSlidesDragMove;nanoSlidesDragEnd;nanoSlidesTap;nanoSlidesFullscreenChange;async update(){const[t]=await Promise.all([this.getflickity(),tt(this.host)]);this.childrenEles=this.host.querySelectorAll(`${h("nano-slide")} > *`);t.reloadCells();t.resize();t.reposition()}async slideTo(t,i){const s=await this.getflickity();s.select(t,i)}async slideNext(t,i){const s=await this.getflickity();s.next(i,t)}async slidePrev(t,i){const s=await this.getflickity();s.previous(t,i)}async getActiveIndex(){const t=await this.getflickity();return t.selectedIndex}async length(){const t=await this.getflickity();return t.slides.length}async isEnd(){const t=await this.getflickity();return t.selectedIndex===t.slides.length-1}async isBeginning(){const t=await this.getflickity();return t.selectedIndex===0}async startAutoplay(t){const i=await this.getflickity();if(t)this.options={autoPlay:t};setTimeout((()=>i.playPlayer()))}async stopAutoplay(){const t=await this.getflickity();t.stopPlayer()}async lockSwipes(t){const i=await this.getflickity();i.options.draggable=!t;i.updateDraggable()}async getflickity(){return this.flickity}async reload(){this.destroyflickity();setTimeout((()=>this.initflickity()),20)}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}parallax=async()=>{const t=await this.flickity;const i=t.cells;i.forEach((i=>{const s=i.element.children[0];let n=t.x;if(t.options.wrapAround&&t.cells.length>1){n=K(n,t.slideableWidth);n=n-t.slideableWidth}let e=(i.target+n)*-1/3;if(i.shift<0){e=(i.target-t.slideableWidth+n)*-1/3}else if(i.shift>0){e=(i.target+(n+t.slideableWidth))*-1/3}s.style.transform="translate3d("+e+"px, 0, 0)";const o=e*3/i.size.width*100;i.element.style.setProperty("--animation-amount",o.toString())}))};handleFullscreen=t=>{this.fullscreen=t;this.nanoSlidesFullscreenChange.emit(t)};handleSlideSelect=t=>{this.iCurrentSlide=t;this.nanoSlidesSelect.emit(t)};destroyflickity(){const t=this.syncflickity;if(t!==undefined){t.destroy();this.flickity=new Promise((t=>{this.readyflickity=t}));this.flickityReady=false;this.syncflickity=undefined;this.ready=false}this.didInit=false}async loadFlickityModules(t){if(!this.hasFullScreenModule&&t.fullscreen){await import("./fullscreen-52d62028.js");this.hasFullScreenModule=true}if(!this.hasLazyLoadModule&&t.lazyLoad){await import("./lazyload-8ff69ba4.js");this.hasLazyLoadModule=true}if(!this.hasDotsModule&&t.pageDots){await import("./page-dots-5b23db8c.js");this.hasDotsModule=true}if(!this.hasFadeModule&&t.fade){await import("./fade-ce1a4958.js");this.hasFadeModule=true}}async initflickity(){const t=this.normalizeOptions();await this.loadFlickityModules(t);await tt(this.host);this.flickityEl=this.flickityEl||this._getRoot().querySelector(".flickity-container");if(!this.flickityEl)return;this.slidesReady=true;if(this.flickityEl.classList.contains("flickity-enabled")){this.destroyflickity()}this.flickityEl.style.height=this.flickityEl.getBoundingClientRect().height+"px";setTimeout((()=>{this.flickityEl.style.height="";const i=new $(this.flickityEl,t);this.flickityReady=true;this.syncflickity=i;this.animationChange();this.navbtnsChanged();this.pagerChanged();this.fullscreenChanged();this.fullscreenBtnChanged();this.readyflickity(i);this.ready=true;if(!window["ResizeObserver"])return;if(this.resizeO){this.resizeO.disconnect();this.resizeO=undefined}const s=this.resizeO=new ResizeObserver((()=>{n((()=>{const t=this.host.shadowRoot.querySelector(".flickity-viewport");e((()=>{if(t)t.style.height="";i.resize()}))}))}));s.observe(this.host)}),100)}normalizeOptions(){const t={cellSelector:h("nano-slide"),contain:true,prevNextButtons:true,fullscreen:this.fullscreen,accessibility:true,imagesLoaded:true,pageDots:this.pager};if(this.animation==="fade"){t.fade=true}if(this.currentSlide>0){t.initialIndex=this.currentSlide}if(this.autoplay){if(typeof this.autoplay==="string")this.autoplay=parseInt(this.autoplay);if(this.autoplay>0)t.autoPlay=this.autoplay}const i={ready:()=>{setTimeout((()=>{this.nanoSlidesReady.emit()}),20)},select:this.handleSlideSelect,change:this.nanoSlidesChange.emit,scroll:this.nanoSlidesScroll.emit,settle:()=>requestAnimationFrame((()=>this.nanoSlidesTransitionEnd.emit())),dragStart:()=>requestAnimationFrame((()=>this.nanoSlidesDragStart.emit())),dragMove:()=>requestAnimationFrame((()=>this.nanoSlidesDragMove.emit())),dragEnd:()=>requestAnimationFrame((()=>this.nanoSlidesDragEnd.emit())),staticClick:this.nanoSlidesTap.emit,fullscreenChange:this.handleFullscreen};const s=!!this.options&&!!this.options.on?this.options.on:{};const n={on:{...s,...i}};return{...t,...n,...this.options}}componentDidLoad(){if(typeof window!=="undefined"&&window.MutationObserver){const t=this.mutationO=new MutationObserver((t=>{if(t[0].addedNodes[0]&&t[0].addedNodes[0].nodeName.toLowerCase()===h("nano-slide")&&this.flickityReady){this.update()}}));t.observe(this.host,{childList:true,subtree:true})}}componentWillLoad(){this.nanoSlidesDidLoad.emit();if(!this.didInit){this.didInit=true;this.initflickity()}}disconnectedCallback(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.resizeO){this.resizeO.disconnect();this.resizeO=undefined}this.destroyflickity()}render(){return c(o,{key:"fec3c2951cb3865b5a90817750783f60791c8152",class:"nano-slides"},c("div",{key:"6e7da38e24396ff8f274ecf1f12523561f68d7b9",class:{slideshow:true,ready:this.ready,"not-ready":!this.ready},part:"base"},c("div",{key:"4a80ee977b2c6adab8667be4d5737ee2b3991c12",ref:t=>this.flickityEl=t,class:{"flickity-container":true,"slides-ready":this.slidesReady,"slides-not-ready":!this.slidesReady},part:"slide-container"},c("slot",{key:"34ff051519aeba458f99ea0d164a0acd1bd547cc"})),c("div",{key:"91192bf437b0c614a7f349f4ae7c0740f6768ea7",class:"ui-extras"},c("slot",{key:"e278a3193b7b9c4b88f6245cc63def6f2f4dd941",name:"ui"}))))}static get watchers(){return{options:["optionsChanged"],navbtns:["navbtnsChanged"],pager:["pagerChanged"],fullscreenbtn:["fullscreenBtnChanged"],fullscreen:["fullscreenChanged"],animation:["animationChange"],currentSlide:["currentSlideChange"],iCurrentSlide:["internalSlideChange"],autoplay:["autoPlayChange"]}}};const tt=t=>{const i=Array.from(t.querySelectorAll(h("nano-slide")));let s=i.filter((t=>!t.ready));if(!s.length)return Promise.resolve(i);return new Promise((n=>{const e=o=>{s=s.filter((t=>t!==o.target));if(!s.length){n(i);t.removeEventListener("nanoSlideReady",e);t.removeEventListener("nano-slide-ready",e)}};t.addEventListener("nanoSlideReady",e);t.addEventListener("nano-slide-ready",e)}))};V.style=Q;export{O as F,V as S,B as U,v as u};
+//# sourceMappingURL=nano-slides-2715825b.js.map