@burh/nuxt-core 1.0.251 → 1.0.252

package/components/burh-ds/Skeleton/Home.vue

@@ -1,149 +1,149 @@
-<template>
-    <div class="card-body">
-        <h4 class="aria-text">Funcionalidades</h4>
-        <ul class="list-unstyled list line-card">
-            <li class="functionality-item text-center cursor-pointer card-item">
-                <div class="functionality-item--icone item"></div>
-            </li>
-            <li
-                class="functionality-item text-center  cursor-pointer border-left card-item"
-            >
-                <div class="functionality-item--icone item"></div>
-            </li>
-        </ul>
-        <hr />
-        <div class="item-text"></div>
-        <ul class="list-unstyled list line-card">
-            <li class="performance-item  primary">
-                <span class="performance-item--title item"></span>
-                <span class="performance-item--value"></span>
-            </li>
-            <li class="performance-item">
-                <span class="performance-item--title item"></span>
-                <span class="performance-item--value"></span>
-            </li>
-            <li class="performance-item">
-                <span class="performance-item--title item"></span>
-                <span class="performance-item--value"></span>
-            </li>
-        </ul>
-        <div class="item-text w-50 mt-5"></div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'home-skeleton'
-};
-</script>
-
-<style lang="scss" scoped>
-.item {
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-
-    -webkit-animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-name: placeholderSkeleton;
-    -webkit-animation-timing-function: linear;
-    background: #e0e3e6;
-    background-image: -webkit-gradient(
-        linear,
-        left center,
-        right center,
-        from(#e0e3e6),
-        color-stop(0.2, #edeef1),
-        color-stop(0.4, #e0e3e6),
-        to(#e0e3e6)
-    );
-    background-image: -webkit-linear-gradient(
-        left,
-        #e0e3e6 0%,
-        #edeef1 20%,
-        #e0e3e6 40%,
-        #e0e3e6 100%
-    );
-    background-repeat: no-repeat;
-    background-size: 800px 104px;
-}
-
-.item-text {
-    width: 100px;
-    height: 20px;
-    border-radius: 5px;
-
-    -webkit-animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-name: placeholderSkeleton;
-    -webkit-animation-timing-function: linear;
-    background: #e0e3e6;
-    background-image: -webkit-gradient(
-        linear,
-        left center,
-        right center,
-        from(#e0e3e6),
-        color-stop(0.2, #edeef1),
-        color-stop(0.4, #e0e3e6),
-        to(#e0e3e6)
-    );
-    background-image: -webkit-linear-gradient(
-        left,
-        #e0e3e6 0%,
-        #edeef1 20%,
-        #e0e3e6 40%,
-        #e0e3e6 100%
-    );
-    background-repeat: no-repeat;
-    background-size: 800px 104px;
-}
-
-.functionality-item {
-    display: flex;
-    flex-direction: column;
-    color: #258bf4;
-    line-height: 2.5;
-
-    &--icone {
-        margin-left: 7rem;
-        font-size: 1.75rem;
-    }
-
-    &--text {
-        font-size: 1rem;
-    }
-}
-
-.performance-item {
-    display: flex;
-    flex-direction: column;
-    &--title {
-        font-size: 1rem;
-    }
-
-    &--value {
-        font-size: 1.75rem;
-        align-self: center;
-    }
-}
-
-.list {
-    margin: 1.8rem 0;
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.line-card {
-    ul {
-        &:not(:first-child) {
-            border: 2px solid #e9ecef;
-        }
-    }
-}
-
-.card-item {
-    width: 50%;
-}
-</style>
+<template>
+    <div class="card-body">
+        <h4 class="aria-text">Funcionalidades</h4>
+        <ul class="list-unstyled list line-card">
+            <li class="functionality-item text-center cursor-pointer card-item">
+                <div class="functionality-item--icone item"></div>
+            </li>
+            <li
+                class="functionality-item text-center  cursor-pointer border-left card-item"
+            >
+                <div class="functionality-item--icone item"></div>
+            </li>
+        </ul>
+        <hr />
+        <div class="item-text"></div>
+        <ul class="list-unstyled list line-card">
+            <li class="performance-item  primary">
+                <span class="performance-item--title item"></span>
+                <span class="performance-item--value"></span>
+            </li>
+            <li class="performance-item">
+                <span class="performance-item--title item"></span>
+                <span class="performance-item--value"></span>
+            </li>
+            <li class="performance-item">
+                <span class="performance-item--title item"></span>
+                <span class="performance-item--value"></span>
+            </li>
+        </ul>
+        <div class="item-text w-50 mt-5"></div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'home-skeleton'
+};
+</script>
+
+<style lang="scss" scoped>
+.item {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-name: placeholderSkeleton;
+    -webkit-animation-timing-function: linear;
+    background: #e0e3e6;
+    background-image: -webkit-gradient(
+        linear,
+        left center,
+        right center,
+        from(#e0e3e6),
+        color-stop(0.2, #edeef1),
+        color-stop(0.4, #e0e3e6),
+        to(#e0e3e6)
+    );
+    background-image: -webkit-linear-gradient(
+        left,
+        #e0e3e6 0%,
+        #edeef1 20%,
+        #e0e3e6 40%,
+        #e0e3e6 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 800px 104px;
+}
+
+.item-text {
+    width: 100px;
+    height: 20px;
+    border-radius: 5px;
+
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-name: placeholderSkeleton;
+    -webkit-animation-timing-function: linear;
+    background: #e0e3e6;
+    background-image: -webkit-gradient(
+        linear,
+        left center,
+        right center,
+        from(#e0e3e6),
+        color-stop(0.2, #edeef1),
+        color-stop(0.4, #e0e3e6),
+        to(#e0e3e6)
+    );
+    background-image: -webkit-linear-gradient(
+        left,
+        #e0e3e6 0%,
+        #edeef1 20%,
+        #e0e3e6 40%,
+        #e0e3e6 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 800px 104px;
+}
+
+.functionality-item {
+    display: flex;
+    flex-direction: column;
+    color: #258bf4;
+    line-height: 2.5;
+
+    &--icone {
+        margin-left: 7rem;
+        font-size: 1.75rem;
+    }
+
+    &--text {
+        font-size: 1rem;
+    }
+}
+
+.performance-item {
+    display: flex;
+    flex-direction: column;
+    &--title {
+        font-size: 1rem;
+    }
+
+    &--value {
+        font-size: 1.75rem;
+        align-self: center;
+    }
+}
+
+.list {
+    margin: 1.8rem 0;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+.line-card {
+    ul {
+        &:not(:first-child) {
+            border: 2px solid #e9ecef;
+        }
+    }
+}
+
+.card-item {
+    width: 50%;
+}
+</style>

package/components/burh-ds/Tabs/Tab.vue

@@ -1,56 +1,56 @@
-<template>
-    <div
-        class="tab-pane"
-        v-show="active"
-        :id="id || title"
-        :class="{ active: active }"
-        :aria-expanded="active"
-    >
-        <slot></slot>
-    </div>
-</template>
-<script>
-import { isMobile, isMobileOnly } from 'mobile-device-detect';
-
-export default {
-    name: 'tab-pane',
-    props: ['title', 'id'],
-    inject: ['addTab', 'removeTab'],
-    data() {
-        return {
-            active: false,
-            isMobileOnlyWatch: isMobileOnly
-        };
-    },
-    mounted() {
-        this.addTab(this);
-
-        this.$bus.$on('close-tab', data => {
-            this.active = false;
-            if (this.isMobileOnlyWatch) {
-                if (
-                    document
-                        .querySelector('html')
-                        .classList.contains('no-scroll')
-                ) {
-                    document
-                        .querySelector('html')
-                        .classList.remove('no-scroll');
-                }
-            }
-        });
-    },
-    beforeDestroy() {
-        if (document.querySelector('html').classList.contains('no-scroll')) {
-            document.querySelector('html').classList.remove('no-scroll');
-        }
-    },
-    destroyed() {
-        if (this.$el && this.$el.parentNode) {
-            this.$el.parentNode.removeChild(this.$el);
-        }
-        this.removeTab(this);
-    }
-};
-</script>
-<style></style>
+<template>
+    <div
+        class="tab-pane"
+        v-show="active"
+        :id="id || title"
+        :class="{ active: active }"
+        :aria-expanded="active"
+    >
+        <slot></slot>
+    </div>
+</template>
+<script>
+import { isMobile, isMobileOnly } from 'mobile-device-detect';
+
+export default {
+    name: 'tab-pane',
+    props: ['title', 'id'],
+    inject: ['addTab', 'removeTab'],
+    data() {
+        return {
+            active: false,
+            isMobileOnlyWatch: isMobileOnly
+        };
+    },
+    mounted() {
+        this.addTab(this);
+
+        this.$bus.$on('close-tab', data => {
+            this.active = false;
+            if (this.isMobileOnlyWatch) {
+                if (
+                    document
+                        .querySelector('html')
+                        .classList.contains('no-scroll')
+                ) {
+                    document
+                        .querySelector('html')
+                        .classList.remove('no-scroll');
+                }
+            }
+        });
+    },
+    beforeDestroy() {
+        if (document.querySelector('html').classList.contains('no-scroll')) {
+            document.querySelector('html').classList.remove('no-scroll');
+        }
+    },
+    destroyed() {
+        if (this.$el && this.$el.parentNode) {
+            this.$el.parentNode.removeChild(this.$el);
+        }
+        this.removeTab(this);
+    }
+};
+</script>
+<style></style>