toggle-components-library 1.25.15 → 1.25.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.25.15",
+  "version": "1.25.16",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -12,7 +12,7 @@
   },
   "main": "dist/toggle-components-library.common.js",
   "module": "dist/toggle-components-library.esm.js",
-  "unpkg": "dist/toggle-components-library.udm.min.js",
+  "unpkg": "dist/toggle-components-library.umd.min.js",
   "browser": {
     "./sfc": "src/toggle-components-library.vue"
   },
@@ -25,26 +25,26 @@
   ],
   "dependencies": {
     "apexcharts": "^3.36.3",
-    "core-js": "^3.6.4",
+    "core-js": "^3.25.0",
     "countries-list": "^2.6.1",
     "date-fns": "^1.30.1",
     "storybook-vue-router": "^1.0.7",
-    "vue": "^2.6.11",
+    "vue": "^2.7.10",
     "vue-airbnb-style-datepicker": "^2.7.1",
     "vue-apexcharts": "^1.6.2",
     "vue-color": "^2.7.1",
     "vue-moment": "^4.1.0",
     "vue-multiselect": "^2.0.8",
-    "vue-router": "^3.4.3",
+    "vue-router": "^3.6.4",
     "vue2-dropzone": "^3.6.0",
     "vuedraggable": "^2.24.3",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.1",
-    "@storybook/addon-actions": "^6.0.6",
-    "@storybook/addon-docs": "^6.0.6",
-    "@storybook/vue": "^6.0.6",
+    "@babel/core": "^7.18.13",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-docs": "^6.5.10",
+    "@storybook/vue": "^6.5.10",
     "@vue/cli-plugin-babel": "^4.5.3",
     "@vue/cli-plugin-eslint": "^4.5.3",
     "@vue/cli-service": "^4.5.3",
@@ -55,9 +55,9 @@
     "eslint-plugin-vue": "^6.2.2",
     "react": "^16.13.1",
     "react-is": "^16.13.1",
-    "sass": "^1.26.8",
+    "sass": "^1.54.5",
     "sass-loader": "^8.0.2",
-    "vue-template-compiler": "^2.6.11"
+    "vue-template-compiler": "^2.7.10"
   },
   "eslintConfig": {
     "root": true,

package/src/assets/icons/airship-audiences-hover.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94.135" height="72.864" viewBox="0 0 94.135 72.864">
+  <g id="Group_340" data-name="Group 340" transform="translate(-5223.304 -1302)">
+    <path id="Path_215" data-name="Path 215" d="M5543.056,1319.05a17.05,17.05,0,1,0-17.049,17.05A17.049,17.049,0,0,0,5543.056,1319.05Zm-46.887,48.525a4.608,4.608,0,0,0,4.614,4.618l50.443,2.664c3.059.143,4.617-2.068,4.617-4.618,0-12.747-9.95-25.742-23.084-25.748h-13.506A23.086,23.086,0,0,0,5496.169,1367.575Z" transform="translate(-238.405)" fill="#477ef6"/>
+    <g id="Group_338" data-name="Group 338" transform="translate(5223.304 1308.662)">
+      <path id="Path_216" data-name="Path 216" d="M5251.644,1659.237a27.462,27.462,0,0,1,8.065-19.469,27.911,27.911,0,0,1,2.373-2.115,19.2,19.2,0,0,0-8.212-1.833h-11.283c-10.972,0-19.283,10.86-19.283,21.509a3.555,3.555,0,0,0,3.856,3.858l24.509-1.294C5251.655,1659.674,5251.644,1659.456,5251.644,1659.237Z" transform="translate(-5223.304 -1600.324)" fill="#477ef6"/>
+      <circle id="Ellipse_112" data-name="Ellipse 112" cx="14.243" cy="14.243" r="14.243" transform="translate(10.682 0)" fill="#477ef6"/>
+    </g>
+  </g>
+</svg>

package/src/assets/icons/airship-audiences.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94.135" height="72.864" viewBox="0 0 94.135 72.864">
+  <g id="Group_339" data-name="Group 339" transform="translate(-5223.304 -1302)">
+    <path id="Path_215" data-name="Path 215" d="M5543.056,1319.05a17.05,17.05,0,1,0-17.049,17.05A17.049,17.049,0,0,0,5543.056,1319.05Zm-46.887,48.525a4.608,4.608,0,0,0,4.614,4.618l50.443,2.664c3.059.143,4.617-2.068,4.617-4.618,0-12.747-9.95-25.742-23.084-25.748h-13.506A23.086,23.086,0,0,0,5496.169,1367.575Z" transform="translate(-238.405)" fill="#354b64"/>
+    <g id="Group_338" data-name="Group 338" transform="translate(5223.304 1308.662)">
+      <path id="Path_216" data-name="Path 216" d="M5251.644,1659.237a27.462,27.462,0,0,1,8.065-19.469,27.911,27.911,0,0,1,2.373-2.115,19.2,19.2,0,0,0-8.212-1.833h-11.283c-10.972,0-19.283,10.86-19.283,21.509a3.555,3.555,0,0,0,3.856,3.858l24.509-1.294C5251.655,1659.674,5251.644,1659.456,5251.644,1659.237Z" transform="translate(-5223.304 -1600.324)" fill="#354b64"/>
+      <circle id="Ellipse_112" data-name="Ellipse 112" cx="14.243" cy="14.243" r="14.243" transform="translate(10.682 0)" fill="#354b64"/>
+    </g>
+  </g>
+</svg>

package/src/assets/icons/airship-circle-user-icon-hover.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
+  <path id="Exclusion_3" data-name="Exclusion 3" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-4.034-45.308a12.917,12.917,0,0,0-9.831,4.836,16.519,16.519,0,0,0-3.95,10.54,2.967,2.967,0,0,0,.64,1.918,2.452,2.452,0,0,0,1.905.842h.089c.04,0,.081,0,.121,0l30.117-1.59h.007a2.756,2.756,0,0,0,2.749-2.756,13.7,13.7,0,0,0-4.037-9.747,13.69,13.69,0,0,0-9.745-4.039Zm4.03-25.366a10.193,10.193,0,0,0-10.181,10.181,10.191,10.191,0,0,0,10.181,10.177,10.111,10.111,0,0,0,7.2-2.981,10.1,10.1,0,0,0,2.981-7.2,10.111,10.111,0,0,0-2.981-7.2A10.111,10.111,0,0,0-11986-16099.674Z" transform="translate(12033.001 16123.001)" fill="#477ef6"/>
+</svg>

package/src/assets/icons/airship-circle-user-icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
+  <path id="Exclusion_1" data-name="Exclusion 1" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-4.034-45.308a12.917,12.917,0,0,0-9.831,4.836,16.519,16.519,0,0,0-3.95,10.54,2.967,2.967,0,0,0,.64,1.918,2.452,2.452,0,0,0,1.905.842h.089c.04,0,.081,0,.121,0l30.117-1.59h.007a2.756,2.756,0,0,0,2.749-2.756,13.7,13.7,0,0,0-4.037-9.747,13.69,13.69,0,0,0-9.745-4.039Zm4.03-25.366a10.193,10.193,0,0,0-10.181,10.181,10.191,10.191,0,0,0,10.181,10.177,10.111,10.111,0,0,0,7.2-2.981,10.1,10.1,0,0,0,2.981-7.2,10.111,10.111,0,0,0-2.981-7.2A10.111,10.111,0,0,0-11986-16099.674Z" transform="translate(12033.001 16123.001)" fill="#354b64"/>
+</svg>

package/src/assets/icons/airship-user-icon-hover.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
-  <path id="Exclusion_3" data-name="Exclusion 3" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-4.034-45.308a12.917,12.917,0,0,0-9.831,4.836,16.519,16.519,0,0,0-3.95,10.54,2.967,2.967,0,0,0,.64,1.918,2.452,2.452,0,0,0,1.905.842h.089c.04,0,.081,0,.121,0l30.117-1.59h.007a2.756,2.756,0,0,0,2.749-2.756,13.7,13.7,0,0,0-4.037-9.747,13.69,13.69,0,0,0-9.745-4.039Zm4.03-25.366a10.193,10.193,0,0,0-10.181,10.181,10.191,10.191,0,0,0,10.181,10.177,10.111,10.111,0,0,0,7.2-2.981,10.1,10.1,0,0,0,2.981-7.2,10.111,10.111,0,0,0-2.981-7.2A10.111,10.111,0,0,0-11986-16099.674Z" transform="translate(12033.001 16123.001)" fill="#477ef6"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="76.977" height="94" viewBox="0 0 76.977 94">
+  <path id="Exclusion_6" data-name="Exclusion 6" d="M-11917.125-16077.678h-.191a5.293,5.293,0,0,1-4.119-1.816,6.407,6.407,0,0,1-1.379-4.145,35.712,35.712,0,0,1,8.531-22.773c5.736-6.734,13.279-10.441,21.24-10.445h17.424a29.584,29.584,0,0,1,21.061,8.723,29.6,29.6,0,0,1,8.721,21.059,5.954,5.954,0,0,1-5.939,5.953h-.014l-65.07,3.438C-11916.949-16077.678-11917.033-16077.678-11917.125-16077.678Zm32.8-50a21.867,21.867,0,0,1-15.555-6.445,21.88,21.88,0,0,1-6.437-15.559,21.871,21.871,0,0,1,6.438-15.555,21.856,21.856,0,0,1,15.555-6.441,22.021,22.021,0,0,1,22,22A22.025,22.025,0,0,1-11884.328-16127.678Z" transform="translate(11922.814 16171.678)" fill="#477ef6"/>
 </svg>

package/src/assets/icons/airship-user-icon.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
-  <path id="Exclusion_1" data-name="Exclusion 1" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-4.034-45.308a12.917,12.917,0,0,0-9.831,4.836,16.519,16.519,0,0,0-3.95,10.54,2.967,2.967,0,0,0,.64,1.918,2.452,2.452,0,0,0,1.905.842h.089c.04,0,.081,0,.121,0l30.117-1.59h.007a2.756,2.756,0,0,0,2.749-2.756,13.7,13.7,0,0,0-4.037-9.747,13.69,13.69,0,0,0-9.745-4.039Zm4.03-25.366a10.193,10.193,0,0,0-10.181,10.181,10.191,10.191,0,0,0,10.181,10.177,10.111,10.111,0,0,0,7.2-2.981,10.1,10.1,0,0,0,2.981-7.2,10.111,10.111,0,0,0-2.981-7.2A10.111,10.111,0,0,0-11986-16099.674Z" transform="translate(12033.001 16123.001)" fill="#354b64"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="76.977" height="94" viewBox="0 0 76.977 94">
+  <path id="Exclusion_5" data-name="Exclusion 5" d="M-11917.125-16077.678h-.191a5.293,5.293,0,0,1-4.119-1.816,6.407,6.407,0,0,1-1.379-4.145,35.712,35.712,0,0,1,8.531-22.773c5.736-6.734,13.279-10.441,21.24-10.445h17.424a29.584,29.584,0,0,1,21.061,8.723,29.6,29.6,0,0,1,8.721,21.059,5.954,5.954,0,0,1-5.939,5.953h-.014l-65.07,3.438C-11916.949-16077.678-11917.033-16077.678-11917.125-16077.678Zm32.8-50a21.867,21.867,0,0,1-15.555-6.445,21.88,21.88,0,0,1-6.437-15.559,21.871,21.871,0,0,1,6.438-15.555,21.856,21.856,0,0,1,15.555-6.441,22.021,22.021,0,0,1,22,22A22.025,22.025,0,0,1-11884.328-16127.678Z" transform="translate(11922.814 16171.678)" fill="#354b64"/>
 </svg>

package/src/assets/icons/airship-x-hover.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
+  <path id="Exclusion_4" data-name="Exclusion 4" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-13.426-64.429a3.971,3.971,0,0,0-2.828,1.172,4.005,4.005,0,0,0,0,5.657l10.233,10.229-10.233,10.229a4.006,4.006,0,0,0,0,5.656,3.977,3.977,0,0,0,2.828,1.174,3.974,3.974,0,0,0,2.828-1.174l10.229-10.229,10.229,10.225a3.971,3.971,0,0,0,2.828,1.172,3.971,3.971,0,0,0,2.828-1.172,3.971,3.971,0,0,0,1.172-2.828,3.971,3.971,0,0,0-1.172-2.828l-10.229-10.226,10.229-10.225a3.972,3.972,0,0,0,1.172-2.829,3.971,3.971,0,0,0-1.172-2.828,3.976,3.976,0,0,0-2.828-1.171,3.976,3.976,0,0,0-2.828,1.171l-10.229,10.226-10.229-10.229A3.968,3.968,0,0,0-11999.425-16093.429Z" transform="translate(12033.001 16123.001)" fill="#477ef6"/>
+</svg>

package/src/assets/icons/airship-x.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="94.001" viewBox="0 0 94 94.001">
+  <path id="Exclusion_2" data-name="Exclusion 2" d="M-11986-16029a46.689,46.689,0,0,1-18.294-3.693,46.864,46.864,0,0,1-14.941-10.071,46.871,46.871,0,0,1-10.073-14.94A46.7,46.7,0,0,1-12033-16076a46.7,46.7,0,0,1,3.693-18.294,46.869,46.869,0,0,1,10.073-14.941,46.869,46.869,0,0,1,14.941-10.073A46.7,46.7,0,0,1-11986-16123a46.7,46.7,0,0,1,18.294,3.693,46.872,46.872,0,0,1,14.939,10.073,46.864,46.864,0,0,1,10.071,14.941A46.689,46.689,0,0,1-11939-16076a46.689,46.689,0,0,1-3.693,18.294,46.871,46.871,0,0,1-10.071,14.94,46.856,46.856,0,0,1-14.939,10.071A46.689,46.689,0,0,1-11986-16029Zm-13.426-64.429a3.971,3.971,0,0,0-2.828,1.172,4.005,4.005,0,0,0,0,5.657l10.233,10.229-10.233,10.229a4.006,4.006,0,0,0,0,5.656,3.977,3.977,0,0,0,2.828,1.174,3.974,3.974,0,0,0,2.828-1.174l10.229-10.229,10.229,10.225a3.971,3.971,0,0,0,2.828,1.172,3.971,3.971,0,0,0,2.828-1.172,3.971,3.971,0,0,0,1.172-2.828,3.971,3.971,0,0,0-1.172-2.828l-10.229-10.226,10.229-10.225a3.972,3.972,0,0,0,1.172-2.829,3.971,3.971,0,0,0-1.172-2.828,3.976,3.976,0,0,0-2.828-1.171,3.976,3.976,0,0,0-2.828,1.171l-10.229,10.226-10.229-10.229A3.968,3.968,0,0,0-11999.425-16093.429Z" transform="translate(12033.001 16123.001)" fill="#354b64"/>
+</svg>

package/src/components/forms/ToggleInputImage.vue

@@ -15,7 +15,7 @@
             tag="ul"
             v-model="inputVal"
             v-bind="dragOptions"
-     
+
         >
             <transition-group type="transition" >
             <li
@@ -25,7 +25,7 @@
                 :style="{marginRight:thumbnailWidth / 8 + 'px'}"
 
             >
-                <div class="toggle-item-img toggle-dark-grey toggle-center"
+                <div class="toggle-item-img toggle-dark-grey toggle-center" :class="moveIconClass"
                      :style="{  background: `rgb(243, 237, 237) url(${image.url}) no-repeat center top`,
                                 height: previewRatio == 'letterbox' ? thumbnailWidth / 2 + 'px': thumbnailWidth+'px',
                                 width: thumbnailWidth+'px'}"
@@ -49,7 +49,7 @@
                     :id="'dropzone'+_uid" 
                     :options="dropzoneOptions" 
                     @vdropzone-file-added="fileAdded" 
-                
+
                 />
             </div>
         </div>
@@ -142,6 +142,11 @@ export default {
                 animation: 200,
                 group: "images",
             };
+        },
+        moveIconClass() {
+            return {
+                'toggle-move-icon' : this.images.length > 1
+            }
         },
           inputVal: {
             get: function (){
@@ -155,8 +160,8 @@ export default {
     },
     methods: {
 
-   
-       
+
+
     }
 }
 
@@ -164,5 +169,4 @@ export default {
 </script>
 <style lang="scss">
 
-
 </style>

package/src/components/forms/ToggleInputText.vue

@@ -122,22 +122,22 @@ export default {
         * Concat message for count characters
         * @return string
         */
-        messageLength(count, maxLenght)
+        messageLength(msg, maxLength)
         {
-            let message = count;
+            let message = msg;
             let mcount = 0;
 
             // If the emoji flag is set, make sure the character count takes account of the decoded emoji characters (this will include £ signs)
-            if (this.includeEmojiEntitiesInCharCount && count) {
+            if (this.includeEmojiEntitiesInCharCount && msg) {
 
-                let message = this.convertEmojis(count)
-                mcount = message ? this.convertEmojis(message).length : 0;
+                message = this.convertEmojis(msg);
+                mcount = message ? message.length : 0;
 
             } else {
                 mcount = message ? message.length : 0;
             }
 
-            return mcount+' / '+maxLenght;
+            return mcount+' / '+maxLength;
         },
 
         onFocus() {