chore(build): update JavaScript and CSS files, remove obsolete files, and add new assets for improved performance

app/src/plugins/tm@modal/blocker/z-blocker-modal.vue

@@ -1,10 +1,13 @@
 <template>
-	<v-dialog v-model="visible" max-width="750" max-height="90%" height="700px" persistent>
+	<v-dialog v-model="visible" :width="modalWidth" :height="modalHeight" persistent>
 		<W-loadable :content="blocker" class="h-100">
-			<v-card height="100%" class="d-flex flex-column">
+			<v-card height="100%" class="d-flex flex-column" style="position: relative">
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ blocker.id ? "Upraviť" : "Vytvoriť" }} blocker</h1>
-					<v-icon @click.stop="closeModal()" icon="mdi-close" size="large"></v-icon>
+					<div class="d-flex align-center">
+						<a-reset-size-button @reset="resetModalSize" />
+						<a-close-button @close="closeModal()" />
+					</div>
 				</div>
 
 				<v-card-actions class="d-flex flex-column modal-content">
@@ -30,6 +33,7 @@
 				</v-card-actions>
 
 				<v-btn class="button primary" @click="save()">{{ blocker.id ? "UPRAVIŤ" : "VYTVORIŤ" }}</v-btn>
+				<a-resize-handle @resize="handleModalResize" @resize-end="handleResizeEnd" :current-width="modalWidthPx" :current-height="modalHeightPx" />
 			</v-card>
 		</W-loadable>
 	</v-dialog>
@@ -45,6 +49,9 @@ import { mapGetters } from "vuex"
 import moment from "moment"
 import AutocompleteMixin from '@/plugins/tm@_mixins/autocomplete.mixin'
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin'
+import AResizeHandle from '@/plugins/tm@modal/_components/a-resize-handle.vue'
+import AResetSizeButton from '@/plugins/tm@modal/_components/a-reset-size-button.vue'
+import ACloseButton from '@/plugins/tm@modal/_components/a-close-button.vue'
 
 export default {
 	mixins: [VuetifyFixFocusMixin, AutocompleteMixin, modalMixin],
@@ -54,6 +61,8 @@ export default {
 	components: {
 		Datepicker,
 		// ZAutocomplete
+		AResizeHandle,
+		AResetSizeButton, ACloseButton,
 	},
 
 	data() {
@@ -65,7 +74,8 @@ export default {
 			datepicker: null,
 			starts_at_time: null,
 			ends_at_time: null,
-			employee: null
+			employee: null,
+			modalName: 'z-blocker-modal',
 		}
 	},
 

app/src/plugins/tm@modal/blocker/z-delete-blocker-modal.vue

@@ -1,36 +1,44 @@
 <template>
-	<v-dialog v-model="visible" max-width="750" persistent>
-		<v-card>
+	<v-dialog v-model="visible" :width="modalWidth" :height="modalHeight" persistent>
+		<v-card style="position: relative">
 			<div class="d-flex justify-space-between align-center">
 				<h1>Ste si istý, že chcete zmazať <b>{{ blocker.name }}</b>?</h1>
 
-				<v-icon
-					@click.stop="closeModal()"
-					icon="mdi-close"
-					size="large"
-					class="mb-15"
-				></v-icon>
+				<div class="d-flex align-center">
+					<a-reset-size-button @reset="resetModalSize" />
+					<a-close-button @close="closeModal()" class="mb-15" />
+				</div>
 			</div>
 			<v-card-actions class="mt-10 d-flex justify-start align-center mobile-view">
 				<v-btn class="button primary half" variant="flat" @click="deleteBlocker()" :disabled="isDeleting">ÁNO</v-btn>
 				<v-btn class="button primary half outline" @click.stop="closeModal()">ZRUŠIŤ</v-btn>
 			</v-card-actions>
+			<a-resize-handle @resize="handleModalResize" @resize-end="handleResizeEnd" :current-width="modalWidthPx" :current-height="modalHeightPx" />
 		</v-card>
 	</v-dialog>
 </template>
 
 <script>
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin'
+import AResizeHandle from '@/plugins/tm@modal/_components/a-resize-handle.vue'
+import AResetSizeButton from '@/plugins/tm@modal/_components/a-reset-size-button.vue'
+import ACloseButton from '@/plugins/tm@modal/_components/a-close-button.vue'
 
 export default {
 	mixins: [ modalMixin ],
 	emits: ['on-blocker-deleted'],
 
+	components: {
+		AResizeHandle,
+		AResetSizeButton, ACloseButton,
+	},
+
 	data() {
 		return {
 			visible: false,
 			blocker: null,
-			isDeleting: false
+			isDeleting: false,
+			modalName: 'z-delete-blocker-modal',
 		}
 	},