@watermarkinsights/ripple 3.7.0-3 → 3.7.0

package/dist/esm/priv-navigator-button.entry.js

@@ -2,24 +2,24 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 
 const privNavigatorButtonCss = ":host *,priv-navigator-button *{box-sizing:border-box}:host .navigator,priv-navigator-button .navigator{color:#575195;padding:0 1.25rem;position:static !important;height:100%;background:transparent;border:none;min-height:3.75rem;cursor:pointer;border-radius:0;top:50%}:host .navigator img,priv-navigator-button .navigator img{height:2.25rem;width:2.25rem;vertical-align:middle}:host .navigator:hover,priv-navigator-button .navigator:hover{background:#dcdbde}:host .navigator:active,:host .navigator:focus,priv-navigator-button .navigator:active,priv-navigator-button .navigator:focus{outline:none}:host .navigator.user-is-tabbing:focus,priv-navigator-button .navigator.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}:host .navigator.user-is-tabbing:focus::-moz-focus-inner,priv-navigator-button .navigator.user-is-tabbing:focus::-moz-focus-inner{border:0}:host button:after,priv-navigator-button button:after{vertical-align:middle;height:2.25rem;width:2.25rem;background-size:36px;display:inline-block;background-image:url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);content:\"\"}";
 
-const PrivNavigatorButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.buttonActivated = createEvent(this, "buttonActivated", 7);
-    this.expanded = false;
-    this.altText = "";
-    this.isTabbing = false;
-  }
-  handleClick() {
-    this.buttonActivated.emit();
-  }
-  render() {
-    const { handleClick, altText } = this;
-    const tabbingClass = this.isTabbing ? "user-is-tabbing" : "";
-    return (h("button", { "aria-expanded": this.expanded.toString(), class: `navigator ${tabbingClass}`, onClick: handleClick.bind(this), "aria-label": altText }));
-  }
-  get el() { return getElement(this); }
-};
+const PrivNavigatorButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.buttonActivated = createEvent(this, "buttonActivated", 7);
+    this.expanded = false;
+    this.altText = "";
+    this.isTabbing = false;
+  }
+  handleClick() {
+    this.buttonActivated.emit();
+  }
+  render() {
+    const { handleClick, altText } = this;
+    const tabbingClass = this.isTabbing ? "user-is-tabbing" : "";
+    return (h("button", { "aria-expanded": this.expanded.toString(), class: `navigator ${tabbingClass}`, onClick: handleClick.bind(this), "aria-label": altText }));
+  }
+  get el() { return getElement(this); }
+};
 PrivNavigatorButton.style = privNavigatorButtonCss;
 
 export { PrivNavigatorButton as priv_navigator_button };

package/dist/esm/priv-navigator-item.entry.js

@@ -2,29 +2,29 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 
 const privNavigatorItemCss = ":host,priv-navigator-item{list-style:none;border-bottom:1px solid #e0dde4;width:100%;display:block;cursor:pointer}:host .navoption,priv-navigator-item .navoption{color:#404248;padding:0.9375rem 1.25rem;background:#fff;font-size:0.875rem}:host .navoption.selected,:host .navoption:hover,priv-navigator-item .navoption.selected,priv-navigator-item .navoption:hover{background:#e5e5e5}:host .navoption.focused:not(.selected),priv-navigator-item .navoption.focused:not(.selected){background:#f4f4f4;opacity:1}";
 
-const PrivNavigatorItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.keydownOnNavItem = createEvent(this, "keydownOnNavItem", 7);
-    this.selected = false;
-    this.focused = false;
-    this.link = "";
-  }
-  handleKeyDown(ev) {
-    const key = ev.key;
-    const el = this.el;
-    if (key !== "Tab") {
-      ev.preventDefault();
-    }
-    this.keydownOnNavItem.emit({ navItem: el, key: key });
-  }
-  render() {
-    const selectedClass = this.selected ? "selected" : "";
-    const focusedClass = this.focused ? "focused" : "";
-    return (h("div", { class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
+const PrivNavigatorItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.keydownOnNavItem = createEvent(this, "keydownOnNavItem", 7);
+    this.selected = false;
+    this.focused = false;
+    this.link = "";
+  }
+  handleKeyDown(ev) {
+    const key = ev.key;
+    const el = this.el;
+    if (key !== "Tab") {
+      ev.preventDefault();
+    }
+    this.keydownOnNavItem.emit({ navItem: el, key: key });
+  }
+  render() {
+    const selectedClass = this.selected ? "selected" : "";
+    const focusedClass = this.focused ? "focused" : "";
+    return (h("div", { class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
 PrivNavigatorItem.style = privNavigatorItemCss;
 
 export { PrivNavigatorItem as priv_navigator_item };

package/dist/esm/ripple.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-66f8130e.js';
-import './global-a12289f9.js';
+import './global-a4da88c7.js';
 
 /*
  Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com