@bagelink/vue 0.0.206 → 0.0.214

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

@@ -57,10 +57,10 @@
   background-color: var(--bgl-bg);
 }
 
-[dir="rtl"] .top-arrow {
+[dir="rtl"] .top-arrow[data-v-fddb4764] {
   transform: rotate(180deg);
 }
-.nav-expend {
+.nav-expend[data-v-fddb4764] {
   text-align: center;
   cursor: pointer;
   background: var(--bgl-white);
@@ -86,17 +86,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend {
+.nav-expend[data-v-fddb4764] {
   background: var(--bgl-white);
 }
-.nav-expend:hover {
+.nav-expend[data-v-fddb4764]:hover {
   filter: brightness(95%);
   box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend:active {
+.nav-expend[data-v-fddb4764]:active {
   filter: var(--bgl-active-filter);
 }
-.nav {
+.nav[data-v-fddb4764] {
   color: var(--bgl-white);
   background: var(--bgl-primary);
   z-index: 100;
@@ -105,10 +105,10 @@
   display: flex;
   flex-direction: column;
 }
-.nav * {
+.nav *[data-v-fddb4764] {
   user-select: none;
 }
-.nav-button {
+.nav-button[data-v-fddb4764] {
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -119,11 +119,11 @@
   transition: all 0.2s ease;
   pointer-events: none;
 }
-.nav-button:hover {
+.nav-button[data-v-fddb4764]:hover {
   width: fit-content;
   pointer-events: all;
 }
-.nav-button .icon-font {
+.nav-button .icon-font[data-v-fddb4764] {
   font-size: 22px;
   margin: 0.25rem 10px;
   padding: 10px;
@@ -136,16 +136,16 @@
   transition: all 0.2s ease;
   pointer-events: all;
 }
-.nav-button:hover .icon-font,
-.nav-button.router-link-active .icon-font {
+.nav-button:hover .icon-font[data-v-fddb4764],
+.nav-button.router-link-active .icon-font[data-v-fddb4764] {
   background: var(--bgl-white);
   color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip {
+.nav-button:hover .tooltip[data-v-fddb4764] {
   opacity: 1;
   pointer-events: all;
 }
-.tooltip {
+.tooltip[data-v-fddb4764] {
   background-color: var(--bgl-white);
   color: var(--bgl-primary);
   line-height: 1;
@@ -159,23 +159,23 @@
   opacity: 0;
   margin-inline-start: 1rem;
 }
-.tooltip:hover {
+.tooltip[data-v-fddb4764]:hover {
   filter: brightness(95%);
 }
-.tooltip:active {
+.tooltip[data-v-fddb4764]:active {
   filter: brightness(90%);
 }
-.bot-buttons-wrapper {
+.bot-buttons-wrapper[data-v-fddb4764] {
   margin-top: auto;
   width: 100%;
 }
-.nav-links-wrapper {
+.nav-links-wrapper[data-v-fddb4764] {
   direction: ltr;
 }
-[dir="rtl"] .nav-links-wrapper {
+[dir="rtl"] .nav-links-wrapper[data-v-fddb4764] {
   direction: rtl;
 }
-.nav-scroll {
+.nav-scroll[data-v-fddb4764] {
   overflow-y: scroll;
   width: 50vw;
   direction: rtl;
@@ -185,30 +185,30 @@
   display: flex;
   flex-direction: column;
 }
-.nav::-webkit-scrollbar-thumb {
+.nav[data-v-fddb4764]::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
-.nav:hover::-webkit-scrollbar-thumb {
+.nav[data-v-fddb4764]:hover::-webkit-scrollbar-thumb {
   background-color: var(--bgl-gray);
 }
-[dir="rtl"] .nav-scroll {
+[dir="rtl"] .nav-scroll[data-v-fddb4764] {
   direction: ltr;
 }
-.full-nav {
+.full-nav[data-v-fddb4764] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend {
+.nav.open .nav-expend[data-v-fddb4764] {
     margin-inline-start: 189px;
     transform: rotate(180deg);
 }
-.nav.open {
+.nav.open[data-v-fddb4764] {
     width: 200px;
     text-align: start;
 }
-.nav.open .tooltip {
+.nav.open .tooltip[data-v-fddb4764] {
     background-color: transparent;
     color: var(--bgl-white);
     padding: 0;
@@ -217,30 +217,30 @@
     opacity: 1;
     margin-inline-start: 0rem;
 }
-.nav.open .nav-button .icon-font {
+.nav.open .nav-button .icon-font[data-v-fddb4764] {
     margin: 0;
     background: transparent;
 }
-.nav.open .nav-button {
+.nav.open .nav-button[data-v-fddb4764] {
     width: 180px;
     border-radius: 10px;
     margin-inline-start: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
-.nav.open .nav-button:hover,
-  .nav.open .nav-button.router-link-active {
+.nav.open .nav-button[data-v-fddb4764]:hover,
+  .nav.open .nav-button.router-link-active[data-v-fddb4764] {
     background: var(--bgl-white);
     color: var(--bgl-primary);
 }
-.nav.open .nav-button:hover,
-  .nav.open .nav-button:hover .tooltip,
-  .nav.open .nav-button.router-link-active .tooltip {
+.nav.open .nav-button[data-v-fddb4764]:hover,
+  .nav.open .nav-button:hover .tooltip[data-v-fddb4764],
+  .nav.open .nav-button.router-link-active .tooltip[data-v-fddb4764] {
     color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav {
+.full-nav[data-v-fddb4764] {
     height: auto;
     display: flex;
     flex-direction: row;
@@ -249,10 +249,10 @@
     inset-inline-end: 0;
     overflow-x: auto;
 }
-.nav.open {
+.nav.open[data-v-fddb4764] {
     width: initial;
 }
-.nav {
+.nav[data-v-fddb4764] {
     width: auto;
     display: flex;
     flex-direction: row;
@@ -260,7 +260,7 @@
     overflow-x: auto;
     justify-content: flex-start;
 }
-.tooltip {
+.tooltip[data-v-fddb4764] {
     opacity: 1;
     background: transparent;
     color: var(--bgl-white);
@@ -269,25 +269,25 @@
     padding: 0;
     margin: 0;
 }
-.nav-button {
+.nav-button[data-v-fddb4764] {
     flex-direction: column;
     margin: 12px 0.25rem;
 }
-.nav-button .icon-font {
+.nav-button .icon-font[data-v-fddb4764] {
     padding: 2px 0 0 0;
     margin: 0;
     height: 30px;
     width: 30px;
 }
-.nav-links-wrapper {
+.nav-links-wrapper[data-v-fddb4764] {
     display: flex;
 }
-.bot-buttons-wrapper {
+.bot-buttons-wrapper[data-v-fddb4764] {
     margin-top: 0;
     width: auto;
     display: flex;
 }
-.nav-scroll {
+.nav-scroll[data-v-fddb4764] {
     overflow-y: visible;
     width: auto;
     direction: auto;
@@ -298,10 +298,10 @@
     flex-direction: row;
     margin-inline-end: auto;
 }
-.nav::-webkit-scrollbar {
+.nav[data-v-fddb4764]::-webkit-scrollbar {
     display: none;
 }
-.nav-expend {
+.nav-expend[data-v-fddb4764] {
     display: none;
 }
 }
@@ -517,6 +517,15 @@
 			inset-inline-end: 5%;
 	}
 }
+.modal-title[data-v-bd719890] {
+	margin-top: 0.5rem;
+}
+@media screen and (max-width: 910px) {
+.modal-title[data-v-bd719890] {
+		margin-top: 1rem;
+}
+}
+
 .dropdown {
   position: relative;
   font-size: calc(var(--input-font-size) * 1.3);
@@ -1391,16 +1400,16 @@ th[data-v-f3a410c2] {
   cursor: pointer;
 }
 
-.no-edit[data-v-d0543d4b] {
+.no-edit[data-v-dee6bdf5] {
   pointer-events: none;
 }
-.radio-wrap p[data-v-d0543d4b] {
+.radio-wrap p[data-v-dee6bdf5] {
   display: inline-block;
   color: var(--input-bg);
   font-size: var(--input-font-size);
   margin-inline-end: 10px;
 }
-.radio-wrap label[data-v-d0543d4b] {
+.radio-wrap label[data-v-dee6bdf5] {
   padding: 3px 5px;
   display: inline-block;
   border-radius: var(--input-border-radius);
@@ -1412,40 +1421,40 @@ th[data-v-f3a410c2] {
   cursor: pointer;
   user-select: none;
 }
-.bagel-input .radio-wrap label[data-v-d0543d4b]::after {
+.bagel-input .radio-wrap label[data-v-dee6bdf5]::after {
   background: transparent;
 }
-.radio-wrap input[data-v-d0543d4b] {
+.radio-wrap input[data-v-dee6bdf5] {
   display: none;
 }
-.radio-wrap input:checked:checked + label[data-v-d0543d4b] {
+.radio-wrap input:checked:checked + label[data-v-dee6bdf5] {
   background: var(--bgl-primary);
   color: var(--bgl-white);
 }
-.checkbox[data-v-d0543d4b] {
+.checkbox[data-v-dee6bdf5] {
   position: relative;
 }
-.switch[data-v-d0543d4b] {
+.switch[data-v-dee6bdf5] {
   position: relative;
   display: inline-block;
   height: calc(var(--input-height) / 2);
   width: var(--input-height);
   border-radius: var(--input-height);
 }
-.switch input[data-v-d0543d4b] {
+.switch input[data-v-dee6bdf5] {
   opacity: 0;
   width: 0;
   height: 0;
 }
-.bagel-input.checkbox.check[data-v-d0543d4b] {
+.bagel-input.checkbox.check[data-v-dee6bdf5] {
   margin: 0;
 }
-.bagel-input.checkbox.check .switch[data-v-d0543d4b] {
+.bagel-input.checkbox.check .switch[data-v-dee6bdf5] {
   width: calc(var(--input-height) / 2);
   height: calc(var(--input-height) / 2);
   transition: 0.2s;
 }
-.bagel-input.checkbox.check .slider[data-v-d0543d4b]:before {
+.bagel-input.checkbox.check .slider[data-v-dee6bdf5]:before {
   position: absolute;
   font-family: "Material Symbols Outlined", serif;
   content: "";
@@ -1455,11 +1464,11 @@ th[data-v-f3a410c2] {
   align-items: center;
   justify-content: center;
 }
-.bagel-input.checkbox.check input:checked + .slider[data-v-d0543d4b]:before {
+.bagel-input.checkbox.check input:checked + .slider[data-v-dee6bdf5]:before {
   transform: none;
   content: "check";
 }
-.slider[data-v-d0543d4b] {
+.slider[data-v-dee6bdf5] {
   position: absolute;
   cursor: pointer;
   top: 0;
@@ -1472,7 +1481,7 @@ th[data-v-f3a410c2] {
   border-radius: calc(var(--input-height) / 2);
   box-shadow: inset 0 0 10px #00000020;
 }
-.slider[data-v-d0543d4b]:before {
+.slider[data-v-dee6bdf5]:before {
   position: absolute;
   content: "";
   height: calc(var(--input-height) / 2 - 4px);
@@ -1484,10 +1493,10 @@ th[data-v-f3a410c2] {
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
-input:checked + .slider[data-v-d0543d4b] {
+input:checked + .slider[data-v-dee6bdf5] {
   background: var(--bgl-primary);
 }
-input:checked + .slider[data-v-d0543d4b]:before {
+input:checked + .slider[data-v-dee6bdf5]:before {
   transform: translateX(calc(var(--input-height) / 2));
 }
 
@@ -1721,82 +1730,60 @@ input:checked + .slider[data-v-d0543d4b]:before {
 	transform: translateY(-2.6rem);
 }
 
-.no-edit[data-v-0dacba34] {
-  pointer-events: none;
-}
-.radio-wrap p[data-v-0dacba34] {
-  display: inline-block;
-  color: var(--input-bg);
-  font-size: var(--input-font-size);
-  margin-inline-end: 10px;
-}
-.radio-wrap label[data-v-0dacba34] {
-  padding: 3px 5px;
-  display: inline-block;
-  border-radius: var(--input-border-radius);
-  font-size: var(--input-font-size);
-  background: var(--input-bg);
-  color: var(--bgl-black);
-  text-align: center;
-  margin: 8px 5px;
-  cursor: pointer;
-  user-select: none;
+:root {
+  --bgl-white: #fff;
+  --input-height: 40px;
+  --input-border-radius: 7px;
+  --bgl-transition: all 200ms ease;
+  --bgl-primary: #19b8ea;
 }
-.bagel-input .radio-wrap label[data-v-0dacba34]::after {
-  background: transparent;
+
+.bgl-checkbox[data-v-4594626f]{
+position: relative;
 }
-.radio-wrap input[data-v-0dacba34] {
+.bgl-checkbox input[type=checkbox][data-v-4594626f]{
   display: none;
 }
-.radio-wrap input:checked:checked + label[data-v-0dacba34] {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
-}
-.checkbox[data-v-0dacba34] {
-  position: relative;
-}
-.switch[data-v-0dacba34] {
-  position: relative;
-  display: inline-block;
-  height: calc(var(--input-height) / 2);
-  width: var(--input-height);
-  border-radius: var(--input-height);
+.bgl-checkbox label[data-v-4594626f]{
+  padding-inline-start: calc(var(--input-height) / 2 + 0.25rem);
+  transition: var(--bgl-transition);
+  cursor: pointer;
+  user-select: none;
 }
-.switch input[data-v-0dacba34] {
-  opacity: 0;
-  width: 0;
-  height: 0;
+.bgl-checkbox[data-v-4594626f]:hover{
+  filter: brightness(90%);
 }
-.slider[data-v-0dacba34] {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: var(--input-bg);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-  border-radius: calc(var(--input-height) / 2);
-  box-shadow: inset 0 0 10px #00000020;
+.bgl-checkbox[data-v-4594626f]:active{
+  filter: var(--bgl-active-filter);
 }
-.slider[data-v-0dacba34]:before {
-  position: absolute;
+.bgl-checkbox label[data-v-4594626f]::before{
   content: "";
-  height: calc(var(--input-height) / 2 - 4px);
-  width: calc(var(--input-height) / 2 - 4px);
-  left: 2px;
-  bottom: 2px;
-  border-radius: 50%;
+  width: calc(var(--input-height) / 2.5);
+  height: calc(var(--input-height) / 2.5);
   background: var(--bgl-white);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
+  display: inline-block;
+  position: absolute;
+  margin-top: 0.25rem;
+  inset-inline-start: 0;
+  border-radius: calc(var(--input-border-radius) / 2) ;
+  border: var(--bgl-primary) 1px solid;
 }
-input:checked + .slider[data-v-0dacba34] {
+input:checked ~ label[data-v-4594626f]::before{
   background: var(--bgl-primary);
 }
-input:checked + .slider[data-v-0dacba34]:before {
-  transform: translateX(calc(var(--input-height) / 2));
+.bgl-checkbox svg[data-v-4594626f]{
+  width: calc(var(--input-height) / 2.5);
+  height: calc(var(--input-height) / 2.5);
+  position: absolute;
+  inset-inline-start: 0.05rem;
+  margin-top: 0.3rem;
+  z-index: 2;
+  fill: var(--bgl-white);
+  opacity: 0;
+  pointer-events: none;
+}
+input:checked ~ svg[data-v-4594626f]{
+  opacity: 1;
 }
 
 .currency[data-v-17a56a3f] {
@@ -2394,52 +2381,53 @@ input[type='email'][data-v-ed81a514] {
   color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-352399c0] {
-  outline: 1px solid var(--border-color);
-  border-radius: var(--input-border-radius);
-  text-align: center;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  position: relative;
-  height: 132px;
-  font-size: var(--input-font-size);
+.bagel-input .fileUploadWrap[data-v-c44f8c0d] {
+	outline: 1px solid var(--border-color);
+	border-radius: var(--input-border-radius);
+	text-align: center;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	position: relative;
+	height: 132px;
+	font-size: var(--input-font-size);
 }
-.previewName[data-v-352399c0]{
-  padding: 0.5rem;
-  text-align: start;
-  color: var(--input-color);
-  display: grid;
-  grid-template-columns: 1fr 22px;
-  align-items: center;
+.previewName[data-v-c44f8c0d] {
+	padding: 0.5rem;
+	text-align: start;
+	color: var(--input-color);
+	display: grid;
+	grid-template-columns: 1fr 22px;
+	align-items: center;
 }
-.previewName p[data-v-352399c0]{
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.previewName p[data-v-c44f8c0d] {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-352399c0]{
-  background: var(--input-bg);
-  border-radius: var(--input-border-radius);
-  height: 90px;
-  padding: 5px;
+.imagePreviewWrap[data-v-c44f8c0d] {
+	background: var(--input-bg);
+	border-radius: var(--input-border-radius);
+	height: 90px;
+	padding: 5px;
 }
-img.preview[data-v-352399c0] {
-  height: 80px;
-  border-radius: var(--input-border-radius);
-  object-fit: contain;
+img.preview[data-v-c44f8c0d] {
+	height: 80px;
+	border-radius: var(--input-border-radius);
+	object-fit: contain;
 }
-.fileUploadWrap.dragover[data-v-352399c0], .fileUploadWrap[data-v-352399c0]:hover{
-  box-shadow: inset 0 0 10px #00000012;
+.fileUploadWrap.dragover[data-v-c44f8c0d],
+.fileUploadWrap[data-v-c44f8c0d]:hover {
+	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-352399c0]{
-  background: var(--input-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color:var(--bgl-gray);
+.bagel-input .fileUploadWrap.fileDropZone[data-v-c44f8c0d] {
+	background: var(--input-bg);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-gray);
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-352399c0]:after {
-  content: "Drop files here or click to upload";
+.bagel-input .fileUploadWrap.fileDropZone[data-v-c44f8c0d]:after {
+	content: "Drop files here or click to upload";
 }
 
 .chart-line {
@@ -3306,7 +3294,6 @@ h6 {}
   --bgl-primary: #2E5BFF;
   --bgl-primary-tint: #2E5BFF80;
   --bgl-primary-light: #eef6ff;
-
   --bgl-blue-20: rgba(46, 91, 255, 20%);
   --bgl-blue-dark: #191c30;
   --bgl-blue-light: #eef6ff;
@@ -3393,12 +3380,6 @@ h6 {}
   display: flex;
   justify-content: flex-end;
 }
-body {
-  background-color: var(--bgl-bg);
-  color: var(--bgl-black);
-  font-family: var(--bgl-font);
-  overflow: hidden;
-}
 * {
   box-sizing: border-box;
 }

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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.206",
+  "version": "0.0.214",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",