@watermarkinsights/ripple 3.5.1 → 3.6.0-1

package/dist/types/components/wm-uploader/wm-uploader.d.ts

@@ -1,80 +1,84 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-interface UploadedFile {
-  name: string;
-  id: string;
-  type: string;
-  lastUpdated: string;
-  progress?: number;
-}
-interface ErrorFile {
-  name: string;
-  message: string;
-}
-export declare class Uploader {
-  el: HTMLWmUploaderElement;
-  private liveRegion?;
-  private inputEl?;
-  uploaderType: "1" | "2" | null;
-  type: "1" | "2" | null;
-  get tempUploaderType(): "1" | "2";
-  buttonText: string;
-  info?: string;
-  emptyStateText: string;
-  icon: string;
-  fileTypes: string;
-  maxSize: number;
-  maxFiles?: number;
-  sortBy: "name" | "date";
-  files?: string;
-  private fileList;
-  filesToUpload: File[];
-  isTabbing: boolean;
-  rejectedFiles?: string;
-  errorList: ErrorFile[];
-  notif?: {
-    id: number;
-    message: string;
-  } | null;
-  numFilesInProgress?: number | null;
-  private srProgress?;
-  private inputId;
-  wmUploaderFilesSelected: EventEmitter;
-  wmFilesSelected: EventEmitter;
-  wmUploaderDeleteFile: EventEmitter;
-  wmDeleteFile: EventEmitter;
-  wmUploaderDownloadFile: EventEmitter;
-  wmDownloadFile: EventEmitter;
-  toggleTabbingOn(): void;
-  toggleTabbingOff(): void;
-  handleUploadProgress(ev: CustomEvent): void;
-  parseFiles(): void;
-  parseRejectedFiles(): void;
-  setMaxSize(): void;
-  uploadNotifications(newNum: number, oldNum: number): void;
-  isValidSize(size: number): boolean;
-  isDuplicate(name: string): UploadedFile | undefined;
-  isEmpty(): boolean;
-  isDisabled(): boolean;
-  isItemUploading(item: UploadedFile): boolean;
-  clearErrors(): void;
-  handleFiles(ev: Event): void;
-  downloadFile(file: UploadedFile): void;
-  deleteFile(file: UploadedFile): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  renderUploadSvg(): any;
-  renderIcon(): any;
-  renderInfo(): any;
-  renderNotif(): any;
-  renderUploadButton(classes: string): any;
-  renderEmptyState(): any;
-  renderErrorList(): any;
-  renderFileInProgress(item: UploadedFile): any;
-  renderFile(item: UploadedFile): any;
-  renderFileList(): any;
-  renderHeader(): any;
-  renderFooter(): any;
-  renderWithItems(): any;
-  render(): any;
-}
-export {};
+import { EventEmitter } from "../../stencil-public-runtime";
+interface UploadedFile {
+  name: string;
+  id: string;
+  type: string;
+  lastUpdated: string;
+  progress?: number;
+}
+interface ErrorFile {
+  name: string;
+  message: string;
+}
+export declare class Uploader {
+  el: HTMLWmUploaderElement;
+  private liveRegion?;
+  private inputEl?;
+  uploaderType: "1" | "2" | null;
+  type: "1" | "2" | null;
+  get tempUploaderType(): "1" | "2";
+  buttonText: string;
+  info?: string;
+  emptyStateText: string;
+  icon: string;
+  fileTypes: string;
+  maxSize: number;
+  maxFiles?: number;
+  sortBy: "name" | "date";
+  buttonType: "primary" | "secondary";
+  buttonPosition: "left" | "right";
+  files?: string;
+  private fileList;
+  filesToUpload: File[];
+  isTabbing: boolean;
+  rejectedFiles?: string;
+  errorList: ErrorFile[];
+  notif?: {
+    id: number;
+    message: string;
+  } | null;
+  numFilesInProgress?: number | null;
+  private srProgress?;
+  private inputId;
+  wmUploaderFilesSelected: EventEmitter;
+  wmFilesSelected: EventEmitter;
+  wmUploaderDeleteFile: EventEmitter;
+  wmDeleteFile: EventEmitter;
+  wmUploaderDownloadFile: EventEmitter;
+  wmDownloadFile: EventEmitter;
+  get buttonsideText(): any;
+  toggleTabbingOn(): void;
+  toggleTabbingOff(): void;
+  handleUploadProgress(ev: CustomEvent): void;
+  parseFiles(): void;
+  parseRejectedFiles(): void;
+  setMaxSize(): void;
+  uploadNotifications(newNum: number, oldNum: number): void;
+  isValidSize(size: number): boolean;
+  isDuplicate(name: string): UploadedFile | undefined;
+  isEmpty(): boolean;
+  isDisabled(): boolean;
+  isItemUploading(item: UploadedFile): boolean;
+  clearErrors(): void;
+  handleFiles(ev: Event): void;
+  downloadFile(file: UploadedFile): void;
+  deleteFile(file: UploadedFile): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  sortByButtonPosition(elements: HTMLElement[]): HTMLElement[];
+  renderUploadSvg(): any;
+  renderIcon(): any;
+  renderInfo(): any;
+  renderNotif(): any;
+  renderUploadButton(classes: string): any;
+  renderEmptyState(): any;
+  renderErrorList(): any;
+  renderFileInProgress(item: UploadedFile): any;
+  renderFile(item: UploadedFile): any;
+  renderFileList(): any;
+  renderHeader(): any;
+  renderFooter(): any;
+  renderWithItems(): any;
+  render(): any;
+}
+export {};

package/dist/types/components/wm-wrapper/wm-wrapper.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class Wrapper {
-  el: any;
-  wmWrapperLoaded: EventEmitter<void>;
-  componentDidLoad(): void;
-  render(): void;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class Wrapper {
+  el: any;
+  wmWrapperLoaded: EventEmitter<void>;
+  componentDidLoad(): void;
+  render(): void;
+}

package/dist/types/components.d.ts

@@ -45,13 +45,13 @@ export namespace Components {
         "disabled": boolean;
         "labelForIdenticalButtons"?: string;
         "tooltip"?: string;
-        "tooltipPosition"?: | "top"
-    | "bottom"
-    | "left"
-    | "right"
-    | "bottom-left"
-    | "bottom-right"
-    | "top-right"
+        "tooltipPosition"?: | "top"
+    | "bottom"
+    | "left"
+    | "right"
+    | "bottom-left"
+    | "bottom-right"
+    | "top-right"
     | "top-left";
     }
     interface WmButton {
@@ -267,7 +267,9 @@ export namespace Components {
         "tooltipText"?: string;
     }
     interface WmUploader {
+        "buttonPosition": "left" | "right";
         "buttonText": string;
+        "buttonType": "primary" | "secondary";
         "emptyStateText": string;
         "fileTypes": string;
         "files"?: string;
@@ -526,9 +528,9 @@ declare namespace LocalJSX {
     interface PrivNavigatorItem {
         "focused"?: boolean;
         "link"?: string;
-        "onKeydownOnNavItem"?: (event: CustomEvent<{
-    navItem: HTMLPrivNavigatorItemElement;
-    key: string;
+        "onKeydownOnNavItem"?: (event: CustomEvent<{
+    navItem: HTMLPrivNavigatorItemElement;
+    key: string;
   }>) => void;
         "selected"?: boolean;
     }
@@ -541,13 +543,13 @@ declare namespace LocalJSX {
         "onMenuLoaded"?: (event: CustomEvent<any>) => void;
         "onWmActionMenuLoaded"?: (event: CustomEvent<any>) => void;
         "tooltip"?: string;
-        "tooltipPosition"?: | "top"
-    | "bottom"
-    | "left"
-    | "right"
-    | "bottom-left"
-    | "bottom-right"
-    | "top-right"
+        "tooltipPosition"?: | "top"
+    | "bottom"
+    | "left"
+    | "right"
+    | "bottom-left"
+    | "bottom-right"
+    | "top-right"
     | "top-left";
     }
     interface WmButton {
@@ -753,9 +755,9 @@ declare namespace LocalJSX {
         "onWmSnackbarSnackFinished"?: (event: CustomEvent<Object>) => void;
     }
     interface WmTabItem {
-        "onKeydownOnTabItem"?: (event: CustomEvent<{
-    tabItem: HTMLWmTabItemElement;
-    key: string;
+        "onKeydownOnTabItem"?: (event: CustomEvent<{
+    tabItem: HTMLWmTabItemElement;
+    key: string;
   }>) => void;
         "onTabItemLoaded"?: (event: CustomEvent<{ tab: HTMLWmTabItemElement }>) => void;
         "onTabSelected"?: (event: CustomEvent<{ tabId: string }>) => void;
@@ -813,10 +815,10 @@ declare namespace LocalJSX {
         "label"?: string;
         "labelPosition"?: "top" | "left" | "none";
         "onWmTimepickerNewValidValue"?: (event: CustomEvent<{ value: string }>) => void;
-        "onWmTimepickerOnChange"?: (event: CustomEvent<{
-    // deprecated in favor of wmTimepickerNewValidValue and standard input event
-    value: string;
-    isValid: boolean;
+        "onWmTimepickerOnChange"?: (event: CustomEvent<{
+    // deprecated in favor of wmTimepickerNewValidValue and standard input event
+    value: string;
+    isValid: boolean;
   }>) => void;
         "preventValidation"?: string;
         "requiredField"?: boolean;
@@ -829,7 +831,9 @@ declare namespace LocalJSX {
         "tooltipText"?: string;
     }
     interface WmUploader {
+        "buttonPosition"?: "left" | "right";
         "buttonText": string;
+        "buttonType"?: "primary" | "secondary";
         "emptyStateText": string;
         "fileTypes"?: string;
         "files"?: string;

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

@@ -1,6 +1,6 @@
-export declare const generateId: () => string;
-export declare const getTextDir: () => string;
-export declare const intl: {
-  formatMessage: (_: string) => string;
-};
-export declare const adjustTooltipPosition: () => string;
+export declare const generateId: () => string;
+export declare const getTextDir: () => string;
+export declare const intl: {
+  formatMessage: (_: string) => string;
+};
+export declare const adjustTooltipPosition: () => string;

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

@@ -1,40 +1,40 @@
-import { TooltipPosition } from "./interfaces";
-export declare const intl: import("@formatjs/intl").IntlShape<string>;
-export declare function generateId(): string;
-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;
-};
-export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
-export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
-export declare function getClosableElementMeasurements(fixedEl: HTMLElement, closableEl: HTMLElement): {
-  closableElHeight: number;
-  closableElWidth: number;
-  spaceAbove: number;
-  spaceBelow: number;
-  spaceLeft: number;
-  spaceRight: number;
-};
-export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
-closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
-offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
-offsetBelow?: number): boolean;
-export declare function shouldOpenDown(fixedEl: HTMLElement, //the element visible on the page when the component is closed
-closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
-offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
-offsetBelow?: number): boolean;
-export declare function shouldShiftRight(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
-export declare function shouldShiftLeft(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
-export declare function adjustTooltipPosition(tPos: TooltipPosition, el: HTMLElement, tooltipEl: HTMLElement): TooltipPosition;
-export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
-export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
-export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
-export declare function isFocusable(element: any): boolean;
-export declare function getFirstFocusableDescendant(element: HTMLElement): HTMLElement | undefined;
-export declare function hasValidType(file: File, types: string): any;
-export declare function getAcceptedMimeTypesList(acceptedExtensions: string[]): any;
-export declare function snakeCaseToCamelCase(str: string): string;
-export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
-export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
+import { TooltipPosition } from "./interfaces";
+export declare const intl: import("@formatjs/intl").IntlShape<string>;
+export declare function generateId(): string;
+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;
+};
+export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
+export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
+export declare function getClosableElementMeasurements(fixedEl: HTMLElement, closableEl: HTMLElement): {
+  closableElHeight: number;
+  closableElWidth: number;
+  spaceAbove: number;
+  spaceBelow: number;
+  spaceLeft: number;
+  spaceRight: number;
+};
+export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
+closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow?: number): boolean;
+export declare function shouldOpenDown(fixedEl: HTMLElement, //the element visible on the page when the component is closed
+closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow?: number): boolean;
+export declare function shouldShiftRight(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
+export declare function shouldShiftLeft(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
+export declare function adjustTooltipPosition(tPos: TooltipPosition, el: HTMLElement, tooltipEl: HTMLElement): TooltipPosition;
+export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
+export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
+export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
+export declare function isFocusable(element: any): boolean;
+export declare function getFirstFocusableDescendant(element: HTMLElement): HTMLElement | undefined;
+export declare function hasValidType(file: File, types: string): any;
+export declare function getAcceptedMimeTypesList(acceptedExtensions: string[]): any;
+export declare function snakeCaseToCamelCase(str: string): string;
+export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
+export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;

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

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

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

@@ -1,34 +1,34 @@
-export declare type Notification = {
-  message: string;
-  id: string;
-  link: string;
-  newWindow: boolean;
-};
-export declare type label = string | undefined;
-export declare type CssClassMap = {
-  [className: string]: boolean;
-};
-interface IconLabels {
-  [index: string]: string;
-}
-export declare type Product = {
-  description?: string;
-  samlLinkUrl?: string;
-  iconUrl: string;
-  id: string;
-  linkUrl: string;
-  name: string;
-};
-export declare type NavigatorPayload = {
-  connection_name?: string;
-  current_product_id: string;
-  email: string;
-  logout_url: string;
-  products: Product[];
-};
-export declare const iconLabels: IconLabels;
-export declare function getIconCodeFromName(icon: string): string;
-export declare const defaultMode = "planning";
-export declare const getWmMode: (ref?: any) => any;
-export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
-export {};
+export declare type Notification = {
+  message: string;
+  id: string;
+  link: string;
+  newWindow: boolean;
+};
+export declare type label = string | undefined;
+export declare type CssClassMap = {
+  [className: string]: boolean;
+};
+interface IconLabels {
+  [index: string]: string;
+}
+export declare type Product = {
+  description?: string;
+  samlLinkUrl?: string;
+  iconUrl: string;
+  id: string;
+  linkUrl: string;
+  name: string;
+};
+export declare type NavigatorPayload = {
+  connection_name?: string;
+  current_product_id: string;
+  email: string;
+  logout_url: string;
+  products: Product[];
+};
+export declare const iconLabels: IconLabels;
+export declare function getIconCodeFromName(icon: string): string;
+export declare const defaultMode = "planning";
+export declare const getWmMode: (ref?: any) => any;
+export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
+export {};

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

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

@@ -1,4 +1,4 @@
-export declare const getRequest: (url: string) => Promise<any>;
-export declare const postRequest: (url: string, payload: Object) => Promise<any>;
-export declare const deleteRequest: (url: string) => Promise<any>;
-export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;
+export declare const getRequest: (url: string) => Promise<any>;
+export declare const postRequest: (url: string, payload: Object) => Promise<any>;
+export declare const deleteRequest: (url: string) => Promise<any>;
+export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;

package/dist/types/lang/lang.d.ts

@@ -1,5 +1,5 @@
-import en from "./compiled-lang/en.json";
-import fr from "./compiled-lang/fr.json";
-import es from "./compiled-lang/es.json";
-import pig from "./compiled-lang/pig.json";
-export { en, fr, es, pig };
+import en from "./compiled-lang/en.json";
+import fr from "./compiled-lang/fr.json";
+import es from "./compiled-lang/es.json";
+import pig from "./compiled-lang/pig.json";
+export { en, fr, es, pig };

package/package.json

@@ -1,46 +1,47 @@
-{
-  "name": "@watermarkinsights/ripple",
-  "version": "3.5.1",
-  "description": "Ripple Component Library",
-  "license": "MIT",
-  "module": "dist/index.js",
-  "main": "dist/index.cjs.js",
-  "unpkg": "dist/ripple/ripple.js",
-  "types": "dist/types/components.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "files": [
-    "dist/"
-  ],
-  "es2017": "dist/esm/index.mjs",
-  "es2015": "dist/esm/index.mjs",
-  "scripts": {
-    "local.pss": "sh ./scripts/build-local-pss.sh",
-    "local.aqua": "sh ./scripts/build-local-aqf.sh",
-    "local.ripple": "sh ./scripts/build-local-ripple.sh",
-    "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
-    "build": "stencil build",
-    "release": "sh ./scripts/release.sh",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.snapshot": "stencil test --spec --e2e -u",
-    "test.watch": "stencil test --spec --e2e --watch",
-    "test.watchAll": "stencil test --spec --e2e --watchAll",
-    "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
-    "extract": "formatjs extract ./src/**/*.tsx --out-file ./src/lang/en.json && node ./src/lang/piglatin.js",
-    "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast"
-  },
-  "devDependencies": {
-    "@axe-core/puppeteer": "^4.1.1",
-    "@formatjs/cli": "^4.2.11",
-    "@stencil/core": "^2.5.2",
-    "@stencil/react-output-target": "^0.0.9",
-    "@stencil/sass": "^1.4.1",
-    "@types/jest": "^26.0.23",
-    "@types/puppeteer": "^5.4.3",
-    "jest": "^26.6.3",
-    "jest-cli": "^26.6.3"
-  },
-  "dependencies": {
-    "@formatjs/intl": "^1.10.5"
-  }
-}
+{
+  "name": "@watermarkinsights/ripple",
+  "version": "3.6.0-1",
+  "description": "Ripple Component Library",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "main": "dist/index.cjs.js",
+  "unpkg": "dist/ripple/ripple.js",
+  "types": "dist/types/components.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "files": [
+    "dist/"
+  ],
+  "es2017": "dist/esm/index.mjs",
+  "es2015": "dist/esm/index.mjs",
+  "scripts": {
+    "local.pss": "sh ./scripts/build-local-pss.sh",
+    "local.aqua": "sh ./scripts/build-local-aqf.sh",
+    "local.ripple": "sh ./scripts/build-local-ripple.sh",
+    "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
+    "build": "stencil build",
+    "release": "sh ./scripts/release.sh",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.snapshot": "stencil test --spec --e2e -u",
+    "test.watch": "stencil test --spec --e2e --watch",
+    "test.watchAll": "stencil test --spec --e2e --watchAll",
+    "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
+    "extract": "formatjs extract './src/**/*.tsx' --out-file './src/lang/en.json' && node './src/lang/piglatin.js'",
+    "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast",
+    "missing": "node './src/lang/missing.js'"
+  },
+  "devDependencies": {
+    "@axe-core/puppeteer": "^4.1.1",
+    "@formatjs/cli": "^4.2.11",
+    "@stencil/core": "^2.5.2",
+    "@stencil/react-output-target": "^0.0.9",
+    "@stencil/sass": "^1.4.1",
+    "@types/jest": "^26.0.23",
+    "@types/puppeteer": "^5.4.3",
+    "jest": "^26.6.3",
+    "jest-cli": "^26.6.3"
+  },
+  "dependencies": {
+    "@formatjs/intl": "^1.10.5"
+  }
+}

package/dist/ripple/p-34694011.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as r,g as a}from"./p-9baa3039.js";import{i as s,g as p,e as n}from"./p-e60fe2f5.js";const o=class{constructor(e){i(this,e),this.wmInputValueChanged=t(this,"wmInputValueChanged",7),this.labelPosition="top",this.value="",this.disabled=!1,this.placeholder="",this.requiredField=!1,this.type="text",this.step=1,this.announcement="",this.previousBlurredValue="",this.displayedErrorMessage="",this.uid="",this.requiredErrorMessage=s.formatMessage({id:"global.requiredError",defaultMessage:"This field is required."}),this.numberErrorMessage=s.formatMessage({id:"input.numberError",defaultMessage:"Please enter a valid number."})}get charCount(){return this.value.length}componentWillLoad(){this.uid=this.el.id?this.el.id:p(),this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("input").focus()},this.label||console.error("wm-input requires the label property")}componentDidLoad(){this.value&&(this.inputEl.value=this.value,this.previousBlurredValue=this.inputEl.value)}handleErrorMessage(){this.displayedErrorMessage=this.validate()}handleKeyDown(i){const t=i.ctrlKey||i.metaKey||i.altKey;/^.$/.test(i.key)&&!t&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleBlur(i){this.value!==this.previousBlurredValue&&this.wmInputValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value,this.preventValidation&&n(i,this.preventValidation)||(this.displayedErrorMessage=this.validate()),this.inputWrapperEl.classList.remove("focus")}handleInput(i){this.value=i.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleFocus(){this.inputWrapperEl.classList.add("focus")}validate(){const i=[this.validateNumber.bind(this),this.validateRequired.bind(this)];return this.errorMessage?this.errorMessage:i.reduce(((i,t)=>i||t()),"")}validateRequired(){return this.requiredField&&""===this.value?this.requiredErrorMessage:""}validateNumber(){return"number"===this.type&&this.inputEl.validity.badInput?this.numberErrorMessage:""}announce(i){this.liveRegionEl.textContent===i&&(i+=" "),this.announcement=i}generateCharacterLimitWarning(i,t){const e=s.formatMessage({id:"input.charactersEntered",defaultMessage:"{x, number} of {y, number} characters entered."},{x:i,y:t}),r=s.formatMessage({id:"input.characterLimitReached",defaultMessage:"No additional characters will be entered."});return`${e}${i>=t?" "+r:""}`}generateCharacterLimitLabel(i){return s.formatMessage({id:"input.characterLimit",defaultMessage:"{limit, number} characters allowed."},{limit:i})}renderErrorMessage(){return this.errorMessage||this.displayedErrorMessage}render(){return e(r,{id:this.uid},e("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage||this.displayedErrorMessage?"invalid":""}`,ref:i=>this.inputWrapperEl=i},e("div",{class:"label-wrapper"},"none"!==this.labelPosition&&e("label",{htmlFor:`inputfield-${this.uid}`,class:"label"},this.label,this.requiredField&&e("span",{class:"required","aria-hidden":"true"},"*"))),e("div",{class:"inner-wrapper"},e("div",{class:"inputfield-wrapper"},e("input",{ref:i=>this.inputEl=i,id:`inputfield-${this.uid}`,disabled:this.disabled,"aria-label":`${this.label}${this.characterLimit?" "+this.generateCharacterLimitLabel(this.characterLimit):""}`,"aria-describedby":`info-${this.uid} error-${this.uid}`,onInput:i=>this.handleInput(i),onKeyDown:i=>this.handleKeyDown(i),onBlur:i=>this.handleBlur(i),onFocus:this.handleFocus.bind(this),placeholder:this.placeholder,autocomplete:"off",required:this.requiredField,maxLength:this.characterLimit||void 0,type:this.type,step:this.step,max:this.max,min:this.min}),this.characterLimit&&"number"==typeof this.characterLimit?e("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.info&&e("div",{id:`info-${this.uid}`,class:"info"},this.info),e("div",{id:`error-${this.uid}`,"aria-live":"assertive",class:"error-message","aria-atomic":"true"},this.renderErrorMessage()),e("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:i=>this.liveRegionEl=i},this.announcement))))}get el(){return a(this)}static get watchers(){return{errorMessage:["handleErrorMessage"]}}};o.style='@charset "UTF-8";:host,wm-input{font-family:inherit;width:100%}:host *,wm-input *{box-sizing:border-box}:host .wrapper,wm-input .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;font-size:0.875rem}:host .wrapper .label,wm-input .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required,wm-input .wrapper .label .required{color:#c0392b}:host .wrapper.label-left,wm-input .wrapper.label-left{flex-direction:row}:host .wrapper.label-left .label-wrapper,wm-input .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label,wm-input .wrapper.label-left .label-wrapper .label{display:flex;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label,wm-input .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label,wm-input .wrapper.invalid .label{color:#c0392b}:host .wrapper.invalid .label:after,wm-input .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after,[dir=RTL] wm-input .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label,wm-input .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper,wm-input .wrapper .inner-wrapper{width:100%}:host .wrapper .inputfield-wrapper,wm-input .wrapper .inputfield-wrapper{height:2.5rem;border:1px solid #4a4a4a;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:flex}:host .wrapper .character-count,wm-input .wrapper .character-count{display:flex;align-items:center;justify-content:center;min-width:5rem;background-color:rgba(74, 74, 74, 0.05);font-size:0.875rem;font-weight:500;align-self:stretch}:host .wrapper input,wm-input .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:disabled,wm-input .wrapper input:disabled{background-color:#f0f0f0;color:#737373}:host .wrapper input:focus,wm-input .wrapper input:focus{outline:none}:host .wrapper .info,wm-input .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper,wm-input .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}:host .wrapper.invalid .error-message,wm-input .wrapper.invalid .error-message{color:#c0392b;margin:4px 0;display:block;font-style:italic;line-height:100%}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper,wm-input .wrapper:focus .inputfield-wrapper,wm-input .wrapper.focus .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px #20cbd4;-moz-box-shadow:0 0 0 1px #20cbd4;box-shadow:0 0 0 1px #20cbd4;outline:none;border-color:#20cbd4}:host .sr-only,wm-input .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{o as wm_input}