@watermarkinsights/ripple 3.6.0 → 3.7.0-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,47 +1,47 @@
-{
-  "name": "@watermarkinsights/ripple",
-  "version": "3.6.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",
-    "missing": "node './src/lang/missing.js'"
-  },
-  "devDependencies": {
-    "@axe-core/puppeteer": "^4.1.1",
-    "@formatjs/cli": "^4.2.11",
-    "@stencil/core": "^2.5.2",
-    "@stencil/react-output-target": "^0.0.9",
-    "@stencil/sass": "^1.4.1",
-    "@types/jest": "^26.0.23",
-    "@types/puppeteer": "^5.4.3",
-    "jest": "^26.6.3",
-    "jest-cli": "^26.6.3"
-  },
-  "dependencies": {
-    "@formatjs/intl": "^1.10.5"
-  }
-}
+{
+  "name": "@watermarkinsights/ripple",
+  "version": "3.7.0-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",
+    "missing": "node './src/lang/missing.js'"
+  },
+  "devDependencies": {
+    "@axe-core/puppeteer": "^4.1.1",
+    "@formatjs/cli": "^4.2.11",
+    "@stencil/core": "^2.5.2",
+    "@stencil/react-output-target": "^0.0.9",
+    "@stencil/sass": "^1.4.1",
+    "@types/jest": "^26.0.23",
+    "@types/puppeteer": "^5.4.3",
+    "jest": "^26.6.3",
+    "jest-cli": "^26.6.3"
+  },
+  "dependencies": {
+    "@formatjs/intl": "^1.10.5"
+  }
+}

package/dist/ripple/p-3ff67fd5.entry.js

@@ -1 +0,0 @@
-import{r as t,f as o,h as n,H as e,g as i}from"./p-9baa3039.js";import{g as a}from"./p-888bec42.js";import{g as s,a as r}from"./p-08e67884.js";const b=class{constructor(o){t(this,o),this.disabled=!1,this.buttonType=null,this.buttonStyle=null,this.tooltipPosition="bottom-right",this.adjustedTooltipPosition=this.tooltipPosition,this.permanentlyDelete=!1,this.textWrap=!0,this.tooltipVisible=!1,this.isTabbing=!1,this.id=s(),this.clickFunc=null,this.ariaPopup=!1}get tempButtonType(){return this.buttonType||this.buttonStyle||"secondary"}get isTruncated(){return!!this.buttonEl&&this.buttonEl.offsetWidth<this.buttonEl.scrollWidth}get hasTooltip(){return"icononly"===this.tempButtonType||"navigational"===this.tempButtonType||this.isTruncated}get tooltipEl(){return document.getElementById("wm-tooltip")}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleScroll(){this.tooltipVisible&&this.hideTooltip()}handleOnClick(){this.el.onclick=this.disabled?null:this.clickFunc}validateType(t){["primary","secondary","textonly","icononly","navigational","selectoronly"].includes(t)||(this.buttonType="secondary"),this.validateIcon()}validateDeprecatedType(t){["primary","secondary","textonly","icononly","navigational","selectoronly"].includes(t)||(this.buttonStyle="secondary"),this.validateIcon()}updateIcon(){this.icon=a(this.icon)}validateIcon(){"icononly"!==this.tempButtonType&&"navigational"!==this.tempButtonType||(this.icon||console.error("wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'."),this.tooltip||console.error("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'."))}handleKeydown(t){switch(t.key){case"Enter":t.preventDefault(),this.disabled||this.el.click()}}componentWillLoad(){this.buttonStyle&&console.warn("wm-button: button-style has been deprecated as of v3.1.0. Please use button-type instead."),this.validateType(this.tempButtonType),this.el.focus=function(){this.disabled||(this.shadowRoot.querySelector("button").focus(),requestAnimationFrame((()=>{this.tooltipVisible=!1})))},this.icon&&(this.icon=this.icon=a(this.icon))}componentDidLoad(){this.el.onclick&&(this.clickFunc=this.el.onclick),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.ariaPopup=!!this.el.getAttribute("aria-haspopup"),o(this.el)}showTooltip(){this.hasTooltip&&(this.tooltipEl.textContent=this.isTruncated?this.el.textContent:this.tooltip,this.adjustedTooltipPosition=r(this.tooltipPosition,this.buttonEl,this.tooltipEl),this.positionTooltip(this.adjustedTooltipPosition,this.tooltipEl),this.tooltipEl.style.transitionDelay="500ms",this.tooltipEl.style.opacity="1",setTimeout((()=>{this.tooltipVisible=!0}),500))}positionTooltip(t,o){const n=o.getBoundingClientRect().height,e=o.getBoundingClientRect().width,i=(this.buttonEl.getBoundingClientRect().height-n)/2,a=(this.buttonEl.getBoundingClientRect().width-e)/2;let s=this.buttonEl.getBoundingClientRect().top+i,r=this.buttonEl.getBoundingClientRect().left+a;t.includes("top")&&(s=this.buttonEl.getBoundingClientRect().top-n-8),t.includes("bottom")&&(s=this.buttonEl.getBoundingClientRect().bottom+8),t.includes("left")&&(r=this.buttonEl.getBoundingClientRect().left-e-8),t.includes("right")&&(r=this.buttonEl.getBoundingClientRect().right+8),r=Math.max(r,24),o.style.top=(s/16).toString()+"rem",o.style.left=(r/16).toString()+"rem"}hideTooltip(){this.hasTooltip&&(this.tooltipEl.style.transitionDelay="0s",this.tooltipEl.style.opacity="0",this.tooltipVisible=!1)}showTooltipForKeyboardUsers(){this.isTabbing&&this.showTooltip()}getClasses(){let t="wm-button";return t+=this.permanentlyDelete?" -permanentlydelete":"",t+=this.tempButtonType?" -"+this.tempButtonType:" -secondary",t+=this.textWrap?"":" nowrap",t+=this.isTabbing?" user-is-tabbing":"",t+=this.isTruncated?" -truncated":"",t+="dark"===this.customBackground?" dark":"",t}getAriaLabel(){return"icononly"===this.tempButtonType||"navigational"===this.tempButtonType?this.labelForIdenticalButtons||this.tooltip:this.labelForIdenticalButtons?this.labelForIdenticalButtons:void 0}render(){return n(e,{class:this.disabled?"button-disabled":""},n("button",{id:this.id,class:`${this.getClasses()}`,disabled:this.disabled,ref:t=>this.buttonEl=t,"aria-label":this.getAriaLabel(),"aria-hasPopup":this.ariaPopup?"menu":null,onMouseEnter:()=>this.showTooltip(),onMouseLeave:()=>this.hideTooltip(),onFocus:()=>this.showTooltipForKeyboardUsers(),onBlur:()=>this.hideTooltip(),onClick:()=>this.hideTooltip()},this.icon&&n("span",{class:"mdi",style:this.iconSize?{fontSize:this.iconSize}:{}},String.fromCodePoint(parseInt(`0x${this.icon}`))),n("span",{class:"button-text"},n("slot",null))))}get el(){return i(this)}static get watchers(){return{disabled:["handleOnClick"],buttonType:["validateType"],buttonStyle:["validateDeprecatedType"],icon:["updateIcon"]}}};b.style='@charset "UTF-8";:host .wm-button,wm-button .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-button .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-button .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-button .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-button .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-button .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-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}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-button .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-button .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-button .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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 #c6b4e3;-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 #c6b4e3;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 #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-button .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button:hover,wm-button .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-button .wm-button .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}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-button .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-button .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-button .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-button .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-button .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-button .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-button .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-button .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-button .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-button .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-button .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-button .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-button .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-button .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-button .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-button .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-button .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-button .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-button .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-button .wm-button.-icononly,:host .wm-button.-navigational,wm-button .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-button .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-button .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-button .wm-button.-icononly,:host .wm-button.-navigational,wm-button .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-button .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-button .wm-button.-icononly: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}:host .wm-button.-navigational,wm-button .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-button .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-button .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-button .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-button .wm-button.-navigational: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}:host .wm-button.-permanentlydelete:not(.-textonly),wm-button .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-button .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-button .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-button .wm-button.-selectoronly: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;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-button .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-button .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-button .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-button .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-button .wm-button:disabled,:host .wm-button.disabled,wm-button .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-button .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-button .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-button .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-button .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-button .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-button .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-button .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-button .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-button .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-button .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-button .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-button .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-button .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-button .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-button a.wm-button,:host label.wm-button,wm-button label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host([disabled]),:host(.button-disabled){pointer-events:none}:host,wm-button{display:inline-block;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .sr-only,wm-button .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{b as wm_button}

package/dist/ripple/p-4629470d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as a,f as n}from"./p-9baa3039.js";import{d as o,g as r}from"./p-08e67884.js";const h=class{constructor(e){t(this,e),this.wmTabSelected=i(this,"wmTabSelected",7),this.tabSelected=i(this,"tabSelected",7),this.keydownOnTabItem=i(this,"keydownOnTabItem",7),this.tabItemLoaded=i(this,"tabItemLoaded",7),this.selected=!1,this.show=!0,this.tabId="",this.tabClicked=t=>{t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})},this.tabPressed=t=>{const i=t.key;"Enter"===i||" "===i?(t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})):("Tab"===i||t.preventDefault(),this.keydownOnTabItem.emit({tabItem:this.el,key:t.key}))}}get parentTabList(){return this.el.parentElement}toggleTabbingOn(){this.linkEl&&this.linkEl.classList.add("user-is-tabbing")}toggleTabbingOff(){this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")}componentWillLoad(){this.el.focus=function(){const t=this.shadowRoot.querySelector("a");t&&t.focus()}}componentDidLoad(){this.tabItemLoaded.emit()}render(){let t=this.show?"":"hide ";t+=this.parentTabList&&"dark"==this.parentTabList.customBackground?"dark":"";let i={};const a=this.parentTabList&&this.parentTabList.customPadding;if(a){const t=2*parseInt(a,10)||0,e=a.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":`calc(100% - ${t}${e}) 3px`}}return e(s,{role:"presentation"},e("li",{class:"tab-item",role:"presentation"},e("a",{class:`tab ${t}`,style:i,role:"tab",ref:t=>this.linkEl=t,onClick:this.tabClicked,id:`tab-link-${this.tabId}`,onKeyDown:t=>this.tabPressed(t),"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},e("slot",null))))}get el(){return a(this)}};h.style=":host{font-family:inherit;display:inline-block}:host *{box-sizing:border-box}:host .tab-item{list-style-type:none;height:100%;display:inline-block}:host .tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:#575195;text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:inline-block;height:3.3333333333em;line-height:3.3333333333em;padding-right:1.5rem;padding-left:1.5rem}:host .tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;background:linear-gradient(currentColor, currentColor) bottom/0 0 no-repeat;background-size:calc(100% - 50px) 3px}:host .tab-item .tab[aria-selected=true].dark{color:#fff}:host .tab-item .tab,:host .tab-item .tab:hover,:host .tab-item .tab:active{outline:none}:host .tab-item .tab:focus{outline:none}:host .tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:#fff}:host .tab-item .tab.user-is-tabbing:focus:not(:active){outline:none;-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}:host .tab-item .tab.user-is-tabbing:focus:not(:active)::-moz-focus-inner{border:0}:host.hide{display:none}";const b=class{constructor(e){t(this,e),this.wmTabSelected=i(this,"wmTabSelected",7),this.tabSelected=i(this,"tabSelected",7),this.controllerEnabled=!1,this.getSelectedTabItem=()=>this.tabItems.filter((t=>t.selected))[0],this.debouncedSetLayout=o((()=>{this.listWidth||this.setListWidth(),n(this.el)}),250)}get menuLayout(){return!!this.listWidth&&this.el.offsetWidth<this.listWidth-24}get tabItems(){return Array.from(this.el.querySelectorAll("wm-tab-item"))}getLinkEl(t){return t.shadowRoot.querySelector("a")}get panels(){const t=Array.from(document.querySelectorAll("wm-tab-panel")),i=this.tabItems.map((t=>t.tabId));return t.filter((t=>i.includes(t.tabId)))}getPanel(t){return this.panels.find((i=>i.tabId===t))}setListWidth(){let t=this.tabItems.reduce(((t,i)=>t+i.offsetWidth),0);this.listWidth=t&&t>0?t:this.listWidth}setSelected(t){if(this.tabItems.map((i=>i.selected=i.tabId===t)),1===this.panels.length&&this.tabItems.length>1){const t=this.getSelectedTabItem();this.setAttributesOnPanel(this.panels[0],t),this.panels[0].active=!0}else this.panels.map((i=>i.active=i.tabId===t))}showItems(){this.tabItems.map((t=>t.show=!0))}hideItems(){this.tabItems.map((t=>t.show=!1))}componentWillLoad(){this.el.focus=function(){const t=Array.from(this.querySelectorAll("wm-tab-item")).filter((t=>t.selected))[0];t&&t.focus()}}componentDidLoad(){this.setLayout(),this.setSelected(this.selectedTab||this.tabItems[0].tabId)}tabItemLoaded(t){this.setAriaOnPanelAndTab(t.target)}setAriaOnPanelAndTab(t){const i=this.getPanel(t.tabId);i?(this.setAttributesOnPanel(i,t),this.setAttributesOnTab(t,i)):1===this.panels.length&&this.setAttributesOnTab(t,this.panels[0])}setAttributesOnTab(t,i){const e=this.getLinkEl(t);e&&(e.setAttribute("aria-controls",i.id),e.setAttribute("href",`#${i.id}`))}removeAttributesOnTab(t){const i=this.getLinkEl(t);i&&(i.removeAttribute("aria-controls"),i.removeAttribute("href"))}setAttributesOnPanel(t,i){const e=this.getLinkEl(i);e&&(t.setAttribute("aria-labelledby",e.id),t.setAttribute("tab-id",i.tabId))}handleTabSelected(t){this.controllerEnabled&&this.setSelected(t.detail.tabId)}handleKeydown(t){const i=t.detail.key,e=this.tabItems.indexOf(t.detail.tabItem);"ArrowLeft"!==i&&"ArrowRight"!==i||this.handleLeftRightArrow(e,i),"ArrowDown"!==i&&"ArrowUp"!==i||this.handleUpDownArrow(i)}handleLeftRightArrow(t,i){i&&(t="ArrowLeft"===i?t-1:t+1),t<0?t=this.tabItems.length-1:t===this.tabItems.length&&(t=0),this.getLinkEl(this.tabItems[t]).focus()}handleUpDownArrow(t){if("ArrowDown"===t&&this.selectedTab){const t=this.getPanel(this.selectedTab);t&&t.focus()}}setLayout(){this.debouncedSetLayout()}renderMenuOrTabs(){if(this.menuLayout)return this.hideItems(),e("wm-select",{label:"Tab Selection","label-position":"none"},this.renderOptions());{this.showItems();let t={};return this.customPadding&&(t={"margin-left":"-"+this.customPadding}),e("ul",{class:`tabcontainer ${this.customBackground||""}`,style:t,role:"tablist"},e("slot",null))}}renderOptions(){return this.tabItems.map((t=>e("wm-option",{id:`tab-link-${t.tabId}`,selected:t.tabId===this.selectedTab,onClick:i=>{i.preventDefault(),this.wmTabSelected.emit({tabId:t.tabId}),this.tabSelected.emit({tabId:t.tabId})}},t.textContent)))}render(){return e(s,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())}get el(){return a(this)}static get watchers(){return{selectedTab:["setSelected"]}}};b.style=":host,wm-tab-list{position:relative;white-space:nowrap;height:100%;display:block}:host *,wm-tab-list *{box-sizing:border-box}:host .tabcontainer,wm-tab-list .tabcontainer{margin:0;margin-left:-24px;width:100%;height:4.0625rem;display:flex;flex-direction:row;align-items:center;padding:0}:host .tabcontainer.dark,wm-tab-list .tabcontainer.dark{background:#353b48;margin:0}:host wm-select,wm-tab-list wm-select{padding:0.375rem 0}";const l=class{constructor(e){t(this,e),this.tabPanelLoaded=i(this,"tabPanelLoaded",7),this.active=!1,this.tabId=""}componentWillLoad(){!this.el.id&&this.el.setAttribute("id",r())}componentDidLoad(){this.tabPanelLoaded.emit({tabId:this.tabId})}toggleTabbingOn(){this.el.classList.add("user-is-tabbing")}toggleTabbingOff(){this.el.classList.remove("user-is-tabbing")}render(){return e(s,{role:"tabpanel","aria-hidden":this.active?"false":"true",class:{"tab-hidden":!this.active},onBlur:()=>this.el.tabIndex=-1,tabIndex:-1})}get el(){return a(this)}};l.style="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";export{h as wm_tab_item,b as wm_tab_list,l as wm_tab_panel}