@burh/nuxt-core 1.0.347 → 1.0.349

package/components/burh-ds/Banners/BannerItem.vue

@@ -1,14 +1,14 @@
-<template>
-    <div class="banner__item">
-        <slot></slot>
-    </div>
-</template>
-<script>
-export default {
-  name: 'banner-item',
-  props: {
-  }
-};
-</script>
-<style lang="scss">
-</style>
+<template>
+    <div class="banner__item">
+        <slot></slot>
+    </div>
+</template>
+<script>
+export default {
+  name: 'banner-item',
+  props: {
+  }
+};
+</script>
+<style lang="scss">
+</style>

package/components/burh-ds/Button/ExportButton.vue

@@ -1,21 +1,21 @@
-<template>
-    <base-button outline type="primary" class="dropdown-toggle">
-      Exportar Excel
-      <i class="fas fa-file-excel text-success ml-2" aria-hidden="true"></i>
-    </base-button>
-</template>
-<script>
-export default {
-    props:{
-        exportOptions:{
-            type: Array,
-            default: () => 
-            [{option: 'Exportar Excel', icon: 'fas fa-file-excel text-success'}, {option: 'Exportar PDF', icon: 'fas fa-file-pdf text-danger'}]
-        },
-        buttonName:{
-            type: String,
-            default: 'Exportar'
-        }
-    }
-}
+<template>
+    <base-button outline type="primary" class="dropdown-toggle">
+      Exportar Excel
+      <i class="fas fa-file-excel text-success ml-2" aria-hidden="true"></i>
+    </base-button>
+</template>
+<script>
+export default {
+    props:{
+        exportOptions:{
+            type: Array,
+            default: () => 
+            [{option: 'Exportar Excel', icon: 'fas fa-file-excel text-success'}, {option: 'Exportar PDF', icon: 'fas fa-file-pdf text-danger'}]
+        },
+        buttonName:{
+            type: String,
+            default: 'Exportar'
+        }
+    }
+}
 </script>

package/components/burh-ds/Button/SwitchStateButton.vue

@@ -1,165 +1,165 @@
-<template>
-	<!-- <div role="group" class="btn-group mx-auto">
-		<base-button type="primary" role="button" class="border-right" @click="$emit('anual')">Anual</base-button>
-		<base-button type="primary" role="button" class="border-left" @click="$emit('mensal')">Mensal</base-button>
-	</div> -->
-	<div class="toggle-button-cover">
-		<div class="button-cover">
-			<div class="button r" id="button-1">
-				<input type="checkbox" class="checkbox" @change="$emit('changeRecurrence')" :checked="monthRecurrence == 1">
-				<div class="knobs"></div>
-				<div class="layer"></div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	props: {
-	    monthRecurrence: {
-	        type: Number,
-	        default: 1
-	    }
-	},
-	return:{
-		default: ''
-	}
-};
-</script>
-<style lang="scss">
-    // .btn-primary{
-    //     &:hover{
-    //         /* background-color: transparent; */
-    //         border-color: transparent;
-    //     }
-    //     &:focus{
-    //         background-color: #0d85ce;
-    //     }
-    // }
-
-    *:focus
-    {
-        outline: none;
-    }
-    .toggle-button-cover
-    {
-        display: table-cell;
-        position: relative;
-        width: 200px;
-        height: 140px;
-        box-sizing: border-box;
-    }
-
-    .button-cover
-    {
-        height: 100px;
-        margin: 20px;
-        background-color: #fff;
-        box-shadow: 0 10px 20px -8px #c5d6d6;
-        border-radius: 4px;
-    }
-
-    .button-cover:before
-    {
-        counter-increment: button-counter;
-        content: counter(button-counter);
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        color: #d7e3e3;
-        font-size: 12px;
-        line-height: 1;
-        padding: 5px;
-    }
-
-    .button-cover, .knobs, .layer
-    {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-    }
-
-    .button
-    {
-        position: relative;
-        top: 50%;
-        width: 74px;
-        height: 36px;
-        margin: -20px auto 0 auto;
-        overflow: hidden;
-    }
-
-    .button.r, .button.r .layer
-    {
-        border-radius: 100px;
-    }
-
-    .button.b2
-    {
-        border-radius: 2px;
-    }
-
-    .checkbox
-    {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        cursor: pointer;
-        z-index: 3;
-    }
-
-    .knobs
-    {
-        z-index: 2;
-    }
-
-    .layer
-    {
-        width: 100%;
-        background-color: #ebf7fc;
-        transition: 0.3s ease all;
-        z-index: 1;
-    }
-
-    /* Button 1 */
-    #button-1 .knobs:before
-    {
-        content: 'Anual';
-        position: absolute;
-        top: 4px;
-        left: 4px;
-        width: 20px;
-        height: 10px;
-        color: #fff;
-        font-size: 10px;
-        font-weight: bold;
-        text-align: center;
-        line-height: 1;
-        padding: 9px 4px;
-        background-color: #03A9F4;
-        border-radius: 50%;
-        transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
-    }
-
-    #button-1 .checkbox:checked + .knobs:before
-    {
-        content: 'Mensal';
-        left: 42px;
-        background-color: #f44336;
-    }
-
-    #button-1 .checkbox:checked ~ .layer
-    {
-        background-color: #fcebeb;
-    }
-
-    #button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
-    {
-        transition: 0.3s ease all;
-    }
-</style>
+<template>
+	<!-- <div role="group" class="btn-group mx-auto">
+		<base-button type="primary" role="button" class="border-right" @click="$emit('anual')">Anual</base-button>
+		<base-button type="primary" role="button" class="border-left" @click="$emit('mensal')">Mensal</base-button>
+	</div> -->
+	<div class="toggle-button-cover">
+		<div class="button-cover">
+			<div class="button r" id="button-1">
+				<input type="checkbox" class="checkbox" @change="$emit('changeRecurrence')" :checked="monthRecurrence == 1">
+				<div class="knobs"></div>
+				<div class="layer"></div>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	props: {
+	    monthRecurrence: {
+	        type: Number,
+	        default: 1
+	    }
+	},
+	return:{
+		default: ''
+	}
+};
+</script>
+<style lang="scss">
+    // .btn-primary{
+    //     &:hover{
+    //         /* background-color: transparent; */
+    //         border-color: transparent;
+    //     }
+    //     &:focus{
+    //         background-color: #0d85ce;
+    //     }
+    // }
+
+    *:focus
+    {
+        outline: none;
+    }
+    .toggle-button-cover
+    {
+        display: table-cell;
+        position: relative;
+        width: 200px;
+        height: 140px;
+        box-sizing: border-box;
+    }
+
+    .button-cover
+    {
+        height: 100px;
+        margin: 20px;
+        background-color: #fff;
+        box-shadow: 0 10px 20px -8px #c5d6d6;
+        border-radius: 4px;
+    }
+
+    .button-cover:before
+    {
+        counter-increment: button-counter;
+        content: counter(button-counter);
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        color: #d7e3e3;
+        font-size: 12px;
+        line-height: 1;
+        padding: 5px;
+    }
+
+    .button-cover, .knobs, .layer
+    {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+    }
+
+    .button
+    {
+        position: relative;
+        top: 50%;
+        width: 74px;
+        height: 36px;
+        margin: -20px auto 0 auto;
+        overflow: hidden;
+    }
+
+    .button.r, .button.r .layer
+    {
+        border-radius: 100px;
+    }
+
+    .button.b2
+    {
+        border-radius: 2px;
+    }
+
+    .checkbox
+    {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+        opacity: 0;
+        cursor: pointer;
+        z-index: 3;
+    }
+
+    .knobs
+    {
+        z-index: 2;
+    }
+
+    .layer
+    {
+        width: 100%;
+        background-color: #ebf7fc;
+        transition: 0.3s ease all;
+        z-index: 1;
+    }
+
+    /* Button 1 */
+    #button-1 .knobs:before
+    {
+        content: 'Anual';
+        position: absolute;
+        top: 4px;
+        left: 4px;
+        width: 20px;
+        height: 10px;
+        color: #fff;
+        font-size: 10px;
+        font-weight: bold;
+        text-align: center;
+        line-height: 1;
+        padding: 9px 4px;
+        background-color: #03A9F4;
+        border-radius: 50%;
+        transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
+    }
+
+    #button-1 .checkbox:checked + .knobs:before
+    {
+        content: 'Mensal';
+        left: 42px;
+        background-color: #f44336;
+    }
+
+    #button-1 .checkbox:checked ~ .layer
+    {
+        background-color: #fcebeb;
+    }
+
+    #button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
+    {
+        transition: 0.3s ease all;
+    }
+</style>