@burh/nuxt-core 1.0.404 → 1.0.406

package/components/burh-ds/Modals/WhatsappModal.vue

@@ -1,143 +1,143 @@
-<template>
-    <el-dialog
-        :visible.sync="isActive"
-        width="54%"
-        custom-class="position-relative"
-        @close="$emit('close')"
-    >
-        <template>
-            <div class="row mt-5">
-                <!-- <base-input class="col-12" label="Email" type="text" /> -->
-                <div class="col-12 px-3 mb-4">
-                    <p class="lead mt-0 ml-5">
-                        Insira aqui o número do telefone.
-                    </p>
-                    <base-input
-                        class="mb-1 ml-5 mr-5"
-                        v-model="phoneNumber"
-                        placeholder="Ex: (15) 3342-6237"
-                        type="text"
-                        name="NumberCellphone"
-                    >
-                    </base-input>
-                </div>
-
-                <div class="col-12 d-flex">
-                    <base-button
-                        size="md"
-                        outline
-                        type="primary"
-                        role="button"
-                        class="ml-5"
-                        @click="$emit('close-modal')"
-                        >voltar
-                    </base-button>
-                    <base-button
-                        size="md"
-                        type="primary"
-                        role="button"
-                        @click="sendMessage()"
-                        class="ml-auto mr-5"
-                        >Enviar
-                    </base-button>
-                </div>
-            </div>
-
-            <span class="tool tool-close" @click="$emit('close-modal')">
-                Fechar
-                <font-awesome-icon
-                    :icon="['fas', 'times']"
-                    class="text-white ml-1"
-                />
-            </span>
-        </template>
-    </el-dialog>
-</template>
-
-<script>
-import { Dialog } from 'element-ui';
-
-export default {
-    name: 'whatsapp-modal',
-    components: {
-        [Dialog.name]: Dialog
-    },
-    data() {
-        return {
-            phoneNumber: ''
-        };
-    },
-    props: {
-        isActive: Boolean,
-        userData: Object,
-        baseUrl: String
-    },
-    methods: {
-        sendMessage() {
-            let phoneNumber = this.phoneNumber
-                .replace('(', '')
-                .replace(')', '')
-                .replace(' ', '')
-                .replace('-', '');
-            window.open(
-                'https://api.whatsapp.com/send?phone=' +
-                    '+55' +
-                    phoneNumber +
-                    '&text=' +
-                    `${this.baseUrl}/${this.userData.slug.slug}`
-            );
-        }
-    },
-    watch: {
-        isActive(newValue) {
-            !newValue && this.$emit('close-modal');
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    padding-bottom: 50px;
-    max-width: 725px;
-    min-width: 725px;
-}
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
-</style>
+<template>
+    <el-dialog
+        :visible.sync="isActive"
+        width="54%"
+        custom-class="position-relative"
+        @close="$emit('close')"
+    >
+        <template>
+            <div class="row mt-5">
+                <!-- <base-input class="col-12" label="Email" type="text" /> -->
+                <div class="col-12 px-3 mb-4">
+                    <p class="lead mt-0 ml-5">
+                        Insira aqui o número do telefone.
+                    </p>
+                    <base-input
+                        class="mb-1 ml-5 mr-5"
+                        v-model="phoneNumber"
+                        placeholder="Ex: (15) 3342-6237"
+                        type="text"
+                        name="NumberCellphone"
+                    >
+                    </base-input>
+                </div>
+
+                <div class="col-12 d-flex">
+                    <base-button
+                        size="md"
+                        outline
+                        type="primary"
+                        role="button"
+                        class="ml-5"
+                        @click="$emit('close-modal')"
+                        >voltar
+                    </base-button>
+                    <base-button
+                        size="md"
+                        type="primary"
+                        role="button"
+                        @click="sendMessage()"
+                        class="ml-auto mr-5"
+                        >Enviar
+                    </base-button>
+                </div>
+            </div>
+
+            <span class="tool tool-close" @click="$emit('close-modal')">
+                Fechar
+                <font-awesome-icon
+                    :icon="['fas', 'times']"
+                    class="text-white ml-1"
+                />
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import { Dialog } from 'element-ui';
+
+export default {
+    name: 'whatsapp-modal',
+    components: {
+        [Dialog.name]: Dialog
+    },
+    data() {
+        return {
+            phoneNumber: ''
+        };
+    },
+    props: {
+        isActive: Boolean,
+        userData: Object,
+        baseUrl: String
+    },
+    methods: {
+        sendMessage() {
+            let phoneNumber = this.phoneNumber
+                .replace('(', '')
+                .replace(')', '')
+                .replace(' ', '')
+                .replace('-', '');
+            window.open(
+                'https://api.whatsapp.com/send?phone=' +
+                    '+55' +
+                    phoneNumber +
+                    '&text=' +
+                    `${this.baseUrl}/${this.userData.slug.slug}`
+            );
+        }
+    },
+    watch: {
+        isActive(newValue) {
+            !newValue && this.$emit('close-modal');
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .el-dialog__body {
+    padding: 0;
+}
+
+/deep/ .el-dialog__header {
+    display: none;
+}
+
+/deep/ .el-dialog {
+    overflow: hidden;
+    border-radius: 10px;
+    padding-bottom: 50px;
+    max-width: 725px;
+    min-width: 725px;
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+
+    &-close {
+        position: absolute;
+        width: 88px;
+        height: 27px;
+        right: 7px;
+        top: 7px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-size: 11px;
+
+        font-weight: 500;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+</style>

package/components/burh-ds/Navbar/BaseNav.vue

@@ -1,132 +1,132 @@
-<template>
-  <nav :class="classes" class="navbar">
-    <div :class="containerClasses">
-      <slot name="brand"></slot>
-
-      <div class="d-flex">
-        <slot name="toggle-button">
-          <button
-            class="navbar-toggler collapsed d-sm-none"
-            v-if="hasMenu"
-            type="button"
-            @click="toggleBodyClass('no-scroll')"
-            @click.stop="toggleMenu"
-            aria-expanded="false"
-            aria-label="Toggle navigation"
-          >
-            <span class="navbar-toggler-icon"></span>
-          </button>
-        </slot>
-        <div
-          class="navbar-collapse navbar-custom-collapse collapse show d-sm-none"
-          :class="menuClasses"
-          v-show="show"
-          v-click-outside="closeMenu">
-          <slot :close-menu="closeMenu"></slot>
-        </div>
-
-        <slot name="user"></slot>
-      </div>
-    </div>
-  </nav>
-</template>
-<script>
-import { isMobile, isMobileOnly } from 'mobile-device-detect';
-export default {
-  name: 'base-nav',
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-      description:
-        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
-    },
-    transparent: {
-      type: Boolean,
-      default: false,
-      description: 'Whether navbar is transparent'
-    },
-    expand: {
-      type: String,
-      default: 'lg',
-      description: 'Breakpoint where nav should expand'
-    },
-    menuClasses: {
-      type: [String, Object, Array],
-      default: '',
-      description:
-        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
-    },
-    containerClasses: {
-      type: [String, Object, Array],
-      default: 'container',
-      description:
-        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
-    },
-    type: {
-      type: String,
-      default: '',
-      validator(value) {
-        return [
-          '',
-          'dark',
-          'success',
-          'danger',
-          'warning',
-          'white',
-          'primary',
-          'light',
-          'info',
-          'vue'
-        ].includes(value);
-      },
-      description: 'Navbar color type'
-    }
-  },
-  data() {
-    return {
-      isMobileWatch: isMobile,
-      isMobileOnlyWatch: isMobileOnly
-    }
-  },
-  model: {
-    prop: 'show',
-    event: 'change'
-  },
-  computed: {
-    classes() {
-      let color = `bg-${this.type}`;
-      let classes = [
-        { 'navbar-transparent': this.transparent },
-        { [`navbar-expand-${this.expand}`]: this.expand }
-      ];
-      if (this.position) {
-        classes.push(`navbar-${this.position}`);
-      }
-      if (!this.transparent) {
-        classes.push(color);
-      }
-      return classes;
-    },
-    hasMenu() {
-      return this.$slots.default;
-    }
-  },
-  methods: {
-    toggleMenu() {
-      this.$emit('change', !this.show);
-    },
-    closeMenu() {
-      this.$emit('change', false);
-    },
-    toggleBodyClass(className) {
-      const el = document.body;
-
-      if (isMobileOnly) {
-        el.classList.toggle(className);
-      }
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <nav :class="classes" class="navbar">
+    <div :class="containerClasses">
+      <slot name="brand"></slot>
+
+      <div class="d-flex">
+        <slot name="toggle-button">
+          <button
+            class="navbar-toggler collapsed d-sm-none"
+            v-if="hasMenu"
+            type="button"
+            @click="toggleBodyClass('no-scroll')"
+            @click.stop="toggleMenu"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span class="navbar-toggler-icon"></span>
+          </button>
+        </slot>
+        <div
+          class="navbar-collapse navbar-custom-collapse collapse show d-sm-none"
+          :class="menuClasses"
+          v-show="show"
+          v-click-outside="closeMenu">
+          <slot :close-menu="closeMenu"></slot>
+        </div>
+
+        <slot name="user"></slot>
+      </div>
+    </div>
+  </nav>
+</template>
+<script>
+import { isMobile, isMobileOnly } from 'mobile-device-detect';
+export default {
+  name: 'base-nav',
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+      description:
+        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
+    },
+    transparent: {
+      type: Boolean,
+      default: false,
+      description: 'Whether navbar is transparent'
+    },
+    expand: {
+      type: String,
+      default: 'lg',
+      description: 'Breakpoint where nav should expand'
+    },
+    menuClasses: {
+      type: [String, Object, Array],
+      default: '',
+      description:
+        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
+    },
+    containerClasses: {
+      type: [String, Object, Array],
+      default: 'container',
+      description:
+        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
+    },
+    type: {
+      type: String,
+      default: '',
+      validator(value) {
+        return [
+          '',
+          'dark',
+          'success',
+          'danger',
+          'warning',
+          'white',
+          'primary',
+          'light',
+          'info',
+          'vue'
+        ].includes(value);
+      },
+      description: 'Navbar color type'
+    }
+  },
+  data() {
+    return {
+      isMobileWatch: isMobile,
+      isMobileOnlyWatch: isMobileOnly
+    }
+  },
+  model: {
+    prop: 'show',
+    event: 'change'
+  },
+  computed: {
+    classes() {
+      let color = `bg-${this.type}`;
+      let classes = [
+        { 'navbar-transparent': this.transparent },
+        { [`navbar-expand-${this.expand}`]: this.expand }
+      ];
+      if (this.position) {
+        classes.push(`navbar-${this.position}`);
+      }
+      if (!this.transparent) {
+        classes.push(color);
+      }
+      return classes;
+    },
+    hasMenu() {
+      return this.$slots.default;
+    }
+  },
+  methods: {
+    toggleMenu() {
+      this.$emit('change', !this.show);
+    },
+    closeMenu() {
+      this.$emit('change', false);
+    },
+    toggleBodyClass(className) {
+      const el = document.body;
+
+      if (isMobileOnly) {
+        el.classList.toggle(className);
+      }
+    }
+  }
+};
+</script>
+<style></style>