layers-design-system 1.0.118 → 1.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "layers-design-system",
   "main": "src/main.js",
-  "version": "1.0.118",
+  "version": "1.1.0",
   "scripts": {
     "start": "vue-cli-service serve ./src/main-docs.js",
     "build": "vue-cli-service build --target lib ./src/main.js",

package/src/components/LTable/docs.vue

@@ -30,6 +30,7 @@
       :selectable="selectable"
       :autoLoadMore="false"
       pagination
+      limitPerPage="10"
       :style="{'--l-table-primary-color': 'var(--color-aqua)'}"
     />
   </div>
@@ -89,7 +90,7 @@ export default {
       const total = 451
 
       var items = [];
-      for (var i = offset; i < offset + Math.min(total - offset, 50); i++) {
+      for (var i = offset; i < offset + Math.min(total - offset, limit); i++) {
         items.push({ id: i, code: "#" + (i + 1), "dueAt": new Date(), price: {amount: i * 50}, customer: {name: "Teste da Silva"}, status: "paid" });
       }
 

package/src/components/LTable/index.vue

@@ -260,6 +260,14 @@ export default {
       type: Boolean,
       default: true,
     },
+
+    /**
+     * If set, will load this number of rows at a time
+     */
+    limitPerPage: {
+      type: Number,
+      default: 50,
+    },
   },
 
   mounted() {
@@ -275,7 +283,6 @@ export default {
 
       // Internal identification for hole state of loaded pages
       id: 0,
-      perPage: 50,
       extraRows: 15,
 
       lastComputedOffsetY: 0,
@@ -310,6 +317,11 @@ export default {
   },
 
   computed: {
+
+    perPage() {
+      return this.limitPerPage;
+    },
+
     pagesCount() {
       return Math.floor(this.totalCount / this.perPage) + 1;
     },

package/src/components/LTextEditor/FloatingLink.vue

@@ -10,6 +10,7 @@
         rel="nofollow noopener noreferrer"
         style="display: inline"
         :href="dataLink"
+        :open-delay="tooltipDelay"
       >
         {{ dataLink }}
       </a>
@@ -19,6 +20,7 @@
       v-for="(button, idx) in boxButtons"
       :key="idx"
       :content="button.tooltip"
+      :open-delay="tooltipDelay"
     >
       <l-icon
         size="20"
@@ -48,6 +50,7 @@ export default {
           event: 'remove',
         },
       ],
+      tooltipDelay: 125,
     }
   },
 

package/src/components/LTextEditor/index.vue

@@ -24,6 +24,7 @@
             :key="markUp.name"
             :content="markUp.tooltip"
             class="item"
+            :open-delay="tooltipDelay"
           >
             <l-button
               @click="markUpText(markUp.name)"
@@ -156,6 +157,7 @@ export default {
       ],
       showLinkBox: false,
       isEditorFocused: null,
+      tooltipDelay: 125,
     }
   },
 
@@ -219,6 +221,10 @@ export default {
 
       return hasSomeNode || hasSomeMark
     },
+
+    addSpaceToFinalParagraphTag(text) {
+      return text.replace(/<\/p>/g, ' </p>')
+    },
   },
 
   computed: {
@@ -229,12 +235,13 @@ export default {
       return this.editor.isActive('link')
     },
     finalText() {
-      return DOMPurify.sanitize(
-        removeEmptyTags(mountLink(this.editor.getHTML())),
-        {
-          ADD_ATTR: ['target'],
-        }
-      )
+      const textEditorHTML = this.editor.getHTML()
+      const textEditorHTMLSpaced = this.addSpaceToFinalParagraphTag(textEditorHTML)
+      const textEditorHTMLWithLinks = mountLink(textEditorHTMLSpaced)
+
+      return DOMPurify.sanitize(removeEmptyTags(textEditorHTMLWithLinks), {
+        ADD_ATTR: ['target'],
+      })
     },
     currentTextSelection() {
       const { view, state } = this.editor