@bagelink/vue 0.0.744 → 0.0.747

package/dist/style.css

@@ -1,17 +1,17 @@
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
-.lightbox-image[data-v-562f0f36]{
+.lightbox-image[data-v-0410e12d]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-562f0f36] {
+.bgl-lightbox-overlay[data-v-0410e12d] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-562f0f36] {
+.bgl-lightbox[data-v-0410e12d] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-562f0f36]{
-	animation: 500ms ease bgl-lightbox-load-562f0f36;
+.bgl-lightbox-item[data-v-0410e12d]{
+	animation: 500ms ease bgl-lightbox-load-0410e12d;
 }
-@keyframes bgl-lightbox-load-562f0f36 {
+@keyframes bgl-lightbox-load-0410e12d {
 from {
     scale:0.7;
 }
@@ -19,32 +19,32 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-562f0f36] * {
+.bgl-lightbox-item[data-v-0410e12d] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-562f0f36;
+	animation: 200ms ease bgl-lightbox-load-0410e12d;
 }
-.navigation[data-v-562f0f36] {
+.navigation[data-v-0410e12d] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-562f0f36] {
+.navigation-btn[data-v-0410e12d] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-562f0f36] {
+.thumbnail[data-v-0410e12d] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-562f0f36]:hover {
+.thumbnail[data-v-0410e12d]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-562f0f36]:active {
+.thumbnail[data-v-0410e12d]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-562f0f36] {
+.thumbnail.active[data-v-0410e12d] {
 	opacity: 1;
 	outline: 2px solid white;
 }
@@ -520,8 +520,8 @@ a[data-v-86bf4080] {
     opacity: 1;
     max-width: 600px;
     width: 90%;
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
     margin-inline-start: auto;
     margin-inline-end: 20px;
     min-height: calc(100vh - 40px);
@@ -695,6 +695,14 @@ a[data-v-86bf4080] {
 	bottom: 0;
 	border-bottom: 1px solid var(--border-color);
 }
+.list-item:last-child::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border-bottom: none;
+}
 .list-item:hover,
 .list-item.router-link-active {
 	background-color: var(--bgl-primary-light);
@@ -2041,10 +2049,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-be6303fe] {
+.selectinput[data-v-e1b57699] {
 	width: 100%;
 }
-.selectinput-option[data-v-be6303fe] {
+.selectinput-option[data-v-e1b57699] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -2056,23 +2064,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-be6303fe]{
+.selectinput-option .bgl_icon-font[data-v-e1b57699]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-be6303fe] {
+.selectinput-options.multiselect .selectinput-option[data-v-e1b57699] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-be6303fe] {
+.selectinput-options[data-v-e1b57699] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-be6303fe]:hover {
+.selectinput-option[data-v-e1b57699]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-be6303fe] {
+.isEmpty p[data-v-e1b57699] {
 	opacity: 0.3;
 }
-.selected[data-v-be6303fe]{
+.selected[data-v-e1b57699]{
 	background: var(--bgl-primary-tint);
 }
 
@@ -2896,7 +2904,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-17a4fdd5] {
+.tel-input[data-v-3a82d433] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2907,21 +2915,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-17a4fdd5]:focus-within {
+.tel-input[data-v-3a82d433]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-17a4fdd5] {
+.tel-input input[data-v-3a82d433] {
 	background: transparent;
 }
-.tel-input input[data-v-17a4fdd5]:focus-visible {
+.tel-input input[data-v-3a82d433]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-17a4fdd5] {
+.input_country-code[data-v-3a82d433] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-17a4fdd5] {
+.tel-country[data-v-3a82d433] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2930,7 +2938,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-17a4fdd5] {
+.tel-countryp-dropdown[data-v-3a82d433] {
 	direction: ltr;
 	text-align: left;
 }
@@ -3084,6 +3092,10 @@ p {
 	accent-color: var(--bgl-accent-color);
 }
 
+.m-password{
+	margin-block: calc(var(--input-height) / 2 - 15px);
+}
+
 .chart-line {
 	width: 100%;
 	height: 300px;
@@ -3384,6 +3396,9 @@ p {
 .align-content-center {
     align-content: center;
 }
+.align-content-space-between {
+    align-content: space-between;
+}
 .align-items-top {
     align-items: flex-start !important;
 }
@@ -5189,6 +5204,10 @@ p {
         align-content: center;
     }
 
+    .m_align-content-space-between {
+        align-content: space-between;
+    }
+
     .m_align-items-top {
         align-items: flex-start !important;
     }
@@ -7482,7 +7501,7 @@ select {
 .bagel-input .bgl_btn:focus,
 .bagel-input button:focus {
     outline-color: rgba(0, 0, 0, 0.05);
-    box-shadow: inset 0 0 10px #00000042;
+    box-shadow: inset 0 0 10px #00000021;
     outline-color: var(--input-bg);
 
 }
@@ -7920,6 +7939,9 @@ select {
 .word-break {
     word-break: break-word;
 }
+.word-break-all {
+    word-break: break-all;
+}
 .uppercase {
     text-transform: uppercase;
 }
@@ -8350,6 +8372,10 @@ select {
         word-break: break-word;
     }
 
+    .m_word-break-all {
+        word-break: break-all;
+    }
+
     .m_uppercase {
         text-transform: uppercase;
     }

package/dist/types/index.d.ts

@@ -16,4 +16,5 @@ export type Option = string | number | Record<string, any> | {
     label: string;
     value: string | number;
 };
+export type IfAny<T, Y, N> = 0 extends (1 & T) ? Y : N;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAG5C,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA"}

package/dist/utils/BagelFormUtils.d.ts

@@ -45,110 +45,62 @@ export declare function frmRow(...children: Field[]): {
 };
 export declare function bglForm(idOrField?: string | Field, ...schema: Field[]): {
     $el: import('vue').Raw<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
             isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
             clearForm: () => {};
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             submit: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             dirty: (...args: any[]) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             modelValue: Record<string, any>;
-        }, true, {}, {}, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
@@ -160,47 +112,31 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-            required: true;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-        };
-        onSubmit: {
-            type: import('vue').PropType<(data: any) => void>;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-        };
-        modelValue: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: () => {};
-        };
-        onDelete: {
-            type: import('vue').PropType<(id: string) => void>;
-        };
-        status: {
-            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-        };
-    }>> & {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        label?: string;
+        id?: string;
+        schema: import('..').BglFormSchemaFnT<any>;
+        modelValue?: Record<string, any>;
+        onDelete?: (id: string) => void;
+        onSubmit?: (data: any) => void;
+        status?: import('../components/form/BglForm.vue').FormStatus;
+    }> & Readonly<{
         onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onDirty?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         submit: () => void;
         validateForm: () => boolean;
         deleteItem: () => void;
         isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
         clearForm: () => {};
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         submit: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
         dirty: (...args: any[]) => void;
     }, string, {
         modelValue: Record<string, any>;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             submit?(_: {
                 submit: () => void;
@@ -222,110 +158,62 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
     };
 } | {
     $el: import('vue').Raw<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
             isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
             clearForm: () => {};
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             submit: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             dirty: (...args: any[]) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             modelValue: Record<string, any>;
-        }, true, {}, {}, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
@@ -337,47 +225,31 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-            required: true;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-        };
-        onSubmit: {
-            type: import('vue').PropType<(data: any) => void>;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-        };
-        modelValue: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: () => {};
-        };
-        onDelete: {
-            type: import('vue').PropType<(id: string) => void>;
-        };
-        status: {
-            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-        };
-    }>> & {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        label?: string;
+        id?: string;
+        schema: import('..').BglFormSchemaFnT<any>;
+        modelValue?: Record<string, any>;
+        onDelete?: (id: string) => void;
+        onSubmit?: (data: any) => void;
+        status?: import('../components/form/BglForm.vue').FormStatus;
+    }> & Readonly<{
         onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onDirty?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         submit: () => void;
         validateForm: () => boolean;
         deleteItem: () => void;
         isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
         clearForm: () => {};
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         submit: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
         dirty: (...args: any[]) => void;
     }, string, {
         modelValue: Record<string, any>;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             submit?(_: {
                 submit: () => void;