@burh/nuxt-core 1.0.89 → 1.0.90

package/components/burh-ds/Inputs/HtmlEditor.vue

@@ -1,129 +1,129 @@
-<template>
-  <div class="quill">
-    <div :id="toolbarId"></div>
-    <div :id="editorId" :name="name" class ref="editor"></div>
-  </div>
-</template>
-<script>
-import 'quill/dist/quill.core.css'
-import 'quill/dist/quill.snow.css'
-import 'quill/dist/quill.bubble.css'
-export default {
-    name: "html-editor",
-    props: {
-        value: {
-            type: String,
-            default: "",
-        },
-        name: String,
-        configTools: {
-            type: Array,
-            default: () => null
-        }
-    },
-    data() {
-        return {
-            editor: null,
-            content: null,
-            lastHtmlValue: "",
-            editorId: null,
-            toolbarId: null,
-        };
-    },
-    methods: {
-        initialize(Quill) {
-            this.editor = new Quill(`#${this.editorId}`, {
-                theme: "snow",
-                modules: {
-                    toolbar: this.configTools || [
-                        //[{ 'font': [] }],
-                        //[{ 'color': [] }, { 'background': [] }], 
-
-                        [{ 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown
-                        //[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
-
-                        //[{ 'align': '' }, {'align': 'center'}, {'align': 'justify'}, {'align': 'right'}],
-
-                        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
-
-                        [ 'link', 'image' ],          // add's image support
-
-                        //['blockquote', 'code-block'],
-
-                        [{ 'list': 'ordered'}, { 'list': 'bullet' }],
-                        //[{ 'script': 'sub'}, { 'script': 'super' }],      // superscript/subscript
-                        [{ 'indent': '-1'}, { 'indent': '+1' }],          // outdent/indent
-                        //[{ 'direction': 'rtl' }],                         // text direction
-
-                        ['clean']
-                    ]
-                },
-            });
-
-            if (this.value) {
-                if (this.value.length > 0) {
-                    this.editor.pasteHTML(this.value);
-                }
-            }
-
-            let editorRef = this.$refs.editor;
-            let node = editorRef.children[0];
-            this.editor.on("text-change", () => {
-                let html = node.innerHTML;
-                if (html === "<p><br></p>") {
-                    html = "";
-                }
-                this.content = html;
-                this.$emit("input", this.content);
-            });
-        },
-        pasteHTML() {
-            if (!this.editor) {
-                return;
-            }
-            this.editor.pasteHTML(this.value);
-        },
-        randomString() {
-            let text = "";
-            let possible =
-                "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-
-            for (let i = 0; i < 5; i++)
-                text += possible.charAt(
-                    Math.floor(Math.random() * possible.length)
-                );
-
-            return text;
-        },
-    },
-    async mounted() {
-        let Quill = await import("quill");
-        Quill = Quill.default || Quill;
-        this.editorId = this.randomString();
-        this.toolbarId = this.randomString();
-        this.$nextTick(() => {
-            this.initialize(Quill);
-        });
-    },
-    watch: {
-        value(newVal) {
-            if (newVal !== this.content) {
-                this.pasteHTML(newVal);
-            }
-        },
-    },
-};
-</script>
-<style lang="scss">
-.ql-clipboard {
-  display: none;
-}
-.ql-editor {
-  margin-bottom: 1.5rem;
-  resize: vertical;
-  overflow-y: scroll;
-}
-.ql-container.ql-snow {
-  border: 0;
-}
-</style>
+<template>
+  <div class="quill">
+    <div :id="toolbarId"></div>
+    <div :id="editorId" :name="name" class ref="editor"></div>
+  </div>
+</template>
+<script>
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
+import 'quill/dist/quill.bubble.css'
+export default {
+    name: "html-editor",
+    props: {
+        value: {
+            type: String,
+            default: "",
+        },
+        name: String,
+        configTools: {
+            type: Array,
+            default: () => null
+        }
+    },
+    data() {
+        return {
+            editor: null,
+            content: null,
+            lastHtmlValue: "",
+            editorId: null,
+            toolbarId: null,
+        };
+    },
+    methods: {
+        initialize(Quill) {
+            this.editor = new Quill(`#${this.editorId}`, {
+                theme: "snow",
+                modules: {
+                    toolbar: this.configTools || [
+                        //[{ 'font': [] }],
+                        //[{ 'color': [] }, { 'background': [] }], 
+
+                        [{ 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown
+                        //[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
+
+                        //[{ 'align': '' }, {'align': 'center'}, {'align': 'justify'}, {'align': 'right'}],
+
+                        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
+
+                        [ 'link', 'image' ],          // add's image support
+
+                        //['blockquote', 'code-block'],
+
+                        [{ 'list': 'ordered'}, { 'list': 'bullet' }],
+                        //[{ 'script': 'sub'}, { 'script': 'super' }],      // superscript/subscript
+                        [{ 'indent': '-1'}, { 'indent': '+1' }],          // outdent/indent
+                        //[{ 'direction': 'rtl' }],                         // text direction
+
+                        ['clean']
+                    ]
+                },
+            });
+
+            if (this.value) {
+                if (this.value.length > 0) {
+                    this.editor.pasteHTML(this.value);
+                }
+            }
+
+            let editorRef = this.$refs.editor;
+            let node = editorRef.children[0];
+            this.editor.on("text-change", () => {
+                let html = node.innerHTML;
+                if (html === "<p><br></p>") {
+                    html = "";
+                }
+                this.content = html;
+                this.$emit("input", this.content);
+            });
+        },
+        pasteHTML() {
+            if (!this.editor) {
+                return;
+            }
+            this.editor.pasteHTML(this.value);
+        },
+        randomString() {
+            let text = "";
+            let possible =
+                "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+
+            for (let i = 0; i < 5; i++)
+                text += possible.charAt(
+                    Math.floor(Math.random() * possible.length)
+                );
+
+            return text;
+        },
+    },
+    async mounted() {
+        let Quill = await import("quill");
+        Quill = Quill.default || Quill;
+        this.editorId = this.randomString();
+        this.toolbarId = this.randomString();
+        this.$nextTick(() => {
+            this.initialize(Quill);
+        });
+    },
+    watch: {
+        value(newVal) {
+            if (newVal !== this.content) {
+                this.pasteHTML(newVal);
+            }
+        },
+    },
+};
+</script>
+<style lang="scss">
+.ql-clipboard {
+  display: none;
+}
+.ql-editor {
+  margin-bottom: 1.5rem;
+  resize: vertical;
+  overflow-y: scroll;
+}
+.ql-container.ql-snow {
+  border: 0;
+}
+</style>

package/components/burh-ds/InterfaceSpa/InterfaceSpa.vue

@@ -1,84 +1,84 @@
-<template>
-  <div :class='classes' class="interface-spa">
-    <div :class="classesHeader" class="interface-spa__header">
-      <slot name="interface-header"></slot>
-    </div>
-    <div class="interface-spa__body" v-if='AsideHeaderSlot && AsideBodySlot'>
-      <div :class="[classesAside, asideSize == 'big' ? 'interface-spa__aside--big': '']" class="interface-spa__aside">
-            <div class="interface-spa__aside__header" v-if="AsideHeaderSlot && $slots['aside-header']">
-                <slot name="aside-header"></slot>
-            </div>
-            <div class="interface-spa__aside__body" @scroll="getScroll()">
-                <slot name="aside-body"></slot>
-            </div>
-            <div class="interface-spa__aside__footer" v-if="asideSize != 'big'">
-              <slot name="aside-footer"></slot>
-            </div>
-      </div>
-      <div class="interface-spa__content">
-          <slot name="content"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'interface-spa',
-  props: {
-    classes: {
-      type: String,
-      default: '',
-      description: 'Global classes to interface'
-    },
-    classesAside: {
-      type: String,
-      default: '',
-      description: 'Class to all aside itens'
-    },
-    classesHeader: {
-      type: String,
-      default: '',
-      description: 'Customize header'
-    },
-    classesContainer: {
-      type: String,
-      default: ''
-    },
-    classesFooter: {
-      type: String,
-      default: ''
-    },
-    classesFooterAside: {
-      type: String,
-      default: ''
-    },
-    classesFooterContent: {
-      type: String,
-      default: ''
-    },
-    asideSize: {
-      type: String,
-      default: ''
-    }
-  },
-  model: {},
-  computed: {
-      AsideHeaderSlot() {
-          return this.$slots['aside-header'] != null
-      },
-      AsideBodySlot() {
-          return this.$slots['aside-body'] != null
-      }
-  },
-  methods: {
-    getScroll() {
-      var scrollParams = {
-        height: document.querySelector('.interface-spa__aside__body').scrollHeight,
-        scroll: document.querySelector('.interface-spa__aside__body').scrollTop
-      };
-     this.$bus.$emit('getscroll', scrollParams);
-    }
-  }
-};
-</script>
+<template>
+  <div :class='classes' class="interface-spa">
+    <div :class="classesHeader" class="interface-spa__header">
+      <slot name="interface-header"></slot>
+    </div>
+    <div class="interface-spa__body" v-if='AsideHeaderSlot && AsideBodySlot'>
+      <div :class="[classesAside, asideSize == 'big' ? 'interface-spa__aside--big': '']" class="interface-spa__aside">
+            <div class="interface-spa__aside__header" v-if="AsideHeaderSlot && $slots['aside-header']">
+                <slot name="aside-header"></slot>
+            </div>
+            <div class="interface-spa__aside__body" @scroll="getScroll()">
+                <slot name="aside-body"></slot>
+            </div>
+            <div class="interface-spa__aside__footer" v-if="asideSize != 'big'">
+              <slot name="aside-footer"></slot>
+            </div>
+      </div>
+      <div class="interface-spa__content">
+          <slot name="content"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'interface-spa',
+  props: {
+    classes: {
+      type: String,
+      default: '',
+      description: 'Global classes to interface'
+    },
+    classesAside: {
+      type: String,
+      default: '',
+      description: 'Class to all aside itens'
+    },
+    classesHeader: {
+      type: String,
+      default: '',
+      description: 'Customize header'
+    },
+    classesContainer: {
+      type: String,
+      default: ''
+    },
+    classesFooter: {
+      type: String,
+      default: ''
+    },
+    classesFooterAside: {
+      type: String,
+      default: ''
+    },
+    classesFooterContent: {
+      type: String,
+      default: ''
+    },
+    asideSize: {
+      type: String,
+      default: ''
+    }
+  },
+  model: {},
+  computed: {
+      AsideHeaderSlot() {
+          return this.$slots['aside-header'] != null
+      },
+      AsideBodySlot() {
+          return this.$slots['aside-body'] != null
+      }
+  },
+  methods: {
+    getScroll() {
+      var scrollParams = {
+        height: document.querySelector('.interface-spa__aside__body').scrollHeight,
+        scroll: document.querySelector('.interface-spa__aside__body').scrollTop
+      };
+     this.$bus.$emit('getscroll', scrollParams);
+    }
+  }
+};
+</script>
 <style></style>