@bagelink/vue 0.0.1145 → 0.0.1151

package/dist/style.css

@@ -453,64 +453,41 @@ display: block;
 }
 }
 
-data[data-v-6c27f163] {
-	font-size: var(--input-font-size);
-	border: 1.1px solid var(--border-color);
-	padding: 20px;
-	border-radius: var(--input-border-radius);
-}
-.data-row[data-v-6c27f163] {
+.data-preview[data-v-ad78731b] {
 	display: flex;
-	justify-content: space-between;
-	border-bottom: 1px solid var(--border-color);
-	align-items: center;
-	min-height: 50px;
-}
-.data-row .bagel-input.shrink[data-v-6c27f163],
-.data-row .bagel-input.shrink input[data-v-6c27f163] {
-	min-width: 140px !important;
-	/* margin-top: -0.45rem !important; */
-}
-.data-link[data-v-6c27f163] {
-	display: block;
-	font-size: var(--input-font-size);
-	margin-bottom: 2px;
-	line-height: 1.3;
-	color: var(--input-color);
-}
-@media screen and (max-width: 910px) {
-.data-row[data-v-6c27f163] {
-		display: block;
-		/* min-height: 80px; */
-		padding-bottom: 1rem;
+	flex-direction: column;
+	gap: 0.5rem;
 }
+.preview-field[data-v-ad78731b] {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
 }
-
-.data-row .bagel-input,
-.data-row .bagel-input input {
-	min-width: 140px !important;
-	height: calc(var(--input-height) - 0.25rem) !important;
+.field-label[data-v-ad78731b] {
+	font-size: 0.8rem;
+	color: var(--bgl-black-tint);
+	font-weight: 500;
 }
-.data-row .bagel-input.bgl-toggle input {
-	height:20px !important;
+.field-value[data-v-ad78731b] {
+	font-size: 0.95rem;
 }
 
-.table-list-wrap[data-v-cf461a0e] {
+.table-list-wrap[data-v-18572328] {
 	min-height: 150px;
 }
-.selected[data-v-cf461a0e] {
+.selected[data-v-18572328] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-cf461a0e]:hover {
+tbody tr.selected[data-v-18572328]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-cf461a0e] {
+.loading-table[data-v-18572328] {
 	position: relative;
 }
-.inset[data-v-cf461a0e] {
+.inset[data-v-18572328] {
 	inset: 0;
 }
-.loading-table-animation[data-v-cf461a0e] {
+.loading-table-animation[data-v-18572328] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -518,9 +495,9 @@ tbody tr.selected[data-v-cf461a0e]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-cf461a0e 1s linear infinite;
+	animation: loading-table-18572328 1s linear infinite;
 }
-@keyframes loading-table-cf461a0e {
+@keyframes loading-table-18572328 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -528,51 +505,51 @@ tbody tr.selected[data-v-cf461a0e]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-cf461a0e] {
+.list-arrows[data-v-18572328] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-cf461a0e] {
+.list-arrows .bgl_icon-font[data-v-18572328] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-cf461a0e] {
+.list-arrows.sorted[data-v-18572328] {
 	opacity: 1;
 }
-.col img[data-v-cf461a0e] {
+.col img[data-v-18572328] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-cf461a0e] {
+.list-arrows.sorted .desc[data-v-18572328] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-cf461a0e] {
+table[data-v-18572328] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-cf461a0e] {
+th[data-v-18572328] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--15d141b2);
+	height: var(--0984904d);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-cf461a0e] {
+.embedded-field[data-v-18572328] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-cf461a0e] {
+.row[data-v-18572328] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-cf461a0e] {
+.row.first-row[data-v-18572328] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -581,7 +558,7 @@ th[data-v-cf461a0e] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-cf461a0e]::after {
+.row.first-row[data-v-18572328]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -589,11 +566,11 @@ th[data-v-cf461a0e] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-cf461a0e] {
+.first-row .col[data-v-18572328] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-cf461a0e] {
+.col[data-v-18572328] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -603,19 +580,19 @@ th[data-v-cf461a0e] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-cf461a0e]:has(.bagel-input) {
+.col[data-v-18572328]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-cf461a0e] {
+.col > div[data-v-18572328] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-cf461a0e] {
+.max-col-width[data-v-18572328] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-cf461a0e] {
+.col.check .bgl_icon-font[data-v-18572328] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -626,35 +603,35 @@ th[data-v-cf461a0e] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-cf461a0e] {
+.rows[data-v-18572328] {
 	font-size: 0.88em;
 }
-.table-list[data-v-cf461a0e] {
+.table-list[data-v-18572328] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-cf461a0e] {
+.BagelTable .table-list[data-v-18572328] {
 	overflow: unset;
 }
-.row-item[data-v-cf461a0e] {
-	height: var(--15d141b2);
+.row-item[data-v-18572328] {
+	height: var(--0984904d);
 	transition: all 200ms ease;
 }
-.row-item[data-v-cf461a0e]:hover {
+.row-item[data-v-18572328]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-cf461a0e] {
+.row-item input[type='checkbox'][data-v-18572328] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-cf461a0e] {
+.infinite-wrapper[data-v-18572328] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-cf461a0e] {
+input[type='checkbox'][data-v-18572328] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -666,7 +643,7 @@ input[type='checkbox'][data-v-cf461a0e] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-cf461a0e]::before {
+input[type='checkbox'][data-v-18572328]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -679,18 +656,18 @@ input[type='checkbox'][data-v-cf461a0e]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-cf461a0e]:hover::before {
+input[type='checkbox'][data-v-18572328]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-cf461a0e] {
+[lang='he'] [dir='ltr'][data-v-18572328] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-cf461a0e] {
+th input[type='checkbox'][data-v-18572328] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-cf461a0e]::after {
+th[data-v-18572328]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -698,24 +675,24 @@ th[data-v-cf461a0e]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-cf461a0e] {
+tr[data-v-18572328] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-cf461a0e],
-th[data-v-cf461a0e] {
+td[data-v-18572328],
+th[data-v-18572328] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-cf461a0e] {
+tbody tr[data-v-18572328] {
 	font-size: 0.88em;
-	height: var(--15d141b2);
+	height: var(--0984904d);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-cf461a0e]:hover {
+tbody tr[data-v-18572328]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -744,101 +721,16 @@ fieldset[data-v-f7e758e5] {
 .fi[data-v-f99f1900]:before{ content:" "
 }
 
-.bgl_tabs_wrap[data-v-e680c2a4] {
-	background: var(--input-bg);
-	border-radius: calc(var(--input-border-radius) * 1.4);
-	padding-inline: calc(var(--btn-padding) / 8);
-	padding-block: calc(var(--btn-padding) / 8);
-	box-shadow: inset 0 0 10px #00000012;
-	gap: 0.25rem;
-}
-.bgl_tab[data-v-e680c2a4] {
-	border: none;
-	background: transparent;
-	cursor: pointer;
-	font-size: var(--input-font-size);
-	font-family: inherit;
-	padding-inline: calc(var(--btn-padding) / 2);
-	padding-block: calc(var(--btn-padding) / 8);
-	border-radius: var(--input-border-radius);
-	transition: var(--bgl-transition);
-	color: inherit
-}
-.bgl_tab[data-v-e680c2a4]:hover {
-	background: rgba(255, 255, 255, .4);
-}
-.bgl_tabs_wrap[data-v-e680c2a4]::before {
-	content: '';
-	position: absolute;
-	top: calc(var(--btn-padding) / 8);
-	bottom: calc(var(--btn-padding) / 8);
-	left: var(--indicator-left, 0);
-	width: var(--indicator-width, 0);
-	background: var(--bgl-popup-bg);
-	border-radius: var(--input-border-radius);
-	transition: var(--bgl-transition);
-	z-index: 0;
-}
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-e680c2a4] {
-	background: transparent;
-	box-shadow: none;
-}
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-e680c2a4]::before{
-	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
-	border-radius: 0;
-	top: calc(var(--btn-padding) * 1.25);
-	bottom: unset;
-}
-.bgl_flat-tabs .active.bgl_tab[data-v-e680c2a4]{
-	color: var(--bgl-primary)
-}
-.bgl_flat-tabs .bgl_tab[data-v-e680c2a4]:hover {
-	background: rgba(255, 255, 255, .1);
-}
-.bgl_vertical-tabs[data-v-e680c2a4]{
-	grid-auto-flow: row;
-	align-items: start;
-	justify-items: start;
-	gap: 1rem
-}
-.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]{
-	padding-inline: 0;
-	border-radius: 0;
-	border-bottom: 1px solid transparent;
-}
-.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]:hover{
-	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
-}
-.bgl_vertical-tabs .bgl_tab.active[data-v-e680c2a4]{
-	border-bottom: 1px solid var(--bgl-primary);
-}
-.bgl_vertical-tabs.bgl_tabs_wrap[data-v-e680c2a4]::before{
-	border: none;
-}
-@media screen and (max-width: 910px) {
-.bgl_vertical-tabs[data-v-e680c2a4]{
-	grid-auto-flow: column;
-	overflow: auto;
-	max-width: 100vw;
-	padding-inline-end: 1rem;
-	width: 100%;
-	gap: 1rem;
-	position: relative;
-}
-.bgl_vertical-tabs[data-v-e680c2a4]::-webkit-scrollbar {
-	display: none;
-}
-.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]{
-	white-space: nowrap;
-}
-}
-
 .itemBox{
-	/* border-top: 2px solid var(--bgl-gray); */
-	/* border-bottom: 2px solid var(--bgl-gray); */
 	background: var(--input-bg);
+	grid-template-columns: 1fr auto;
+	display: grid;
+	--label-font-size: 0.6rem;
+	--input-height: 30px;
+	--input-font-size: 14px;
+}
+.pt-065{
+	padding-top: 0.65rem;
 }
 .itemBox .bagel-input input,
 .itemBox .bagel-input textarea,
@@ -846,6 +738,9 @@ fieldset[data-v-f7e758e5] {
 .itemBox .custom-select .input {
 	background: var(--bgl-white) !important;
 }
+.itemBox .bagel-input{
+	margin-bottom: 0.15rem !important;
+}
 
 .primary-checkbox input[data-v-73f1d9ad] {
   appearance: none;
@@ -1137,7 +1032,7 @@ pre code.hljs{
 }
 }
 
-.fileUploadWrap[data-v-9d12086d] {
+.fileUploadWrap[data-v-9939a5fb] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1149,7 +1044,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-9d12086d] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-9939a5fb] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1157,14 +1052,14 @@ pre code.hljs{
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-9d12086d],
-.fileUploadWrap[data-v-9d12086d]:hover {
+.fileUploadWrap.dragover[data-v-9939a5fb],
+.fileUploadWrap[data-v-9939a5fb]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto;'][data-v-9939a5fb] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-9d12086d] {
+.multi-image-item-preview[data-v-9939a5fb] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1178,12 +1073,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-9d12086d] {
+.multi-image-item-preview p[data-v-9939a5fb] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-9d12086d] {
+.multi-preview[data-v-9939a5fb] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1194,17 +1089,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-9d12086d] {
+.bgl-single-preview[data-v-9939a5fb] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-9d12086d] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-9939a5fb] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-9d12086d] {
+.single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1212,13 +1107,13 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9939a5fb] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9939a5fb] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-9d12086d] {
+.single-preview[data-v-9939a5fb] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1228,7 +1123,7 @@ pre code.hljs{
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-9d12086d]:hover::after {
+.single-image-item-preview[data-v-9939a5fb]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1238,20 +1133,20 @@ pre code.hljs{
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-9d12086d] {
+.single-image-item-preview:hover img[data-v-9939a5fb] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-9d12086d] {
+.bgl_fill-image.single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-9d12086d] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-9939a5fb] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-9d12086d] {
+.single-image-item-preview .pie[data-v-9939a5fb] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1265,31 +1160,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-9d12086d] {
+.bgl_oval-upload[data-v-9939a5fb] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-9d12086d] {
+.bgl_oval-upload p[data-v-9939a5fb] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-9d12086d] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-9939a5fb] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-9d12086d] {
+.bgl_oval-upload .pie[data-v-9939a5fb] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9d12086d] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9939a5fb] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-9d12086d] {
+.bgl_oval-upload .single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-9d12086d] {
+.bgl_oval-upload .single-preview[data-v-9939a5fb] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-9d12086d] {
+.pie[data-v-9939a5fb] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1297,7 +1192,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-9d12086d]:before {
+.pie[data-v-9939a5fb]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1315,26 +1210,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-9d12086d] {
+.pie .success[data-v-9939a5fb] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-9d12086d] {
+.pie .progress[data-v-9939a5fb] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-9d12086d] {
+.pie.complete .progress[data-v-9939a5fb] {
 	display: none;
 }
-.pie.complete .success[data-v-9d12086d] {
+.pie.complete .success[data-v-9939a5fb] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-9d12086d]:before {
+.pie.complete[data-v-9939a5fb]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-9d12086d] {
+.pie.complete[data-v-9939a5fb] {
 	color: var(--bgl-green);
 }
 
@@ -1345,14 +1240,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-cacbf10f] {
+.txtInputIconStart .iconStart[data-v-8ae5f930] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-cacbf10f] {
+.textInputSpinnerWrap .spinner[data-v-8ae5f930] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1362,18 +1257,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-cacbf10f]{
+.top-bgl-ctrl-num-btn[data-v-8ae5f930]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-cacbf10f]{
+.bgl-ctrl-num-btn[data-v-8ae5f930]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-cacbf10f]{
+.bgl-big-ctrl-num-btn[data-v-8ae5f930]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-cacbf10f]{
+.bgl-number-input[data-v-8ae5f930]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -1547,26 +1442,26 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 line-height: 1.65;
 }
 
-.rich-text-editor[data-v-59d7c73f] {
+.rich-text-editor[data-v-08117333] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-59d7c73f] {
+.editor-container[data-v-08117333] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-59d7c73f],
-.preview-area[data-v-59d7c73f] {
+.content-area[data-v-08117333],
+.preview-area[data-v-08117333] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-59d7c73f] {
+.split-view[data-v-08117333] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-59d7c73f] {
+.editableContent[data-v-08117333] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -1574,7 +1469,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-59d7c73f] {
+.html-editor[data-v-08117333] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -1585,12 +1480,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-59d7c73f] {
+.preview-area[data-v-08117333] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-59d7c73f] {
+.fullscreen-mode[data-v-08117333] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -1599,18 +1494,18 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-59d7c73f] {
+.fullscreen-mode .editor-container[data-v-08117333] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-59d7c73f],
-.fullscreen-mode .preview-area[data-v-59d7c73f] {
+.fullscreen-mode .content-area[data-v-08117333],
+.fullscreen-mode .preview-area[data-v-08117333] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-59d7c73f]{
+.fullscreen-mode .code-editor[data-v-08117333]{
 	height: 100% !important;
 }
-.debug-controls[data-v-59d7c73f] {
+.debug-controls[data-v-08117333] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;
@@ -2023,7 +1918,7 @@ line-height: 1.65;
 .bgl-toggle input:checked + label[data-v-ebe691ee] {
     color: var(--bgl-primary) !important;
 }
-.fileUploadWrap[data-v-33f11d1f] {
+.fileUploadWrap[data-v-d65d0a87] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2035,7 +1930,7 @@ line-height: 1.65;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-33f11d1f] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-d65d0a87] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2043,14 +1938,14 @@ line-height: 1.65;
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-33f11d1f],
-.fileUploadWrap[data-v-33f11d1f]:hover {
+.fileUploadWrap.dragover[data-v-d65d0a87],
+.fileUploadWrap[data-v-d65d0a87]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto;'][data-v-d65d0a87] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-33f11d1f] {
+.multi-image-item-preview[data-v-d65d0a87] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -2064,12 +1959,12 @@ line-height: 1.65;
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-33f11d1f] {
+.multi-image-item-preview p[data-v-d65d0a87] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-33f11d1f] {
+.multi-preview[data-v-d65d0a87] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -2080,17 +1975,17 @@ line-height: 1.65;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-33f11d1f] {
+.bgl-single-preview[data-v-d65d0a87] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-33f11d1f] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-d65d0a87] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-33f11d1f] {
+.single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -2098,13 +1993,13 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-d65d0a87] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-d65d0a87] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-33f11d1f] {
+.single-preview[data-v-d65d0a87] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -2114,7 +2009,7 @@ line-height: 1.65;
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-33f11d1f]:hover::after {
+.single-image-item-preview[data-v-d65d0a87]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -2124,20 +2019,20 @@ line-height: 1.65;
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-33f11d1f] {
+.single-image-item-preview:hover img[data-v-d65d0a87] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-33f11d1f] {
+.bgl_fill-image.single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-33f11d1f] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-d65d0a87] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-33f11d1f] {
+.single-image-item-preview .pie[data-v-d65d0a87] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -2151,31 +2046,31 @@ line-height: 1.65;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-33f11d1f] {
+.bgl_oval-upload[data-v-d65d0a87] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-33f11d1f] {
+.bgl_oval-upload p[data-v-d65d0a87] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-33f11d1f] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-d65d0a87] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-33f11d1f] {
+.bgl_oval-upload .pie[data-v-d65d0a87] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-33f11d1f] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-d65d0a87] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-33f11d1f] {
+.bgl_oval-upload .single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-33f11d1f] {
+.bgl_oval-upload .single-preview[data-v-d65d0a87] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-33f11d1f] {
+.pie[data-v-d65d0a87] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2183,7 +2078,7 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-33f11d1f]:before {
+.pie[data-v-d65d0a87]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2201,26 +2096,26 @@ line-height: 1.65;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-33f11d1f] {
+.pie .success[data-v-d65d0a87] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-33f11d1f] {
+.pie .progress[data-v-d65d0a87] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-33f11d1f] {
+.pie.complete .progress[data-v-d65d0a87] {
 	display: none;
 }
-.pie.complete .success[data-v-33f11d1f] {
+.pie.complete .success[data-v-d65d0a87] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-33f11d1f]:before {
+.pie.complete[data-v-d65d0a87]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-33f11d1f] {
+.pie.complete[data-v-d65d0a87] {
 	color: var(--bgl-green);
 }
 
@@ -2374,6 +2269,97 @@ to {
   border: none;
 }
 
+.bgl_tabs_wrap[data-v-e680c2a4] {
+	background: var(--input-bg);
+	border-radius: calc(var(--input-border-radius) * 1.4);
+	padding-inline: calc(var(--btn-padding) / 8);
+	padding-block: calc(var(--btn-padding) / 8);
+	box-shadow: inset 0 0 10px #00000012;
+	gap: 0.25rem;
+}
+.bgl_tab[data-v-e680c2a4] {
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	font-size: var(--input-font-size);
+	font-family: inherit;
+	padding-inline: calc(var(--btn-padding) / 2);
+	padding-block: calc(var(--btn-padding) / 8);
+	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
+	color: inherit
+}
+.bgl_tab[data-v-e680c2a4]:hover {
+	background: rgba(255, 255, 255, .4);
+}
+.bgl_tabs_wrap[data-v-e680c2a4]::before {
+	content: '';
+	position: absolute;
+	top: calc(var(--btn-padding) / 8);
+	bottom: calc(var(--btn-padding) / 8);
+	left: var(--indicator-left, 0);
+	width: var(--indicator-width, 0);
+	background: var(--bgl-popup-bg);
+	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
+	z-index: 0;
+}
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-e680c2a4] {
+	background: transparent;
+	box-shadow: none;
+}
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-e680c2a4]::before{
+	background: transparent;
+	border-bottom: 1px solid var(--bgl-primary);
+	border-radius: 0;
+	top: calc(var(--btn-padding) * 1.25);
+	bottom: unset;
+}
+.bgl_flat-tabs .active.bgl_tab[data-v-e680c2a4]{
+	color: var(--bgl-primary)
+}
+.bgl_flat-tabs .bgl_tab[data-v-e680c2a4]:hover {
+	background: rgba(255, 255, 255, .1);
+}
+.bgl_vertical-tabs[data-v-e680c2a4]{
+	grid-auto-flow: row;
+	align-items: start;
+	justify-items: start;
+	gap: 1rem
+}
+.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]{
+	padding-inline: 0;
+	border-radius: 0;
+	border-bottom: 1px solid transparent;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]:hover{
+	background: transparent;
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs .bgl_tab.active[data-v-e680c2a4]{
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs.bgl_tabs_wrap[data-v-e680c2a4]::before{
+	border: none;
+}
+@media screen and (max-width: 910px) {
+.bgl_vertical-tabs[data-v-e680c2a4]{
+	grid-auto-flow: column;
+	overflow: auto;
+	max-width: 100vw;
+	padding-inline-end: 1rem;
+	width: 100%;
+	gap: 1rem;
+	position: relative;
+}
+.bgl_vertical-tabs[data-v-e680c2a4]::-webkit-scrollbar {
+	display: none;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-e680c2a4]{
+	white-space: nowrap;
+}
+}
+
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
@@ -3725,25 +3711,25 @@ body:has(.bg-dark.is-active) {
 }
 }
 
-.bgl_pill-btn[data-v-47a928b4]{
+.bgl_pill-btn[data-v-2ca4d3a1]{
 	color: var(--pill-btn-color);
 	background: var(--pill-btn-bg);
 	width: calc(var(--pill-height) / 1.25)!important;
 	height: calc(var(--pill-height) / 1.25)!important;
 }
-.loading[data-v-47a928b4] {
+.loading[data-v-2ca4d3a1] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-47a928b4 1s linear infinite;
+  animation: spin-2ca4d3a1 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-.bgl_flatPill .loading[data-v-47a928b4] {
+.bgl_flatPill .loading[data-v-2ca4d3a1] {
 	border-bottom: 2px solid var(--bgl-text-color);
 }
-@keyframes spin-47a928b4 {
+@keyframes spin-2ca4d3a1 {
 0% {
     transform: rotate(0deg);
 }
@@ -3751,11 +3737,11 @@ body:has(.bg-dark.is-active) {
     transform: rotate(360deg);
 }
 }
-.bgl_pill[data-v-47a928b4] {
+.bgl_pill[data-v-2ca4d3a1] {
   padding-inline: 0.25rem;
   transition: var(--bgl-transition);
-  background-color: var(--3a60c2df);
-  color: var(--69137cfa);
+  background-color: var(--2a89394f);
+  color: var(--369cf12c);
   display: inline-block;
   margin-inline-end: 0.25rem;
   border-radius: var(--pill-border-radius);
@@ -3763,26 +3749,26 @@ body:has(.bg-dark.is-active) {
   vertical-align: middle;
   margin-bottom: 0.25rem;
 }
-.bgl_pill[disabled="true"][data-v-47a928b4] {
+.bgl_pill[disabled="true"][data-v-2ca4d3a1] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_pill-flex[data-v-47a928b4] {
+.bgl_pill-flex[data-v-2ca4d3a1] {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_pill.bgl_flatPill[data-v-47a928b4] {
+.bgl_pill.bgl_flatPill[data-v-2ca4d3a1] {
   background: transparent;
 }
-.bgl_pill.round[data-v-47a928b4] {
+.bgl_pill.round[data-v-2ca4d3a1] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-47a928b4] {
-  outline: 1px solid var(--3a60c2df);
-  color: var(--3a60c2df);
+.bgl_pill-border[data-v-2ca4d3a1] {
+  outline: 1px solid var(--2a89394f);
+  color: var(--2a89394f);
   background: transparent;
 }
 
@@ -13599,6 +13585,12 @@ select {
     -webkit-line-clamp: 6;
 }.pointer {
     cursor: pointer;
+}.grab {
+    cursor: grab;
+}.grab:active {
+    cursor: grabbing;
+}.not-allowed {
+    cursor: not-allowed;
 }.decoration-none {
     text-decoration: none;
 }.underline,
@@ -13615,7 +13607,7 @@ select {
 }.capitalize {
     text-transform: capitalize;
 }.bgl_icon-font {
-    font-family: "Material Symbols Outlined", serif !important;
+    font-family: 'Material Symbols Outlined', serif !important;
 }.nowrap {
     white-space: nowrap;
 }.balance {
@@ -13625,7 +13617,6 @@ select {
 }.white-space {
     white-space: nowrap;
 }@media screen and (max-width: 910px) {
-
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -13742,7 +13733,6 @@ select {
         font-size: 72px;
     }
 
-
     .m_txt80,
     .m_txt-80 {
         font-size: 80px;
@@ -13758,7 +13748,6 @@ select {
         font-size: 100px;
     }
 
-
     .m_txt110,
     .m_txt-110 {
         font-size: 110px;
@@ -14009,9 +13998,8 @@ select {
         text-decoration: underline !important;
     }
 
-
     .m_bgl_icon-font {
-        font-family: "Material Symbols Outlined", serif;
+        font-family: 'Material Symbols Outlined', serif;
     }
 
     .m_nowrap {
@@ -14045,7 +14033,6 @@ select {
     .m_capitalize {
         text-transform: capitalize;
     }
-
 }body>div ::-webkit-scrollbar {
     width: 0.5em;
     height: 0.5rem;