@nanoporetech-digital/components 6.0.1 → 6.2.0

package/dist/types/components/animation/animations/index.d.ts

@@ -0,0 +1,101 @@
+export declare const animations: {
+  readonly bounce: any;
+  readonly flash: any;
+  readonly headShake: any;
+  readonly heartBeat: any;
+  readonly jello: any;
+  readonly pulse: any;
+  readonly rubberBand: any;
+  readonly shake: any;
+  readonly shakeX: any;
+  readonly shakeY: any;
+  readonly swing: any;
+  readonly tada: any;
+  readonly wobble: any;
+  readonly backInDown: any;
+  readonly backInLeft: any;
+  readonly backInRight: any;
+  readonly backInUp: any;
+  readonly backOutDown: any;
+  readonly backOutLeft: any;
+  readonly backOutRight: any;
+  readonly backOutUp: any;
+  readonly bounceIn: any;
+  readonly bounceInDown: any;
+  readonly bounceInLeft: any;
+  readonly bounceInRight: any;
+  readonly bounceInUp: any;
+  readonly bounceOut: any;
+  readonly bounceOutDown: any;
+  readonly bounceOutLeft: any;
+  readonly bounceOutRight: any;
+  readonly bounceOutUp: any;
+  readonly fadeIn: any;
+  readonly fadeInBottomLeft: any;
+  readonly fadeInBottomRight: any;
+  readonly fadeInDown: any;
+  readonly fadeInDownBig: any;
+  readonly fadeInLeft: any;
+  readonly fadeInLeftBig: any;
+  readonly fadeInRight: any;
+  readonly fadeInRightBig: any;
+  readonly fadeInTopLeft: any;
+  readonly fadeInTopRight: any;
+  readonly fadeInUp: any;
+  readonly fadeInUpBig: any;
+  readonly fadeOut: any;
+  readonly fadeOutBottomLeft: any;
+  readonly fadeOutBottomRight: any;
+  readonly fadeOutDown: any;
+  readonly fadeOutDownBig: any;
+  readonly fadeOutLeft: any;
+  readonly fadeOutLeftBig: any;
+  readonly fadeOutRight: any;
+  readonly fadeOutRightBig: any;
+  readonly fadeOutTopLeft: any;
+  readonly fadeOutTopRight: any;
+  readonly fadeOutUp: any;
+  readonly fadeOutUpBig: any;
+  readonly flip: any;
+  readonly flipInX: any;
+  readonly flipInY: any;
+  readonly flipOutX: any;
+  readonly flipOutY: any;
+  readonly lightSpeedInLeft: any;
+  readonly lightSpeedInRight: any;
+  readonly lightSpeedOutLeft: any;
+  readonly lightSpeedOutRight: any;
+  readonly rotateIn: any;
+  readonly rotateInDownLeft: any;
+  readonly rotateInDownRight: any;
+  readonly rotateInUpLeft: any;
+  readonly rotateInUpRight: any;
+  readonly rotateOut: any;
+  readonly rotateOutDownLeft: any;
+  readonly rotateOutDownRight: any;
+  readonly rotateOutUpLeft: any;
+  readonly rotateOutUpRight: any;
+  readonly slideInDown: any;
+  readonly slideInLeft: any;
+  readonly slideInRight: any;
+  readonly slideInUp: any;
+  readonly slideOutDown: any;
+  readonly slideOutLeft: any;
+  readonly slideOutRight: any;
+  readonly slideOutUp: any;
+  readonly hinge: any;
+  readonly jackInTheBox: any;
+  readonly rollIn: any;
+  readonly rollOut: any;
+  readonly zoomIn: any;
+  readonly zoomInDown: any;
+  readonly zoomInLeft: any;
+  readonly zoomInRight: any;
+  readonly zoomInUp: any;
+  readonly zoomOut: any;
+  readonly zoomOutDown: any;
+  readonly zoomOutLeft: any;
+  readonly zoomOutRight: any;
+  readonly zoomOutUp: any;
+};
+export { easings } from './easings/easings';

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

@@ -23,6 +23,7 @@ export interface MyAccountLink {
 }
 export interface MyAccountUser {
   id: string | null;
+  uuid: string;
   name: string | null;
   first_name: string | null;
   last_name: string | null;

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

@@ -27,7 +27,6 @@ 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 resizeObserver;
   private debounceResize;
   private debounceSetResizingState;
   private currSize;
@@ -215,7 +214,8 @@ export declare class GlobalNav implements ComponentInterface {
   private setResizingState;
   /**
    * 1) Reset threshold (item fit breakpoint) when screen is bigger than before.
-   * 2) Hide search bar whenever we resize
+   * 2) Assess the all threshold / breakpoints to see if content fits
+   * 3) Hide search bar whenever we resize
    */
   private onWindowResize;
   secondaryOpen(ev: CustomEvent & {
@@ -274,10 +274,6 @@ export declare class GlobalNav implements ComponentInterface {
    */
   private assessSlottedContent;
   private handleBarResize;
-  /**
-   * Attach the ResizeObserver - from which all threshold / breakpoint logic hinges
-   */
-  private attachResizeObserver;
   componentWillLoad(): void;
   connectedCallback(): void;
   componentDidLoad(): void;

package/dist/types/components/global-search-results/global-search-results.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { SearchIndex } from '../../interface';
+import type { IndexResult, NanoAlgoliaResultsCustomEvent, SearchIndex } from '../../interface';
 /**
  * Nanopore Global Search results component
  * to be used in conjunction with [Globla-Nav](/story/nano-compounds-global-nav).
@@ -9,6 +9,7 @@ import type { SearchIndex } from '../../interface';
  */
 export declare class GlobalSearchResults implements ComponentInterface {
   private algoliaResultsEle;
+  private algoliaResults;
   private filtersDiv;
   private openFilterBtn;
   private ro;
@@ -34,12 +35,17 @@ export declare class GlobalSearchResults implements ComponentInterface {
   handleReorder(e: CustomEvent & {
     target: HTMLNanoSelectElement;
   }): void;
-  attachListeners(e: CustomEvent & {
-    target: HTMLElement;
-  }): void;
-  attachResultListeners(e?: CustomEvent & {
-    target: HTMLElement;
-  }): void;
+  attachListeners(e: NanoAlgoliaResultsCustomEvent<{
+    meta: IndexResult;
+    client: {
+      apiKey: string;
+      appId: string;
+    };
+  }>): void;
+  attachResultListeners(e?: NanoAlgoliaResultsCustomEvent<IndexResult>): void;
+  private resultClick;
+  private showFiltersClick;
+  private removeFilterClick;
   private tagClick;
   private changeOrder;
   private goback;

package/dist/types/components/intersection-observe/intersection-observe.d.ts

@@ -0,0 +1,45 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A thin, declarative interface to the IntersectionObserver API.
+ * @slot - Main slot for any content.
+ */
+export declare class IntersectionObserve implements ComponentInterface {
+  private io;
+  private _root;
+  private _threshold;
+  private defaultSlot;
+  get observerOptions(): IntersectionObserverInit;
+  get elements(): Element[] | undefined;
+  host: HTMLNanoIntersectionObserveElement;
+  /** The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target.
+   * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
+  root: globalThis.Element | 'root' | 'auto';
+  handleRootChange(): void;
+  /**
+   * Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left).
+   * The values can be percentages. This set of values serves to grow or shrink each side of the root element's
+   * bounding box before computing intersections. Defaults to zeros. */
+  rootMargin?: string;
+  /**
+   * Indicate at what percentage of the target's visibility the observer's callback should be executed.
+   * If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'.
+   * If you want the callback to run every time visibility passes another '25%',
+   * you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'.
+   * A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
+   */
+  threshold?: string;
+  handleThresholdChange(): void;
+  /** A resize break point is switched on or off */
+  nanoIntersectionChange: EventEmitter<IntersectionObserverEntry>;
+  /** A resize break point is switched on or off */
+  nanoIntersecting: EventEmitter<IntersectionObserverEntry>;
+  /** A resize break point is switched on or off */
+  nanoNotIntersecting: EventEmitter<IntersectionObserverEntry>;
+  private ioCallback;
+  private handleSlotChange;
+  private addIO;
+  private removeIO;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,7 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { OptionInterface } from '../option/option-interface';
-import type { Dropdown } from '../dropdown/dropdown';
-import type { Color, SelectChangeEventDetail, InputChangeEventDetail, ControlValidityEventDetail, ControlValidity } from '../../interface';
+import type { Color, SelectChangeEventDetail, InputChangeEventDetail, ControlValidityEventDetail, ControlValidity, OptionInterface, DropdownInterface } from '../../interface';
 /**
  * The select component is a wrapper to the HTML select element with custom styling and additional functionality.
  * It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).
@@ -171,7 +169,7 @@ export declare class Select implements ComponentInterface {
    */
   valueChanged(): void;
   /** nano-dropdown config options you can pass to the nested dropdown component */
-  dropDownConfig?: Partial<Dropdown>;
+  dropDownConfig?: Partial<DropdownInterface>;
   setDataListOpts(): void;
   /**
    * A function that customizes the tag value to be rendered when `multiple="true"`.

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

@@ -155,11 +155,6 @@ export declare class Sticker implements ComponentInterface {
   private handleScrollTo;
   private handleScrollAway;
   private moveTrigger;
-  /**
-   * Gets the 'closest' scrolling parent
-   * @returns either an element with `overflow: scroll | auto` or the parent Document
-   */
-  private getScrollParent;
   private shouldStick;
   private bootstrapGurantor;
   connectedCallback(): void;

package/dist/types/components/table/table.utils.d.ts

@@ -60,12 +60,6 @@ export declare function headerPinClasses(type: ValidRenderTypes, vPinned?: Table
 export declare function classListToStr(classes: {
   [key: string]: boolean;
 }): string;
-/**
- * Attempts to find the closes scrolling parental element
- * @param element - the element from which to traverse up the DOM
- * @returns - the closest scrolling parental element
- */
-export declare function findScrollParent(element: HTMLElement): HTMLElement;
 /**
  * Checks whether an element is currently viewable within the viewport
  * @param el - element to check