toggle-components-library 1.25.1 → 1.25.3

package/src/components/mixins/mixins.js

@@ -1,8 +1,11 @@
 import styleInfo from '../../../src/sass/includes/_as_variables.scss';
+import jsonCharCodesData from '../json/char_list.json';
 
 export const mixins = {
     data(){
-        return {}
+        return {
+            jsonCharCodes: jsonCharCodesData
+        }
     },
     methods:{
 
@@ -59,6 +62,20 @@ export const mixins = {
 
             //converts a character into an HTML entity 
             const char2Html = (char) => {
+                // Check for special characters first
+                let codepointVals = Object.values(this.jsonCharCodes).map(value => value.codepoints[0]);
+
+                let codesArray = Object.entries(this.jsonCharCodes)
+
+                if (codepointVals.includes(char.codePointAt())) {
+
+                    let namedChar = codesArray.filter(nestedArr => {
+                        return nestedArr[1].codepoints[0] == char.codePointAt()
+                    })
+                    // If it's a special character return now
+                    return `${namedChar[0][0]}`
+                }
+
                 let item = `${char}`;
 
                 //spread operator can detect emoji surrogate pairs 

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;
     }
   }
 }