@burh/nuxt-core 1.0.500 → 1.0.502

package/components/argon-core/Inputs/HtmlEditor.vue

@@ -1,105 +1,105 @@
-<template>
-    <div class="quill">
-        <div :id="toolbarId">
-            <div class="ql-formats">
-                <button class="ql-bold"></button>
-                <button class="ql-italic"></button>
-                <button class="ql-underline"></button>
-                <button class="ql-link"></button>
-                <button class="ql-blockquote"></button>
-                <button class="ql-code"></button>
-                <button class="ql-image"></button>
-                <button type="button" class="ql-list" value="ordered"></button>
-                <button type="button" class="ql-list" value="bullet"></button>
-            </div>
-        </div>
-        <div :id="editorId" :name="name" class="" ref="editor">
-        </div>
-    </div>
-</template>
-<script>
-  export default {
-    name: 'html-editor',
-    props: {
-      value: {
-        type: String,
-        default: ''
-      },
-      name: String,
-      error: Array,
-    },
-    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.toolbarId}`
-          }
-        })
-
-        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;
-  }
-</style>
+<template>
+    <div class="quill">
+        <div :id="toolbarId">
+            <div class="ql-formats">
+                <button class="ql-bold"></button>
+                <button class="ql-italic"></button>
+                <button class="ql-underline"></button>
+                <button class="ql-link"></button>
+                <button class="ql-blockquote"></button>
+                <button class="ql-code"></button>
+                <button class="ql-image"></button>
+                <button type="button" class="ql-list" value="ordered"></button>
+                <button type="button" class="ql-list" value="bullet"></button>
+            </div>
+        </div>
+        <div :id="editorId" :name="name" class="" ref="editor">
+        </div>
+    </div>
+</template>
+<script>
+  export default {
+    name: 'html-editor',
+    props: {
+      value: {
+        type: String,
+        default: ''
+      },
+      name: String,
+      error: Array,
+    },
+    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.toolbarId}`
+          }
+        })
+
+        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;
+  }
+</style>

package/components/argon-core/Inputs/IconCheckbox.vue

@@ -1,45 +1,45 @@
-<template>
-  <div
-    class="choice"
-    :class="{ active: checked }"
-    data-toggle="wizard-checkbox"
-    @click="updateValue"
-  >
-    <input
-      type="checkbox"
-      :name="name"
-      :disabled="disabled"
-      :checked="checked"
-    />
-    <div class="icon">
-      <slot name="icon"> <i :class="icon"></i> </slot>
-    </div>
-    <slot name="title">
-      <h6>{{ title }}</h6>
-    </slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'icon-checkbox',
-  model: {
-    prop: 'checked'
-  },
-  props: {
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    name: String,
-    title: String,
-    icon: String,
-    disabled: Boolean
-  },
-  methods: {
-    updateValue() {
-      this.$emit('input', !this.checked);
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <div
+    class="choice"
+    :class="{ active: checked }"
+    data-toggle="wizard-checkbox"
+    @click="updateValue"
+  >
+    <input
+      type="checkbox"
+      :name="name"
+      :disabled="disabled"
+      :checked="checked"
+    />
+    <div class="icon">
+      <slot name="icon"> <i :class="icon"></i> </slot>
+    </div>
+    <slot name="title">
+      <h6>{{ title }}</h6>
+    </slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'icon-checkbox',
+  model: {
+    prop: 'checked'
+  },
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    name: String,
+    title: String,
+    icon: String,
+    disabled: Boolean
+  },
+  methods: {
+    updateValue() {
+      this.$emit('input', !this.checked);
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Inputs/TagsInput.vue

@@ -1,100 +1,100 @@
-<template>
-  <div class="tags-input__wrapper">
-    <el-tag
-      v-for="(tag, index) in dynamicTags"
-      :key="tag + index"
-      size="small"
-      :type="tagType"
-      :closable="true"
-      :close-transition="false"
-      @close="handleClose(tag)"
-    >
-      {{ tag }}
-    </el-tag>
-
-    <input
-      type="text"
-      :placeholder="placeholder"
-      class="form-control"
-      v-model="inputValue"
-      ref="saveTagInput"
-      size="mini"
-      @input="onInput"
-      @keyup.enter="handleInputConfirm"
-      @blur="handleInputConfirm"
-    />
-  </div>
-</template>
-
-<script>
-import { Tag } from 'element-ui';
-
-export default {
-  name: 'tags-input',
-  components: {
-    [Tag.name]: Tag
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-      description: 'List of tags'
-    },
-    placeholder: {
-      type: String,
-      default: 'Add new tag',
-      description: 'Input placeholder'
-    },
-    tagType: {
-      type: String,
-      default: 'primary',
-      description: 'Tag type (primary|danger etc)'
-    }
-  },
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  data() {
-    return {
-      dynamicTags: [],
-      inputVisible: false,
-      inputValue: ''
-    };
-  },
-  methods: {
-    handleClose(tag) {
-      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
-      this.$emit('change', this.dynamicTags);
-    },
-    showInput() {
-      this.inputVisible = true;
-      this.$nextTick(() => {
-        this.$refs.saveTagInput.$refs.input.focus();
-      });
-    },
-
-    handleInputConfirm() {
-      let inputValue = this.inputValue;
-      if (inputValue) {
-        this.dynamicTags.push(inputValue);
-        this.$emit('change', this.dynamicTags);
-      }
-      this.inputVisible = false;
-      this.inputValue = '';
-    },
-    onInput(evt) {
-      this.$emit('input', evt.target.value);
-    }
-  },
-  created() {
-    this.$watch(
-      'value',
-      newVal => {
-        this.dynamicTags = [...newVal];
-      },
-      { immediate: true }
-    );
-  }
-};
-</script>
+<template>
+  <div class="tags-input__wrapper">
+    <el-tag
+      v-for="(tag, index) in dynamicTags"
+      :key="tag + index"
+      size="small"
+      :type="tagType"
+      :closable="true"
+      :close-transition="false"
+      @close="handleClose(tag)"
+    >
+      {{ tag }}
+    </el-tag>
+
+    <input
+      type="text"
+      :placeholder="placeholder"
+      class="form-control"
+      v-model="inputValue"
+      ref="saveTagInput"
+      size="mini"
+      @input="onInput"
+      @keyup.enter="handleInputConfirm"
+      @blur="handleInputConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { Tag } from 'element-ui';
+
+export default {
+  name: 'tags-input',
+  components: {
+    [Tag.name]: Tag
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+      description: 'List of tags'
+    },
+    placeholder: {
+      type: String,
+      default: 'Add new tag',
+      description: 'Input placeholder'
+    },
+    tagType: {
+      type: String,
+      default: 'primary',
+      description: 'Tag type (primary|danger etc)'
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  data() {
+    return {
+      dynamicTags: [],
+      inputVisible: false,
+      inputValue: ''
+    };
+  },
+  methods: {
+    handleClose(tag) {
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      this.$emit('change', this.dynamicTags);
+    },
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(() => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if (inputValue) {
+        this.dynamicTags.push(inputValue);
+        this.$emit('change', this.dynamicTags);
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
+    onInput(evt) {
+      this.$emit('input', evt.target.value);
+    }
+  },
+  created() {
+    this.$watch(
+      'value',
+      newVal => {
+        this.dynamicTags = [...newVal];
+      },
+      { immediate: true }
+    );
+  }
+};
+</script>

package/components/argon-core/LoadingPanel.vue

@@ -1,26 +1,26 @@
-<template>
-	<div class="row" v-loading="true" id="loading"></div>
-</template>
-<script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
-
-Vue.use(Loading.directive);
-export default {};
-</script>
-<style>
-#loading {
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-}
-
-.el-loading-spinner .path {
-  stroke: #66615b !important;
-}
-
-.el-loading-mask {
-    z-index: 100!important;
-  background: transparent !important;
-}
-</style>
+<template>
+	<div class="row" v-loading="true" id="loading"></div>
+</template>
+<script>
+import Vue from 'vue';
+import { Loading } from 'element-ui';
+
+Vue.use(Loading.directive);
+export default {};
+</script>
+<style>
+#loading {
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+}
+
+.el-loading-spinner .path {
+  stroke: #66615b !important;
+}
+
+.el-loading-mask {
+    z-index: 100!important;
+  background: transparent !important;
+}
+</style>