@bagelink/vue 0.0.629 → 0.0.633

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

@@ -1 +1 @@
-{"version":3,"file":"bagel.d.ts","sourceRoot":"","sources":["../../src/plugins/bagel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAIrC,eAAO,MAAM,iBAAiB,EAAsB,YAAY,CAAC,KAAK,CAAC,CAAA;AACvE,eAAO,MAAM,iBAAiB,EAAsB,YAAY,CAE/D,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CACvB,CAAA;AAED,wBAAgB,QAAQ,UAKvB;AAED,wBAAgB,QAAQ,UAVjB,MAAM,KAAK,MAAM,CAevB;AAED,MAAM,WAAW,YAAY;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IAEZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IAE9B,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/B;AACD,eAAO,MAAM,QAAQ,EAAE,MAwBtB,CAAA"}
+{"version":3,"file":"bagel.d.ts","sourceRoot":"","sources":["../../src/plugins/bagel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAIrC,eAAO,MAAM,iBAAiB,EAAsB,YAAY,CAAC,KAAK,CAAC,CAAA;AACvE,eAAO,MAAM,iBAAiB,EAAsB,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;AAEzF,wBAAgB,QAAQ,UAKvB;AAED,wBAAgB,QAAQ,UAT+C,MAAM,KAAK,MAAM,CAcvF;AAED,MAAM,WAAW,YAAY;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IAEZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IAE9B,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/B;AACD,eAAO,MAAM,QAAQ,EAAE,MAwBtB,CAAA"}

package/dist/style.css

@@ -1944,10 +1944,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-e372fd90] {
+.selectinput[data-v-6747635a] {
 	width: 100%;
 }
-.selectinput-option[data-v-e372fd90] {
+.selectinput-option[data-v-6747635a] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1958,14 +1958,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-e372fd90] {
+.selectinput-options[data-v-6747635a] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-e372fd90]:hover {
+.selectinput-option[data-v-6747635a]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-e372fd90] {
+.isEmpty p[data-v-6747635a] {
 	opacity: 0.3;
 }
 
@@ -2213,7 +2213,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	height: 30px;
 }
 
-.primary-checkbox input[data-v-bf11f9a2] {
+.primary-checkbox input[data-v-e6b95ea6] {
   appearance: none;
   accent-color: var(--bgl-primary);
 	height: calc(var(--input-height) / 1.75);
@@ -2227,7 +2227,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
   background: var(--bgl-white);
   border: 2px solid var(--bgl-gray);
 }
-.primary-checkbox[data-v-bf11f9a2] {
+.primary-checkbox[data-v-e6b95ea6] {
   height:var(--input-height);
   width:var(--input-height);
   display: flex;
@@ -2236,13 +2236,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
   transition: var(--bgl-transition);
   transform: scale(0.8);
 }
-.primary-checkbox[data-v-bf11f9a2]:hover {
+.primary-checkbox[data-v-e6b95ea6]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox[data-v-bf11f9a2]:active {
+.primary-checkbox[data-v-e6b95ea6]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input[data-v-bf11f9a2]:checked {
+.primary-checkbox input[data-v-e6b95ea6]:checked {
   background: var(--bgl-primary);
   box-shadow: inset 0 0 0px 2px white;
 }
@@ -2352,7 +2352,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.radio-pill label[data-v-681173be] {
+.radio-pill label[data-v-d86ce838] {
 	color: var(--bgl-primary);
 	white-space: nowrap;
 	border-radius: calc(var(--btn-border-radius) * 2);
@@ -2366,13 +2366,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--bgl-white);
 	user-select: none;
 }
-.radio-pill label[data-v-681173be]:hover {
+.radio-pill label[data-v-d86ce838]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-681173be] {
+.radio-pill input[data-v-d86ce838] {
 	display: none;
 }
-.radio-pill input:checked ~ label[data-v-681173be] {
+.radio-pill input:checked ~ label[data-v-d86ce838] {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
@@ -2838,6 +2838,17 @@ input[type="number"][data-v-4c741194] {
 }
 }
 
+.radio-input-list[data-v-a921574e]{
+	width: auto;
+	transform: scale(1.4);
+	margin-inline-end: 0.6rem;
+}
+.active-list-item[data-v-a921574e]:has(:checked){
+	background: var(--bgl-primary-light) !important;
+	border-color: var(--bgl-primary) !important;
+	accent-color: var(--bgl-primary);
+}
+
 .chart-line {
 	width: 100%;
 	height: 300px;
@@ -3728,6 +3739,30 @@ input[type="number"][data-v-4c741194] {
 .flex-shrink {
     flex-shrink: 1;
 }
+.flex-no-grow, .flex-grow-0 {
+    flex-grow: 0;
+}
+.flex-no-shrink, .flex-shrink-0 {
+    flex-shrink: 0;
+}
+.flex-grow-2 {
+    flex-grow: 2;
+}
+.flex-shrink-2 {
+    flex-shrink: 2;
+}
+.flex-grow-3 {
+    flex-grow: 3;
+}
+.flex-shrink-3 {
+    flex-shrink: 3;
+}
+.flex-grow-4 {
+    flex-grow: 4;
+}
+.flex-shrink-4 {
+    flex-shrink: 4;
+}
 .flex-2-col {
     max-width: 50%;
     flex: 1 1 calc(50% - 2rem);
@@ -5326,7 +5361,39 @@ input[type="number"][data-v-4c741194] {
     .m_flex-shrink {
         flex-shrink: 1;
     }
-
+    
+    .m_flex-no-grow, .m_flex-grow-0 {
+        flex-grow: 0;
+    }
+    
+    .m_flex-no-shrink, .m_flex-shrink-0 {
+        flex-shrink: 0;
+    }
+    
+    .m_flex-grow-2 {
+        flex-grow: 2;
+    }
+    
+    .m_flex-shrink-2 {
+        flex-shrink: 2;
+    }
+    
+    .m_flex-grow-3 {
+        flex-grow: 3;
+    }
+    
+    .m_flex-shrink-3 {
+        flex-shrink: 3;
+    }
+    
+    .m_flex-grow-4 {
+        flex-grow: 4;
+    }
+    
+    .m_flex-shrink-4 {
+        flex-shrink: 4;
+    }
+    
     .m_flex-2-col {
         max-width: 50%;
         flex: 1 1 calc(50% - 2rem);

package/dist/types/index.d.ts

@@ -12,4 +12,8 @@ export type Tab = {
     icon?: MaterialIcons;
 } | string;
 export type ThemeType = 'light' | 'white' | 'red' | 'gray' | 'gray-light' | 'black' | 'green' | 'primary' | 'blue';
+export type Option = string | number | Record<string, any> | {
+    label: string;
+    value: string | number;
+};
 //# 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,uBAAuB,EACvB,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EACvB,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"}

package/dist/utils/BagelFormUtils.d.ts

@@ -1,9 +1,5 @@
-import { Field } from '..';
+import { Field, Option } from '..';
 
-export type Option = string | number | Record<string, any> | {
-    label: string;
-    value: string | number;
-};
 interface InputOptions {
     required?: boolean;
     placeholder?: string;

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,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;AAE5C,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAM,GAAG,KAAK,CAIrH;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAM,GAAG,KAAK,CAIrH;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}

package/package.json

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

package/src/components/form/inputs/Checkbox.vue

@@ -1,12 +1,10 @@
 <script setup lang="ts">
-const val = defineModel('modelValue', {
-	type: Boolean,
-	default: false,
-})
+const val = defineModel<boolean>('modelValue', { default: false })
 </script>
 
 <template>
 	<label class="primary-checkbox">
+		<slot name="label" />
 		<input v-model="val" type="checkbox">
 	</label>
 </template>

package/src/components/form/inputs/RadioGroup.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { Btn } from '@bagelink/vue'
+
+defineProps<{
+	groupName: string
+	options: { imgAlt?: string, imgSrc?: string, subLabel?: string, label?: string, value: any, id: string }[]
+	deletable?: boolean
+	// defaultValue?: any
+}>()
+
+defineEmits(['delete'])
+
+const selectedOption = defineModel('modelValue')
+</script>
+
+<template>
+	<div>
+		<label
+			v-for="(opt, index) in options"
+			:key="index"
+			class="border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover"
+		>
+			<input
+				v-model="selectedOption"
+				class="radio-input-list"
+				type="radio"
+				:name="groupName"
+				:value="opt.value"
+			>
+			<!-- :checked="selectedOption === opt.value" -->
+
+			<img
+				v-if="opt.imgSrc"
+				class="bg-white shadow-light py-025 rounded"
+				width="60"
+				:src="opt.imgSrc"
+				:alt="opt.imgAlt"
+			>
+			<div>
+				<p v-if="opt.label" class="m-0">{{ opt.label }}</p>
+				<p v-if="opt.subLabel" class="txt-gray txt-12 m-0">{{ opt.subLabel }}</p>
+			</div>
+			<Btn
+				v-if="deletable"
+				class="ms-auto"
+				flat thin icon="delete"
+				@click="$emit('delete', opt)"
+			/>
+		</label>
+	</div>
+</template>
+
+<style scoped>
+.radio-input-list{
+	width: auto;
+	transform: scale(1.4);
+	margin-inline-end: 0.6rem;
+
+}
+.active-list-item:has(:checked){
+	background: var(--bgl-primary-light) !important;
+	border-color: var(--bgl-primary) !important;
+	accent-color: var(--bgl-primary);
+}
+</style>

package/src/components/form/inputs/RadioPillsInput.vue

@@ -1,11 +1,7 @@
 <script setup lang="ts">
 import { onMounted, watch } from 'vue'
 
-type Option =
-	| string
-	| number
-	| Record<string, any>
-	| { label: string, value: string | number }
+import type { Option } from '@bagelink/vue'
 
 const props = withDefaults(
 	defineProps<{

package/src/components/form/inputs/SelectInput.vue

@@ -7,15 +7,10 @@ import {
 	Card,
 	Icon,
 	type MaterialIcons,
+	type Option,
 	TextInput,
 } from '@bagelink/vue'
 
-type Option =
-	| string
-	| number
-	| Record<string, any>
-	| { label: string, value: string | number }
-
 const props = defineProps<{
 	options: Option[]
 	placeholder?: string

package/src/components/form/inputs/index.ts

@@ -14,5 +14,6 @@ export { default as RichText } from './RichText.vue'
 export { default as TelInput } from './TelInput.vue'
 export { default as SignaturePad } from './SignaturePad.vue'
 export { default as RichText2 } from './RichText2/index.vue'
+export { default as RadioGroup } from './RadioGroup.vue'
 
 export { Dropdown } from 'floating-vue'

package/src/plugins/bagel.ts

@@ -7,10 +7,7 @@ import clickOutside from '../utils/clickOutside'
 import { useLang } from '../utils'
 
 export const bagelInjectionKey = Symbol('bagel') as InjectionKey<Bagel>
-export const i18nTInjectionKey = Symbol('bagel') as InjectionKey<
-
-	(key: string) => string
->
+export const i18nTInjectionKey = Symbol('bagel') as InjectionKey<(key: string) => string>
 
 export function useBagel() {
 	const bagel = inject(bagelInjectionKey)

package/src/styles/layout.css

@@ -886,6 +886,38 @@
     flex-shrink: 1;
 }
 
+.flex-no-grow, .flex-grow-0 {
+    flex-grow: 0;
+}
+
+.flex-no-shrink, .flex-shrink-0 {
+    flex-shrink: 0;
+}
+
+.flex-grow-2 {
+    flex-grow: 2;
+}
+
+.flex-shrink-2 {
+    flex-shrink: 2;
+}
+
+.flex-grow-3 {
+    flex-grow: 3;
+}
+
+.flex-shrink-3 {
+    flex-shrink: 3;
+}
+
+.flex-grow-4 {
+    flex-grow: 4;
+}
+
+.flex-shrink-4 {
+    flex-shrink: 4;
+}
+
 .flex-2-col {
     max-width: 50%;
     flex: 1 1 calc(50% - 2rem);

package/src/styles/mobilLayout.css

@@ -544,7 +544,39 @@
     .m_flex-shrink {
         flex-shrink: 1;
     }
-
+    
+    .m_flex-no-grow, .m_flex-grow-0 {
+        flex-grow: 0;
+    }
+    
+    .m_flex-no-shrink, .m_flex-shrink-0 {
+        flex-shrink: 0;
+    }
+    
+    .m_flex-grow-2 {
+        flex-grow: 2;
+    }
+    
+    .m_flex-shrink-2 {
+        flex-shrink: 2;
+    }
+    
+    .m_flex-grow-3 {
+        flex-grow: 3;
+    }
+    
+    .m_flex-shrink-3 {
+        flex-shrink: 3;
+    }
+    
+    .m_flex-grow-4 {
+        flex-grow: 4;
+    }
+    
+    .m_flex-shrink-4 {
+        flex-shrink: 4;
+    }
+    
     .m_flex-2-col {
         max-width: 50%;
         flex: 1 1 calc(50% - 2rem);

package/src/types/index.ts

@@ -32,3 +32,9 @@ export type ThemeType = |
 	| 'green'
 	| 'primary'
 	| 'blue' // ! blue does nothing
+
+export type Option =
+	| string
+	| number
+	| Record<string, any>
+	| { label: string, value: string | number }

package/src/utils/BagelFormUtils.ts

@@ -1,10 +1,4 @@
-import type { Field } from '@bagelink/vue'
-
-export type Option =
-	| string
-	| number
-	| Record<string, any>
-	| { label: string, value: string | number }
+import type { Field, Option } from '@bagelink/vue'
 
 interface InputOptions {
 	required?: boolean