@nanoporetech-digital/components 1.13.13 → 1.13.14

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/input/input.scss?tag=nano-input&encapsulation=scoped","src/components/input/input.tsx"],"names":["inputCss","Input","exports","class_1","hostRef","_this","this","inputId","inputIds","didBlurAfterEdit","rtl","charCount","hasRendered","hasFocus","isLegacy","document","head","attachShadow","hasLabelSlot","hasButtonSlot","hasHelperSlot","_invalid","autocapitalise","autocomplete","autocorrect","autofocus","clearInput","debounce","disabled","validateOn","showInlineError","hideLabel","floatLabel","name","readonly","required","spellcheck","type","value","resize","rows","showCharCount","validate","ev","nativeInput","validity","valid","errorContainer","preventDefault","innerText","validationMessage","nanoValidate","emit","isValid","errorMessage","originalEvent","onInput","input","target","nanoInput","handleDocumentMouseDown","closestElement","el","tagName","toLowerCase","onBlur","handleDocumentKeyDown","key","setTimeout","activeElement","focusChanged","removeEventListener","nanoBlur","onFocus","addEventListener","nanoFocus","onKeydown","shouldClearOnEdit","hasValue","clearTextInput","stopPropagation","Object","defineProperty","prototype","shouldValidate","valueChanged","nanoChange","length","style","height","scrollHeight","debounceChanged","debounceEvent","reportValidity","validateFirst","setFocus","focus","getInputElement","Promise","resolve","showError","message","setCustomValidity","_a","clearOnEdit","undefined","getValue","slotChangeObserver","mo","disconnect","MutationObserver","processSlottedContent","observe","childList","subtree","querySelectorAll","querySelector","hasLegacySlot","existingInput","existingLabel","label","innerHTML","Array","from","attributes","filter","attr","specified","nodeName","map","nodeValue","children","forEach","n","parentNode","removeChild","connectedCallback","dispatchEvent","CustomEvent","detail","disconnectedCallback","componentDidLoad","componentWillLoad","renderLabel","labelId","position","h","class","htmlFor","id","visually-hide","placeholder","maxlength","render","moreId","ownerDocument","dir","Host","aria-disabled","assign","createColorClasses","color","has-value","has-focus","is-invalid","has-label","has-float-label","has-inline-button","legacy","textarea","ref","aria-labelledby","accept","autoCapitalize","autoComplete","autoCorrect","autoFocus","inputMode","inputmode","form","min","max","minLength","minlength","maxLength","multiple","pattern","readOnly","step","size","onKeyDown","onInvalid","native-input","resizable","tabindex","onTouchStart","onMouseDown","div"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import './input.vars';\n\n:host {\n  @include inputVars;\n\n  position: relative;\n  width: 100%;\n\n  /* stylelint-disable-next-line all */\n  padding: 0 !important;\n  color: currentColor;\n  display: inline-block;\n}\n\n:host-context(nano-item:not(.item-label)) {\n  --padding-start: 0;\n}\n\n:host(.nano-color) {\n  color: current-color(base);\n  --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: .7;\n}\n\n:host(.has-focus) {\n  .input {\n    z-index: 1;\n  }\n}\n\nlabel,\n.more, .error, .helper {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  &.visually-hide {\n    @include visually-hide;\n  }\n}\n\n.placeholder-as-label {\n  @include padding(0, 0, 0, var(--padding-start));\n  color: var(--label-color);\n  position: absolute;\n  font-size: 1.4em;\n  transform: translateY(-50%);\n  transform-origin: top left;\n  top: 50%;\n  transition: .125s ease-in;\n  opacity: .7;\n\n  :host(.has-focus) & {\n    transform: translateY(-120%);\n    font-size: .9em;\n  }\n\n  :host(.is-invalid) & {\n    color: var(--invalid-msg-color);\n  }\n\n  :host(.has-value) & {\n    transform: translateY(-120%);\n    font-size: .9em;\n  }\n\n  &~.native-input-wrap {\n    font-size: 1.1em;\n  }\n\n  .textarea & {\n    top: 50%;\n\n    :host(.has-focus) & {\n      top: 0;\n      transform: translateY(38%);\n    }\n\n    :host(.has-value) & {\n      top: 0;\n      transform: translateY(38%);\n    }\n  }\n}\n\n.label {\n  color: var(--label-color);\n  font-size: var(--label-font-size);\n  padding-bottom: var(--padding-bottom);\n  line-height: 1;\n  display: flex;\n\n  .label-placeholder {\n    flex: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .placeholder {\n    @include margin(0, 5px, 0, 0);\n    opacity: 0;\n    appearance: none;\n    transition: .3s ease opacity;\n    font-size: .9em;\n  }\n\n  .charcount {\n    @include margin(0, 0, 0, auto);\n    font-size: .9em;\n    opacity: .5;\n  }\n\n  :host(.has-value) & {\n    .placeholder {\n      opacity: .5;\n    }\n  }\n\n  :host(.has-focus) & {\n    color: var(--label-color--focus);\n  }\n\n  :host(.is-invalid) & {\n    color: var(--label-color--invalid);\n  }\n}\n\n.more {\n  height: 1em;\n  @include margin(4px, 0, var(--padding-bottom), 3px);\n  position: relative;\n}\n\n.helper, .error {\n  top: 0;\n  left: 0;\n  position: absolute;\n  font-size: var(--invalid-msg-font-size);\n  line-height: 1.2;\n  transition: .3s ease-out opacity;\n  width: auto;\n}\n\n.helper {\n  font-style: italic;\n  color: var(--help-msg-color);\n\n  :host([show-inline-error]:not([show-inline-error=\"false\"]).is-invalid) & {\n    opacity: 0;\n  }\n}\n\n.error {\n  opacity: 0;\n  color: var(--invalid-msg-color);\n  font-stretch: condensed;\n\n  :host(.is-invalid) & {\n    opacity: 1;\n  }\n}\n\n.input {\n  @include text-inherit();\n  @include border-radius(var(--input-border-radius));\n  width: 100%;\n  padding: 0 !important;\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n\n  background: var(--input-bg-color);\n  border: var(--input-border-style);\n  border-width: var(--input-border-width);\n  font-size: var(--input-font-size);\n\n  :host(.has-focus) & {\n    background: var(--input-bg-color--focus);\n    border: var(--input-border-style--focus);\n    border-width: var(--input-border-width);\n  }\n\n  :host(.is-invalid) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid);\n    border-width: var(--input-border-width);\n  }\n\n  :host(.is-invalid.has-focus) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid-focus);\n    border-width: var(--input-border-width);\n  }\n}\n\n// Native Text Input\n// --------------------------------------------------\n\n.native-input-wrap {\n  display: flex;\n  align-items: stretch;\n  flex: 1;\n}\n\n.native-input {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  line-height: 2.5em;\n  min-height: 2.5em;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n\n  &::placeholder {\n    color: var(--placeholder-color);\n    font-family: inherit;\n    font-style: var(--placeholder-font-style);\n    font-weight: var(--placeholder-font-weight);\n    opacity: var(--placeholder-opacity);\n    line-height: 2.5em;\n    min-height: 2.5em;\n    // text-overflow: ellipsis;\n  }\n\n  &::-moz-placeholder {\n    line-height: 2.8em;\n    text-overflow: ellipsis;\n  }\n\n  &:-webkit-autofill {\n    background-color: transparent;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    appearance: none\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n\n  &::-ms-clear, &::-ms-reveal {\n    display: none;\n  }\n\n  &.resizable {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  .textarea & {\n    line-height: 1.5em;\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    white-space: pre-wrap;\n\n    &::placeholder {\n      line-height: 1.5em;\n    }\n  }\n\n  .has-float-label & {\n    padding-top: 1.4em;\n  }\n\n  .has-float-label.textarea & {\n    padding-top: 1.8em;\n  }\n\n  .legacy & {\n    box-sizing: content-box;\n  }\n\n}\n\n.native-input[disabled] {\n  opacity: .4;\n}\n\n\n// Clear Input Icon\n// --------------------------------------------------\n.input-clear-icon,\n.inline-button {\n  @include margin(0);\n  @include background-position(center);\n  font-size: 1.4em;\n  color: var(--clear-btn-color);\n  border: 0;\n  outline: none;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: stretch;\n  width: auto;\n\n  :host(.is-invalid) & {\n    color: var(--clear-btn-color--invalid);\n  }\n\n  .has-float-label & {\n    right: 0;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: auto;\n  }\n\n  .rtl.has-float-label & {\n    right: auto;\n    left: 0;\n  }\n}\n\n.inline-button::slotted(*),\n.inline-button ::slotted(*) {\n  font-size: 1em;\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  align-items: center;\n  display: flex;\n  height: 100%;\n\n  :host([disabled]:not([disabled=\"false\"])) & {\n    pointer-events: none;\n  }\n}\n\n.input-clear-icon {\n  padding: 0;\n  opacity: 0;\n  width: 0;\n  appearance: none;\n  align-items: center;\n  overflow: hidden;\n\n  :host(.has-value) & {\n    @include padding(0, var(--padding-end), 0, var(--padding-start));\n    opacity: 1;\n    width: auto;\n  }\n\n  &:hover {\n    color: var(--clear-btn-color--hover);\n  }\n\n  .has-inline-button.has-float-label & {\n    right: 1.5em;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: auto;\n  }\n\n  .rtl.has-float-label.has-inline-button & {\n    right: auto;\n    left: 1.2em;\n  }\n}\n","import {\n  Build,\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  VNode,\n} from '@stencil/core';\n\nimport {\n  Color,\n  ControlValidity,\n  ControlValidityEventDetail,\n  InputChangeEventDetail,\n  TextFieldTypes,\n} from '../../interface';\nimport {\n  debounceEvent,\n  testLegacyStyle,\n  closestElement,\n  createColorClasses,\n} from '../../utils/utils';\n\n/**\n * The input component is a wrapper to the HTML input element with custom styling and additional functionality. It accepts most of the same properties as the HTML [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input), but works great on desktop devices and integrates with the keyboard on mobile devices.\n\nIt is meant for text type inputs only, such as \"text\", \"password\", \"email\", \"number\", \"search\", \"tel\", and \"url\". It supports all standard text input events including keyup, keydown, keypress, and more.\n * @slot inline-button - suitable for inline action buttons or icons that may add extra contextual information\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n * @slot legacy - you can use this slot to wrap any old inputs / labels. This will set appropriate defaults for the nano-input\n */\n@Component({\n  tag: 'nano-input',\n  styleUrl: 'input.scss',\n  scoped: true,\n})\nexport class Input implements ComponentInterface {\n  private nativeInput?: HTMLInputElement | HTMLTextAreaElement;\n  private inputId = `nano-input-${inputIds++}`;\n  private didBlurAfterEdit = false;\n  private errorContainer?: HTMLDivElement;\n  private rtl: boolean = false;\n  private mo?: MutationObserver;\n  private charCount = 0;\n  private hasRendered = false;\n\n  @State() hasFocus = false;\n  @State() isLegacy = !document.head.attachShadow;\n  @State() hasLabelSlot = false;\n  @State() hasButtonSlot = false;\n  @State() hasHelperSlot = false;\n  @State() _invalid = false;\n\n  @Element() el!: HTMLNanoInputElement;\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\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.\n   */\n  @Prop() accept?: string;\n\n  /**\n   * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n   */\n  @Prop() autocapitalise: 'none' | 'sentences' | 'words' | 'characters' =\n    'none';\n\n  /**\n   * Indicates whether the value of the control can be automatically completed by the browser.\n   */\n  @Prop() autocomplete: 'on' | 'off' = 'off';\n\n  /**\n   * Whether auto correction should be enabled when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: 'on' | 'off' = 'off';\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.\n   */\n  @Prop() clearInput = false;\n\n  /**\n   * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types.\n   */\n  @Prop() clearOnEdit?: boolean;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `nanoChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n\n  /**\n   * If `true`, the user cannot interact with the input.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * A hint to the browser for which keyboard to display.\n   * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n   * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n   */\n  @Prop() inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search';\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * String to place within a label element. Alternatively you may use a label slot.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max?: string;\n\n  /**\n   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min?: string;\n\n  /**\n   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n   */\n  @Prop() multiple?: boolean;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Instructional text that shows before the input has a value.\n   */\n  @Prop() placeholder?: string | null;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * If `true`, the element will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * The initial size of the control. This value is in pixels unless the value of the type attribute is `\"text\"` or `\"password\"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n   */\n  @Prop() size?: number;\n\n  /**\n   * The type of control to display. The default type is text.\n   */\n  @Prop() type: TextFieldTypes = 'text';\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * The value of the input.\n   */\n  @Prop({ mutable: true }) value?: string | null = '';\n\n  /**\n   * relevant to type=\"textarea\". Vertical resizing - enable / disable or make automatic.\n   */\n  @Prop() resize: 'true' | 'false' | 'auto' = 'auto';\n\n  /**\n   * relevant to type=\"textarea\". Default number of rows to show\n   */\n  @Prop() rows = 2;\n\n  /**\n   * relevant to type=\"textarea\".\n   */\n  @Prop() showCharCount = false;\n\n  @Watch('minlength')\n  @Watch('maxlength')\n  @Watch('min')\n  @Watch('max')\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('validateOn')\n  @Watch('readonly')\n  @Watch('pattern')\n  @Watch('inputmode')\n  protected shouldValidate() {\n    if (!this.hasRendered) return;\n    setTimeout(() => {\n      if (this.validateOn === 'dirty') this.validate();\n    }, 20);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    this.nanoChange.emit({ value: this.value });\n    this.charCount = this.value.length;\n\n    if (this.type === 'textarea' && this.resize === 'auto') {\n      this.nativeInput.style.height = 'auto';\n      if (this.value.length)\n        this.nativeInput.style.height = this.nativeInput.scrollHeight + 'px';\n    }\n\n    setTimeout(() => {\n      if (this.validateOn === 'dirty') this.validate();\n    }, 20);\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.nanoChange = debounceEvent(this.nanoChange, this.debounce);\n  }\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() nanoInput!: EventEmitter<KeyboardEvent>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() nanoChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has been created.\n   * @internal\n   */\n  @Event() nanoDidLoad!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input has been removed.\n   * @internal\n   */\n  @Event() nanoDidUnload!: EventEmitter<void>;\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  /**\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    if (validateFirst) this.validate();\n    return {\n      isValid: !this._invalid,\n      errorMessage: this.nativeInput.validationMessage,\n    };\n  }\n\n  /**\n   * Sets focus on the specified `nano-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeInput) {\n      this.nativeInput.focus();\n    }\n  }\n\n  /**\n   * Returns the native `<input>` element used under the hood.\n   */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return Promise.resolve(this.nativeInput!);\n  }\n\n  /**\n   * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (this.nativeInput) {\n      this.nativeInput.setCustomValidity(message);\n      this.validate();\n    }\n  }\n\n  private shouldClearOnEdit() {\n    const { type, clearOnEdit } = this;\n    return clearOnEdit === undefined ? type === 'password' : clearOnEdit;\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private validate = (ev?: Event) => {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    if (!this.nativeInput.validity.valid) {\n      if (this.showInlineError && !!this.errorContainer) {\n        if (ev) ev.preventDefault();\n        this.errorContainer.innerText = this.nativeInput.validationMessage;\n      }\n      this._invalid = true;\n    } else this._invalid = false;\n\n    this.nanoValidate.emit({\n      isValid: !this._invalid,\n      errorMessage: this.nativeInput.validationMessage,\n      originalEvent: ev,\n    });\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) this.value = input.value || '';\n    this.nanoInput.emit(ev as KeyboardEvent);\n  };\n\n  private handleDocumentMouseDown = (ev: MouseEvent) => {\n    const target = ev.target as HTMLElement;\n    if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n      this.onBlur();\n    }\n  };\n\n  private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key !== 'Tab') return;\n    setTimeout(() => {\n      if (\n        document.activeElement &&\n        closestElement(\n          this.el.tagName.toLowerCase(),\n          document.activeElement\n        ) !== this.el\n      ) {\n        this.onBlur();\n        return;\n      }\n    });\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    this.focusChanged();\n    if (this.validateOn === 'dirty') this.validate();\n\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n\n    this.nanoBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.focusChanged();\n\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n\n    this.nanoFocus.emit();\n  };\n\n  private onKeydown = () => {\n    if (this.shouldClearOnEdit()) {\n      // Did the input value change after it was blurred and edited?\n      if (this.didBlurAfterEdit && this.hasValue()) {\n        // Clear the input\n        this.clearTextInput();\n      }\n\n      // Reset the flag\n      this.didBlurAfterEdit = false;\n    }\n  };\n\n  private clearTextInput = (ev?: Event) => {\n    if (this.clearInput && !this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n    this.value = '';\n    /**\n     * This is needed for clearOnEdit\n     * Otherwise the value will not be cleared\n     * if user is inside the input\n     */\n    if (this.nativeInput) {\n      this.nativeInput.value = '';\n    }\n  };\n\n  private focusChanged() {\n    // If clearOnEdit is enabled and the input blurred but has a value, set a flag\n    if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {\n      this.didBlurAfterEdit = true;\n    }\n  }\n\n  private hasValue(): boolean {\n    return this.getValue().length > 0;\n  }\n\n  private slotChangeObserver() {\n    if (this.mo) this.mo.disconnect();\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private processSlottedContent() {\n    // see if we have label / button content\n    this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]');\n    this.hasButtonSlot = !!this.el.querySelector('[slot=\"inline-button\"]');\n    this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n\n    const hasLegacySlot = !!this.el.querySelector('[slot=\"legacy\"]');\n    if (!hasLegacySlot) return;\n\n    let existingInput = this.el.querySelector(\n      'input:not([class*=\"sc-nano-input\"])'\n    );\n    let existingLabel = this.el.querySelector(\n      'label:not([class*=\"sc-nano-input\"])'\n    );\n\n    if (existingLabel) this.label = this.label || existingLabel.innerHTML;\n\n    if (existingInput) {\n      Array.from(existingInput.attributes)\n        .filter((attr) => attr.specified && attr.nodeName in this)\n        .map((attr) => (this[attr.nodeName] = attr.nodeValue));\n    }\n\n    if (existingLabel || existingInput) {\n      // empty all slotted stuff\n      let children = this.el.querySelectorAll('[slot=\"legacy\"]');\n      if (children) children.forEach((n) => n.parentNode.removeChild(n));\n    }\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    if (Build.isBrowser) {\n      this.el.dispatchEvent(\n        new CustomEvent('nanoDidLoad', {\n          detail: this.el,\n        })\n      );\n    }\n    testLegacyStyle(this.el);\n  }\n\n  disconnectedCallback() {\n    if (Build.isBrowser) {\n      document.dispatchEvent(\n        new CustomEvent('nanoDidUnload', {\n          detail: this.el,\n        })\n      );\n    }\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n    this.hasRendered = true;\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  private renderLabel(labelId: string, position?: 'float'): VNode {\n    if (!this.label && !this.hasLabelSlot) return;\n    if (position === 'float') {\n      return (\n        <label class=\"placeholder-as-label\" htmlFor={this.inputId} id={labelId}>\n          {this.label && this.label}\n          {!this.label && this.hasLabelSlot && <slot name=\"label\" />}\n        </label>\n      );\n    } else {\n      return (\n        <label\n          class={{ label: true, 'visually-hide': this.hideLabel }}\n          htmlFor={this.inputId}\n          id={labelId}\n        >\n          <div class=\"label-placeholder\">\n            {this.placeholder && this.hasValue() && this.rtl && (\n              <span class=\"placeholder\">{this.placeholder} / </span>\n            )}\n            <span class=\"labeltext\">\n              {this.label && this.label}\n              {!this.label && this.hasLabelSlot && <slot name=\"label\" />}\n            </span>\n            {this.placeholder && this.hasValue() && !this.rtl && (\n              <span class=\"placeholder\"> / {this.placeholder}</span>\n            )}\n          </div>\n          {this.showCharCount && (\n            <span class=\"charcount\">\n              {this.maxlength\n                ? this.maxlength - this.charCount + ' left'\n                : this.charCount + ' characters'}\n            </span>\n          )}\n        </label>\n      );\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const labelId = this.inputId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot ? this.inputId + '-more' : '';\n    this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        dir={this.rtl ? 'rtl' : null}\n        class={{\n          ...createColorClasses(this.color),\n          'has-value': this.hasValue(),\n          'has-focus': this.hasFocus,\n          'is-invalid': this._invalid,\n        }}\n      >\n        {!this.floatLabel && this.renderLabel(labelId)}\n        <div\n          class={{\n            'has-label': this.label !== null && !this.floatLabel,\n            'has-float-label': this.label !== null && this.floatLabel,\n            rtl: this.rtl,\n            'has-inline-button': this.hasButtonSlot,\n            legacy: this.isLegacy,\n            input: true,\n            textarea: this.type === 'textarea',\n          }}\n        >\n          {this.floatLabel && this.renderLabel(labelId, 'float')}\n          <div class=\"native-input-wrap\">\n            {this.type !== 'textarea' && (\n              <input\n                id={this.inputId}\n                class=\"native-input\"\n                ref={(input) => (this.nativeInput = input)}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                accept={this.accept}\n                autoCapitalize={this.autocapitalise}\n                autoComplete={this.autocomplete}\n                autoCorrect={this.autocorrect}\n                autoFocus={this.autofocus}\n                inputMode={this.inputmode}\n                form={this.form}\n                min={this.min}\n                max={this.max}\n                minLength={this.minlength}\n                maxLength={this.maxlength}\n                multiple={this.multiple}\n                name={this.name}\n                pattern={this.pattern}\n                placeholder={\n                  !this.floatLabel && this.placeholder ? this.placeholder : ''\n                }\n                readOnly={this.readonly}\n                required={this.required}\n                spellcheck={this.spellcheck}\n                step={this.step}\n                size={this.size}\n                type={this.type}\n                value={value}\n                onInput={this.onInput}\n                onFocus={this.onFocus}\n                onKeyDown={this.onKeydown}\n                onInvalid={this.validate}\n              />\n            )}\n            {this.type === 'textarea' && (\n              <textarea\n                rows={this.floatLabel ? 1 : this.rows}\n                id={this.inputId}\n                class={{\n                  'native-input': true,\n                  resizable: this.resize === 'true',\n                }}\n                ref={(input) => (this.nativeInput = input)}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                autoCapitalize={this.autocapitalise}\n                autoCorrect={this.autocorrect}\n                autoFocus={this.autofocus}\n                inputMode={this.inputmode}\n                form={this.form}\n                minLength={this.minlength}\n                maxLength={this.maxlength}\n                name={this.name}\n                placeholder={\n                  !this.floatLabel && this.placeholder ? this.placeholder : ''\n                }\n                readOnly={this.readonly}\n                required={this.required}\n                spellcheck={this.spellcheck}\n                value={value}\n                onInput={this.onInput}\n                onFocus={this.onFocus}\n                onKeyDown={this.onKeydown}\n                onInvalid={this.validate}\n              ></textarea>\n            )}\n            {this.clearInput && !this.readonly && !this.disabled && (\n              <button\n                type=\"button\"\n                class=\"icon input-clear-icon\"\n                tabindex=\"-1\"\n                onTouchStart={this.clearTextInput}\n                onMouseDown={this.clearTextInput}\n              >\n                <nano-icon name=\"light/times\"></nano-icon>\n              </button>\n            )}\n            {this.hasButtonSlot ? (\n              <span class=\"inline-button\">\n                <slot name=\"inline-button\" />\n              </span>\n            ) : (\n              ''\n            )}\n          </div>\n        </div>\n        {(this.showInlineError || this.hasHelperSlot) && (\n          <div class=\"more\" id={moreId}>\n            {!!this.showInlineError ? (\n              <div class=\"error\" ref={(div) => (this.errorContainer = div)} />\n            ) : (\n              ''\n            )}\n            <div class=\"helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n\nlet inputIds = 0;\n"]}

package/dist/nano-components/p-acc8436e.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,o){function r(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function a(e){try{c(o.next(e))}catch(n){i(n)}}function s(e){try{c(o["throw"](e))}catch(n){i(n)}}function c(e){e.done?t(e.value):r(e.value).then(a,s)}c((o=o.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(n){return c([e,n])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(t)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;r=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=n.call(e,t)}catch(s){a=[6,s];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-3b21dfce.system.js","./p-3d1c1c19.system.js","./p-f00d0c25.system.js","./p-20c43a20.system.js"],(function(e){"use strict";var n,t,o,r,i,a,s,c;return{setters:[function(e){n=e.r;t=e.c;o=e.h;r=e.e;i=e.g},function(e){a=e.g},function(e){s=e.s},function(e){c=e.g}],execute:function(){var u=".sc-nano-menu-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-menu,*.sc-nano-menu::before,*.sc-nano-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-menu:export{screen:1000}.sc-nano-menu-h.legacy .sc-nano-menu-s>*,.legacy.sc-nano-menu-h *.sc-nano-menu{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:10px;--secondary-padding-bottom:10px;--secondary-bg-color:#fff;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#0084a9;--color-selected:#0084a9;--color-focus:#0084a9;--focus-outline:none;display:block}.sc-nano-menu-h{--padding-start:10px;--padding-end:10px;--padding-top:10px;--padding-bottom:10px;--secondary-padding-top:0;--secondary-padding-bottom:0;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#0084a9;--color-selected:#0084a9;--color-focus:#0084a9;--focus-outline:none;display:block}.menu.sc-nano-menu{-ms-scroll-chaining:none;overscroll-behavior:none;font-size:0.9em;min-width:var(--width);position:relative}.menu.sc-nano-menu:focus{outline:none}.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:var(--padding-start);margin-right:var(--padding-end);margin-top:var(--padding-top);margin-bottom:var(--padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.menu.sc-nano-menu-s>*:not(nano-nav-item){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-start);margin-inline-start:var(--padding-start);-webkit-margin-end:var(--padding-end);margin-inline-end:var(--padding-end)}}";var l=!!document.head.attachShadow;var f=e("nano_menu",function(){function e(e){var o=this;n(this,e);this.nanoFocus=t(this,"nanoFocus",7);this.nanoBlur=t(this,"nanoBlur",7);this.nanoSelect=t(this,"nanoSelect",7);this.ignoreMouseEvents=false;this.typeToSelect="";this.handleFocus=function(){var e=o.getActiveItem();if(!e){o.setActiveItem(o.getItems()[0])}o.nanoFocus.emit()};this.handleBlur=function(){};this.handleClick=function(e){var n=e.target;var t=n.closest("nano-nav-item");if(t&&!t.disabled){o.nanoSelect.emit({item:t})}};this.handleKeyDown=function(e){clearTimeout(o.ignoreMouseTimeout);o.ignoreMouseTimeout=setTimeout((function(){return o.ignoreMouseEvents=false}),500);o.ignoreMouseEvents=true;switch(e.key){case" ":var n=o.getActiveItem();n.click();break;case"ArrowDown":case"ArrowUp":case"Home":case"End":var t=o.getItems();var r=o.getActiveItem();var i=t.indexOf(r);if(t.length){e.preventDefault();if(e.key==="ArrowDown"){i++}else if(e.key==="ArrowUp"){i--}else if(e.key==="Home"){i=0}else if(e.key==="End"){i=t.length-1}if(i<0)i=0;if(i>t.length-1)i=t.length-1;o.setActiveItem(t[i]);o.scrollItemIntoView(t[i]);return}break}if(e.key===" "||/^[\d\w]$/i.test(e.key)){clearTimeout(o.typeToSelectTimeout);o.typeToSelectTimeout=setTimeout((function(){return o.typeToSelect=""}),750);o.typeToSelect+=e.key;var t=o.getItems();for(var a=0,s=t;a<s.length;a++){var u=s[a];var l=u.shadowRoot.querySelector("slot:not([name])");var f=c(l).toLowerCase().trim();if(f.substring(0,o.typeToSelect.length)===o.typeToSelect){u.setFocus();break}}}};this.handleMouseOver=function(e){var n=e.target;var t=n.closest("nano-nav-item");if(t&&!o.ignoreMouseEvents){o.setActiveItem(t)}}}e.prototype.connectedCallback=function(){};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menu.focus();return[2]}))}))};e.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menu.blur();return[2]}))}))};e.prototype.getItems=function(){var e;var n=this.el.querySelectorAll("nano-nav-item.secondary-open");if(n.length){var t=n[n.length-1];e=Array.from(t.querySelectorAll("nano-nav-item"))}else{e=a(this.el,"nano-nav-item")}return e.filter((function(e){return!e.disabled}))};e.prototype.getActiveItem=function(){return this.el.querySelector("nano-nav-item.has-focus")};e.prototype.setActiveItem=function(e){if(e)e.setFocus();else this.el.setFocus()};e.prototype.scrollItemIntoView=function(e){if(e){s(e,this.menu)}};e.prototype.render=function(){var e=this;return o(r,{class:{legacy:!l}},o("nav",{ref:function(n){return e.menu=n},part:"base",class:"menu",tabIndex:-1,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver},o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());f.style=u}}}));
-//# sourceMappingURL=p-acc8436e.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/menu/menu.scss?tag=nano-menu&encapsulation=scoped","src/components/menu/menu.tsx"],"names":["menuCss","CANSHADOW","document","head","attachShadow","Menu","exports","class_1","hostRef","_this","this","ignoreMouseEvents","typeToSelect","handleFocus","item","getActiveItem","setActiveItem","getItems","nanoFocus","emit","handleBlur","handleClick","event","target","closest","disabled","nanoSelect","handleKeyDown","clearTimeout","ignoreMouseTimeout","setTimeout","key","ele","click","items","selectedItem","index","indexOf","length","preventDefault","scrollItemIntoView","test","typeToSelectTimeout","_i","items_1","slot","shadowRoot","querySelector","label","getTextContent","toLowerCase","trim","substring","setFocus","handleMouseOver","prototype","connectedCallback","menu","focus","removeFocus","blur","opened","el","querySelectorAll","ctx","Array","from","getDirectChildren","filter","scrollIntoView","render","h","Host","class","legacy","ref","part","tabIndex","onClick","onFocus","onBlur","onKeyDown","onMouseOver"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host(.legacy) {\n\n  ::slotted(*),\n  * {\n    --padding-start: 10px;\n    --padding-end: 10px;\n    --padding-top: 10px;\n    --padding-bottom: 10px;\n\n    --secondary-padding-top: 10px;\n    --secondary-padding-bottom: 10px;\n    --secondary-bg-color: #{$color-white};\n\n    --bg-color-hover: #{$color-blue--faded};\n    --bg-color-focus: #{$color-blue--faded};\n    --bg-color-selected: #{$color-blue--faded};\n\n    --color-hover: #{$color-blue};\n    --color-selected: #{$color-blue};\n    --color-focus: #{$color-blue};\n\n    --focus-outline: none;\n    display: block;\n  }\n}\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-focus: bg focus color of nav-items. Defaults to #{$color-blue--faded};\n   * @prop --color-focus: text focus color of nav-items. Defaults to #{$color-blue}\n\n   * @prop --focus-outline: the focus style of nav-items. Defaults to 'none'\n  */\n\n  --padding-start: 10px;\n  --padding-end: 10px;\n  --padding-top: 10px;\n  --padding-bottom: 10px;\n\n  --secondary-padding-top: 0;\n  --secondary-padding-bottom: 0;\n\n  --bg-color-hover: #{$color-blue--faded};\n  --bg-color-focus: #{$color-blue--faded};\n  --bg-color-selected: #{$color-blue--faded};\n\n  --color-hover: #{$color-blue};\n  --color-selected: #{$color-blue};\n  --color-focus: #{$color-blue};\n\n  --focus-outline: none;\n  display: block;\n}\n\n.menu {\n  overscroll-behavior: none;\n  font-size: .9em;\n  min-width: var(--width);\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.menu::slotted(*:not(nano-nav-item)) {\n  @include margin(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  Method,\n  h,\n  Host,\n  Element,\n} from '@stencil/core';\nimport {\n  getTextContent,\n  scrollIntoView,\n  getDirectChildren,\n} from '../../utils/utils';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * @slot - The menu's content, including menu items, menu dividers, and menu labels.\n */\n@Component({\n  tag: 'nano-menu',\n  styleUrl: 'menu.scss',\n  scoped: 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  /** 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\n  connectedCallback() {}\n\n  /** Sets focus on the menu. */\n  @Method()\n  async setFocus() {\n    this.menu.focus();\n  }\n\n  /** Removes focus from the menu. */\n  @Method()\n  async removeFocus() {\n    this.menu.blur();\n  }\n\n  private getItems() {\n    let items: HTMLNanoNavItemElement[];\n    let opened = this.el.querySelectorAll('nano-nav-item.secondary-open');\n    if (opened.length) {\n      const ctx = opened[opened.length - 1] as HTMLNanoNavItemElement;\n      items = Array.from(ctx.querySelectorAll('nano-nav-item'));\n    } else {\n      items = getDirectChildren(\n        this.el,\n        'nano-nav-item'\n      ) as HTMLNanoNavItemElement[];\n    }\n    return items.filter((el) => !el.disabled);\n  }\n\n  private getActiveItem() {\n    return this.el.querySelector(\n      'nano-nav-item.has-focus'\n    ) as HTMLNanoNavItemElement;\n  }\n\n  private setActiveItem(item?: HTMLNanoNavItemElement) {\n    if (item) item.setFocus();\n    else this.el.setFocus();\n  }\n\n  private scrollItemIntoView(item: HTMLNanoNavItemElement) {\n    if (item) {\n      scrollIntoView(item, this.menu);\n    }\n  }\n\n  private handleFocus = () => {\n    const item = this.getActiveItem();\n    if (!item) {\n      this.setActiveItem(this.getItems()[0]);\n    }\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    //this.setActiveItem();\n    // this.nanoBlur.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nano-nav-item');\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        let ele = this.getActiveItem();\n        ele.click();\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Home':\n      case 'End':\n        const items = this.getItems();\n        const selectedItem = this.getActiveItem();\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') {\n            index = 0;\n          } else if (event.key === 'End') {\n            index = items.length - 1;\n          }\n\n          if (index < 0) index = 0;\n          if (index > items.length - 1) index = items.length - 1;\n\n          this.setActiveItem(items[index]);\n          this.scrollItemIntoView(items[index]);\n\n          return;\n        }\n        break;\n    }\n\n    // Handle type-to-search behavior when non-control characters are entered\n    if (event.key === ' ' || /^[\\d\\w]$/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 = item.shadowRoot.querySelector(\n          'slot:not([name])'\n        ) as HTMLSlotElement;\n        const label = getTextContent(slot).toLowerCase().trim();\n        if (\n          label.substring(0, this.typeToSelect.length) === this.typeToSelect\n        ) {\n          item.setFocus();\n          break;\n        }\n      }\n    }\n  };\n\n  private handleMouseOver = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nano-nav-item');\n\n    if (item && !this.ignoreMouseEvents) {\n      this.setActiveItem(item);\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          legacy: !CANSHADOW,\n        }}\n      >\n        <nav\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          class=\"menu\"\n          tabIndex={-1}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          onMouseOver={this.handleMouseOver}\n        >\n          <slot />\n        </nav>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-b346b2cb.system.js

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

package/dist/nano-components/p-b346b2cb.system.js.map

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

package/dist/nano-components/p-b55a0b5f.js

@@ -1,2 +0,0 @@
-!function(){if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=window.document,i=[],n=null,r=null;o.prototype.THROTTLE_TIMEOUT=100,o.prototype.POLL_INTERVAL=null,o.prototype.USE_MUTATION_OBSERVER=!0,o._setupCrossOriginUpdater=function(){return n||(n=function(t,n){r=t&&n?c(t,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},i.forEach((function(t){t._checkForIntersections()}))}),n},o._resetCrossOriginUpdater=function(){n=null,r=null},o.prototype.observe=function(t){if(!this._observationTargets.some((function(i){return i.element==t}))){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},o.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(i){return i.element!=t})),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},o.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},o.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},o.prototype._initThresholds=function(t){var i=t||[0];return Array.isArray(i)||(i=[i]),i.sort().filter((function(t,i,n){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==n[i-1]}))},o.prototype._parseRootMargin=function(t){var i=(t||"0px").split(/\s+/).map((function(t){var i=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!i)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(i[1]),unit:i[2]}}));return i[1]=i[1]||i[0],i[2]=i[2]||i[0],i[3]=i[3]||i[1],i},o.prototype._monitorIntersections=function(i){var n=i.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(i)){var r=this._checkForIntersections,h=null,o=null;if(this.POLL_INTERVAL?h=n.setInterval(r,this.POLL_INTERVAL):(e(n,"resize",r,!0),e(i,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(o=new n.MutationObserver(r)).observe(i,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(i),this._monitoringUnsubscribes.push((function(){var t=i.defaultView;t&&(h&&t.clearInterval(h),s(t,"resize",r,!0)),s(i,"scroll",r,!0),o&&o.disconnect()})),i!=(this.root&&this.root.ownerDocument||t)){var u=v(i);u&&this._monitorIntersections(u.ownerDocument)}}},o.prototype._unmonitorIntersections=function(i){var n=this._monitoringDocuments.indexOf(i);if(-1!=n){var r=this.root&&this.root.ownerDocument||t;if(!this._observationTargets.some((function(t){var n=t.element.ownerDocument;if(n==i)return!0;for(;n&&n!=r;){var h=v(n);if((n=h&&h.ownerDocument)==i)return!0}return!1}))){var h=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),h(),i!=r){var o=v(i);o&&this._unmonitorIntersections(o.ownerDocument)}}}},o.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var i=0;i<t.length;i++)t[i]()},o.prototype._checkForIntersections=function(){if(this.root||!n||r){var t=this._rootIsInDom(),i=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(r){var o=r.element,e=u(o),s=this._rootContainsTarget(o),f=r.entry,c=t&&s&&this._computeTargetAndRootIntersection(o,e,i),l=r.entry=new h({time:window.performance&&performance.now&&performance.now(),target:o,boundingClientRect:e,rootBounds:n&&!this.root?null:i,intersectionRect:c});f?t&&s?this._hasCrossedThreshold(f,l)&&this._queuedEntries.push(l):f&&f.isIntersecting&&this._queuedEntries.push(l):this._queuedEntries.push(l)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},o.prototype._computeTargetAndRootIntersection=function(i,h,o){if("none"!=window.getComputedStyle(i).display){for(var e,s,f,l,v,w,d,b,g=h,p=a(i),m=!1;!m&&p;){var y=null,E=1==p.nodeType?window.getComputedStyle(p):{};if("none"==E.display)return null;if(p==this.root||9==p.nodeType)if(m=!0,p==this.root||p==t)n&&!this.root?!r||0==r.width&&0==r.height?(p=null,y=null,g=null):y=r:y=o;else{var x=a(p),M=x&&u(x),I=x&&this._computeTargetAndRootIntersection(x,M,o);M&&I?(p=x,y=c(M,I)):(p=null,g=null)}else{var O=p.ownerDocument;p!=O.body&&p!=O.documentElement&&"visible"!=E.overflow&&(y=u(p))}if(y&&(e=y,s=g,void 0,void 0,void 0,void 0,void 0,void 0,f=Math.max(e.top,s.top),l=Math.min(e.bottom,s.bottom),v=Math.max(e.left,s.left),b=l-f,g=(d=(w=Math.min(e.right,s.right))-v)>=0&&b>=0&&{top:f,bottom:l,left:v,right:w,width:d,height:b}||null),!g)break;p=p&&a(p)}return g}},o.prototype._getRootRect=function(){var i;if(this.root)i=u(this.root);else{var n=t.documentElement,r=t.body;i={top:0,left:0,right:n.clientWidth||r.clientWidth,width:n.clientWidth||r.clientWidth,bottom:n.clientHeight||r.clientHeight,height:n.clientHeight||r.clientHeight}}return this._expandRectByRootMargin(i)},o.prototype._expandRectByRootMargin=function(t){var i=this._rootMarginValues.map((function(i,n){return"px"==i.unit?i.value:i.value*(n%2?t.width:t.height)/100})),n={top:t.top-i[0],right:t.right+i[1],bottom:t.bottom+i[2],left:t.left-i[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},o.prototype._hasCrossedThreshold=function(t,i){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1,r=i.isIntersecting?i.intersectionRatio||0:-1;if(n!==r)for(var h=0;h<this.thresholds.length;h++){var o=this.thresholds[h];if(o==n||o==r||o<n!=o<r)return!0}},o.prototype._rootIsInDom=function(){return!this.root||l(t,this.root)},o.prototype._rootContainsTarget=function(i){return l(this.root||t,i)&&(!this.root||this.root.ownerDocument==i.ownerDocument)},o.prototype._registerInstance=function(){i.indexOf(this)<0&&i.push(this)},o.prototype._unregisterInstance=function(){var t=i.indexOf(this);-1!=t&&i.splice(t,1)},window.IntersectionObserver=o,window.IntersectionObserverEntry=h}function h(t){this.time=t.time,this.target=t.target,this.rootBounds=f(t.rootBounds),this.boundingClientRect=f(t.boundingClientRect),this.intersectionRect=f(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var i=this.boundingClientRect,n=i.width*i.height,r=this.intersectionRect;this.intersectionRatio=n?Number((r.width*r.height/n).toFixed(4)):this.isIntersecting?1:0}function o(t,i){var n,r,h,o=i||{};if("function"!=typeof t)throw new Error("callback must be a function");if(o.root&&1!=o.root.nodeType)throw new Error("root must be an Element");this._checkForIntersections=(n=this._checkForIntersections.bind(this),r=this.THROTTLE_TIMEOUT,h=null,function(){h||(h=setTimeout((function(){n(),h=null}),r))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(o.rootMargin),this.thresholds=this._initThresholds(o.threshold),this.root=o.root||null,this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function e(t,i,n,r){"function"==typeof t.addEventListener?t.addEventListener(i,n,r||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+i,n)}function s(t,i,n,r){"function"==typeof t.removeEventListener?t.removeEventListener(i,n,r||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+i,n)}function u(t){var i;try{i=t.getBoundingClientRect()}catch(n){}return i?(i.width&&i.height||(i={top:i.top,right:i.right,bottom:i.bottom,left:i.left,width:i.right-i.left,height:i.bottom-i.top}),i):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function f(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function c(t,i){var n=i.top-t.top,r=i.left-t.left;return{top:n,left:r,height:i.height,width:i.width,bottom:n+i.height,right:r+i.width}}function l(t,i){for(var n=i;n;){if(n==t)return!0;n=a(n)}return!1}function a(i){var n=i.parentNode;return 9==i.nodeType&&i!=t?v(i):n&&11==n.nodeType&&n.host?n.host:n&&n.assignedSlot?n.assignedSlot.parentNode:n}function v(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(i){return null}}}();
-//# sourceMappingURL=p-b55a0b5f.js.map

package/dist/nano-components/p-b55a0b5f.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/intersection-observer/intersection-observer.js"],"names":["window","IntersectionObserverEntry","prototype","Object","defineProperty","get","this","intersectionRatio","document","registry","crossOriginUpdater","crossOriginRect","IntersectionObserver","THROTTLE_TIMEOUT","POLL_INTERVAL","USE_MUTATION_OBSERVER","_setupCrossOriginUpdater","boundingClientRect","intersectionRect","convertFromParentRect","top","bottom","left","right","width","height","forEach","observer","_checkForIntersections","_resetCrossOriginUpdater","observe","target","_observationTargets","some","item","element","nodeType","Error","_registerInstance","push","entry","_monitorIntersections","ownerDocument","unobserve","filter","_unmonitorIntersections","length","_unregisterInstance","disconnect","_unmonitorAllIntersections","takeRecords","records","_queuedEntries","slice","_initThresholds","opt_threshold","threshold","Array","isArray","sort","t","i","a","isNaN","_parseRootMargin","opt_rootMargin","margins","split","map","margin","parts","exec","value","parseFloat","unit","doc","win","defaultView","_monitoringDocuments","indexOf","callback","monitoringInterval","domObserver","setInterval","addEvent","MutationObserver","attributes","childList","characterData","subtree","_monitoringUnsubscribes","clearInterval","removeEvent","root","frame","getFrameElement","index","rootDoc","itemDoc","unsubscribe","splice","unsubscribes","rootIsInDom","_rootIsInDom","rootRect","_getRootRect","targetRect","getBoundingClientRect","rootContainsTarget","_rootContainsTarget","oldEntry","_computeTargetAndRootIntersection","newEntry","time","performance","now","rootBounds","_hasCrossedThreshold","isIntersecting","_callback","getComputedStyle","display","rect1","rect2","parent","getParentNode","atRoot","parentRect","parentComputedStyle","frameRect","frameIntersect","body","documentElement","overflow","Math","max","min","html","clientWidth","clientHeight","_expandRectByRootMargin","rect","_rootMarginValues","newRect","oldRatio","newRatio","thresholds","containsDeep","ensureDOMRect","targetArea","Number","toFixed","opt_options","fn","timeout","timer","options","bind","setTimeout","rootMargin","join","node","event","opt_useCapture","addEventListener","attachEvent","removeEventListener","detatchEvent","el","err","y","x","parentBoundingRect","parentIntersectionRect","child","parentNode","host","assignedSlot","frameElement","e"],"mappings":"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","sourcesContent":["/**\n * Copyright 2016 Google Inc. All Rights Reserved.\n *\n * Licensed under the W3C SOFTWARE AND DOCUMENT NOTICE AND LICENSE.\n *\n *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n */\n(function() {\n'use strict';\n\n// Exit early if we're not running in a browser.\nif (typeof window !== 'object') {\n  return;\n}\n\n// Exit early if all IntersectionObserver and IntersectionObserverEntry\n// features are natively supported.\nif ('IntersectionObserver' in window &&\n    'IntersectionObserverEntry' in window &&\n    'intersectionRatio' in window.IntersectionObserverEntry.prototype) {\n\n  // Minimal polyfill for Edge 15's lack of `isIntersecting`\n  // See: https://github.com/w3c/IntersectionObserver/issues/211\n  if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) {\n    Object.defineProperty(window.IntersectionObserverEntry.prototype,\n      'isIntersecting', {\n      get: function () {\n        return this.intersectionRatio > 0;\n      }\n    });\n  }\n  return;\n}\n\n\n/**\n * A local reference to the document.\n */\nvar document = window.document;\n\n\n/**\n * An IntersectionObserver registry. This registry exists to hold a strong\n * reference to IntersectionObserver instances currently observing a target\n * element. Without this registry, instances without another reference may be\n * garbage collected.\n */\nvar registry = [];\n\n/**\n * The signal updater for cross-origin intersection. When not null, it means\n * that the polyfill is configured to work in a cross-origin mode.\n * @type {function(DOMRect|ClientRect, DOMRect|ClientRect)}\n */\nvar crossOriginUpdater = null;\n\n/**\n * The current cross-origin intersection. Only used in the cross-origin mode.\n * @type {DOMRect|ClientRect}\n */\nvar crossOriginRect = null;\n\n\n/**\n * Creates the global IntersectionObserverEntry constructor.\n * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry\n * @param {Object} entry A dictionary of instance properties.\n * @constructor\n */\nfunction IntersectionObserverEntry(entry) {\n  this.time = entry.time;\n  this.target = entry.target;\n  this.rootBounds = ensureDOMRect(entry.rootBounds);\n  this.boundingClientRect = ensureDOMRect(entry.boundingClientRect);\n  this.intersectionRect = ensureDOMRect(entry.intersectionRect || getEmptyRect());\n  this.isIntersecting = !!entry.intersectionRect;\n\n  // Calculates the intersection ratio.\n  var targetRect = this.boundingClientRect;\n  var targetArea = targetRect.width * targetRect.height;\n  var intersectionRect = this.intersectionRect;\n  var intersectionArea = intersectionRect.width * intersectionRect.height;\n\n  // Sets intersection ratio.\n  if (targetArea) {\n    // Round the intersection ratio to avoid floating point math issues:\n    // https://github.com/w3c/IntersectionObserver/issues/324\n    this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4));\n  } else {\n    // If area is zero and is intersecting, sets to 1, otherwise to 0\n    this.intersectionRatio = this.isIntersecting ? 1 : 0;\n  }\n}\n\n\n/**\n * Creates the global IntersectionObserver constructor.\n * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface\n * @param {Function} callback The function to be invoked after intersection\n *     changes have queued. The function is not invoked if the queue has\n *     been emptied by calling the `takeRecords` method.\n * @param {Object=} opt_options Optional configuration options.\n * @constructor\n */\nfunction IntersectionObserver(callback, opt_options) {\n\n  var options = opt_options || {};\n\n  if (typeof callback != 'function') {\n    throw new Error('callback must be a function');\n  }\n\n  if (options.root && options.root.nodeType != 1) {\n    throw new Error('root must be an Element');\n  }\n\n  // Binds and throttles `this._checkForIntersections`.\n  this._checkForIntersections = throttle(\n      this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT);\n\n  // Private properties.\n  this._callback = callback;\n  this._observationTargets = [];\n  this._queuedEntries = [];\n  this._rootMarginValues = this._parseRootMargin(options.rootMargin);\n\n  // Public properties.\n  this.thresholds = this._initThresholds(options.threshold);\n  this.root = options.root || null;\n  this.rootMargin = this._rootMarginValues.map(function(margin) {\n    return margin.value + margin.unit;\n  }).join(' ');\n\n  /** @private @const {!Array<!Document>} */\n  this._monitoringDocuments = [];\n  /** @private @const {!Array<function()>} */\n  this._monitoringUnsubscribes = [];\n}\n\n\n/**\n * The minimum interval within which the document will be checked for\n * intersection changes.\n */\nIntersectionObserver.prototype.THROTTLE_TIMEOUT = 100;\n\n\n/**\n * The frequency in which the polyfill polls for intersection changes.\n * this can be updated on a per instance basis and must be set prior to\n * calling `observe` on the first target.\n */\nIntersectionObserver.prototype.POLL_INTERVAL = null;\n\n/**\n * Use a mutation observer on the root element\n * to detect intersection changes.\n */\nIntersectionObserver.prototype.USE_MUTATION_OBSERVER = true;\n\n\n/**\n * Sets up the polyfill in the cross-origin mode. The result is the\n * updater function that accepts two arguments: `boundingClientRect` and\n * `intersectionRect` - just as these fields would be available to the\n * parent via `IntersectionObserverEntry`. This function should be called\n * each time the iframe receives intersection information from the parent\n * window, e.g. via messaging.\n * @return {function(DOMRect|ClientRect, DOMRect|ClientRect)}\n */\nIntersectionObserver._setupCrossOriginUpdater = function() {\n  if (!crossOriginUpdater) {\n    /**\n     * @param {DOMRect|ClientRect} boundingClientRect\n     * @param {DOMRect|ClientRect} intersectionRect\n     */\n    crossOriginUpdater = function(boundingClientRect, intersectionRect) {\n      if (!boundingClientRect || !intersectionRect) {\n        crossOriginRect = getEmptyRect();\n      } else {\n        crossOriginRect = convertFromParentRect(boundingClientRect, intersectionRect);\n      }\n      registry.forEach(function(observer) {\n        observer._checkForIntersections();\n      });\n    };\n  }\n  return crossOriginUpdater;\n};\n\n\n/**\n * Resets the cross-origin mode.\n */\nIntersectionObserver._resetCrossOriginUpdater = function() {\n  crossOriginUpdater = null;\n  crossOriginRect = null;\n};\n\n\n/**\n * Starts observing a target element for intersection changes based on\n * the thresholds values.\n * @param {Element} target The DOM element to observe.\n */\nIntersectionObserver.prototype.observe = function(target) {\n  var isTargetAlreadyObserved = this._observationTargets.some(function(item) {\n    return item.element == target;\n  });\n\n  if (isTargetAlreadyObserved) {\n    return;\n  }\n\n  if (!(target && target.nodeType == 1)) {\n    throw new Error('target must be an Element');\n  }\n\n  this._registerInstance();\n  this._observationTargets.push({element: target, entry: null});\n  this._monitorIntersections(target.ownerDocument);\n  this._checkForIntersections();\n};\n\n\n/**\n * Stops observing a target element for intersection changes.\n * @param {Element} target The DOM element to observe.\n */\nIntersectionObserver.prototype.unobserve = function(target) {\n  this._observationTargets =\n      this._observationTargets.filter(function(item) {\n        return item.element != target;\n      });\n  this._unmonitorIntersections(target.ownerDocument);\n  if (this._observationTargets.length == 0) {\n    this._unregisterInstance();\n  }\n};\n\n\n/**\n * Stops observing all target elements for intersection changes.\n */\nIntersectionObserver.prototype.disconnect = function() {\n  this._observationTargets = [];\n  this._unmonitorAllIntersections();\n  this._unregisterInstance();\n};\n\n\n/**\n * Returns any queue entries that have not yet been reported to the\n * callback and clears the queue. This can be used in conjunction with the\n * callback to obtain the absolute most up-to-date intersection information.\n * @return {Array} The currently queued entries.\n */\nIntersectionObserver.prototype.takeRecords = function() {\n  var records = this._queuedEntries.slice();\n  this._queuedEntries = [];\n  return records;\n};\n\n\n/**\n * Accepts the threshold value from the user configuration object and\n * returns a sorted array of unique threshold values. If a value is not\n * between 0 and 1 and error is thrown.\n * @private\n * @param {Array|number=} opt_threshold An optional threshold value or\n *     a list of threshold values, defaulting to [0].\n * @return {Array} A sorted list of unique and valid threshold values.\n */\nIntersectionObserver.prototype._initThresholds = function(opt_threshold) {\n  var threshold = opt_threshold || [0];\n  if (!Array.isArray(threshold)) threshold = [threshold];\n\n  return threshold.sort().filter(function(t, i, a) {\n    if (typeof t != 'number' || isNaN(t) || t < 0 || t > 1) {\n      throw new Error('threshold must be a number between 0 and 1 inclusively');\n    }\n    return t !== a[i - 1];\n  });\n};\n\n\n/**\n * Accepts the rootMargin value from the user configuration object\n * and returns an array of the four margin values as an object containing\n * the value and unit properties. If any of the values are not properly\n * formatted or use a unit other than px or %, and error is thrown.\n * @private\n * @param {string=} opt_rootMargin An optional rootMargin value,\n *     defaulting to '0px'.\n * @return {Array<Object>} An array of margin objects with the keys\n *     value and unit.\n */\nIntersectionObserver.prototype._parseRootMargin = function(opt_rootMargin) {\n  var marginString = opt_rootMargin || '0px';\n  var margins = marginString.split(/\\s+/).map(function(margin) {\n    var parts = /^(-?\\d*\\.?\\d+)(px|%)$/.exec(margin);\n    if (!parts) {\n      throw new Error('rootMargin must be specified in pixels or percent');\n    }\n    return {value: parseFloat(parts[1]), unit: parts[2]};\n  });\n\n  // Handles shorthand.\n  margins[1] = margins[1] || margins[0];\n  margins[2] = margins[2] || margins[0];\n  margins[3] = margins[3] || margins[1];\n\n  return margins;\n};\n\n\n/**\n * Starts polling for intersection changes if the polling is not already\n * happening, and if the page's visibility state is visible.\n * @param {!Document} doc\n * @private\n */\nIntersectionObserver.prototype._monitorIntersections = function(doc) {\n  var win = doc.defaultView;\n  if (!win) {\n    // Already destroyed.\n    return;\n  }\n  if (this._monitoringDocuments.indexOf(doc) != -1) {\n    // Already monitoring.\n    return;\n  }\n\n  // Private state for monitoring.\n  var callback = this._checkForIntersections;\n  var monitoringInterval = null;\n  var domObserver = null;\n\n  // If a poll interval is set, use polling instead of listening to\n  // resize and scroll events or DOM mutations.\n  if (this.POLL_INTERVAL) {\n    monitoringInterval = win.setInterval(callback, this.POLL_INTERVAL);\n  } else {\n    addEvent(win, 'resize', callback, true);\n    addEvent(doc, 'scroll', callback, true);\n    if (this.USE_MUTATION_OBSERVER && 'MutationObserver' in win) {\n      domObserver = new win.MutationObserver(callback);\n      domObserver.observe(doc, {\n        attributes: true,\n        childList: true,\n        characterData: true,\n        subtree: true\n      });\n    }\n  }\n\n  this._monitoringDocuments.push(doc);\n  this._monitoringUnsubscribes.push(function() {\n    // Get the window object again. When a friendly iframe is destroyed, it\n    // will be null.\n    var win = doc.defaultView;\n\n    if (win) {\n      if (monitoringInterval) {\n        win.clearInterval(monitoringInterval);\n      }\n      removeEvent(win, 'resize', callback, true);\n    }\n\n    removeEvent(doc, 'scroll', callback, true);\n    if (domObserver) {\n      domObserver.disconnect();\n    }\n  });\n\n  // Also monitor the parent.\n  if (doc != (this.root && this.root.ownerDocument || document)) {\n    var frame = getFrameElement(doc);\n    if (frame) {\n      this._monitorIntersections(frame.ownerDocument);\n    }\n  }\n};\n\n\n/**\n * Stops polling for intersection changes.\n * @param {!Document} doc\n * @private\n */\nIntersectionObserver.prototype._unmonitorIntersections = function(doc) {\n  var index = this._monitoringDocuments.indexOf(doc);\n  if (index == -1) {\n    return;\n  }\n\n  var rootDoc = (this.root && this.root.ownerDocument || document);\n\n  // Check if any dependent targets are still remaining.\n  var hasDependentTargets =\n      this._observationTargets.some(function(item) {\n        var itemDoc = item.element.ownerDocument;\n        // Target is in this context.\n        if (itemDoc == doc) {\n          return true;\n        }\n        // Target is nested in this context.\n        while (itemDoc && itemDoc != rootDoc) {\n          var frame = getFrameElement(itemDoc);\n          itemDoc = frame && frame.ownerDocument;\n          if (itemDoc == doc) {\n            return true;\n          }\n        }\n        return false;\n      });\n  if (hasDependentTargets) {\n    return;\n  }\n\n  // Unsubscribe.\n  var unsubscribe = this._monitoringUnsubscribes[index];\n  this._monitoringDocuments.splice(index, 1);\n  this._monitoringUnsubscribes.splice(index, 1);\n  unsubscribe();\n\n  // Also unmonitor the parent.\n  if (doc != rootDoc) {\n    var frame = getFrameElement(doc);\n    if (frame) {\n      this._unmonitorIntersections(frame.ownerDocument);\n    }\n  }\n};\n\n\n/**\n * Stops polling for intersection changes.\n * @param {!Document} doc\n * @private\n */\nIntersectionObserver.prototype._unmonitorAllIntersections = function() {\n  var unsubscribes = this._monitoringUnsubscribes.slice(0);\n  this._monitoringDocuments.length = 0;\n  this._monitoringUnsubscribes.length = 0;\n  for (var i = 0; i < unsubscribes.length; i++) {\n    unsubscribes[i]();\n  }\n};\n\n\n/**\n * Scans each observation target for intersection changes and adds them\n * to the internal entries queue. If new entries are found, it\n * schedules the callback to be invoked.\n * @private\n */\nIntersectionObserver.prototype._checkForIntersections = function() {\n  if (!this.root && crossOriginUpdater && !crossOriginRect) {\n    // Cross origin monitoring, but no initial data available yet.\n    return;\n  }\n\n  var rootIsInDom = this._rootIsInDom();\n  var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect();\n\n  this._observationTargets.forEach(function(item) {\n    var target = item.element;\n    var targetRect = getBoundingClientRect(target);\n    var rootContainsTarget = this._rootContainsTarget(target);\n    var oldEntry = item.entry;\n    var intersectionRect = rootIsInDom && rootContainsTarget &&\n        this._computeTargetAndRootIntersection(target, targetRect, rootRect);\n\n    var newEntry = item.entry = new IntersectionObserverEntry({\n      time: now(),\n      target: target,\n      boundingClientRect: targetRect,\n      rootBounds: crossOriginUpdater && !this.root ? null : rootRect,\n      intersectionRect: intersectionRect\n    });\n\n    if (!oldEntry) {\n      this._queuedEntries.push(newEntry);\n    } else if (rootIsInDom && rootContainsTarget) {\n      // If the new entry intersection ratio has crossed any of the\n      // thresholds, add a new entry.\n      if (this._hasCrossedThreshold(oldEntry, newEntry)) {\n        this._queuedEntries.push(newEntry);\n      }\n    } else {\n      // If the root is not in the DOM or target is not contained within\n      // root but the previous entry for this target had an intersection,\n      // add a new record indicating removal.\n      if (oldEntry && oldEntry.isIntersecting) {\n        this._queuedEntries.push(newEntry);\n      }\n    }\n  }, this);\n\n  if (this._queuedEntries.length) {\n    this._callback(this.takeRecords(), this);\n  }\n};\n\n\n/**\n * Accepts a target and root rect computes the intersection between then\n * following the algorithm in the spec.\n * TODO(philipwalton): at this time clip-path is not considered.\n * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo\n * @param {Element} target The target DOM element\n * @param {Object} targetRect The bounding rect of the target.\n * @param {Object} rootRect The bounding rect of the root after being\n *     expanded by the rootMargin value.\n * @return {?Object} The final intersection rect object or undefined if no\n *     intersection is found.\n * @private\n */\nIntersectionObserver.prototype._computeTargetAndRootIntersection =\n    function(target, targetRect, rootRect) {\n  // If the element isn't displayed, an intersection can't happen.\n  if (window.getComputedStyle(target).display == 'none') return;\n\n  var intersectionRect = targetRect;\n  var parent = getParentNode(target);\n  var atRoot = false;\n\n  while (!atRoot && parent) {\n    var parentRect = null;\n    var parentComputedStyle = parent.nodeType == 1 ?\n        window.getComputedStyle(parent) : {};\n\n    // If the parent isn't displayed, an intersection can't happen.\n    if (parentComputedStyle.display == 'none') return null;\n\n    if (parent == this.root || parent.nodeType == /* DOCUMENT */ 9) {\n      atRoot = true;\n      if (parent == this.root || parent == document) {\n        if (crossOriginUpdater && !this.root) {\n          if (!crossOriginRect ||\n              crossOriginRect.width == 0 && crossOriginRect.height == 0) {\n            // A 0-size cross-origin intersection means no-intersection.\n            parent = null;\n            parentRect = null;\n            intersectionRect = null;\n          } else {\n            parentRect = crossOriginRect;\n          }\n        } else {\n          parentRect = rootRect;\n        }\n      } else {\n        // Check if there's a frame that can be navigated to.\n        var frame = getParentNode(parent);\n        var frameRect = frame && getBoundingClientRect(frame);\n        var frameIntersect =\n            frame &&\n            this._computeTargetAndRootIntersection(frame, frameRect, rootRect);\n        if (frameRect && frameIntersect) {\n          parent = frame;\n          parentRect = convertFromParentRect(frameRect, frameIntersect);\n        } else {\n          parent = null;\n          intersectionRect = null;\n        }\n      }\n    } else {\n      // If the element has a non-visible overflow, and it's not the <body>\n      // or <html> element, update the intersection rect.\n      // Note: <body> and <html> cannot be clipped to a rect that's not also\n      // the document rect, so no need to compute a new intersection.\n      var doc = parent.ownerDocument;\n      if (parent != doc.body &&\n          parent != doc.documentElement &&\n          parentComputedStyle.overflow != 'visible') {\n        parentRect = getBoundingClientRect(parent);\n      }\n    }\n\n    // If either of the above conditionals set a new parentRect,\n    // calculate new intersection data.\n    if (parentRect) {\n      intersectionRect = computeRectIntersection(parentRect, intersectionRect);\n    }\n    if (!intersectionRect) break;\n    parent = parent && getParentNode(parent);\n  }\n  return intersectionRect;\n};\n\n\n/**\n * Returns the root rect after being expanded by the rootMargin value.\n * @return {ClientRect} The expanded root rect.\n * @private\n */\nIntersectionObserver.prototype._getRootRect = function() {\n  var rootRect;\n  if (this.root) {\n    rootRect = getBoundingClientRect(this.root);\n  } else {\n    // Use <html>/<body> instead of window since scroll bars affect size.\n    var html = document.documentElement;\n    var body = document.body;\n    rootRect = {\n      top: 0,\n      left: 0,\n      right: html.clientWidth || body.clientWidth,\n      width: html.clientWidth || body.clientWidth,\n      bottom: html.clientHeight || body.clientHeight,\n      height: html.clientHeight || body.clientHeight\n    };\n  }\n  return this._expandRectByRootMargin(rootRect);\n};\n\n\n/**\n * Accepts a rect and expands it by the rootMargin value.\n * @param {DOMRect|ClientRect} rect The rect object to expand.\n * @return {ClientRect} The expanded rect.\n * @private\n */\nIntersectionObserver.prototype._expandRectByRootMargin = function(rect) {\n  var margins = this._rootMarginValues.map(function(margin, i) {\n    return margin.unit == 'px' ? margin.value :\n        margin.value * (i % 2 ? rect.width : rect.height) / 100;\n  });\n  var newRect = {\n    top: rect.top - margins[0],\n    right: rect.right + margins[1],\n    bottom: rect.bottom + margins[2],\n    left: rect.left - margins[3]\n  };\n  newRect.width = newRect.right - newRect.left;\n  newRect.height = newRect.bottom - newRect.top;\n\n  return newRect;\n};\n\n\n/**\n * Accepts an old and new entry and returns true if at least one of the\n * threshold values has been crossed.\n * @param {?IntersectionObserverEntry} oldEntry The previous entry for a\n *    particular target element or null if no previous entry exists.\n * @param {IntersectionObserverEntry} newEntry The current entry for a\n *    particular target element.\n * @return {boolean} Returns true if a any threshold has been crossed.\n * @private\n */\nIntersectionObserver.prototype._hasCrossedThreshold =\n    function(oldEntry, newEntry) {\n\n  // To make comparing easier, an entry that has a ratio of 0\n  // but does not actually intersect is given a value of -1\n  var oldRatio = oldEntry && oldEntry.isIntersecting ?\n      oldEntry.intersectionRatio || 0 : -1;\n  var newRatio = newEntry.isIntersecting ?\n      newEntry.intersectionRatio || 0 : -1;\n\n  // Ignore unchanged ratios\n  if (oldRatio === newRatio) return;\n\n  for (var i = 0; i < this.thresholds.length; i++) {\n    var threshold = this.thresholds[i];\n\n    // Return true if an entry matches a threshold or if the new ratio\n    // and the old ratio are on the opposite sides of a threshold.\n    if (threshold == oldRatio || threshold == newRatio ||\n        threshold < oldRatio !== threshold < newRatio) {\n      return true;\n    }\n  }\n};\n\n\n/**\n * Returns whether or not the root element is an element and is in the DOM.\n * @return {boolean} True if the root element is an element and is in the DOM.\n * @private\n */\nIntersectionObserver.prototype._rootIsInDom = function() {\n  return !this.root || containsDeep(document, this.root);\n};\n\n\n/**\n * Returns whether or not the target element is a child of root.\n * @param {Element} target The target element to check.\n * @return {boolean} True if the target element is a child of root.\n * @private\n */\nIntersectionObserver.prototype._rootContainsTarget = function(target) {\n  return containsDeep(this.root || document, target) &&\n    (!this.root || this.root.ownerDocument == target.ownerDocument);\n};\n\n\n/**\n * Adds the instance to the global IntersectionObserver registry if it isn't\n * already present.\n * @private\n */\nIntersectionObserver.prototype._registerInstance = function() {\n  if (registry.indexOf(this) < 0) {\n    registry.push(this);\n  }\n};\n\n\n/**\n * Removes the instance from the global IntersectionObserver registry.\n * @private\n */\nIntersectionObserver.prototype._unregisterInstance = function() {\n  var index = registry.indexOf(this);\n  if (index != -1) registry.splice(index, 1);\n};\n\n\n/**\n * Returns the result of the performance.now() method or null in browsers\n * that don't support the API.\n * @return {number} The elapsed time since the page was requested.\n */\nfunction now() {\n  return window.performance && performance.now && performance.now();\n}\n\n\n/**\n * Throttles a function and delays its execution, so it's only called at most\n * once within a given time period.\n * @param {Function} fn The function to throttle.\n * @param {number} timeout The amount of time that must pass before the\n *     function can be called again.\n * @return {Function} The throttled function.\n */\nfunction throttle(fn, timeout) {\n  var timer = null;\n  return function () {\n    if (!timer) {\n      timer = setTimeout(function() {\n        fn();\n        timer = null;\n      }, timeout);\n    }\n  };\n}\n\n\n/**\n * Adds an event handler to a DOM node ensuring cross-browser compatibility.\n * @param {Node} node The DOM node to add the event handler to.\n * @param {string} event The event name.\n * @param {Function} fn The event handler to add.\n * @param {boolean} opt_useCapture Optionally adds the even to the capture\n *     phase. Note: this only works in modern browsers.\n */\nfunction addEvent(node, event, fn, opt_useCapture) {\n  if (typeof node.addEventListener == 'function') {\n    node.addEventListener(event, fn, opt_useCapture || false);\n  }\n  else if (typeof node.attachEvent == 'function') {\n    node.attachEvent('on' + event, fn);\n  }\n}\n\n\n/**\n * Removes a previously added event handler from a DOM node.\n * @param {Node} node The DOM node to remove the event handler from.\n * @param {string} event The event name.\n * @param {Function} fn The event handler to remove.\n * @param {boolean} opt_useCapture If the event handler was added with this\n *     flag set to true, it should be set to true here in order to remove it.\n */\nfunction removeEvent(node, event, fn, opt_useCapture) {\n  if (typeof node.removeEventListener == 'function') {\n    node.removeEventListener(event, fn, opt_useCapture || false);\n  }\n  else if (typeof node.detatchEvent == 'function') {\n    node.detatchEvent('on' + event, fn);\n  }\n}\n\n\n/**\n * Returns the intersection between two rect objects.\n * @param {Object} rect1 The first rect.\n * @param {Object} rect2 The second rect.\n * @return {?Object|?ClientRect} The intersection rect or undefined if no\n *     intersection is found.\n */\nfunction computeRectIntersection(rect1, rect2) {\n  var top = Math.max(rect1.top, rect2.top);\n  var bottom = Math.min(rect1.bottom, rect2.bottom);\n  var left = Math.max(rect1.left, rect2.left);\n  var right = Math.min(rect1.right, rect2.right);\n  var width = right - left;\n  var height = bottom - top;\n\n  return (width >= 0 && height >= 0) && {\n    top: top,\n    bottom: bottom,\n    left: left,\n    right: right,\n    width: width,\n    height: height\n  } || null;\n}\n\n\n/**\n * Shims the native getBoundingClientRect for compatibility with older IE.\n * @param {Element} el The element whose bounding rect to get.\n * @return {DOMRect|ClientRect} The (possibly shimmed) rect of the element.\n */\nfunction getBoundingClientRect(el) {\n  var rect;\n\n  try {\n    rect = el.getBoundingClientRect();\n  } catch (err) {\n    // Ignore Windows 7 IE11 \"Unspecified error\"\n    // https://github.com/w3c/IntersectionObserver/pull/205\n  }\n\n  if (!rect) return getEmptyRect();\n\n  // Older IE\n  if (!(rect.width && rect.height)) {\n    rect = {\n      top: rect.top,\n      right: rect.right,\n      bottom: rect.bottom,\n      left: rect.left,\n      width: rect.right - rect.left,\n      height: rect.bottom - rect.top\n    };\n  }\n  return rect;\n}\n\n\n/**\n * Returns an empty rect object. An empty rect is returned when an element\n * is not in the DOM.\n * @return {ClientRect} The empty rect.\n */\nfunction getEmptyRect() {\n  return {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    width: 0,\n    height: 0\n  };\n}\n\n\n/**\n * Ensure that the result has all of the necessary fields of the DOMRect.\n * Specifically this ensures that `x` and `y` fields are set.\n *\n * @param {?DOMRect|?ClientRect} rect\n * @return {?DOMRect}\n */\nfunction ensureDOMRect(rect) {\n  // A `DOMRect` object has `x` and `y` fields.\n  if (!rect || 'x' in rect) {\n    return rect;\n  }\n  // A IE's `ClientRect` type does not have `x` and `y`. The same is the case\n  // for internally calculated Rect objects. For the purposes of\n  // `IntersectionObserver`, it's sufficient to simply mirror `left` and `top`\n  // for these fields.\n  return {\n    top: rect.top,\n    y: rect.top,\n    bottom: rect.bottom,\n    left: rect.left,\n    x: rect.left,\n    right: rect.right,\n    width: rect.width,\n    height: rect.height\n  };\n}\n\n\n/**\n * Inverts the intersection and bounding rect from the parent (frame) BCR to\n * the local BCR space.\n * @param {DOMRect|ClientRect} parentBoundingRect The parent's bound client rect.\n * @param {DOMRect|ClientRect} parentIntersectionRect The parent's own intersection rect.\n * @return {ClientRect} The local root bounding rect for the parent's children.\n */\nfunction convertFromParentRect(parentBoundingRect, parentIntersectionRect) {\n  var top = parentIntersectionRect.top - parentBoundingRect.top;\n  var left = parentIntersectionRect.left - parentBoundingRect.left;\n  return {\n    top: top,\n    left: left,\n    height: parentIntersectionRect.height,\n    width: parentIntersectionRect.width,\n    bottom: top + parentIntersectionRect.height,\n    right: left + parentIntersectionRect.width\n  };\n}\n\n\n/**\n * Checks to see if a parent element contains a child element (including inside\n * shadow DOM).\n * @param {Node} parent The parent element.\n * @param {Node} child The child element.\n * @return {boolean} True if the parent node contains the child node.\n */\nfunction containsDeep(parent, child) {\n  var node = child;\n  while (node) {\n    if (node == parent) return true;\n\n    node = getParentNode(node);\n  }\n  return false;\n}\n\n\n/**\n * Gets the parent node of an element or its host element if the parent node\n * is a shadow root.\n * @param {Node} node The node whose parent to get.\n * @return {Node|null} The parent node or null if no parent exists.\n */\nfunction getParentNode(node) {\n  var parent = node.parentNode;\n\n  if (node.nodeType == /* DOCUMENT */ 9 && node != document) {\n    // If this node is a document node, look for the embedding frame.\n    return getFrameElement(node);\n  }\n\n  if (parent && parent.nodeType == 11 && parent.host) {\n    // If the parent is a shadow root, return the host element.\n    return parent.host;\n  }\n\n  if (parent && parent.assignedSlot) {\n    // If the parent is distributed in a <slot>, return the parent of a slot.\n    return parent.assignedSlot.parentNode;\n  }\n\n  return parent;\n}\n\n\n/**\n * Returns the embedding frame element, if any.\n * @param {!Document} doc\n * @return {!Element}\n */\nfunction getFrameElement(doc) {\n  try {\n    return doc.defaultView && doc.defaultView.frameElement || null;\n  } catch (e) {\n    // Ignore the error.\n    return null;\n  }\n}\n\n\n// Exposes the constructors globally.\nwindow.IntersectionObserver = IntersectionObserver;\nwindow.IntersectionObserverEntry = IntersectionObserverEntry;\n\n}());\n"]}

package/dist/nano-components/p-b719a04a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,e as s,g as n}from"./p-7a6bc3c5.js";import{p as a,a as o,c as d}from"./p-6ecf2f5c.js";import{c as h}from"./p-d3af43d2.js";const r={d:"(\\d{1,2})",m:"(\\d{1,2})",y:"(\\d{4})"};let l=0;const c=class{constructor(i){t(this,i),this.nanoChange=e(this,"nanoChange",7),this.nanoValidate=e(this,"nanoValidate",7),this.directInput=!1,this.dateOrderIndeces={d:0,m:1,y:3},this.inputId="nano-input-"+l++,this.helperText=!0,this.helperTextFormat={year:"numeric",month:"long",day:"numeric"},this.floatLabel=!1,this.name=this.inputId,this.readonly=!1,this.disabled=!1,this.autofocus=!1,this.clearInput=!1,this.value="",this.validateOn="submit",this.showInlineError=!0,this.dateOrder="dmy",this.required=!1,this.hideLabel=!1,this.picker=!0,this.pickerOpen=!1,this.closeAfterPicked=!0,this.onInputChange=t=>{t.stopPropagation(),this.setValue(t.target.value)},this.onInputValidate=t=>{t.stopPropagation(),this.nanoValidate.emit({isValid:t.detail.isValid,errorMessage:t.detail.errorMessage,originalEvent:t.detail.originalEvent})},this.onInputKey=()=>{this.directInput=!0},this.onDatePicked=t=>{this.directInput=!1,this.value=t.detail.value,this.closeAfterPicked&&(this.pickerOpen=!1)},this.onDropdownHide=()=>{setTimeout((()=>this.pickerOpen=!1),200),setTimeout((()=>this.trigger.focus()),20)},this.onDropdownShow=()=>{setTimeout((()=>this.pickerEle.setFocus()),200)},this.onTriggerClick=()=>{this.pickerOpen||(this.pickerOpen=!0)},this.onCloseClick=()=>{this.pickerOpen&&(this.pickerOpen=!1)},this.onCloseKeyDown=t=>{"Tab"===t.key&&t.shiftKey&&(this.pickerEle.setFocus(!0),t.preventDefault())}}handleValueChange(){this.directInput||(this.inputValue=this.formatIsoDate(this.value)),this.nanoChange.emit({value:this.value,date:a(this.value)}),this.directInput=!1}handleDateOrderChange(){this.setDatePattern()}testDateValidity(){const t=a(this.value);let e,i,s="";this.value&&t&&(this.min&&(e=a(this.min))&&t<e?s="Date below the minimum: "+e.toLocaleDateString(void 0,this.helperTextFormat):this.max&&(i=a(this.max))&&t>i&&(s="Date above the maximum: "+i.toLocaleDateString(void 0,this.helperTextFormat))),setTimeout((async()=>{if(!this.input)return;const e=await this.input.getInputElement();this.value.length&&!t&&(s="Please enter a valid date"),e.setCustomValidity(s),"dirty"===this.input.validateOn&&this.input.showError(s)}),100)}handlePickerOpenChange(){this.dropdown.open=this.pickerOpen}async reportValidity(t){return await this.input.reportValidity(t)}async setFocus(){this.input&&this.input.setFocus()}getInputElement(){return this.input.getInputElement()}async showError(t){this.input&&this.input.showError(t)}setDatePattern(){let t=[],e=[];Array.from(this.dateOrder).map(((i,s)=>{t.push(r[i]),this.dateOrderIndeces[i]=s,e.push("y"===i?"yyyy":i+i)})),this.pattern=t.join("\\W+"),this.placeholder||"false"===this.placeholder||(this.placeholder=e.join(" "))}formatIsoDate(t){let e=[];Array.from("ymd").map((t=>e.push(r[t])));const i=t.match(new RegExp(e.join("\\W+")));if(!i)return"";let s=[];return s.splice(this.dateOrderIndeces.d,0,i[3]),s.splice(this.dateOrderIndeces.m,0,i[2]),s.splice(this.dateOrderIndeces.y,0,i[1]),s.join(" ")}setValue(t){const e=t.match(new RegExp(this.pattern));if(!e)return void(this.value=t);let i=d(e[this.dateOrderIndeces.y+1],e[this.dateOrderIndeces.m+1],e[this.dateOrderIndeces.d+1]);if(!i&&(i=new Date(t),!i))return void(this.value=t);const s=o(i);return this.value=s,s}connectedCallback(){this.setDatePattern(),this.handleValueChange()}componentDidLoad(){this.pickerCloseBtn&&this.picker&&(this.pickerEle.firstFocusEle=this.pickerCloseBtn)}render(){let t="rtl"===this.host.ownerDocument.dir?"bottom-start":"bottom-end";const e=a(this.value),n=!!this.host.querySelector('[slot="helper"]');return i(s,{class:Object.assign({},h(this.color))},i("div",{class:"date-field"},i("nano-input",{class:"date-field__input",slot:"trigger",required:this.required||void 0,showInlineError:this.showInlineError,validateOn:this.validateOn,placeholder:"false"!==this.placeholder?this.placeholder:void 0,pattern:this.pattern,label:this.label,disabled:this.disabled||void 0,color:this.color||void 0,autofocus:this.autofocus||void 0,clearInput:this.clearInput||void 0,onNanoChange:this.onInputChange,onNanoInput:this.onInputKey,onNanoValidate:this.onInputValidate,name:"",form:this.form||void 0,size:this.size||void 0,readonly:this.readonly,value:this.inputValue,ref:t=>this.input=t,floatLabel:this.floatLabel,hideLabel:this.hideLabel,inputmode:"numeric"},i("slot",{name:"label"}),this.picker&&i("button",{class:"date-field__open",slot:"inline-button",type:"button",onClick:this.onTriggerClick,ref:t=>this.trigger=t,disabled:this.disabled||this.readonly},i("nano-icon",{name:"light/calendar-alt"})),(n||this.helperText||this.showInlineError)&&i("span",{slot:"helper"},i("span",{class:{vhidden:!!this.value.length}},i("slot",{name:"helper"})),this.helperText&&!!e&&i("span",null,e.toLocaleDateString(void 0,this.helperTextFormat)))),i("nano-dropdown",{placement:t,onNanoHide:this.onDropdownHide,onNanoShow:this.onDropdownShow,"dialog-title":"Choose a date",distance:-20,class:"date-field__dropdown",ref:t=>this.dropdown=t},i("div",null,i("div",{class:"date-field__close-bar"},i("button",{class:"date-field__close",type:"button",onClick:this.onCloseClick,onKeyDown:this.onCloseKeyDown,ref:t=>this.pickerCloseBtn=t},i("nano-icon",{name:"light/times"}),i("span",{class:"vhidden"},"Close window"))),i("nano-date-picker",{onNanoDatePicked:this.onDatePicked,min:this.min||void 0,max:this.max||void 0,"is-modal":!0,ref:t=>this.pickerEle=t,localization:this.localization,selectedDate:this.value||this.initialPickerDate,firstDayOfWeek:this.firstDayOfWeek,color:this.color||void 0}))),i("input",{type:"hidden",value:this.value,name:this.name})))}get host(){return n(this)}static get watchers(){return{value:["handleValueChange","testDateValidity"],dateOrder:["handleDateOrderChange"],min:["testDateValidity"],max:["testDateValidity"],pickerOpen:["handlePickerOpenChange"]}}};c.style='.sc-nano-date-input-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-date-input,*.sc-nano-date-input::before,*.sc-nano-date-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-date-input:export{screen:1000}.sc-nano-date-input-h{display:inline-block;width:100%;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--open-btn-color:var(--nano-button-color, #f0efed);--open-btn-border:none;--close-btn-color:var(--nano-button-color, #f0efed);--picker-base-size:16px}.nano-color.sc-nano-date-input-h{--focus-shadow:0 0 0 0.1875rem rgba(var(--nano-color-tint-rgb), 0.56)}[disabled].sc-nano-date-input-h:not([disabled=false]){opacity:0.7}nano-icon.sc-nano-date-input{pointer-events:none}.date-field.sc-nano-date-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width: 35.9375em){.date-field.sc-nano-date-input::before{content:"";position:fixed;background:rgba(0, 0, 0, 0);left:0;right:0;top:0;bottom:0;z-index:-1;-webkit-transition:z-index 0.001s ease 1s, background 0.2s ease;transition:z-index 0.001s ease 1s, background 0.2s ease}[picker-open].sc-nano-date-input-h .date-field.sc-nano-date-input::before{-webkit-transition:z-index 0.001s ease, background 0.2s ease 0.001s;transition:z-index 0.001s ease, background 0.2s ease 0.001s;background:rgba(0, 0, 0, 0.5);z-index:100}}.date-field__dropdown.sc-nano-date-input{--padding:0;--overflow:visible;width:100%}.date-field__close-bar.sc-nano-date-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;border:0;margin:0;overflow:visible;padding:0;position:absolute;right:-8px;top:-8px;width:auto;z-index:1}.date-field__open.sc-nano-date-input{background:var(--open-btn-color);border:var(--open-btn-border);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-field__open.sc-nano-date-input:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow);outline:none}.date-field__close.sc-nano-date-input{-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-moz-appearance:none;appearance:none;background:var(--close-btn-color);border:0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:24px}@media (min-width: 36em){.date-field__close.sc-nano-date-input{opacity:0}}.date-field__close.sc-nano-date-input:focus{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow);outline:none}@media (min-width: 36em){.date-field__close.sc-nano-date-input:focus{opacity:1}}.date-field__close.sc-nano-date-input nano-icon.sc-nano-date-input{margin:0 auto}.date-field.sc-nano-date-input nano-date-picker.sc-nano-date-input{font-size:var(--picker-base-size)}.vhidden.sc-nano-date-input{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}';export{c as nano_date_input}
-//# sourceMappingURL=p-b719a04a.entry.js.map

package/dist/nano-components/p-b719a04a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/date-input/date-input.scss?tag=nano-date-input&encapsulation=scoped","src/components/date-input/date-input.tsx"],"names":["DateRegxps","d","m","y","inputIds","DateInput","[object Object]","hostRef","this","directInput","dateOrderIndeces","inputId","helperText","helperTextFormat","year","month","day","floatLabel","name","readonly","disabled","autofocus","clearInput","value","validateOn","showInlineError","dateOrder","required","hideLabel","picker","pickerOpen","closeAfterPicked","onInputChange","e","stopPropagation","setValue","target","onInputValidate","nanoValidate","emit","isValid","detail","errorMessage","originalEvent","onInputKey","onDatePicked","onDropdownHide","setTimeout","trigger","focus","onDropdownShow","pickerEle","setFocus","onTriggerClick","onCloseClick","onCloseKeyDown","key","shiftKey","preventDefault","inputValue","formatIsoDate","nanoChange","date","parseISODate","setDatePattern","valueDate","min","max","error","toLocaleDateString","undefined","async","input","getInputElement","length","setCustomValidity","showError","dropdown","open","validateFirst","reportValidity","message","dateRegexOrdered","dateStrOrd","Array","from","map","datepart","i","push","pattern","join","placeholder","isoDate","matches","match","RegExp","formatted","splice","createDate","Date","dateStr","printISODate","handleValueChange","pickerCloseBtn","firstFocusEle","placement","host","ownerDocument","dir","hasHelperSlot","querySelector","h","Host","class","Object","assign","createColorClasses","color","slot","label","onNanoChange","onNanoInput","onNanoValidate","form","size","ref","inputmode","type","onClick","vhidden","onNanoHide","onNanoShow","dialog-title","distance","onKeyDown","pickerClose","onNanoDatePicked","is-modal","localization","selectedDate","initialPickerDate","firstDayOfWeek"],"mappings":"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","sourcesContent":["@import '../../global/style/nano-theme/form';\n@import '../../global/style/utilities/globals';\n\n:host {\n  /**\n   * @prop --focus-shadow: defaults to #{$control-focus-style};\n   * @prop --open-btn-color: defaults to #{$button-bg-color};\n   * @prop --open-btn-border: defaults to none;\n   * @prop --close-btn-color: defaults to #{$color-celsius};\n   * @prop --picker-base-size: Base font size of the date picker component. Defaults to 16px;\n   */\n\n  display: inline-block;\n  width: 100%;\n\n  --focus-shadow: #{$control-focus-style};\n  --open-btn-color: #{$button-bg-color};\n  --open-btn-border: none;\n  --close-btn-color: #{$button-bg-color};\n  --picker-base-size: 16px;\n}\n\n:host(.nano-color) {\n  --focus-shadow: #{$control-focus-size current-color(tint, 0.56)};\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: .7;\n}\n\nnano-icon {\n  pointer-events: none;\n}\n\n.date-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  @media (max-width: 35.9375em) {\n\n    &::before {\n      content: '';\n      position: fixed;\n      background: rgba(0, 0, 0, 0);\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n      transition: z-index .001s ease 1s, background .2s ease;\n\n      :host([picker-open]) & {\n        transition: z-index .001s ease, background .2s ease .001s;\n        background: rgba(0, 0, 0, .5);\n        z-index: 100;\n      }\n    }\n  }\n\n  &__dropdown {\n    --padding: 0;\n    --overflow: visible;\n    width: 100%;\n  }\n\n  &__close-bar {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    border: 0;\n    margin: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    right: -8px;\n    top: -8px;\n    width: auto;\n    z-index: 1;\n  }\n\n  &__open {\n    background: var(--open-btn-color);\n    border: var(--open-btn-border);\n    margin: 0;\n    appearance: none;\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n    }\n  }\n\n  &__close {\n    -webkit-appearance: none;\n    align-items: center;\n    appearance: none;\n    background: var(--close-btn-color);\n    border: 0;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    height: 24px;\n    justify-content: center;\n    padding: 0;\n    width: 24px;\n\n    @media (min-width: 36em) {\n      opacity: 0;\n    }\n\n    &:focus {\n      box-shadow: var(--focus-shadow);\n      outline: none;\n\n      @media (min-width: 36em) {\n        opacity: 1;\n      }\n    }\n\n    nano-icon {\n      margin: 0 auto;\n    }\n  }\n\n  nano-date-picker {\n    font-size: var(--picker-base-size);\n  }\n}\n\n.vhidden {\n  @include visually-hide();\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  h,\n  Prop,\n  Watch,\n  State,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n} from '@stencil/core';\nimport {\n  createDate,\n  DaysOfWeek,\n  printISODate,\n  parseISODate,\n} from '../../utils/date-utils';\n\nimport {\n  PickerChangeEvent,\n  DateInputChangeEventDetail,\n  Color,\n  LocalDateOpts,\n  DuetLocalizedText,\n  ControlValidity,\n  ControlValidityEventDetail,\n} from '../../interface';\nimport { createColorClasses } from '../../utils/utils';\n\nconst DateRegxps = {\n  d: '(\\\\d{1,2})',\n  m: '(\\\\d{1,2})',\n  y: '(\\\\d{4})',\n};\n\nlet inputIds = 0;\n\n/**\n * The date-input component combines `nano-dropdown`, `nano-input` and `nano-date-picker` components to make a fully featured date form field. It has specific options for localisation, date formatting and validation.\n *\n * @slot label - if you do not set a label 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-date-input',\n  styleUrl: 'date-input.scss',\n  scoped: true,\n})\nexport class DateInput implements ComponentInterface {\n  private pickerEle!: HTMLNanoDatePickerElement;\n  private trigger!: HTMLButtonElement;\n  private pickerCloseBtn!: HTMLButtonElement;\n  private dropdown!: HTMLNanoDropdownElement;\n  private input: HTMLNanoInputElement;\n\n  private directInput = false;\n  private dateOrderIndeces = { d: 0, m: 1, y: 3 };\n  private inputId = `nano-input-${inputIds++}`;\n\n  @Element() host: HTMLNanoDateInputElement;\n\n  // Private state\n\n  @State() pattern!: string;\n  @State() inputValue: string;\n\n  // Public Api / Prop\n\n  /**\n   * Whether to show a long form, confirmation date string of the one currently entered\n   */\n  @Prop() helperText: boolean = true;\n\n  /**\n   * Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.\n   */\n  @Prop() helperTextFormat: LocalDateOpts = {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  };\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * The initial size (number of characters) of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek?: DaysOfWeek;\n\n  /**\n   * Button labels, day names, month names, etc, used for localization.\n   * Default is English.\n   */\n  @Prop() localization?: DuetLocalizedText;\n\n  /**\n   * If `true`, the user cannot interact with the input.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.\n   */\n  @Prop() clearInput = false;\n\n  /**\n   * String to place within a label element. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Instructional text that shows before the input has a value.\n   * The pattern prop will be used to create a placeholder automatically if unused.\n   */\n  @Prop({ mutable: true }) placeholder: string;\n\n  /**\n   * Current value. Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  @Watch('value')\n  handleValueChange() {\n    if (!this.directInput) this.inputValue = this.formatIsoDate(this.value);\n    this.nanoChange.emit({ value: this.value, date: parseISODate(this.value) });\n    this.directInput = false;\n  }\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * The order of the date parts for entry and display.\n   * e.g. dmy = dd mm yyyy\n   */\n  @Prop() dateOrder: 'dmy' | 'mdy' | 'ymd' | 'dym' = 'dmy';\n\n  @Watch('dateOrder')\n  handleDateOrderChange() {\n    this.setDatePattern();\n  }\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min?: string;\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max?: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('value')\n  testDateValidity() {\n    const valueDate = parseISODate(this.value);\n    let min: Date,\n      max: Date,\n      error: string = '';\n\n    if (this.value && valueDate) {\n      if (this.min && (min = parseISODate(this.min)) && valueDate < min) {\n        error =\n          'Date below the minimum: ' +\n          min.toLocaleDateString(undefined, this.helperTextFormat);\n      } else if (\n        this.max &&\n        (max = parseISODate(this.max)) &&\n        valueDate > max\n      ) {\n        error =\n          'Date above the maximum: ' +\n          max.toLocaleDateString(undefined, this.helperTextFormat);\n      }\n    }\n\n    setTimeout(async (_) => {\n      if (!this.input) return;\n      const input = await this.input.getInputElement();\n      if (this.value.length && !valueDate) error = 'Please enter a valid date';\n\n      input.setCustomValidity(error);\n      if (this.input.validateOn === 'dirty') {\n        this.input.showError(error);\n      }\n    }, 100);\n  }\n\n  /**\n   * Show a date picker. Date pickers are not very useful\n   * if the potential input is too far in the distance or past\n   * e.g. Birthdays\n   */\n  @Prop() picker: boolean = true;\n\n  /**\n   * Initial picker date. Will be to `value` if set. Will be today's date if nothing set.\n   * Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @Prop() initialPickerDate?: string;\n\n  /**\n   * Set / read whether the picker is currently open.\n   */\n  @Prop({ reflect: true, mutable: true }) pickerOpen: boolean = false;\n\n  @Watch('pickerOpen')\n  handlePickerOpenChange() {\n    this.dropdown.open = this.pickerOpen;\n  }\n\n  /**\n   * Close the picker after a date is selected\n   */\n  @Prop() closeAfterPicked: boolean = true;\n\n  // Event emitters\n\n  /**\n   * Event emitted when a date is selected.\n   */\n  @Event() nanoChange: EventEmitter<DateInputChangeEventDetail>;\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  // 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 await this.input.reportValidity(validateFirst);\n  }\n\n  /**\n   * Sets focus on the child `nano-input`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) this.input.setFocus();\n  }\n\n  /**\n   * Returns the native `<input>` element used under the hood.\n   */\n  @Method()\n  getInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement> {\n    return this.input.getInputElement();\n  }\n\n  /**\n   * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (!this.input) return;\n    this.input.showError(message);\n  }\n\n  // Event handlers\n\n  private onInputChange = (e: CustomEvent) => {\n    e.stopPropagation();\n    this.setValue((e.target as HTMLInputElement).value);\n  };\n\n  private onInputValidate = (e: CustomEvent<ControlValidityEventDetail>) => {\n    e.stopPropagation();\n    this.nanoValidate.emit({\n      isValid: e.detail.isValid,\n      errorMessage: e.detail.errorMessage,\n      originalEvent: e.detail.originalEvent,\n    });\n  };\n\n  private onInputKey = () => {\n    this.directInput = true;\n  };\n\n  private onDatePicked = (e: { detail: PickerChangeEvent }) => {\n    this.directInput = false;\n    this.value = e.detail.value;\n    if (this.closeAfterPicked) this.pickerOpen = false;\n  };\n\n  private onDropdownHide = () => {\n    setTimeout((_) => (this.pickerOpen = false), 200);\n    setTimeout((_) => this.trigger.focus(), 20);\n  };\n\n  private onDropdownShow = () => {\n    setTimeout((_) => this.pickerEle.setFocus(), 200);\n  };\n\n  private onTriggerClick = () => {\n    if (!this.pickerOpen) this.pickerOpen = true;\n  };\n\n  private onCloseClick = () => {\n    if (this.pickerOpen) this.pickerOpen = false;\n  };\n\n  private onCloseKeyDown = (e: KeyboardEvent) => {\n    // this ensures focus is trapped inside the picker\n    if (e.key === 'Tab' && e.shiftKey) {\n      this.pickerEle.setFocus(true);\n      e.preventDefault();\n    }\n  };\n\n  // Private logic\n\n  // set the regexp input pattern and placeholder (if necessary)\n  private setDatePattern() {\n    let dateRegexOrdered = [];\n    let dateStrOrd = [];\n    Array.from(this.dateOrder).map((datepart, i) => {\n      dateRegexOrdered.push(DateRegxps[datepart]);\n      this.dateOrderIndeces[datepart] = i;\n      dateStrOrd.push(datepart === 'y' ? 'yyyy' : datepart + datepart);\n    });\n    this.pattern = dateRegexOrdered.join('\\\\W+');\n    if (!this.placeholder && this.placeholder !== 'false')\n      this.placeholder = dateStrOrd.join(' ');\n  }\n\n  // set the public facing date string\n  private formatIsoDate(isoDate: string) {\n    let dateRegexOrdered = [];\n    Array.from('ymd').map((datepart) =>\n      dateRegexOrdered.push(DateRegxps[datepart])\n    );\n    const matches = isoDate.match(new RegExp(dateRegexOrdered.join('\\\\W+')));\n    if (!matches) return '';\n\n    let formatted = [];\n    formatted.splice(this.dateOrderIndeces.d, 0, matches[3]);\n    formatted.splice(this.dateOrderIndeces.m, 0, matches[2]);\n    formatted.splice(this.dateOrderIndeces.y, 0, matches[1]);\n    return formatted.join(' ');\n  }\n\n  // on manual user entry, set the value that will be sent with the form field\n  private setValue(inputValue: string) {\n    const matches = inputValue.match(new RegExp(this.pattern));\n\n    // it's an invalid date, but we still need to set it\n    if (!matches) {\n      this.value = inputValue;\n      return;\n    }\n\n    let date = createDate(\n      matches[this.dateOrderIndeces.y + 1],\n      matches[this.dateOrderIndeces.m + 1],\n      matches[this.dateOrderIndeces.d + 1]\n    );\n\n    if (!date) {\n      // last ditch attempt - see if the browser can get something\n      date = new Date(inputValue);\n\n      // it's definitely an invalid date, but set it anyway for validation messages\n      if (!date) {\n        this.value = inputValue;\n        return;\n      }\n    }\n\n    const dateStr = printISODate(date);\n    this.value = dateStr;\n    return dateStr;\n  }\n\n  connectedCallback() {\n    this.setDatePattern();\n    this.handleValueChange();\n  }\n\n  componentDidLoad() {\n    if (!this.pickerCloseBtn || !this.picker) return;\n    this.pickerEle.firstFocusEle = this.pickerCloseBtn;\n  }\n\n  render() {\n    let placement: 'bottom-start' | 'bottom-end' =\n      (this.host.ownerDocument as Document).dir === 'rtl'\n        ? 'bottom-start'\n        : 'bottom-end';\n    const valueDate = parseISODate(this.value);\n    const hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n\n    return (\n      <Host class={{ ...createColorClasses(this.color) }}>\n        <div class=\"date-field\">\n          <nano-input\n            class=\"date-field__input\"\n            slot=\"trigger\"\n            required={this.required || undefined}\n            showInlineError={this.showInlineError}\n            validateOn={this.validateOn}\n            placeholder={\n              this.placeholder !== 'false' ? this.placeholder : undefined\n            }\n            pattern={this.pattern}\n            label={this.label}\n            disabled={this.disabled || undefined}\n            color={this.color || undefined}\n            autofocus={this.autofocus || undefined}\n            clearInput={this.clearInput || undefined}\n            onNanoChange={this.onInputChange}\n            onNanoInput={this.onInputKey}\n            onNanoValidate={this.onInputValidate}\n            name=\"\"\n            form={this.form || undefined}\n            size={this.size || undefined}\n            readonly={this.readonly}\n            value={this.inputValue}\n            ref={(input) => (this.input = input)}\n            floatLabel={this.floatLabel}\n            hideLabel={this.hideLabel}\n            inputmode={'numeric'}\n          >\n            <slot name=\"label\" />\n            {this.picker && (\n              <button\n                class=\"date-field__open\"\n                slot=\"inline-button\"\n                type=\"button\"\n                onClick={this.onTriggerClick}\n                ref={(trigger) => (this.trigger = trigger)}\n                disabled={this.disabled || this.readonly}\n              >\n                <nano-icon name=\"light/calendar-alt\"></nano-icon>\n              </button>\n            )}\n            {(hasHelperSlot || this.helperText || this.showInlineError) && (\n              <span slot=\"helper\">\n                <span class={{ vhidden: !!this.value.length }}>\n                  <slot name=\"helper\" />\n                </span>\n                {this.helperText && !!valueDate && (\n                  <span>\n                    {valueDate.toLocaleDateString(\n                      undefined,\n                      this.helperTextFormat\n                    )}\n                  </span>\n                )}\n              </span>\n            )}\n          </nano-input>\n          <nano-dropdown\n            placement={placement}\n            onNanoHide={this.onDropdownHide}\n            onNanoShow={this.onDropdownShow}\n            dialog-title=\"Choose a date\"\n            distance={-20}\n            class=\"date-field__dropdown\"\n            ref={(dropdown) => (this.dropdown = dropdown)}\n          >\n            <div>\n              <div class=\"date-field__close-bar\">\n                <button\n                  class=\"date-field__close\"\n                  type=\"button\"\n                  onClick={this.onCloseClick}\n                  onKeyDown={this.onCloseKeyDown}\n                  ref={(pickerClose) => (this.pickerCloseBtn = pickerClose)}\n                >\n                  <nano-icon name=\"light/times\"></nano-icon>\n                  <span class=\"vhidden\">Close window</span>\n                </button>\n              </div>\n              <nano-date-picker\n                onNanoDatePicked={this.onDatePicked}\n                min={this.min || undefined}\n                max={this.max || undefined}\n                is-modal={true}\n                ref={(picker) => (this.pickerEle = picker)}\n                localization={this.localization}\n                selectedDate={this.value || this.initialPickerDate}\n                firstDayOfWeek={this.firstDayOfWeek}\n                color={this.color || undefined}\n              ></nano-date-picker>\n            </div>\n          </nano-dropdown>\n          <input type=\"hidden\" value={this.value} name={this.name} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-c06dc017.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as n}from"./p-7a6bc3c5.js";import{f as t}from"./p-c14d5f7d.js";const a=class{constructor(n){o(this,n),this.type="button",this.disabled=!1}componentDidLoad(){t.observe(this.button)}connectedCallback(){this.button&&t.observe(this.button)}disconnectedCallback(){t.unobserve(this.button)}render(){return n(void 0===this.href?"button":"a",{ref:o=>this.button=o,class:{"icon-button":!0,"icon-button--disabled":this.disabled},"aria-label":this.label,name:this.name,value:this.value,href:this.href||void 0,target:this.href&&this.target?this.target:void 0,type:!this.href&&this.type?this.type:void 0},n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true"}))}};a.style=".sc-nano-icon-button-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-icon-button,*.sc-nano-icon-button::before,*.sc-nano-icon-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-icon-button-h{display:inline-block;--border-radius:var(--nano-border-radius-medium, 4px);--active-color:#005c75;--hover-color:#0084a9;--nano-color-base:var(--color, #687576);--background:transparent}.icon-button.sc-nano-icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;border-radius:var(--border-radius);background:var(--background);font-size:inherit;color:var(--color);padding:var(--nano-spacing-small, 8px);cursor:pointer;-webkit-transition:var(--nano-transition-fast, 0.3s) color;transition:var(--nano-transition-fast, 0.3s) color;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:-webkit-box-shadow 100ms ease-in-out;transition:-webkit-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out, -webkit-box-shadow 100ms ease-in-out}.icon-button.sc-nano-icon-button:hover:not(.icon-button--disabled),.icon-button.sc-nano-icon-button:focus:not(.icon-button--disabled){color:var(--hover-color);--nano-color-base:var(--hover-color)}.icon-button.sc-nano-icon-button:active:not(.icon-button--disabled){color:var(--active-color);--nano-color-base:var(--active-color)}.icon-button.sc-nano-icon-button:focus{outline:none}.icon-button--disabled.sc-nano-icon-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.focus-visible.icon-button.sc-nano-icon-button:focus{-webkit-box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";export{a as nano_icon_button}
-//# sourceMappingURL=p-c06dc017.entry.js.map

package/dist/nano-components/p-c06dc017.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/icon-button/icon-button.scss?tag=nano-icon-button&encapsulation=scoped","src/components/icon-button/icon-button.tsx"],"names":["IconButton","[object Object]","hostRef","this","type","disabled","focusVisible","observe","button","unobserve","h","undefined","href","ref","el","class","icon-button","icon-button--disabled","aria-label","label","name","value","target","iconName","src","iconSrc","aria-hidden"],"mappings":"+EAAA,MCUaA,EAAU,MALvBC,YAAAC,aAe2BC,KAAAC,KAAsC,SAatCD,KAAAE,UAAW,EAUpCJ,mBACEK,EAAaC,QAAQJ,KAAKK,QAG5BP,oBACME,KAAKK,QAAQF,EAAaC,QAAQJ,KAAKK,QAG7CP,uBACEK,EAAaG,UAAUN,KAAKK,QAG9BP,SAGE,OACES,OAH4BC,IAAdR,KAAKS,KAAqB,SAAY,IAG5C,CACNC,IAAMC,GAAQX,KAAKK,OAASM,EAC5BC,MAAO,CACLC,eAAe,EACfC,wBAAyBd,KAAKE,UAC/Ba,aACWf,KAAKgB,MACjBC,KAAMjB,KAAKiB,KACXC,MAAOlB,KAAKkB,MACZT,KAAMT,KAAKS,WAAQD,EACnBW,OAAQnB,KAAKS,MAAQT,KAAKmB,OAASnB,KAAKmB,YAASX,EACjDP,MAAOD,KAAKS,MAAQT,KAAKC,KAAOD,KAAKC,UAAOO,GAE5CD,EAAA,YAAA,CAAWU,KAAMjB,KAAKoB,SAAUC,IAAKrB,KAAKsB,QAAOC,cAAc,oBDxEjD","sourcesContent":["@import \"../../global/style/nano-theme/base\";\n@import \"../../global/style/nano-theme/colours\";\n@import \"../../global/style/nano-theme/form\";\n\n:host {\n  /**\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --border-radius: defaults to #{$border-radius-medium};\n    * @prop --color: defaults to #{$color-palegrey};\n    * @prop --active-color: defaults to #{$color-darkblue--faded};\n    * @prop --hover-color: defaults to #{$color-blue};\n    * @prop --background: defaults to transparent;\n    */\n  display: inline-block;\n\n  --border-radius: #{$border-radius-medium};\n  --active-color: #{$color-darkblue--faded};\n  --hover-color: #{$color-blue};\n  --nano-color-base: var(--color, #{$color-mediumgrey});\n  --background: transparent;\n}\n\n.icon-button {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: var(--border-radius);\n  background: var(--background);\n  font-size: inherit;\n  color: var(--color);\n  padding: #{$spacing-small};\n  cursor: pointer;\n  transition: #{$transition-fast} color;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: box-shadow 100ms ease-in-out;\n\n  &:hover:not(.icon-button--disabled),\n  &:focus:not(.icon-button--disabled) {\n    color: var(--hover-color);\n    --nano-color-base: var(--hover-color);\n  }\n\n  &:active:not(.icon-button--disabled) {\n    color: var(--active-color);\n    --nano-color-base: var(--active-color);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.icon-button--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.focus-visible.icon-button:focus {\n  box-shadow: #{$control-focus-style};\n}\n","import { Component, Prop, h, ComponentInterface } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\n\n/** Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. */\n\n@Component({\n  tag: 'nano-icon-button',\n  styleUrl: 'icon-button.scss',\n  scoped: true,\n})\nexport class IconButton implements ComponentInterface {\n  button: HTMLButtonElement;\n\n  /** The name of the icon to draw. */\n  @Prop() iconName?: string;\n\n  /** An external URL of an SVG file. */\n  @Prop() iconSrc?: string;\n\n  /** The default behavior of the button. */\n  @Prop({ reflect: true }) type: 'submit' | 'reset' | 'button' = 'button';\n\n  /** The name of the button, submitted as a pair with the button’s value as part of the form data. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Defines the value associated with the button’s name when it’s submitted with the form data. */\n  @Prop({ reflect: true }) value?: string;\n\n  /** A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\n   * always include a label that describes what the icon button does. */\n  @Prop() label!: string;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, an anchor tag will be rendered. */\n  @Prop() href: string | undefined;\n\n  /** Specifies where to display the linked URL. Only applies when an `href` is provided.\n   * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`. */\n  @Prop() target: string | undefined;\n\n  componentDidLoad() {\n    focusVisible.observe(this.button);\n  }\n\n  connectedCallback() {\n    if (this.button) focusVisible.observe(this.button);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.button);\n  }\n\n  render() {\n    const TagType = this.href === undefined ? 'button' : ('a' as any);\n\n    return (\n      <TagType\n        ref={(el) => (this.button = el)}\n        class={{\n          'icon-button': true,\n          'icon-button--disabled': this.disabled,\n        }}\n        aria-label={this.label}\n        name={this.name}\n        value={this.value}\n        href={this.href || undefined}\n        target={this.href && this.target ? this.target : undefined}\n        type={!this.href && this.type ? this.type : undefined}\n      >\n        <nano-icon name={this.iconName} src={this.iconSrc} aria-hidden=\"true\" />\n      </TagType>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-c0fc52d5.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-3b21dfce.system.js"],(function(e){"use strict";var t,i,n,o;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.e}],execute:function(){var r=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:100%;font-size:18px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:0}:host([ready]){opacity:1}";var s=e("nano_slide",function(){function e(e){t(this,e);this.nanoSlideReady=i(this,"nanoSlideReady",7);this.ready=null}e.prototype.readyChange=function(e,t){if(typeof t!=="undefined"&&t===false&&e===true){this.nanoSlideReady.emit()}};e.prototype.componentDidLoad=function(){var e=this;if(typeof this.ready==="boolean")return;setTimeout((function(){e.nanoSlideReady.emit();e.ready=true}))};e.prototype.render=function(){return n(o,null,n("slot",null))};Object.defineProperty(e,"watchers",{get:function(){return{ready:["readyChange"]}},enumerable:false,configurable:true});return e}());s.style=r}}}));
-//# sourceMappingURL=p-c0fc52d5.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/slides/slide.scss?tag=nano-slide&encapsulation=shadow","src/components/slides/slide.tsx"],"names":["slideCss","Slide","exports","class_1","hostRef","this","ready","prototype","readyChange","newReady","oldReady","nanoSlideReady","emit","componentDidLoad","_this","setTimeout","render","h","Host"],"mappings":"0JAAA,IAAMA,EAAW,0lBCgBJC,EAAKC,EAAA,aAAA,WALlB,SAAAC,EAAAC,4DAe0CC,KAAAC,MAAwB,KAGhEH,EAAAI,UAAAC,YAAA,SAAYC,EAA0BC,GACpC,UACSA,IAAa,aACpBA,IAAa,OACbD,IAAa,KACb,CACAJ,KAAKM,eAAeC,SAIxBT,EAAAI,UAAAM,iBAAA,WAAA,IAAAC,EAAAT,KAEE,UAAWA,KAAKC,QAAU,UAAW,OACrCS,YAAW,WACTD,EAAKH,eAAeC,OACpBE,EAAKR,MAAQ,SAIjBH,EAAAI,UAAAS,OAAA,WACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAA,wIAnCU","sourcesContent":["// Slide\n// --------------------------------------------------\n\n:host {\n  // Center slide text vertically\n  display: flex;\n  position: relative;\n\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  min-height: 100%;\n\n  font-size: 18px;\n\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  transition: opacity 0.2s;\n  opacity: 0;\n}\n\n:host([ready]) {\n  opacity: 1;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  h,\n  Event,\n  EventEmitter,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'nano-slide',\n  styleUrl: 'slide.scss',\n  shadow: true,\n})\nexport class Slide implements ComponentInterface {\n  /**\n   * Fired when the slide has loaded.\n   */\n  @Event() nanoSlideReady!: EventEmitter<void>;\n\n  /**\n   * Used to to inform the parent slides components of readiness.\n   * This will automatically be set to true when the slide has loaded but can be set and updated manually.\n   */\n  @Prop({ mutable: true, reflect: true }) ready: boolean | null = null;\n\n  @Watch('ready')\n  readyChange(newReady: boolean | null, oldReady?: boolean | null) {\n    if (\n      typeof oldReady !== 'undefined' &&\n      oldReady === false &&\n      newReady === true\n    ) {\n      this.nanoSlideReady.emit();\n    }\n  }\n\n  componentDidLoad() {\n    // ready state is being loaded manually\n    if (typeof this.ready === 'boolean') return;\n    setTimeout(() => {\n      this.nanoSlideReady.emit();\n      this.ready = true;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-c11b4658.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(){"use strict";return{execute:function(){(function(){if(typeof window!=="object"){return}if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype){if(!("isIntersecting"in window.IntersectionObserverEntry.prototype)){Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}})}return}var t=window.document;var e=[];var n=null;var r=null;function i(t){this.time=t.time;this.target=t.target;this.rootBounds=p(t.rootBounds);this.boundingClientRect=p(t.boundingClientRect);this.intersectionRect=p(t.intersectionRect||l());this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect;var n=e.width*e.height;var r=this.intersectionRect;var i=r.width*r.height;if(n){this.intersectionRatio=Number((i/n).toFixed(4))}else{this.intersectionRatio=this.isIntersecting?1:0}}function o(t,e){var n=e||{};if(typeof t!="function"){throw new Error("callback must be a function")}if(n.root&&n.root.nodeType!=1){throw new Error("root must be an Element")}this._checkForIntersections=u(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT);this._callback=t;this._observationTargets=[];this._queuedEntries=[];this._rootMarginValues=this._parseRootMargin(n.rootMargin);this.thresholds=this._initThresholds(n.threshold);this.root=n.root||null;this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(" ");this._monitoringDocuments=[];this._monitoringUnsubscribes=[]}o.prototype.THROTTLE_TIMEOUT=100;o.prototype.POLL_INTERVAL=null;o.prototype.USE_MUTATION_OBSERVER=true;o._setupCrossOriginUpdater=function(){if(!n){n=function(t,n){if(!t||!n){r=l()}else{r=d(t,n)}e.forEach((function(t){t._checkForIntersections()}))}}return n};o._resetCrossOriginUpdater=function(){n=null;r=null};o.prototype.observe=function(t){var e=this._observationTargets.some((function(e){return e.element==t}));if(e){return}if(!(t&&t.nodeType==1)){throw new Error("target must be an Element")}this._registerInstance();this._observationTargets.push({element:t,entry:null});this._monitorIntersections(t.ownerDocument);this._checkForIntersections()};o.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(e){return e.element!=t}));this._unmonitorIntersections(t.ownerDocument);if(this._observationTargets.length==0){this._unregisterInstance()}};o.prototype.disconnect=function(){this._observationTargets=[];this._unmonitorAllIntersections();this._unregisterInstance()};o.prototype.takeRecords=function(){var t=this._queuedEntries.slice();this._queuedEntries=[];return t};o.prototype._initThresholds=function(t){var e=t||[0];if(!Array.isArray(e))e=[e];return e.sort().filter((function(t,e,n){if(typeof t!="number"||isNaN(t)||t<0||t>1){throw new Error("threshold must be a number between 0 and 1 inclusively")}return t!==n[e-1]}))};o.prototype._parseRootMargin=function(t){var e=t||"0px";var n=e.split(/\s+/).map((function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e){throw new Error("rootMargin must be specified in pixels or percent")}return{value:parseFloat(e[1]),unit:e[2]}}));n[1]=n[1]||n[0];n[2]=n[2]||n[0];n[3]=n[3]||n[1];return n};o.prototype._monitorIntersections=function(e){var n=e.defaultView;if(!n){return}if(this._monitoringDocuments.indexOf(e)!=-1){return}var r=this._checkForIntersections;var i=null;var o=null;if(this.POLL_INTERVAL){i=n.setInterval(r,this.POLL_INTERVAL)}else{h(n,"resize",r,true);h(e,"scroll",r,true);if(this.USE_MUTATION_OBSERVER&&"MutationObserver"in n){o=new n.MutationObserver(r);o.observe(e,{attributes:true,childList:true,characterData:true,subtree:true})}}this._monitoringDocuments.push(e);this._monitoringUnsubscribes.push((function(){var t=e.defaultView;if(t){if(i){t.clearInterval(i)}c(t,"resize",r,true)}c(e,"scroll",r,true);if(o){o.disconnect()}}));if(e!=(this.root&&this.root.ownerDocument||t)){var s=m(e);if(s){this._monitorIntersections(s.ownerDocument)}}};o.prototype._unmonitorIntersections=function(e){var n=this._monitoringDocuments.indexOf(e);if(n==-1){return}var r=this.root&&this.root.ownerDocument||t;var i=this._observationTargets.some((function(t){var n=t.element.ownerDocument;if(n==e){return true}while(n&&n!=r){var i=m(n);n=i&&i.ownerDocument;if(n==e){return true}}return false}));if(i){return}var o=this._monitoringUnsubscribes[n];this._monitoringDocuments.splice(n,1);this._monitoringUnsubscribes.splice(n,1);o();if(e!=r){var s=m(e);if(s){this._unmonitorIntersections(s.ownerDocument)}}};o.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0;this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++){t[e]()}};o.prototype._checkForIntersections=function(){if(!this.root&&n&&!r){return}var t=this._rootIsInDom();var e=t?this._getRootRect():l();this._observationTargets.forEach((function(r){var o=r.element;var u=f(o);var h=this._rootContainsTarget(o);var c=r.entry;var a=t&&h&&this._computeTargetAndRootIntersection(o,u,e);var l=r.entry=new i({time:s(),target:o,boundingClientRect:u,rootBounds:n&&!this.root?null:e,intersectionRect:a});if(!c){this._queuedEntries.push(l)}else if(t&&h){if(this._hasCrossedThreshold(c,l)){this._queuedEntries.push(l)}}else{if(c&&c.isIntersecting){this._queuedEntries.push(l)}}}),this);if(this._queuedEntries.length){this._callback(this.takeRecords(),this)}};o.prototype._computeTargetAndRootIntersection=function(e,i,o){if(window.getComputedStyle(e).display=="none")return;var s=i;var u=g(e);var h=false;while(!h&&u){var c=null;var l=u.nodeType==1?window.getComputedStyle(u):{};if(l.display=="none")return null;if(u==this.root||u.nodeType==9){h=true;if(u==this.root||u==t){if(n&&!this.root){if(!r||r.width==0&&r.height==0){u=null;c=null;s=null}else{c=r}}else{c=o}}else{var p=g(u);var v=p&&f(p);var m=p&&this._computeTargetAndRootIntersection(p,v,o);if(v&&m){u=p;c=d(v,m)}else{u=null;s=null}}}else{var _=u.ownerDocument;if(u!=_.body&&u!=_.documentElement&&l.overflow!="visible"){c=f(u)}}if(c){s=a(c,s)}if(!s)break;u=u&&g(u)}return s};o.prototype._getRootRect=function(){var e;if(this.root){e=f(this.root)}else{var n=t.documentElement;var r=t.body;e={top:0,left:0,right:n.clientWidth||r.clientWidth,width:n.clientWidth||r.clientWidth,bottom:n.clientHeight||r.clientHeight,height:n.clientHeight||r.clientHeight}}return this._expandRectByRootMargin(e)};o.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map((function(e,n){return e.unit=="px"?e.value:e.value*(n%2?t.width:t.height)/100}));var n={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};n.width=n.right-n.left;n.height=n.bottom-n.top;return n};o.prototype._hasCrossedThreshold=function(t,e){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1;var r=e.isIntersecting?e.intersectionRatio||0:-1;if(n===r)return;for(var i=0;i<this.thresholds.length;i++){var o=this.thresholds[i];if(o==n||o==r||o<n!==o<r){return true}}};o.prototype._rootIsInDom=function(){return!this.root||v(t,this.root)};o.prototype._rootContainsTarget=function(e){return v(this.root||t,e)&&(!this.root||this.root.ownerDocument==e.ownerDocument)};o.prototype._registerInstance=function(){if(e.indexOf(this)<0){e.push(this)}};o.prototype._unregisterInstance=function(){var t=e.indexOf(this);if(t!=-1)e.splice(t,1)};function s(){return window.performance&&performance.now&&performance.now()}function u(t,e){var n=null;return function(){if(!n){n=setTimeout((function(){t();n=null}),e)}}}function h(t,e,n,r){if(typeof t.addEventListener=="function"){t.addEventListener(e,n,r||false)}else if(typeof t.attachEvent=="function"){t.attachEvent("on"+e,n)}}function c(t,e,n,r){if(typeof t.removeEventListener=="function"){t.removeEventListener(e,n,r||false)}else if(typeof t.detatchEvent=="function"){t.detatchEvent("on"+e,n)}}function a(t,e){var n=Math.max(t.top,e.top);var r=Math.min(t.bottom,e.bottom);var i=Math.max(t.left,e.left);var o=Math.min(t.right,e.right);var s=o-i;var u=r-n;return s>=0&&u>=0&&{top:n,bottom:r,left:i,right:o,width:s,height:u}||null}function f(t){var e;try{e=t.getBoundingClientRect()}catch(n){}if(!e)return l();if(!(e.width&&e.height)){e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}}return e}function l(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function p(t){if(!t||"x"in t){return t}return{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function d(t,e){var n=e.top-t.top;var r=e.left-t.left;return{top:n,left:r,height:e.height,width:e.width,bottom:n+e.height,right:r+e.width}}function v(t,e){var n=e;while(n){if(n==t)return true;n=g(n)}return false}function g(e){var n=e.parentNode;if(e.nodeType==9&&e!=t){return m(e)}if(n&&n.nodeType==11&&n.host){return n.host}if(n&&n.assignedSlot){return n.assignedSlot.parentNode}return n}function m(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(e){return null}}window.IntersectionObserver=o;window.IntersectionObserverEntry=i})()}}}));
-//# sourceMappingURL=p-c11b4658.system.js.map