@nanoporetech-digital/components 5.9.6 → 5.11.0

package/dist/types/components/global-nav/global-nav.d.ts

@@ -27,12 +27,10 @@ import type { SearchIndex, AloliaSearchResultDetail, MyAccountUser, MyAccountDat
  * @part search-bar - the search bar that appears under the main nav menu bar
  */
 export declare class GlobalNav implements ComponentInterface {
-  private io;
+  private resizeObserver;
   private debounceResize;
   private debounceSetResizingState;
   private currSize;
-  private thresholdsGoingUp;
-  private THRESHOLDLIMIT;
   private menuDiv;
   private menuBtn;
   private menuWrapDiv;
@@ -56,7 +54,6 @@ export declare class GlobalNav implements ComponentInterface {
   private loggedInNavItms;
   constructor();
   userProfileUrl: string;
-  private mo?;
   hasLoggedinSlot: boolean;
   hasSiteSlot: boolean;
   hasPromotionSlot: boolean;
@@ -69,7 +66,6 @@ export declare class GlobalNav implements ComponentInterface {
   remoteDataReady: boolean;
   ready: boolean;
   isResizing: boolean;
-  intersectRatio: number;
   threshold: number;
   modalOpen: boolean;
   modalIsOpen: boolean;
@@ -196,25 +192,19 @@ export declare class GlobalNav implements ComponentInterface {
   currentSelectedIndex(): SearchIndex;
   changeInternalSearchVal(): void;
   initAlgoliaClient(): void;
+  /** Public facing set of Algolia indices. Add to any indices we may already have (e.g. from MyAccount) */
   addIndeces(): void;
+  /** Internal set of of Algolia indices. Includes public & private (e.g. from MyAccount) */
   addAlgoliaIndeces(): void;
-  thresholdChange(newThreshold: any, oldThreshold: any): void;
-  /**
-   * Primary logic for resizing changes.
-   * When content doesn't fit - we loop down through break points until it does
-   */
-  ratioChange(): void;
+  /** Current content breakpoint. If it goes up, things can look wonky for a second so we temporarily hide stuff */
+  thresholdChange(newThreshold: number, oldThreshold: number): void;
   assessReady(): void;
-  remoteReady(): void;
-  isReady(): void;
   /**
    * Add / remove events when autocomplete results show / hide.
    */
   setupAutocompleteBlur(): void;
   closeSearchBar(): void;
-  /**
-   * As relevant slotted items change, reset resizing breakpoints
-   */
+  /** As relevant slotted items change, reset resizing breakpoints */
   slotChange(): void;
   private thresholdClasses;
   /**
@@ -223,6 +213,10 @@ export declare class GlobalNav implements ComponentInterface {
    * breakpoints to calculate if content currently fits shows on screen (looks ugly)
    */
   private setResizingState;
+  /**
+   * 1) Reset threshold (item fit breakpoint) when screen is bigger than before.
+   * 2) Hide search bar whenever we resize
+   */
   private onWindowResize;
   secondaryOpen(ev: CustomEvent & {
     target: HTMLNanoNavItemElement;
@@ -248,7 +242,24 @@ export declare class GlobalNav implements ComponentInterface {
   private onSearchBarHidden;
   private autocompleteSnippet;
   private onSearchInput;
+  /**
+   * Constructs a multi-search query for all set search indices
+   * (which are normally controlled via the myAccount payload) then sends to Algolia.
+   * Post-processes results, adding correct domains to url fields.
+   * @returns formatted algolia results
+   */
+  private doAlgoliaSearch;
+  /**
+   * Called whenever the search input value changes.
+   * Performs Algolia search and shows autocomplete results.
+   * @param ev optional input change event
+   */
   private onSearchChange;
+  /**
+   * Called whenever the search form is submitted (but can also be called manually).
+   * Fires event which will activate / display `nano-global-search-results`
+   * @param ev optional form submit event
+   */
   private onSearchSubmit;
   private onSearchIndexChange;
   private isSearchValSet;
@@ -262,19 +273,35 @@ export declare class GlobalNav implements ComponentInterface {
    * Assesses what content is present in which slots
    */
   private assessSlottedContent;
+  private handleBarResize;
   /**
-   * Attach the IntersectionObserver - from which all threshold / breakpoint logic hinges
+   * Attach the ResizeObserver - from which all threshold / breakpoint logic hinges
    */
-  private attachIO;
-  componentDidLoad(): void;
+  private attachResizeObserver;
   componentWillLoad(): void;
-  disconnectedCallback(): void;
   connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   private autocompleteList;
   private searchWidget;
   render(): any;
+  /**
+   * Finds a correct domain (as defined by myAccount data) for a given origin
+   * @returns a domain string for this origin
+   */
   private domainFor;
+  /**
+   * process a set, or multiple sets of algolia results
+   * and applies correct domain names / http protocol to each result's url
+   * @returns results where partial paths are turned to full urls
+   */
   private processSearchResults;
+  /**
+   * Ingests the data blob from myAccount; turns prescient fields to internal state
+   */
   private processMyAccData;
+  /**
+   * Ingests the data blob from myAccount links; applies prescient fields to internal state
+   */
   private processMyAccLinks;
 }

package/dist/types/components/slides/lib/js/animate.d.ts

@@ -0,0 +1,2 @@
+declare const proto: any;
+export default proto;

package/dist/types/components/slides/lib/js/cell.d.ts

@@ -0,0 +1 @@
+export default function Cell(elem: any, parent: any): void;

package/dist/types/components/slides/lib/js/drag.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/fade.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/flickity.d.ts

@@ -0,0 +1,23 @@
+declare function Flickity(element: any, options: any): void;
+declare namespace Flickity {
+  var defaults: {
+    accessibility: boolean;
+    cellAlign: string;
+    freeScrollFriction: number;
+    friction: number;
+    namespaceJQueryEvents: boolean;
+    percentPosition: boolean;
+    resize: boolean;
+    selectedAttraction: number;
+    setGallerySize: boolean;
+  };
+  var createMethods: any[];
+  var keyboardHandlers: {
+    37: () => void;
+    39: () => void;
+  };
+  var data: (elem: any) => any;
+  var Cell: typeof import("./cell").default;
+  var Slide: typeof import("./slide").default;
+}
+export default Flickity;

package/dist/types/components/slides/lib/js/fullscreen.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/index.d.ts

@@ -0,0 +1,5 @@
+import Flickity from './flickity';
+import './drag';
+import './prev-next-button';
+import './player';
+export declare const flickity: typeof Flickity;

package/dist/types/components/slides/lib/js/lazyload.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/page-dots.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/player.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/prev-next-button.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/slides/lib/js/slide.d.ts

@@ -0,0 +1 @@
+export default function Slide(parent: any): void;

package/dist/types/components/slides/lib/js/utils/event-emitter.d.ts

@@ -0,0 +1 @@
+export declare function EvEmitter(): void;

package/dist/types/components/slides/lib/js/utils/gestures.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * Unipointer v2.4.0
+ * base class for doing one thing with pointer event
+ * MIT license
+ */
+export declare function Unipointer(): void;
+export declare namespace Unipointer {
+  var prototype: any;
+  var getPointerPoint: (pointer: any) => {
+    x: any;
+    y: any;
+  };
+}
+/*!
+ * Unidragger v2.4.0
+ * Draggable base class
+ * MIT license
+ */
+export declare function Unidragger(): void;
+export declare namespace Unidragger {
+  var prototype: any;
+  var getPointerPoint: (pointer: any) => {
+    x: any;
+    y: any;
+  };
+}

package/dist/types/components/slides/lib/js/utils/get-size.d.ts

@@ -0,0 +1,6 @@
+/*!
+ * getSize v2.0.3
+ * measure size of elements
+ * MIT license
+ */
+export declare function getSize(elem: any): any;

package/dist/types/components/slides/lib/js/utils/utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Fizzy UI utils v2.0.7
+ * MIT license
+ */
+export declare const utils: any;

package/dist/types/components/slides/slides-interface.d.ts

@@ -1,4 +1,5 @@
-import Flicker, { Options, EventBindings } from 'flickity';
+import Flicker, { Options, EventBindings } from '@types/flickity';
+
 interface PointerDragEvent extends PointerEvent {
   x: number;
   y: number;
@@ -7,7 +8,9 @@ interface TouchDragEvent extends Touch {
   x: number;
   y: number;
 }
-export interface Flickity extends Omit<Flicker, 'next' | 'previous' | 'slides'> {
+
+export interface Flickity
+  extends Omit<Flicker, 'next' | 'previous' | 'slides'> {
   options: FlickityOptions;
   next(isWrapped?: boolean, isInstant?: boolean): void;
   previous(isWrapped?: boolean, isInstant?: boolean): void;
@@ -20,18 +23,27 @@ export interface Flickity extends Omit<Flicker, 'next' | 'previous' | 'slides'>
   slideableWidth: number;
   cursorPosition: number;
 }
+
 export interface FlickityOptions extends Options {
   fullscreen?: boolean;
   fade?: boolean;
 }
+
 export type DragEvent = TouchDragEvent | PointerDragEvent;
+
 export type SlideAnimation = 'fade' | 'scroll' | 'parallax' | (() => void);
-export interface FlickityEvents extends Omit<EventBindings, 'dragMove' | 'dragEnd' | 'dragStart' | 'staticClick'> {
+
+export interface FlickityEvents
+  extends Omit<
+    EventBindings,
+    'dragMove' | 'dragEnd' | 'dragStart' | 'staticClick'
+  > {
   dragMove?: (pointer?: DragEvent) => void;
   dragStart?: (pointer?: DragEvent) => void;
   dragEnd?: (pointer?: DragEvent) => void;
   staticClick?: (pointer?: DragEvent) => void;
 }
+
 export interface FlickitySlide {
   cells: FlickityCell[];
   firstMargin: number;
@@ -42,14 +54,12 @@ export interface FlickitySlide {
   target: number;
   x: number;
 }
+
 export interface FlickityCell {
   element: HTMLElement;
   parent: Flickity;
   shift: number;
-  size: {
-    [prop: string]: number;
-  };
+  size: { [prop: string]: number };
   target: number;
   x: number;
 }
-export {};

package/dist/types/components/slides/slides.d.ts

@@ -31,6 +31,10 @@ export declare class Slides implements ComponentInterface {
   private flickity;
   private syncflickity?;
   private childrenEles;
+  private hasFullScreenModule;
+  private hasLazyLoadModule;
+  private hasDotsModule;
+  private hasFadeModule;
   iCurrentSlide: number;
   slidesReady: boolean;
   didInit: boolean;
@@ -157,6 +161,7 @@ export declare class Slides implements ComponentInterface {
   private handleFullscreen;
   private handleSlideSelect;
   private destroyflickity;
+  private loadFlickityModules;
   private initflickity;
   private normalizeOptions;
   componentDidLoad(): void;

package/dist/types/components.d.ts

@@ -70,7 +70,6 @@ export namespace Components {
     }
     /**
      * Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.
-     * Can optionally contain nano-algolia-input components or use them as a 'resultsEmitter'
      */
     interface NanoAlgolia {
         /**
@@ -90,7 +89,7 @@ export namespace Components {
          */
         "filters": Array<string>;
         /**
-          * JS querSelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
+          * JS querySelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
          */
         "listenTo"?: string;
         /**
@@ -138,14 +137,10 @@ export namespace Components {
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-          * Template engine to use when rendering results and filters. Defaults to Squirrel v8 (https://squirrelly.js.org/). This gives you access to the underlying squirrel object allowing you to modify it's configuration / add filters.
-         */
-        "tplEngine": Object;
         /**
           * Template engine render function to use when rendering results and filters. Defaults to Squirrel v8's render (https://squirrelly.js.org/).
          */
-        "tplRenderFn": (...args: any[]) => string;
+        "tplRenderFn": (...args: any[]) => any;
     }
     /**
      * Displays and syncs algolia filters
@@ -173,53 +168,6 @@ export namespace Components {
          */
         "value": string | Array<string>;
     }
-    /**
-     * @deprecated Component for querying Algolia Indeces.
-     * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)
-     * Must include one 'nano-input' component
-     */
-    interface NanoAlgoliaInput {
-        /**
-          * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'. Alternatively this will be set automatically when nested within an algolia component
-         */
-        "apiKey": string;
-        /**
-          * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'. Alternatively this will be set automatically when nested within an algolia component
-         */
-        "appId": string;
-        /**
-          * Automatically emit results data to algolia components. For example, if you wanted to provide an 'autocomplete' style dropdown before showing the main results with a submit button
-         */
-        "autoEmit": boolean;
-        /**
-          * Will maintain a search all / '*' on init and reset allowing for a view then filter experience rather than a search first experience
-         */
-        "browseIndex": boolean;
-        /**
-          * Minimum number of characters before performing a search
-         */
-        "minChars": number;
-        /**
-          * Manually emit search results to algolia components. Useful if you don't wish to search on input change / want to provide 'autocomplete' options or / and want to use a submit button
-         */
-        "search": () => Promise<void>;
-        /**
-          * Algolia search index. Used in conjunction with 'searchIndex' & 'appId'. Alternatively this will be set automatically if you're using a 'resultsEmitter' element. ``` { index: string, // algolia index name   domain?: string, // used in template filers to resolve incomplete url fields   filters?: [string], // algolia facets to retrive   hitsPerPage?: number,   name?: string // human readable index name } ```
-         */
-        "searchIndex": SearchIndex;
-        /**
-          * Algolia search index name. Alternative to 'searchIndex'. A simplified shortcut for setting an index. properties such as hitsPerPage and facets will come from the algolia index
-         */
-        "searchIndexName": string;
-        /**
-          * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
-         */
-        "storeId"?: string;
-        /**
-          * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
-         */
-        "storeMethod": StorageMethods;
-    }
     /**
      * Displays results from Algolia searches.
      * TODO / WIP
@@ -364,6 +312,10 @@ export namespace Components {
           * Disable all the nested form controls
          */
         "disabled": boolean | null;
+        /**
+          * Visually hide the legend but still available to screen readers.
+         */
+        "hideLegend"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
          */
@@ -2590,10 +2542,6 @@ export interface NanoAlgoliaFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNanoAlgoliaFilterElement;
 }
-export interface NanoAlgoliaInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLNanoAlgoliaInputElement;
-}
 export interface NanoAlgoliaPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNanoAlgoliaPaginationElement;
@@ -2747,7 +2695,6 @@ declare global {
     };
     /**
      * Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.
-     * Can optionally contain nano-algolia-input components or use them as a 'resultsEmitter'
      */
     interface HTMLNanoAlgoliaElement extends Components.NanoAlgolia, HTMLStencilElement {
     }
@@ -2765,17 +2712,6 @@ declare global {
         prototype: HTMLNanoAlgoliaFilterElement;
         new (): HTMLNanoAlgoliaFilterElement;
     };
-    /**
-     * @deprecated Component for querying Algolia Indeces.
-     * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)
-     * Must include one 'nano-input' component
-     */
-    interface HTMLNanoAlgoliaInputElement extends Components.NanoAlgoliaInput, HTMLStencilElement {
-    }
-    var HTMLNanoAlgoliaInputElement: {
-        prototype: HTMLNanoAlgoliaInputElement;
-        new (): HTMLNanoAlgoliaInputElement;
-    };
     /**
      * Displays results from Algolia searches.
      * TODO / WIP
@@ -3260,7 +3196,6 @@ declare global {
         "nano-alert": HTMLNanoAlertElement;
         "nano-algolia": HTMLNanoAlgoliaElement;
         "nano-algolia-filter": HTMLNanoAlgoliaFilterElement;
-        "nano-algolia-input": HTMLNanoAlgoliaInputElement;
         "nano-algolia-pagination": HTMLNanoAlgoliaPaginationElement;
         "nano-algolia-results": HTMLNanoAlgoliaResultsElement;
         "nano-aspect-ratio": HTMLNanoAspectRatioElement;
@@ -3367,7 +3302,6 @@ declare namespace LocalJSX {
     }
     /**
      * Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.
-     * Can optionally contain nano-algolia-input components or use them as a 'resultsEmitter'
      */
     interface NanoAlgolia {
         /**
@@ -3387,7 +3321,7 @@ declare namespace LocalJSX {
          */
         "filters"?: Array<string>;
         /**
-          * JS querSelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
+          * JS querySelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
          */
         "listenTo"?: string;
         /**
@@ -3450,14 +3384,10 @@ declare namespace LocalJSX {
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-          * Template engine to use when rendering results and filters. Defaults to Squirrel v8 (https://squirrelly.js.org/). This gives you access to the underlying squirrel object allowing you to modify it's configuration / add filters.
-         */
-        "tplEngine"?: Object;
         /**
           * Template engine render function to use when rendering results and filters. Defaults to Squirrel v8's render (https://squirrelly.js.org/).
          */
-        "tplRenderFn"?: (...args: any[]) => string;
+        "tplRenderFn"?: (...args: any[]) => any;
     }
     /**
      * Displays and syncs algolia filters
@@ -3493,57 +3423,6 @@ declare namespace LocalJSX {
          */
         "value"?: string | Array<string>;
     }
-    /**
-     * @deprecated Component for querying Algolia Indeces.
-     * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)
-     * Must include one 'nano-input' component
-     */
-    interface NanoAlgoliaInput {
-        /**
-          * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'. Alternatively this will be set automatically when nested within an algolia component
-         */
-        "apiKey"?: string;
-        /**
-          * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'. Alternatively this will be set automatically when nested within an algolia component
-         */
-        "appId"?: string;
-        /**
-          * Automatically emit results data to algolia components. For example, if you wanted to provide an 'autocomplete' style dropdown before showing the main results with a submit button
-         */
-        "autoEmit"?: boolean;
-        /**
-          * Will maintain a search all / '*' on init and reset allowing for a view then filter experience rather than a search first experience
-         */
-        "browseIndex"?: boolean;
-        /**
-          * Minimum number of characters before performing a search
-         */
-        "minChars"?: number;
-        /**
-          * Emitted when search results are successfully returned from Algolia.
-         */
-        "onNanoSearch"?: (event: NanoAlgoliaInputCustomEvent<AloliaSearchResultDetail>) => void;
-        /**
-          * Emitted when search field is cleared.
-         */
-        "onNanoSearchReset"?: (event: NanoAlgoliaInputCustomEvent<AloliaSearchResultDetail>) => void;
-        /**
-          * Algolia search index. Used in conjunction with 'searchIndex' & 'appId'. Alternatively this will be set automatically if you're using a 'resultsEmitter' element. ``` { index: string, // algolia index name   domain?: string, // used in template filers to resolve incomplete url fields   filters?: [string], // algolia facets to retrive   hitsPerPage?: number,   name?: string // human readable index name } ```
-         */
-        "searchIndex"?: SearchIndex;
-        /**
-          * Algolia search index name. Alternative to 'searchIndex'. A simplified shortcut for setting an index. properties such as hitsPerPage and facets will come from the algolia index
-         */
-        "searchIndexName"?: string;
-        /**
-          * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
-         */
-        "storeId"?: string;
-        /**
-          * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
-         */
-        "storeMethod"?: StorageMethods;
-    }
     /**
      * Displays results from Algolia searches.
      * TODO / WIP
@@ -3677,6 +3556,10 @@ declare namespace LocalJSX {
           * Disable all the nested form controls
          */
         "disabled"?: boolean | null;
+        /**
+          * Visually hide the legend but still available to screen readers.
+         */
+        "hideLegend"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
          */
@@ -6030,7 +5913,6 @@ declare namespace LocalJSX {
         "nano-alert": NanoAlert;
         "nano-algolia": NanoAlgolia;
         "nano-algolia-filter": NanoAlgoliaFilter;
-        "nano-algolia-input": NanoAlgoliaInput;
         "nano-algolia-pagination": NanoAlgoliaPagination;
         "nano-algolia-results": NanoAlgoliaResults;
         "nano-aspect-ratio": NanoAspectRatio;
@@ -6094,7 +5976,6 @@ declare module "@stencil/core" {
             "nano-alert": LocalJSX.NanoAlert & JSXBase.HTMLAttributes<HTMLNanoAlertElement>;
             /**
              * Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.
-             * Can optionally contain nano-algolia-input components or use them as a 'resultsEmitter'
              */
             "nano-algolia": LocalJSX.NanoAlgolia & JSXBase.HTMLAttributes<HTMLNanoAlgoliaElement>;
             /**
@@ -6102,12 +5983,6 @@ declare module "@stencil/core" {
              * Must be nested within an nano-algolia component.
              */
             "nano-algolia-filter": LocalJSX.NanoAlgoliaFilter & JSXBase.HTMLAttributes<HTMLNanoAlgoliaFilterElement>;
-            /**
-             * @deprecated Component for querying Algolia Indeces.
-             * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)
-             * Must include one 'nano-input' component
-             */
-            "nano-algolia-input": LocalJSX.NanoAlgoliaInput & JSXBase.HTMLAttributes<HTMLNanoAlgoliaInputElement>;
             /**
              * Displays results from Algolia searches.
              * TODO / WIP

package/dist/types/utils/scroll.d.ts

@@ -8,6 +8,10 @@ export declare function lockBodyScrolling(lockingEl: HTMLElement): void;
  */
 export declare function unlockBodyScrolling(lockingEl: HTMLElement): void;
 /**
- * Scrolls an element into view of its container. If the element is already in view, nothing will happen.
+ * Scrolls an element into view *of its parent container*.
+ * Note to future me - cannot use native `scrollIntoView`
+ * 'cos it will move the whole window
+ * (vertically even though we only care about parent).
+ * If the element is already in view, nothing will happen.
  */
 export declare function scrollIntoView(element: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical' | 'both', position?: 'center' | 'start'): void;