- BsTooltip: improve arrow positioning when activator width greater than tooltip width.

- AxiosPlugin: expose `$http.patch` method and Detect form object for data provided to the `$http.post`, `$http.patch`, `$http.put` methods
- Update CHANGELOG.md
- Bump to version 2.1.5

Author: ahmadfajar

CHANGELOG.md

@@ -3,6 +3,19 @@
 > All notable changes to this project will be documented in this file.
 
 
+## v2.1.5
+
+Released: December 30, 2024
+
+### Features & Improvements
+
+- **BsTooltip**: improve arrow positioning when activator width greater than tooltip width.
+- **AxiosPlugin**: 
+  - Expose `$http.patch` method. 
+  - Detect form object for data provided to the `$http.post`, `$http.patch`, `$http.put` 
+    methods and execute appropriate axios method.
+
+
 ## v2.1.4
 
 Released: December 28, 2024

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-mdbootstrap",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "Bootstrap5 Material Design Components for Vue.js",
   "author": {
     "name": "Ahmad Fajar",

scss/banner.scss

@@ -1,5 +1,5 @@
 /*!
- * Vue MDBootstrap v2.1.4
+ * Vue MDBootstrap v2.1.5
  * Released under the BSD-3 License.
  * Copyright Ahmad Fajar (https://ahmadfajar.github.io).
  */

src/components/Tooltip/mixins/tooltipApi.ts

@@ -109,7 +109,9 @@ function getArrowLeftPosition(
     const arrow = 13 / 2;
 
     if (placement === 'top' || placement === 'bottom') {
-        return domRect.left - tooltipRect.left + domWidth - arrow;
+        if (domRect.width < tooltipRect.width) {
+            return domRect.left - tooltipRect.left + domWidth - arrow;
+        }
     }
 
     return 0;

src/utils/AxiosPlugin.ts

@@ -57,10 +57,25 @@ function _axiosPlugin(options?: RawAxiosRequestConfig) {
 
             return service.get(url, config);
         },
+        patch: (url: string, data: TRecord | FormData, options?: RawAxiosRequestConfig) => {
+            if (data instanceof FormData) {
+                return service.patchForm(url, data, options);
+            }
+
+            return service.patch(url, data, options);
+        },
         post: (url: string, data: TRecord | FormData, options?: RawAxiosRequestConfig) => {
+            if (data instanceof FormData) {
+                return service.postForm(url, data, options);
+            }
+
             return service.post(url, data, options);
         },
         put: (url: string, data: TRecord | FormData, options?: RawAxiosRequestConfig) => {
+            if (data instanceof FormData) {
+                return service.putForm(url, data, options);
+            }
+
             return service.put(url, data, options);
         },
         delete: (url: string, data?: TRecord, options?: RawAxiosRequestConfig) => {

src/utils/types/AxiosPlugin.d.ts

@@ -13,6 +13,16 @@ export declare interface IHttpService {
      */
     get(url: string, data?: TRecord, options?: RawAxiosRequestConfig): AxiosPromise;
 
+    /**
+     * Send HTTP PATCH to the remote server.
+     *
+     * @param url     API url
+     * @param data    The data to be sent
+     * @param options Additional options
+     * @returns Promise instance
+     */
+    patch(url: string, data: TRecord | FormData, options?: RawAxiosRequestConfig): AxiosPromise;
+
     /**
      * Send HTTP POST to the remote server.
      *