toggle-components-library 1.17.0 → 1.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.17.0",
+  "version": "1.20.0",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -32,6 +32,7 @@
     "vue-airbnb-style-datepicker": "^2.7.1",
     "vue-color": "^2.7.1",
     "vue-moment": "^4.1.0",
+    "vue-multiselect": "^2.0.8",
     "vue-router": "^3.4.3",
     "vue2-dropzone": "^3.6.0",
     "vuedraggable": "^2.24.3",

package/src/components/buttons/ToggleButton.vue

@@ -74,7 +74,29 @@ export default {
             return this.buttonStyle.includes('mini');
         }
     },
+    watch: {
+      disabled() {
+        if (this.$slots.default !== undefined){
+          this.disableLinks()
+        }
+      },
+      loading() {
+        if (this.$slots.default !== undefined){
+          this.disableLinks()
+        }
+      }
+    },
     methods: {
+  
+      /**
+       * set link href to null if button loading or disabled 
+       */
+      disableLinks() {
+        this.$slots.default.forEach(slot => {
+          slot.data.attrs.href = this.disabled || this.loading ? null : slot.data.attrs.href;
+        })
+      },
+      
         click(){
             /**
              * Emitted when the button is clicked.
@@ -83,6 +105,11 @@ export default {
              */
             this.$emit('click');
         }
+    },
+    created() {
+      if (this.$slots.default !== undefined){
+        this.disableLinks()
+      }
     }
 }
 </script>

package/src/components/forms/ToggleInputMultiSelect.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid }" >
+
+    <label v-if="label" class="toggle-input-label toggle-float-none" :for="name ? name : 'ToggleInputMultiSelect' ">
+      {{label}}
+    </label>
+
+    <div class="input-holder">
+      <multiselect v-model="inputVal" :options="options" :multiple="true" :close-on-select="true" :clear-on-select="false" :preserve-search="true" :placeholder="placeholder" label="label" track-by="value" :preselect-first="false">
+      </multiselect>
+    </div>
+
+    <label class="toggle-input-label-error" v-if="isInvalid" :for="name ? name : 'ToggleInputMultiSelect' ">
+        {{ errorMessage }}
+    </label>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue';
+import Multiselect from 'vue-multiselect';
+import 'vue-multiselect/dist/vue-multiselect.min.css';
+Vue.component('multi-select', Multiselect);
+
+export default {
+    components: { Multiselect },
+    props: {
+      value: {
+        type: Array
+      },
+      label: {
+        type: String
+      },
+      name: {
+        type: String,
+        required: false
+      },
+      options: {
+        type: Array,
+        required: true
+      },
+      placeholder: {
+        type: String,
+        required: false
+      },
+      isInvalid: {
+        type: Boolean,
+        required: false
+      },
+      errorMessage: {
+        type: String,
+        required: false
+      }
+    },
+    computed: {
+        inputVal: {
+            get(){
+                return this.value;
+            },
+
+            set(value){
+                this.$emit('input', value);
+            }
+        }
+    },
+}
+</script>
+<style>
+
+</style>

package/src/index.js

@@ -53,6 +53,7 @@ import ToggleFontPicker from "./components/forms/ToggleFontPicker.vue";
 
 import ToggleInputNumberUnit from "./components/forms/ToggleInputNumberUnit.vue";
 import ToggleInputLabelLeft from "./components/forms/ToggleInputLabelLeft.vue";
+import ToggleInputMultiSelect from "./components/forms/ToggleInputMultiSelect.vue";
 
 import './sass/main.scss';
 
@@ -100,7 +101,8 @@ const Components = {
     ToggleInternationalPhoneInputSelect,
     ToggleFontPicker,
     ToggleInputNumberUnit,
-    ToggleInputLabelLeft
+    ToggleInputLabelLeft,
+    ToggleInputMultiSelect
 }
 
 Object.keys(Components).forEach(name => {

package/src/sass/includes/_as_globals.scss

@@ -1 +1,5 @@
 @import "_as_variables";
+
+.toggle-float-none {
+  float: none !important;
+}

package/src/sass/includes/_as_inputs.scss

@@ -158,8 +158,6 @@
     bottom   : 0.3rem;
 }
 
-
-
 // date picker
 
 .toggle-date-container{
@@ -248,7 +246,6 @@
     }
 }
 
-
  
 .toggle-input-select{
 

package/dist/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>toggle-components-library demo</title>
-<script src="./toggle-components-library.umd.js"></script>
-
-<link rel="stylesheet" href="./toggle-components-library.css">
-
-
-<script>
-console.log(toggle-components-library)
-</script>

package/dist/img/add_circle.7c6b29c6.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7685 5379 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #edffdd;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #71be37;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_1_114" data-name="Symbol 1 – 114" transform="translate(6828 4814)">
-    <g id="Ellipse_12" data-name="Ellipse 12" class="cls-1" transform="translate(854.1 572) rotate(-45)">
-      <circle class="cls-3" cx="7" cy="7" r="7"/>
-      <circle class="cls-4" cx="7" cy="7" r="6.5"/>
-    </g>
-    <line id="Line_20" data-name="Line 20" class="cls-2" x1="5.137" y2="5.137" transform="translate(860.5 571.8) rotate(-45)"/>
-    <line id="Line_21" data-name="Line 21" class="cls-2" x2="5.137" y2="5.137" transform="translate(860.5 571.8) rotate(-45)"/>
-  </g>
-</svg>

package/dist/img/arrow-left-blue-hover.5b0a1e54.svg

@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="3249 5158 21 21">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #afecff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-2 {
-        stroke-width: 2px;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Group_94" data-name="Group 94" transform="translate(2619 5011)">
-    <g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(630 147)">
-      <circle class="cls-3" cx="10.5" cy="10.5" r="10.5"/>
-      <circle class="cls-4" cx="10.5" cy="10.5" r="10"/>
-    </g>
-    <path id="Path_6" data-name="Path 6" class="cls-2" d="M3416.588,130.5l5.656-.092.05-5.614" transform="translate(3150.552 -2169.966) rotate(135)"/>
-  </g>
-</svg>

package/dist/img/arrow-left-blue.1e5404dd.svg

@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="5703 14784 21 21">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #e2f8ff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-2 {
-        stroke-width: 2px;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_7_8" data-name="Symbol 7 – 8" transform="translate(5476 14746)">
-    <g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(227 38)">
-      <circle class="cls-3" cx="10.5" cy="10.5" r="10.5"/>
-      <circle class="cls-4" cx="10.5" cy="10.5" r="10"/>
-    </g>
-    <path id="Path_6" data-name="Path 6" class="cls-2" d="M3416.588,130.5l5.656-.092.05-5.614" transform="translate(2747.552 -2278.966) rotate(135)"/>
-  </g>
-</svg>

package/dist/img/arrow-right-blue-hover.b800a882.svg

@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="3249 5114 21 21">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #afecff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-2 {
-        stroke-width: 2px;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Group_93" data-name="Group 93" transform="translate(2619 5011)">
-    <g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(651 124) rotate(180)">
-      <circle class="cls-3" cx="10.5" cy="10.5" r="10.5"/>
-      <circle class="cls-4" cx="10.5" cy="10.5" r="10"/>
-    </g>
-    <path id="Path_6" data-name="Path 6" class="cls-2" d="M3416.588,130.5l5.656-.092.05-5.614" transform="translate(-1869.552 2440.966) rotate(-45)"/>
-  </g>
-</svg>

package/dist/img/arrow-right-blue.fbc83729.svg

@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="5673 14784 21 21">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #e2f8ff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-2 {
-        stroke-width: 2px;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_45_12" data-name="Symbol 45 – 12" transform="translate(4509 14620)">
-    <g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(1185 185) rotate(180)">
-      <circle class="cls-3" cx="10.5" cy="10.5" r="10.5"/>
-      <circle class="cls-4" cx="10.5" cy="10.5" r="10"/>
-    </g>
-    <path id="Path_6" data-name="Path 6" class="cls-2" d="M3416.588,130.5l5.656-.092.05-5.614" transform="translate(-1335.552 2501.966) rotate(-45)"/>
-  </g>
-</svg>

package/dist/img/arrow_down.787e1a8b.svg

@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="6859.248 5124.248 13.752 13.752">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #e2f8ff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_43_5" data-name="Symbol 43 – 5" transform="translate(6660 4988)">
-    <g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(199.248 150) rotate(-90)">
-      <circle class="cls-3" cx="6.876" cy="6.876" r="6.876"/>
-      <circle class="cls-4" cx="6.876" cy="6.876" r="6.376"/>
-    </g>
-    <path id="Path_6" data-name="Path 6" class="cls-2" d="M0,3.737l3.7-.06L3.737,0" transform="translate(206.244 139.249) rotate(45)"/>
-  </g>
-</svg>

package/dist/img/calendar.16f176cd.svg

@@ -1,37 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.136 13.35">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #e2f8ff;
-        stroke: #189ed1;
-      }
-
-      .cls-2 {
-        fill: #189ed1;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-
-      .cls-4 {
-        fill: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_47_1" data-name="Symbol 47 – 1" transform="translate(-502 -258)">
-    <g id="Rectangle_800" data-name="Rectangle 800" class="cls-1" transform="translate(502 259.571)">
-      <rect class="cls-3" width="14.136" height="11.779" rx="3"/>
-      <rect class="cls-4" x="0.5" y="0.5" width="13.136" height="10.779" rx="2.5"/>
-    </g>
-    <rect id="Rectangle_801" data-name="Rectangle 801" class="cls-2" width="2.571" height="3.926" rx="1" transform="translate(505.141 258)"/>
-    <rect id="Rectangle_802" data-name="Rectangle 802" class="cls-2" width="2.571" height="3.926" rx="1" transform="translate(510.424 258)"/>
-    <path id="Rectangle_807" data-name="Rectangle 807" class="cls-2" d="M2.356,0H11.78a2.356,2.356,0,0,1,2.356,2.356v0a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0v0A2.356,2.356,0,0,1,2.356,0Z" transform="translate(502 259.571)"/>
-    <ellipse id="Ellipse_42" data-name="Ellipse 42" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(504.723 263.238)"/>
-    <ellipse id="Ellipse_45" data-name="Ellipse 45" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(504.723 266.538)"/>
-    <ellipse id="Ellipse_43" data-name="Ellipse 43" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(508.024 263.238)"/>
-    <ellipse id="Ellipse_46" data-name="Ellipse 46" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(508.024 266.538)"/>
-    <ellipse id="Ellipse_44" data-name="Ellipse 44" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(511.324 263.238)"/>
-    <ellipse id="Ellipse_47" data-name="Ellipse 47" class="cls-2" cx="1.032" cy="1.031" rx="1.032" ry="1.031" transform="translate(511.324 266.538)"/>
-  </g>
-</svg>

package/dist/img/card.e1735960.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16.958" height="11.618" viewBox="0 0 16.958 11.618">
-  <g id="Group_193" data-name="Group 193" transform="translate(-37.521 -180.191)">
-    <g id="Rectangle_777" data-name="Rectangle 777" transform="matrix(0.995, -0.105, 0.105, 0.995, 37.521, 181.864)" fill="#f7e74f" stroke="#7b460d" stroke-width="1">
-      <rect width="16" height="10" rx="2" stroke="none"/>
-      <rect x="0.5" y="0.5" width="15" height="9" rx="1.5" fill="none"/>
-    </g>
-    <rect id="Rectangle_778" data-name="Rectangle 778" width="14" height="2" transform="matrix(0.995, -0.105, 0.105, 0.995, 38.829, 184.743)" fill="#7b460d"/>
-  </g>
-</svg>

package/dist/img/checkbox_blank.907b325c.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-  <g id="Rectangle_817" data-name="Rectangle 817" fill="#fafafa" stroke="#a2a2a2" stroke-width="1">
-    <rect width="14" height="14" rx="2" stroke="none"/>
-    <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" fill="none"/>
-  </g>
-</svg>

package/dist/img/checkbox_checked.3e2d399f.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-  <g id="Group_203" data-name="Group 203" transform="translate(-711 -737)">
-    <g id="Rectangle_816" data-name="Rectangle 816" transform="translate(711 737)" fill="#edffdd" stroke="#71be37" stroke-width="1">
-      <rect width="14" height="14" rx="2" stroke="none"/>
-      <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" fill="none"/>
-    </g>
-    <path id="Path_287" data-name="Path 287" d="M3416.588,126.523l2.628-.043-.063-4.676" transform="translate(-1610.927 -1761.521) rotate(45)" fill="none" stroke="#71be37" stroke-width="1"/>
-  </g>
-</svg>

package/dist/img/checkbox_hover.e99ab40c.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-  <rect id="Rectangle_818" data-name="Rectangle 818" width="14" height="14" rx="2" fill="#D1D1D1"/>
-</svg>

package/dist/img/checkbox_inactive.b94b6c81.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-  <g id="Group_204" data-name="Group 204" transform="translate(-768 -736)">
-    <g id="Rectangle_819" data-name="Rectangle 819" transform="translate(768 736)" fill="#d7dbe0" stroke="#e1e6ed" stroke-width="1">
-      <rect width="14" height="14" rx="2" stroke="none"/>
-      <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" fill="none"/>
-    </g>
-    <path id="Path_288" data-name="Path 288" d="M3416.588,126.523l2.628-.043-.063-4.676" transform="translate(-1553.927 -1762.521) rotate(45)" fill="none" stroke="#fff" stroke-width="1"/>
-  </g>
-</svg>

package/dist/img/circle_blank.ab1622db.svg

@@ -1,24 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7680.258 5512 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fafafa;
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        stroke: none;
-      }
-
-      .cls-3 {
-        fill: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_4_69" data-name="Symbol 4 – 69" transform="translate(7329.258 4828)">
-    <g id="Ellipse_2" data-name="Ellipse 2" class="cls-1" transform="translate(351 684)">
-      <circle class="cls-2" cx="7" cy="7" r="7"/>
-      <circle class="cls-3" cx="7" cy="7" r="6.5"/>
-    </g>
-  </g>
-</svg>

package/dist/img/clipboard.e483ded3.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 11">
-  <g id="Group_202" data-name="Group 202" transform="translate(-534 -1029)">
-    <g id="Rectangle_814" data-name="Rectangle 814" transform="translate(534 1031)" fill="#f2f5f6" stroke="#189ed1" stroke-width="1">
-      <rect width="7" height="9" rx="2" stroke="none"/>
-      <rect x="0.5" y="0.5" width="6" height="8" rx="1.5" fill="none"/>
-    </g>
-    <g id="Rectangle_815" data-name="Rectangle 815" transform="translate(536 1029)" fill="#f2f5f6" stroke="#189ed1" stroke-width="1">
-      <rect width="7" height="9" rx="2" stroke="none"/>
-      <rect x="0.5" y="0.5" width="6" height="8" rx="1.5" fill="none"/>
-    </g>
-  </g>
-</svg>

package/dist/img/delete-grey.cf15dcd1.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7685 5379 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #ffffff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #D7DBE0;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_1_114" data-name="Symbol 1 – 114" transform="translate(6828 4814)">
-    <g id="Ellipse_12" data-name="Ellipse 12" class="cls-1" transform="translate(857 565)">
-      <circle class="cls-3" cx="7" cy="7" r="7"/>
-      <circle class="cls-4" cx="7" cy="7" r="6.5"/>
-    </g>
-    <line id="Line_20" data-name="Line 20" class="cls-2" x1="5.137" y2="5.137" transform="translate(861.5 569.5)"/>
-    <line id="Line_21" data-name="Line 21" class="cls-2" x2="5.137" y2="5.137" transform="translate(861.5 569.5)"/>
-  </g>
-</svg>

package/dist/img/delete.ee71bb54.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7685 5379 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff1f1;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #e98687;
-      }
-
-      .cls-2, .cls-4 {
-        fill: none;
-      }
-
-      .cls-3 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_1_114" data-name="Symbol 1 – 114" transform="translate(6828 4814)">
-    <g id="Ellipse_12" data-name="Ellipse 12" class="cls-1" transform="translate(857 565)">
-      <circle class="cls-3" cx="7" cy="7" r="7"/>
-      <circle class="cls-4" cx="7" cy="7" r="6.5"/>
-    </g>
-    <line id="Line_20" data-name="Line 20" class="cls-2" x1="5.137" y2="5.137" transform="translate(861.5 569.5)"/>
-    <line id="Line_21" data-name="Line 21" class="cls-2" x2="5.137" y2="5.137" transform="translate(861.5 569.5)"/>
-  </g>
-</svg>

package/dist/img/drag_drop.0c778868.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-  <g id="Group_4" data-name="Group 4" transform="translate(-940 -1154)">
-    <g id="Group_1" data-name="Group 1" transform="translate(189 -66)">
-      <line id="Line_21" data-name="Line 21" x2="5.353" y2="5.353" transform="translate(758 1223.21) rotate(45)" fill="none" stroke="#dbe2e6" stroke-width="2"/>
-      <path id="Polygon_1" data-name="Polygon 1" d="M3.293.707a1,1,0,0,1,1.414,0L6.293,2.293A1,1,0,0,1,5.586,4H2.414a1,1,0,0,1-.707-1.707Z" transform="translate(754 1220)" fill="#dbe2e6"/>
-      <path id="Polygon_2" data-name="Polygon 2" d="M3.293.707a1,1,0,0,1,1.414,0L6.293,2.293A1,1,0,0,1,5.586,4H2.414a1,1,0,0,1-.707-1.707Z" transform="translate(762 1234) rotate(180)" fill="#dbe2e6"/>
-    </g>
-    <g id="Group_2" data-name="Group 2" transform="translate(2174 403) rotate(90)">
-      <line id="Line_21-2" data-name="Line 21" x2="5.353" y2="5.353" transform="translate(758 1223.21) rotate(45)" fill="none" stroke="#dbe2e6" stroke-width="2"/>
-      <path id="Polygon_1-2" data-name="Polygon 1" d="M3.293.707a1,1,0,0,1,1.414,0L6.293,2.293A1,1,0,0,1,5.586,4H2.414a1,1,0,0,1-.707-1.707Z" transform="translate(754 1220)" fill="#dbe2e6"/>
-      <path id="Polygon_2-2" data-name="Polygon 2" d="M3.293.707a1,1,0,0,1,1.414,0L6.293,2.293A1,1,0,0,1,5.586,4H2.414a1,1,0,0,1-.707-1.707Z" transform="translate(762 1234) rotate(180)" fill="#dbe2e6"/>
-    </g>
-  </g>
-</svg>

package/dist/img/draggable.7493006c.svg

@@ -1 +0,0 @@
-<svg height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-6111 -2382)"><g fill="#fff" stroke="#e6ebef"><circle cx="6117.999" cy="2389" r="7" stroke="none"/><circle cx="6117.999" cy="2389" fill="none" r="6.5"/></g><g fill="none" stroke="#4f5961" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path d="m6118.04605749612 2386.53294250388v5.02599998313" stroke-width=".99999999664"/><path d="m6120.57879897297 2389.06579898984h-5.02599998313" stroke-width=".99999999664"/><path d="m0 0v1.408" transform="matrix(.70710678 -.70710678 .70710678 .70710678 6118.0815180344 2385.5994819656)"/><path d="m1.395 0h-1.395" transform="matrix(.70710678 -.70710678 .70710678 .70710678 6117.04277817458 2386.65377817458)"/><path d="m0 0v1.408" transform="matrix(-.70710678 -.70710678 .70710678 -.70710678 6114.5124819656 2389.0304819656)"/><path d="m1.395 0h-1.395" transform="matrix(-.70710678 -.70710678 .70710678 -.70710678 6115.56677817458 2390.06922182542)"/><path d="m0 0v1.408" transform="matrix(-.70710678 .70710678 -.70710678 -.70710678 6118.0304819656 2392.6865180344)"/><path d="m1.395 0h-1.395" transform="matrix(-.70710678 .70710678 -.70710678 -.70710678 6119.06922182542 2391.63222182542)"/><path d="m0 0v1.408" transform="matrix(.70710678 .70710678 -.70710678 .70710678 6121.5995180344 2389.0595180344)"/><path d="m1.395 0h-1.395" transform="matrix(.70710678 .70710678 -.70710678 .70710678 6120.54522182542 2388.02077817458)"/></g></g></svg>

package/dist/img/edit_circle.4f3826d3.svg

@@ -1,34 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="4730 13050 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #e2f8ff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #189ed1;
-      }
-
-      .cls-2, .cls-5 {
-        fill: none;
-      }
-
-      .cls-3 {
-        fill: #189ed1;
-      }
-
-      .cls-4 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_8_39" data-name="Symbol 8 – 39" transform="translate(3769 12800)">
-    <g id="Ellipse_13" data-name="Ellipse 13" class="cls-1" transform="translate(975 264) rotate(180)">
-      <circle class="cls-4" cx="7" cy="7" r="7"/>
-      <circle class="cls-5" cx="7" cy="7" r="6.5"/>
-    </g>
-    <path id="Path_4" data-name="Path 4" class="cls-2" d="M0,3.993V0" transform="translate(966.775 258.167) rotate(-135)"/>
-    <path id="Path_8" data-name="Path 8" class="cls-2" d="M0,.632V0" transform="translate(969.964 254.981) rotate(-135)"/>
-    <path id="Path_28" data-name="Path 28" class="cls-3" d="M965.833,258.393l-.245,1.078,1.068-.238Z" transform="translate(-0.082 -0.083)"/>
-  </g>
-</svg>

package/dist/img/edit_circle_grey.0c96938c.svg

@@ -1,34 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="4730 13050 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #ffffff;
-      }
-
-      .cls-1, .cls-2 {
-        stroke: #D7DBE0;
-      }
-
-      .cls-2, .cls-5 {
-        fill: none;
-      }
-
-      .cls-3 {
-        fill: #D7DBE0;
-      }
-
-      .cls-4 {
-        stroke: none;
-      }
-    </style>
-  </defs>
-  <g id="Symbol_8_39" data-name="Symbol 8 – 39" transform="translate(3769 12800)">
-    <g id="Ellipse_13" data-name="Ellipse 13" class="cls-1" transform="translate(975 264) rotate(180)">
-      <circle class="cls-4" cx="7" cy="7" r="7"/>
-      <circle class="cls-5" cx="7" cy="7" r="6.5"/>
-    </g>
-    <path id="Path_4" data-name="Path 4" class="cls-2" d="M0,3.993V0" transform="translate(966.775 258.167) rotate(-135)"/>
-    <path id="Path_8" data-name="Path 8" class="cls-2" d="M0,.632V0" transform="translate(969.964 254.981) rotate(-135)"/>
-    <path id="Path_28" data-name="Path 28" class="cls-3" d="M965.833,258.393l-.245,1.078,1.068-.238Z" transform="translate(-0.082 -0.083)"/>
-  </g>
-</svg>