@tiddh/brave-vue 1.92.21 → 1.92.23

package/dist/src/Preview/Preview.vue

@@ -26,12 +26,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == 1"
 					:inverted="true"
-					@click="toTheLeft()"
-					icon="chevron-left"
+					@click="toTheLeft"
 				>
+					<Icon name="chevron-left" stroke="transparent" size="md" />
 				</Button>
 			</div>
 
@@ -40,12 +39,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == pages"
 					:inverted="true"
-					@click="toTheRight()"
-					icon="chevron-right"
+					@click="toTheRight"
 				>
+					<Icon name="chevron-right" stroke="transparent" size="md" />
 				</Button>
 			</div>
 		</div>
@@ -54,14 +52,13 @@
 
 <script>
 	import Language from "./js/language.json";
+	import Icon from "../Icons/Icon.vue";
+	import Button from "../Buttons/Button.vue";
 
-	import jQuery from "jquery";
 	import "./js/turn.min.js";
 	import "./js/zoom.min.js";
-	import Icon from "../Icons/Icon.vue";
-
-	import Button from "../Buttons/Button.vue";
 
+	import jQuery from "jquery";
 	const $ = jQuery;
 	const axios = require("axios");
 
@@ -248,34 +245,9 @@
 					InitialPages +=
 						"<div class='hard'><img src='data:image/png;base64," +
 						url +
-						"' alt='' firstPage='true'></div>";
+						"' alt='' width='100%' firstPage='true'></div>";
 				}
 
-				// InitialPages +=
-				// 	"<div class='hard back-side'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	(this.pages - 1) +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-				// InitialPages +=
-				// 	"<div class='hard'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	this.pages +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-
 				$("#flipbook").html(InitialPages);
 				return true;
 			},
@@ -665,6 +637,22 @@
 				};
 			},
 		},
+
+		beforeDestroy() {
+			// Clean up imported modules
+			// Assuming the imported modules have global side effects, you can remove them from the window object
+			delete window.turn;
+			delete window.Zoom;
+
+			// Clean up jQuery instance
+			// Assuming you have assigned the jQuery instance to the global window object, you can remove it
+			delete window.$;
+
+			// Clean up Axios module
+			// Assuming you have assigned the Axios module to the global window object, you can remove it
+			//delete window.axios;
+		},
+
 		computed: {
 			shadowVar() {
 				return {

package/dist/src/Preview/PreviewTools.vue

@@ -44,7 +44,7 @@
 				<div class="itens-properties" v-if="properties">
 					<div
 						class="item"
-						@click="showModal(property.code)"
+						@click="showModal(property)"
 						v-for="(property, index) in properties"
 						:key="index"
 					>
@@ -1190,43 +1190,43 @@
 				//var modalName = Object.keys(key)[0];
 				// console.log(modalName);
 
-				if (modalName === "nome") {
+				if (modalName.code === "nome" || modalName.property_id === 24) {
 					this.modalName = true;
 				}
 
-				if (modalName.includes("dedicatoria")) {
+				if (modalName.code == "dedicatoria" || modalName.property_id === 26) {
 					this.modalDedication = true;
 				}
 
-				if (modalName.includes("nome-do-mooner")) {
+				if (modalName.code == "nome-do-mooner") {
 					this.modalMooner = true;
 				}
 
-				if (modalName.includes("nome-pet")) {
+				if (modalName.code == "nome-pet") {
 					this.modalPet = true;
 				}
 
-				if (modalName.includes("script")) {
+				if (modalName.code == "script") {
 					this.modalLayout = true;
 				}
 
-				if (modalName.includes("camisa")) {
+				if (modalName.code == "camisa") {
 					this.modalShirtNumber = true;
 				}
 
-				if (modalName.includes("birthday")) {
+				if (modalName.code == "birthday") {
 					this.modalBirthdate = true;
 				}
 
-				if (modalName.includes("fantasy")) {
+				if (modalName.code == "fantasy") {
 					this.modalFantasy = true;
 				}
 
-				if (modalName.includes("languages")) {
+				if (modalName.code == "languages") {
 					this.modalLanguage = true;
 				}
 
-				if (modalName.includes("layouts")) {
+				if (modalName.code == "layouts") {
 					this.modalLayout = true;
 				}
 			},
@@ -1761,7 +1761,7 @@
 								dedicatoria: {
 									code: "dedicatoria",
 									property_id: 26,
-									value: self.dedicationText,
+									value: self.dedicationText ? self.dedicationText : " ",
 								},
 							},
 						},

package/dist/src/Preview/PreviewWithTools.vue

@@ -258,7 +258,7 @@
 			},
 
 			changeUrl(payload) {
-				alert("Change url ");
+				//alert("Change url ");
 				this.$emit("changeUrl", payload);
 			},
 

package/dist/src/Preview.vue

@@ -26,12 +26,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == 1"
 					:inverted="true"
-					@click="toTheLeft()"
-					icon="chevron-left"
+					@click="toTheLeft"
 				>
+					<Icon name="chevron-left" stroke="transparent" size="md" />
 				</Button>
 			</div>
 
@@ -40,12 +39,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == pages"
 					:inverted="true"
-					@click="toTheRight()"
-					icon="chevron-right"
+					@click="toTheRight"
 				>
+					<Icon name="chevron-right" stroke="transparent" size="md" />
 				</Button>
 			</div>
 		</div>
@@ -54,14 +52,13 @@
 
 <script>
 	import Language from "./js/language.json";
+	import Icon from "../Icons/Icon.vue";
+	import Button from "../Buttons/Button.vue";
 
-	import jQuery from "jquery";
 	import "./js/turn.min.js";
 	import "./js/zoom.min.js";
-	import Icon from "../Icons/Icon.vue";
-
-	import Button from "../Buttons/Button.vue";
 
+	import jQuery from "jquery";
 	const $ = jQuery;
 	const axios = require("axios");
 
@@ -248,34 +245,9 @@
 					InitialPages +=
 						"<div class='hard'><img src='data:image/png;base64," +
 						url +
-						"' alt='' firstPage='true'></div>";
+						"' alt='' width='100%' firstPage='true'></div>";
 				}
 
-				// InitialPages +=
-				// 	"<div class='hard back-side'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	(this.pages - 1) +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-				// InitialPages +=
-				// 	"<div class='hard'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	this.pages +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-
 				$("#flipbook").html(InitialPages);
 				return true;
 			},
@@ -665,6 +637,22 @@
 				};
 			},
 		},
+
+		beforeDestroy() {
+			// Clean up imported modules
+			// Assuming the imported modules have global side effects, you can remove them from the window object
+			delete window.turn;
+			delete window.Zoom;
+
+			// Clean up jQuery instance
+			// Assuming you have assigned the jQuery instance to the global window object, you can remove it
+			delete window.$;
+
+			// Clean up Axios module
+			// Assuming you have assigned the Axios module to the global window object, you can remove it
+			//delete window.axios;
+		},
+
 		computed: {
 			shadowVar() {
 				return {

package/dist/src/PreviewTools.vue

@@ -44,7 +44,7 @@
 				<div class="itens-properties" v-if="properties">
 					<div
 						class="item"
-						@click="showModal(property.code)"
+						@click="showModal(property)"
 						v-for="(property, index) in properties"
 						:key="index"
 					>
@@ -1190,43 +1190,43 @@
 				//var modalName = Object.keys(key)[0];
 				// console.log(modalName);
 
-				if (modalName === "nome") {
+				if (modalName.code === "nome" || modalName.property_id === 24) {
 					this.modalName = true;
 				}
 
-				if (modalName.includes("dedicatoria")) {
+				if (modalName.code == "dedicatoria" || modalName.property_id === 26) {
 					this.modalDedication = true;
 				}
 
-				if (modalName.includes("nome-do-mooner")) {
+				if (modalName.code == "nome-do-mooner") {
 					this.modalMooner = true;
 				}
 
-				if (modalName.includes("nome-pet")) {
+				if (modalName.code == "nome-pet") {
 					this.modalPet = true;
 				}
 
-				if (modalName.includes("script")) {
+				if (modalName.code == "script") {
 					this.modalLayout = true;
 				}
 
-				if (modalName.includes("camisa")) {
+				if (modalName.code == "camisa") {
 					this.modalShirtNumber = true;
 				}
 
-				if (modalName.includes("birthday")) {
+				if (modalName.code == "birthday") {
 					this.modalBirthdate = true;
 				}
 
-				if (modalName.includes("fantasy")) {
+				if (modalName.code == "fantasy") {
 					this.modalFantasy = true;
 				}
 
-				if (modalName.includes("languages")) {
+				if (modalName.code == "languages") {
 					this.modalLanguage = true;
 				}
 
-				if (modalName.includes("layouts")) {
+				if (modalName.code == "layouts") {
 					this.modalLayout = true;
 				}
 			},
@@ -1761,7 +1761,7 @@
 								dedicatoria: {
 									code: "dedicatoria",
 									property_id: 26,
-									value: self.dedicationText,
+									value: self.dedicationText ? self.dedicationText : " ",
 								},
 							},
 						},

package/dist/src/PreviewWithTools.vue

@@ -258,7 +258,7 @@
 			},
 
 			changeUrl(payload) {
-				alert("Change url ");
+				//alert("Change url ");
 				this.$emit("changeUrl", payload);
 			},
 

package/dist/src/components/Preview/Preview.vue

@@ -26,12 +26,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == 1"
 					:inverted="true"
-					@click="toTheLeft()"
-					icon="chevron-left"
+					@click="toTheLeft"
 				>
+					<Icon name="chevron-left" stroke="transparent" size="md" />
 				</Button>
 			</div>
 
@@ -40,12 +39,11 @@
 					kind="primary"
 					size="xl"
 					width="circle"
-					class="arrow"
-					:disabled="false"
+					:disabled="currentPage == pages"
 					:inverted="true"
-					@click="toTheRight()"
-					icon="chevron-right"
+					@click="toTheRight"
 				>
+					<Icon name="chevron-right" stroke="transparent" size="md" />
 				</Button>
 			</div>
 		</div>
@@ -54,14 +52,13 @@
 
 <script>
 	import Language from "./js/language.json";
+	import Icon from "../Icons/Icon.vue";
+	import Button from "../Buttons/Button.vue";
 
-	import jQuery from "jquery";
 	import "./js/turn.min.js";
 	import "./js/zoom.min.js";
-	import Icon from "../Icons/Icon.vue";
-
-	import Button from "../Buttons/Button.vue";
 
+	import jQuery from "jquery";
 	const $ = jQuery;
 	const axios = require("axios");
 
@@ -248,34 +245,9 @@
 					InitialPages +=
 						"<div class='hard'><img src='data:image/png;base64," +
 						url +
-						"' alt='' firstPage='true'></div>";
+						"' alt='' width='100%' firstPage='true'></div>";
 				}
 
-				// InitialPages +=
-				// 	"<div class='hard back-side'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	(this.pages - 1) +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-				// InitialPages +=
-				// 	"<div class='hard'><img src='" +
-				// 	this.apiUrl +
-				// 	"/api/builder/getpreview/" +
-				// 	this.uuid +
-				// 	"?page=" +
-				// 	this.pages +
-				// 	"&w=" +
-				// 	this.bookDimensions.width +
-				// 	"&v=0&update=" +
-				// 	n +
-				// 	"' alt=''></div>";
-
 				$("#flipbook").html(InitialPages);
 				return true;
 			},
@@ -665,6 +637,22 @@
 				};
 			},
 		},
+
+		beforeDestroy() {
+			// Clean up imported modules
+			// Assuming the imported modules have global side effects, you can remove them from the window object
+			delete window.turn;
+			delete window.Zoom;
+
+			// Clean up jQuery instance
+			// Assuming you have assigned the jQuery instance to the global window object, you can remove it
+			delete window.$;
+
+			// Clean up Axios module
+			// Assuming you have assigned the Axios module to the global window object, you can remove it
+			//delete window.axios;
+		},
+
 		computed: {
 			shadowVar() {
 				return {

package/dist/src/components/Preview/PreviewTools.vue

@@ -44,7 +44,7 @@
 				<div class="itens-properties" v-if="properties">
 					<div
 						class="item"
-						@click="showModal(property.code)"
+						@click="showModal(property)"
 						v-for="(property, index) in properties"
 						:key="index"
 					>
@@ -1190,43 +1190,43 @@
 				//var modalName = Object.keys(key)[0];
 				// console.log(modalName);
 
-				if (modalName === "nome") {
+				if (modalName.code === "nome" || modalName.property_id === 24) {
 					this.modalName = true;
 				}
 
-				if (modalName.includes("dedicatoria")) {
+				if (modalName.code == "dedicatoria" || modalName.property_id === 26) {
 					this.modalDedication = true;
 				}
 
-				if (modalName.includes("nome-do-mooner")) {
+				if (modalName.code == "nome-do-mooner") {
 					this.modalMooner = true;
 				}
 
-				if (modalName.includes("nome-pet")) {
+				if (modalName.code == "nome-pet") {
 					this.modalPet = true;
 				}
 
-				if (modalName.includes("script")) {
+				if (modalName.code == "script") {
 					this.modalLayout = true;
 				}
 
-				if (modalName.includes("camisa")) {
+				if (modalName.code == "camisa") {
 					this.modalShirtNumber = true;
 				}
 
-				if (modalName.includes("birthday")) {
+				if (modalName.code == "birthday") {
 					this.modalBirthdate = true;
 				}
 
-				if (modalName.includes("fantasy")) {
+				if (modalName.code == "fantasy") {
 					this.modalFantasy = true;
 				}
 
-				if (modalName.includes("languages")) {
+				if (modalName.code == "languages") {
 					this.modalLanguage = true;
 				}
 
-				if (modalName.includes("layouts")) {
+				if (modalName.code == "layouts") {
 					this.modalLayout = true;
 				}
 			},
@@ -1761,7 +1761,7 @@
 								dedicatoria: {
 									code: "dedicatoria",
 									property_id: 26,
-									value: self.dedicationText,
+									value: self.dedicationText ? self.dedicationText : " ",
 								},
 							},
 						},

package/dist/src/components/Preview/PreviewWithTools.vue

@@ -258,7 +258,7 @@
 			},
 
 			changeUrl(payload) {
-				alert("Change url ");
+				//alert("Change url ");
 				this.$emit("changeUrl", payload);
 			},
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tiddh/brave-vue",
-	"version": "1.92.21",
+	"version": "1.92.23",
 	"private": false,
 	"main": "dist/brave-vue.ssr.js",
 	"browser": "dist/brave-vue.esm.js",