toggle-components-library 1.25.1 → 1.25.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.25.1",
+  "version": "1.25.3",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

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() {