@burh/nuxt-core 1.0.503 → 1.0.505

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

@@ -1,60 +1,60 @@
-<template>
-    <client-only>
-        <text-editor ref="editor" v-model="value" :config="editorConfig" />
-    </client-only>
-</template>
-
-<script>
-export default {
-    name: 'html-editor',
-    components: {
-        'text-editor': () => process.client && import('@blowstack/ckeditor-nuxt')
-    },
-    props: {
-        value: {
-            type: String,
-            default: ''
-        },
-        baseApiUrl: String,
-        token: String
-    },
-    mounted() {
-        import('@ckeditor/ckeditor5-build-classic/build/translations/pt-br');
-    },
-    data() {
-        return {
-            editorConfig: {
-                simpleUpload: {
-                    uploadUrl: `${this.baseApiUrl}/ckeditor/image`,
-                    headers: {
-                        Authorization: `Bearer ${this.token}`
-                    }
-                },
-                link: {
-                    addTargetToExternalLinks: true
-                },
-                language: 'pt-br',
-                removePlugins: [
-                    'Title',
-                ]
-            }
-        };
-    },
-    watch: {
-        value() {
-            this.$emit('input', this.value);
-        }
-    }
-};
-</script>
-
-<style lang="scss">
-.ck-editor {
-    margin-bottom: 20px !important;
-}
-.ck-content {
-    min-height: 200px;
-    max-height: 500px;
-    overflow-y: auto;
-}
-</style>
+<template>
+    <client-only>
+        <text-editor ref="editor" v-model="value" :config="editorConfig" />
+    </client-only>
+</template>
+
+<script>
+export default {
+    name: 'html-editor',
+    components: {
+        'text-editor': () => process.client && import('@blowstack/ckeditor-nuxt')
+    },
+    props: {
+        value: {
+            type: String,
+            default: ''
+        },
+        baseApiUrl: String,
+        token: String
+    },
+    mounted() {
+        import('@ckeditor/ckeditor5-build-classic/build/translations/pt-br');
+    },
+    data() {
+        return {
+            editorConfig: {
+                simpleUpload: {
+                    uploadUrl: `${this.baseApiUrl}/ckeditor/image`,
+                    headers: {
+                        Authorization: `Bearer ${this.token}`
+                    }
+                },
+                link: {
+                    addTargetToExternalLinks: true
+                },
+                language: 'pt-br',
+                removePlugins: [
+                    'Title',
+                ]
+            }
+        };
+    },
+    watch: {
+        value() {
+            this.$emit('input', this.value);
+        }
+    }
+};
+</script>
+
+<style lang="scss">
+.ck-editor {
+    margin-bottom: 20px !important;
+}
+.ck-content {
+    min-height: 200px;
+    max-height: 500px;
+    overflow-y: auto;
+}
+</style>

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

@@ -1,88 +1,88 @@
-<template>
-	<div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
-		<label for="search">
-			<template v-if="!isLocked">
-				<i class="fas fa-search"></i>
-			</template>
-			<template v-else>
-				<i class="fas fa-lock"></i>
-			</template>
-		</label>
-		<input type="text" name="search" id="search"  :disabled="disabled || isLocked" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'search-input',
-	props: {
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		search: String,
-		placeholder: {
-			type: String,
-			default: 'Busque por vaga'
-		},
-		isLocked: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			searchModel: null
-		};
-	},
-	mounted() {
-		this.searchModel = this.search;
-	},
-	watch: {
-		search(value) {
-			this.searchModel = value;
-		},
-		searchModel(value) {
-			this.$emit('search', value);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.input__container__icon {
-	position: relative;
-	display: flex;
-	align-items: center;
-	border-radius: 100px;
-	max-width: 270px;
-	overflow: hidden;
-	border: 1px solid #E9ECEF;
-	input {
-		background: transparent;
-		border: 0;
-		outline: none;
-		padding: 5px 0;
-		width: 100%;
-	}
-	label {
-		margin: 0;
-		display: block;
-	}
-	i {
-		padding: 0 10px;
-		color: #AEB6BE;
-	}
-    &.input__disabled {
-        background-color: #E9ECEF;
-        cursor: not-allowed !important;
-        input {
-            color: #AEB6BE !important;
-            cursor: not-allowed !important;
-        }
-        label {
-            cursor: not-allowed !important;
-        }
-    }
-}
-</style>
+<template>
+	<div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
+		<label for="search">
+			<template v-if="!isLocked">
+				<i class="fas fa-search"></i>
+			</template>
+			<template v-else>
+				<i class="fas fa-lock"></i>
+			</template>
+		</label>
+		<input type="text" name="search" id="search"  :disabled="disabled || isLocked" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'search-input',
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		search: String,
+		placeholder: {
+			type: String,
+			default: 'Busque por vaga'
+		},
+		isLocked: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			searchModel: null
+		};
+	},
+	mounted() {
+		this.searchModel = this.search;
+	},
+	watch: {
+		search(value) {
+			this.searchModel = value;
+		},
+		searchModel(value) {
+			this.$emit('search', value);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.input__container__icon {
+	position: relative;
+	display: flex;
+	align-items: center;
+	border-radius: 100px;
+	max-width: 270px;
+	overflow: hidden;
+	border: 1px solid #E9ECEF;
+	input {
+		background: transparent;
+		border: 0;
+		outline: none;
+		padding: 5px 0;
+		width: 100%;
+	}
+	label {
+		margin: 0;
+		display: block;
+	}
+	i {
+		padding: 0 10px;
+		color: #AEB6BE;
+	}
+    &.input__disabled {
+        background-color: #E9ECEF;
+        cursor: not-allowed !important;
+        input {
+            color: #AEB6BE !important;
+            cursor: not-allowed !important;
+        }
+        label {
+            cursor: not-allowed !important;
+        }
+    }
+}
+</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>