@monoui/vuejs 1.1.51 → 1.1.53

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.51",
+	"version": "1.1.53",
 	"description": "This project will contain MonoFor UI Framework",
 	"main": "./dist/main.js",
 	"repository": "git@gitlab.com:monoui/vuejs.git",

package/src/components/Modal/Alert.vue

@@ -102,7 +102,7 @@ export default {
 		show() {
 			this.$swal({
 				title: this.title,
-				type: this.type,
+				icon: this.type,
 				// text: this.text,
 				html: this.text,
 				showCancelButton: true,

package/src/components/Modal/Modal.vue

@@ -10,7 +10,8 @@
 		:dialog-class="isFullScreen ? 'modal-dialog-fullScreen' : ''"
 		:content-class="computedContentClass"
 		:body-class="computedBodyClass"
-		:header-class="isFullScreen ? 'modal-header-fullScreen' : ''"
+		:header-class="computedHeaderClass"
+		:footer-class="computedFooterClass"
 	>
 		<mui-loader :loading="loading" />
 
@@ -20,11 +21,6 @@
 			<slot name="default"> </slot>
 		</template>
 
-		<!-- TODO: DONT USE! -->
-		<!-- <template v-if="!loading" #modal-title>
-        <slot name="modal-title"></slot>
-      </template> -->
-
 		<template v-if="!loading" #modal-header="{close}">
 			<slot name="modal-header">
 				<div class="d-flex align-items-center">
@@ -103,6 +99,15 @@ export default {
 			return this.isFullScreen
 				? `${this.contentClass} modal-content-fullScreen`
 				: this.contentClass;
+		},
+		computerHeaderClass() {
+			const headerClass = this.headerClass || "";
+			return this.isFullScreen
+				? `${headerClass} modal-header-fullScreen`
+				: headerClass;
+		},
+		computedFooterClass() {
+			return this.footerClass;
 		}
 	},
 	props: {
@@ -110,6 +115,8 @@ export default {
 		"hide-footer": {},
 		"custom-class": {},
 		"ok-disabled": {},
+		headerClass: {},
+		footerClass: {},
 		title: {},
 		loading: {
 			type: Boolean,