toggle-components-library 1.25.2 → 1.25.3

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.25.2",
+  "version": "1.25.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.25.2",
+  "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/text/ToggleTextClipboardCopy.vue

@@ -45,7 +45,16 @@ export default {
                 window.getSelection().removeAllRanges();
                 window.getSelection().addRange(range);
                 document.execCommand("copy");
-      }
+                this.click();
+      },
+      click(){
+            /**
+             * Emitted when the button is clicked.
+             * @event click
+             * @type {Event}
+             */
+            this.$emit('click');
+        }
     }
 };
 </script>

package/src/sass/includes/_as_inputs.scss

@@ -507,20 +507,20 @@ $iconWidth:20px;
                     background-size: cover !important;
                     background-position: center;
                     border-radius:4px;
-                    cursor: move;
                 }
-                .toggle-item-img::after{
+                .toggle-center {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                }
+                .toggle-move-icon::after {
                     position: absolute;
                     content:'';
                     height: 100%;
                     width: 100%;
+                    background-size: $iconWidth!important;
                     background: url('../assets/icons/draggable.svg') no-repeat center center;
-                    background-size: $iconWidth;
-                }
-                .toggle-center {
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
+                    cursor: move;
                 }
               
             }

package/src/sass/includes/_as_text.scss

@@ -51,7 +51,7 @@ a {
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
-      cursor:pointer;
+      cursor:copy;
     }
   }
 }