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

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

@@ -1,33 +1,46 @@
 <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ť tím <b>{{ team.name }}</b>?
 				</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="mt-10 d-flex justify-start align-center mobile-view">
 				<v-btn class="button primary half" variant="flat" @click="deleteTeam()" :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: ['update'],
 
+	components: {
+		AResizeHandle,
+		AResetSizeButton, ACloseButton,
+	},
+
 	data() {
 		return {
 			visible: false,
 			team: null,
-			isDeleting: false
+			isDeleting: false,
+			modalName: 'z-delete-team-modal',
 		}
 	},
 

app/src/plugins/tm@modal/team/z-team-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="team" 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>{{ team.id ? 'Upraviť tím' : 'Vytvoriť tím' }}</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">
@@ -31,6 +34,7 @@
 				</v-card-actions>
 
 				<v-btn class="button primary block" @click="save()">{{ team.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>
@@ -44,6 +48,9 @@ import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
 import { mapGetters } 		from 'vuex'
 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'
 
 const atLeastOne = (value) => value.length
 
@@ -51,13 +58,20 @@ export default {
 	mixins: [AutocompleteMixin, modalMixin],
 	emits: ['close', 'update'],
 
+	components: {
+		AResizeHandle,
+		AResetSizeButton,
+		ACloseButton,
+	},
+
 	data() {
 		return {
 			visible: false,
 			v$: useVuelidate(),
 			errorUtils,
 			employeeSelect: null,
-			team: null
+			team: null,
+			modalName: 'z-team-modal',
 		}
 	},