@burh/nuxt-core 1.0.404 → 1.0.406

package/components/argon-core/BaseSlider.vue

@@ -1,96 +1,96 @@
-<template>
-  <div class="slider" :disabled="disabled"></div>
-</template>
-<script>
-import noUiSlider from 'nouislider';
-
-export default {
-  name: 'base-slider',
-  props: {
-    value: {
-      type: [String, Array, Number],
-      description: 'slider value'
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-      description: 'whether the slider is disabled'
-    },
-    start: {
-      type: [Number, Array],
-      default: 0,
-      description:
-        '[noUi Slider start](https://refreshless.com/nouislider/slider-options/#section-start)'
-    },
-    connect: {
-      type: [Boolean, Array],
-      default: () => [true, false],
-      description:
-        '[noUi Slider connect](https://refreshless.com/nouislider/slider-options/#section-connect)'
-    },
-    range: {
-      type: Object,
-      default: () => {
-        return {
-          min: 0,
-          max: 100
-        };
-      },
-      description:
-        '[noUi Slider range](https://refreshless.com/nouislider/slider-values/#section-range)'
-    },
-    options: {
-      type: Object,
-      default: () => {
-        return {};
-      },
-      description:
-        '[noUi Slider options](https://refreshless.com/nouislider/slider-options/)'
-    }
-  },
-  data() {
-    return {
-      slider: null
-    };
-  },
-  methods: {
-    createSlider() {
-      noUiSlider.create(this.$el, {
-        start: this.value || this.start,
-        connect: Array.isArray(this.value) ? true : this.connect,
-        range: this.range,
-        ...this.options
-      });
-      const slider = this.$el.noUiSlider;
-      slider.on('slide', () => {
-        let value = slider.get();
-        if (value !== this.value) {
-          this.$emit('input', value);
-        }
-      });
-    }
-  },
-  mounted() {
-    this.createSlider();
-  },
-  watch: {
-    value(newValue, oldValue) {
-      const slider = this.$el.noUiSlider;
-      const sliderValue = slider.get();
-      if (newValue !== oldValue && sliderValue !== newValue) {
-        if (Array.isArray(sliderValue) && Array.isArray(newValue)) {
-          if (
-            oldValue.length === newValue.length &&
-            oldValue.every((v, i) => v === newValue[i])
-          ) {
-            slider.set(newValue);
-          }
-        } else {
-          slider.set(newValue);
-        }
-      }
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <div class="slider" :disabled="disabled"></div>
+</template>
+<script>
+import noUiSlider from 'nouislider';
+
+export default {
+  name: 'base-slider',
+  props: {
+    value: {
+      type: [String, Array, Number],
+      description: 'slider value'
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+      description: 'whether the slider is disabled'
+    },
+    start: {
+      type: [Number, Array],
+      default: 0,
+      description:
+        '[noUi Slider start](https://refreshless.com/nouislider/slider-options/#section-start)'
+    },
+    connect: {
+      type: [Boolean, Array],
+      default: () => [true, false],
+      description:
+        '[noUi Slider connect](https://refreshless.com/nouislider/slider-options/#section-connect)'
+    },
+    range: {
+      type: Object,
+      default: () => {
+        return {
+          min: 0,
+          max: 100
+        };
+      },
+      description:
+        '[noUi Slider range](https://refreshless.com/nouislider/slider-values/#section-range)'
+    },
+    options: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+      description:
+        '[noUi Slider options](https://refreshless.com/nouislider/slider-options/)'
+    }
+  },
+  data() {
+    return {
+      slider: null
+    };
+  },
+  methods: {
+    createSlider() {
+      noUiSlider.create(this.$el, {
+        start: this.value || this.start,
+        connect: Array.isArray(this.value) ? true : this.connect,
+        range: this.range,
+        ...this.options
+      });
+      const slider = this.$el.noUiSlider;
+      slider.on('slide', () => {
+        let value = slider.get();
+        if (value !== this.value) {
+          this.$emit('input', value);
+        }
+      });
+    }
+  },
+  mounted() {
+    this.createSlider();
+  },
+  watch: {
+    value(newValue, oldValue) {
+      const slider = this.$el.noUiSlider;
+      const sliderValue = slider.get();
+      if (newValue !== oldValue && sliderValue !== newValue) {
+        if (Array.isArray(sliderValue) && Array.isArray(newValue)) {
+          if (
+            oldValue.length === newValue.length &&
+            oldValue.every((v, i) => v === newValue[i])
+          ) {
+            slider.set(newValue);
+          }
+        } else {
+          slider.set(newValue);
+        }
+      }
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/BaseSwitch.vue

@@ -1,46 +1,46 @@
-<template>
-  <label class="custom-toggle" :class="switchClass">
-    <input type="checkbox" v-model="model">
-    <span class="custom-toggle-slider rounded-circle" :data-label-off="offText" :data-label-on="onText"></span>
-  </label>
-</template>
-<script>
-  export default {
-    name: 'base-switch',
-    props: {
-      value: [Array, Boolean],
-      type: String,
-      onText: {
-        type: String,
-        default: 'Sim'
-      },
-      offText: {
-        type: String,
-        default: 'Não'
-      }
-    },
-    computed: {
-      switchClass() {
-        let baseClass = 'custom-toggle-';
-        if (this.type) {
-          return baseClass + this.type
-        }
-        return ''
-      },
-      model: {
-        get() {
-          return this.value;
-        },
-        set(value) {
-          this.$emit('input', value);
-        }
-      }
-    },
-    methods: {
-      triggerToggle() {
-        this.model = !this.model;
-      }
-    }
-  };
-</script>
-<style></style>
+<template>
+  <label class="custom-toggle" :class="switchClass">
+    <input type="checkbox" v-model="model">
+    <span class="custom-toggle-slider rounded-circle" :data-label-off="offText" :data-label-on="onText"></span>
+  </label>
+</template>
+<script>
+  export default {
+    name: 'base-switch',
+    props: {
+      value: [Array, Boolean],
+      type: String,
+      onText: {
+        type: String,
+        default: 'Sim'
+      },
+      offText: {
+        type: String,
+        default: 'Não'
+      }
+    },
+    computed: {
+      switchClass() {
+        let baseClass = 'custom-toggle-';
+        if (this.type) {
+          return baseClass + this.type
+        }
+        return ''
+      },
+      model: {
+        get() {
+          return this.value;
+        },
+        set(value) {
+          this.$emit('input', value);
+        }
+      }
+    },
+    methods: {
+      triggerToggle() {
+        this.model = !this.model;
+      }
+    }
+  };
+</script>
+<style></style>

package/components/argon-core/BaseTable.vue

@@ -1,70 +1,70 @@
-<template>
-  <table class="table tablesorter" :class="tableClass">
-    <thead :class="theadClasses">
-      <tr>
-        <slot name="columns" :columns="columns">
-          <th v-for="column in columns" :key="column">{{ column }}</th>
-        </slot>
-      </tr>
-    </thead>
-    <tbody :class="tbodyClasses">
-      <tr v-for="(item, index) in data" :key="index">
-        <slot :row="item" :index="index">
-          <td
-            v-for="(column, index) in columns"
-            :key="index"
-            v-if="hasValue(item, column)"
-          >
-            {{ itemValue(item, column) }}
-          </td>
-        </slot>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-export default {
-  name: 'base-table',
-  props: {
-    columns: {
-      type: Array,
-      default: () => [],
-      description: 'Table columns'
-    },
-    data: {
-      type: Array,
-      default: () => [],
-      description: 'Table data'
-    },
-    type: {
-      type: String, // striped | hover
-      default: '',
-      description: 'Whether table is striped or hover type'
-    },
-    theadClasses: {
-      type: String,
-      default: '',
-      description: '<thead> css classes'
-    },
-    tbodyClasses: {
-      type: String,
-      default: '',
-      description: '<tbody> css classes'
-    }
-  },
-  computed: {
-    tableClass() {
-      return this.type && `table-${this.type}`;
-    }
-  },
-  methods: {
-    hasValue(item, column) {
-      return item[column.toLowerCase()] !== 'undefined';
-    },
-    itemValue(item, column) {
-      return item[column.toLowerCase()];
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <table class="table tablesorter" :class="tableClass">
+    <thead :class="theadClasses">
+      <tr>
+        <slot name="columns" :columns="columns">
+          <th v-for="column in columns" :key="column">{{ column }}</th>
+        </slot>
+      </tr>
+    </thead>
+    <tbody :class="tbodyClasses">
+      <tr v-for="(item, index) in data" :key="index">
+        <slot :row="item" :index="index">
+          <td
+            v-for="(column, index) in columns"
+            :key="index"
+            v-if="hasValue(item, column)"
+          >
+            {{ itemValue(item, column) }}
+          </td>
+        </slot>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+export default {
+  name: 'base-table',
+  props: {
+    columns: {
+      type: Array,
+      default: () => [],
+      description: 'Table columns'
+    },
+    data: {
+      type: Array,
+      default: () => [],
+      description: 'Table data'
+    },
+    type: {
+      type: String, // striped | hover
+      default: '',
+      description: 'Whether table is striped or hover type'
+    },
+    theadClasses: {
+      type: String,
+      default: '',
+      description: '<thead> css classes'
+    },
+    tbodyClasses: {
+      type: String,
+      default: '',
+      description: '<tbody> css classes'
+    }
+  },
+  computed: {
+    tableClass() {
+      return this.type && `table-${this.type}`;
+    }
+  },
+  methods: {
+    hasValue(item, column) {
+      return item[column.toLowerCase()] !== 'undefined';
+    },
+    itemValue(item, column) {
+      return item[column.toLowerCase()];
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Breadcrumb/Breadcrumb.vue

@@ -1,26 +1,26 @@
-<template>
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb"
-        :class="[{[`bg-${type}`]: type}, listClasses]">
-      <slot></slot>
-    </ol>
-  </nav>
-</template>
-<script>
-export default {
-  name: 'breadcrumb',
-  props: {
-    type: {
-      type: String,
-      default: '',
-      description: 'Breadcrumb background type'
-    },
-    listClasses: {
-      type: [String, Object],
-      default: '',
-      description: 'Breadcrumb list classes'
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <nav aria-label="breadcrumb">
+    <ol class="breadcrumb"
+        :class="[{[`bg-${type}`]: type}, listClasses]">
+      <slot></slot>
+    </ol>
+  </nav>
+</template>
+<script>
+export default {
+  name: 'breadcrumb',
+  props: {
+    type: {
+      type: String,
+      default: '',
+      description: 'Breadcrumb background type'
+    },
+    listClasses: {
+      type: [String, Object],
+      default: '',
+      description: 'Breadcrumb list classes'
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Breadcrumb/BreadcrumbItem.vue

@@ -1,16 +1,16 @@
-<template>
-  <li class="breadcrumb-item" :class="{ active: active }"><slot></slot></li>
-</template>
-<script>
-export default {
-  name: 'breadcrumb-item',
-  props: {
-    active: {
-      type: Boolean,
-      default: false,
-      description: 'Whether breadcrumb item is active'
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <li class="breadcrumb-item" :class="{ active: active }"><slot></slot></li>
+</template>
+<script>
+export default {
+  name: 'breadcrumb-item',
+  props: {
+    active: {
+      type: Boolean,
+      default: false,
+      description: 'Whether breadcrumb item is active'
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Breadcrumb/RouteBreadcrumb.vue

@@ -1,45 +1,45 @@
-<template>
-  <no-ssr>
-    <bread-crumb list-classes="breadcrumb-links breadcrumb-dark">
-      <BreadCrumbItem>
-        <nuxt-link to="/" aria-label="Home">
-          <i class="fas fa-home"></i>
-        </nuxt-link>
-      </BreadCrumbItem>
-      <BreadCrumbItem
-        v-for="(route, index) in $route.matched.slice()"
-        :key="route.name"
-        :active="index === $route.matched.length - 1"
-        style="display:inline-block"
-      >
-        <nuxt-link
-          :to="{ name: route.name }"
-          v-if="index < $route.matched.length - 1"
-        >
-          {{ route.name }}
-        </nuxt-link>
-        <span v-else>{{ route.name }}</span>
-      </BreadCrumbItem>
-    </bread-crumb>
-  </no-ssr>
-</template>
-
-<script>
-  import BreadCrumb from './Breadcrumb';
-  import BreadCrumbItem from './BreadcrumbItem';
-
-  export default {
-    name: 'route-breadcrumb',
-    components: {
-      BreadCrumb,
-      BreadCrumbItem
-    },
-    methods: {
-      getBreadName(route) {
-        return route.name;
-      }
-    }
-  };
-</script>
-
-<style scoped></style>
+<template>
+  <no-ssr>
+    <bread-crumb list-classes="breadcrumb-links breadcrumb-dark">
+      <BreadCrumbItem>
+        <nuxt-link to="/" aria-label="Home">
+          <i class="fas fa-home"></i>
+        </nuxt-link>
+      </BreadCrumbItem>
+      <BreadCrumbItem
+        v-for="(route, index) in $route.matched.slice()"
+        :key="route.name"
+        :active="index === $route.matched.length - 1"
+        style="display:inline-block"
+      >
+        <nuxt-link
+          :to="{ name: route.name }"
+          v-if="index < $route.matched.length - 1"
+        >
+          {{ route.name }}
+        </nuxt-link>
+        <span v-else>{{ route.name }}</span>
+      </BreadCrumbItem>
+    </bread-crumb>
+  </no-ssr>
+</template>
+
+<script>
+  import BreadCrumb from './Breadcrumb';
+  import BreadCrumbItem from './BreadcrumbItem';
+
+  export default {
+    name: 'route-breadcrumb',
+    components: {
+      BreadCrumb,
+      BreadCrumbItem
+    },
+    methods: {
+      getBreadName(route) {
+        return route.name;
+      }
+    }
+  };
+</script>
+
+<style scoped></style>