@bagelink/vue 0.0.204 → 0.0.211

package/dist/plugins/modal.d.ts

@@ -2,6 +2,7 @@ import { InjectionKey } from 'vue';
 import type { Plugin } from 'vue';
 import type { BtnOptions } from '..';
 import type { FormKitSchemaDefinition } from '@formkit/core';
+import { BglFormSchemaT } from 'dist/types';
 interface ModalOptions {
     title?: string;
     dismissable?: boolean;
@@ -14,10 +15,11 @@ interface ModalFormOptions extends ModalOptions {
     'onUpdate:modelValue'?: (val: any) => void;
     onSubmit: (val: any) => void;
     onDelete?: (id: string) => void;
-    schema: FormKitSchemaDefinition;
+    schema: FormKitSchemaDefinition | BglFormSchemaT;
 }
 interface ModalApi {
     showModal: (options: ModalOptions, slots?: Record<string, any>) => void;
+    showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => void;
     modalForm: (options: ModalFormOptions, slots?: Record<string, any>) => void;
     hideModal: (index?: number) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAkDzB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,GAAG,cAAc,CAAC;CACjD;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAEhF,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAuDzB,CAAC"}

package/dist/style.css

@@ -306,16 +306,16 @@
 }
 }
 
-.loading[data-v-845b751e] {
+.loading[data-v-0ca0d3de] {
 	border: 1px solid var(--bgl-white);
 	border-bottom: 2px solid var(--bgl-white);
-	animation: spin-845b751e 1s linear infinite;
+	animation: spin-0ca0d3de 1s linear infinite;
 	border-radius: 100px;
 	width: 1rem;
 	height: 1rem;
 	margin: auto;
 }
-@keyframes spin-845b751e {
+@keyframes spin-0ca0d3de {
 0% {
 		transform: rotate(0deg);
 }
@@ -323,7 +323,7 @@
 		transform: rotate(360deg);
 }
 }
-.btn-icon[data-v-845b751e] {
+.btn-icon[data-v-0ca0d3de] {
 	height: var(--btn-height);
 	width: var(--btn-height);
 	border-radius: 100%;
@@ -333,97 +333,97 @@
 	flex-shrink: 0;
 	transition: var(--bgl-transition);
 }
-.btn[data-v-845b751e] {
+.btn[data-v-0ca0d3de] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	transition: var(--bgl-transition);
 	text-decoration: none;
 }
-.btn[disabled="true"][data-v-845b751e] {
+.btn[disabled="true"][data-v-0ca0d3de] {
 	opacity: 0.5;
 	cursor: not-allowed;
 }
-.btn-flex[data-v-845b751e] {
+.btn-flex[data-v-0ca0d3de] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	justify-content: center;
 }
-.btn .icon-font[data-v-845b751e] {
+.btn .icon-font[data-v-0ca0d3de] {
 	font-size: calc(var(--input-font-size) * 1.3);
 }
-.btn[data-v-845b751e],
-.btn-icon[data-v-845b751e] {
-	background-color: var(--0bd3bef7);
-	color: var(--1b1b6b12);
+.btn[data-v-0ca0d3de],
+.btn-icon[data-v-0ca0d3de] {
+	background-color: var(--0b5510c0);
+	color: var(--18db167b);
 }
-.btn[data-v-845b751e]:hover,
-.btn-icon[data-v-845b751e]:hover {
+.btn[data-v-0ca0d3de]:hover,
+.btn-icon[data-v-0ca0d3de]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.btn[data-v-845b751e]:active,
-.btn-icon[data-v-845b751e]:active {
+.btn[data-v-0ca0d3de]:active,
+.btn-icon[data-v-0ca0d3de]:active {
 	filter: var(--bgl-active-filter);
 }
-.btn.flatBtn[data-v-845b751e] {
+.btn.flatBtn[data-v-0ca0d3de] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	background: transparent;
 }
-.btn-icon.flatBtn[data-v-845b751e] {
+.btn-icon.flatBtn[data-v-0ca0d3de] {
 	background: transparent;
 }
-.btn.flatBtn[data-v-845b751e]:hover,
-.btn-icon.flatBtn[data-v-845b751e]:hover {
+.btn.flatBtn[data-v-0ca0d3de]:hover,
+.btn-icon.flatBtn[data-v-0ca0d3de]:hover {
 	filter: var(--bgl-active-filter);
 }
-.btn.flatBtn[data-v-845b751e]:active,
-.btn-icon.flatBtn[data-v-845b751e]:active {
+.btn.flatBtn[data-v-0ca0d3de]:active,
+.btn-icon.flatBtn[data-v-0ca0d3de]:active {
 	background: var(--bgl-white);
 	filter: var(--bgl-hover-filter);
 }
-.btn.flatBtn.red[data-v-845b751e],
-.btn-icon.flatBtn.red[data-v-845b751e] {
+.btn.flatBtn.red[data-v-0ca0d3de],
+.btn-icon.flatBtn.red[data-v-0ca0d3de] {
 	color: var(--bgl-red);
 }
-.btn.flatBtn.light[data-v-845b751e],
-.btn-icon.flatBtn.light[data-v-845b751e] {
+.btn.flatBtn.light[data-v-0ca0d3de],
+.btn-icon.flatBtn.light[data-v-0ca0d3de] {
 	color: var(--bgl-primary-tint);
 }
-.btn.flatBtn.black[data-v-845b751e],
-.btn-icon.flatBtn.black[data-v-845b751e] {
+.btn.flatBtn.black[data-v-0ca0d3de],
+.btn-icon.flatBtn.black[data-v-0ca0d3de] {
 	color: var(--bgl-black);
 }
-.btn.flatBtn.gray[data-v-845b751e],
-.btn-icon.flatBtn.gray[data-v-845b751e] {
+.btn.flatBtn.gray[data-v-0ca0d3de],
+.btn-icon.flatBtn.gray[data-v-0ca0d3de] {
 	color: var(--bgl-gray);
 }
-.btn.thin[data-v-845b751e] {
+.btn.thin[data-v-0ca0d3de] {
 	padding-left: calc(var(--btn-padding) / 2);
 	padding-right: calc(var(--btn-padding) / 2);
 }
-.btn.round[data-v-845b751e] {
+.btn.round[data-v-0ca0d3de] {
 	border-radius: calc(var(--btn-border-radius) * 2);
 }
-.btn-icon.thin[data-v-845b751e] {
+.btn-icon.thin[data-v-0ca0d3de] {
 	height: calc(var(--btn-height) / 1.5);
 	width: calc(var(--btn-height) / 1.5);
 	line-height: 1;
 }
-[dir="rtl"] .icon-font[data-v-845b751e] {
+[dir="rtl"] .icon-font[data-v-0ca0d3de] {
 	transform: rotateY(180deg);
 }
-.btn-border[data-v-845b751e] {
-	outline: 1px solid var(--0bd3bef7);
-	color: var(--0bd3bef7);
+.btn-border[data-v-0ca0d3de] {
+	outline: 1px solid var(--0b5510c0);
+	color: var(--0b5510c0);
 	background: transparent;
 }
-.btn-border[data-v-845b751e]:hover {
+.btn-border[data-v-0ca0d3de]:hover {
 	color: var(--bgl-white);
-	background: var(--0bd3bef7);
+	background: var(--0b5510c0);
 	filter: brightness(100%);
 }
-.btn-border[data-v-845b751e]:active {
+.btn-border[data-v-0ca0d3de]:active {
 	filter: brightness(80%);
 }
 .bg-dark {
@@ -517,6 +517,15 @@
 			inset-inline-end: 5%;
 	}
 }
+.modal-title[data-v-93c9eab1] {
+	margin-top: 0.5rem;
+}
+@media screen and (max-width: 910px) {
+.modal-title[data-v-93c9eab1] {
+		margin-top: 1rem;
+}
+}
+
 .dropdown {
   position: relative;
   font-size: calc(var(--input-font-size) * 1.3);
@@ -590,11 +599,23 @@
 	flex-grow: 1;
 }
 
-.tab[data-v-3941cced] {
+.tab[data-v-09fce741] {
   text-transform: capitalize;
 }
-.card.tabs-top[data-v-3941cced] {
-  /* width: 99%; */
+.side-tabs[data-v-09fce741]{
+  display: flex;
+}
+.side-tabs .tabs-top[data-v-09fce741]{
+ margin-inline-end: 1rem;
+}
+.side-tabs .tabs[data-v-09fce741]{
+  display: block;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+.side-tabs .tab[data-v-09fce741]{
+ border: none;
 }
 
 .comments-wrap[data-v-2eead7c8] {
@@ -2357,7 +2378,7 @@ input[type='email'][data-v-ed81a514] {
 }
 }
 
-.radio-pill label[data-v-97e3ba8c] {
+.radio-pill label[data-v-15351d79] {
   color: var(--bgl-primary);
   white-space: nowrap;
   border-radius: calc(var(--btn-border-radius) * 2);
@@ -2371,13 +2392,13 @@ input[type='email'][data-v-ed81a514] {
   background: var(--bgl-white);
   user-select: none;
 }
-.radio-pill label[data-v-97e3ba8c]:hover {
+.radio-pill label[data-v-15351d79]:hover {
   filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-97e3ba8c] {
+.radio-pill input[data-v-15351d79] {
   display: none;
 }
-.radio-pill input:checked~label[data-v-97e3ba8c] {
+.radio-pill input:checked~label[data-v-15351d79] {
   background: var(--bgl-primary);
   color: var(--bgl-white);
 }

package/dist/types/BagelForm.d.ts

@@ -11,6 +11,8 @@ export type Field<T = Record<string, any>> = {
     children?: Field<T>[];
     attrs?: Attributes<T>;
     required?: boolean;
+    hint?: string;
+    'v-if'?: string | boolean | ((val: any, row: T) => boolean);
 };
 export interface SelectBagelField {
     inputType: 'SelectField';

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

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC7D,CAAA;AAED,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}

package/dist/types/BtnOptions.d.ts

@@ -11,5 +11,6 @@ export interface BtnOptions {
     loading?: boolean;
     role?: string;
     value?: string;
+    border?: boolean;
 }
 //# sourceMappingURL=BtnOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BtnOptions.d.ts","sourceRoot":"","sources":["../../src/types/BtnOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,WAAW,UAAU;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAEf"}
+{"version":3,"file":"BtnOptions.d.ts","sourceRoot":"","sources":["../../src/types/BtnOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,WAAW,UAAU;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,KAAK,CAAC,EAAC,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}