@watermarkinsights/ripple 3.3.0-2 → 3.3.2-0

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

@@ -1,80 +1,80 @@
-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";
+  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 {};

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 {
@@ -526,9 +526,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 +541,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 +753,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 +813,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;

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,46 @@
-{
-  "name": "@watermarkinsights/ripple",
-  "version": "3.3.0-2",
-  "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.3.2-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": "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"
+  }
+}

package/dist/ripple/p-0d138e91.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as o,f as r}from"./p-9baa3039.js";import{i as n,g as a,l,q as h}from"./p-588b4475.js";const p=class{constructor(e){t(this,e),this.wmOptionSelected=i(this,"wmOptionSelected",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmEnterKeyPressed=i(this,"wmEnterKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmOptionBlurred=i(this,"wmOptionBlurred",7),this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1}get isMultiChild(){var t;return null===(t=this.el.parentElement)||void 0===t?void 0:t.multiple}handleKeydown(t){switch(t.keyCode){case 38:t.preventDefault(),this.wmKeyUpPressed.emit();break;case 40:t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case 13:t.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case 32:t.preventDefault(),this.el.click();break;case 27:t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case 36:t.preventDefault(),this.wmHomeKeyPressed.emit();break;case 35:t.preventDefault(),this.wmEndKeyPressed.emit();break;case 9:this.wmTabKeyPressed.emit();break;default:this.wmLetterPressed.emit(t.key)}}handleSelection(){this.disabled||this.wmOptionSelected.emit()}handleBlur(t){this.wmOptionBlurred.emit({relatedTarget:t.relatedTarget})}syncAriaSelected(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.removeAttribute("aria-selected")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}focusHandler(t){t&&this.el.focus()}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick()}render(){return e(s,{role:"option",tabindex:this.focused?0:-1,class:`${this.subinfo?"hassubinfo":""} ${this.isMultiChild?"multi-option":""}`},e("div",{class:"option-wrapper "+(this.isMultiChild?"checkbox":"")},e("slot",null)),e("div",{class:"subinfo"},this.subinfo))}get el(){return o(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"],focused:["focusHandler"]}}};p.style='@charset "UTF-8";:host(:not(:last-child)),wm-option:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host,wm-option{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a;user-select:none}:host:focus,:host.focus,wm-option:focus,wm-option.focus{outline:none;background:#f4f4f4}:host.icon,wm-option.icon{color:#575195}.checkbox:before{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:"";display:inline;margin-right:0.25rem;color:#575195}:host([aria-selected=true]),wm-option[aria-selected=true]{background:rgba(46, 27, 70, 0.05);font-weight:500}:host([aria-selected=true]) .checkbox:before,wm-option[aria-selected=true] .checkbox:before{content:""}:host([aria-disabled=true]),wm-option[aria-disabled=true]{font-style:italic;color:#6b6b6b;cursor:default}:host([aria-disabled=true]) .checkbox:before,wm-option[aria-disabled=true] .checkbox:before{color:#6b6b6b}:host(.multi-option),wm-option.multi-option{background:unset}:host(.hassubinfo),wm-option.hassubinfo{display:flex}:host(.hassubinfo) .option-wrapper,wm-option.hassubinfo .option-wrapper{flex:1}:host(.hassubinfo) .subinfo,wm-option.hassubinfo .subinfo{flex:none}.subinfo{font-style:italic}.option-wrapper{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{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;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-option:focus{outline:none;background:#f4f4f4}:host(:hover){background:#f4f4f4;outline:none}';const d=class{constructor(e){t(this,e),this.wmSelectDidLoad=i(this,"wmSelectDidLoad",7),this.wmSelectBlurred=i(this,"wmSelectBlurred",7),this.wmComponentBlurred=i(this,"wmComponentBlurred",7),this.disabled=!1,this.invalid=!1,this.labelPosition="top",this.requiredField=!1,this.errorMessage="",this.multiple=!1,this.placeholder=n.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection"}),this.allSelectedMessage=n.formatMessage({id:"select.allSelected",defaultMessage:"All selected"}),this.requiredMessage=n.formatMessage({id:"global.requiredField",defaultMessage:"required field"}),this.isTabbing=!1,this.isExpanded=!1,this.keysSoFar="",this.searchIndex=0,this.keyClear=null,this.openUp=!1,this.overflowCount=0,this.displayedItems=[],this.allSelected=!1}get childItems(){return Array.from(this.el.querySelectorAll("wm-option"))}get selectedItems(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleOptionSelection(t){this.multiple||this.childItems.filter((i=>i!=t.target&&!!i.selected)).map((t=>t.selected=!1)),this.focusItem(t.target),this.selectItem(t.target),this.multiple||this.close()}handeChildEnter(){this.close()}handleChildUp(t){this.moveUp(t.target)}handleChildDown(t){this.moveDown(t.target)}moveToFirstItem(){this.focusItem(this.childItems[0])}moveToLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}handleTabKey(){this.close(!1)}closePopupOnEscape(){this.close()}handleOptionBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isExpanded&&this.close()}handleBlur(t){t.relatedTarget===this.el||this.el.contains(t.relatedTarget)||this.close(!1)}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}handleKey(t){switch(t.keyCode){case 40:!1===this.isExpanded&&(t.preventDefault(),this.open("next"));break;case 38:!1===this.isExpanded&&(t.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("button").focus()},this.uid=this.el.id?this.el.id:a(),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}componentDidLoad(){if(this.wmSelectDidLoad.emit(),!this.childItems.length)throw new Error("wm-select should have wm-option elements as children.");if(this.multiple&&this.childItems.filter((t=>t.subinfo)).length>0)throw new Error("wm-select with the multiple prop cannot have subinfo options");if(this.multiple&&!this.placeholder)throw new Error("wm-select with the multiple prop needs to also use the placeholder prop.");this.selectedItems.length>0?(this.selectedItems.forEach((t=>this.displayedItems.push(t))),this.setButtonText()):this.multiple||this.selectItem(this.childItems[0]),this.optionsEl.classList.add("hidden"),r(this.el),this.maxHeight&&(this.optionsEl.style.maxHeight=this.maxHeight)}moveUp(t){const i=t.previousElementSibling;i?(i.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&(this.optionsEl.scrollTop=i.getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop),this.focusItem(i)):this.focusItem(this.childItems[this.childItems.length-1])}moveDown(t){const i=t.nextElementSibling;i&&"INPUT"!==i.tagName?(i.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&(this.optionsEl.scrollTop=i.getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight),this.focusItem(i)):this.focusItem(this.childItems[0])}open(t){this.disabled||(this.openUp=l(this.el,this.optionsEl,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.selectedItems.length>0?"next"===t?this.moveDown(this.selectedItems[this.selectedItems.length-1]):"previous"===t?this.moveUp(this.selectedItems[0]):this.focusItem(this.selectedItems[0]):this.focusItem(this.childItems[0])})))}close(t=!0){this.isExpanded=!1,this.childItems.map((t=>t.focused=!1)),window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),t&&this.el.focus()}),150)}focusItem(t){this.childItems.forEach((i=>i.focused=i===t))}selectItem(t){this.multiple?t.selected=!t.selected:this.childItems.forEach((i=>i.selected=i===t)),this.setButtonText()}findAndFocusItem(t){const i=t.detail.toUpperCase();if(!this.keysSoFar)for(var e=0;e<this.childItems.length;e++)this.childItems[e].focused&&(this.searchIndex=e);this.keysSoFar+=i,this.clearKeysSoFarAfterDelay();var s=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);s||(s=this.findMatchInRange(this.childItems,0,this.searchIndex)),s&&this.focusItem(s)}clearKeysSoFarAfterDelay(){this.keyClear&&(window.clearTimeout(this.keyClear),this.keyClear=null),this.keyClear=window.setTimeout(function(){this.keysSoFar="",this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,e){for(var s=i;s<e;s++){var o=t[s].textContent;if(o&&0===o.toUpperCase().indexOf(this.keysSoFar))return t[s]}return null}exposeErrors(){const t=a();this.errorContainer.id=`wm-errors-${t}`,this.buttonEl.setAttribute("aria-describedby",`wm-errors-${t}`)}renderErrorContainer(){return e("div",{id:"wm-errors",class:this.errorMessage?"error-message":"",ref:t=>this.errorContainer=t,"aria-live":"assertive","aria-atomic":"true"},this.errorMessage)}handleComponentBlur(){this.isExpanded||(this.wmSelectBlurred.emit(),this.wmComponentBlurred.emit())}setButtonText(){if(this.displayedItems=this.childItems.filter((t=>t.selected)),this.allSelected=this.displayedItems.length===this.childItems.length,this.multiple){const t=38,i=window.getComputedStyle(this.buttonEl),e=parseInt(i.getPropertyValue("padding-left").slice(0,-2)),s=parseInt(i.getPropertyValue("padding-right").slice(0,-2)),o=this.buttonEl.clientWidth-e-s-t;let r=this.displayedItems.map((t=>t.shadowRoot.querySelector(".option-wrapper").clientWidth)),n=r.reduce(((t,i)=>t+i),0);for(this.overflowCount=0;n>o&&this.displayedItems.length>1;)this.overflowCount++,n-=r[r.length-1],r.pop(),this.displayedItems.pop()}}renderButtonText(){return this.multiple&&this.displayedItems.length<1?e("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedItems.map(((t,i)=>e("span",null,i>0?", ":"",t.textContent)))}renderSubinfo(){if(!this.multiple&&this.selectedItems.length>0&&this.selectedItems[0].subinfo)return e("span",{class:"subinfo"},this.selectedItems[0].subinfo)}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return e("span",null,e("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const t={id:`selectbtn-${this.uid}`,disabled:this.disabled,"aria-controls":`list-${this.uid}`,"aria-labelledby":`label-${this.uid} selectbtn-${this.uid}`,"aria-describedby":"wm-errors","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:()=>this.handleComponentBlur()};return e("div",{class:`wrapper ${h()} label-${this.labelPosition} ${this.invalid||this.errorMessage?"invalid":""}`},e("div",{class:"label-wrapper"},e("label",{class:"label",id:`label-${this.uid}`,htmlFor:`selectbtn-${this.uid}`},this.label,this.requiredField?e("span",{class:"required"},e("span",{class:"sr-only"},this.requiredMessage),e("span",{"aria-hidden":"true"},"*")):"")),e("div",{class:"dropdown"},e("button",Object.assign({},t,{class:"displayedoption "+(this.isTabbing?"user-is-tabbing":""),ref:t=>this.buttonEl=t,onBlur:t=>this.handleButtonBlur(t)}),e("span",{class:this.selectedItems.length>0&&this.selectedItems.filter((t=>t.subinfo)).length>0?"overflowcontrol hassubinfo":"overflowcontrol"},e("span",{class:"button-text"},this.renderButtonText()),this.renderSubinfo()),this.renderOverflowCount()),e("div",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":`label-${this.uid}`,ref:t=>this.optionsEl=t},e("slot",null)),this.renderErrorContainer()))}get el(){return o(this)}static get watchers(){return{errorMessage:["exposeErrors"]}}};d.style='@charset "UTF-8";:host{position:relative;display:block;box-sizing:border-box;font-family:inherit}:host .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}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:#c0392b}.wrapper.label-left{flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.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}.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}.wrapper.invalid .label{color:#c0392b}.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] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .dropdown{position:relative;font-size:1.125rem;color:#575195;min-width:8.75rem}.wrapper .dropdown .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:flex;align-items:center;flex-wrap:nowrap;background:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .dropdown .displayedoption{height:2.75rem}}.wrapper .dropdown .displayedoption:before{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:"";position:absolute;right:0.5625rem;pointer-events:none}.wrapper .dropdown .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;text-decoration:none}.wrapper .dropdown .displayedoption:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .dropdown .displayedoption:focus{outline:none}.wrapper .dropdown .displayedoption::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .dropdown .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo{display:flex}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .button-text{flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .subinfo{flex:none;font-style:italic}.wrapper .dropdown .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .dropdown>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .dropdown>.options{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;-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;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}.wrapper .dropdown>.options.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .dropdown>.options.hidden{visibility:hidden}.wrapper .dropdown>.options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .dropdown .displayedoption{-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}.wrapper .error-message{color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;display:block;top:100%;left:0;font-style:italic}.rtl>.options{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.options .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{p as wm_option,d as wm_select}

package/dist/ripple/p-6b96b3d4.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-9baa3039.js";import{n,g as r,l as h,q as a}from"./p-588b4475.js";import{g as m}from"./p-43f1298b.js";const l=class{constructor(s){t(this,s),this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7),this.menuLoaded=i(this,"menuLoaded",7),this.openUp=!1,this.isExpanded=!1,this.actionMenuType=null,this.buttonType=null,this.disabled=!1,this.keysSoFar="",this.searchIndex=0,this.keyClear=null}get horizontalPosition(){return this.el&&this.itemsEl&&n(this.el,this.itemsEl)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get tempActionMenuType(){return this.actionMenuType||this.buttonType||"icon"}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){this.isExpanded&&this.close()}handleEscKey(){this.close(),this.wmButtonEl.focus()}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isExpanded&&this.close()}handleKey(t){switch(t.key){case"ArrowDown":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusFirstItem())));break;case"ArrowUp":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusLastItem())))}}handleMenuitemBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}componentWillLoad(){this.uid=this.el.id?this.el.id:r(),this.el.focus=function(){if(!this.disabled){const t=this.shadowRoot.querySelector("wm-button");t&&t.focus()}},this.buttonType&&console.warn("wm-action-menu: button-type has been deprecated as of v3.1.0. Please use action-menu-type instead.")}componentDidLoad(){0===this.childItems.length?console.error("wm-action-menu should have wm-menuitem elements as children"):this.focusFirstItem(),"icon"===this.tempActionMenuType||this.buttonText||console.error("wm-action-menu should have a valid button-text property when button-type is set to 'text' or 'selector'"),"icon"!==this.tempActionMenuType||this.tooltip||console.error("wm-action-menu should have a valid tooltip when button-type is set to 'icon'"),this.wmActionMenuLoaded.emit(),this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);0===i?this.focusLastItem():this.focusItem(this.childItems[i-1])}moveDown(t){const i=this.childItems.indexOf(t);i===this.childItems.length-1?this.focusFirstItem():this.focusItem(this.childItems[i+1])}open(){this.disabled||(this.openUp=h(this.el,this.itemsEl),this.isExpanded=!0,this.itemsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>this.focusFirstItem())))}close(){this.isExpanded=!1,this.childItems.forEach((t=>t.focused=!1)),window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150),window.setTimeout((()=>{"BODY"!==document.activeElement.tagName&&"WM-MENUITEM"!==document.activeElement.tagName||this.wmButtonEl.focus()}),250)}focusItem(t){this.childItems.map((i=>i.focused=i===t)),t.focus&&t.focus()}focusFirstItem(){this.focusItem(this.childItems[0])}focusLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}findAndFocusItem(t){const i=t.detail.toUpperCase();if(this.focusFirstItem(),!this.keysSoFar)for(var s=0;s<this.childItems.length;s++)this.childItems[s]===document.activeElement&&(this.searchIndex=s);this.keysSoFar+=i,this.clearKeysSoFarAfterDelay();var e=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);e||(e=this.findMatchInRange(this.childItems,0,this.searchIndex)),e&&this.focusItem(e)}clearKeysSoFarAfterDelay(){this.keyClear&&(window.clearTimeout(this.keyClear),this.keyClear=null),this.keyClear=window.setTimeout(function(){this.keysSoFar="",this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,s){for(var e=i;e<s;e++){var o=t[e].innerText;if(o&&0===o.toUpperCase().indexOf(this.keysSoFar))return t[e]}return null}render(){return s(e,null,s("div",{class:a()},s("wm-button",{"button-type":`${this.tempActionMenuType}only`,tooltip:this.tooltip,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:"icon"===this.tempActionMenuType?"f1d9":"",id:`menubtn-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":`menu-${this.uid}`},this.buttonText),s("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:`menu-${this.uid}`,tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},s("slot",null))))}get el(){return o(this)}};l.style=":host{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;color:#575195;font-family:inherit}:host .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}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:#fff;z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(s){t(this,s),this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmPageDownItems=i(this,"wmPageDownItems",7),this.wmPageUpItems=i(this,"wmPageUpItems",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7),this.disabled=!1,this.focused=!1,this.icon=void 0,this.description=void 0,this.descriptionCharLimit=100,this.isKeying=!1}toggleKeyingOn(){this.isKeying=!0}toggleKeyingOff(){this.isKeying=!1}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey,s=/^.$/.test(t.key)&&!i;switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||this.el.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:s&&(t.preventDefault(),this.wmLetterPressed.emit(t.key))}}handleClick(){this.disabled||this.wmMenuitemClicked.emit()}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.icon&&(this.icon=m(this.icon)),this.description&&(this.description.length>this.descriptionCharLimit&&console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`),this.icon&&console.error("wm-menuitems with descriptions do not support the use of icons")),this.setOnClick()}componentDidLoad(){this.icon&&(this.iconEl.classList.add("mdi"),this.iconEl.innerHTML=`&#x${this.icon};`)}render(){return s(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},s("div",{class:"wrapper "+(this.focused&&this.isKeying?"focus":""),"aria-disabled":this.disabled?"true":null},s("span",{ref:t=>this.iconEl=t}),s("slot",null),this.description?s("div",{class:"description"},this.description):""))}get el(){return o(this)}static get watchers(){return{disabled:["setOnClick"]}}};d.style=':host,wm-menuitem{contain:content;font-family:inherit}:host .wrapper,wm-menuitem .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:#fff;font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid rgba(46, 27, 70, 0.05);color:#575195;font-weight:700}:host .wrapper:focus,:host .wrapper.focus,wm-menuitem .wrapper:focus,wm-menuitem .wrapper.focus{outline:none;background:#f4f3f6}:host .wrapper:hover,wm-menuitem .wrapper:hover{background:#f4f3f6;outline:none}:host .wrapper .description,wm-menuitem .wrapper .description{color:#4a4a4a;font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper[aria-disabled=true],wm-menuitem .wrapper[aria-disabled=true]{font-style:italic;color:#6b6b6b}:host .wrapper:not(:last-child),wm-menuitem .wrapper:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host ::slotted,wm-menuitem ::slotted{font-family:inherit}:host .mdi,wm-menuitem .mdi{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;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-menuitem:focus{outline:none;background:#f4f3f6}:host([aria-disabled=true]),wm-menuitem[aria-disabled=true]{pointer-events:none}';export{l as wm_action_menu,d as wm_menuitem}