@watermarkinsights/ripple 3.0.1 → 3.0.2-0

package/dist/ripple/interfaces-50753346.js

@@ -1,51 +0,0 @@
-//List of icon codes with more indicative descriptors to create labels for icon-only buttons
-const iconLabels = {
-  f156: "Close",
-  f3eb: "Edit",
-  f739: "Cancel",
-  f12c: "Save",
-  f1c0: "Delete",
-  f349: "Search",
-  f207: "Export info",
-  f1d9: "Open dropdown",
-  f04d: "Go back",
-  f054: "Go forward",
-  f141: "Left",
-  f142: "Right",
-  f35e: "Menu left",
-  f35d: "Toggle menu down",
-  f30d: "Backspace",
-  f645: "Sort hierarchically",
-  f4bb: "Sort alphabetically",
-};
-function getIconCodeFromName(icon) {
-  return iconCodes[icon] || icon;
-}
-const iconCodes = {
-  close: "f156",
-  pencil: "f3eb",
-  cancel: "f739",
-  check: "f12c",
-  delete: "f1c0",
-  magnify: "f349",
-  export: "f207",
-  "dots-vertical": "f1d9",
-  "arrow-left": "f04d",
-  "arrow-right": "f054",
-  "chevron-left": "f141",
-  "chevron-right": "f142",
-  "menu-left": "f35e",
-  "menu-down": "f35d",
-  "keyboard-backspace": "f30d",
-  "file-tree": "f645",
-  "sort-alphabetical": "f4bb",
-  "checkbox-marked-circle": "f133",
-  "account-settings": "f630",
-  "backup-restore": "f06f",
-};
-const defaultMode = "planning";
-const getWmMode = (ref) => {
-  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
-};
-
-export { getWmMode as a, getIconCodeFromName as g };

package/dist/ripple/p-0c2498f4.js

@@ -1 +0,0 @@
-window.navigator.plugins.length>0&&console.log("Ripple component library version 3.0.1"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var w=new Event("wmUserIsTabbing");window.dispatchEvent(w),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(w=new Event("wmUserIsKeying"),window.dispatchEvent(w),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));

package/dist/ripple/p-42ca2e15.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,g as r}from"./p-934543f2.js";import{i as a,e as s,h as p,g as o}from"./p-ea5cd8b8.js";const l=class{constructor(t){e(this,t),this.value="",this.disabled=!1,this.dateFormat="US",this.errorMessage="",this.labelPosition="top",this.label="",this.requiredField=!1,this.displayError="",this.parsableEntry=/^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/,this.isoEntry=/^\d\d\d\d[-]\d\d[-]\d\d$/,this.eightDigitsEntry=/^\d{8}$/,this.dateFormats={US:a.formatMessage({id:"date.formatUS",defaultMessage:"mm/dd/yyyy"}),INT:a.formatMessage({id:"date.formatINT",defaultMessage:"dd/mm/yyyy"}),ISO:a.formatMessage({id:"date.formatISO",defaultMessage:"yyyy/mm/dd"})}}handleTabbingOn(){this.dpWrapper&&this.dpWrapper.classList.add("user-is-tabbing")}handleTabbingOff(){this.dpWrapper&&this.dpWrapper.classList.remove("user-is-tabbing")}handleError(){this.errorMessage?this.generateError():(this.clearError(),this.processInput())}handleValue(){this.value&&this.isValidDate(this.value)?(this.inputEl.value=this.reformatDate(this.value,this.dateFormat),this.lastValidValue=this.value):this.value||(this.inputEl.value=""),this.processInput()}handleBlur(e){const t=this.preventValidation&&s(e,this.preventValidation);this.value=this.reformatDate(this.inputEl.value,"ISO"),t||this.processInput(),this.dpWrapper.classList.remove("focus")}generateBlur(){this.el.tabIndex=0,this.el.focus(),this.el.blur()}generateBlurAndFocusButton(){this.generateBlur()}getActiveElement(){return p(document.activeElement)}handleCellTriggered(e){let t=e.detail,i=t.getAttribute("data-year")+"-"+t.getAttribute("data-month")+"-"+t.textContent;this.inputEl.value=this.reformatDate(i,this.dateFormat),this.processInput()}focusHandler(){this.dpWrapper.classList.add("focus")}processInput(){let e="";var t;this.eightDigitsEntry.test(this.inputEl.value)&&(this.inputEl.value=this.addSlashes(this.inputEl.value)),this.parsableEntry.test(this.inputEl.value)?(e=this.reformatDate(this.inputEl.value,"ISO"),this.inputEl.value=this.reformatDate(e,this.dateFormat),this.isValidDate(e)?(this.errorMessage?this.generateError():this.clearError(),this.value=this.lastValidValue=e,"function"==typeof Event?t=new Event("input"):(t=document.createEvent("Event")).initEvent("input",!0,!0),this.el.dispatchEvent(t)):this.inputEl.value.length&&this.generateError()):this.inputEl.value.length||this.requiredField||this.errorMessage?this.generateError():this.inputEl.value.length||this.requiredField||this.clearError()}reformatDate(e,t){if(!this.parsableEntry.test(e))return e;{let i=e.replace(/[\-\.]/gi,"/").split("/");switch(t){case"US":case this.dateFormats.US:return i[1].padStart(2,"0")+"/"+i[2].padStart(2,"0")+"/"+i[0].padStart(4,"20");case"INT":case this.dateFormats.INT:return i[2].padStart(2,"0")+"/"+i[1].padStart(2,"0")+"/"+i[0].padStart(4,"20");case"ISO":case this.dateFormats.ISO:if("US"===this.dateFormat||this.dateFormat===this.dateFormats.US)return i[2].padStart(4,"20")+"-"+i[0].padStart(2,"0")+"-"+i[1].padStart(2,"0");if("INT"===this.dateFormat||this.dateFormat===this.dateFormats.INT)return i[2].padStart(4,"20")+"-"+i[1].padStart(2,"0")+"-"+i[0].padStart(2,"0");if("ISO"===this.dateFormat||this.dateFormat===this.dateFormats.ISO)return i[0].padStart(4,"20")+"-"+i[1].padStart(2,"0")+"-"+i[2].padStart(2,"0");default:return i.join("/")}}}isValidDate(e){if(this.isoEntry.test(e)){let t=e.split("-"),i=parseInt(t[2],10),r=parseInt(t[1],10),a=parseInt(t[0],10);if(a<1e3||a>3e3||0==r||r>12)return!1;let s=[31,28,31,30,31,30,31,31,30,31,30,31];return(a%400==0||a%100!=0&&a%4==0)&&(s[1]=29),i>0&&i<=s[r-1]}return!1}generateError(){const e=a.formatMessage({id:"date.requiredDateError",defaultMessage:"A date is required."}),t=a.formatMessage({id:"date.invalidDate",defaultMessage:"Please enter a valid date in the format {dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} iso {yyyy/mm/dd}}."},{dateFormat:this.dateFormat.toLowerCase()});this.errorMessage?this.displayError=this.errorMessage:this.inputEl.value.length?this.displayError=t:!this.inputEl.value.length&&this.requiredField&&(this.displayError=e)}clearError(){this.displayError=""}addSlashes(e){return"ISO"===this.dateFormat||this.dateFormat===this.dateFormats.ISO?e.substring(0,4)+"/"+e.substring(4,6)+"/"+e.substring(6):e.substring(0,2)+"/"+e.substring(2,4)+"/"+e.substring(4)}componentWillLoad(){if(""===this.label)throw new Error("You must include a label prop for the datepicker input (for accessibility reasons), even if the label position is none.");this.errorMessage&&this.generateError(),this.uid=this.el.id?this.el.id:o()}componentDidLoad(){this.value&&this.isValidDate(this.value)&&(this.lastValidValue=this.value,this.inputEl.value=this.reformatDate(this.value,this.dateFormat))}render(){const e=a.formatMessage({id:"date.format",defaultMessage:"{dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} iso {yyyy/mm/dd}}"},{dateFormat:this.dateFormat.toLowerCase()});return t(i,{id:this.uid,onBlur:()=>{this.el.removeAttribute("tabindex")},"aria-busy":"false",class:this.displayError?"invalid":"",invalid:this.displayError?"true":null},t("div",{ref:e=>this.dpWrapper=e,class:`wrapper label-${this.labelPosition} ${this.displayError?"invalid":""}`},t("div",{class:"label-wrapper"},"none"!==this.labelPosition&&t("label",{id:`datepickerLabel-${this.uid}`,htmlFor:`date-input-${this.uid}`,class:"label",title:`${this.label} (${e})`},this.label,this.requiredField&&t("span",{"aria-hidden":"true",class:"required"},"*"))),t("div",null,t("div",{class:"inner-wrapper"},t("input",{disabled:this.disabled,type:"text",id:`date-input-${this.uid}`,class:"date-input",name:"date",placeholder:e,onFocus:this.focusHandler.bind(this),onBlur:e=>this.handleBlur(e),ref:e=>this.inputEl=e,"aria-describedby":`error-${this.uid}`,"aria-controls":`popup-${this.uid}`,"aria-label":this.label,required:this.requiredField}),t("priv-datepicker",{disabled:this.disabled,date:this.lastValidValue?new Date(this.lastValidValue):new Date,parentId:this.uid})),t("div",{id:`error-${this.uid}`,class:"error","aria-live":"assertive","aria-atomic":"true"},this.displayError))))}get el(){return r(this)}static get watchers(){return{errorMessage:["handleError"],value:["handleValue"]}}};l.style='@charset "UTF-8";:host,wm-datepicker{font-family:inherit}:host *,wm-datepicker *{box-sizing:border-box}:host .wrapper,wm-datepicker .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;font-size:0.875rem}:host .wrapper .label,wm-datepicker .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required,wm-datepicker .wrapper .label .required{color:#c0392b}:host .wrapper.label-left,wm-datepicker .wrapper.label-left{flex-direction:row}:host .wrapper.label-left .label-wrapper,wm-datepicker .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label,wm-datepicker .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}:host .wrapper.label-none label,wm-datepicker .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}:host .wrapper.invalid .label,wm-datepicker .wrapper.invalid .label{color:#c0392b}:host .wrapper.invalid .label:after,wm-datepicker .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] :host .wrapper.invalid .label:after,[dir=RTL] wm-datepicker .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label,wm-datepicker .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper,wm-datepicker .wrapper{position:relative}:host .wrapper .required,wm-datepicker .wrapper .required{color:#c4431c}:host .wrapper .inner-wrapper,wm-datepicker .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;height:2.5rem;border:1px solid;border-color:rgba(35, 35, 35, 0.6);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper .date-input,wm-datepicker .wrapper .inner-wrapper .date-input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;flex:1;margin:0}:host .wrapper .inner-wrapper .date-input:disabled,wm-datepicker .wrapper .inner-wrapper .date-input:disabled{background-color:#f0f0f0;color:#737373}:host .wrapper .inner-wrapper .date-input:focus,wm-datepicker .wrapper .inner-wrapper .date-input:focus{outline:none}:host .wrapper.invalid .inner-wrapper,wm-datepicker .wrapper.invalid .inner-wrapper{-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}:host .wrapper.invalid .error,wm-datepicker .wrapper.invalid .error{margin-top:4px;margin-bottom:4px;display:block;top:100%;left:0;font-style:italic;font-size:0.875rem;color:#c0392b}:host .wrapper.focus .inner-wrapper,wm-datepicker .wrapper.focus .inner-wrapper{-webkit-box-shadow:0 0 0 1px #20cbd4;-moz-box-shadow:0 0 0 1px #20cbd4;box-shadow:0 0 0 1px #20cbd4;outline:none;border-color:#20cbd4}:host .user-is-tabbing .toggle:focus:not(:active),wm-datepicker .user-is-tabbing .toggle:focus:not(:active){border:none;z-index:11}';export{l as wm_datepicker}

package/dist/ripple/p-e91befe3.js

@@ -1 +0,0 @@
-window.navigator.plugins.length>0&&console.log("Ripple component library","3.0.1"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var w=new Event("wmUserIsTabbing");window.dispatchEvent(w),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(w=new Event("wmUserIsKeying"),window.dispatchEvent(w),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));

package/dist/ripple/priv-chart-popover.entry.js

@@ -1,85 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-e34aa595.js';
-import { i as intl } from './functions-316c1b23.js';
-
-const privChartPopoverCss = "priv-chart-popover{position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:#fff;font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .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}.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}.popover{width:10.5rem;padding:0.625rem 0.9375rem;box-sizing:border-box}.popover h1.title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:transparent;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:#575195;line-height:normal}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none;background:none;color:#454077}.popover .popover-button:hover span{text-decoration:underline}";
-
-const ChartPopover = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.wmChartPopoverButtonTriggered = createEvent(this, "wmChartPopoverButtonTriggered", 7);
-    this.open = false;
-    this.coords = {};
-    this.popoverWidth = 168;
-    this.popoverClicked = false;
-  }
-  handleClickOnDocument() {
-    // because this listener is set document-wide, whenever something inside it is clicked
-    // the event target returned will always be the host (wm-chart)
-    // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here
-    // capture = false in @Listen ensures order of execution
-    this.open = this.popoverClicked;
-    this.popoverClicked = false;
-  }
-  handleClick(ev) {
-    let popoverBtnClicked = false;
-    if (this.btnEl) {
-      popoverBtnClicked = ev.target === this.btnEl || this.btnEl.contains(ev.target);
-    }
-    // if the click is on the popover (except the popover button),
-    // set popoverClicked to true. It will be used by the other listener above
-    this.popoverClicked = !popoverBtnClicked && (ev.target === this.el || this.el.contains(ev.target));
-  }
-  renderLiveRegion() {
-    if (this.liveRegion) {
-      this.liveRegion.innerHTML = "";
-      const wrapper = document.createElement("div");
-      const titleEl = document.createElement("span");
-      titleEl.innerHTML = this.popoverTitle + " " || "";
-      wrapper.appendChild(titleEl);
-      const textEl = document.createElement("span");
-      textEl.innerHTML = this.popoverText + " " || "";
-      wrapper.appendChild(textEl);
-      if (this.buttonText) {
-        const buttonEl = document.createElement("span");
-        buttonEl.innerHTML =
-          this.buttonText +
-            " " +
-            intl.formatMessage({
-              id: "chart.infoButton",
-              defaultMessage: "Button. Click for more information.",
-            });
-        wrapper.appendChild(buttonEl);
-      }
-      this.liveRegion.appendChild(wrapper);
-    }
-  }
-  positionPopover() {
-    this.el.style.top = this.coords.y + "px";
-    if (window.innerWidth - this.coords.x >= this.popoverWidth + 10) {
-      this.el.style.left = this.coords.x + "px"; // opens on the right
-    }
-    else {
-      this.el.style.left = this.coords.x - this.popoverWidth + "px"; // opens on the left
-    }
-  }
-  render() {
-    return (h(Host, null, !!this.open ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: "title" }, this.popoverTitle), h("p", { class: "text" }, this.popoverText), this.buttonText ? (
-    // @ts-ignore
-    h("button", { tabindex: "-1",
-      // @ts-ignore
-      focusable: "false", ref: (el) => (this.btnEl = el), class: "popover-button", onClick: () => {
-        if (this.sliceRef) {
-          this.sliceRef.click();
-          this.wmChartPopoverButtonTriggered.emit(this.sliceRef);
-        }
-        this.open = false;
-      } }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.buttonText))) : (""))) : (""), h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "coords": ["positionPopover"]
-  }; }
-};
-ChartPopover.style = privChartPopoverCss;
-
-export { ChartPopover as priv_chart_popover };