testio-tailwind 0.2.0 → 0.2.2

package/src/assets/images/testcase.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="testcase" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <rect x="18" y="0.001" width="2" height="13.999"/>
-    <rect x="10" y="0.001" width="2.001" height="13.999"/>
-    <rect x="14" y="0.001" width="2.001" height="13.999"/>
-    <rect x="6" y="0.001" width="2" height="13.999"/>
-    <path d="M2,0.001L0,0.001L0,20L20,20L20,18L2,18L2,0.001Z"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="testcase" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <rect x="18" y="0.001" width="2" height="13.999"/>
+    <rect x="10" y="0.001" width="2.001" height="13.999"/>
+    <rect x="14" y="0.001" width="2.001" height="13.999"/>
+    <rect x="6" y="0.001" width="2" height="13.999"/>
+    <path d="M2,0.001L0,0.001L0,20L20,20L20,18L2,18L2,0.001Z"/>
+</svg>

package/src/assets/images/triangle-centered-down.svg

@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="triangle-centered-down" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="20" height="20"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)">
-        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
-        <path id="shape" d="M10,15L4,5L16,5C14,8.333 12,11.667 10,15Z"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="triangle-centered-down" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
+        <path id="shape" d="M10,15L4,5L16,5C14,8.333 12,11.667 10,15Z"/>
+    </g>
+</svg>

package/src/assets/images/triangle-centered-left.svg

@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="triangle-centered-left" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="20" height="20"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)">
-        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
-        <path id="shape" d="M5,10L15,4L15,16C11.667,14 8.333,12 5,10Z"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="triangle-centered-left" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
+        <path id="shape" d="M5,10L15,4L15,16C11.667,14 8.333,12 5,10Z"/>
+    </g>
+</svg>

package/src/assets/images/triangle-centered-right.svg

@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="triangle-centered-right" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="20" height="20" style="fill=currentColor"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)" style="fill=currentColor">
-        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
-        <path id="shape" d="M15,10L5,16L5,4C8.333,6 11.667,8 15,10Z" style="fill=currentColor"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="triangle-centered-right" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20" style="fill=currentColor"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)" style="fill=currentColor">
+        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
+        <path id="shape" d="M15,10L5,16L5,4C8.333,6 11.667,8 15,10Z" style="fill=currentColor"/>
+    </g>
+</svg>

package/src/assets/images/triangle-centered-up.svg

@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="triangle-centered-up" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="20" height="20"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)">
-        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
-        <path id="shape" d="M10,5L16,15L4,15C6,11.667 8,8.333 10,5Z"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="triangle-centered-up" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="bounding-box" serif:id="bounding box" x="0" y="0" width="20" height="20" style="fill:none;"/>
+        <path id="shape" d="M10,5L16,15L4,15C6,11.667 8,8.333 10,5Z"/>
+    </g>
+</svg>

package/src/assets/images/triangle-down.svg

@@ -1,5 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="M11.5,20L0,0L23,0C19.167,6.667 15.333,13.333 11.5,20Z" style="fill:white;"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M11.5,20L0,0L23,0C19.167,6.667 15.333,13.333 11.5,20Z" style="fill:white;"/>
+</svg>

package/src/assets/images/triangle-up.svg

@@ -1,5 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="M11.5,0L23,20L-0,20C3.833,13.333 7.667,6.667 11.5,0Z" style="fill:white;"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M11.5,0L23,20L-0,20C3.833,13.333 7.667,6.667 11.5,0Z" style="fill:white;"/>
+</svg>

package/src/assets/images/undo.svg

@@ -1,7 +1,7 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="undo" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <path d="M0,6L8,14L0,14L0,6Z" style="fill-rule:nonzero;"/>
-    <path d="M17.787,14L19.867,14C18.957,10.399 15.892,7.435 11.824,6.716C8.472,6.123 5.231,7.2 3.029,9.315L4.415,10.757C6.181,9.06 8.786,8.21 11.476,8.685C14.541,9.227 16.919,11.352 17.787,14Z"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="undo" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <path d="M0,6L8,14L0,14L0,6Z" style="fill-rule:nonzero;"/>
+    <path d="M17.787,14L19.867,14C18.957,10.399 15.892,7.435 11.824,6.716C8.472,6.123 5.231,7.2 3.029,9.315L4.415,10.757C6.181,9.06 8.786,8.21 11.476,8.685C14.541,9.227 16.919,11.352 17.787,14Z"/>
+</svg>

package/src/assets/images/verify-exclamation.svg

@@ -1,11 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <rect id="verify-exclamation" x="0" y="0" width="20" height="20" style="fill:none;"/>
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="20" height="20"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)">
-        <path id="cloud" d="M17.727,12.071C18.982,12.071 20,11.143 20,10C20,8.857 18.982,7.929 17.727,7.929C18.814,7.302 19.232,5.99 18.66,5C18.089,4.01 16.743,3.716 15.657,4.343C16.284,3.257 15.99,1.911 15,1.34C14.01,0.768 12.698,1.186 12.071,2.273C12.071,1.018 11.143,0 10,0C8.857,0 7.929,1.018 7.929,2.273C7.302,1.186 5.99,0.768 5,1.34C4.01,1.911 3.716,3.257 4.343,4.343C3.257,3.716 1.911,4.01 1.34,5C0.768,5.99 1.186,7.302 2.273,7.929C1.018,7.929 0,8.857 0,10C0,11.143 1.018,12.071 2.273,12.071C1.186,12.698 0.768,14.01 1.34,15C1.911,15.99 3.257,16.284 4.343,15.657C3.716,16.743 4.01,18.089 5,18.66C5.99,19.232 7.302,18.814 7.929,17.727C7.929,18.982 8.857,20 10,20C11.143,20 12.071,18.982 12.071,17.727C12.698,18.814 14.01,19.232 15,18.66C15.99,18.089 16.284,16.743 15.657,15.657C16.743,16.284 18.089,15.99 18.66,15C19.232,14.01 18.814,12.698 17.727,12.071ZM9.999,14.998C9.4,14.998 9,14.498 9,13.999C9,13.4 9.499,13 9.999,13C10.598,13 10.998,13.499 10.998,13.999C10.998,14.498 10.598,14.998 9.999,14.998ZM9,6C9,5.4 9.5,5 10,5C10.6,5 11,5.5 11,6L11,11C11,11.5 10.6,12 10,12C9.4,12 9,11.5 9,11L9,6Z"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="verify-exclamation" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <path id="cloud" d="M17.727,12.071C18.982,12.071 20,11.143 20,10C20,8.857 18.982,7.929 17.727,7.929C18.814,7.302 19.232,5.99 18.66,5C18.089,4.01 16.743,3.716 15.657,4.343C16.284,3.257 15.99,1.911 15,1.34C14.01,0.768 12.698,1.186 12.071,2.273C12.071,1.018 11.143,0 10,0C8.857,0 7.929,1.018 7.929,2.273C7.302,1.186 5.99,0.768 5,1.34C4.01,1.911 3.716,3.257 4.343,4.343C3.257,3.716 1.911,4.01 1.34,5C0.768,5.99 1.186,7.302 2.273,7.929C1.018,7.929 0,8.857 0,10C0,11.143 1.018,12.071 2.273,12.071C1.186,12.698 0.768,14.01 1.34,15C1.911,15.99 3.257,16.284 4.343,15.657C3.716,16.743 4.01,18.089 5,18.66C5.99,19.232 7.302,18.814 7.929,17.727C7.929,18.982 8.857,20 10,20C11.143,20 12.071,18.982 12.071,17.727C12.698,18.814 14.01,19.232 15,18.66C15.99,18.089 16.284,16.743 15.657,15.657C16.743,16.284 18.089,15.99 18.66,15C19.232,14.01 18.814,12.698 17.727,12.071ZM9.999,14.998C9.4,14.998 9,14.498 9,13.999C9,13.4 9.499,13 9.999,13C10.598,13 10.998,13.499 10.998,13.999C10.998,14.498 10.598,14.998 9.999,14.998ZM9,6C9,5.4 9.5,5 10,5C10.6,5 11,5.5 11,6L11,11C11,11.5 10.6,12 10,12C9.4,12 9,11.5 9,11L9,6Z"/>
+    </g>
+</svg>

package/src/assets/scripts/app.js

@@ -1,150 +1,150 @@
-import autosize from "autosize";
-import Dropzone from "dropzone";
-import $ from "jquery";
-import Trix from "trix";
-Trix.config.lang.italic = "Highlight";
-
-// Close details/summary element by click
-
-document.querySelectorAll('.close-btn').forEach((el)=>{
-  el.addEventListener("click", 
-    function closeDetails() {
-      this.closest("details").removeAttribute("open");
-    }
-  );
-});
-
-
-////// Tom-Select https://tom-select.js.org //////
-
-import TomSelect from "tom-select";
-document.querySelectorAll('.tom-select').forEach((el)=>{
-	let settings = {};
- 	new TomSelect(el,settings);
-});
-
-document.querySelectorAll('.tom-select-multi').forEach((el)=>{
-	let settings = {
-    plugins: {
-      remove_button:{
-        label: "",
-        title:'Remove this item',
-      }
-    },
-    persist: false,
-  };
- 	new TomSelect(el,settings);
-});
-
-
-////// Select2 https://select2.org //////
-
-import select2 from "select2";
-$(".select2").select2({
-  theme: "testio",
-  placeholder: "Please select"
-})
-
-
-// Autosize textareas according to content https://www.jacklmoore.com/autosize/
-
-autosize(document.querySelectorAll('textarea'));
-
-
-// Dropzone
-
-document.querySelectorAll('.dropzone').forEach((el)=>{
-  let dropzone = new Dropzone(el, {
-    addRemoveLinks: true,
-    uploadMultiple: true,
-    autoQueue: false,
-    dictCancelUpload: "",
-    dictRemoveFile: ""
-  });
-});
-
-
-
-// Animation examples
-
-document.querySelectorAll('.anim-example-button-fadeout').forEach((el)=>{
-  el.addEventListener("click", 
-    function startAnimation() {
-      this.closest("button").classList.toggle("anim-fadeout");
-    }
-  );
-});
-
-document.querySelectorAll('.anim-example-button-slideup').forEach((el)=>{
-  el.addEventListener("click", 
-    function startAnimation() {
-      this.closest("button").classList.toggle("anim-slideup");
-    }
-  );
-});
-
-document.querySelectorAll('.anim-example-button-slidedown').forEach((el)=>{
-  el.addEventListener("click", 
-    function startAnimation() {
-      this.closest("button").classList.toggle("anim-slidedown");
-    }
-  );
-});
-
-
-// Splitview demo
-
-document.querySelectorAll('#ds-splitview-demo-item').forEach((el)=>{
-  el.addEventListener("click", 
-    function selectSplitviewItem() {
-      this.classList.toggle("selected");
-      document.getElementById("ds-splitview-demo").classList.toggle("item-selected");
-    }
-  );
-});
-
-document.querySelectorAll('#ds-demo-close-splitview').forEach((el)=>{
-  el.addEventListener("click", 
-    function selectSplitviewItem() {
-      document.getElementById("ds-splitview-demo-item").classList.toggle("selected");
-      document.getElementById("ds-splitview-demo").classList.toggle("item-selected");
-    }
-  );
-});
-
-// Initialize Trixeditor
-
-document.addEventListener("trix-before-initialize", () => {
-  // Change Trix.config if you need
-})
-
-
-////// ECharts //////
-
-import { colorBlueLight, colorInfo } from './modules/colors';
-import { createChartHorizontal } from './modules/echarts_horizontal';
-import { createChartDonut } from './modules/echarts_donut';
-import { createChartGauge } from './modules/echarts_gauge';
-import { createChartArea } from './modules/echarts_area';
-import { createChartVertical } from './modules/echarts_vertical';
-
-import { echartsSeriesFew, echartsSeriesMany } from './modules/echarts_exampleseries';
-
-import { dataFeaturesFew, dataFeaturesMany, dataBugs, dataBugsFew, dataBugsCategories, dataBugsCategoriesFew, dataTestCases, dataGaugeSuccess, dataGaugeDanger, dataGaugeInfo, dataAreaValues, dataAreaMonths, dataFeaturesManyNumbers } from './modules/echarts_exampledata';
-
-createChartVertical("echarts-bar-vertical-1", dataBugs, dataBugsCategories);
-createChartVertical("echarts-bar-vertical-2", dataBugsFew, dataBugsCategoriesFew);
-createChartVertical("echarts-bar-vertical-3", dataFeaturesManyNumbers, dataFeaturesMany);
-createChartVertical("echarts-bar-vertical-1-fixed", dataBugs, dataBugsCategories, 10);
-createChartVertical("echarts-bar-vertical-2-fixed", dataBugsFew, dataBugsCategoriesFew, 10);
-createChartVertical("echarts-bar-vertical-3-fixed", dataFeaturesManyNumbers, dataFeaturesMany, 10);
-createChartHorizontal("echarts-bar-horizontal-1", dataFeaturesFew, echartsSeriesFew, false);
-createChartHorizontal("echarts-bar-horizontal-2", dataFeaturesMany, echartsSeriesMany, true);
-createChartDonut("echarts-donut-1", dataBugs, "340", "Bugs", false);
-createChartDonut("echarts-donut-2", dataBugs, "9999", "label with a lot of text to show how things break", true);
-createChartDonut("echarts-donut-testcases", dataTestCases, "100", "Test Cases", false);
-createChartGauge("echarts-gauge-1", dataGaugeSuccess);
-createChartGauge("echarts-gauge-2", dataGaugeDanger);
-createChartGauge("echarts-gauge-3", dataGaugeInfo);
-createChartArea("echarts-area-1", dataAreaMonths, dataAreaValues, colorBlueLight);
-createChartArea("echarts-area-2", dataAreaMonths, dataAreaValues, colorInfo);
+import autosize from "autosize";
+import Dropzone from "dropzone";
+import $ from "jquery";
+import Trix from "trix";
+Trix.config.lang.italic = "Highlight";
+
+// Close details/summary element by click
+
+document.querySelectorAll('.close-btn').forEach((el)=>{
+  el.addEventListener("click", 
+    function closeDetails() {
+      this.closest("details").removeAttribute("open");
+    }
+  );
+});
+
+
+////// Tom-Select https://tom-select.js.org //////
+
+import TomSelect from "tom-select";
+document.querySelectorAll('.tom-select').forEach((el)=>{
+	let settings = {};
+ 	new TomSelect(el,settings);
+});
+
+document.querySelectorAll('.tom-select-multi').forEach((el)=>{
+	let settings = {
+    plugins: {
+      remove_button:{
+        label: "",
+        title:'Remove this item',
+      }
+    },
+    persist: false,
+  };
+ 	new TomSelect(el,settings);
+});
+
+
+////// Select2 https://select2.org //////
+
+import select2 from "select2";
+$(".select2").select2({
+  theme: "testio",
+  placeholder: "Please select"
+})
+
+
+// Autosize textareas according to content https://www.jacklmoore.com/autosize/
+
+autosize(document.querySelectorAll('textarea'));
+
+
+// Dropzone
+
+document.querySelectorAll('.dropzone').forEach((el)=>{
+  let dropzone = new Dropzone(el, {
+    addRemoveLinks: true,
+    uploadMultiple: true,
+    autoQueue: false,
+    dictCancelUpload: "",
+    dictRemoveFile: ""
+  });
+});
+
+
+
+// Animation examples
+
+document.querySelectorAll('.anim-example-button-fadeout').forEach((el)=>{
+  el.addEventListener("click", 
+    function startAnimation() {
+      this.closest("button").classList.toggle("anim-fadeout");
+    }
+  );
+});
+
+document.querySelectorAll('.anim-example-button-slideup').forEach((el)=>{
+  el.addEventListener("click", 
+    function startAnimation() {
+      this.closest("button").classList.toggle("anim-slideup");
+    }
+  );
+});
+
+document.querySelectorAll('.anim-example-button-slidedown').forEach((el)=>{
+  el.addEventListener("click", 
+    function startAnimation() {
+      this.closest("button").classList.toggle("anim-slidedown");
+    }
+  );
+});
+
+
+// Splitview demo
+
+document.querySelectorAll('#ds-splitview-demo-item').forEach((el)=>{
+  el.addEventListener("click", 
+    function selectSplitviewItem() {
+      this.classList.toggle("selected");
+      document.getElementById("ds-splitview-demo").classList.toggle("item-selected");
+    }
+  );
+});
+
+document.querySelectorAll('#ds-demo-close-splitview').forEach((el)=>{
+  el.addEventListener("click", 
+    function selectSplitviewItem() {
+      document.getElementById("ds-splitview-demo-item").classList.toggle("selected");
+      document.getElementById("ds-splitview-demo").classList.toggle("item-selected");
+    }
+  );
+});
+
+// Initialize Trixeditor
+
+document.addEventListener("trix-before-initialize", () => {
+  // Change Trix.config if you need
+})
+
+
+////// ECharts //////
+
+import { colorBlueLight, colorInfo } from './modules/colors';
+import { createChartHorizontal } from './modules/echarts_horizontal';
+import { createChartDonut } from './modules/echarts_donut';
+import { createChartGauge } from './modules/echarts_gauge';
+import { createChartArea } from './modules/echarts_area';
+import { createChartVertical } from './modules/echarts_vertical';
+
+import { echartsSeriesFew, echartsSeriesMany } from './modules/echarts_exampleseries';
+
+import { dataFeaturesFew, dataFeaturesMany, dataBugs, dataBugsFew, dataBugsCategories, dataBugsCategoriesFew, dataTestCases, dataGaugeSuccess, dataGaugeDanger, dataGaugeInfo, dataAreaValues, dataAreaMonths, dataFeaturesManyNumbers } from './modules/echarts_exampledata';
+
+createChartVertical("echarts-bar-vertical-1", dataBugs, dataBugsCategories);
+createChartVertical("echarts-bar-vertical-2", dataBugsFew, dataBugsCategoriesFew);
+createChartVertical("echarts-bar-vertical-3", dataFeaturesManyNumbers, dataFeaturesMany);
+createChartVertical("echarts-bar-vertical-1-fixed", dataBugs, dataBugsCategories, 10);
+createChartVertical("echarts-bar-vertical-2-fixed", dataBugsFew, dataBugsCategoriesFew, 10);
+createChartVertical("echarts-bar-vertical-3-fixed", dataFeaturesManyNumbers, dataFeaturesMany, 10);
+createChartHorizontal("echarts-bar-horizontal-1", dataFeaturesFew, echartsSeriesFew, false);
+createChartHorizontal("echarts-bar-horizontal-2", dataFeaturesMany, echartsSeriesMany, true);
+createChartDonut("echarts-donut-1", dataBugs, "340", "Bugs", false);
+createChartDonut("echarts-donut-2", dataBugs, "9999", "label with a lot of text to show how things break", true);
+createChartDonut("echarts-donut-testcases", dataTestCases, "100", "Test Cases", false);
+createChartGauge("echarts-gauge-1", dataGaugeSuccess);
+createChartGauge("echarts-gauge-2", dataGaugeDanger);
+createChartGauge("echarts-gauge-3", dataGaugeInfo);
+createChartArea("echarts-area-1", dataAreaMonths, dataAreaValues, colorBlueLight);
+createChartArea("echarts-area-2", dataAreaMonths, dataAreaValues, colorInfo);

package/src/assets/scripts/modules/colors.js

@@ -1,11 +1,11 @@
-export const colorCritical = '#FF3131';
-export const colorHigh = '#d8ce0d';
-export const colorLow = '#9fa2a8';
-export const colorVisual = '#f48d21';
-export const colorContent = '#326dd1';
-export const colorUX = '#263340';
-export const colorSuccess = '#8cbd24';
-export const colorDanger = '#FF3131';
-export const colorNeutral = '#e6e6e6';
-export const colorInfo = '#326dd1';
+export const colorCritical = '#FF3131';
+export const colorHigh = '#d8ce0d';
+export const colorLow = '#9fa2a8';
+export const colorVisual = '#f48d21';
+export const colorContent = '#326dd1';
+export const colorUX = '#263340';
+export const colorSuccess = '#8cbd24';
+export const colorDanger = '#FF3131';
+export const colorNeutral = '#e6e6e6';
+export const colorInfo = '#326dd1';
 export const colorBlueLight = '#21bef4';