@bagelink/vue 0.0.704 → 0.0.709

package/dist/components/form/inputs/SelectField.vue.d.ts

@@ -1,23 +1,26 @@
-import { SelectBagelField } from '../../..';
-
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<SelectBagelField, "key"> & {
+import { type SelectBagelField } from '../../..';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<SelectBagelField, "key"> & {
     editMode?: boolean | undefined;
     field: SelectBagelField;
     modelValue: any;
     small?: boolean | undefined;
+    label?: string | undefined;
+    description?: string | undefined;
 }>, {
     description: string;
     editMode: boolean;
     label: string;
     placeholder: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     selected: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<SelectBagelField, "key"> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<SelectBagelField, "key"> & {
     editMode?: boolean | undefined;
     field: SelectBagelField;
     modelValue: any;
     small?: boolean | undefined;
+    label?: string | undefined;
+    description?: string | undefined;
 }>, {
     description: string;
     editMode: boolean;
@@ -29,7 +32,6 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     description: string;
     label: string;
-    placeholder: string;
     editMode: boolean;
 }, {}>;
 export default _default;

package/dist/components/form/inputs/SelectField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectField.vue"],"names":[],"mappings":"AA6CA;AAOA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;WA6U5C,gBAAgB;gBACX,GAAG;;;;;;;;;;;;WADR,gBAAgB;gBACX,GAAG;;;;;;;;;;;;;;cAFJ,OAAO;;AANrB,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectField.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectField.vue"],"names":[],"mappings":"AA6CA;AAOA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;WAiV5C,gBAAgB;gBACX,GAAG;;;;;;;;;;;;;;WADR,gBAAgB;gBACX,GAAG;;;;;;;;;;;;;iBAGD,MAAM;WADZ,MAAM;cAJH,OAAO;;AANrB,wBAcG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/TextArea.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     description?: string | undefined;
     label?: string | undefined;
     modelValue: any;
@@ -13,9 +13,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     editMode: boolean;
     placeholder: string;
     label: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     description?: string | undefined;
     label?: string | undefined;
     modelValue: any;

package/dist/components/formkit/AddressArray.vue.d.ts

@@ -17,9 +17,9 @@ export interface AddressArrContext {
         };
     };
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     context: AddressArrContext;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     context: AddressArrContext;
 }>>>, {}, {}>;
 export default _default;

package/dist/components/formkit/BankDetailsArray.vue.d.ts

@@ -19,9 +19,9 @@ export interface BankDetailsContext {
         };
     };
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     context: BankDetailsContext;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     context: BankDetailsContext;
 }>>>, {}, {}>;
 export default _default;

package/dist/components/formkit/ContactArrayFormKit.vue.d.ts

@@ -15,9 +15,9 @@ export interface ContactArrContext {
         };
     };
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     context: ContactArrContext;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     context: ContactArrContext;
 }>>>, {}, {}>;
 export default _default;

package/dist/components/formkit/FileUploader.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
     dragDropLabel?: string | undefined;
     browseLabel?: string | undefined;
@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     dragDropLabel: string;
     browseLabel: string;
     multiple: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
     dragDropLabel?: string | undefined;
     browseLabel?: string | undefined;

package/dist/components/formkit/MiscFields.vue.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
     addBtnLabel: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
     addBtnLabel: string;
 }>>>, {}, {}>;

package/dist/components/formkit/Toggle.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     context: ObjectConstructor;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: ObjectConstructor;
 }>>, {}, {}>;
 export default _default;

package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts

@@ -1,15 +1,14 @@
-import { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
 import { BglFormSchemaT } from '../../..';
 import { LocalTemplateData } from '../interfaces';
-
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: BglFormSchemaT<LocalTemplateData>;
     router: Router;
     route: RouteLocationNormalizedLoaded;
     previewLabel?: string | undefined;
 }>, {
     previewLabel: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: BglFormSchemaT<LocalTemplateData>;
     router: Router;
     route: RouteLocationNormalizedLoaded;

package/dist/components/whatsapp/form/TextVariableExamples.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     context: ObjectConstructor;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: ObjectConstructor;
 }>>, {}, {}>;
 export default _default;

package/dist/index.cjs

@@ -112,12 +112,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect$1(rect) {
+  const {
+    x: x2,
+    y: y2,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y2,
+    left: x2,
+    right: x2 + width,
+    bottom: y2 + height,
+    x: x2,
+    y: y2
   };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -288,9 +297,10 @@ async function detectOverflow$1(state2, options) {
     strategy
   }));
   const rect = elementContext === "floating" ? {
-    ...rects.floating,
     x: x2,
-    y: y2
+    y: y2,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
@@ -501,10 +511,12 @@ const flip$2 = function(options) {
         return {};
       }
       const side = getSide$1(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide$1(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement$1(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -541,8 +553,16 @@ const flip$2 = function(options) {
         if (!resetPlacement) {
           switch (fallbackStrategy) {
             case "bestFit": {
-              var _overflowsData$map$so;
-              const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d2.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               if (placement2) {
                 resetPlacement = placement2;
               }
@@ -737,16 +757,16 @@ const size = function(options) {
         widthSide = side;
         heightSide = alignment === "end" ? "top" : "bottom";
       }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min$3(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min$3(width - overflow[widthSide], maximumClippingWidth);
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
         availableWidth = alignment || noShift ? min$3(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
         availableHeight = alignment || noShift ? min$3(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -5469,7 +5489,7 @@ const ModalPlugin = {
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
-      confirm: async (userOptions) => modalConfirm(userOptions),
+      confirmModal: async (userOptions) => modalConfirm(userOptions),
       hideModal: (index2 = modalStack.value.length - 1) => {
         hideModal(index2);
       }
@@ -5654,8 +5674,8 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "e58d23c4": computedBackgroundColor.value,
-      "6cbd790e": cumputedTextColor.value
+      "5953bce2": computedBackgroundColor.value,
+      "7b3cc0ac": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -5744,7 +5764,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d2db0ee8"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
 const _hoisted_1$J = {
   key: 0,
   class: "tool-bar"

package/dist/index.mjs

@@ -110,12 +110,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect$1(rect) {
+  const {
+    x: x2,
+    y: y2,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y2,
+    left: x2,
+    right: x2 + width,
+    bottom: y2 + height,
+    x: x2,
+    y: y2
   };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -286,9 +295,10 @@ async function detectOverflow$1(state2, options) {
     strategy
   }));
   const rect = elementContext === "floating" ? {
-    ...rects.floating,
     x: x2,
-    y: y2
+    y: y2,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
@@ -499,10 +509,12 @@ const flip$2 = function(options) {
         return {};
       }
       const side = getSide$1(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide$1(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement$1(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -539,8 +551,16 @@ const flip$2 = function(options) {
         if (!resetPlacement) {
           switch (fallbackStrategy) {
             case "bestFit": {
-              var _overflowsData$map$so;
-              const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d2.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               if (placement2) {
                 resetPlacement = placement2;
               }
@@ -735,16 +755,16 @@ const size = function(options) {
         widthSide = side;
         heightSide = alignment === "end" ? "top" : "bottom";
       }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min$3(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min$3(width - overflow[widthSide], maximumClippingWidth);
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
         availableWidth = alignment || noShift ? min$3(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
         availableHeight = alignment || noShift ? min$3(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -5467,7 +5487,7 @@ const ModalPlugin = {
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
-      confirm: async (userOptions) => modalConfirm(userOptions),
+      confirmModal: async (userOptions) => modalConfirm(userOptions),
       hideModal: (index2 = modalStack.value.length - 1) => {
         hideModal(index2);
       }
@@ -5652,8 +5672,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "e58d23c4": computedBackgroundColor.value,
-      "6cbd790e": cumputedTextColor.value
+      "5953bce2": computedBackgroundColor.value,
+      "7b3cc0ac": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = computed(() => {
@@ -5742,7 +5762,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d2db0ee8"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
 const _hoisted_1$J = {
   key: 0,
   class: "tool-bar"

package/dist/plugins/modal.d.ts

@@ -46,7 +46,7 @@ export interface ModalApi {
     showModal: (options: ModalOptions, slots?: Record<string, any>) => ModalComponentProps | undefined;
     showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => ModalFormComponentProps | undefined;
     hideModal: (index?: number) => void;
-    confirm: (options: ConfirmModalUserOptions) => Promise<boolean>;
+    confirmModal: (options: ConfirmModalUserOptions) => Promise<boolean>;
 }
 export declare const ModalSymbol: InjectionKey<ModalApi>;
 export declare function useModal(): ModalApi;

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC/D;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}

package/dist/style.css

@@ -254,19 +254,19 @@
 }
 }
 
-a[data-v-d2db0ee8] {
+a[data-v-895cf824] {
   text-decoration: none;
 }
-.loading[data-v-d2db0ee8] {
+.loading[data-v-895cf824] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-d2db0ee8 1s linear infinite;
+  animation: spin-895cf824 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-d2db0ee8 {
+@keyframes spin-895cf824 {
 0% {
     transform: rotate(0deg);
 }
@@ -274,7 +274,7 @@ a[data-v-d2db0ee8] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-d2db0ee8] {
+.bgl_btn-icon[data-v-895cf824] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -284,105 +284,106 @@ a[data-v-d2db0ee8] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-d2db0ee8] {
+.bgl_btn[data-v-895cf824] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-d2db0ee8] {
+.bgl_btn[disabled="true"][data-v-895cf824] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-d2db0ee8] {
+.bgl_btn-flex[data-v-895cf824] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
+  height: 100%;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-d2db0ee8] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-895cf824] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-d2db0ee8],
-.bgl_btn-icon[data-v-d2db0ee8] {
-  background-color: var(--e58d23c4);
-  color: var(--6cbd790e);
+.bgl_btn[data-v-895cf824],
+.bgl_btn-icon[data-v-895cf824] {
+  background-color: var(--5953bce2);
+  color: var(--7b3cc0ac);
 }
-.bgl_btn[data-v-d2db0ee8]:hover,
-.bgl_btn-icon[data-v-d2db0ee8]:hover {
+.bgl_btn[data-v-895cf824]:hover,
+.bgl_btn-icon[data-v-895cf824]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-d2db0ee8]:active,
-.bgl_btn-icon[data-v-d2db0ee8]:active {
+.bgl_btn[data-v-895cf824]:active,
+.bgl_btn-icon[data-v-895cf824]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn[data-v-895cf824] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8] {
+.bgl_btn-icon.bgl_flatBtn[data-v-895cf824] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-d2db0ee8]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8]:hover {
+.bgl_btn.bgl_flatBtn[data-v-895cf824]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_flatBtn[data-v-d2db0ee8]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8]:active {
+.bgl_btn.bgl_flatBtn[data-v-895cf824]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-d2db0ee8],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn.red[data-v-895cf824],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-895cf824] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-d2db0ee8],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn.white[data-v-895cf824],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-895cf824] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-d2db0ee8],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn.light[data-v-895cf824],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-895cf824] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-d2db0ee8],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn.black[data-v-895cf824],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-895cf824] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-d2db0ee8],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-d2db0ee8] {
+.bgl_btn.bgl_flatBtn.gray[data-v-895cf824],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-895cf824] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-d2db0ee8] {
+.bgl_btn.thin[data-v-895cf824] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-d2db0ee8] {
+.bgl_btn.round[data-v-895cf824] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-d2db0ee8] {
+.bgl_btn-icon.thin[data-v-895cf824] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-d2db0ee8] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-895cf824] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-d2db0ee8] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-895cf824] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-d2db0ee8] {
-  outline: 1px solid var(--e58d23c4);
-  color: var(--e58d23c4);
+.bgl_btn-border[data-v-895cf824] {
+  outline: 1px solid var(--5953bce2);
+  color: var(--5953bce2);
   background: transparent;
 }
-.bgl_btn-border[data-v-d2db0ee8]:hover {
+.bgl_btn-border[data-v-895cf824]:hover {
   color: var(--bgl-white);
-  background: var(--e58d23c4);
+  background: var(--5953bce2);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-d2db0ee8]:active {
+.bgl_btn-border[data-v-895cf824]:active {
   filter: brightness(80%);
 }
 .bg-dark {