classcard-ui 0.2.486 → 0.2.489

package/src/components/CEditor/CEditor.vue

@@ -1,91 +1,91 @@
-<template>
-  <div>
-    <div class="flex justify-between">
-      <p class="text-sm font-medium text-gray-900">{{ label }}</p>
-      <p class="text-sm text-gray-500" v-if="hint">{{ hint }}</p>
-    </div>
-    <quill-editor
-      class="mt-1 rounded-md bg-white text-sm shadow-sm"
-      :value="content"
-      :options="editorOption"
-      @change="onChange($event)"
-      @ready="onReady($event)"
-    ></quill-editor>
-    <p v-if="helpText" class="mt-2 text-sm text-gray-500">
-      {{ helpText }}
-    </p>
-  </div>
-</template>
-<script>
-import "quill/dist/quill.core.css";
-import "quill/dist/quill.snow.css";
-import "quill/dist/quill.bubble.css";
-import { quillEditor } from "vue-quill-editor";
-export default {
-  name: "CEditor",
-  components: { quillEditor },
-  props: {
-    content: {
-      type: String,
-    },
-    label: {
-      type: String,
-    },
-    hint: {
-      type: String,
-    },
-    helpText: {
-      type: String,
-    },
-    toolbarOptions: {
-      type: Array,
-    },
-    onEditorChange: {
-      type: Function,
-    },
-    placeholder: {
-      type: String,
-    },
-  },
-  methods: {
-    onChange(params) {
-      this.$emit("onEditorChange", params);
-    },
-    onReady(params) {
-      this.$emit("onEditorReady", params);
-    },
-  },
-  computed: {
-    editorOption() {
-      return {
-        modules: {
-          toolbar: {
-            container: this.toolbarOptions,
-          },
-        },
-        placeholder: this.placeholder,
-      };
-    },
-  },
-};
-</script>
-<style>
-.ql-toolbar.ql-snow {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-}
-
-.ql-container.ql-snow {
-  border-bottom-left-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
-  min-height: 5rem;
-}
-
-.ql-editor {
-  @apply text-sm text-gray-900;
-  max-height: 150px;
-}
-.ql-editor.ql-blank::before {
-  @apply not-italic text-gray-500;
-}
-</style>
+<template>
+  <div>
+    <div class="flex justify-between">
+      <p class="text-sm font-medium text-gray-900">{{ label }}</p>
+      <p class="text-sm text-gray-500" v-if="hint">{{ hint }}</p>
+    </div>
+    <quill-editor
+      class="mt-1 rounded-md bg-white text-sm shadow-sm"
+      :value="content"
+      :options="editorOption"
+      @change="onChange($event)"
+      @ready="onReady($event)"
+    ></quill-editor>
+    <p v-if="helpText" class="mt-2 text-sm text-gray-500">
+      {{ helpText }}
+    </p>
+  </div>
+</template>
+<script>
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import { quillEditor } from "vue-quill-editor";
+export default {
+  name: "CEditor",
+  components: { quillEditor },
+  props: {
+    content: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    hint: {
+      type: String,
+    },
+    helpText: {
+      type: String,
+    },
+    toolbarOptions: {
+      type: Array,
+    },
+    onEditorChange: {
+      type: Function,
+    },
+    placeholder: {
+      type: String,
+    },
+  },
+  methods: {
+    onChange(params) {
+      this.$emit("onEditorChange", params);
+    },
+    onReady(params) {
+      this.$emit("onEditorReady", params);
+    },
+  },
+  computed: {
+    editorOption() {
+      return {
+        modules: {
+          toolbar: {
+            container: this.toolbarOptions,
+          },
+        },
+        placeholder: this.placeholder,
+      };
+    },
+  },
+};
+</script>
+<style>
+.ql-toolbar.ql-snow {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+.ql-container.ql-snow {
+  border-bottom-left-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  min-height: 5rem;
+}
+
+.ql-editor {
+  @apply text-sm text-gray-900;
+  max-height: 150px;
+}
+.ql-editor.ql-blank::before {
+  @apply not-italic text-gray-500;
+}
+</style>

package/src/components/CEditor/index.js

@@ -1,3 +1,3 @@
-import CEditor from './CEditor.vue'
-
+import CEditor from './CEditor.vue'
+
 export default CEditor

package/src/components/CFormSectionHeading/CFormSectionHeading.vue

@@ -1,52 +1,52 @@
-<template>
-  <div>
-    <div :class="classes" class="border-gray-200">
-      <div class="flex justify-between items-center">
-        <div>
-          <h3 class="text-base font-semibold text-gray-900">
-            {{ heading }}
-          </h3>
-          <p v-if="description" class="max-w-4xl text-sm text-gray-500">
-            {{ description }}
-          </p>
-        </div>
-        <c-button
-          v-if="tabAction"
-          :type="tabAction.type"
-          :label="tabAction.label"
-          @action="emitTabAction"
-        ></c-button>
-        <c-anchor-tag v-if="tabLink" :label="tabLink.label" :action="emitTabLink"></c-anchor-tag>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import CAnchorTag from "../CAnchorTag/CAnchorTag.vue";
-import CButton from "../CButton/CButton.vue";
-export default {
-  name: "CFormSectionHeading",
-  components: { CButton, CAnchorTag },
-  props: {
-    heading: { type: String, required: true },
-    description: { type: String },
-    divider: { type: Boolean },
-    tabAction: { type: Object },
-    tabLink: { type: Object },
-    actionEvent: {
-      type: Function,
-    },
-    classes: {
-      type: String,
-    },
-  },
-  methods: {
-    emitTabAction() {
-      this.$emit("actionEvent");
-    },
-    emitTabLink() {
-      this.$emit("actionEvent");
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <div :class="classes" class="border-gray-200">
+      <div class="flex justify-between items-center">
+        <div>
+          <h3 class="text-base font-semibold text-gray-900">
+            {{ heading }}
+          </h3>
+          <p v-if="description" class="max-w-4xl text-sm text-gray-500">
+            {{ description }}
+          </p>
+        </div>
+        <c-button
+          v-if="tabAction"
+          :type="tabAction.type"
+          :label="tabAction.label"
+          @action="emitTabAction"
+        ></c-button>
+        <c-anchor-tag v-if="tabLink" :label="tabLink.label" :action="emitTabLink"></c-anchor-tag>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import CAnchorTag from "../CAnchorTag/CAnchorTag.vue";
+import CButton from "../CButton/CButton.vue";
+export default {
+  name: "CFormSectionHeading",
+  components: { CButton, CAnchorTag },
+  props: {
+    heading: { type: String, required: true },
+    description: { type: String },
+    divider: { type: Boolean },
+    tabAction: { type: Object },
+    tabLink: { type: Object },
+    actionEvent: {
+      type: Function,
+    },
+    classes: {
+      type: String,
+    },
+  },
+  methods: {
+    emitTabAction() {
+      this.$emit("actionEvent");
+    },
+    emitTabLink() {
+      this.$emit("actionEvent");
+    },
+  },
+};
+</script>

package/src/components/CFormSectionHeading/index.js

@@ -1,3 +1,3 @@
-import CFormSectionHeading from './CFormSectionHeading.vue'
-
+import CFormSectionHeading from './CFormSectionHeading.vue'
+
 export default CFormSectionHeading