@nanoporetech-digital/components 7.4.5 → 7.5.1

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

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

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

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{r as t,c as e,g as i,d as s,h as n,a}from"./index-815d3f98.js";const r=class{constructor(i){t(this,i);this.nanoResizeStateChange=e(this,"nanoResizeStateChange",7);this.nanoResizeObserverReady=e(this,"nanoResizeObserverReady",7);this.nanoResizeContentFitChange=e(this,"nanoResizeContentFitChange",7);this.nanoResize=e(this,"nanoResize",7)}ro;appliedStates;isReady=false;get host(){return i(this)}currentWidth;currentHeight;classNames=[];contentFitX=null;contentFitY=null;classNameChange(){this.host.className=this.classNames.join(" ");if(!this.isReady&&this.classNames.includes("is-ready")){this.isReady=true;this.nanoResizeObserverReady.emit()}}notifyContentFit;states;newStatesProp(){this.statesChanged()}nanoResizeStateChange;nanoResizeObserverReady;nanoResizeContentFitChange;nanoResize;dimensionChanged(){this.assessChanges()}statesChanged(){if(!this.states)return;const t=t=>{const e=t.split(/(\d+)/).filter((t=>t.length));return{bp:parseInt(e[0]),dir:e[1]}};this.appliedStates={h:new Map,w:new Map};this.states.split(",").map((e=>{e=e.trim();if(e.includes(" ")){const[i,...s]=e.split(" ");const{bp:n,dir:a}=t(i);this.appliedStates[a].set(n,{states:s,applied:false})}else{const{bp:i,dir:s}=t(e);this.appliedStates[s].set(i,{applied:false})}}))}assesContentFit(){if(!this.notifyContentFit)return;const t=t=>{if(window.getComputedStyle(t).display!=="contents")return t;const e=t=>Array.from(t.children).find((t=>{if(window.getComputedStyle(t).display!=="contents")return t;e(t)}));return e(t)};let e=false;const i=t(this.host.firstElementChild);if(i){if(this.notifyContentFit&&this.notifyContentFit.includes("x")){if(this.currentWidth<i.scrollWidth&&this.contentFitX!==false){e=true;this.contentFitX=false}else if(this.currentWidth>=i.scrollWidth&&this.contentFitX!==true){e=true;this.contentFitX=true}}if(this.notifyContentFit&&this.notifyContentFit.includes("y")){if(this.currentHeight<i.scrollHeight&&this.contentFitY!==false){e=true;this.contentFitY=false}else if(this.currentHeight>=i.scrollHeight&&this.contentFitY!==true){e=true;this.contentFitY=true}}if(e){this.nanoResizeContentFitChange.emit({x:this.contentFitX,y:this.contentFitY})}}}assessChanges=()=>{if(!this.currentWidth&&!this.currentHeight)return;s((()=>this.assesContentFit()));if(!this.states||!this.appliedStates)return;const t={h:new Map,w:new Map};let e=false;Object.keys(this.appliedStates).forEach((i=>{let s;if(i==="h")s=this.currentHeight;else s=this.currentWidth;this.appliedStates[i].forEach(((n,a)=>{if(s>=a&&n.applied===false){n.applied=true;t[i].set(a,n);e=true}else if(s<a&&n.applied===true){n.applied=false;t[i].set(a,n);e=true}}))}));if(e)this.applyChanges(t);else if(!this.classNames.includes("is-ready"))this.classNames=[...this.classNames,"is-ready"]};applyChanges(t){if(!this.states)return;let e=[...this.classNames];Object.keys(t).forEach((i=>{t[i].forEach((t=>{if(!t.states)return;t.states.map((i=>{if(t.applied){e.push(i);e=e.filter((t=>t!=="not-"+i))}else{e.push("not-"+i);e=e.filter((t=>t!==i))}}))}))}));this.classNames=["is-ready",...e];this.nanoResizeStateChange.emit(this.toSimpleObj(t))}toSimpleObj(t){const e={};Object.keys(t).forEach((i=>{t[i].forEach(((t,s)=>{e[s+i]=t.applied}))}));return e}attachRO(){if(!window["ResizeObserver"])return;this.ro=new ResizeObserver((t=>{const{width:e,height:i}=this.host.getBoundingClientRect();this.currentWidth=Math.ceil(e);this.currentHeight=Math.ceil(i);this.nanoResize.emit(t)}));this.ro.observe(this.host)}componentWillLoad(){this.classNames=Array.from(this.host.classList);this.statesChanged();this.applyChanges(this.appliedStates);if(!this.currentWidth&&!this.currentHeight){s((()=>{const{width:t,height:e}=this.host.getBoundingClientRect();this.currentWidth=Math.ceil(t);this.currentHeight=Math.ceil(e)}))}else{this.assessChanges()}}connectedCallback(){if(!this.ro)this.attachRO()}disconnectedCallback(){if(this.ro)this.ro.disconnect()}render(){return n(a,{key:"09a3b9f8a724f07ba84eec73378725dec973773a"},n("slot",{key:"2f990e9c1ee91e1392a370d07ff988cb3abc3e42"}),!!this.notifyContentFit&&(this.contentFitX!==null||this.contentFitY!==null)&&[this.contentFitX?n("slot",{name:"content-fit-x"}):n("slot",{name:"content-nofit-x"}),this.contentFitY?n("slot",{name:"content-fit-y"}):n("slot",{name:"content-nofit-y"})])}static get watchers(){return{classNames:["classNameChange"],states:["newStatesProp","statesChanged"],currentHeight:["dimensionChanged"],currentWidth:["dimensionChanged"]}}};r.style=":host { display: block }";const o=":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{--base-color-rgb:var(--nano-skeleton-rgb, 228 230 232);--color:var(--nano-skeleton-color, rgb(var(--base-color-rgb) / 100%));--tint:var(--nano-skeleton-tint, rgb(var(--base-color-rgb) / 50%));display:block;position:relative;border-radius:0.25rem;min-block-size:1em;line-height:inherit}.skeleton{display:flex;min-inline-size:100%;min-block-size:100%;border-radius:inherit;line-height:inherit}.skeleton__indicator{flex:1 1 auto;background:var(--color);border-radius:inherit;line-height:inherit}.skeleton.animate .skeleton__indicator{background:linear-gradient(270deg, var(--tint), var(--color), var(--color), var(--tint));background-size:400% 100%;animation:loader 6s ease-in-out infinite}@keyframes loader{0%{background-position:200% 0}100%{background-position:-200% 0}}";const h=o;const l=class{constructor(e){t(this,e)}animated=true;render(){return n("div",{key:"39135db0beb9ba3fdda2e0fe9d82e08f3bc8c118",class:{skeleton:true,animate:this.animated}},n("div",{key:"55bc13ba8fd8ae10afa64e670d56494438809a4a",class:"skeleton__indicator"}," "))}};l.style=h;export{r as nano_resize_observe,l as nano_skeleton};
+import{r as t,c as e,g as i,d as s,h as n,a}from"./index-3118109b.js";const r=class{constructor(i){t(this,i);this.nanoResizeStateChange=e(this,"nanoResizeStateChange",7);this.nanoResizeObserverReady=e(this,"nanoResizeObserverReady",7);this.nanoResizeContentFitChange=e(this,"nanoResizeContentFitChange",7);this.nanoResize=e(this,"nanoResize",7)}ro;appliedStates;isReady=false;get host(){return i(this)}currentWidth;currentHeight;classNames=[];contentFitX=null;contentFitY=null;classNameChange(){this.host.className=this.classNames.join(" ");if(!this.isReady&&this.classNames.includes("is-ready")){this.isReady=true;this.nanoResizeObserverReady.emit()}}notifyContentFit;states;newStatesProp(){this.statesChanged()}nanoResizeStateChange;nanoResizeObserverReady;nanoResizeContentFitChange;nanoResize;dimensionChanged(){this.assessChanges()}statesChanged(){if(!this.states)return;const t=t=>{const e=t.split(/(\d+)/).filter((t=>t.length));return{bp:parseInt(e[0]),dir:e[1]}};this.appliedStates={h:new Map,w:new Map};this.states.split(",").map((e=>{e=e.trim();if(e.includes(" ")){const[i,...s]=e.split(" ");const{bp:n,dir:a}=t(i);this.appliedStates[a].set(n,{states:s,applied:false})}else{const{bp:i,dir:s}=t(e);this.appliedStates[s].set(i,{applied:false})}}))}assesContentFit(){if(!this.notifyContentFit)return;const t=t=>{if(window.getComputedStyle(t).display!=="contents")return t;const e=t=>Array.from(t.children).find((t=>{if(window.getComputedStyle(t).display!=="contents")return t;e(t)}));return e(t)};let e=false;const i=t(this.host.firstElementChild);if(i){if(this.notifyContentFit&&this.notifyContentFit.includes("x")){if(this.currentWidth<i.scrollWidth&&this.contentFitX!==false){e=true;this.contentFitX=false}else if(this.currentWidth>=i.scrollWidth&&this.contentFitX!==true){e=true;this.contentFitX=true}}if(this.notifyContentFit&&this.notifyContentFit.includes("y")){if(this.currentHeight<i.scrollHeight&&this.contentFitY!==false){e=true;this.contentFitY=false}else if(this.currentHeight>=i.scrollHeight&&this.contentFitY!==true){e=true;this.contentFitY=true}}if(e){this.nanoResizeContentFitChange.emit({x:this.contentFitX,y:this.contentFitY})}}}assessChanges=()=>{if(!this.currentWidth&&!this.currentHeight)return;s((()=>this.assesContentFit()));if(!this.states||!this.appliedStates)return;const t={h:new Map,w:new Map};let e=false;Object.keys(this.appliedStates).forEach((i=>{let s;if(i==="h")s=this.currentHeight;else s=this.currentWidth;this.appliedStates[i].forEach(((n,a)=>{if(s>=a&&n.applied===false){n.applied=true;t[i].set(a,n);e=true}else if(s<a&&n.applied===true){n.applied=false;t[i].set(a,n);e=true}}))}));if(e)this.applyChanges(t);else if(!this.classNames.includes("is-ready"))this.classNames=[...this.classNames,"is-ready"]};applyChanges(t){if(!this.states)return;let e=[...this.classNames];Object.keys(t).forEach((i=>{t[i].forEach((t=>{if(!t.states)return;t.states.map((i=>{if(t.applied){e.push(i);e=e.filter((t=>t!=="not-"+i))}else{e.push("not-"+i);e=e.filter((t=>t!==i))}}))}))}));this.classNames=["is-ready",...e];this.nanoResizeStateChange.emit(this.toSimpleObj(t))}toSimpleObj(t){const e={};Object.keys(t).forEach((i=>{t[i].forEach(((t,s)=>{e[s+i]=t.applied}))}));return e}attachRO(){if(!window["ResizeObserver"])return;this.ro=new ResizeObserver((t=>{const{width:e,height:i}=this.host.getBoundingClientRect();this.currentWidth=Math.ceil(e);this.currentHeight=Math.ceil(i);this.nanoResize.emit(t)}));this.ro.observe(this.host)}componentWillLoad(){this.classNames=Array.from(this.host.classList);this.statesChanged();this.applyChanges(this.appliedStates);if(!this.currentWidth&&!this.currentHeight){s((()=>{const{width:t,height:e}=this.host.getBoundingClientRect();this.currentWidth=Math.ceil(t);this.currentHeight=Math.ceil(e)}))}else{this.assessChanges()}}connectedCallback(){if(!this.ro)this.attachRO()}disconnectedCallback(){if(this.ro)this.ro.disconnect()}render(){return n(a,{key:"09a3b9f8a724f07ba84eec73378725dec973773a"},n("slot",{key:"2f990e9c1ee91e1392a370d07ff988cb3abc3e42"}),!!this.notifyContentFit&&(this.contentFitX!==null||this.contentFitY!==null)&&[this.contentFitX?n("slot",{name:"content-fit-x"}):n("slot",{name:"content-nofit-x"}),this.contentFitY?n("slot",{name:"content-fit-y"}):n("slot",{name:"content-nofit-y"})])}static get watchers(){return{classNames:["classNameChange"],states:["newStatesProp","statesChanged"],currentHeight:["dimensionChanged"],currentWidth:["dimensionChanged"]}}};r.style=":host { display: block }";const o=":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{--base-color-rgb:var(--nano-skeleton-rgb, 228 230 232);--color:var(--nano-skeleton-color, rgb(var(--base-color-rgb) / 100%));--tint:var(--nano-skeleton-tint, rgb(var(--base-color-rgb) / 50%));display:block;position:relative;border-radius:0.25rem;min-block-size:1em;line-height:inherit}.skeleton{display:flex;min-inline-size:100%;min-block-size:100%;border-radius:inherit;line-height:inherit}.skeleton__indicator{flex:1 1 auto;background:var(--color);border-radius:inherit;line-height:inherit}.skeleton.animate .skeleton__indicator{background:linear-gradient(270deg, var(--tint), var(--color), var(--color), var(--tint));background-size:400% 100%;animation:loader 6s ease-in-out infinite}@keyframes loader{0%{background-position:200% 0}100%{background-position:-200% 0}}";const h=o;const l=class{constructor(e){t(this,e)}animated=true;render(){return n("div",{key:"39135db0beb9ba3fdda2e0fe9d82e08f3bc8c118",class:{skeleton:true,animate:this.animated}},n("div",{key:"55bc13ba8fd8ae10afa64e670d56494438809a4a",class:"skeleton__indicator"}," "))}};l.style=h;export{r as nano_resize_observe,l as nano_skeleton};
 //# sourceMappingURL=nano-resize-observe_2.entry.js.map

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-815d3f98.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,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};
 //# sourceMappingURL=nano-slide.entry.js.map

package/dist/nano-components/nano-slides-c3eb1afe.js

@@ -0,0 +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};
+/*!
+ * 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;
+/*!
+ * 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}};
+/*!
+ * 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