@siemens/ix-docs 4.3.0 → 4.4.0

package/build/static/demo/v2/preview/html/assets/helper-text-util-C9sLzo0k-ByYMuUsm.js

@@ -0,0 +1,27 @@
+import { h } from "./global-7ZbTfMw3.js";
+import { b as iconError, a as iconWarning, i as iconInfo, c as iconSuccess } from "./index-BBzEV-f4-ChQfUIyc.js";
+import { a as a11yBoolean } from "./a11y-DAzBNVe7-CO1Uj69l.js";
+function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText }) {
+  return !!(isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim()) || isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim()) || isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim()) || isValid && (validText === null || validText === void 0 ? void 0 : validText.trim()) || (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
+}
+function HelperText$1(props) {
+  if (!hasAnyText(props))
+    return null;
+  if (props.isInvalid && props.invalidText && props.invalidText.trim() !== "") {
+    return h("ix-typography", { textColor: "alarm", class: "bottom-text" }, h("ix-icon", { "aria-hidden": a11yBoolean(!!props.invalidText), class: "text-icon invalid", name: iconError, size: "16" }), props.invalidText);
+  }
+  if (props.isWarning && props.warningText && props.warningText.trim() !== "") {
+    return h("ix-typography", { textColor: "std", class: "bottom-text" }, h("ix-icon", { "aria-hidden": a11yBoolean(!!props.warningText), class: "text-icon warning", name: iconWarning, size: "16" }), props.warningText);
+  }
+  if (props.isInfo && props.infoText && props.infoText.trim() !== "") {
+    return h("ix-typography", { textColor: "std", class: "bottom-text" }, h("ix-icon", { "aria-hidden": a11yBoolean(!!props.infoText), class: "text-icon info", name: iconInfo, size: "16" }), props.infoText);
+  }
+  if (props.isValid && props.validText && props.validText.trim() !== "") {
+    return h("ix-typography", { textColor: "std", class: "bottom-text" }, h("ix-icon", { "aria-hidden": a11yBoolean(!!props.validText), class: "text-icon valid", name: iconSuccess, size: "16" }), props.validText);
+  }
+  return props.helperText && props.helperText.trim() !== "" && h("ix-typography", { class: "bottom-text", textColor: "soft" }, props.helperText);
+}
+export {
+  HelperText$1 as H,
+  hasAnyText as h
+};

package/build/static/demo/v2/preview/html/assets/icon-toggle-button-secondary-D7b8mebd.js

@@ -0,0 +1,29 @@
+import "./global-7ZbTfMw3.js";
+import { a as addIcons } from "./ix-icon.entry-Co7qlYpz.js";
+import { H as iconTextUnderline, I as iconTextItalic, J as iconTextBold } from "./index-BWsIQ1EH.js";
+import "./init-6zSVdjuR.js";
+addIcons({
+  iconTextBold,
+  iconTextItalic,
+  iconTextUnderline
+});
+document.addEventListener("DOMContentLoaded", function() {
+  const boldButton = document.getElementById("boldButton");
+  const underlineButton = document.getElementById("underlineButton");
+  const loremIpsum = document.getElementById("loremIpsum");
+  function updateStyle() {
+    loremIpsum.style.fontWeight = boldButton.hasAttribute("pressed") ? "bold" : "normal";
+    loremIpsum.style.textDecoration = underlineButton.hasAttribute(
+      "pressed"
+    ) ? "underline" : "none";
+  }
+  updateStyle();
+  boldButton.addEventListener("click", function() {
+    boldButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+  underlineButton.addEventListener("click", function() {
+    underlineButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+});

package/build/static/demo/v2/preview/html/assets/icon-toggle-button-subtle-primary-D7b8mebd.js

@@ -0,0 +1,29 @@
+import "./global-7ZbTfMw3.js";
+import { a as addIcons } from "./ix-icon.entry-Co7qlYpz.js";
+import { H as iconTextUnderline, I as iconTextItalic, J as iconTextBold } from "./index-BWsIQ1EH.js";
+import "./init-6zSVdjuR.js";
+addIcons({
+  iconTextBold,
+  iconTextItalic,
+  iconTextUnderline
+});
+document.addEventListener("DOMContentLoaded", function() {
+  const boldButton = document.getElementById("boldButton");
+  const underlineButton = document.getElementById("underlineButton");
+  const loremIpsum = document.getElementById("loremIpsum");
+  function updateStyle() {
+    loremIpsum.style.fontWeight = boldButton.hasAttribute("pressed") ? "bold" : "normal";
+    loremIpsum.style.textDecoration = underlineButton.hasAttribute(
+      "pressed"
+    ) ? "underline" : "none";
+  }
+  updateStyle();
+  boldButton.addEventListener("click", function() {
+    boldButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+  underlineButton.addEventListener("click", function() {
+    underlineButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+});

package/build/static/demo/v2/preview/html/assets/icon-toggle-button-subtle-secondary-D7b8mebd.js

@@ -0,0 +1,29 @@
+import "./global-7ZbTfMw3.js";
+import { a as addIcons } from "./ix-icon.entry-Co7qlYpz.js";
+import { H as iconTextUnderline, I as iconTextItalic, J as iconTextBold } from "./index-BWsIQ1EH.js";
+import "./init-6zSVdjuR.js";
+addIcons({
+  iconTextBold,
+  iconTextItalic,
+  iconTextUnderline
+});
+document.addEventListener("DOMContentLoaded", function() {
+  const boldButton = document.getElementById("boldButton");
+  const underlineButton = document.getElementById("underlineButton");
+  const loremIpsum = document.getElementById("loremIpsum");
+  function updateStyle() {
+    loremIpsum.style.fontWeight = boldButton.hasAttribute("pressed") ? "bold" : "normal";
+    loremIpsum.style.textDecoration = underlineButton.hasAttribute(
+      "pressed"
+    ) ? "underline" : "none";
+  }
+  updateStyle();
+  boldButton.addEventListener("click", function() {
+    boldButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+  underlineButton.addEventListener("click", function() {
+    underlineButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+});

package/build/static/demo/v2/preview/html/assets/icon-toggle-button-subtle-tertiary-D7b8mebd.js

@@ -0,0 +1,29 @@
+import "./global-7ZbTfMw3.js";
+import { a as addIcons } from "./ix-icon.entry-Co7qlYpz.js";
+import { H as iconTextUnderline, I as iconTextItalic, J as iconTextBold } from "./index-BWsIQ1EH.js";
+import "./init-6zSVdjuR.js";
+addIcons({
+  iconTextBold,
+  iconTextItalic,
+  iconTextUnderline
+});
+document.addEventListener("DOMContentLoaded", function() {
+  const boldButton = document.getElementById("boldButton");
+  const underlineButton = document.getElementById("underlineButton");
+  const loremIpsum = document.getElementById("loremIpsum");
+  function updateStyle() {
+    loremIpsum.style.fontWeight = boldButton.hasAttribute("pressed") ? "bold" : "normal";
+    loremIpsum.style.textDecoration = underlineButton.hasAttribute(
+      "pressed"
+    ) ? "underline" : "none";
+  }
+  updateStyle();
+  boldButton.addEventListener("click", function() {
+    boldButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+  underlineButton.addEventListener("click", function() {
+    underlineButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+});

package/build/static/demo/v2/preview/html/assets/icon-toggle-button-tertiary-D7b8mebd.js

@@ -0,0 +1,29 @@
+import "./global-7ZbTfMw3.js";
+import { a as addIcons } from "./ix-icon.entry-Co7qlYpz.js";
+import { H as iconTextUnderline, I as iconTextItalic, J as iconTextBold } from "./index-BWsIQ1EH.js";
+import "./init-6zSVdjuR.js";
+addIcons({
+  iconTextBold,
+  iconTextItalic,
+  iconTextUnderline
+});
+document.addEventListener("DOMContentLoaded", function() {
+  const boldButton = document.getElementById("boldButton");
+  const underlineButton = document.getElementById("underlineButton");
+  const loremIpsum = document.getElementById("loremIpsum");
+  function updateStyle() {
+    loremIpsum.style.fontWeight = boldButton.hasAttribute("pressed") ? "bold" : "normal";
+    loremIpsum.style.textDecoration = underlineButton.hasAttribute(
+      "pressed"
+    ) ? "underline" : "none";
+  }
+  updateStyle();
+  boldButton.addEventListener("click", function() {
+    boldButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+  underlineButton.addEventListener("click", function() {
+    underlineButton.toggleAttribute("pressed");
+    updateStyle();
+  });
+});

package/build/static/demo/v2/preview/html/assets/index-BBzEV-f4-ChQfUIyc.js

@@ -0,0 +1,96 @@
+const iconAlarm = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>alarm</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C330.943502,3.55271368e-14 426.666667,95.7231591 426.666667,213.333333 C426.666667,330.943502 330.943502,426.666667 213.333333,426.666667 C95.7231591,426.666667 3.55271368e-14,330.943502 3.55271368e-14,213.333333 C3.55271368e-14,95.7231591 95.7231591,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C118.87459,42.6666667 42.6666667,118.87459 42.6666667,213.333333 C42.6666667,307.792077 118.87459,384 213.333333,384 C307.792077,384 384,307.792077 384,213.333333 C384,118.87459 307.792077,42.6666667 213.333333,42.6666667 Z M213.333333,272.042667 C228.571429,272.042667 240,283.306667 240,298.666667 C240,314.026667 228.571429,325.290667 213.333333,325.290667 C197.748918,325.290667 186.666667,314.026667 186.666667,298.325333 C186.666667,283.306667 198.095238,272.042667 213.333333,272.042667 Z M234.666667,85.3333333 L234.666667,234.666667 L192,234.666667 L192,85.3333333 L234.666667,85.3333333 Z' id='Combined-Shape'/></g></g></svg>";
+const iconApps = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>apps</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(64.000000, 64.000000)'><path d='M64,32 C64,49.664 49.664,64 32,64 C14.336,64 -4.26325641e-14,49.664 -4.26325641e-14,32 C-4.26325641e-14,14.336 14.336,-4.26325641e-14 32,-4.26325641e-14 C49.664,-4.26325641e-14 64,14.336 64,32 Z M224,32 C224,49.664 209.664,64 192,64 C174.336,64 160,49.664 160,32 C160,14.336 174.336,-4.26325641e-14 192,-4.26325641e-14 C209.664,-4.26325641e-14 224,14.336 224,32 Z M64,352 C64,369.664 49.664,384 32,384 C14.336,384 -4.26325641e-14,369.664 -4.26325641e-14,352 C-4.26325641e-14,334.336 14.336,320 32,320 C49.664,320 64,334.336 64,352 Z M224,352 C224,369.664 209.664,384 192,384 C174.336,384 160,369.664 160,352 C160,334.336 174.336,320 192,320 C209.664,320 224,334.336 224,352 Z M64,192 C64,209.664 49.664,224 32,224 C14.336,224 -4.26325641e-14,209.664 -4.26325641e-14,192 C-4.26325641e-14,174.336 14.336,160 32,160 C49.664,160 64,174.336 64,192 Z M224,192 C224,209.664 209.664,224 192,224 C174.336,224 160,209.664 160,192 C160,174.336 174.336,160 192,160 C209.664,160 224,174.336 224,192 Z M384,32 C384,49.664 369.664,64 352,64 C334.336,64 320,49.664 320,32 C320,14.336 334.336,-4.26325641e-14 352,-4.26325641e-14 C369.664,-4.26325641e-14 384,14.336 384,32 Z M384,352 C384,369.664 369.664,384 352,384 C334.336,384 320,369.664 320,352 C320,334.336 334.336,320 352,320 C369.664,320 384,334.336 384,352 Z M384,192 C384,209.664 369.664,224 352,224 C334.336,224 320,209.664 320,192 C320,174.336 334.336,160 352,160 C369.664,160 384,174.336 384,192 Z' id='Combined-Shape'/></g></g></svg>";
+const iconArrowLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>arrow-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(106.680107, 134.255147)'><polygon id='arrow-left' points='298.639787 100.41664 81.66656 100.41664 151.916587 30.1666133 121.749973 0 1.42108547e-14 121.749973 121.749973 243.489707 151.916587 213.32288 81.6693333 143.083307 298.639787 143.083307'/></g></g></svg>";
+const iconCalendar = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>calendar</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='scheduler' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,128 L42.6666667,128 L42.6666667,341.333333 L341.333333,341.333333 L341.333333,128 Z M128,256 L128,298.666667 L85.3333333,298.666667 L85.3333333,256 L128,256 Z M213.333333,256 L213.333333,298.666667 L170.666667,298.666667 L170.666667,256 L213.333333,256 Z M298.666667,256 L298.666667,298.666667 L256,298.666667 L256,256 L298.666667,256 Z M128,170.666667 L128,213.333333 L85.3333333,213.333333 L85.3333333,170.666667 L128,170.666667 Z M213.333333,170.666667 L213.333333,213.333333 L170.666667,213.333333 L170.666667,170.666667 L213.333333,170.666667 Z M298.666667,170.666667 L298.666667,213.333333 L256,213.333333 L256,170.666667 L298.666667,170.666667 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,85.3333333 L341.333333,85.3333333 L341.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
+const iconChevronDownSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-down-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 187.520000)'><polygon id='arrowhead-down' points='121.813333 151.893333 0 30.2933333 30.2933333 0 121.813333 91.7333333 213.333333 0 243.626667 30.2933333'/></g></g></svg>";
+const iconChevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>chevron-down</desc><polygon fill-rule='evenodd' points='320 0 350.17 30.17 175.085 205.255 0 30.17 30.17 0 175.085 144.898' transform='translate(80.915 149.333)'/></svg>";
+const iconChevronLeftSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-left-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(172.586667, 134.186667)'><polygon id='arrrowhead-left' points='121.6 243.626667 0 121.813333 121.6 0 151.893333 30.2933333 60.16 121.813333 151.893333 213.333333'/></g></g></svg>";
+const iconChevronRightSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-right-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(187.520000, 134.186667)'><polygon id='arrowhead-right' points='30.2933333 243.626667 0 213.333333 91.7333333 121.813333 0 30.2933333 30.2933333 0 151.893333 121.813333'/></g></g></svg>";
+const iconChevronRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(149.333333, 80.853333)'><polygon id='Path' points='-2.84217094e-14 320 30.1698893 350.169889 205.254834 175.084945 30.1698893 0 -2.84217094e-14 30.1698893 144.898278 175.084945'/></g></g></svg>";
+const iconChevronUpSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-up-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 172.586667)'><polygon id='arrowhead-up' points='213.333333 151.893333 121.813333 60.16 30.2933333 151.893333 2.84217094e-14 121.6 121.813333 0 243.626667 121.6'/></g></g></svg>";
+const iconCircleDot = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-dot</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M213.333333,106.666667 C272.243707,106.666667 320,154.42296 320,213.333333 C320,272.243707 272.243707,320 213.333333,320 C154.42296,320 106.666667,272.243707 106.666667,213.333333 C106.666667,154.42296 154.42296,106.666667 213.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
+const iconCircleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z' id='Combined-Shape'/></g></g></svg>";
+const iconCirclePause = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle-pause</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M192,128 L192,298.666667 L149.333333,298.666667 L149.333333,128 L192,128 Z M277.333333,128 L277.333333,298.666667 L234.666667,298.666667 L234.666667,128 L277.333333,128 Z' id='Combined-Shape'/></g></g></svg>";
+const iconCircle = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>circle</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
+const iconClear = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>clear</desc><path fill-rule='evenodd' d='M213.333333,3.55271368e-14 C269.912851,3.55271368e-14 324.175019,22.4761259 364.18278,62.4838867 C404.190541,102.491647 426.666667,156.753816 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M288.758057,107.738721 L318.927946,137.90861 L243.502,213.333 L318.927946,288.758057 L288.758057,318.927946 L213.333,243.502 L137.90861,318.927946 L107.738721,288.758057 L183.163,213.333 L107.738721,137.90861 L137.90861,107.738721 L213.333,183.163 L288.758057,107.738721 Z' transform='translate(42.667 42.667)'/></svg>";
+const iconClock = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>clock</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='work-case' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M234.666667,106.666667 L234.666667,225.813333 L292.418278,283.581722 L262.248389,313.751611 L192,243.503223 L192,106.666667 L234.666667,106.666667 Z' id='reading-time'/></g></g></svg>";
+const iconCloseSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>close-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.248389, 134.248389)'><path d='M213.333333,2.84217094e-14 L243.503223,30.1698893 L151.921,121.751 L243.503223,213.333333 L213.333333,243.503223 L121.751,151.921 L30.1698893,243.503223 L2.84217094e-14,213.333333 L91.582,121.751 L2.84217094e-14,30.1698893 L30.1698893,2.84217094e-14 L121.751,91.582 L213.333333,2.84217094e-14 Z' id='Combined-Shape'/></g></g></svg>";
+const iconClose = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>close</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Combined-Shape' transform='translate(91.581722, 91.581722)'><path d='M298.666667,4.26325641e-14 L328.836556,30.1698893 L194.587,164.418 L328.836556,298.666667 L298.666667,328.836556 L164.418,194.587 L30.1698893,328.836556 L9.9475983e-14,298.666667 L134.248,164.418 L7.10542736e-14,30.1698893 L30.1698893,4.26325641e-14 L164.418,134.248 L298.666667,4.26325641e-14 Z' transform='translate(164.418278, 164.418278) rotate(-360.000000) translate(-164.418278, -164.418278) '/></g></g></svg>";
+const iconCogwheel = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>cogwheel</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='settings' transform='translate(32.844800, 42.666667)'><path d='M299.946667,7.10542736e-15 L299.946667,51.5413333 C308.650667,55.6586667 316.992,60.4586667 324.906667,65.92 L324.906667,65.92 L332.544,61.4826667 L369.514667,40.1706667 L390.848,77.0986667 L424.96,136.234667 L446.293333,173.184 L409.365333,194.517333 L401.728,198.890667 C402.154667,203.733333 402.368,208.533333 402.368,213.333333 C402.368,218.133333 402.154667,222.933333 401.728,227.776 L401.728,227.776 L409.365333,232.149333 L446.293333,253.482667 L424.96,290.432 L390.848,349.568 L369.514667,386.496 L332.544,365.184 L324.906667,360.746667 C316.992,366.208 308.650667,371.008 299.946667,375.125333 L299.946667,375.125333 L299.946667,426.666667 L146.368,426.666667 L146.368,375.125333 C137.664,371.008 129.322667,366.208 121.408,360.746667 L121.408,360.746667 L113.749333,365.184 L76.8,386.496 L55.4666667,349.568 L21.3333333,290.432 L7.10542736e-15,253.482667 L36.9493333,232.149333 L44.5653333,227.776 C44.16,222.933333 43.9466667,218.133333 43.9466667,213.333333 C43.9466667,208.533333 44.16,203.733333 44.5653333,198.890667 L44.5653333,198.890667 L36.9493333,194.517333 L7.10542736e-15,173.184 L21.3333333,136.234667 L55.4666667,77.0986667 L76.8,40.1706667 L113.749333,61.4826667 L121.408,65.92 C129.322667,60.4586667 137.664,55.6586667 146.368,51.5413333 L146.368,51.5413333 L146.368,7.10542736e-15 L299.946667,7.10542736e-15 Z M257.28,42.6666667 L189.034667,42.6666667 L189.034667,81.28 C164.650667,87.552 142.890667,100.288 125.781333,117.717333 L125.781333,117.717333 L92.416,98.432 L58.2826667,157.568 L91.6906667,176.853333 C88.4906667,188.48 86.6133333,200.682667 86.6133333,213.333333 C86.6133333,225.984 88.4906667,238.186667 91.6906667,249.813333 L91.6906667,249.813333 L58.2826667,269.098667 L92.416,328.234667 L125.781333,308.949333 C142.890667,326.378667 164.650667,339.114667 189.034667,345.386667 L189.034667,345.386667 L189.034667,384 L257.28,384 L257.28,345.386667 C281.664,339.114667 303.424,326.378667 320.533333,308.949333 L320.533333,308.949333 L353.877333,328.234667 L388.032,269.098667 L354.624,249.813333 C357.824,238.186667 359.701333,225.984 359.701333,213.333333 C359.701333,200.682667 357.824,188.48 354.624,176.853333 L354.624,176.853333 L388.032,157.568 L353.877333,98.432 L320.533333,117.717333 C303.424,100.288 281.664,87.552 257.28,81.28 L257.28,81.28 L257.28,42.6666667 Z M223.1552,128 C270.286608,128 308.488533,166.201925 308.488533,213.333333 C308.488533,260.464741 270.286608,298.666667 223.1552,298.666667 C176.023792,298.666667 137.821867,260.464741 137.821867,213.333333 C137.821867,166.201925 176.023792,128 223.1552,128 Z M223.1552,170.666667 C199.587941,170.666667 180.488533,189.766075 180.488533,213.333333 C180.488533,236.900592 199.587941,256 223.1552,256 C246.722459,256 265.821867,236.900592 265.821867,213.333333 C265.821867,189.766075 246.722459,170.666667 223.1552,170.666667 Z'/></g></g></svg>";
+const iconContextMenu = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>context-menu</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Combined-Shape' transform='translate(224.000000, 53.333333)'><path d='M32,64 C49.673112,64 64,49.673112 64,32 C64,14.326888 49.673112,1.42108547e-14 32,1.42108547e-14 C14.326888,1.42108547e-14 0,14.326888 0,32 C0,49.673112 14.326888,64 32,64 Z M32,405.333333 C49.673112,405.333333 64,391.006445 64,373.333333 C64,355.660221 49.673112,341.333333 32,341.333333 C14.326888,341.333333 0,355.660221 0,373.333333 C0,391.006445 14.326888,405.333333 32,405.333333 Z M32,234.666667 C49.673112,234.666667 64,220.339779 64,202.666667 C64,184.993555 49.673112,170.666667 32,170.666667 C14.326888,170.666667 0,184.993555 0,202.666667 C0,220.339779 14.326888,234.666667 32,234.666667 Z'/></g></g></svg>";
+const iconDocument = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>document</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='document' transform='translate(106.666667, 64.000000)'><path d='M192,0 L-1.42108547e-14,0 L-1.42108547e-14,384 L298.666667,384 L298.666667,106.666667 L192,0 Z M256,341.333333 L42.6666667,341.333333 L42.6666667,42.6666667 L128,42.6666667 L128,170.666667 L256,170.666667 L256,341.333333 Z M256,128 L170.666667,128 L170.666667,42.6666667 L174.293333,42.6666667 L256,124.373333 L256,128 Z'/></g></g></svg>";
+const iconDoubleChevronDown = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-down</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 123.520000)'><path d='M140.16,18.1333333 L261.76,139.946667 L140.16,261.76 L109.866667,231.466667 L201.6,139.946667 L109.866667,48.4266667 L140.16,18.1333333 Z M12.16,18.1333333 L133.76,139.946667 L12.16,261.76 L-18.1333333,231.466667 L73.6,139.946667 L-18.1333333,48.4266667 L12.16,18.1333333 Z' id='arrow-double-right' transform='translate(121.813333, 139.946667) rotate(-270.000000) translate(-121.813333, -139.946667) '/></g></g></svg>";
+const iconDoubleChevronLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(108.603733, 134.171733)'><path d='M127.978667,121.834667 L249.6,243.648 L279.872,213.333333 L188.16,121.834667 L279.872,30.3146667 L249.6,2.84217094e-14 L127.978667,121.834667 Z M1.42108547e-14,121.834667 L121.578667,243.648 L151.872,213.333333 L60.1386667,121.834667 L151.872,30.3146667 L121.578667,2.84217094e-14 L1.42108547e-14,121.834667 Z' id='arrow-double-left'/></g></g></svg>";
+const iconDoubleChevronRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(123.520000, 134.186667)'><path d='M158.293333,0 L279.893333,121.813333 L158.293333,243.626667 L128,213.333333 L219.733333,121.813333 L128,30.2933333 L158.293333,0 Z M30.2933333,0 L151.893333,121.813333 L30.2933333,243.626667 L-1.42108547e-14,213.333333 L91.7333333,121.813333 L-1.42108547e-14,30.2933333 L30.2933333,0 Z' id='arrow-double-right'/></g></g></svg>";
+const iconDoubleChevronUp = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>double-chevron-up</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 108.586667)'><path d='M140.16,18.1333333 L261.76,139.946667 L140.16,261.76 L109.866667,231.466667 L201.6,139.946667 L109.866667,48.4266667 L140.16,18.1333333 Z M12.16,18.1333333 L133.76,139.946667 L12.16,261.76 L-18.1333333,231.466667 L73.6,139.946667 L-18.1333333,48.4266667 L12.16,18.1333333 Z' id='arrow-double-right' transform='translate(121.813333, 139.946667) rotate(-90.000000) translate(-121.813333, -139.946667) '/></g></g></svg>";
+const iconError = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>error</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M262.250667,134.250667 L292.416,164.416 L243.498667,213.333333 L292.416,262.250667 L262.250667,292.416 L213.333333,243.498667 L164.416,292.416 L134.250667,262.250667 L183.168,213.333333 L134.250667,164.416 L164.416,134.250667 L213.333333,183.168 L262.250667,134.250667 Z' id='error'/></g></g></svg>";
+const iconEyeCancelled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>eye-cancelled</desc><path fill-rule='evenodd' d='M47.0849493,2.84217094e-14 L185.740632,138.655563 C194.095501,134.657276 203.45297,132.418278 213.333333,132.418278 C248.679253,132.418278 277.333333,161.072358 277.333333,196.418278 C277.333333,206.299034 275.094157,215.656855 271.095572,224.011976 L409.751616,362.666662 L379.581717,392.836561 L320.374817,333.628896 C291.246618,353.329494 255.728838,367.084945 213.333333,367.084945 C64,367.084945 7.10542736e-15,196.418278 7.10542736e-15,196.418278 C7.10542736e-15,196.418278 22.862032,135.452859 73.1408088,86.3974274 L16.9150553,30.169894 L47.0849493,2.84217094e-14 Z M103.440016,116.694904 C74.7091717,144.512844 55.9626236,177.598744 46.7136,196.424891 C64.7370667,233.114811 119.071573,324.418278 213.333333,324.418278 C242.440012,324.418278 267.739844,315.712374 289.339919,302.595012 L240.926035,254.180993 C232.571166,258.17928 223.213696,260.418278 213.333333,260.418278 C177.987413,260.418278 149.333333,231.764198 149.333333,196.418278 C149.333333,186.537915 151.572331,177.180445 155.570618,168.825577 Z M213.333333,25.7516113 C362.666667,25.7516113 426.666667,196.418278 426.666667,196.418278 C426.666667,196.418278 412.428071,234.387867 381.712212,274.508373 L351.151213,243.941206 C364.581948,225.697449 374.142733,208.239347 379.954347,196.410385 C361.9296,159.721745 307.595093,68.418278 213.333333,68.418278 C201.495833,68.418278 190.287983,69.858232 179.702584,72.449263 L145.662385,38.4000762 C165.913597,30.494948 188.437631,25.7516113 213.333333,25.7516113 Z' transform='translate(42.667 59.582)'/></svg>";
+const iconEye = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>eye</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 85.333333)'><path d='M213.333333,1.42108547e-14 C64,1.42108547e-14 7.10542736e-15,170.666667 7.10542736e-15,170.666667 C7.10542736e-15,170.666667 64,341.333333 213.333333,341.333333 C362.666667,341.333333 426.666667,170.666667 426.666667,170.666667 C426.666667,170.666667 362.666667,1.42108547e-14 213.333333,1.42108547e-14 Z M213.333333,298.666667 C119.071573,298.666667 64.7370667,207.3632 46.7136,170.67328 C64.7850667,133.88928 119.114667,42.6666667 213.333333,42.6666667 C307.595093,42.6666667 361.9296,133.970133 379.954347,170.658773 C361.8816,207.444053 307.552,298.666667 213.333333,298.666667 Z M213.333333,96 C172.096427,96 138.666667,129.42976 138.666667,170.666667 C138.666667,211.903573 172.096427,245.333333 213.333333,245.333333 C254.57024,245.333333 288,211.903573 288,170.666667 C288,129.42976 254.57024,96 213.333333,96 Z M213.333333,202.666667 C195.688747,202.666667 181.333333,188.311253 181.333333,170.666667 C181.333333,153.02208 195.688747,138.666667 213.333333,138.666667 C230.97792,138.666667 245.333333,153.02208 245.333333,170.666667 C245.333333,188.311253 230.97792,202.666667 213.333333,202.666667 Z'/></g></g></svg>";
+const iconHistory = "data:image/svg+xml;utf8,<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><desc>history</desc><path fill-rule='evenodd' clip-rule='evenodd' d='M469.333 256C469.333 362.039 383.372 448 277.333 448C227.538 448 182.17 429.044 148.052 397.954L177.827 367.352C204.241 390.973 239.11 405.333 277.333 405.333C359.808 405.333 426.667 338.475 426.667 256C426.667 173.525 359.808 106.667 277.333 106.667C194.859 106.667 128 173.525 128 256C128 260.043 128.161 264.048 128.476 268.01L170.667 225.83L200.837 256L106.667 350.17L12.4968 256L42.6667 225.83L85.7607 268.913C85.4773 264.645 85.3334 260.339 85.3334 256C85.3334 149.961 171.295 64 277.333 64C383.372 64 469.333 149.961 469.333 256ZM255.999 149.333V267.52L329.599 316.373L353.066 280.96L298.666 244.48V149.333H255.999Z'/></svg>";
+const iconInfo = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>info</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.44,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.44,384 213.333333,384 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z' id='Shape'/></g></g></svg>";
+const iconLightDark = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>light-dark</desc><path fill-rule='evenodd' d='M256,384 L256,469.333333 L213.333333,469.333333 L213.333333,384 L256,384 Z M355.346224,325.176335 L415.686003,385.516113 L385.516113,415.686003 L325.176335,355.346224 L355.346224,325.176335 Z M113.987109,325.176335 L144.156999,355.346224 L83.81722,415.686003 L53.6473307,385.516113 L113.987109,325.176335 Z M234.666667,118.01971 C299.089002,118.01971 351.313623,170.244331 351.313623,234.666667 C351.313623,299.089002 299.089002,351.314049 234.666667,351.314049 C203.711846,351.372867 174.007802,339.102338 152.119399,317.213934 C130.230995,295.325531 117.960466,265.621487 118.019285,234.666667 C118.019285,170.244331 170.244331,118.01971 234.666667,118.01971 Z M234.666667,160.686377 C193.808416,160.686377 160.685951,193.808546 160.685951,234.748031 C160.648688,254.358867 168.422443,273.1772 182.289288,287.044045 C196.156133,300.91089 214.974466,308.684645 234.666667,308.647305 L234.666667,160.686377 Z M469.333333,213.333333 L469.333333,256 L384,256 L384,213.333333 L469.333333,213.333333 Z M85.3333333,213.333333 L85.3333333,256 L3.55271368e-15,256 L3.55271368e-15,213.333333 L85.3333333,213.333333 Z M83.81722,53.6473307 L144.156999,113.987109 L113.987109,144.156999 L53.6473307,83.81722 L83.81722,53.6473307 Z M385.516113,53.6473307 L415.686003,83.81722 L355.346224,144.156999 L325.176335,113.987109 L385.516113,53.6473307 Z M256,5.90116627e-13 L256,85.3333333 L213.333333,85.3333333 L213.333333,5.82278887e-13 L256,5.90116627e-13 Z' transform='translate(21.333 21.333)'/></svg>";
+const iconLogOut = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>log-out</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Combined-Shape' transform='translate(85.333333, 42.666667)'><path d='M234.666667,-2.13162821e-14 L234.666667,85.3333333 L192.000667,85.333 L192,42.6666667 L42.6666667,42.6666667 L42.6666667,384 L192,384 L192.000667,341.333 L234.666667,341.333333 L234.666667,426.666667 L-4.26325641e-14,426.666667 L-4.26325641e-14,-2.13162821e-14 L234.666667,-2.13162821e-14 Z M292.418278,112.915055 L392.836556,213.333333 L292.418278,313.751611 L262.248389,283.581722 L311.163,234.666 L106.666667,234.666667 L106.666667,192 L311.163,192 L262.248389,143.084945 L292.418278,112.915055 Z'/></g></g></svg>";
+const iconMinus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>minus</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(64.000000, 234.666667)'><rect id='Combined-Shape' x='0' y='0' width='384' height='42.6666667'/></g></g></svg>";
+const iconMoreMenu = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>more-menu</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(53.333333, 224.000000)'><path d='M64,32 C64,14.326888 49.673112,2.91322522e-11 32,2.91322522e-11 C14.326888,2.91322522e-11 -1.47219675e-14,14.326888 -1.58041335e-14,32 C-1.68862995e-14,49.673112 14.326888,64 32,64 C49.673112,64 64,49.673112 64,32 Z M405.333333,32 C405.333333,14.326888 391.006445,-2.84217094e-14 373.333333,-2.84217094e-14 C355.660221,-2.84217094e-14 341.333333,14.326888 341.333333,32 C341.333333,49.673112 355.660221,64 373.333333,64 C391.006445,64 405.333333,49.673112 405.333333,32 Z M234.666667,32 C234.666667,14.326888 220.339779,2.84217094e-14 202.666667,2.84217094e-14 C184.993555,2.84217094e-14 170.666667,14.326888 170.666667,32 C170.666667,49.673112 184.993555,64 202.666667,64 C220.339779,64 234.666667,49.673112 234.666667,32 Z' id='options-horizontal'/></g></g></svg>";
+const iconNavigationLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>navigation-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M85.333,298.666 L42.666,298.666 L42.6666667,341.333333 L85.333,341.333 L85.333,298.666 Z M341.333333,42.6666667 L127.999,42.666 L127.999,341.333 L341.333333,341.333333 L341.333333,42.6666667 Z M85.333,256 L85.333,213.333 L42.666,213.333 L42.666,256 L85.333,256 Z M85.333,170.666 L85.333,128 L42.666,128 L42.666,170.666 L85.333,170.666 Z M85.333,85.333 L85.333,42.666 L42.6666667,42.6666667 L42.666,85.333 L85.333,85.333 Z' id='Combined-Shape'/></g></g></svg>";
+const iconNavigationRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>navigation-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M256,42.666 L42.6666667,42.6666667 L42.6666667,341.333333 L256,341.333 L256,42.666 Z M298.666667,298.666667 L298.666,341.333 L341.333333,341.333333 L341.333,298.666 L298.666667,298.666667 Z M341.333,128 L298.666667,128 L298.666667,170.666667 L341.333,170.666 L341.333,128 Z M341.333333,42.6666667 L298.666,42.666 L298.666667,85.3333333 L341.333,85.333 L341.333333,42.6666667 Z M298.666667,256 L341.333,256 L341.333,213.333 L298.666667,213.333333 L298.666667,256 Z' id='Combined-Shape'/></g></g></svg>";
+const iconNotification = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>notification</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Chat' transform='translate(64.000000, 85.333333)'><path d='M384,1.42108547e-14 L384,298.666667 L277.333333,298.666667 L277.333333,384 L128,298.666667 L1.42108547e-14,298.666667 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,256 L139.330749,256 L234.666667,310.464 L234.666667,256 L341.333333,256 L341.333333,42.6666667 Z'/></g></g></svg>";
+const iconOpenExternal = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>open-external</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(85.333333, 64.000000)'><path d='M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z' id='Combined-Shape'/></g></g></svg>";
+const iconPlus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>plus</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='uncollapse' transform='translate(64.000000, 64.000000)'><path d='M213.333333,1.42108547e-14 L213.333,170.666 L384,170.666667 L384,213.333333 L213.333,213.333 L213.333333,384 L170.666667,384 L170.666,213.333 L1.42108547e-14,213.333333 L1.42108547e-14,170.666667 L170.666,170.666 L170.666667,1.42108547e-14 L213.333333,1.42108547e-14 Z'/></g></g></svg>";
+const iconQuestion = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>question</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M291.76704,163.504 C291.76704,177.01952 288.33216,188.82176 281.479253,198.90112 C275.828267,207.371093 266.358187,216.549547 253.042987,226.434987 C245.378987,231.682347 240.331947,236.618667 237.916587,241.257813 C234.87744,246.90624 233.376213,255.371093 233.376213,266.666667 L190.710827,266.666667 C190.710827,249.530027 192.53504,237.027413 196.165333,229.162667 C200.394453,219.679573 209.571627,210.098773 223.686187,200.42048 C230.350293,195.374933 235.188693,190.2368 238.214827,184.994773 C241.839787,179.143253 243.664,172.49216 243.664,165.028693 C243.664,153.13024 240.125013,144.26304 233.070293,138.404907 C227.4336,134.177067 220.56768,132.059947 212.501333,132.059947 C199.39328,132.059947 189.911467,136.398507 184.065067,145.069013 C179.829333,151.518293 177.7056,159.787733 177.7056,169.868587 L177.7056,170.173227 L132.34368,170.173227 C132.34368,143.751253 140.703147,123.790507 157.43488,110.274773 C171.554773,98.9922133 189.007787,93.3346133 209.77344,93.3346133 C227.933653,93.3346133 243.865813,96.86848 257.571627,103.9232 C280.37504,115.62624 291.76704,135.494827 291.76704,163.504 Z M426.666667,213.333333 C426.666667,331.153707 331.153707,426.666667 213.333333,426.666667 C95.51296,426.666667 3.55271368e-14,331.153707 3.55271368e-14,213.333333 C3.55271368e-14,95.51168 95.51296,3.55271368e-14 213.333333,3.55271368e-14 C331.153707,3.55271368e-14 426.666667,95.51168 426.666667,213.333333 Z M384,213.333333 C384,119.226667 307.43872,42.6666667 213.333333,42.6666667 C119.227947,42.6666667 42.6666667,119.226667 42.6666667,213.333333 C42.6666667,307.43872 119.227947,384 213.333333,384 C307.43872,384 384,307.43872 384,213.333333 Z M213.332053,282.666667 C198.60416,282.666667 186.665387,294.60544 186.665387,309.333333 C186.665387,324.061227 198.60416,336 213.332053,336 C228.059947,336 239.99872,324.061227 239.99872,309.333333 C239.99872,294.60544 228.059947,282.666667 213.332053,282.666667 Z' id='Shape'/></g></g></svg>";
+const iconSearch = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>search</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 42.666667)'><path d='M426.630187,396.463573 L305.314987,275.148373 C327.799467,246.239573 341.333333,210.04032 341.333333,170.666667 C341.333333,76.56256 264.770773,-7.10542736e-15 170.666667,-7.10542736e-15 C76.56256,-7.10542736e-15 7.10542736e-15,76.56256 7.10542736e-15,170.666667 C7.10542736e-15,264.770773 76.56256,341.333333 170.666667,341.333333 C210.04032,341.333333 246.239573,327.799467 275.148373,305.3152 L396.463573,426.6304 L426.630187,396.463573 Z M170.666667,298.666667 C100.083413,298.666667 42.6666667,241.24992 42.6666667,170.666667 C42.6666667,100.083413 100.083413,42.6666667 170.666667,42.6666667 C241.24992,42.6666667 298.666667,100.083413 298.666667,170.666667 C298.666667,241.24992 241.24992,298.666667 170.666667,298.666667 Z'/></g></g></svg>";
+const iconShout = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>shout</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(42.666667, 128.000000)'><path d='M320,0 C334.222222,42.6666667 341.333333,85.3333333 341.333333,128 C341.333333,170.666667 334.222222,213.333333 320,256 L202.143432,226.536015 C198.2986,255.215667 173.732229,277.333333 144,277.333333 C112.799321,277.333333 87.2873754,252.976969 85.4404009,222.240476 L85.3333333,218.666667 L85.333,200.533 L3.55271368e-14,192 L3.55271368e-14,64 L106.666667,53.3333333 L320,0 Z M128,208 L128,218.666667 C128,227.503223 135.163444,234.666667 144,234.666667 C152.100176,234.666667 158.794474,228.647384 159.853939,220.837772 L160,218.666667 L160,216 L128,208 Z M290.048,51.456 L128,91.979 L128,164.019 L290.048,204.522667 L290.926769,200.740217 C295.355847,179.899745 297.878675,159.118474 298.509094,138.371024 L298.666667,128 C298.666667,103.806971 296.094027,79.5736667 290.926769,55.259783 L290.048,51.456 Z M85.333,98.346 L42.6666667,102.613333 L42.6666667,153.365333 L85.333,157.644 L85.333,98.346 Z M362.666667,106.666667 L426.666667,106.666667 L426.666667,149.333333 L362.666667,149.333333 L362.666667,106.666667 Z M359.264043,179.197776 L421.623727,193.594643 L412.025816,235.167766 L349.666132,220.770899 L359.264043,179.197776 Z M349.666132,35.2291012 L412.025816,20.8322337 L421.623727,62.4053565 L359.264043,76.802224 L349.666132,35.2291012 Z' id='Combined-Shape'/></g></g></svg>";
+const iconSingleCheck = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>single-check</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(91.581722, 94.833062)'><polygon id='check-small' points='304.534538 0 340.035351 23.6672084 154.934008 301.319223 1.42108547e-14 146.385216 30.1698893 116.215326 148.290278 234.318938'/></g></g></svg>";
+const iconSuccess = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>success</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add-copy' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51296 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.153707,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51296 331.153707,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.43872,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.438933,384 213.333333,384 Z M293.669333,137.114453 L323.835947,167.281067 L192,299.66912 L112.916693,220.585813 L143.083307,190.4192 L192,239.335893 L293.669333,137.114453 Z' id='Shape'/></g></g></svg>";
+const iconTriangleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>triangle-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z' id='Combined-Shape'/></g></g></svg>";
+const iconWarningRhomb = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>warning-rhomb</desc><path fill-rule='evenodd' d='M253.617407,12.4967773 L434.398258,193.277628 C451.060628,209.939998 451.060628,236.955037 434.398258,253.617407 L253.617407,434.398258 C236.955037,451.060628 209.939998,451.060628 193.277628,434.398258 L12.4967773,253.617407 C-4.16559245,236.955037 -4.16559245,209.939998 12.4967773,193.277628 L193.277628,12.4967773 C209.939998,-4.16559245 236.955037,-4.16559245 253.617407,12.4967773 Z M223.447518,42.6666667 L42.6666667,223.447518 L223.447518,404.228369 L404.228369,223.447518 L223.447518,42.6666667 Z M223.447518,282.114184 C238.685613,282.114184 250.114184,293.378184 250.114184,308.738184 C250.114184,324.098184 238.685613,335.362184 223.447518,335.362184 C207.863102,335.362184 196.780851,324.098184 196.780851,308.396851 C196.780851,293.378184 208.209422,282.114184 223.447518,282.114184 Z M244.780851,116.780851 L244.780851,244.780851 L202.114184,244.780851 L202.114184,116.780851 L244.780851,116.780851 Z' transform='translate(32.552 32.552)'/></svg>";
+const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>warning</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
+export {
+  iconWarningRhomb as A,
+  iconMinus as B,
+  iconPlus as C,
+  iconChevronLeftSmall as D,
+  iconDoubleChevronDown as E,
+  iconDoubleChevronRight as F,
+  iconDoubleChevronUp as G,
+  iconDoubleChevronLeft as H,
+  iconContextMenu as I,
+  iconClock as J,
+  iconCircle as K,
+  iconCircleFilled as L,
+  iconCircleDot as M,
+  iconTriangleFilled as N,
+  iconSingleCheck as O,
+  iconNavigationLeft as P,
+  iconNavigationRight as Q,
+  iconCogwheel as R,
+  iconLightDark as S,
+  iconDocument as T,
+  iconCirclePause as U,
+  iconWarning as a,
+  iconError as b,
+  iconSuccess as c,
+  iconQuestion as d,
+  iconMoreMenu as e,
+  iconApps as f,
+  iconOpenExternal as g,
+  iconChevronDownSmall as h,
+  iconInfo as i,
+  iconChevronDown as j,
+  iconSearch as k,
+  iconClear as l,
+  iconCloseSmall as m,
+  iconArrowLeft as n,
+  iconHistory as o,
+  iconCalendar as p,
+  iconClose as q,
+  iconChevronUpSmall as r,
+  iconChevronRight as s,
+  iconEye as t,
+  iconEyeCancelled as u,
+  iconAlarm as v,
+  iconChevronRightSmall as w,
+  iconShout as x,
+  iconLogOut as y,
+  iconNotification as z
+};

package/build/static/demo/v2/preview/html/assets/index-BG5XMoOy-CF7NkFDC.js

@@ -0,0 +1,22 @@
+import "./animation-BLaucX4x-BWLd_Wig.js";
+import { s as showModal } from "./modal-BJAcx3Qd-CMIZ8YSL.js";
+async function showAppSwitch(config) {
+  const modal = document.createElement("ix-application-switch-modal");
+  modal.config = config;
+  const result = await showModal({
+    content: modal,
+    size: "840",
+    closeOnBackdropClick: true
+  });
+  const appSwitchElement = result.htmlElement.querySelector("ix-application-switch-modal");
+  return (updateAppSwitchConfig) => {
+    if (!appSwitchElement) {
+      console.warn("ix-application-switch-modal element not found!");
+      return;
+    }
+    appSwitchElement.config = updateAppSwitchConfig;
+  };
+}
+export {
+  showAppSwitch as s
+};