@watermarkinsights/ripple 5.12.0-9 → 5.13.0-alpha.1

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

@@ -10,6 +10,12 @@ export declare class Pagination {
     private totalPages;
     wmPaginationPageClicked: EventEmitter<string>;
     focusCurrentPage: EventEmitter;
+    private navigationLabel;
+    private nextPageButtonLabel;
+    private previousPageButtonLabel;
+    private pageButtonLabel;
+    private lastPageButtonLabel;
+    private currentPageAnnouncement;
     maintainFocusOnNumberChange(el: "previous" | "next" | "prev-arrow" | "next-arrow" | "page"): void;
     debouncedResize: (this: any) => void;
     calculateTotalPages(): void;

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

@@ -13,6 +13,7 @@ export declare class Snackbar {
     announcement: string;
     wmSnackbarSnackFinished: EventEmitter<Object>;
     wmSnackbarActionTriggered: EventEmitter<Object>;
+    private closeSnackMessage;
     componentDidLoad(): void;
     handleSnackMutation(mutationRecord: MutationRecord): void;
     updateSnacks(newValue: string): void;

package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts

@@ -14,6 +14,7 @@ export declare class TabList {
     wmTabSelected: EventEmitter<{
         tabId: string;
     }>;
+    private selectLabel;
     private get tabItems();
     get selectedTabItem(): HTMLWmTabItemElement;
     private getLinkEl;

package/dist/types/components/wm-tag-input/wm-tag-input.d.ts

@@ -26,6 +26,8 @@ export declare class TagInput {
     maxTagsReachedMessage: string;
     tagAreaInstructions: string;
     tagsAddedMessage: string;
+    noResultsMessage: string;
+    addNewTagMessage(newTagName: string): string;
     wmTagInputTagAdded: EventEmitter;
     private openUp;
     private inModal;
@@ -54,7 +56,6 @@ export declare class TagInput {
     get _focusedCell(): HTMLTableCellElement | undefined;
     get inputActiveDescendantId(): string | null;
     get tagLimitReached(): boolean;
-    get noResultsMessage(): string;
     get inputMinimumWidth(): number;
     getTagName(o: HTMLWmTagOptionElement): string;
     isExistingTag(tag: string): boolean;

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

@@ -3,6 +3,7 @@ export declare const globalMessages: {
     close: string;
     genericError: string;
     hide: string;
+    locked: string;
     newWindow: string;
     next: string;
     open: string;
@@ -36,5 +37,26 @@ export declare const chartMessages: {
 export declare const lineChartMessages: {
     instructions: string;
     noData: string;
+    highlightQualifier: string;
     getChangeSince: (prevXValue: string) => string;
+    getToggleButtonLabel: (itemCount: number) => string;
+    getToggleButtonState: (isPressed: boolean) => string;
+    getLineFocusAnnouncement: (label: string, lineNumber: number, lineTotal: number, lineLength: number) => string;
+};
+export declare const selectMessages: {
+    multiPlaceholder: string;
+    singlePlaceholder: string;
+    multiClearSelection: string;
+    singleClearSelection: string;
+    selectionCleared: string;
+    searchPlaceholder: string;
+    allSelected: string;
+    selectAllMessage: string;
+    deselectAllMessage: string;
+    allOptionsSelectedMessage: string;
+    allOptionsDeselectedMessage: string;
+    noSearchResults: string;
+    optgroupSingleSelectionCount: () => string;
+    getOptgroupMultipleSelectionCount: (selectionCount: number) => string;
+    getSearchResultsFound: (numResults: number) => string;
 };

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

@@ -260,6 +260,25 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
+/**
+ * Method to render a virtual DOM tree to a container element.
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@stencil/core';
+ *
+ * const vnode = (
+ *   <div>
+ *     <h1>Hello, world!</h1>
+ *   </div>
+ * );
+ * render(vnode, document.body);
+ * ```
+ *
+ * @param vnode - The virtual DOM tree to render
+ * @param container - The container element to render the virtual DOM tree to
+ */
+export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct
@@ -826,6 +845,7 @@ export declare namespace JSXBase {
     }
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
+        name?: string;
         onToggle?: (event: Event) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1015,6 +1035,8 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1564,6 +1586,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;
@@ -1655,6 +1681,8 @@ export declare namespace JSXBase {
         onTransitionRunCapture?: (event: TransitionEvent) => void;
         onTransitionStart?: (event: TransitionEvent) => void;
         onTransitionStartCapture?: (event: TransitionEvent) => void;
+        [key: `aria-${string}`]: string | boolean | undefined;
+        [key: `aria${string}`]: string | boolean | undefined;
     }
 }
 export interface JSXAttributes<T = Element> {

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.12.0-9",
+  "version": "5.13.0-alpha.1",
   "description": "Ripple Component Library",
-  "license": "MIT",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",
   "unpkg": "dist/ripple/ripple.js",
@@ -14,19 +13,15 @@
   "es2017": "dist/esm/index.mjs",
   "es2015": "dist/esm/index.mjs",
   "scripts": {
-    "local.pss": "bash ./scripts/build-local-pss.sh",
-    "local.aqua": "bash ./scripts/build-local-aqf.sh",
-    "local.ripple": "bash ./scripts/build-local-ripple.sh",
-    "local.wrappers": "bash ./scripts/build-local-wrappers.sh",
     "build": "stencil build",
     "release": "bash ./scripts/release.sh",
     "start": "stencil build --dev --watch --serve",
-    "test": "npx update-browserslist-db@latest  && stencil test --spec --e2e",
+    "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",
+    "extract": "formatjs extract './src/global/intl.ts' './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"
   },
@@ -41,5 +36,6 @@
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.12",
     "jest": "^29.7.0"
-  }
+  },
+  "gitHead": "a23a98b8b8d1f0cdd4736406f0a9e0be219f3e1f"
 }

package/dist/cjs/app-globals-b8352f28.js

@@ -1,92 +0,0 @@
-'use strict';
-
-require('./index-788526f5.js');
-
-const version = "5.12.0-9";
-
-// PRINT RIPPLE VERSION IN CONSOLE
-// test envs return 0 for plugin.length
-// do not print version number there as it causes issues
-if (window.navigator.plugins.length > 0) {
-    console.log("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
-}
-// Dispatching events to track whether user is navigating with keyboard or mouse
-// no longer necessary for keyboard focus indicators (thanks to :focus-visible)
-// but still used in several components for other things (search for isTabbing)
-function wmComponentKeys(ev) {
-    if (ev.key == "Tab") {
-        var event = new Event("wmUserIsTabbing");
-        window.dispatchEvent(event);
-        document.querySelector("body").classList.add("wmcl-user-is-tabbing");
-    }
-    if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
-        var event = new Event("wmUserIsKeying");
-        window.dispatchEvent(event);
-        document.querySelector("body").classList.add("wmcl-user-is-keying");
-    }
-}
-function wmComponentMouseDownOnce() {
-    var event = new Event("wmUserIsNotTabbing");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
-    document.querySelector("body").classList.remove("wmcl-user-is-keying");
-}
-window.addEventListener("keydown", wmComponentKeys);
-window.addEventListener("mousedown", wmComponentMouseDownOnce);
-// TOOLTIP
-// Add a tooltip element
-// This allows tooltips to be always at the highest stacking context (always on top)
-// Element is added withing a container to avoid performance impact
-const tooltipContainer = document.createElement("div");
-tooltipContainer.id = "wm-tooltip-container";
-const tooltipEl = document.createElement("div");
-tooltipEl.id = "wm-tooltip";
-tooltipEl.classList.add("wm-tooltip");
-tooltipEl.setAttribute("popover", "manual");
-tooltipEl.setAttribute("aria-hidden", "true");
-const tooltipStyles = document.createElement("style");
-tooltipStyles.textContent = `
-.wm-tooltip {
-  position: fixed;
-  overflow: hidden;
-  pointer-events: none;
-  line-height: normal;
-  font-family: inherit;
-  font-size: 0.875rem;
-  text-transform: none;
-  font-weight: normal;
-  background: var(--wmcolor-tooltip-background);
-  color: var(--wmcolor-tooltip-text);
-  z-index: 999999;
-  max-width: var(--wmTooltipMaxWidth, 13.75rem);
-  margin-right: 1.5rem;
-  padding: 0.375rem;
-  transition-property: opacity;
-  transition-delay: 0s;
-  opacity: 0;
-  inset: unset;
-  top: 0;
-  left: 0;
-  transform: translateZ(0);
-  will-change: transform;
-  transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
-  border: none;
-}
-
-.wm-tooltip:popover-open {
-  opacity: 0;
-}
-
-.wm-tooltip.show {
-  transition-delay: 500ms;
-  opacity: 1;
-}
-`;
-document.head.appendChild(tooltipStyles);
-tooltipContainer.appendChild(tooltipEl);
-document.querySelector("body").appendChild(tooltipContainer);
-const globalFn = () => { };
-
-const globalScripts = globalFn;
-
-exports.globalScripts = globalScripts;