@watermarkinsights/ripple 3.27.1 → 3.28.0

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

@@ -1,40 +1,40 @@
-import { TooltipPlacement } from "./interfaces";
-export declare const intl: import("@formatjs/intl").IntlShape<string>;
-export declare function generateId(): string;
-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;
-};
-export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
-export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
-export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
-closableElHeight: number, //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
-closableElHeight: number, //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, closableElWidth: number): boolean;
-export declare function shouldShiftLeft(fixedEl: HTMLElement, closableElWidth: number): boolean;
-export declare function adjustTooltipPlacement(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipHeight: number, tooltipWidth: number): TooltipPlacement;
-export declare function showTooltip(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipText: string): void;
-export declare function hideTooltip(): void;
-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 csvToArray(csv: string): string[];
-export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
-export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
-export declare function toBool(val: any): boolean;
-export declare function measureText(originEl: HTMLElement, placeholderText: string): DOMRect;
-export declare function safeParseJSON(toParse: string): JSON | null;
-export declare function truncateText(textEl: HTMLElement, text: string, availableSpace: number, endAmt: number): string;
+import { TooltipPlacement } from "./interfaces";
+export declare const intl: import("@formatjs/intl").IntlShape<string>;
+export declare function generateId(): string;
+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;
+};
+export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
+export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
+export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
+closableElHeight: number, //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
+closableElHeight: number, //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, closableElWidth: number): boolean;
+export declare function shouldShiftLeft(fixedEl: HTMLElement, closableElWidth: number): boolean;
+export declare function adjustTooltipPlacement(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipHeight: number, tooltipWidth: number): TooltipPlacement;
+export declare function showTooltip(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipText: string): void;
+export declare function hideTooltip(): void;
+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 csvToArray(csv: string): string[];
+export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
+export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
+export declare function toBool(val: any): boolean;
+export declare function measureText(originEl: HTMLElement, placeholderText: string): DOMRect;
+export declare function safeParseJSON(toParse: string): JSON | null;
+export declare function truncateText(textEl: HTMLElement, text: string, availableSpace: number, endAmt: number): string;

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

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

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

@@ -1,74 +1,74 @@
-export type Notification = {
-  message: string;
-  id: string;
-  link: string;
-  newWindow: boolean;
-};
-export type label = string | undefined;
-export type CssClassMap = {
-  [className: string]: boolean;
-};
-interface IconLabels {
-  [index: string]: string;
-}
-export type Product = {
-  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[];
-};
-export type validButtonTypes = "primary" | "secondary" | "textonly" | "icononly" | "navigational" | "selector" | "selector-primary" | "pairpositive" | "pairnegative";
-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 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;
-  };
-};
-export type ChartDetails = {
-  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" | "doughnut0" | "bar1";
-export type LegendItem = {
-  key: string;
-  color: string;
-};
-export type UploadedFile = {
-  name: string;
-  id: string;
-  type: string;
-  lastUpdated: string;
-  progress?: number;
-  fileActions?: string;
-  size?: string;
-};
-export {};
+export type Notification = {
+  message: string;
+  id: string;
+  link: string;
+  newWindow: boolean;
+};
+export type label = string | undefined;
+export type CssClassMap = {
+  [className: string]: boolean;
+};
+interface IconLabels {
+  [index: string]: string;
+}
+export type Product = {
+  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[];
+};
+export type validButtonTypes = "primary" | "secondary" | "textonly" | "icononly" | "navigational" | "selector" | "selector-primary" | "pairpositive" | "pairnegative";
+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 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;
+  };
+};
+export type ChartDetails = {
+  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" | "doughnut0" | "bar1";
+export type LegendItem = {
+  key: string;
+  color: string;
+};
+export type UploadedFile = {
+  name: string;
+  id: string;
+  type: string;
+  lastUpdated: string;
+  progress?: number;
+  fileActions?: string;
+  size?: string;
+};
+export {};

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

@@ -1,29 +1,29 @@
-export declare const globalMessages: {
-  characterLimitReached: string;
-  close: string;
-  genericError: string;
-  newWindow: string;
-  next: string;
-  open: string;
-  previous: string;
-  requiredError: string;
-  requiredField: 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: number) => string;
-  getFilesUploading: (numFilesUploading: number) => string;
-  getInvalidFileType: (validTypes: string) => string;
-  getMaxSize: (maxSize: number) => string;
-  getUploadProgress: (percentage: number) => string;
-};
+export declare const globalMessages: {
+  characterLimitReached: string;
+  close: string;
+  genericError: string;
+  newWindow: string;
+  next: string;
+  open: string;
+  previous: string;
+  requiredError: string;
+  requiredField: 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: number) => string;
+  getFilesUploading: (numFilesUploading: number) => string;
+  getInvalidFileType: (validTypes: string) => string;
+  getMaxSize: (maxSize: number) => string;
+  getUploadProgress: (percentage: number) => 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;
-}>;
-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,46 @@
-{
-  "name": "@watermarkinsights/ripple",
-  "version": "3.27.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": "npx browserslist@latest --update-db && 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"
-  },
-  "dependencies": {
-    "@formatjs/intl": "^2.6.5"
-  },
-  "devDependencies": {
-    "@axe-core/puppeteer": "^4.6.0",
-    "@formatjs/cli": "^6.0.1",
-    "@stencil/core": "^3.2.0",
-    "@stencil/react-output-target": "^0.4.0",
-    "@stencil/sass": "^2.0.3",
-    "@types/jest": "^27.0.3",
-    "@types/puppeteer": "^7.0.4",
-    "jest": "^27.0.3"
-  }
-}
+{
+  "name": "@watermarkinsights/ripple",
+  "version": "3.28.0",
+  "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": "npx browserslist@latest --update-db && 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"
+  },
+  "dependencies": {
+    "@formatjs/intl": "^2.6.5"
+  },
+  "devDependencies": {
+    "@axe-core/puppeteer": "^4.6.0",
+    "@formatjs/cli": "^6.0.1",
+    "@stencil/core": "^3.2.0",
+    "@stencil/react-output-target": "^0.4.0",
+    "@stencil/sass": "^2.0.3",
+    "@types/jest": "^27.0.3",
+    "@types/puppeteer": "^7.0.4",
+    "jest": "^27.0.3"
+  }
+}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as r,g as a}from"./p-b5dee715.js";import{a as e}from"./p-43f1298b.js";import{k as o,l as n,i as h}from"./p-91480a89.js";import{g as l}from"./p-fd8070fb.js";const p=class{constructor(s){t(this,s),this.wmNavigatorLogout=i(this,"wmNavigatorLogout",7),this.retrievedInfo=!this.loadFromUserinfo,this.parsedProducts=[],this.openRight=!1,this.userName=void 0,this.email=void 0,this.authType=1,this.connectionName=void 0,this.logoutUrl=void 0,this.products=void 0,this.loadFromUserinfo=!1,this.isOpen=!1,this.isTabbing=!1,this.itemIndexToFocus=0}async componentWillLoad(){this.userName||console.error("wm-navigator: user-name is a required property."),await this.parseData(),this.setFocusIndex()}async parseData(){this.loadFromUserinfo?await l("/platform/navigator/userinfo").then((t=>{this.email=t.email,this.currentProductId=t.current_product_id,this.parsedProducts=this.productKeysToCamelCase(t.products),this.logoutUrl=this.logoutUrl?this.logoutUrl:t.logout_url,this.connectionName=this.connectionName?this.connectionName:t.connection_name,this.email&&this.currentProductId&&(this.retrievedInfo=!0)})).catch((t=>{console.error(t)})):(this.currentProductId=e(this.el),this.products&&(this.parsedProducts="string"==typeof this.products?JSON.parse(this.products):this.products,this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts))),this.parsedProducts.sort(((t,i)=>t.name<i.name?-1:1))}productKeysToCamelCase(t){return t.map((t=>{const i=Object.keys(t);let s={};return i.forEach((i=>{s[o(i)]=t[i]})),s}))}setFocusIndex(){if(this.parsedProducts.length>1){const t=this.getProduct(this.currentProductId);t&&(this.itemIndexToFocus=this.parsedProducts.indexOf(t))}}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleKeys(t){switch(t.key){case"Escape":t.preventDefault(),this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault(),this.isOpen||(this.itemIndexToFocus=n(this.itemIndexToFocus,t.key,this.navigatorItems.length),this.openMenu())}}handleKeydown(t){const i=t.detail.key,s=t.detail.navItem;switch(i){case"Tab":this.closeMenu();break;case"Enter":case" ":s.click();break;case"ArrowDown":case"ArrowUp":const t=this.itemIndexToFocus;this.itemIndexToFocus=n(this.itemIndexToFocus,i,this.navigatorItems.length),this.focusItem(),this.unfocusItem(t)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isOpen&&this.closeMenu()}handleButtonClick(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(){if(this.wrapperEl){const t=this.wrapperEl.clientWidth,i=this.el.getBoundingClientRect().left,s=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>i&&s>i}this.isOpen=!0,this.focusItem()}closeMenu(){this.isOpen=!1,this.buttonFocusHandler(),this.unfocusItem(this.itemIndexToFocus),this.setFocusIndex()}focusItem(){const t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0,t.focused=!0,window.requestAnimationFrame((()=>t.focus()))}unfocusItem(t){const i=this.navigatorItems[t];i.tabIndex=-1,i.focused=!1}buttonFocusHandler(){const t=this.el.shadowRoot.querySelector("priv-navigator-button").shadowRoot.querySelector("button");window.requestAnimationFrame((()=>t.focus()))}renderUserInfo(){return s("div",{class:"user",id:"wm-nav-user","aria-label":h.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},s("p",null,this.userName),s("p",null,this.email))}setAltText(){return h.formatMessage(this.parsedProducts.length>1?{id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"}:{id:"navigator.userinfo",defaultMessage:"User information"})}renderHeading(){return s("h2",null,h.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))}renderList(){return s("ul",{role:"listbox","aria-label":`${h.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})}`,"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())}renderProductOptions(){return this.parsedProducts.map((t=>{let i,r,a,e;if(i=t.name,r=t.iconUrl,e=this.setProductOnClick(t.id),i&&r)return a=this.currentProductId===t.id,s("priv-navigator-item",{selected:a,id:t.id,onClick:e,role:"option","aria-label":i},s("img",{src:r,alt:i}))}))}setProductOnClick(t){const i=this.getProduct(t);if(this.currentProductId===t)return()=>{};if(i){if(this.loadFromUserinfo||2===this.authType)return()=>window.location.href=i.linkUrl;if(3===this.authType){const t=this.connectionName?`/?connection_name=${this.connectionName}`:"";return()=>window.location.href=i.samlLinkUrl+t}}}renderLogoutOption(){return s("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},s("span",{class:"logout"},h.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))}setLogoutOnclick(){return()=>{this.wmNavigatorLogout.emit(),this.logoutUrl&&(window.location.href=this.logoutUrl)}}get navigatorItems(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))}getProduct(t){return this.parsedProducts.find((i=>i.id===t))}render(){return this.retrievedInfo?s(r,{class:this.isTabbing?"user-is-tabbing":""},s("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText(),isTabbing:this.isTabbing}),s("div",{class:`wrapper ${this.isOpen?"":"hide"} ${this.openRight?"right":""}`,ref:t=>this.wrapperEl=t},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{products:["parseData"]}}};p.style=":host,wm-navigator{min-width:0;position:relative;display:inline-block}:host .wrapper,wm-navigator .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:#fff;letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user,wm-navigator .wrapper .user{background:#f4f4f4;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p,wm-navigator .wrapper .user p{margin:0}:host .wrapper .user p:first-child,wm-navigator .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2,wm-navigator .wrapper h2{background:#2e1b46;color:#fff;font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox],wm-navigator .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide,wm-navigator .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right,wm-navigator .wrapper.right{right:auto;left:20px}:host img,wm-navigator img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout,wm-navigator .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";export{p as wm_navigator}

package/dist/ripple/p-cd3e0b8b.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,s){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{l(s.next(e))}catch(e){n(e)}}function a(e){try{l(s["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):r(e.value).then(o,a)}l((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,r,n,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(s=1,r&&(n=a[0]&2?r["return"]:a[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;if(r=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){i.label=a[1];break}if(a[0]===6&&i.label<n[1]){i.label=n[1];n=a;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(a);break}if(n[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{s=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-c4ca5d46.system.js","./p-b267e710.system.js","./p-d41ba263.system.js"],(function(e){"use strict";var t,i,s,r,n,o,a;return{setters:[function(e){t=e.r;i=e.c;s=e.h;r=e.H;n=e.g},function(e){o=e.i},function(e){a=e.g}],execute:function(){var l=':host,wm-search{width:100%;font-size:0.875rem}:host *,wm-search *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wm-search-wrapper,wm-search .wm-search-wrapper{border-radius:3px;position:relative;border:1px solid rgba(35, 35, 35, 0.6);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .wm-search-wrapper .search-icon,wm-search .wm-search-wrapper .search-icon{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;font-size:1.12rem;position:absolute;left:0.4375rem}:host .wm-search-wrapper input,wm-search .wm-search-wrapper input{border:none;height:40px;padding:0 1.75rem;background:transparent;overflow:visible;width:100%;-ms-flex:1;flex:1;font-family:inherit}:host .wm-search-wrapper input:focus,wm-search .wm-search-wrapper input:focus{outline:none}:host .wm-search-wrapper.focus,wm-search .wm-search-wrapper.focus{-webkit-box-shadow:0 0 0 1px #19a1a9;-moz-box-shadow:0 0 0 1px #19a1a9;box-shadow:0 0 0 1px #19a1a9;outline:none;border-color:#19a1a9}:host .find,wm-search .find{min-height:3rem}:host .find input,wm-search .find input{padding:16px 8px 16px 28px}:host .find .wm-find-elements,wm-search .find .wm-find-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-right:16px}:host .find .wm-find-elements wm-button+wm-button,wm-search .find .wm-find-elements wm-button+wm-button{margin-left:0.25rem}:host .find .wm-find-elements .results,wm-search .find .wm-find-elements .results{margin-right:0.5rem;font-style:italic}:host .sr-only,wm-search .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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .show-for-tabbers,wm-search .show-for-tabbers{all:unset;color:#575195;text-decoration:none;font-weight:500;font-size:0.875rem;margin:10px 0}:host .show-for-tabbers:hover,wm-search .show-for-tabbers:hover{background:-webkit-gradient(linear, left top, left bottom, from(#575195), to(#575195)) no-repeat;background:linear-gradient(#575195, #575195) no-repeat;background-size:100% 1px;background-position:0 1.2em;padding-bottom:0.2em}:host .show-for-tabbers:focus,wm-search .show-for-tabbers:focus{outline:none;background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1.2em;padding-bottom:0.2em}';var u=e("wm_search",function(){function e(e){t(this,e);this.wmSearchBrowseResults=i(this,"wmSearchBrowseResults",7);this.wmBrowseSearchResults=i(this,"wmBrowseSearchResults",7);this.wmSearchValueChanged=i(this,"wmSearchValueChanged",7);this.wrapperEl=null;this.linkEl=null;this.searchType="basic";this.disabled=false;this.placeholder="";this.label="";this.numResults=0;this.value="";this.isTabbing=false;this.highlightedId="";this.highlightedName=null;this.highlightedNum=0;this.previousBlurredValue="";this.parentModal=undefined;this.announcement=""}Object.defineProperty(e.prototype,"resultCount",{get:function(){var e="";var t=o.formatMessage({id:"search.resultsFound",defaultMessage:"{numResults, plural, =0 {No results} one {1 result} other {# results}} found"},{numResults:this.numResults});var i=o.formatMessage({id:"search.xOfYResults",defaultMessage:"{numResults, plural, =0 {No results found} other {{current} of {numResults} results}}"},{numResults:this.numResults,current:this.highlightedNum});if(this.searchType==="basic"){e=t}else if(this.searchType==="find"){e=i}return e},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true;this.linkEl&&this.linkEl.classList.remove("sr-only");this.linkEl&&this.linkEl.classList.add("show-for-tabbers")};e.prototype.toggleTabbingOff=function(){this.isTabbing=false;this.linkEl&&this.linkEl.classList.add("sr-only");this.linkEl&&this.linkEl.classList.remove("show-for-tabbers")};e.prototype.componentWillLoad=function(){if(this.placeholder===""){console.error("You must set the placeholder property for the wm-search component.")}if(this.label===""){console.error("You must set the label property for the wm-search component.")}this.hookToModal()};e.prototype.hookToModal=function(){var e=this;var t=this.el;while(!!t){if(t.tagName==="WM-MODAL"){this.parentModal=t}t=t.parentElement}if(this.parentModal){var i=["wmCloseTriggered","wmPrimaryTriggered","wmSecondaryTriggered"];i.map((function(t){e.parentModal.addEventListener(t,(function(){e.updateValue("")}))}))}};e.prototype.updateValue=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e;this.resetHighlightCountToStart();if(this.value){this.announceChanges()}return[2]}))}))};e.prototype.resetHighlightCountToStart=function(){if(this.searchType==="find"){this.highlightedNum=this.numResults?1:0}};e.prototype.announce=function(e){if(this.resultsLiveRegion.textContent===e){e+=" "}this.announcement=e};e.prototype.announceChanges=function(){var e=this;window.requestAnimationFrame((function(){var t=e.resultCount;if(e.searchType==="find"&&e.highlightedName){t+=", ".concat(e.highlightedName)}e.announce(t)}))};e.prototype.changeHighlightedNum=function(e){if(this.numResults){if(e<1){this.highlightedNum=this.numResults}else if(e>this.numResults){this.highlightedNum=1}else{this.highlightedNum=e}this.wmSearchBrowseResults.emit({position:this.highlightedNum});this.wmBrowseSearchResults.emit({position:this.highlightedNum});this.announceChanges()}};e.prototype.addFocusStyle=function(){if(this.wrapperEl){this.wrapperEl.classList.add("focus")}};e.prototype.removeFocusStyle=function(){if(this.wrapperEl){this.wrapperEl.classList.remove("focus")}};e.prototype.handleBlur=function(){this.removeFocusStyle();if(this.previousBlurredValue!==this.value){this.wmSearchValueChanged.emit({value:this.value})}this.previousBlurredValue=this.value};e.prototype.renderResultsAndBrowseButtons=function(){var e=this;return s("div",{class:"wm-find-elements"},s("div",{id:"results-display",class:"results"},this.resultCount),s("div",{class:"wm-button-collection"},s("wm-button",{"button-type":"icononly",icon:"f05d",tooltip:a.previous,"tooltip-position":"bottom",onClick:function(){return e.changeHighlightedNum(e.highlightedNum-1)},disabled:this.disabled||this.numResults<2,"label-for-identical-buttons":o.formatMessage({id:"search.previousResult",defaultMessage:"Press to hear previous matching result"})}),s("wm-button",{"button-type":"icononly",icon:"f045",tooltip:a.next,"tooltip-position":"bottom",onClick:function(){return e.changeHighlightedNum(e.highlightedNum+1)},disabled:this.disabled||this.numResults<2,"label-for-identical-buttons":o.formatMessage({id:"search.nextResult",defaultMessage:"Press to hear next matching result"})})))};e.prototype.renderJumpToLink=function(){var e=this;if(this.numResults&&this.highlightedId){return s("a",{ref:function(t){return e.linkEl=t},href:"#".concat(this.highlightedId),class:"sr-only"},o.formatMessage({id:"search.jumpToResult",defaultMessage:"Jump to search result in list"}))}else{return null}};e.prototype.render=function(){var e=this;return s(r,null,s("div",{id:"wm-search-wrapper",class:"wm-search-wrapper ".concat(this.searchType),ref:function(t){return e.wrapperEl=t}},s("input",{disabled:this.disabled,id:"wm-search-input",placeholder:this.placeholder,"aria-label":"".concat(this.label?this.label+". ":"").concat(o.formatMessage({id:"search.typeToFilterResults",defaultMessage:"Type to filter the results"})),onInput:function(t){return e.updateValue(t.target.value)},onFocus:function(){return e.addFocusStyle()},onBlur:function(){return e.handleBlur()},"aria-autocomplete":"none",autocomplete:"off",value:this.value}),s("span",{class:"mdi search-icon"},String.fromCodePoint(parseInt("0xf349"))),this.searchType==="find"&&this.renderResultsAndBrowseButtons(),s("div",{id:"wm-search-live",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(t){return e.resultsLiveRegion=t}},this.announcement)),this.searchType==="find"&&this.renderJumpToLink())};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{numResults:["resetHighlightCountToStart"]}},enumerable:false,configurable:true});return e}());u.style=l}}}));

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as o}from"./p-b5dee715.js";import{i as r}from"./p-91480a89.js";import{g as n}from"./p-4698b365.js";const a=class{constructor(e){t(this,e),this.wmSearchBrowseResults=s(this,"wmSearchBrowseResults",7),this.wmBrowseSearchResults=s(this,"wmBrowseSearchResults",7),this.wmSearchValueChanged=s(this,"wmSearchValueChanged",7),this.wrapperEl=null,this.linkEl=null,this.searchType="basic",this.disabled=!1,this.placeholder="",this.label="",this.numResults=0,this.value="",this.isTabbing=!1,this.highlightedId="",this.highlightedName=null,this.highlightedNum=0,this.previousBlurredValue="",this.parentModal=void 0,this.announcement=""}get resultCount(){let t="";const s=r.formatMessage({id:"search.resultsFound",defaultMessage:"{numResults, plural, =0 {No results} one {1 result} other {# results}} found"},{numResults:this.numResults}),e=r.formatMessage({id:"search.xOfYResults",defaultMessage:"{numResults, plural, =0 {No results found} other {{current} of {numResults} results}}"},{numResults:this.numResults,current:this.highlightedNum});return"basic"===this.searchType?t=s:"find"===this.searchType&&(t=e),t}toggleTabbingOn(){this.isTabbing=!0,this.linkEl&&this.linkEl.classList.remove("sr-only"),this.linkEl&&this.linkEl.classList.add("show-for-tabbers")}toggleTabbingOff(){this.isTabbing=!1,this.linkEl&&this.linkEl.classList.add("sr-only"),this.linkEl&&this.linkEl.classList.remove("show-for-tabbers")}componentWillLoad(){""===this.placeholder&&console.error("You must set the placeholder property for the wm-search component."),""===this.label&&console.error("You must set the label property for the wm-search component."),this.hookToModal()}hookToModal(){let t=this.el;for(;t;)"WM-MODAL"===t.tagName&&(this.parentModal=t),t=t.parentElement;this.parentModal&&["wmCloseTriggered","wmPrimaryTriggered","wmSecondaryTriggered"].map((t=>{this.parentModal.addEventListener(t,(()=>{this.updateValue("")}))}))}async updateValue(t){this.value=t,this.resetHighlightCountToStart(),this.value&&this.announceChanges()}resetHighlightCountToStart(){"find"===this.searchType&&(this.highlightedNum=this.numResults?1:0)}announce(t){this.resultsLiveRegion.textContent===t&&(t+=" "),this.announcement=t}announceChanges(){window.requestAnimationFrame((()=>{let t=this.resultCount;"find"===this.searchType&&this.highlightedName&&(t+=`, ${this.highlightedName}`),this.announce(t)}))}changeHighlightedNum(t){this.numResults&&(this.highlightedNum=t<1?this.numResults:t>this.numResults?1:t,this.wmSearchBrowseResults.emit({position:this.highlightedNum}),this.wmBrowseSearchResults.emit({position:this.highlightedNum}),this.announceChanges())}addFocusStyle(){this.wrapperEl&&this.wrapperEl.classList.add("focus")}removeFocusStyle(){this.wrapperEl&&this.wrapperEl.classList.remove("focus")}handleBlur(){this.removeFocusStyle(),this.previousBlurredValue!==this.value&&this.wmSearchValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value}renderResultsAndBrowseButtons(){return e("div",{class:"wm-find-elements"},e("div",{id:"results-display",class:"results"},this.resultCount),e("div",{class:"wm-button-collection"},e("wm-button",{"button-type":"icononly",icon:"f05d",tooltip:n.previous,"tooltip-position":"bottom",onClick:()=>this.changeHighlightedNum(this.highlightedNum-1),disabled:this.disabled||this.numResults<2,"label-for-identical-buttons":r.formatMessage({id:"search.previousResult",defaultMessage:"Press to hear previous matching result"})}),e("wm-button",{"button-type":"icononly",icon:"f045",tooltip:n.next,"tooltip-position":"bottom",onClick:()=>this.changeHighlightedNum(this.highlightedNum+1),disabled:this.disabled||this.numResults<2,"label-for-identical-buttons":r.formatMessage({id:"search.nextResult",defaultMessage:"Press to hear next matching result"})})))}renderJumpToLink(){return this.numResults&&this.highlightedId?e("a",{ref:t=>this.linkEl=t,href:`#${this.highlightedId}`,class:"sr-only"},r.formatMessage({id:"search.jumpToResult",defaultMessage:"Jump to search result in list"})):null}render(){return e(i,null,e("div",{id:"wm-search-wrapper",class:`wm-search-wrapper ${this.searchType}`,ref:t=>this.wrapperEl=t},e("input",{disabled:this.disabled,id:"wm-search-input",placeholder:this.placeholder,"aria-label":`${this.label?this.label+". ":""}${r.formatMessage({id:"search.typeToFilterResults",defaultMessage:"Type to filter the results"})}`,onInput:t=>this.updateValue(t.target.value),onFocus:()=>this.addFocusStyle(),onBlur:()=>this.handleBlur(),"aria-autocomplete":"none",autocomplete:"off",value:this.value}),e("span",{class:"mdi search-icon"},String.fromCodePoint(parseInt("0xf349"))),"find"===this.searchType&&this.renderResultsAndBrowseButtons(),e("div",{id:"wm-search-live",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:t=>this.resultsLiveRegion=t},this.announcement)),"find"===this.searchType&&this.renderJumpToLink())}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{numResults:["resetHighlightCountToStart"]}}};a.style=':host,wm-search{width:100%;font-size:0.875rem}:host *,wm-search *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wm-search-wrapper,wm-search .wm-search-wrapper{border-radius:3px;position:relative;border:1px solid rgba(35, 35, 35, 0.6);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .wm-search-wrapper .search-icon,wm-search .wm-search-wrapper .search-icon{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;font-size:1.12rem;position:absolute;left:0.4375rem}:host .wm-search-wrapper input,wm-search .wm-search-wrapper input{border:none;height:40px;padding:0 1.75rem;background:transparent;overflow:visible;width:100%;-ms-flex:1;flex:1;font-family:inherit}:host .wm-search-wrapper input:focus,wm-search .wm-search-wrapper input:focus{outline:none}:host .wm-search-wrapper.focus,wm-search .wm-search-wrapper.focus{-webkit-box-shadow:0 0 0 1px #19a1a9;-moz-box-shadow:0 0 0 1px #19a1a9;box-shadow:0 0 0 1px #19a1a9;outline:none;border-color:#19a1a9}:host .find,wm-search .find{min-height:3rem}:host .find input,wm-search .find input{padding:16px 8px 16px 28px}:host .find .wm-find-elements,wm-search .find .wm-find-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-right:16px}:host .find .wm-find-elements wm-button+wm-button,wm-search .find .wm-find-elements wm-button+wm-button{margin-left:0.25rem}:host .find .wm-find-elements .results,wm-search .find .wm-find-elements .results{margin-right:0.5rem;font-style:italic}:host .sr-only,wm-search .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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .show-for-tabbers,wm-search .show-for-tabbers{all:unset;color:#575195;text-decoration:none;font-weight:500;font-size:0.875rem;margin:10px 0}:host .show-for-tabbers:hover,wm-search .show-for-tabbers:hover{background:-webkit-gradient(linear, left top, left bottom, from(#575195), to(#575195)) no-repeat;background:linear-gradient(#575195, #575195) no-repeat;background-size:100% 1px;background-position:0 1.2em;padding-bottom:0.2em}:host .show-for-tabbers:focus,wm-search .show-for-tabbers:focus{outline:none;background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1.2em;padding-bottom:0.2em}';export{a as wm_search}