@monoui/vuejs 1.1.10

package/src/components/Spinner/Spinner.vue

@@ -0,0 +1,19 @@
+<template>
+	<b-spinner v-bind="this.$props"></b-spinner>
+</template>
+
+<script>
+export default {
+	name: "mui-spinner",
+	props: {
+		key: {},
+		variant: {},
+		type: {},
+		small: { type: Boolean },
+		label: {},
+		class: {},
+		tag: {},
+		role: {}
+	}
+};
+</script>

package/src/components/Spinner/index.js

@@ -0,0 +1,3 @@
+import Spinner from "./Spinner.vue";
+
+export default Spinner;

package/src/components/Table/Icons/ArrowDown.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path
+				d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/ArrowDownLong.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<rect fill="none" height="24" width="24" />
+			<path
+				d="M19,15l-1.41-1.41L13,18.17V2H11v16.17l-4.59-4.59L5,15l7,7L19,15z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/ArrowUp.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path
+				d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/ArrowUpLong.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<rect fill="none" height="24" width="24" />
+			<path
+				d="M5,9l1.41,1.41L11,5.83V22H13V5.83l4.59,4.59L19,9l-7-7L5,9z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/BaseIcon.vue

@@ -0,0 +1,46 @@
+<template>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		:width="width"
+		:height="height"
+		viewBox="0 0 24 24"
+		:aria-labelledby="iconName"
+		role="presentation"
+	>
+		<title :id="iconName" lang="en">{{ iconName }} icon</title>
+		<g :fill="iconColor">
+			<slot />
+		</g>
+	</svg>
+</template>
+
+<script>
+export default {
+	props: {
+		iconName: {
+			type: String,
+			default: "box"
+		},
+		width: {
+			type: [Number, String],
+			default: 18
+		},
+		height: {
+			type: [Number, String],
+			default: 18
+		},
+		iconColor: {
+			type: String,
+			default: "currentColor"
+		}
+	}
+};
+</script>
+
+<style scoped>
+svg {
+	display: inline-block;
+	vertical-align: baseline;
+	margin-bottom: -2px; /* yes, I'm that particular about formatting */
+}
+</style>

package/src/components/Table/Icons/Sorting.vue

@@ -0,0 +1,16 @@
+<template>
+	<base-icon>
+		<g>
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z" />
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/SortingAZ.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path
+				d="M14.94 4.66h-4.72l2.36-2.36 2.36 2.36zm-4.69 14.71h4.66l-2.33 2.33-2.33-2.33zM6.1 6.27L1.6 17.73h1.84l.92-2.45h5.11l.92 2.45h1.84L7.74 6.27H6.1zm-1.13 7.37l1.94-5.18 1.94 5.18H4.97zm10.76 2.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93 8.6z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>

package/src/components/Table/Icons/SortingArrows.vue

@@ -0,0 +1,18 @@
+<template>
+	<base-icon>
+		<g>
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path
+				d="M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z"
+			/>
+		</g>
+	</base-icon>
+</template>
+<script>
+import BaseIcon from "./BaseIcon.vue";
+export default {
+	components: {
+		BaseIcon
+	}
+};
+</script>