@nanoporetech-digital/components 7.9.2 → 8.0.0-alpha.1

package/dist/components/menu.js.map

@@ -1 +0,0 @@
-{"file":"menu.js","mappings":"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","names":[],"sources":["src/components/menu/menu.scss?tag=nano-menu&encapsulation=shadow","src/components/menu/menu.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../../global/style/nano-theme/tokens';\n\n:host {\n  /**\n   * @prop --padding-start: padding at the start of nav-items (left r2l / right l2r). Defaults to '10px'\n   * @prop --padding-end: padding at the end of nav-items (right r2l / left l2r). Defaults to '10px'\n   * @prop --padding-top: padding at the top of nav-items. Defaults to '10px'\n   * @prop --padding-bottom: padding at the bottom of nav-items. Defaults to '10px'\n\n   * @prop --secondary-padding-top: padding at the top of nested nav-items. Defaults to 0\n   * @prop --secondary-padding-bottom: padding at the bottom of nested nav-items. Defaults to 0\n\n   * @prop --bg-color-hover: bg hover color of nav-items. Defaults to #{map.get(tokens.$colors, blue--faded)};\n   * @prop --bg-color-focus: bg focus color of nav-items. Defaults to #{map.get(tokens.$colors, blue--faded)};\n   * @prop --bg-color-selected: bg selected color of nav-items. Defaults to #{map.get(tokens.$colors, blue--faded)};\n\n   * @prop --color-hover: text hover color of nav-items. Defaults to #{map.get(tokens.$colors, blue)}\n   * @prop --color-selected: text selected color of nav-items. Defaults to #{map.get(tokens.$colors, blue)}\n   * @prop --color-focus: text focus color of nav-items. Defaults to #{map.get(tokens.$colors, blue)}\n\n   * @prop --focus-outline: the focus style of nav-items. Defaults to 'none'\n   * @prop --font-size: default font-size for all items. Defaults .9em;\n  */\n\n  --padding-start: #{tokens.$spacing-medium};\n  --padding-end: #{tokens.$spacing-medium};\n  --padding-top: #{tokens.$spacing-small};\n  --padding-bottom: #{tokens.$spacing-small};\n  --secondary-padding-top: 0;\n  --secondary-padding-bottom: 0;\n  --bg-color-hover: #{map.get(tokens.$colors, blue--faded)};\n  --bg-color-focus: #{map.get(tokens.$colors, blue--faded)};\n  --bg-color-selected: #{map.get(tokens.$colors, blue--faded)};\n  --color-hover: #{map.get(tokens.$colors, blue)};\n  --color-selected: #{map.get(tokens.$colors, blue)};\n  --color-focus: #{map.get(tokens.$colors, blue)};\n  --focus-outline: none;\n  --font-size: 0.9em;\n\n  display: block;\n}\n\n.menu {\n  font-size: var(--font-size, 0.9em);\n  overscroll-behavior: none;\n  min-inline-size: var(--width);\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n::slotted(*:not(.nano-nav-item):not(.nano-option):not(hr):not(slot)) {\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: var(--padding-top) var(--padding-bottom);\n  display: block;\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  Method,\n  Host,\n  Element,\n  Prop,\n  Listen,\n  Build,\n} from '@stencil/core';\nimport { h, transformTag } from '../../utils/renderer';\nimport { getActiveElement } from '../../utils/active-element';\nimport { getDirectChildren } from '../../utils/dom';\nimport { getTextContent } from '../../utils/slot';\n\ntype ValidElement = HTMLNanoNavItemElement | HTMLNanoOptionElement;\ntype NNI = HTMLNanoNavItemElement;\n\n/**\n * Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.\n * Manages focus state / active.\n * @slot - The menu's content; `nano-option`, `nano-nav-item` elements as well as <hr> and more.\n */\n@Component({\n  tag: 'nano-menu',\n  styleUrl: 'menu.scss',\n  shadow: true,\n})\nexport class Menu {\n  private ignoreMouseEvents = false;\n  private ignoreMouseTimeout: any;\n  private menu: HTMLElement;\n  private typeToSelect = '';\n  private typeToSelectTimeout: any;\n\n  @Element() private el: HTMLNanoMenuElement;\n\n  // Public API\n\n  /** get the focus state of the menu @readonly */\n  @Prop()\n  get hasFocus() {\n    return this._hasFocus;\n  }\n  private _hasFocus = false;\n\n  /** changes the role of the underlying control - sometimes required for semantics */\n  @Prop() type: 'menu' | 'listbox' = 'menu';\n\n  /** an accessible label */\n  @Prop() label: string;\n\n  // Events\n\n  /** Emitted when the menu gains focus. */\n  @Event() nanoFocus: EventEmitter;\n\n  /** Emitted when the menu loses focus. */\n  @Event() nanoBlur: EventEmitter;\n\n  /** Emitted when a menu item is selected. */\n  @Event() nanoSelect: EventEmitter<\n    HTMLNanoOptionElement | HTMLNanoNavItemElement\n  >;\n\n  // Public Methods\n\n  /** Sets focus on the menu. */\n  @Method()\n  async setFocus() {\n    if (this.menu?.focus) this.menu.focus({ preventScroll: true });\n  }\n\n  /** Removes focus from the menu. */\n  @Method()\n  async removeFocus() {\n    if (this.menu?.blur) this.menu.blur();\n  }\n\n  /** Sets the current active item */\n  @Method()\n  async showActiveElement() {\n    if (this.selectedItem)\n      this.selectedItem.scrollIntoView({ block: 'nearest' });\n  }\n\n  /** Removes any active item's state */\n  @Method()\n  async resetActiveItem() {\n    this.getItems\n      .filter((i) => i.tagName.toLowerCase() === transformTag('nano-option'))\n      .map((i) => i.setAttribute('tabindex', '-1'));\n  }\n\n  // Private methods\n\n  get getItems() {\n    let items: ValidElement[];\n    const opened = this.el.querySelectorAll(\n      `${transformTag('nano-nav-item')}.secondary-open`\n    );\n    if (opened.length) {\n      const ctx = opened[opened.length - 1] as HTMLNanoNavItemElement;\n      items = Array.from(\n        ctx.querySelectorAll(\n          `${transformTag('nano-nav-item')}, ${transformTag('nano-option')}`\n        )\n      );\n    } else {\n      items = getDirectChildren(\n        this.el,\n        `${transformTag('nano-nav-item')}, ${transformTag('nano-option')}`,\n        'slot'\n      );\n    }\n    return items.filter((el) => !el.disabled && !el.hidden);\n  }\n\n  get activeItem() {\n    const activeElement = getActiveElement();\n    return this.getItems.find(\n      (i) =>\n        i.getAttribute('tabindex') === '0' ||\n        i === activeElement ||\n        i.classList.contains('has-focus')\n    );\n  }\n\n  get selectedItem() {\n    return this.getItems.find((i) => i.selected);\n  }\n\n  private async setActiveFocusItem(item?: ValidElement, focus = true) {\n    const items = this.getItems;\n    const activeItem = !item ? items.find((i) => i.selected) || items[0] : item;\n\n    items\n      .filter((i) => i.tagName.toLowerCase() === transformTag('nano-option'))\n      .map((i: HTMLNanoOptionElement) =>\n        i.setAttribute('tabindex', i === activeItem ? '0' : '-1')\n      );\n\n    if (!focus) return;\n\n    if (activeItem) {\n      if ((activeItem as NNI).setFocus) (activeItem as NNI).setFocus();\n      else activeItem.focus();\n    } else this.menu.focus();\n  }\n\n  // Event Handlers\n\n  @Listen('mousedown', { target: 'body' })\n  @Listen('keydown')\n  handleBlur(e: KeyboardEvent | MouseEvent) {\n    if (!this.hasFocus) return;\n\n    const kev = e as KeyboardEvent;\n    let found: boolean;\n\n    if (kev.key) {\n      if (kev.key !== 'Tab') return;\n      found =\n        getActiveElement() &&\n        getActiveElement().closest(this.el.tagName.toLowerCase()) === this.el;\n    } else found = !!e.composedPath().find((el) => el === this.el);\n\n    if (!found) {\n      this.resetActiveItem();\n      this._hasFocus = false;\n      this.nanoBlur.emit();\n    }\n  }\n\n  private handleFocus = () => {\n    this.setActiveFocusItem(this.selectedItem || this.getItems[0]);\n\n    this._hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest<HTMLNanoNavItemElement>(\n      transformTag('nano-nav-item')\n    );\n\n    if (item && !item.disabled) {\n      this.nanoSelect.emit(item);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // When keying through the menu, if the mouse happens to be hovering over a menu item and the menu scrolls, the\n    // mouseout/mouseover event will fire causing the selection to be different than what the user expects. This gives\n    // us a way to temporarily ignore mouse events while the user is interacting with a keyboard.\n    clearTimeout(this.ignoreMouseTimeout);\n    this.ignoreMouseTimeout = setTimeout(\n      () => (this.ignoreMouseEvents = false),\n      500\n    );\n    this.ignoreMouseEvents = true;\n\n    // Make a selection when pressing enter\n    switch (event.key) {\n      case ' ':\n        if (this.activeItem) this.activeItem.click();\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'PageDown':\n      case 'PageUp':\n      case 'Home':\n      case 'End': {\n        const items = this.getItems;\n        const selectedItem = this.activeItem;\n        let index = items.indexOf(selectedItem);\n\n        if (items.length) {\n          event.preventDefault();\n\n          if (event.key === 'ArrowDown') {\n            index++;\n          } else if (event.key === 'ArrowUp') {\n            index--;\n          } else if (event.key === 'Home' || event.key === 'PageUp') {\n            index = 0;\n          } else if (event.key === 'End' || event.key === 'PageDown') {\n            index = items.length - 1;\n          }\n\n          if (index < 0) index = items.length - 1;\n          if (index > items.length - 1) index = 0;\n\n          this.setActiveFocusItem(items[index]);\n          if (items[index]) items[index].scrollIntoView({ block: 'nearest' });\n          return;\n        }\n        break;\n      }\n    }\n\n    // Handle type-to-search behavior when non-control characters are entered\n    if (event.key === ' ' || /^[a-z0-9]+$/i.test(event.key)) {\n      clearTimeout(this.typeToSelectTimeout);\n      this.typeToSelectTimeout = setTimeout(\n        () => (this.typeToSelect = ''),\n        750\n      );\n      this.typeToSelect += event.key;\n\n      const items = this.getItems;\n      for (const item of items) {\n        const slot: HTMLSlotElement =\n          item.shadowRoot.querySelector('slot:not([name])');\n        const label = getTextContent(slot).toLowerCase().trim();\n        if (\n          label.substring(0, this.typeToSelect.length) === this.typeToSelect\n        ) {\n          this.setActiveFocusItem(item);\n          break;\n        }\n      }\n    }\n  };\n\n  private handleMouseOver = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item =\n      target.closest<HTMLNanoNavItemElement>(transformTag('nano-nav-item')) ||\n      target.closest<HTMLNanoOptionElement>(transformTag('nano-option'));\n\n    if (item && !this.ignoreMouseEvents) {\n      this.setActiveFocusItem(item);\n    }\n  };\n\n  // Component Lifecycle\n\n  componentDidLoad() {\n    if (Build.isBrowser) {\n      getDirectChildren(\n        this.el,\n        ':not(nano-nav-item):not(nano-option):not([role])',\n        true\n      ).forEach((el) => el.setAttribute('role', 'none'));\n    }\n  }\n\n  render() {\n    return (\n      <Host role={this.type === 'menu' ? 'menu' : 'group'} class=\"nano-menu\">\n        <div\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          onMouseOver={this.handleMouseOver}\n          onFocus={this.handleFocus}\n          aria-label={this.label ? this.label : undefined}\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          class={{\n            menu: true,\n            ['menu--' + this.type]: true,\n            'menu--has-focus': this.hasFocus,\n          }}\n          tabIndex={-1}\n          role=\"group\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/modal.js.map

@@ -1 +0,0 @@
-{"file":"modal.js","mappings":";;;;;AAEA,IAAI,YAAY,GAAkB,EAAE,CAAC;MAEhB,KAAK;IACxB,OAAO,CAAc;IACrB,YAAY,GAA2B,SAAS,CAAC;IAEjD,YAAY,OAAoB;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpD;IAED,QAAQ;QACN,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC1D;IAED,UAAU;QACR,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;QACtE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC7D;IAED,QAAQ;;QAEN,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;KAC/D;IAED,aAAa,CAAC,KAAY;QACxB,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;;QAGlC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACnD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3D,MAAM,KAAK,GACT,IAAI,CAAC,YAAY,KAAK,UAAU,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;YACrE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;SACzD;KACF;IAED,aAAa,CAAC,KAAoB;;QAEhC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;YACzC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;YAC/B,UAAU,CAAC,OAAO,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC;SACnD;KACF;;;;;","names":[],"sources":["src/utils/modal.ts"],"sourcesContent":["import { getTabbableElements } from './tabbable';\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  tabDirection: 'forward' | 'backward' = 'forward';\n\n  constructor(element: HTMLElement) {\n    this.element = element;\n    this.handleFocusIn = this.handleFocusIn.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  deactivate() {\n    activeModals = activeModals.filter((modal) => modal !== this.element);\n    document.removeEventListener('focusin', this.handleFocusIn);\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  handleFocusIn(event: Event) {\n    const path = event.composedPath();\n\n    // Trap focus so it doesn't go out of the modal's boundary\n    if (this.isActive() && !path.includes(this.element)) {\n      const tabbableElements = getTabbableElements(this.element);\n      const index =\n        this.tabDirection === 'backward' ? tabbableElements.length - 1 : 0;\n      tabbableElements[index]?.focus({ preventScroll: true });\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Quick hack to determine tab direction\n    if (event.key === 'Tab' && event.shiftKey) {\n      this.tabDirection = 'backward';\n      setTimeout(() => (this.tabDirection = 'forward'));\n    }\n  }\n}\n"],"version":3}

package/dist/components/nano-accordion.js.map

@@ -1 +0,0 @@
-{"file":"nano-accordion.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,sOAAsO,CAAC;AAC5P,4BAAe,YAAY;;MCuBd,SAAS;;;;;;;IACX,UAAU,CAAU;;;;;IAOpB,UAAU,CAAe;;;;IAK1B,KAAK,CAAS;IAGtB,eAAe,CAAC,KAAkB;QAChC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,KAAK,GACT,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;YACxD,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC;QACzD,KAAK,CAAC,OAAO,CAAC,CAAC,IAA4B,EAAE,CAAC;YAC5C,IAAI,IAAI,KAAK,KAAK,CAAC,MAAM;gBAAE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;;gBACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SAC1B,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KACxB;IAGD,eAAe,CAAC,KAAkB;QAChC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;gBACjC,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,GAC9B,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;gBACrC,gBAAgB,EAAE,IAAI;aACvB,IAED,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/accordion/accordion.scss?tag=nano-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import {\n  Component,\n  Listen,\n  Element,\n  Host,\n  Prop,\n  EventEmitter,\n  Event,\n  State,\n} from '@stencil/core';\n\nimport { h, transformTag } from '../../utils/renderer';\nimport { getDirectChildren } from '../../utils/dom';\nimport { createColorClasses } from '../../utils/theme';\nimport type { Color } from '../../types/shared';\n\n/**\n * Simple accordion - only one item open at a time - must be used with [details](story/components-accordion--details) elements.\n */\n@Component({\n  tag: 'nano-accordion',\n  styleUrl: 'accordion.scss',\n  shadow: true,\n})\nexport class Accordion {\n  @State() itemOpened?: number;\n\n  @Element() el: HTMLNanoAccordionElement;\n\n  /**\n   * Fires when accordion elements toggle\n   */\n  @Event() nanoToggle: EventEmitter;\n\n  /**\n   * Color to use from the color palette.\n   */\n  @Prop() color?: Color;\n\n  @Listen('nanoOpened')\n  onToggleHandler(event: CustomEvent) {\n    event.stopPropagation();\n\n    const items =\n      getDirectChildren(this.el, transformTag('nano-details')) ||\n      this.el.querySelectorAll(transformTag('nano-details'));\n    items.forEach((item: HTMLNanoDetailsElement, i) => {\n      if (item !== event.target) item.open = false;\n      else this.itemOpened = i;\n    });\n    this.nanoToggle.emit();\n  }\n\n  @Listen('nanoClosed')\n  onClosedHandler(event: CustomEvent) {\n    event.stopPropagation();\n    this.itemOpened = null;\n    this.nanoToggle.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          ...createColorClasses(this.color),\n          [`nano-color-${this.itemOpened}`]:\n            typeof this.itemOpened === 'number',\n          'nano-accordion': true,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nano-alert.js.map

@@ -1 +0,0 @@
-{"file":"nano-alert.js","mappings":";;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,s4FAAs4F,CAAC;AACx5F,wBAAe,QAAQ;;ACmBvB,IAAI,YAAyB,CAAC;AAC9B,IAAI,YAAyB,CAAC;AAC9B,IAAI,YAAyB,CAAC;AAC9B,IAAI,YAAyB,CAAC;AAE9B,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE;IAC1B,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAC1D,SAAS,EAAE,uCAAuC;KACnD,CAAC,CAAC;IACH,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAC1D,SAAS,EAAE,uCAAuC;KACnD,CAAC,CAAC;IACH,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAC1D,SAAS,EAAE,uCAAuC;KACnD,CAAC,CAAC;IACH,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAC1D,SAAS,EAAE,uCAAuC;KACnD,CAAC,CAAC;AACL,CAAC;MAaY,KAAK;;;;;;;;;;IACR,eAAe,CAAgC;IAC/C,KAAK,CAAc;IACnB,OAAO,CAAc;IACrB,KAAK,CAAQ;IACb,eAAe,CAAqB;IACpC,WAAW,GAAG,KAAK,CAAC;IACpB,WAAW,GAAG,KAAK,CAAC;IAEnB,OAAO,GAAG,KAAK,CAAC;IAChB,OAAO,GAAG,KAAK,CAAC;IAChB,SAAS,GAAG,KAAK,CAAC;IAClB,KAAK,CAAS;IACd,SAAS,GAAG,KAAK,CAAC;;;IAKa,IAAI,GAAG,KAAK,CAAC;IAGrD,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;YACtB,IAAI,CAAC,IAAI,EAAE,CAAC;KAClB;;IAGwB,QAAQ,GAAG,KAAK,CAAC;;IAGjB,KAAK,CAAS;;;;;IAM/B,QAAQ,GAAG,QAAQ,CAAC;IAG5B,oBAAoB;QAClB,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;;;;;IAOO,KAAK,GAAG,KAAK,CAAC;IAGtB,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI;YAAE,OAAO;QACnE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAClC;;IAGQ,QAAQ,CAAe;;IAGvB,aAAa,CAAe;;IAG5B,QAAQ,CAAe;;IAGvB,aAAa,CAAe;;;;;IAOrC,MAAM,IAAI;QACR,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAE7B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,QAAQ,CAAC,gBAAgB,EAAE;YAC7B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,qBAAqB,CAAC;gBACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;aAC1B,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC1B;QAED,IAAI,IAAI,CAAC,QAAQ,GAAG,QAAQ,EAAE;YAC5B,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACrE;KACF;;;;;IAOD,MAAM,IAAI;QACR,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAEtC,IAAI,QAAQ,CAAC,gBAAgB,EAAE;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAElB,qBAAqB,CAAC,OAAO,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC;QACxD,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACpC;;;;;;;;;IAWD,MAAM,KAAK,CAAC,WAAsC,IAAI;QACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO;YAC/B,IAAI,UAAuB,CAAC;YAC5B,QAAQ,QAAQ;gBACd,KAAK,IAAI;oBACP,UAAU,GAAG,YAAY,CAAC;oBAC1B,MAAM;gBACR,KAAK,IAAI;oBACP,UAAU,GAAG,YAAY,CAAC;oBAC1B,MAAM;gBACR,KAAK,IAAI;oBACP,UAAU,GAAG,YAAY,CAAC;oBAC1B,MAAM;gBACR;oBACE,UAAU,GAAG,YAAY,CAAC;oBAC1B,MAAM;aACT;YAED,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;gBAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;aACvC;YAED,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,EAAE,CAAC;YAEZ,MAAM,OAAO,GAAG;gBACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,OAAO,EAAE,CAAC;;gBAGV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE;oBACzD,UAAU,CAAC,MAAM,EAAE,CAAC;iBACrB;aACF,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACrE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SACxE,CAAC,CAAC;KACJ;;;;;IAOD,MAAM,KAAK,CAAC,KAAa;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO;YAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACtC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACtC;YAED,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAA4B,CAAC;YAE7D,qBAAqB,CAAC;gBACpB,IAAI,CAAC,IAAI,EAAE,CAAC;aACb,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,MACb,qBAAqB,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAEzE,MAAM,OAAO,GAAG;gBACd,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;gBACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,OAAO,EAAE,CAAC;;gBAGV,IACE,IAAI,CAAC,eAAe;oBACpB,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,KAAK,UAAU,EAChD;oBACA,UAAU,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC;iBAChD;aACF,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAEtE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,EAAE;gBACnD,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,EAAE;gBACrD,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;IAEO,eAAe,GAAG;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB,CAAC;IAEM,gBAAgB,GAAG;QACzB,IAAI,CAAC,IAAI,EAAE,CAAC;KACb,CAAC;IAEM,mBAAmB,GAAG,CAAC,KAAsB;QACnD,IACE,KAAK,CAAC,YAAY,KAAK,SAAS;aAC/B,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,EAC9D;YACA,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC;YAE3B,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;;gBACpC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAChC;KACF,CAAC;IAEM,iBAAiB,GAAG,CAAC,CAAyC;QACpE,IAAI,CAAC,CAAC,gBAAgB;YAAE,OAAO;QAC/B,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,QAAQ;YACjE,IAAI,CAAC,IAAI,EAAE,CAAC;KACf,CAAC;IAEM,eAAe,GAAG;QACxB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,QAAQ,EAAE;YACzC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACrE;KACF,CAAC;IAEF,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC5D,IAAI,CAAC,SAAS,GAAG,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC;KACxE;IAED,oBAAoB;QAClB,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAChE;IAED,gBAAgB;;QAEd,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YAChC,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;KACF;IAEO,KAAK,GAAG;QACd,QACE,WACE,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,EAChC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,aAAa,EAAE,IAAI,CAAC,IAAI;gBACxB,eAAe,EAAE,IAAI,CAAC,OAAO;gBAC7B,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;gBAC9B,gBAAgB,EAAE,IAAI,CAAC,SAAS;gBAChC,kBAAkB,EAAE,IAAI,CAAC,SAAS;aACnC,EACD,QAAQ,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,SAAS,EACtC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,aAAa,GAAG,OAAO,eAClC,WAAW,iBACT,MAAM,iBACL,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,MAAM,gBAClC,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,gBACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EAC/C,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,eAAe,EAAE,IAAI,CAAC,mBAAmB,IAEzC,WAAK,KAAK,EAAC,gBAAgB,IACzB,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,aAAa,IAClC,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,EACN,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,IACxC,eAAQ,CACJ,EACL,IAAI,CAAC,QAAQ,KACZ,WAAK,KAAK,EAAC,cAAc,IACvB,wBACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,aAAa,EACtB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,IAAI,CAAC,gBAAgB,GACZ,CAChB,CACP,CACG,EACN,WAAK,KAAK,EAAC,eAAe,IACxB,YAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACF,EACN;KACH,CAAC;IAEF,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAChE,OAAO,EAAE,IAAI,CAAC,SAAS,IAEtB,IAAI,CAAC,OAAO,IAAI;YACf,4DACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oBACL,cAAc,EAAE,IAAI;oBACpB,sBAAsB,EAAE,IAAI,CAAC,IAAI;iBAClC,EACD,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,GAClC;YACF,4DACE,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,CAAC,CAAuC;oBAC/C,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC;wBAAE,OAAO;oBAC9D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;oBACtB,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;iBACjD,IAED,EAAC,IAAI,CAAC,KAAK,sDAAG,CACV;SACP,EACA,CAAC,IAAI,CAAC,OAAO,IAAI,EAAC,IAAI,CAAC,KAAK,sDAAG,CAC3B,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/alert/alert.scss?tag=nano-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../../global/style/nano-theme/tokens' as tokens;\n@use '../../global/style/utilities/mixins' as mx;\n\n:host {\n  /**\n   * @prop --border-radius: defaults to #{tokens.$layer-border-radius};\n   * @prop --border-color: defaults to #{tokens.$layer-border-color};\n   * @prop --border-width: defaults to #{tokens.$layer-border-width};\n   * @prop --background: defaults to #{tokens.$layer-bg-color};\n   * @prop --tint-color: defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --icon-size: defaults to 1.5rem;\n   * @prop --scrim-color: overlay colour of alert display. Defaults to #{tokens.$layer-overlay-dark};\n   * @prop --close-button-color: defaults to #{map.get(tokens.$colors, mediumgrey)} ;\n   */\n\n  --border-radius: #{tokens.$layer-border-radius};\n  --border-color: #{tokens.$layer-border-color};\n  --border-width: #{tokens.$layer-border-width};\n  --background: #{tokens.$layer-bg-color};\n  --tint-color: var(--nano-color-base, #{tokens.nano-color(primary, base)});\n  --icon-size: 2rem;\n  --scrim-color: #{tokens.$layer-overlay-dark};\n  --close-button-color: #{map.get(tokens.$colors, palegrey)};\n\n  display: block;\n}\n\n:host(.nano-color) {\n  --tint-color: var(--nano-color-base, #{tokens.nano-color(primary, base)});\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-block-start-width: 4px;\n  border-block-start-color: var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition:\n    #{tokens.$transition-medium} opacity ease,\n    #{tokens.$transition-fast} transform ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(.alert--showing) {\n    @include mx.hidden;\n  }\n\n  &--open {\n    opacity: 1;\n    transform: none;\n  }\n\n  &--toasty,\n  &--modal {\n    box-shadow: #{tokens.$layer-shadow-large};\n    margin: #{tokens.$spacing-medium};\n  }\n\n  &--modal {\n    &.alert--nodismiss {\n      animation: cannotClose 0.25s ease-in-out 1;\n\n      @keyframes cannotClose {\n        0% {\n          transform: scale(1);\n        }\n\n        50% {\n          transform: scale(1.08);\n        }\n\n        100% {\n          transform: scale(1);\n        }\n      }\n    }\n  }\n}\n\n.alert__content {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: #{tokens.$layer-index-alert};\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: #{tokens.$spacing-medium};\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 #{tokens.$spacing-medium};\n  padding-block: 0;\n}\n\n.alert__footer {\n  padding: 0 #{tokens.$spacing-small} 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n\n  ::slotted(*) {\n    flex: 1;\n    margin: 0 #{tokens.$spacing-small} #{tokens.$spacing-medium} !important;\n  }\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: #{tokens.$transition-fast} opacity;\n  z-index: #{tokens.$layer-index-alert};\n  backdrop-filter: blur(#{tokens.$layer-overlay-blur});\n  pointer-events: all;\n\n  &--open {\n    opacity: 1;\n  }\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--icon-size);\n\n  ::slotted(*), &::slotted(*) {\n    color: var(--tint-color);\n    margin-inline-start: #{tokens.$spacing-medium};\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  Host,\n  VNode,\n  Build,\n} from '@stencil/core';\nimport Modal from '../../utils/modal';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { createColorClasses } from '../../utils/theme';\nimport { transformTag, h } from '../../utils/renderer';\nimport type { Color } from '../../types/shared';\n\nlet toastStackTr: HTMLElement;\nlet toastStackTl: HTMLElement;\nlet toastStackBl: HTMLElement;\nlet toastStackBr: HTMLElement;\n\nif (globalThis['document']) {\n  toastStackTr = Object.assign(document.createElement('div'), {\n    className: 'nano-toast-stack nano-toast-stack--tr',\n  });\n  toastStackTl = Object.assign(document.createElement('div'), {\n    className: 'nano-toast-stack nano-toast-stack--tl',\n  });\n  toastStackBl = Object.assign(document.createElement('div'), {\n    className: 'nano-toast-stack nano-toast-stack--bl',\n  });\n  toastStackBr = Object.assign(document.createElement('div'), {\n    className: 'nano-toast-stack nano-toast-stack--br',\n  });\n}\n\n/**\n * Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n * @slot footer - Place items at the bottom of the alert. Best used with `button` elements - esp when used as with the `alert()` method.\n */\n@Component({\n  tag: 'nano-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert implements ComponentInterface {\n  private autoHideTimeout: ReturnType<typeof setTimeout>;\n  private panel: HTMLElement;\n  private overlay: HTMLElement;\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n  private goingToHide = false;\n  private goingToShow = false;\n\n  @State() isModal = false;\n  @State() isToast = false;\n  @State() isShowing = false;\n  @State() label: string;\n  @State() noDismiss = false;\n\n  @Element() host: HTMLNanoAlertElement;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    if (this.open) this.show();\n    else this.hide();\n  }\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The color to use from the application's color palette. */\n  @Prop({ reflect: true }) color?: Color;\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n   * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /**\n   * Relocate the dialog to the root of the DOM.\n   * Most useful in conjunction with `alert()` when parental elements\n   * have css stacking constraints which don't allow for `position: fixed`\n   */\n  @Prop() hoist = false;\n\n  @Watch('hoist')\n  handleHoistChange() {\n    if (!this.hoist || document.body.children[0] === this.host) return;\n    document.body.prepend(this.host);\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /**\n   * Shows the alert.\n   * @returns a promise that resolves after the alert is shown\n   */\n  @Method()\n  async show() {\n    if (this.goingToShow) return;\n\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return false;\n    }\n\n    this.host.hidden = false;\n    this.goingToShow = true;\n    this.open = true;\n\n    if (Build.isBrowser) {\n      requestAnimationFrame(() => {\n        this.isShowing = true;\n        this.goingToShow = false;\n      });\n    } else {\n      this.isShowing = true;\n      this.goingToShow = false;\n    }\n\n    if (this.duration < Infinity) {\n      clearTimeout(this.autoHideTimeout);\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /**\n   * Hides the alert\n   * @returns a promise that resolves after the alert is hidden\n   */\n  @Method()\n  async hide() {\n    if (this.goingToHide) {\n      return;\n    }\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return false;\n    }\n    this.goingToHide = true;\n    this.open = false;\n\n    requestAnimationFrame(() => (this.goingToHide = false));\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   *\n   * @param position options are tr (top-right - default), tl (top-left), br (bottom-right), bl (bottom-left)\n   * @returns a promise which will resolve after the alert has hidden\n   */\n  @Method()\n  async toast(position: 'tr' | 'tl' | 'bl' | 'br' = 'tr') {\n    this.isToast = true;\n    return new Promise<void>((resolve) => {\n      let toastStack: HTMLElement;\n      switch (position) {\n        case 'tl':\n          toastStack = toastStackTl;\n          break;\n        case 'bl':\n          toastStack = toastStackBl;\n          break;\n        case 'br':\n          toastStack = toastStackBr;\n          break;\n        default:\n          toastStack = toastStackTr;\n          break;\n      }\n\n      if (!toastStack.parentElement) {\n        document.body.appendChild(toastStack);\n      }\n\n      toastStack.appendChild(this.host);\n      this.connectedCallback();\n      this.show();\n\n      const onClose = () => {\n        this.host.remove();\n        this.isToast = false;\n        resolve();\n\n        // Remove the toast stack from the DOM when there are no more alerts\n        if (!toastStack.querySelector(transformTag('nano-alert'))) {\n          toastStack.remove();\n        }\n      };\n\n      this.host.addEventListener('nanoAfterHide', onClose, { once: true });\n      this.host.addEventListener('nano-after-hide', onClose, { once: true });\n    });\n  }\n\n  /**\n   * Displays the alert as a dialog / modal - more akin to a traditional js alert().\n   * @param label a label for assistive technology\n   */\n  @Method()\n  async alert(label: string) {\n    this.isModal = true;\n    this.label = label;\n\n    return new Promise<void>((resolve) => {\n      if (!document.body.contains(this.host)) {\n        document.body.appendChild(this.host);\n      }\n\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      requestAnimationFrame(() => {\n        this.show();\n      });\n\n      const onOpen = () =>\n        requestAnimationFrame(() => this.panel.focus({ preventScroll: true }));\n\n      const onClose = () => {\n        this.modal.deactivate();\n        this.host.remove();\n        this.label = undefined;\n        this.isModal = false;\n        resolve();\n\n        // Restore focus to the original trigger\n        if (\n          this.originalTrigger &&\n          typeof this.originalTrigger.focus === 'function'\n        ) {\n          setTimeout(() => this.originalTrigger.focus());\n        }\n      };\n\n      this.host.addEventListener('nanoAfterShow', onOpen, { once: true });\n      this.host.addEventListener('nano-after-show', onOpen, { once: true });\n\n      this.host.addEventListener('nanoAfterHide', onClose, {\n        once: true,\n      });\n      this.host.addEventListener('nano-after-hide', onClose, {\n        once: true,\n      });\n    });\n  }\n\n  private handleMouseMove = () => {\n    this.restartAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      (event.target === this.panel || event.target === this.overlay)\n    ) {\n      this.host.hidden = !this.open;\n      this.isShowing = this.open;\n\n      if (this.open) this.nanoAfterShow.emit();\n      else this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleButtonClick = (e: PointerEvent & { target: HTMLElement }) => {\n    if (e.defaultPrevented) return;\n    if (e.target.tagName && e.target.tagName.toLowerCase() === 'button')\n      this.hide();\n  };\n\n  private restartAutoHide = () => {\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  };\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    this.handleHoistChange();\n    this.host.addEventListener('click', this.handleButtonClick);\n    this.isShowing = typeof this.host.getAttribute('showing') === 'string';\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.host.removeEventListener('click', this.handleButtonClick);\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open && !this.isShowing) {\n      this.show();\n    }\n  }\n\n  private Panel = (): VNode => {\n    return (\n      <div\n        ref={(div) => (this.panel = div)}\n        part=\"panel\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--toasty': this.isToast,\n          'alert--modal': !!this.isModal,\n          'alert--showing': this.isShowing,\n          'alert--nodismiss': this.noDismiss,\n        }}\n        tabIndex={this.isModal ? 0 : undefined}\n        role={this.isModal ? 'alertdialog' : 'alert'}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.isShowing ? 'false' : 'true'}\n        aria-modal={this.isModal ? 'true' : undefined}\n        aria-label={this.label ? this.label : undefined}\n        onMouseMove={this.handleMouseMove}\n        onTransitionEnd={this.handleTransitionEnd}\n      >\n        <div class=\"alert__content\">\n          <div part=\"icon\" class=\"alert__icon\">\n            <slot name=\"icon\" />\n          </div>\n          <div part=\"message\" class=\"alert__message\">\n            <slot />\n          </div>\n          {this.closable && (\n            <div class=\"alert__close\">\n              <nano-icon-button\n                class=\"alert__close\"\n                iconName=\"light/xmark\"\n                label=\"close menu\"\n                onClick={this.handleCloseClick}\n              ></nano-icon-button>\n            </div>\n          )}\n        </div>\n        <div class=\"alert__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color), 'nano-alert': true }}\n        showing={this.isShowing}\n      >\n        {this.isModal && [\n          <div\n            part=\"overlay\"\n            class={{\n              alert__overlay: true,\n              'alert__overlay--open': this.open,\n            }}\n            ref={(div) => (this.overlay = div)}\n          />,\n          <div\n            class=\"alert__modal-wrap\"\n            onClick={(e: MouseEvent & { target: HTMLElement }) => {\n              if (!e.target.classList.contains('alert__modal-wrap')) return;\n              this.noDismiss = true;\n              setTimeout(() => (this.noDismiss = false), 250);\n            }}\n          >\n            <this.Panel />\n          </div>,\n        ]}\n        {!this.isModal && <this.Panel />}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nano-algolia-filter.js.map

@@ -1 +0,0 @@
-{"file":"nano-algolia-filter.js","mappings":"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","names":[],"sources":["src/components/algolia/algolia-filter.scss?tag=nano-algolia-filter&encapsulation=shadow","src/components/algolia/algolia-filter.tsx"],"sourcesContent":[":host {\n  display: none;\n\n  ::slotted([slot='filter-template']) {\n    display: none !important;\n  }\n}\n\n:host(.show-filter) {\n  display: block;\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  EventEmitter,\n  Event,\n  writeTask,\n  Listen,\n} from '@stencil/core';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\nimport { h } from '../../utils/renderer';\nimport {\n  SearchChangeEvent,\n  Wormhole,\n  WormholeConsumerConstructor,\n} from './algolia-data';\nimport type {\n  IndexResult,\n  FilterChangeEventDetail,\n  AlgoliaFacet,\n} from './algolia-interface';\n\n/**\n * Displays and syncs algolia filters\n * Must be nested within an nano-algolia component.\n * @slot filter-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-filter',\n  shadow: true,\n  styleUrl: 'algolia-filter.scss',\n})\nexport class AlgoliaFilter {\n  @Element() el: HTMLNanoAlgoliaFilterElement;\n\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLElement;\n  private filterId: string = null;\n  private tplDidRnder;\n  private tplWillRnder = new Promise((resolve) => {\n    this.tplDidRnder = resolve;\n  });\n\n  @State() changeEvent: SearchChangeEvent;\n  @State() internalValue: Array<string> = [undefined];\n  @State() showFilter: boolean = false;\n  @State() indexResults: IndexResult = null;\n  @State() filterChanged: string = null;\n  @State() facets: AlgoliaFacet;\n  @State() tplRenderFn: (...args: any[]) => any;\n  @State() globalStoreMethod: StorageMethods;\n\n  /**\n   * Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display\n   */\n  @Prop() filterName: string = null;\n\n  /**\n   * Set values of this filter. Will result in form elements being selected. '|' delimited string or array.\n   */\n  @Prop({ mutable: true }) value: string | Array<string> = '';\n\n  /**\n   * The internal operator joining filter values.\n   */\n  @Prop() operator: 'or' | 'and' = 'or';\n\n  /**\n   * Store search queries (against this ID) to the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  /**\n   * Emitted when the filter value changes\n   */\n  @Event() nanoFilterChanged!: EventEmitter<FilterChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaFilterElement>;\n\n  // Public facing. When changed attempts to 'check' any relevant fields in the template.\n  @Watch('value')\n  valueSet() {\n    const valStr = this.value as string;\n    let vals;\n\n    if (typeof valStr === 'string')\n      vals = valStr.length ? valStr.split('|') : [];\n    else vals = this.value as Array<string>;\n\n    if (this.didValueChange(vals)) {\n      const foundVals = this.setFieldValues(vals);\n      // found in template, set the internal state (this emits the changed event)\n      if (foundVals && foundVals.length) this.internalValue = vals;\n      // not found in template, wait for it to render.\n      else {\n        this.tplWillRnder.then((_) => {\n          this.setFieldValues(vals);\n          this.internalValue = vals;\n        });\n      }\n    }\n  }\n\n  // Value has changed and is reflected in template. Emit event.\n  @Watch('internalValue')\n  valueChanged() {\n    this.value = this.internalValue;\n    this.nanoFilterChanged.emit({\n      filterId: this.filterId,\n      facetName: this.filterName,\n      value: this.internalValue,\n      operator: this.operator,\n    });\n  }\n\n  // New facets from algolia. Update template\n  @Watch('facets')\n  appliedFilterChanged() {\n    if (\n      this.filterName &&\n      this.filterChanged &&\n      (this.filterChanged !== this.filterId || this.operator === 'and')\n    ) {\n      this.updateContent();\n    }\n  }\n\n  @Watch('tplRenderFn')\n  tplUpdate() {\n    this.updateContent();\n  }\n\n  @Watch('indexResults')\n  handleFilterChange() {\n    if (this.indexResults && this.indexResults.appliedFilters) {\n      const foundValue = this.indexResults.appliedFilters.find(\n        (filter) => filter.name === this.filterName\n      );\n      if (!foundValue) return;\n\n      this.tplWillRnder.then((_) => {\n        const foundVals = this.setFieldValues(foundValue.values);\n        if (foundVals && foundVals.length) this.value = foundVals;\n      });\n    }\n    this.updateContent();\n  }\n\n  @Listen('nanoChange')\n  @Listen('change')\n  handleChangeEvent() {\n    const vals = this.getFieldValues();\n    if (this.didValueChange(vals)) {\n      this.internalValue = vals;\n      return true;\n    }\n    return false;\n  }\n\n  private updateContent() {\n    const outputTo = this.outputSlot || this.outputEle;\n    if (!this.el) return;\n\n    // there's no template so show output right away\n    if (!this.templateStr) this.showFilter = true;\n    // there's a template but no index set so hide filters atm\n    else if (\n      !this.filterName ||\n      !outputTo ||\n      (this.templateStr &&\n        (!this.indexResults || !this.indexResults.origFilters[this.filterName]))\n    ) {\n      this.showFilter = false;\n    }\n\n    // there's no output element so nothing else to do\n    if (!outputTo) return;\n\n    // there's no index set atm but get any static filter values so we can apply them\n    if (!this.indexResults) {\n      if (this.templateStr) {\n        writeTask(() => {\n          outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n            orig: {},\n            dyn: {},\n            selected:\n              this.internalValue && this.internalValue.length\n                ? this.internalValue\n                : this.value,\n          });\n          if (!this.value || !this.value.length) this.handleChangeEvent();\n        });\n      } else if (!this.value || !this.value.length) this.handleChangeEvent();\n      return;\n    }\n\n    // everything is in place - render as normal and set values\n    writeTask(() => {\n      outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n        orig: { ...this.indexResults.origFilters[this.filterName] },\n        dyn: { ...this.indexResults.dynFilters[this.filterName] },\n        selected:\n          this.internalValue && this.internalValue.length\n            ? this.internalValue\n            : this.value,\n      });\n      this.tplDidRnder();\n      this.setFieldValues();\n\n      if (!this.showFilter) this.showFilter = true;\n      this.nanoTplUpdated.emit(this.el);\n    });\n  }\n\n  // go through form elements and extract their current value\n  private getFieldValues() {\n    const values = [];\n    const fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      const field = fields[i] as HTMLInputElement;\n\n      // If a multi-select, get all selections\n      if (field.type === 'select-multiple') {\n        const select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!select.options[n].selected || !select.options[n].value.length)\n            continue;\n          values.push(select.options[n].value);\n        }\n      } else if (\n        (field.type !== 'checkbox' && field.type !== 'radio') ||\n        (field.checked && field.value.length)\n      ) {\n        values.push(field.value);\n      }\n    }\n    return values;\n  }\n\n  // go through form elements and select / check them as appropriate\n  private setFieldValues(vals?: string[]): void | string[] {\n    vals = vals || this.internalValue;\n    if (!vals) return;\n\n    const found = [];\n    const fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select, nano-select, nano-checkbox'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      const field = fields[i] as HTMLInputElement;\n\n      if (\n        field.disabled ||\n        field.type === 'file' ||\n        field.type === 'reset' ||\n        field.type === 'submit' ||\n        field.type === 'button'\n      )\n        continue;\n\n      if (field.type === 'select-multiple' || field.type === 'select-one') {\n        const select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!vals.includes(select.options[n].value))\n            select.options[n].selected = false;\n          else {\n            found.push(select.value);\n            select.options[n].selected = true;\n            if (field.type === 'select-one')\n              select.value = select.options[n].value;\n          }\n        }\n      } else if (\n        ['checkbox', 'radio', 'tag', 'segment', 'segment-pill'].includes(\n          field.type\n        )\n      ) {\n        if (vals.includes(field.value)) {\n          found.push(field.value);\n          field.checked = true;\n        } else if (!vals.length && !field.value.length) {\n          field.checked = true;\n        } else field.checked = false;\n      }\n    }\n    return found;\n  }\n\n  private didValueChange(newVal: Array<string>) {\n    if (!!this.internalValue && !newVal) return true;\n    if (!this.internalValue && !newVal) return false;\n    if (this.internalValue && newVal.length !== this.internalValue.length)\n      return true;\n\n    let hasChanged = false;\n    for (let i = 0; i < newVal.length; i++) {\n      if (\n        !hasChanged &&\n        (!this.internalValue || !this.internalValue.includes(newVal[i]))\n      )\n        hasChanged = true;\n    }\n    return hasChanged;\n  }\n\n  connectedCallback() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n    this.filterId = this.filterName + '_' + filterIds++;\n\n    if (this.templateSlot) {\n      this.templateStr = this.templateSlot.innerHTML;\n      this.templateStr = this.templateStr.replace(/=&gt;/gm, '=>');\n    }\n  }\n\n  componentWillLoad() {\n    if (this.storeId)\n      ComponentStore.init(\n        this,\n        ['value'],\n        this.storeMethod || this.globalStoreMethod,\n        this.storeId\n      );\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n\n    if (\n      this.templateStr &&\n      this.filterName &&\n      this.indexResults &&\n      this.indexResults.origFilters[this.filterName]\n    )\n      this.showFilter = true;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-filter': this.showFilter,\n          'nano-filter': true,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaFilter as WormholeConsumerConstructor, [\n  'globalStoreMethod',\n  'indexResults',\n  'filterChanged',\n  'facets',\n  'tplRenderFn',\n  'changeEvent',\n]);\nlet filterIds = 0;\n"],"version":3}

package/dist/components/nano-algolia-pagination.js.map

@@ -1 +0,0 @@
-{"file":"nano-algolia-pagination.js","mappings":";;;;;;MAsBa,iBAAiB;;;;;;;;IAGpB,SAAS,CAAiB;IAC1B,UAAU,CAAc;IACxB,QAAQ,CAAc;IACtB,WAAW,CAAS;IACpB,YAAY,CAAc;IAEzB,WAAW,GAAW,IAAI,CAAC;IAC3B,SAAS,GAAY,KAAK,CAAC;IAC3B,SAAS,GAAY,KAAK,CAAC;IAC3B,IAAI,GAAY,IAAI,CAAC;IACrB,WAAW,CAA0B;IACrC,YAAY,GAAgB,IAAI,CAAC;IACjC,cAAc,GAAY,KAAK,CAAC;;IAGjC,SAAS,GAAW,IAAI,CAAC;;;;IAKxB,eAAe,CAAkC;IAG1D,iBAAiB,MAAK;IAGtB,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;KAClC;;IAID,MAAM,QAAQ,MAAK;;IAInB,MAAM,QAAQ,MAAK;;IAInB,MAAM,QAAQ,CAAC,IAAY;QACzB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpB;IAEO,aAAa;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC;QAClD,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YAC7D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,OAAO;SACR;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QACtE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAE3D,IAAI,IAAI,CAAC,YAAY;YAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;KACvE;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,iBAAiB,EAAE,IAAI,CAAC,IAAI;aAC7B,IAED,4DAAK,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,IACvC,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;AAGH;AACA,QAAQ,CAAC,iBAAgD,EAAE;IACzD,cAAc;IACd,eAAe;IACf,aAAa;CACd,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/algolia/algolia-pagination.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { Wormhole, WormholeConsumerConstructor } from './algolia-data';\nimport type { IndexResult } from './algolia-interface';\n\n/**\n * Displays results from Algolia searches.\n * TODO / WIP */\n@Component({\n  tag: 'nano-algolia-pagination',\n  shadow: true,\n})\nexport class AlgoliaPagination {\n  @Element() el: HTMLNanoAlgoliaPaginationElement;\n\n  private outputEle: HTMLDivElement;\n  private outputSlot: HTMLElement;\n  private outputTo: HTMLElement;\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n\n  @State() currentPage: number = null;\n  @State() canGoPrev: boolean = false;\n  @State() canGoNext: boolean = false;\n  @State() show: boolean = true;\n  @State() tplRenderFn: (...args: any[]) => any;\n  @State() indexResults: IndexResult = null;\n  @State() infiniteScroll: boolean = false;\n\n  /** Max number of page numbers to show */\n  @Prop() maxToShow: number = null;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<{ page: number }>;\n\n  @Watch('currentPage')\n  currentPageChange() {}\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.show = !this.infiniteScroll;\n  }\n\n  /** Go to next page from current */\n  @Method()\n  async nextPage() {}\n\n  /** Go to previous page from current */\n  @Method()\n  async prevPage() {}\n\n  /** Go to a particular page */\n  @Method()\n  async goToPage(page: number) {\n    console.info(page);\n  }\n\n  private updateContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n    if (!this.templateStr || !this.outputTo || !this.indexResults) {\n      this.show = false;\n      return;\n    }\n  }\n\n  componentWillLoad() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n\n    if (this.templateSlot) this.templateStr = this.templateSlot.innerHTML;\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-pagination': this.show,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\n// Use the injectProps method to pass from the tunnel as props to the component\nWormhole(AlgoliaPagination as WormholeConsumerConstructor, [\n  'indexResults',\n  'filterChanged',\n  'tplRenderFn',\n]);\n"],"version":3}

package/dist/components/nano-algolia-results.js.map

@@ -1 +0,0 @@
-{"file":"nano-algolia-results.js","mappings":"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","names":[],"sources":["src/components/algolia/algolia-results.tsx"],"sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  Watch,\n  State,\n  Build,\n  EventEmitter,\n  Event,\n  Prop,\n  readTask,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport { Wormhole, SearchChangeEvent } from './algolia-data';\nimport type {\n  IndexResult,\n  AlgoliaResultHit,\n  PageChangeEventDetail,\n  AlgoliaFacet,\n} from './algolia-interface';\n\n/**\n * Displays and syncs results from Algolia searches.\n * Must be nested within an nano-algolia component.\n * @slot start-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot start-output - A placeholder for template output.\n * @slot result-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot result-output - A placeholder for template output.\n * @slot end-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot end-output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-results',\n  shadow: true,\n})\nexport class AlgoliaResults {\n  @Element() el: HTMLNanoAlgoliaResultsElement;\n\n  private resultTpl: string;\n  private resultTplSlot: HTMLElement;\n  private startTpl: string;\n  private startTplSlot: HTMLElement;\n  private endTpl: string;\n  private endTplSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLDivElement;\n  private outputTo: HTMLElement;\n  private startOutputSlot: HTMLElement;\n  private endOutputSlot: HTMLElement;\n\n  private io?: IntersectionObserver;\n  private infiniteScrollBar: HTMLDivElement;\n  private append: boolean = false;\n  private shouldClear: boolean = true;\n  private currHitNum: number = 0;\n\n  @State() showResults: boolean = false;\n  @State() tplRenderFn: (...args: any[]) => any;\n  @State() results: AlgoliaResultHit[] = null;\n  @State() indexResults: IndexResult = null;\n  @State() resultsPage: number = 0;\n  @State() changeEvent: SearchChangeEvent = SearchChangeEvent.Init;\n  @State() facets: AlgoliaFacet;\n  @State() isLoading: boolean = true;\n\n  /**\n   * Load and append pages automatically on scroll\n   */\n  @Prop() infiniteScroll: boolean = false;\n\n  /**\n   * Whether new pages loaded by pagination will replace or be appended to the results block\n   * (this will be ignored if 'infiniteScroll' is set to true)\n   */\n  @Prop() appendPages: boolean = false;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<PageChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaResultsElement>;\n\n  // For append / infinite-scroll it's useful to have a universal index on render\n  @Watch('results')\n  addContentIndex() {\n    this.shouldPageClear();\n    if (this.shouldClear || this.resultsPage === 0) this.currHitNum = 0;\n    if (this.indexResults && this.indexResults.results) {\n      this.indexResults.results.map((res) => {\n        (res as any)._uIndex = this.currHitNum++;\n      });\n    }\n  }\n\n  // Update content template and perhaps add IO for infinite scrolling\n  @Watch('results')\n  @Watch('tplRenderFn')\n  resultsChange() {\n    this.shouldPageClear();\n    // console.log('going to do update', this.resultsPage, this.results.length);\n    this.updateResultContent();\n    this.infiniteScrollChange();\n  }\n\n  // We have a foot / head slot template.\n  // Can be useful to display current filter / search meta\n  @Watch('facets')\n  headerFooterChange() {\n    this.updateStartEndContent();\n  }\n\n  @Watch('appendPages')\n  appendChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n  }\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n    if (this.infiniteScroll) this.attachIO();\n    else this.detachIO();\n  }\n\n  @Watch('resultsPage')\n  handlePageChage() {\n    if (this.infiniteScroll) this.attachIO();\n    else this.detachIO();\n  }\n\n  @Watch('isLoading')\n  handleLoading() {\n    if (!this.isLoading) this.infiniteScrollChange();\n  }\n\n  // Decide whether incoming content should clear or not.\n  // if incoming change event is from a pagechange AND the current page is 0 OR appendPages option set...\n  // Then leave up to the current, set append behaviour. Other clear it all out.\n  private shouldPageClear() {\n    this.shouldClear =\n      this.changeEvent === SearchChangeEvent.Page ? !this.append : true;\n  }\n\n  // Called by IO. Emits page change event to parent which then iterated the global page count.\n  private nextPage() {\n    this.shouldClear = !this.append;\n    this.nanoPageChanged.emit({ page: this.resultsPage + 1 });\n  }\n\n  private attachIO() {\n    if (\n      !this.infiniteScrollBar ||\n      !this.infiniteScroll ||\n      this.io ||\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    )\n      return;\n\n    this.io = new (window as any).IntersectionObserver(\n      async (data: IntersectionObserverEntry[]) => {\n        if (data[0].isIntersecting || (data[1] && data[1].isIntersecting)) {\n          this.nextPage();\n          this.detachIO();\n        }\n      },\n      { document, rootMargin: '100px', threshold: 1 }\n    );\n    this.io.observe(this.infiniteScrollBar);\n  }\n\n  private detachIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = null;\n    }\n  }\n\n  private updateStartEndContent() {\n    // clear start slot if present\n    if (this.startTpl && this.startOutputSlot) {\n      this.startOutputSlot.innerHTML = this.tplRenderFn(\n        this.startTpl,\n        this.indexResults\n      );\n    }\n    // clear end slot if present\n    if (this.endOutputSlot && this.endTpl) {\n      this.endOutputSlot.innerHTML = this.tplRenderFn(\n        this.endTpl,\n        this.indexResults\n      );\n    }\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  private updateResultContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n\n    if (!this.resultTpl || !this.indexResults) return;\n\n    // after filtering or new index - clear all content.\n    // after pagination when the 'appendPages' set to true - don't clear results content\n    if (this.shouldClear) this.outputTo.innerHTML = '';\n\n    if (!this.tplRenderFn) return;\n\n    const div = document.createElement('div');\n    div.innerHTML = this.tplRenderFn(this.resultTpl, this.indexResults);\n\n    Array.from(div.children).forEach((child) => {\n      this.outputTo.appendChild(child);\n    });\n\n    this.shouldClear = true;\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  connectedCallback() {\n    readTask(() => {\n      this.startTplSlot = this.el.querySelector('[slot=\"start-template\"]');\n      this.startOutputSlot = this.el.querySelector('[slot=\"start-output\"]');\n      if (this.startTplSlot) {\n        this.startTpl = this.startTplSlot.innerHTML;\n        this.startTpl = this.startTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.resultTplSlot = this.el.querySelector('[slot=\"result-template\"]');\n      this.outputSlot = this.el.querySelector('[slot=\"result-output\"]');\n      if (this.resultTplSlot) {\n        this.resultTpl = this.resultTplSlot.innerHTML;\n        this.resultTpl = this.resultTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.endTplSlot = this.el.querySelector('[slot=\"end-template\"]');\n      this.endOutputSlot = this.el.querySelector('[slot=\"end-output\"]');\n      if (this.endTplSlot) {\n        this.endTpl = this.endTplSlot.innerHTML;\n        this.endTpl = this.endTpl.replace(/=&gt;/gm, '=>');\n      }\n      if (this.indexResults) {\n        this.addContentIndex();\n        this.updateResultContent();\n      }\n    });\n  }\n\n  componentDidLoad() {\n    this.updateStartEndContent();\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-results': this.showResults,\n          'nano-results': true,\n        }}\n      >\n        <div class=\"default\">\n          <slot />\n        </div>\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"start-output\" />\n          <slot name=\"result-output\" />\n          <div ref={(div) => (this.infiniteScrollBar = div)}></div>\n          <slot name=\"end-output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaResults, [\n  'indexResults',\n  'results',\n  'tplRenderFn',\n  'resultsPage',\n  'changeEvent',\n  'facets',\n  'isLoading',\n]);\n"],"version":3}

package/dist/components/nano-algolia.js.map

@@ -1 +0,0 @@
-{"file":"nano-algolia.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/nano-animation.js.map

@@ -1 +0,0 @@
-{"file":"nano-animation.js","mappings":"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","names":["NanoAnimation"],"sources":["src/components/animation/animations/attention_seekers/bounce.js","src/components/animation/animations/attention_seekers/flash.js","src/components/animation/animations/attention_seekers/headShake.js","src/components/animation/animations/attention_seekers/heartBeat.js","src/components/animation/animations/attention_seekers/jello.js","src/components/animation/animations/attention_seekers/pulse.js","src/components/animation/animations/attention_seekers/rubberBand.js","src/components/animation/animations/attention_seekers/shake.js","src/components/animation/animations/attention_seekers/shakeX.js","src/components/animation/animations/attention_seekers/shakeY.js","src/components/animation/animations/attention_seekers/swing.js","src/components/animation/animations/attention_seekers/tada.js","src/components/animation/animations/attention_seekers/wobble.js","src/components/animation/animations/back_entrances/backInDown.js","src/components/animation/animations/back_entrances/backInLeft.js","src/components/animation/animations/back_entrances/backInRight.js","src/components/animation/animations/back_entrances/backInUp.js","src/components/animation/animations/back_exits/backOutDown.js","src/components/animation/animations/back_exits/backOutLeft.js","src/components/animation/animations/back_exits/backOutRight.js","src/components/animation/animations/back_exits/backOutUp.js","src/components/animation/animations/bouncing_entrances/bounceIn.js","src/components/animation/animations/bouncing_entrances/bounceInDown.js","src/components/animation/animations/bouncing_entrances/bounceInLeft.js","src/components/animation/animations/bouncing_entrances/bounceInRight.js","src/components/animation/animations/bouncing_entrances/bounceInUp.js","src/components/animation/animations/bouncing_exits/bounceOut.js","src/components/animation/animations/bouncing_exits/bounceOutDown.js","src/components/animation/animations/bouncing_exits/bounceOutLeft.js","src/components/animation/animations/bouncing_exits/bounceOutRight.js","src/components/animation/animations/bouncing_exits/bounceOutUp.js","src/components/animation/animations/fading_entrances/fadeIn.js","src/components/animation/animations/fading_entrances/fadeInBottomLeft.js","src/components/animation/animations/fading_entrances/fadeInBottomRight.js","src/components/animation/animations/fading_entrances/fadeInDown.js","src/components/animation/animations/fading_entrances/fadeInDownBig.js","src/components/animation/animations/fading_entrances/fadeInLeft.js","src/components/animation/animations/fading_entrances/fadeInLeftBig.js","src/components/animation/animations/fading_entrances/fadeInRight.js","src/components/animation/animations/fading_entrances/fadeInRightBig.js","src/components/animation/animations/fading_entrances/fadeInTopLeft.js","src/components/animation/animations/fading_entrances/fadeInTopRight.js","src/components/animation/animations/fading_entrances/fadeInUp.js","src/components/animation/animations/fading_entrances/fadeInUpBig.js","src/components/animation/animations/fading_exits/fadeOut.js","src/components/animation/animations/fading_exits/fadeOutBottomLeft.js","src/components/animation/animations/fading_exits/fadeOutBottomRight.js","src/components/animation/animations/fading_exits/fadeOutDown.js","src/components/animation/animations/fading_exits/fadeOutDownBig.js","src/components/animation/animations/fading_exits/fadeOutLeft.js","src/components/animation/animations/fading_exits/fadeOutLeftBig.js","src/components/animation/animations/fading_exits/fadeOutRight.js","src/components/animation/animations/fading_exits/fadeOutRightBig.js","src/components/animation/animations/fading_exits/fadeOutTopLeft.js","src/components/animation/animations/fading_exits/fadeOutTopRight.js","src/components/animation/animations/fading_exits/fadeOutUp.js","src/components/animation/animations/fading_exits/fadeOutUpBig.js","src/components/animation/animations/flippers/flip.js","src/components/animation/animations/flippers/flipInX.js","src/components/animation/animations/flippers/flipInY.js","src/components/animation/animations/flippers/flipOutX.js","src/components/animation/animations/flippers/flipOutY.js","src/components/animation/animations/lightspeed/lightSpeedInLeft.js","src/components/animation/animations/lightspeed/lightSpeedInRight.js","src/components/animation/animations/lightspeed/lightSpeedOutLeft.js","src/components/animation/animations/lightspeed/lightSpeedOutRight.js","src/components/animation/animations/rotating_entrances/rotateIn.js","src/components/animation/animations/rotating_entrances/rotateInDownLeft.js","src/components/animation/animations/rotating_entrances/rotateInDownRight.js","src/components/animation/animations/rotating_entrances/rotateInUpLeft.js","src/components/animation/animations/rotating_entrances/rotateInUpRight.js","src/components/animation/animations/rotating_exits/rotateOut.js","src/components/animation/animations/rotating_exits/rotateOutDownLeft.js","src/components/animation/animations/rotating_exits/rotateOutDownRight.js","src/components/animation/animations/rotating_exits/rotateOutUpLeft.js","src/components/animation/animations/rotating_exits/rotateOutUpRight.js","src/components/animation/animations/sliding_entrances/slideInDown.js","src/components/animation/animations/sliding_entrances/slideInLeft.js","src/components/animation/animations/sliding_entrances/slideInRight.js","src/components/animation/animations/sliding_entrances/slideInUp.js","src/components/animation/animations/sliding_exits/slideOutDown.js","src/components/animation/animations/sliding_exits/slideOutLeft.js","src/components/animation/animations/sliding_exits/slideOutRight.js","src/components/animation/animations/sliding_exits/slideOutUp.js","src/components/animation/animations/specials/hinge.js","src/components/animation/animations/specials/jackInTheBox.js","src/components/animation/animations/specials/rollIn.js","src/components/animation/animations/specials/rollOut.js","src/components/animation/animations/zooming_entrances/zoomIn.js","src/components/animation/animations/zooming_entrances/zoomInDown.js","src/components/animation/animations/zooming_entrances/zoomInLeft.js","src/components/animation/animations/zooming_entrances/zoomInRight.js","src/components/animation/animations/zooming_entrances/zoomInUp.js","src/components/animation/animations/zooming_exits/zoomOut.js","src/components/animation/animations/zooming_exits/zoomOutDown.js","src/components/animation/animations/zooming_exits/zoomOutLeft.js","src/components/animation/animations/zooming_exits/zoomOutRight.js","src/components/animation/animations/zooming_exits/zoomOutUp.js","src/components/animation/animations/easings/easings.ts","src/components/animation/animations/index.ts","src/components/animation/animation.tsx"],"sourcesContent":["export const bounce = [\n  {\n    offset: 0,\n    easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n    transform: 'translate3d(0, 0, 0)',\n  },\n  {\n    offset: 0.2,\n    easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n    transform: 'translate3d(0, 0, 0)',\n  },\n  {\n    offset: 0.4,\n    easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n    transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n  },\n  {\n    offset: 0.43,\n    easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n    transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n  },\n  {\n    offset: 0.53,\n    easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n    transform: 'translate3d(0, 0, 0)',\n  },\n  {\n    offset: 0.7,\n    easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n    transform: 'translate3d(0, -15px, 0) scaleY(1.05)',\n  },\n  {\n    offset: 0.8,\n    'transition-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n    transform: 'translate3d(0, 0, 0) scaleY(0.95)',\n  },\n  { offset: 0.9, transform: 'translate3d(0, -4px, 0) scaleY(1.02)' },\n  {\n    offset: 1,\n    easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n    transform: 'translate3d(0, 0, 0)',\n  },\n];\n","export const flash = [\n  { offset: 0, opacity: '1' },\n  { offset: 0.25, opacity: '0' },\n  { offset: 0.5, opacity: '1' },\n  { offset: 0.75, opacity: '0' },\n  { offset: 1, opacity: '1' },\n];\n","export const headShake = [\n  { offset: 0, transform: 'translateX(0)' },\n  { offset: 0.065, transform: 'translateX(-6px) rotateY(-9deg)' },\n  { offset: 0.185, transform: 'translateX(5px) rotateY(7deg)' },\n  { offset: 0.315, transform: 'translateX(-3px) rotateY(-5deg)' },\n  { offset: 0.435, transform: 'translateX(2px) rotateY(3deg)' },\n  { offset: 0.5, transform: 'translateX(0)' },\n];\n","export const heartBeat = [\n  { offset: 0, transform: 'scale(1)' },\n  { offset: 0.14, transform: 'scale(1.3)' },\n  { offset: 0.28, transform: 'scale(1)' },\n  { offset: 0.42, transform: 'scale(1.3)' },\n  { offset: 0.7, transform: 'scale(1)' },\n];\n","export const jello = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 0.111, transform: 'translate3d(0, 0, 0)' },\n  { offset: 0.222, transform: 'skewX(-12.5deg) skewY(-12.5deg)' },\n  { offset: 0.33299999999999996, transform: 'skewX(6.25deg) skewY(6.25deg)' },\n  { offset: 0.444, transform: 'skewX(-3.125deg) skewY(-3.125deg)' },\n  { offset: 0.555, transform: 'skewX(1.5625deg) skewY(1.5625deg)' },\n  {\n    offset: 0.6659999999999999,\n    transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',\n  },\n  { offset: 0.777, transform: 'skewX(0.390625deg) skewY(0.390625deg)' },\n  { offset: 0.888, transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const pulse = [\n  { offset: 0, transform: 'scale3d(1, 1, 1)' },\n  { offset: 0.5, transform: 'scale3d(1.05, 1.05, 1.05)' },\n  { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const rubberBand = [\n  { offset: 0, transform: 'scale3d(1, 1, 1)' },\n  { offset: 0.3, transform: 'scale3d(1.25, 0.75, 1)' },\n  { offset: 0.4, transform: 'scale3d(0.75, 1.25, 1)' },\n  { offset: 0.5, transform: 'scale3d(1.15, 0.85, 1)' },\n  { offset: 0.65, transform: 'scale3d(0.95, 1.05, 1)' },\n  { offset: 0.75, transform: 'scale3d(1.05, 0.95, 1)' },\n  { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const shake = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const shakeX = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },\n  { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const shakeY = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 0.1, transform: 'translate3d(0, -10px, 0)' },\n  { offset: 0.2, transform: 'translate3d(0, 10px, 0)' },\n  { offset: 0.3, transform: 'translate3d(0, -10px, 0)' },\n  { offset: 0.4, transform: 'translate3d(0, 10px, 0)' },\n  { offset: 0.5, transform: 'translate3d(0, -10px, 0)' },\n  { offset: 0.6, transform: 'translate3d(0, 10px, 0)' },\n  { offset: 0.7, transform: 'translate3d(0, -10px, 0)' },\n  { offset: 0.8, transform: 'translate3d(0, 10px, 0)' },\n  { offset: 0.9, transform: 'translate3d(0, -10px, 0)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const swing = [\n  { offset: 0.2, transform: 'rotate3d(0, 0, 1, 15deg)' },\n  { offset: 0.4, transform: 'rotate3d(0, 0, 1, -10deg)' },\n  { offset: 0.6, transform: 'rotate3d(0, 0, 1, 5deg)' },\n  { offset: 0.8, transform: 'rotate3d(0, 0, 1, -5deg)' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, 0deg)' },\n];\n","export const tada = [\n  { offset: 0, transform: 'scale3d(1, 1, 1)' },\n  { offset: 0.1, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },\n  { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },\n  { offset: 0.3, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n  { offset: 0.4, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n  { offset: 0.5, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n  { offset: 0.6, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n  { offset: 0.7, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n  { offset: 0.8, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n  { offset: 0.9, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n  { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const wobble = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  {\n    offset: 0.15,\n    transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',\n  },\n  { offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },\n  {\n    offset: 0.45,\n    transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',\n  },\n  { offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },\n  {\n    offset: 0.75,\n    transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',\n  },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const backInDown = [\n  { offset: 0, transform: 'translateY(-1200px) scale(0.7)', opacity: '0.7' },\n  { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInLeft = [\n  { offset: 0, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },\n  { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInRight = [\n  { offset: 0, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },\n  { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInUp = [\n  { offset: 0, transform: 'translateY(1200px) scale(0.7)', opacity: '0.7' },\n  { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backOutDown = [\n  { offset: 0, transform: 'scale(1)', opacity: '1' },\n  { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'translateY(700px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutLeft = [\n  { offset: 0, transform: 'scale(1)', opacity: '1' },\n  { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutRight = [\n  { offset: 0, transform: 'scale(1)', opacity: '1' },\n  { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutUp = [\n  { offset: 0, transform: 'scale(1)', opacity: '1' },\n  { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n  { offset: 1, transform: 'translateY(-700px) scale(0.7)', opacity: '0.7' },\n];\n","export const bounceIn = [\n  { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.2, transform: 'scale3d(1.1, 1.1, 1.1)' },\n  { offset: 0.2, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.4, transform: 'scale3d(0.9, 0.9, 0.9)' },\n  { offset: 0.4, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.6, opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)' },\n  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.8, transform: 'scale3d(0.97, 0.97, 0.97)' },\n  { offset: 0.8, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 1, opacity: '1', transform: 'scale3d(1, 1, 1)' },\n  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInDown = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'translate3d(0, -3000px, 0) scaleY(3)',\n  },\n  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'translate3d(0, 25px, 0) scaleY(0.9)',\n  },\n  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.75, transform: 'translate3d(0, -10px, 0) scaleY(0.95)' },\n  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.9, transform: 'translate3d(0, 5px, 0) scaleY(0.985)' },\n  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInLeft = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'translate3d(-3000px, 0, 0) scaleX(3)',\n  },\n  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.6, opacity: '1', transform: 'translate3d(25px, 0, 0) scaleX(1)' },\n  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.75, transform: 'translate3d(-10px, 0, 0) scaleX(0.98)' },\n  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.9, transform: 'translate3d(5px, 0, 0) scaleX(0.995)' },\n  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInRight = [\n  { offset: 0, opacity: '0', transform: 'translate3d(3000px, 0, 0) scaleX(3)' },\n  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'translate3d(-25px, 0, 0) scaleX(1)',\n  },\n  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.75, transform: 'translate3d(10px, 0, 0) scaleX(0.98)' },\n  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.9, transform: 'translate3d(-5px, 0, 0) scaleX(0.995)' },\n  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInUp = [\n  { offset: 0, opacity: '0', transform: 'translate3d(0, 3000px, 0) scaleY(5)' },\n  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n  },\n  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.75, transform: 'translate3d(0, 10px, 0) scaleY(0.95)' },\n  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 0.9, transform: 'translate3d(0, -5px, 0) scaleY(0.985)' },\n  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceOut = [\n  { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9)' },\n  { offset: 0.5, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },\n  { offset: 0.55, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },\n  { offset: 1, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n];\n","export const bounceOutDown = [\n  { offset: 0.2, transform: 'translate3d(0, 10px, 0) scaleY(0.985)' },\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n  },\n  {\n    offset: 0.45,\n    opacity: '1',\n    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n  },\n  { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0) scaleY(3)' },\n];\n","export const bounceOutLeft = [\n  {\n    offset: 0.2,\n    opacity: '1',\n    transform: 'translate3d(20px, 0, 0) scaleX(0.9)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'translate3d(-2000px, 0, 0) scaleX(2)',\n  },\n];\n","export const bounceOutRight = [\n  {\n    offset: 0.2,\n    opacity: '1',\n    transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',\n  },\n  { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0) scaleX(2)' },\n];\n","export const bounceOutUp = [\n  { offset: 0.2, transform: 'translate3d(0, -10px, 0) scaleY(0.985)' },\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'translate3d(0, 20px, 0) scaleY(0.9)',\n  },\n  {\n    offset: 0.45,\n    opacity: '1',\n    transform: 'translate3d(0, 20px, 0) scaleY(0.9)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'translate3d(0, -2000px, 0) scaleY(3)',\n  },\n];\n","export const fadeIn = [\n  { offset: 0, opacity: '0' },\n  { offset: 1, opacity: '1' },\n];\n","export const fadeInBottomLeft = [\n  { offset: 0, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInBottomRight = [\n  { offset: 0, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInDown = [\n  { offset: 0, opacity: '0', transform: 'translate3d(0, -100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInDownBig = [\n  { offset: 0, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInLeft = [\n  { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInLeftBig = [\n  { offset: 0, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInRight = [\n  { offset: 0, opacity: '0', transform: 'translate3d(100%, 0, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInRightBig = [\n  { offset: 0, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInTopLeft = [\n  { offset: 0, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInTopRight = [\n  { offset: 0, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInUp = [\n  { offset: 0, opacity: '0', transform: 'translate3d(0, 100%, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInUpBig = [\n  { offset: 0, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeOut = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0' },\n];\n","export const fadeOutBottomLeft = [\n  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },\n];\n","export const fadeOutBottomRight = [\n  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },\n];\n","export const fadeOutDown = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(0, 100%, 0)' },\n];\n","export const fadeOutDownBig = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },\n];\n","export const fadeOutLeft = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },\n];\n","export const fadeOutLeftBig = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },\n];\n","export const fadeOutRight = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0)' },\n];\n","export const fadeOutRightBig = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },\n];\n","export const fadeOutTopLeft = [\n  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },\n];\n","export const fadeOutTopRight = [\n  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },\n];\n","export const fadeOutUp = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(0, -100%, 0)' },\n];\n","export const fadeOutUpBig = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },\n];\n","export const flip = [\n  {\n    offset: 0,\n    transform:\n      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',\n    easing: 'ease-out',\n  },\n  {\n    offset: 0.4,\n    transform:\n      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\\n      rotate3d(0, 1, 0, -190deg)',\n    easing: 'ease-out',\n  },\n  {\n    offset: 0.5,\n    transform:\n      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\\n      rotate3d(0, 1, 0, -170deg)',\n    easing: 'ease-in',\n  },\n  {\n    offset: 0.8,\n    transform:\n      'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\\n      rotate3d(0, 1, 0, 0deg)',\n    easing: 'ease-in',\n  },\n  {\n    offset: 1,\n    transform:\n      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',\n    easing: 'ease-in',\n  },\n];\n","export const flipInX = [\n  {\n    offset: 0,\n    transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n    easing: 'ease-in',\n    opacity: '0',\n  },\n  {\n    offset: 0.4,\n    transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n    easing: 'ease-in',\n  },\n  {\n    offset: 0.6,\n    transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',\n    opacity: '1',\n  },\n  { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },\n  { offset: 1, transform: 'perspective(400px)' },\n];\n","export const flipInY = [\n  {\n    offset: 0,\n    transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',\n    easing: 'ease-in',\n    opacity: '0',\n  },\n  {\n    offset: 0.4,\n    transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',\n    easing: 'ease-in',\n  },\n  {\n    offset: 0.6,\n    transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',\n    opacity: '1',\n  },\n  { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },\n  { offset: 1, transform: 'perspective(400px)' },\n];\n","export const flipOutX = [\n  { offset: 0, transform: 'perspective(400px)' },\n  {\n    offset: 0.3,\n    transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n    opacity: '1',\n  },\n  {\n    offset: 1,\n    transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n    opacity: '0',\n  },\n];\n","export const flipOutY = [\n  { offset: 0, transform: 'perspective(400px)' },\n  {\n    offset: 0.3,\n    transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',\n    opacity: '1',\n  },\n  {\n    offset: 1,\n    transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',\n    opacity: '0',\n  },\n];\n","export const lightSpeedInLeft = [\n  {\n    offset: 0,\n    transform: 'translate3d(-100%, 0, 0) skewX(30deg)',\n    opacity: '0',\n  },\n  { offset: 0.6, transform: 'skewX(-20deg)', opacity: '1' },\n  { offset: 0.8, transform: 'skewX(5deg)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const lightSpeedInRight = [\n  {\n    offset: 0,\n    transform: 'translate3d(100%, 0, 0) skewX(-30deg)',\n    opacity: '0',\n  },\n  { offset: 0.6, transform: 'skewX(20deg)', opacity: '1' },\n  { offset: 0.8, transform: 'skewX(-5deg)' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const lightSpeedOutLeft = [\n  { offset: 0, opacity: '1' },\n  {\n    offset: 1,\n    transform: 'translate3d(-100%, 0, 0) skewX(-30deg)',\n    opacity: '0',\n  },\n];\n","export const lightSpeedOutRight = [\n  { offset: 0, opacity: '1' },\n  {\n    offset: 1,\n    transform: 'translate3d(100%, 0, 0) skewX(30deg)',\n    opacity: '0',\n  },\n];\n","export const rotateIn = [\n  { offset: 0, transform: 'rotate3d(0, 0, 1, -200deg)', opacity: '0' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInDownLeft = [\n  { offset: 0, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInDownRight = [\n  { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInUpLeft = [\n  { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInUpRight = [\n  { offset: 0, transform: 'rotate3d(0, 0, 1, -90deg)', opacity: '0' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateOut = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, 200deg)', opacity: '0' },\n];\n","export const rotateOutDownLeft = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n];\n","export const rotateOutDownRight = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n];\n","export const rotateOutUpLeft = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n];\n","export const rotateOutUpRight = [\n  { offset: 0, opacity: '1' },\n  { offset: 1, transform: 'rotate3d(0, 0, 1, 90deg)', opacity: '0' },\n];\n","export const slideInDown = [\n  { offset: 0, transform: 'translate3d(0, -100%, 0)', visibility: 'visible' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInLeft = [\n  { offset: 0, transform: 'translate3d(-100%, 0, 0)', visibility: 'visible' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInRight = [\n  { offset: 0, transform: 'translate3d(100%, 0, 0)', visibility: 'visible' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInUp = [\n  { offset: 0, transform: 'translate3d(0, 100%, 0)', visibility: 'visible' },\n  { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideOutDown = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, visibility: 'hidden', transform: 'translate3d(0, 100%, 0)' },\n];\n","export const slideOutLeft = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, visibility: 'hidden', transform: 'translate3d(-100%, 0, 0)' },\n];\n","export const slideOutRight = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, visibility: 'hidden', transform: 'translate3d(100%, 0, 0)' },\n];\n","export const slideOutUp = [\n  { offset: 0, transform: 'translate3d(0, 0, 0)' },\n  { offset: 1, visibility: 'hidden', transform: 'translate3d(0, -100%, 0)' },\n];\n","export const hinge = [\n  { offset: 0, easing: 'ease-in-out' },\n  { offset: 0.2, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },\n  {\n    offset: 0.4,\n    transform: 'rotate3d(0, 0, 1, 60deg)',\n    easing: 'ease-in-out',\n    opacity: '1',\n  },\n  { offset: 0.6, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },\n  {\n    offset: 0.8,\n    transform: 'rotate3d(0, 0, 1, 60deg)',\n    easing: 'ease-in-out',\n    opacity: '1',\n  },\n  { offset: 1, transform: 'translate3d(0, 700px, 0)', opacity: '0' },\n];\n","export const jackInTheBox = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'scale(0.1) rotate(30deg)',\n    'transform-origin': 'center bottom',\n  },\n  { offset: 0.5, transform: 'rotate(-10deg)' },\n  { offset: 0.7, transform: 'rotate(3deg)' },\n  { offset: 1, opacity: '1', transform: 'scale(1)' },\n];\n","export const rollIn = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',\n  },\n  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const rollOut = [\n  { offset: 0, opacity: '1' },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',\n  },\n];\n","export const zoomIn = [\n  { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n  { offset: 0.5, opacity: '1' },\n];\n","export const zoomInDown = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const zoomInLeft = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const zoomInRight = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const zoomInUp = [\n  {\n    offset: 0,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 0.6,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const zoomOut = [\n  { offset: 0, opacity: '1' },\n  { offset: 0.5, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n  { offset: 1, opacity: '0' },\n];\n","export const zoomOutDown = [\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const zoomOutLeft = [\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'scale(0.1) translate3d(-2000px, 0, 0)',\n  },\n];\n","export const zoomOutRight = [\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'scale(0.1) translate3d(2000px, 0, 0)',\n  },\n];\n","export const zoomOutUp = [\n  {\n    offset: 0.4,\n    opacity: '1',\n    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  },\n  {\n    offset: 1,\n    opacity: '0',\n    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',\n    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n  },\n];\n","export const easings = {\n  linear: 'linear',\n  ease: 'ease',\n  easeIn: 'ease-in',\n  easeOut: 'ease-out',\n  easeInOut: 'ease-in-out',\n  easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n  easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n  easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n  easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n  easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n  easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n  easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n  easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n  easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',\n  easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',\n  easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n  easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',\n  easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n  easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n  easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n  easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n  easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n  easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const;\n","import { bounce } from './attention_seekers/bounce.js';\nimport { flash } from './attention_seekers/flash.js';\nimport { headShake } from './attention_seekers/headShake.js';\nimport { heartBeat } from './attention_seekers/heartBeat.js';\nimport { jello } from './attention_seekers/jello.js';\nimport { pulse } from './attention_seekers/pulse.js';\nimport { rubberBand } from './attention_seekers/rubberBand.js';\nimport { shake } from './attention_seekers/shake.js';\nimport { shakeX } from './attention_seekers/shakeX.js';\nimport { shakeY } from './attention_seekers/shakeY.js';\nimport { swing } from './attention_seekers/swing.js';\nimport { tada } from './attention_seekers/tada.js';\nimport { wobble } from './attention_seekers/wobble.js';\nimport { backInDown } from './back_entrances/backInDown.js';\nimport { backInLeft } from './back_entrances/backInLeft.js';\nimport { backInRight } from './back_entrances/backInRight.js';\nimport { backInUp } from './back_entrances/backInUp.js';\nimport { backOutDown } from './back_exits/backOutDown.js';\nimport { backOutLeft } from './back_exits/backOutLeft.js';\nimport { backOutRight } from './back_exits/backOutRight.js';\nimport { backOutUp } from './back_exits/backOutUp.js';\nimport { bounceIn } from './bouncing_entrances/bounceIn.js';\nimport { bounceInDown } from './bouncing_entrances/bounceInDown.js';\nimport { bounceInLeft } from './bouncing_entrances/bounceInLeft.js';\nimport { bounceInRight } from './bouncing_entrances/bounceInRight.js';\nimport { bounceInUp } from './bouncing_entrances/bounceInUp.js';\nimport { bounceOut } from './bouncing_exits/bounceOut.js';\nimport { bounceOutDown } from './bouncing_exits/bounceOutDown.js';\nimport { bounceOutLeft } from './bouncing_exits/bounceOutLeft.js';\nimport { bounceOutRight } from './bouncing_exits/bounceOutRight.js';\nimport { bounceOutUp } from './bouncing_exits/bounceOutUp.js';\nimport { fadeIn } from './fading_entrances/fadeIn.js';\nimport { fadeInBottomLeft } from './fading_entrances/fadeInBottomLeft.js';\nimport { fadeInBottomRight } from './fading_entrances/fadeInBottomRight.js';\nimport { fadeInDown } from './fading_entrances/fadeInDown.js';\nimport { fadeInDownBig } from './fading_entrances/fadeInDownBig.js';\nimport { fadeInLeft } from './fading_entrances/fadeInLeft.js';\nimport { fadeInLeftBig } from './fading_entrances/fadeInLeftBig.js';\nimport { fadeInRight } from './fading_entrances/fadeInRight.js';\nimport { fadeInRightBig } from './fading_entrances/fadeInRightBig.js';\nimport { fadeInTopLeft } from './fading_entrances/fadeInTopLeft.js';\nimport { fadeInTopRight } from './fading_entrances/fadeInTopRight.js';\nimport { fadeInUp } from './fading_entrances/fadeInUp.js';\nimport { fadeInUpBig } from './fading_entrances/fadeInUpBig.js';\nimport { fadeOut } from './fading_exits/fadeOut.js';\nimport { fadeOutBottomLeft } from './fading_exits/fadeOutBottomLeft.js';\nimport { fadeOutBottomRight } from './fading_exits/fadeOutBottomRight.js';\nimport { fadeOutDown } from './fading_exits/fadeOutDown.js';\nimport { fadeOutDownBig } from './fading_exits/fadeOutDownBig.js';\nimport { fadeOutLeft } from './fading_exits/fadeOutLeft.js';\nimport { fadeOutLeftBig } from './fading_exits/fadeOutLeftBig.js';\nimport { fadeOutRight } from './fading_exits/fadeOutRight.js';\nimport { fadeOutRightBig } from './fading_exits/fadeOutRightBig.js';\nimport { fadeOutTopLeft } from './fading_exits/fadeOutTopLeft.js';\nimport { fadeOutTopRight } from './fading_exits/fadeOutTopRight.js';\nimport { fadeOutUp } from './fading_exits/fadeOutUp.js';\nimport { fadeOutUpBig } from './fading_exits/fadeOutUpBig.js';\nimport { flip } from './flippers/flip.js';\nimport { flipInX } from './flippers/flipInX.js';\nimport { flipInY } from './flippers/flipInY.js';\nimport { flipOutX } from './flippers/flipOutX.js';\nimport { flipOutY } from './flippers/flipOutY.js';\nimport { lightSpeedInLeft } from './lightspeed/lightSpeedInLeft.js';\nimport { lightSpeedInRight } from './lightspeed/lightSpeedInRight.js';\nimport { lightSpeedOutLeft } from './lightspeed/lightSpeedOutLeft.js';\nimport { lightSpeedOutRight } from './lightspeed/lightSpeedOutRight.js';\nimport { rotateIn } from './rotating_entrances/rotateIn.js';\nimport { rotateInDownLeft } from './rotating_entrances/rotateInDownLeft.js';\nimport { rotateInDownRight } from './rotating_entrances/rotateInDownRight.js';\nimport { rotateInUpLeft } from './rotating_entrances/rotateInUpLeft.js';\nimport { rotateInUpRight } from './rotating_entrances/rotateInUpRight.js';\nimport { rotateOut } from './rotating_exits/rotateOut.js';\nimport { rotateOutDownLeft } from './rotating_exits/rotateOutDownLeft.js';\nimport { rotateOutDownRight } from './rotating_exits/rotateOutDownRight.js';\nimport { rotateOutUpLeft } from './rotating_exits/rotateOutUpLeft.js';\nimport { rotateOutUpRight } from './rotating_exits/rotateOutUpRight.js';\nimport { slideInDown } from './sliding_entrances/slideInDown.js';\nimport { slideInLeft } from './sliding_entrances/slideInLeft.js';\nimport { slideInRight } from './sliding_entrances/slideInRight.js';\nimport { slideInUp } from './sliding_entrances/slideInUp.js';\nimport { slideOutDown } from './sliding_exits/slideOutDown.js';\nimport { slideOutLeft } from './sliding_exits/slideOutLeft.js';\nimport { slideOutRight } from './sliding_exits/slideOutRight.js';\nimport { slideOutUp } from './sliding_exits/slideOutUp.js';\nimport { hinge } from './specials/hinge.js';\nimport { jackInTheBox } from './specials/jackInTheBox.js';\nimport { rollIn } from './specials/rollIn.js';\nimport { rollOut } from './specials/rollOut.js';\nimport { zoomIn } from './zooming_entrances/zoomIn.js';\nimport { zoomInDown } from './zooming_entrances/zoomInDown.js';\nimport { zoomInLeft } from './zooming_entrances/zoomInLeft.js';\nimport { zoomInRight } from './zooming_entrances/zoomInRight.js';\nimport { zoomInUp } from './zooming_entrances/zoomInUp.js';\nimport { zoomOut } from './zooming_exits/zoomOut.js';\nimport { zoomOutDown } from './zooming_exits/zoomOutDown.js';\nimport { zoomOutLeft } from './zooming_exits/zoomOutLeft.js';\nimport { zoomOutRight } from './zooming_exits/zoomOutRight.js';\nimport { zoomOutUp } from './zooming_exits/zoomOutUp.js';\n\nexport const animations = {\n  bounce,\n  flash,\n  headShake,\n  heartBeat,\n  jello,\n  pulse,\n  rubberBand,\n  shake,\n  shakeX,\n  shakeY,\n  swing,\n  tada,\n  wobble,\n  backInDown,\n  backInLeft,\n  backInRight,\n  backInUp,\n  backOutDown,\n  backOutLeft,\n  backOutRight,\n  backOutUp,\n  bounceIn,\n  bounceInDown,\n  bounceInLeft,\n  bounceInRight,\n  bounceInUp,\n  bounceOut,\n  bounceOutDown,\n  bounceOutLeft,\n  bounceOutRight,\n  bounceOutUp,\n  fadeIn,\n  fadeInBottomLeft,\n  fadeInBottomRight,\n  fadeInDown,\n  fadeInDownBig,\n  fadeInLeft,\n  fadeInLeftBig,\n  fadeInRight,\n  fadeInRightBig,\n  fadeInTopLeft,\n  fadeInTopRight,\n  fadeInUp,\n  fadeInUpBig,\n  fadeOut,\n  fadeOutBottomLeft,\n  fadeOutBottomRight,\n  fadeOutDown,\n  fadeOutDownBig,\n  fadeOutLeft,\n  fadeOutLeftBig,\n  fadeOutRight,\n  fadeOutRightBig,\n  fadeOutTopLeft,\n  fadeOutTopRight,\n  fadeOutUp,\n  fadeOutUpBig,\n  flip,\n  flipInX,\n  flipInY,\n  flipOutX,\n  flipOutY,\n  lightSpeedInLeft,\n  lightSpeedInRight,\n  lightSpeedOutLeft,\n  lightSpeedOutRight,\n  rotateIn,\n  rotateInDownLeft,\n  rotateInDownRight,\n  rotateInUpLeft,\n  rotateInUpRight,\n  rotateOut,\n  rotateOutDownLeft,\n  rotateOutDownRight,\n  rotateOutUpLeft,\n  rotateOutUpRight,\n  slideInDown,\n  slideInLeft,\n  slideInRight,\n  slideInUp,\n  slideOutDown,\n  slideOutLeft,\n  slideOutRight,\n  slideOutUp,\n  hinge,\n  jackInTheBox,\n  rollIn,\n  rollOut,\n  zoomIn,\n  zoomInDown,\n  zoomInLeft,\n  zoomInRight,\n  zoomInUp,\n  zoomOut,\n  zoomOutDown,\n  zoomOutLeft,\n  zoomOutRight,\n  zoomOutUp,\n} as const;\n\nexport { easings } from './easings/easings.js';\n","import {\n  Component,\n  Prop,\n  Watch,\n  ComponentInterface,\n  EventEmitter,\n  Event,\n  Host,\n  Method,\n  State,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport { animations, easings } from './animations';\nimport { AnimationEasing, AnimationName } from './animation-interface';\n\n/**\n * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.\n * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n *\n * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements.\n */\n@Component({\n  tag: 'nano-animation',\n  styles: /* css */ `\n    :host {\n      display: contents;\n    }\n  `,\n  shadow: true,\n})\nexport class NanoAnimation implements ComponentInterface {\n  private animation?: Animation;\n  private hasStarted = false;\n\n  @State() defaultSlot?: HTMLSlotElement;\n\n  /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */\n  @Prop() name: AnimationName | 'none' = 'none';\n\n  /**\n   * Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\n   * the animation finishes or gets canceled.\n   */\n  @Prop({ reflect: true, mutable: true }) play = false;\n\n  /** The number of milliseconds to delay the start of the animation. */\n  @Prop() delay = 0;\n\n  /**\n   * Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n   * [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)\n   */\n  @Prop() direction: PlaybackDirection = 'normal';\n\n  /** The number of milliseconds each iteration of the animation takes to complete. */\n  @Prop() duration = 1000;\n\n  /**\n   * The easing function to use for the animation. This can be a easing function or a custom easing function\n   * such as `cubic-bezier(0, 1, .76, 1.14)`.\n   */\n  @Prop() easing: AnimationEasing = 'ease';\n\n  /** The number of milliseconds to delay after the active period of an animation sequence. */\n  @Prop() endDelay = 0;\n\n  /** Sets how the animation applies styles to its target before and after its execution. */\n  @Prop() fill: FillMode = 'auto';\n\n  /** The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */\n  @Prop() iterations = Infinity;\n\n  /** The offset at which to start the animation, usually between 0 (start) and 1 (end). */\n  @Prop() iterationStart = 0;\n\n  /** The keyframes to use for the animation. If this is set, `name` will be ignored. */\n  @Prop() keyframes?: Keyframe[];\n\n  /**\n   * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\n   * to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\n   * value can be changed without causing the animation to restart.\n   */\n  @Prop() playbackRate = 1;\n\n  /** Emitted when the animation is canceled. */\n  @Event() nanoCancel: EventEmitter;\n\n  /** Emitted when the animation finishes. */\n  @Event() nanoFinish: EventEmitter;\n\n  /** Emitted when the animation starts. */\n  @Event() nanoStart: EventEmitter;\n\n  /** Gets and sets the current animation time. */\n  @Prop()\n  get currentTime(): CSSNumberish {\n    return this.animation?.currentTime ?? 0;\n  }\n  set currentTime(time: number) {\n    if (this.animation) {\n      this.animation.currentTime = time;\n    }\n  }\n\n  connectedCallback() {\n    this.createAnimation();\n  }\n\n  disconnectedCallback() {\n    this.destroyAnimation();\n  }\n\n  private handleAnimationFinish = () => {\n    this.play = false;\n    this.hasStarted = false;\n    this.nanoFinish.emit();\n  };\n\n  private handleAnimationCancel = () => {\n    this.play = false;\n    this.hasStarted = false;\n    this.nanoCancel.emit();\n  };\n\n  private handleSlotChange = () => {\n    this.destroyAnimation();\n    this.createAnimation();\n  };\n\n  @Watch('defaultSlot')\n  private async createAnimation() {\n    if (!this.defaultSlot) return;\n\n    const easing = easings[this.easing] ?? this.easing;\n    const keyframes =\n      this.keyframes ??\n      (animations as unknown as Partial<Record<string, Keyframe[]>>)[this.name];\n    const slot = this.defaultSlot;\n    const element = slot.assignedElements()[0] as HTMLElement | undefined;\n\n    if (!element || !keyframes) {\n      return false;\n    }\n\n    this.destroyAnimation();\n    this.animation = element.animate(keyframes, {\n      delay: this.delay,\n      direction: this.direction,\n      duration: this.duration,\n      easing,\n      endDelay: this.endDelay,\n      fill: this.fill,\n      iterationStart: this.iterationStart,\n      iterations: this.iterations,\n    });\n    this.animation.playbackRate = this.playbackRate;\n    this.animation.addEventListener('cancel', this.handleAnimationCancel);\n    this.animation.addEventListener('finish', this.handleAnimationFinish);\n\n    if (this.play) {\n      this.hasStarted = true;\n      this.nanoStart.emit();\n    } else {\n      this.animation.pause();\n    }\n\n    return true;\n  }\n\n  private destroyAnimation() {\n    if (this.animation) {\n      this.animation.cancel();\n      this.animation.removeEventListener('cancel', this.handleAnimationCancel);\n      this.animation.removeEventListener('finish', this.handleAnimationFinish);\n      this.hasStarted = false;\n    }\n  }\n\n  @Watch('name')\n  @Watch('delay')\n  @Watch('direction')\n  @Watch('duration')\n  @Watch('easing')\n  @Watch('endDelay')\n  @Watch('fill')\n  @Watch('iterations')\n  @Watch('iterationStart')\n  @Watch('keyframes')\n  handleAnimationChange() {\n    this.createAnimation();\n  }\n\n  @Watch('play')\n  handlePlayChange() {\n    if (this.animation) {\n      if (this.play && !this.hasStarted) {\n        this.hasStarted = true;\n        this.nanoStart.emit();\n      }\n\n      if (this.play) {\n        this.animation.play();\n      } else {\n        this.animation.pause();\n      }\n\n      return true;\n    }\n    return false;\n  }\n\n  @Watch('playbackRate')\n  handlePlaybackRateChange() {\n    if (this.animation) {\n      this.animation.playbackRate = this.playbackRate;\n    }\n  }\n\n  /** Clears all keyframe effects caused by this animation and aborts its playback. */\n  @Method()\n  async cancel() {\n    this.animation?.cancel();\n  }\n\n  /** Sets the playback time to the end of the animation corresponding to the current playback direction. */\n  @Method()\n  async finish() {\n    this.animation?.finish();\n  }\n\n  render() {\n    return (\n      <Host class=\"nano-animation\">\n        <slot\n          ref={(slot) => {\n            this.defaultSlot = slot as HTMLSlotElement;\n          }}\n          onSlotchange={this.handleSlotChange}\n        ></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nano-checkbox-group.js.map

@@ -1 +0,0 @@
-{"file":"nano-checkbox-group.js","mappings":"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","names":[],"sources":["src/components/checkbox/checkbox-group.scss?tag=nano-checkbox-group&encapsulation=scoped","src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["@use '../../global/style/utilities/mixins' as mx;\n@use '../../global/style/nano-theme/tokens';\n\n:host {\n  /**\n   * @prop --control-margin-top: Margin between controls. Default depends on control type;\n   * @prop --control-margin-end: Margin between controls. Default depends on control type;\n   * @prop --control-margin-bottom: Margin between controls. Default depends on control type;\n   * @prop --control-margin-start: Margin between controls. Default depends on control type;\n\n   * @prop --invalid-msg-color: Default #{nano-color(danger, base)};\n   * @prop --invalid-msg-font-size: Default #{tokens.$input-help-font-size};\n\n   * @prop --help-msg-color: Font color applied to slot=\"helper\". Default #{tokens.$input-help-color};\n\n   * @prop --label-color: Default #{tokens.$label-color};\n   * @prop --label-color--invalid: Default #{tokens.$label-color-invalid};\n   * @prop --label-font-size: Default #{tokens.$label-font-size};\n   * @prop --label-padding: space between legend and control. Default #{tokens.$input-padding-bottom};\n  */\n\n  --control-margin-top: 0;\n  --control-margin-end: 0;\n  --control-margin-bottom: 0;\n  --control-margin-start: 0;\n  --invalid-msg-color: #{tokens.nano-color(danger, base)};\n  --invalid-msg-font-size: #{tokens.$input-help-font-size};\n  --help-msg-color: #{tokens.$input-help-color};\n  --label-color: #{tokens.$label-color};\n  --label-color--invalid: #{tokens.$label-color-invalid};\n  --label-font-size: #{tokens.$label-font-size};\n  --label-padding: #{tokens.$input-padding-bottom};\n\n  display: block;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host(.types-tag),\n:host(.types-segment) {\n  --control-margin-top: 0;\n  --control-margin-end: 8px;\n  --control-margin-bottom: 6px;\n  --control-margin-start: 0;\n}\n\n:host(.types-checkbox),\n:host(.types-radio) {\n  --control-margin-top: 0;\n  --control-margin-end: 10px;\n  --control-margin-bottom: 6px;\n  --control-margin-start: 0;\n}\n\n.nanogroupcb {\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  &__error,\n  &__help,\n  &__more {\n    display: block;\n    inline-size: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__legend {\n    font-size: var(--label-font-size);\n    padding: 0 0 var(--label-padding);\n    margin: 0;\n    line-height: 1.5;\n    white-space: normal;\n    display: block;\n    inline-size: 100%;\n\n    :host([invalid]:not([invalid='false'])) & {\n      color: var(--label-color--invalid);\n    }\n\n    &.visually-hide {\n      @include mx.visually-hide;\n    }\n  }\n\n  &__more {\n    block-size: 1em;\n    margin-block:\n      calc(\n        var(--label-padding) - var(--control-margin-bottom)\n      ) var(--label-padding);\n    margin-inline: 3px 0;\n    position: relative;\n  }\n\n  &__error,\n  &__help {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    position: absolute;\n    font-size: var(--invalid-msg-font-size);\n    line-height: 1.2;\n    transition: 0.3s ease-out opacity;\n\n    .show-error & {\n      opacity: 1;\n    }\n  }\n\n  &__error {\n    color: var(--invalid-msg-color);\n    opacity: 0;\n\n    .show-error & {\n      opacity: 1;\n    }\n  }\n\n  &__help {\n    font-style: italic;\n    opacity: 1;\n    color: var(--help-msg-color);\n\n    .show-error & {\n      opacity: 0;\n    }\n  }\n\n  &__cbs {\n    margin: 0;\n    padding: 0;\n    line-height: 1;\n    display: flex;\n    flex-wrap: wrap;\n\n    ::slotted(*:not([type='tag']):not([type='segment']):not([type='segment-pill'])) {\n      --check-base-size: 1.2em;\n\n      font-size: 0.85em;\n    }\n\n    ::slotted(*) {\n      margin-inline: var(--control-margin-start) var(--control-margin-end);\n      margin-block: var(--control-margin-top) var(--control-margin-bottom);\n    }\n  }\n}\n\n/* autoprefixer: ignore next */\n@supports ((margin-inline-start: 0) or (-webkit-margin-start: 0)) {\n  .nanogroupcb__cbs {\n    &::slotted(*),\n    ::slotted(*) {\n      margin-inline: var(--control-margin-start) var(--control-margin-end);\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  ComponentInterface,\n  State,\n  Listen,\n  Watch,\n  Host,\n  Method,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { getClassMap } from '../../utils/theme';\nimport { debounce } from '../../utils/throttle';\nimport { transformTag, h } from '../../utils/renderer';\nimport type {\n  CssClassMap,\n  ControlValidityEventDetail,\n  ControlValidity,\n} from '../../types/shared';\n\n/**\n * `nano-checkbox-group` is an optional wrapper for all `nano-checkbox` controls.\n * It provides a convenient place to anchor a collective label and any validation issues.\n *\n * @slot - Used for grouping checkboxes inside the group wrapper\n * @slot legend - if you do not set a legend attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n */\n@Component({\n  tag: 'nano-checkbox-group',\n  styleUrl: 'checkbox-group.scss',\n  scoped: true,\n})\nexport class CheckboxGroup implements ComponentInterface {\n  private mo?: MutationObserver;\n  private checkboxTypes: CssClassMap;\n  private grpId = `nano-checkbox-group-${grpIds++}`;\n  private ignoreValueSet = false;\n\n  @Element() host: HTMLNanoCheckboxGroupElement;\n\n  // internal state\n\n  @State() checkboxes?: HTMLNanoCheckboxElement[];\n  @State() nativeCbs: HTMLInputElement[];\n  @State() errorMessage: string = '';\n  @State() showErrorMsg = false;\n  @State() hasHelperSlot = false;\n\n  // public properties\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submitThenDirty';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop() showInlineError = true;\n\n  /**\n   * The minimum number of checkboxes required to be valid. Only relevant for checkbox type controls.\n   * A validation error will be thrown if not enough controls are checked.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum number of checkboxes allowed. Only relevant for checkbox type controls.\n   * Other controls will automatically be disabled upon reaching this number.\n   */\n  @Prop() max: number = null;\n\n  /**\n   * Disable all the nested form controls\n   */\n  @Prop({ reflect: true }) disabled: boolean | null = null;\n\n  /**\n   * A common label for children controls\n   */\n  @Prop() legend: string = '';\n\n  /**\n   * Visually hide the legend but still available to screen readers.\n   */\n  @Prop() hideLegend?: boolean = false;\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n  @State() _invalid = false;\n\n  /**\n   * Current validation message - if any. @readonly\n   */\n  @Prop()\n  get validityMessage() {\n    return this.errorMessage;\n  }\n\n  /** The current, collective checkbox value */\n  @Prop({ mutable: true }) value: string[] | string;\n\n  @Watch('value')\n  handleValuePropChange() {\n    this.nanoChange.emit(this.value);\n\n    // this change is coming from a checkbox being checked\n    // so don't then change the checkbox state\n    // (would cause an infinite loop)\n    if (this.ignoreValueSet) return;\n\n    // value has changed via prop directly, so update the checkbox's state\n    this.setCbValue();\n  }\n\n  // Public methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    return new Promise((resolve) => {\n      if (validateFirst) {\n        this.customValidate();\n        this.showInlineValidation();\n      }\n      setTimeout(() => {\n        resolve({\n          isValid: !this.invalid,\n          errorMessage: this.errorMessage,\n        });\n      }, 50);\n    });\n  }\n\n  /**\n   * Invalidate the field and show a custom error message.\n   * To clear the error you will need to re-call this method with an empty string.\n   * @param message - the error message to show\n   * @param optVal - optionally supply an option value to target which checkbox to show invalidate against (default is the first)\n   */\n  @Method()\n  async showError(message: string, optVal?: string) {\n    let cb: HTMLNanoCheckboxElement;\n    if (!this.checkboxes) return;\n    if (optVal) cb = this.checkboxes.find((c) => c.value === optVal);\n    if (!cb) cb = this.checkboxes[0];\n    if (!cb) return;\n\n    this.errorMessage = message;\n    await cb.setError(message);\n    if (this.showInlineError) this.showInlineValidation();\n  }\n\n  // Events\n\n  /**\n   * Called when a nested checkbox changes\n   */\n  @Event() nanoChange: EventEmitter<string | string[]>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // listeners & watchers\n\n  @Listen('nanoChange')\n  handleValueChange(ev: CustomEvent) {\n    if (ev.target === this.host) return;\n    this.setInternalValue();\n    this.handleCbChange();\n  }\n\n  /**\n   * Notes on validation... custom validation messages should be set\n   * no matter whether we show inline messages or native html5.\n   * this will mean forms cannot submit when there are pending validation issues.\n   */\n  @Watch('min')\n  @Watch('max')\n  handleCbChange() {\n    if (this.invalid) {\n      this.showErrorMsg = this._invalid = false;\n    }\n    this.showErrorMsg = this._invalid = this.customValidate();\n\n    if (this.validateOn !== 'dirty') return;\n    this.showInlineValidation();\n  }\n\n  @Watch('nativeCbs')\n  customValidate() {\n    if (\n      !Build.isBrowser ||\n      !this.nativeCbs ||\n      !this.nativeCbs.length ||\n      !this.checkboxes\n    )\n      return;\n\n    const onlyRadios = this.nativeCbs.filter((cb) => cb?.type === 'radio');\n\n    if (\n      onlyRadios &&\n      onlyRadios.length &&\n      (this.showErrorMsg || this.validateOn === 'dirty')\n    ) {\n      const required = onlyRadios.find((cb) => cb.required);\n      const checked = onlyRadios.filter((cb) => cb.checked);\n\n      if (required && checked) {\n        this.checkboxes.forEach((rd) => rd.reportValidity(false));\n        return false;\n      } else if (required && !checked) return true;\n    }\n\n    // we only care about checkbox controls.\n    const onlyCbs = this.nativeCbs.filter((cb) => cb?.type === 'checkbox');\n    if (!onlyCbs || !onlyCbs.length) return;\n\n    const checked = onlyCbs.filter((cb) => cb.checked);\n    const required = onlyCbs.find((cb) => cb.required);\n    let invalid = false;\n\n    if (required && !checked.find((cb) => cb === required)) return true;\n\n    this.checkboxes.forEach((cb, i) => {\n      const nativeCb = this.nativeCbs[i];\n      cb.setError('');\n      nativeCb.setCustomValidity('');\n\n      if (this.min && checked.length < this.min) {\n        this.errorMessage = `You must select a minimum of ${this.min} values.`;\n        invalid = true;\n      }\n      if (this.max && checked.length > this.max) {\n        this.errorMessage = `Only up to ${this.max} values are allowed.`;\n        invalid = true;\n      }\n\n      if (invalid) {\n        cb.setError(this.errorMessage, this.showErrorMsg);\n        // bit fugly. We're just doing this 'cos stencil\n        // methods are async and we want the validity message\n        // asap to keep things in sync\n        nativeCb.setCustomValidity(this.errorMessage);\n      }\n    });\n    return invalid;\n  }\n\n  @Watch('checkboxes')\n  handleComponentChange() {\n    if (!this.checkboxes?.length) return;\n\n    this.checkboxTypes = getClassMap(\n      this.checkboxes.map((cb) => 'types-' + (cb.type || 'checkbox'))\n    );\n    this.checkboxTypes['nano-checkbox-group'] = true;\n  }\n\n  @Watch('disabled')\n  @Watch('checkboxes')\n  handleDisabledChange() {\n    if (this.disabled === null || !this.checkboxes?.length) return;\n    this.checkboxes.map((cb) => (cb.disabled = this.disabled));\n  }\n\n  // private methods\n\n  private setInternalValue() {\n    if (!this.nativeCbs?.length) return;\n\n    this.ignoreValueSet = true;\n    const radios = this.nativeCbs.filter((cb) => cb?.type === 'radio');\n    if (radios?.length) {\n      this.value = radios.find((cb) => cb.checked)?.value || null;\n      return;\n    }\n    this.value = this.checkboxes.flatMap((cb) =>\n      cb.checked ? [cb.value] : []\n    );\n    requestAnimationFrame(() => (this.ignoreValueSet = false));\n  }\n\n  private setCbValue() {\n    this.checkboxes?.forEach((cb) => {\n      if (\n        cb.value === this.value ||\n        (Array.isArray(this.value) && this.value.includes(cb.value))\n      ) {\n        cb.checked = true;\n      }\n    });\n  }\n\n  private attachSlotObserver() {\n    if (!!this.mo || !window['MutationObserver']) return;\n    const mo = (this.mo = new MutationObserver(() => this.handleSlotChange()));\n    mo.observe(this.host, { childList: true });\n  }\n\n  private async handleSlotChange() {\n    this.checkboxes = Array.from(\n      this.host.querySelectorAll(transformTag('nano-checkbox'))\n    );\n    this.hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n\n    this.nativeCbs = await Promise.all(\n      this.checkboxes.reduce((acc: Array<Promise<HTMLInputElement>>, cb) => {\n        acc.push(cb.getInputElement());\n        return acc;\n      }, [])\n    );\n\n    this.nativeCbs.forEach((cb) => {\n      if (cb) cb.addEventListener('invalid', this.handleInvalid);\n    });\n  }\n\n  private handleInvalid = (ev: Event) => {\n    this._invalid = true;\n\n    if (this.validateOn === 'submit') {\n      this._invalid = this.showErrorMsg = this.customValidate();\n    }\n    if (this.showInlineError) ev.preventDefault();\n\n    this.showInlineValidation(ev);\n  };\n\n  private showInlineValidation = (ev?: Event) => {\n    if (!this.nativeCbs || !this.nativeCbs.length) return;\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n    this.showErrorMsg = false;\n    this._invalid = false;\n\n    this.nativeCbs.forEach((cb, _i) => {\n      if (!cb.validity.valid) {\n        this.errorMessage = cb.validationMessage;\n        this.showErrorMsg = true;\n        this._invalid = true;\n      }\n    });\n\n    this.nanoValidate.emit({\n      isValid: !this.invalid,\n      errorMessage: this.errorMessage,\n      originalEvent: ev,\n    });\n  };\n\n  // stencil hooks\n\n  componentWillLoad() {\n    this.handleValueChange = this.handleValueChange.bind(this);\n    this.handleValueChange = debounce(this.handleValueChange, 1);\n    this.showInlineValidation = debounce(this.showInlineValidation, 50);\n    this.customValidate = this.customValidate.bind(this);\n    this.handleDisabledChange();\n    this.handleSlotChange();\n    this.setCbValue();\n    this.handleComponentChange();\n  }\n\n  connectedCallback() {\n    this.attachSlotObserver();\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n    if (!this.nativeCbs?.length) return;\n\n    this.nativeCbs.forEach((cb) => {\n      if (cb) cb.removeEventListener('invalid', this.handleInvalid);\n    });\n  }\n\n  render() {\n    const legendId = this.grpId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot ? this.grpId + '-more' : '';\n\n    return (\n      <Host class={this.checkboxTypes}>\n        <fieldset\n          disabled={this.disabled}\n          class={{ nanogroupcb: true, 'show-error': this.showErrorMsg }}\n        >\n          <legend\n            id={legendId}\n            class={{\n              nanogroupcb__legend: true,\n              'visually-hide': this.hideLegend,\n            }}\n          >\n            <slot name=\"legend\">{this.legend}</slot>\n          </legend>\n          <div\n            class=\"nanogroupcb__cbs\"\n            role=\"group\"\n            aria-labelledby={legendId + ' ' + moreId}\n          >\n            <slot />\n          </div>\n          {(this.showInlineError || this.hasHelperSlot) && (\n            <div class=\"nanogroupcb__more\" id={moreId}>\n              {this.showInlineError ? (\n                <div class=\"nanogroupcb__error\">{this.errorMessage}</div>\n              ) : (\n                ''\n              )}\n              <div class=\"nanogroupcb__help\">\n                <slot name=\"helper\" />\n              </div>\n            </div>\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n\nlet grpIds = 0;\n"],"version":3}