@watermarkinsights/ripple 4.2.0-0 → 4.2.0

package/dist/types/global/functions.d.ts

@@ -5,8 +5,8 @@ export declare function throttle(fn: any, wait: number): (this: any) => void;
 export declare function debounce(fn: any, wait: number): (this: any) => void;
 export declare function getTextDir(): string;
 export declare function getPosition(el: HTMLElement): {
-    x: number;
-    y: number;
+  x: number;
+  y: number;
 };
 export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
 export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
@@ -40,8 +40,8 @@ export declare function transposeMatrix(originalMatrix: any[][]): any[][];
 export declare function wrapAround(currentIdx: number, step: number, endIdx: number): number;
 export declare function skipByInterval(list: any[], skipInterval: number): any[];
 export declare function getSmallestSkipInterval(list: any[], maxLength: number): {
-    skipInterval: number;
-    skippedList: any[];
+  skipInterval: number;
+  skippedList: any[];
 };
 export declare function calcPercentageInRange(value: number, rangeLowest: number, rangeHighest: number): number;
 export declare function triggerFormSubmit(formEl: HTMLFormElement): void;

package/dist/types/global/interfaces.d.ts

@@ -1,30 +1,30 @@
 export type Notification = {
-    message: string;
-    id: string;
-    link: string;
-    newWindow: boolean;
+  message: string;
+  id: string;
+  link: string;
+  newWindow: boolean;
 };
 export type label = string | undefined;
 export type CssClassMap = {
-    [className: string]: boolean;
+  [className: string]: boolean;
 };
 interface IconLabels {
-    [index: string]: string;
+  [index: string]: string;
 }
 export type Product = {
-    description?: string;
-    samlLinkUrl?: string;
-    iconUrl: string;
-    id: string;
-    linkUrl: string;
-    name: string;
+  description?: string;
+  samlLinkUrl?: string;
+  iconUrl: string;
+  id: string;
+  linkUrl: string;
+  name: string;
 };
 export type NavigatorPayload = {
-    connection_name?: string;
-    current_product_id: string;
-    email: string;
-    logout_url: string;
-    products: Product[];
+  connection_name?: string;
+  current_product_id: string;
+  email: string;
+  logout_url: string;
+  products: Product[];
 };
 export type validButtonTypes = "primary" | "secondary" | "textonly" | "icononly" | "navigational" | "selector" | "selector-primary" | "pairpositive" | "pairnegative";
 export declare const iconLabels: IconLabels;
@@ -34,52 +34,52 @@ export declare const getWmMode: (ref?: any) => any;
 export type TooltipPlacement = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
 export type SliceElement = SVGElement | HTMLElement;
 export type SliceDetails = {
-    amount: number;
-    perc: number;
-    legend: string | null;
-    color: string;
-    offset: number;
-    id: string;
-    title: string | null;
-    text: string | null;
-    buttonText: string | null;
-    sliceRef: Element;
-    inSmallCluster: boolean;
-    coords?: {
-        x: number;
-        y: number;
-    };
+  amount: number;
+  perc: number;
+  legend: string | null;
+  color: string;
+  offset: number;
+  id: string;
+  title: string | null;
+  text: string | null;
+  buttonText: string | null;
+  sliceRef: Element;
+  inSmallCluster: boolean;
+  coords?: {
+    x: number;
+    y: number;
+  };
 };
 export type ChartDetails = {
-    size: number;
-    colors: Array<string>;
-    thickness?: number;
-    padding: number;
-    category: "doughnut" | "stackedBar" | "simpleBar";
+  size: number;
+  colors: Array<string>;
+  thickness?: number;
+  padding: number;
+  category: "doughnut" | "stackedBar" | "simpleBar";
 };
 export type ChartType = "doughnut" | "bar" | "doughnut1" | "doughnut2" | "doughnut2b" | "doughnut3" | "bar2" | "bar2b" | "bar3" | "bar4" | "bar5" | "bar6" | "bar7";
 export type LegendItem = {
-    key: string;
-    color: string;
+  key: string;
+  color: string;
 };
 export type LineChartData = {
-    [lineLabel: string]: Line;
+  [lineLabel: string]: Line;
 };
 export type Line = {
-    [xValue: string]: YValue;
+  [xValue: string]: YValue;
 };
 export type YValue = number | null;
 export type DataPointDetails = {
-    lineLabel: string;
-    xValue: string;
-    yValue: YValue;
-    xPositionPercent: number;
-    yPositionPercent: number | null;
-    highlighted: boolean;
+  lineLabel: string;
+  xValue: string;
+  yValue: YValue;
+  xPositionPercent: number;
+  yPositionPercent: number | null;
+  highlighted: boolean;
 };
 export type LineStyle = {
-    color: string;
-    icon: string;
+  color: string;
+  icon: string;
 };
 export type TimeFormat24 = string;
 export type TimeFormat12 = string;

package/dist/types/global/intl.d.ts

@@ -1,39 +1,39 @@
 export declare const globalMessages: {
-    characterLimitReached: string;
-    close: string;
-    genericError: string;
-    hide: string;
-    newWindow: string;
-    next: string;
-    open: string;
-    previous: string;
-    requiredError: string;
-    requiredField: string;
-    show: string;
-    getCharactersEntered: (charCount: number, charLimit: number) => string;
-    getCharacterLimit: (characterLimit: number) => string;
+  characterLimitReached: string;
+  close: string;
+  genericError: string;
+  hide: string;
+  newWindow: string;
+  next: string;
+  open: string;
+  previous: string;
+  requiredError: string;
+  requiredField: string;
+  show: string;
+  getCharactersEntered: (charCount: number, charLimit: number) => string;
+  getCharacterLimit: (characterLimit: number) => string;
 };
 export declare const uploaderMessages: {
-    duplicateName: string;
-    fileLimitExceeded: string;
-    fileLimitReached: string;
-    finishedUploading: string;
-    waitToUpload: string;
-    zeroFileSize: string;
-    getAcceptedFileTypes: (validTypes: string, amount: number) => string;
-    getFilesAdded: (numFiles: number) => string;
-    getFileCount: (fileListLength: number, maxFiles: number) => string;
-    getFileTooLarge: (maxSize: string) => string;
-    getFilesUploading: (numFilesUploading: number) => string;
-    getInvalidFileType: (validTypes: string) => string;
-    getMaxSize: (maxSize: string) => string;
-    getUploadProgress: (percentage: number) => string;
+  duplicateName: string;
+  fileLimitExceeded: string;
+  fileLimitReached: string;
+  finishedUploading: string;
+  waitToUpload: string;
+  zeroFileSize: string;
+  getAcceptedFileTypes: (validTypes: string, amount: number) => string;
+  getFilesAdded: (numFiles: number) => string;
+  getFileCount: (fileListLength: number, maxFiles: number) => string;
+  getFileTooLarge: (maxSize: string) => string;
+  getFilesUploading: (numFilesUploading: number) => string;
+  getInvalidFileType: (validTypes: string) => string;
+  getMaxSize: (maxSize: string) => string;
+  getUploadProgress: (percentage: number) => string;
 };
 export declare const chartMessages: {
-    interactiveChart: string;
+  interactiveChart: string;
 };
 export declare const lineChartMessages: {
-    instructions: string;
-    noData: string;
-    getChangeSince: (prevXValue: string) => string;
+  instructions: string;
+  noData: string;
+  getChangeSince: (prevXValue: string) => string;
 };

package/dist/types/global/services/__mocks__/http-service.d.ts

@@ -1,6 +1,6 @@
 export declare const getRequest: (url: string) => Promise<any>;
 export declare const postRequest: (url: string, payload: any) => Promise<void | {
-    url: string;
+  url: string;
 }>;
 export declare const deleteRequest: (url: string) => Promise<void>;
 export declare const putRequest: (_url: string, _file: any) => Promise<void>;

package/dist/types/stencil-public-runtime.d.ts

@@ -3,16 +3,6 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
-    /**
-     * When set to `true` this component will be form-associated. See
-     * https://stenciljs.com/docs/next/form-associated documentation on how to
-     * build form-associated Stencil components that integrate into forms like
-     * native browser elements such as `<input>` and `<textarea>`.
-     *
-     * The {@link AttachInternals} decorator allows for access to the
-     * `ElementInternals` object to modify the associated form.
-     */
-    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -72,7 +62,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behavior.
+     * but using this property, you can override the default behaviour.
      */
     attribute?: string | null;
     /**
@@ -117,9 +107,6 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
-export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
-}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -141,7 +128,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behavior.
+     * Using the `passive` option can be used to change the default behaviour.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -188,12 +175,6 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
-/**
- * If the `formAssociated` option is set in options passed to the
- * `@Component()` decorator then this decorator may be used to get access to the
- * `ElementInternals` instance associated with the component.
- */
-export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -451,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-export interface HostAttributes {
+interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -490,7 +471,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommended to read the children directly, and is preferable to use
+     * not recommendeded to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -810,9 +791,6 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
-        popoverTargetAction?: string;
-        popoverTargetElement?: Element | null;
-        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -894,8 +872,6 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
-        crossOrigin?: string;
-        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -954,8 +930,6 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
-        onSelect?: (event: Event) => void;
-        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -974,9 +948,6 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
-        popoverTargetAction?: string;
-        popoverTargetElement?: Element | null;
-        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1140,13 +1111,11 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
-        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
-        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1174,8 +1143,6 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
-        onSelect?: (event: Event) => void;
-        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1229,7 +1196,6 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
-        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1238,7 +1204,6 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
-        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1324,7 +1289,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
+        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1654,14 +1619,8 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
-        onTransitionCancel?: (event: TransitionEvent) => void;
-        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
-        onTransitionRun?: (event: TransitionEvent) => void;
-        onTransitionRunCapture?: (event: TransitionEvent) => void;
-        onTransitionStart?: (event: TransitionEvent) => void;
-        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "4.2.0-0",
+  "version": "4.2.0",
   "description": "Ripple Component Library",
   "license": "MIT",
   "module": "dist/index.js",