@watermarkinsights/ripple 5.2.1-2 → 5.2.1

package/dist/collection/dev/chart-small.js

@@ -1,56 +0,0 @@
-function chartAction() {
-  function getRandomColor() {
-    return `hsl(${Math.round(Math.random() * 360)}, ${Math.round(Math.random() * 50) + 50}%, ${
-      Math.round(Math.random() * 30) + 50
-    }%)`;
-  }
-  document.querySelector("body").style.backgroundColor = getRandomColor();
-}
-
-let counter = 1;
-function makeChart(amounts) {
-  const target = document.querySelector("#autochart");
-  if (target) {
-    const chart = document.createElement("wm-chart");
-    chart.id = `generated-4${counter}`;
-    counter++;
-    chart.setAttribute("chart-type", "doughnut3");
-    chart.setAttribute("label", "auto chart");
-    const bigindex = Math.floor(Math.random() * 7);
-    const total = amounts.reduce((total, newval) => (total += newval), 0);
-    for (var i = 0; i < 7; i++) {
-      const chartSlice = document.createElement("wm-chart-slice");
-      chartSlice.setAttribute("amount", amounts[i]);
-      chartSlice.setAttribute("legend", `slice ${i + 1}`);
-      chartSlice.setAttribute("popover-title", `${amounts[i]} / ${total}`);
-      chartSlice.setAttribute("popover-text", (i % 2 ? "" : "Not ") + ["Boiled", "Washed", "Rinsed", "Roasted"][i % 4]);
-      chart.appendChild(chartSlice);
-    }
-    target.appendChild(chart);
-  }
-}
-
-function spawnCharts() {
-  makeChart([1, 1, 1, 1, 1, 1, 94]);
-  makeChart([1, 2, 1, 2, 1, 2, 91]);
-  makeChart([2, 3, 2, 3, 2, 3, 85]);
-  makeChart([3, 4, 3, 79, 4, 3, 4]);
-  makeChart([3, 4, 5, 76, 3, 4, 5]);
-  makeChart([4, 4, 4, 4, 76, 4, 4]);
-  makeChart([70, 4, 5, 6, 4, 5, 6]);
-  for (var i = 0; i < 5; i++) {
-    const amounts = [];
-    for (var j = 0; j < 7; j++) {
-      if (Math.random() > 0.9) {
-        // 10% chance of a big number
-        amounts.push(Math.floor(Math.random() * 5000));
-      } else {
-        amounts.push(Math.floor(Math.random() * 100));
-      }
-    }
-    makeChart(amounts);
-  }
-}
-spawnCharts();
-
-

package/dist/collection/dev/chart.js

@@ -1,37 +0,0 @@
-function changeBkgColor() {
-  function getRandomColor() {
-    return `hsl(${Math.round(Math.random() * 360)}, ${Math.round(Math.random() * 50) + 50}%, ${
-        Math.round(Math.random() * 30) + 50
-      }%)`;
-  }
-  document.querySelector("body").style.backgroundColor = getRandomColor();
-}
-
-function toggleSubinfo() {
-  document
-    .querySelectorAll("wm-chart")
-    .forEach((chart) => (chart.subinfo = chart.subinfo ? "" : "My subinfo text"));
-}
-
-function createDropdownOptions() {
-  const select = document.querySelector("#prog-focus-select");
-  document.querySelectorAll("wm-chart").forEach((c, i) => {
-    const optn = document.createElement("option");
-    optn.textContent = "#" + (i + 1) + " (" + c.chartType + ")";
-    select.appendChild(optn);
-  });
-}
-
-createDropdownOptions();
-
-window.addEventListener("wmChartPopoverButtonTriggered", (e) =>
-  console.log("wmChartPopoverButtonTriggered event", e)
-);
-
-function focusChart(num) {
-  const select = document.getElementById("prog-focus-select");
-  const charts = document.querySelectorAll("wm-chart");
-  charts[select.selectedIndex].focus();
-  console.log(document.activeElement);
-}
-

package/dist/collection/dev/datepicker.js

@@ -1,46 +0,0 @@
-function customizedError() {
-  let dp = document.getElementById("firstDP");
-  if (dp) {
-    if (dp.value.includes("2013")) {
-      dp.errorMessage = "Year cannot be 2013!";
-    } else {
-      dp.errorMessage = "";
-    }
-  }
-}
-customizedError();
-
-document.querySelectorAll("wm-datepicker").forEach((datepicker) => {
-  // this is flexible to test for many types of date formats, but this is typically uniform across datepicker instances
-  const dateFormat = datepicker.getAttribute("date-format");
-  const dateFormatUnit =
-    dateFormat === "mm/dd/yyyy" || dateFormat === null ? "US" : dateFormat === "dd/mm/yyyy" ? "INT" : "ISO";
-
-  datepicker.addEventListener("wmDatepickerInputBlurred", async (ev) => {
-    if (datepicker.value) {
-      const isoDate = await datepicker.reformatDate(dateFormatUnit, "ISO", datepicker.value);
-
-      if (await datepicker.isValidIso(isoDate)) {
-        // if valid date, clean up formatting and set properties
-        const displayDate = await datepicker.reformatDate("ISO", dateFormatUnit, isoDate);
-
-        datepicker.value = displayDate;
-        datepicker.errorMessage = "";
-      } else {
-        // if invalid date, leave value and display error
-        datepicker.errorMessage = `Please enter a valid date in the format ${dateFormat ? dateFormat : "mm/dd/yyyy"}`;
-      }
-    }
-  });
-
-  datepicker.addEventListener("wmDatepickerDateSelected", async (ev) => {
-    datepicker.errorMessage = "";
-    datepicker.value = await datepicker.reformatDate("ISO", dateFormatUnit, ev.detail.date);
-  });
-
-  datepicker.addEventListener("blur", (ev) => {
-    if (datepicker.requiredField && datepicker.value === "") {
-      datepicker.errorMessage = "A date is required";
-    }
-  });
-});

package/dist/collection/dev/file-list.js

@@ -1,16 +0,0 @@
-/* FILE LIST */
-const fileLists = document.querySelectorAll("wm-file-list");
-fileLists &&
-  fileLists.forEach((fileList) => {
-    fileList.addEventListener("wmFileDownload", (ev) => {
-      alert("downloading", ev.target.id);
-    });
-    fileList.addEventListener("wmFilePreview", (ev) => {
-      alert("previewing", ev.target.id);
-    });
-    fileList.addEventListener("wmFileDelete", (ev) => {
-      alert("deleting", ev.target.id);
-    });
-  });
-
-

package/dist/collection/dev/input.js

@@ -1,6 +0,0 @@
-function changeValue() {
-  const values = ["Gomez", "Morticia", "Wednesday", "Pugsley", "Uncle Fester", "Lurch", "Aristotle", "Thing"];
-  const randomValue = () => values[~~(Math.random() * values.length)];
-  document.querySelector("wm-input").setAttribute("value", randomValue());
-}
-

package/dist/collection/dev/modal.js

@@ -1,45 +0,0 @@
-function showModal(id) {
-  const modal = document.getElementById(id);
-  modal.open = true;
-}
-
-function hideModal(ev) {
-  ev.target.open = false;
-}
-
-// hook up each modal and its button
-const ids = ["modal", "inner-modal", "inner-dialog", "nested-modal", "dialog"];
-ids.forEach((id) => {
-  const modalBtn = document.getElementById(`${id}-btn`);
-  modalBtn && modalBtn.addEventListener("click", () => showModal(id));
-
-  const modal = document.getElementById(id);
-  modal && modal.addEventListener("wmModalPrimaryTriggered", actionTriggered);
-  modal && modal.addEventListener("wmModalSecondaryTriggered", hideModal);
-  modal && modal.addEventListener("wmModalCloseTriggered", hideModal);
-});
-
-const modalInput = document.getElementById("modal-input");
-const count = document.getElementById("count");
-const modalFooter = document.getElementById("modal-footer");
-
-modalInput &&
-  modalInput.addEventListener("change", function () {
-    if (modalInput.value !== "") {
-      modalFooter.primaryActionDisabled = false;
-    } else {
-      modalFooter.primaryActionDisabled = true;
-    }
-  });
-
-count &&
-  count.addEventListener("change", (ev) => {
-    modalFooter.setAttribute("info-text", ev.target.value + " things ready to launch");
-  });
-
-function actionTriggered(ev) {
-  modalInput.value = "";
-  console.log("Changes saved");
-  modalFooter.actionDisabled = true;
-  ev.target.open = false;
-}

package/dist/collection/dev/navigation.js

@@ -1,13 +0,0 @@
-// page is reloaded on click, so we can't setup onclick funcs like we would in real situation.
-// for testing purposes we just set a url param and read that on load
-function setActiveOnLoad() {
-  Array.from(document.querySelectorAll("wm-navigation-item")).map((el, index) => {
-    const urlParams = new URLSearchParams(window.location.search);
-    const indexParam = urlParams.get("item");
-    if (indexParam) {
-      el.active = index == indexParam;
-    }
-  });
-}
-
-setActiveOnLoad();

package/dist/collection/dev/navigator.js

@@ -1,34 +0,0 @@
-function setProds() {
-  const navigator = document.getElementById("nav");
-  const userModules = [
-    {
-      id: "aqua",
-      linkUrl: "/aqua",
-      samlLinkUrl: "/saml/aqua",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/aqua.svg",
-      name: "Aqua",
-    },
-    {
-      id: "dm",
-      linkUrl: "",
-      samlLinkUrl: "",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/digitalmeasures.svg",
-      name: "DM",
-    },
-  ];
-
-  if (navigator) {
-    navigator.ref = (function () {
-      navigator.products = userModules;
-    })();
-  }
-}
-
-setProds();
-
-document.addEventListener(
-  "wmNavigatorLogout",
-  () => console.log("user logged out") // make sure to make the log persistent if you want to see this in the browser console.
-);
-
-

package/dist/collection/dev/pagination.js

@@ -1,7 +0,0 @@
-var notifications = [];
-window.addEventListener("wmPaginationPageClicked", function (ev) {
-  const pagin = document.getElementById(ev.target.id);
-  pagin.currentPage = ev.target.value;
-});
-
-

package/dist/collection/dev/search.js

@@ -1,72 +0,0 @@
-const search = document.getElementById("search-example");
-if (search) search.oninput = (e) => sInputCallback(e);
-let results = [];
-
-const searchAndFind = document.getElementById("search-find-example");
-if (searchAndFind) searchAndFind.oninput = (e) => sfInputCallback(e, ".foodlist");
-
-const searchAndFindDatabase = document.getElementById("search-find-database-example");
-if (searchAndFindDatabase)
-  searchAndFindDatabase.oninput = (e) => {
-    window.setTimeout(() => sfInputCallback(e, ".namelist"), 1000);
-  };
-
-function sfInputCallback(e, list) {
-  results = searchList(list, e.target.value);
-  e.target.numResults = results.length;
-  if (results.length) {
-    e.target.highlightedId = results[0].toLowerCase();
-    e.target.highlightedName = results[0];
-  } else {
-    e.target.highlightedId = "";
-    e.target.highlightedName = "";
-  }
-  highlight(e.target.highlightedId);
-}
-
-searchAndFind &&
-  searchAndFind.addEventListener("wmSearchBrowseResults", (ev) => {
-    const results = searchList(".foodlist", ev.target.value);
-    const index = ev.detail.position - 1;
-    searchAndFind.highlightedId = results[index].toLowerCase();
-    searchAndFind.highlightedName = results[index];
-    highlight(searchAndFind.highlightedId);
-  });
-
-searchAndFindDatabase &&
-  searchAndFindDatabase.addEventListener("wmSearchBrowseResults", (ev) => {
-    const results = searchList(".namelist", ev.target.value);
-    const index = ev.detail.position - 1;
-    ev.target.highlightedId = results[index].toLowerCase();
-    ev.target.highlightedName = results[index];
-    highlight(ev.target.highlightedId);
-  });
-
-function sInputCallback(e) {
-  results = searchList(".foodlist", e.target.value);
-  search.numResults = results.length;
-}
-
-function searchList(querySelector, searchString) {
-  const results = [];
-  let foods = [];
-  if (searchString) {
-    Array.from(document.querySelector(querySelector).children).map((item) => foods.push(item.textContent));
-    for (let i = 0; i < foods.length; i++) {
-      const food = foods[i].toLowerCase();
-      if (food.indexOf(searchString.toLowerCase()) === 0) {
-        results.push(foods[i]);
-      }
-    }
-  }
-  return results;
-}
-
-function highlight(id) {
-  document.querySelectorAll("li").forEach((i) => i.classList.remove("highlighted"));
-  if (id) {
-    document.querySelector("#" + id).classList.add("highlighted");
-  }
-}
-
-

package/dist/collection/dev/select.js

@@ -1,57 +0,0 @@
-document.addEventListener("wmSelectBlurred", renderErrors);
-
-function renderErrors() {
-  const errorDiv = document.getElementById("errors");
-  const select = document.getElementById("select1");
-  const selectedOption = Array.from(select.querySelectorAll("wm-option")).filter((o) => o.selected)[0];
-
-  if (selectedOption.value === "C") {
-    select.invalid = true;
-    select.errorMessage = "C is my least favorite letter.";
-  } else {
-    select.invalid = false;
-    select.errorMessage = null;
-  }
-}
-
-function testSelectedOption(selectComp) {
-  setTimeout(() => {
-    // making sure the selected and aria-selected attributes are always in sync
-    const options = selectComp.querySelectorAll("wm-option");
-    let selectedOption = Array.from(options).filter((option) => !!option.selected)[0];
-    const ariaSelectedOption = Array.from(options).filter((option) => !!option.getAttribute("aria-selected"))[0];
-    if (selectedOption != ariaSelectedOption) {
-      console.log(selectComp.id, selectedOption, ariaSelectedOption);
-    }
-  }, 150);
-}
-
-const selects = document.querySelectorAll("wm-select");
-selects.forEach((select) => {
-  select.addEventListener("wmOptionSelected", (ev) => handleOptionSelected(ev));
-  select.addEventListener("wmOptionDeselected", (ev) => handleOptionDeselected(ev));
-  select.addEventListener("wmSelectAllSelected", (ev) => handleAllSelected(ev));
-  select.addEventListener("wmSelectAllDeselected", (ev) => handleAllDeselected(ev));
-});
-
-function handleOptionSelected(ev) {
-  const parentSelect = ev.target.parentElement;
-
-  if (!parentSelect.multiple) {
-    // in single select, deselect all other options
-    parentSelect.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
-  }
-  ev.target.selected = true;
-}
-
-function handleOptionDeselected(ev) {
-  ev.target.selected = false;
-}
-
-function handleAllSelected(ev) {
-  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = true));
-}
-
-function handleAllDeselected(ev) {
-  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
-}

package/dist/collection/dev/snackbar.js

@@ -1,38 +0,0 @@
-  function generateSnackbar(isDefault = false) {
-    const id = Math.floor(Math.random() * 100) + 1;
-    const message = isDefault ? `Here's a snackbar ${id}` : document.getElementById("custom-notif").value;
-    const link = isDefault ? "View this person in the table" : document.getElementById("custom-link").value;
-    const newWindow = isDefault ? true : link && document.getElementById("new-window").checked;
-
-    let newNotification = {
-      id: id,
-      message: message,
-      link: link,
-      newWindow: newWindow,
-    };
-
-    const snackbar = document.getElementById("snackbar");
-    const notifications = JSON.parse(snackbar.notifications);
-    let updatedNotifications = [newNotification, ...notifications];
-    snackbar.notifications = JSON.stringify(updatedNotifications);
-  }
-
-  document.addEventListener("wmSnackbarSnackFinished", function (ev) {
-    console.log("in listener for finished snack");
-    const snackbar = document.getElementById("snackbar");
-    let newSnacks = JSON.parse(snackbar.notifications).filter(function (snack) {
-      return snack.id !== +ev.detail.id;
-    });
-    snackbar.notifications = JSON.stringify(newSnacks);
-  });
-
-  document.addEventListener("wmSnackbarActionTriggered", function (ev) {
-    const snackbar = document.getElementById("snackbar");
-    let newSnacks = JSON.parse(snackbar.notifications).filter(function (snack) {
-      return snack.id !== +ev.detail.id;
-    });
-    snackbar.notifications = JSON.stringify(newSnacks);
-    console.log("You clicked the action.");
-  });
-
-

package/dist/collection/dev/tabs.js

@@ -1,44 +0,0 @@
-const tab1 = document.getElementById("tab-1");
-if (tab1) {
-  tab1.addEventListener("wmTabSelected", function (ev) {
-    let activeTab = ev.detail.tabId;
-    let tabContainer = document.getElementById("tab-1-wrapper");
-    let panel = tabContainer.querySelector("#tab-panel");
-    let tabList = document.getElementById("tab-1");
-
-    tabList.selectedTab = activeTab;
-  });
-
-  const cloudTabs = document.getElementById("cloud-tabs");
-  cloudTabs &&
-    cloudTabs.addEventListener("wmTabSelected", (ev) => {
-      const tabId = ev.detail.tabId;
-      const cloudTabs = document.getElementById("cloud-tabs");
-      cloudTabs.selectedTab = tabId;
-      let panel = document.querySelector(`wm-tab-panel[tab-id=${tabId}]`);
-      console.log(panel);
-
-      if (panel) {
-        let text;
-
-        switch (tabId) {
-          case "cumulonimbus":
-            text =
-              'Cumulonimbus (from Latin cumulus, "heaped" and nimbus, "rainstorm") is a dense, towering vertical cloud.';
-            break;
-          case "cirrostratus":
-            text =
-              "Cirrostratus /ˌsɪroʊˈstrɑːtəs/ is a high-level, very thin, generally uniform stratiform genus-type of cloud.";
-            break;
-          case "altostratus":
-            text =
-              "Altostratus is a middle altitude cloud genus belonging to the stratiform physical category characterized by a generally uniform gray to bluish-green sheet or layer.";
-            break;
-          default:
-            text = "";
-        }
-
-        panel.innerHTML = text;
-      }
-    });
-}

package/dist/collection/dev/tag-input.js

@@ -1,32 +0,0 @@
-const allTagInputs = document.querySelectorAll("wm-tag-input");
-
-allTagInputs.forEach((ti) => {
-  const initialTags = Array.from(ti.querySelectorAll("wm-tag-option")).map((o) => o.textContent);
-
-  ti.addEventListener("wmTagInputTagAdded", (ev) => {
-    const ciTagName = ev.detail.toLowerCase().trim();
-    const ciExistingTagNames = Array.from(ti.querySelectorAll("wm-tag-option")).map((o) =>
-      o.textContent.toLowerCase().trim()
-    );
-    if (ti.tagInputType === "dropdown" && !ciExistingTagNames.includes(ciTagName)) {
-      const to = document.createElement("wm-tag-option");
-      to.textContent = ev.detail;
-      to.id = "tag" + Math.random().toString(36).substr(2, 6);
-      to.selected = true;
-      ti.appendChild(to);
-    }
-  });
-
-  ti.addEventListener("wmTagOptionSelected", (ev) => {
-    ev.target.selected = true;
-  });
-
-  ti.addEventListener("wmTagOptionDeselected", (ev) => {
-    const isUserTag = !initialTags.includes(ev.target.textContent);
-    if (isUserTag) {
-      ev.target.remove();
-    } else {
-      ev.target.selected = false;
-    }
-  });
-});

package/dist/collection/dev/textarea.js

@@ -1,28 +0,0 @@
-const textAreaEls = document.querySelectorAll("wm-textarea");
-
-textAreaEls.forEach((textAreaEl) => {
-  textAreaEl.addEventListener("wmTextareaValueChanged", (ev) => {
-    console.log("wmTextareaValueChanged heard: ", ev.target.value);
-  });
-
-  textAreaEl.addEventListener("blur", (ev) => {
-    textAreaEl.characterLimit && handleCharacterLimit(textAreaEl);
-    textAreaEl.requiredField && handleRequiredTextArea(textAreaEl);
-  });
-
-  function handleCharacterLimit(textAreaEl) {
-    if (textAreaEl.value.length > textAreaEl.characterLimit) {
-      textAreaEl.errorMessage = "Character limit exceeded, please reduce entered text.";
-    } else if (textAreaEl.errorMessage == "Character limit exceeded, please reduce entered text.") {
-      textAreaEl.errorMessage = "";
-    }
-  }
-
-  function handleRequiredTextArea(textAreaEl) {
-    if (textAreaEl.value.length == 0) {
-      textAreaEl.errorMessage = "This field is required.";
-    } else if (textAreaEl.errorMessage == "This field is required.") {
-      textAreaEl.errorMessage = "";
-    }
-  }
-});

package/dist/collection/dev/timepicker.js

@@ -1,32 +0,0 @@
-const timepickers = document.querySelectorAll("wm-timepicker");
-
-timepickers.forEach((timepicker) => {
-  timepicker.addEventListener("wmTimepickerInputBlurred", async (ev) => {
-    // reformat time and validate for invalid date
-    if (timepicker.value) {
-      if (await timepicker.isValidTime(ev.target.value)) {
-        const displayTime = await timepicker.reformatTime("12", timepicker.value);
-
-        timepicker.errorMessage = "";
-        timepicker.value = displayTime;
-      } else {
-        timepicker.errorMessage = "Please enter a valid time";
-      }
-    }
-  });
-
-  timepicker.addEventListener("blur", (ev) => {
-    // validate for required time
-    if (timepicker.requiredField && timepicker.value === "") {
-      timepicker.errorMessage = "A time is required";
-    }
-  });
-
-  timepicker.addEventListener("wmTimepickerTimeSelected", async (ev) => {
-    // handle user time selection
-    const selectedTime = ev.detail.time;
-
-    timepicker.errorMessage = "";
-    timepicker.value = await timepicker.reformatTime("12", selectedTime);
-  });
-});