@bagelink/vue 0.0.423 → 0.0.431

package/dist/style.css

@@ -534,46 +534,48 @@ a[data-v-d09a83c5] {
 }
 }
 
-.accordion-item[data-v-bf74738b] {
-  border-bottom: 1px solid var(--border-color);
-  transition: all 0.2s;
-  cursor: pointer;
-  overflow: hidden;
+.accordion-item[data-v-0fb593ee] {
+	border-bottom: 1px solid var(--border-color);
+	transition: all 0.2s;
+	cursor: pointer;
+	overflow: hidden;
 }
-.accordion-head[data-v-bf74738b] {
-  height: var(--input-height);
-  background: transparent;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
+.accordion-head[data-v-0fb593ee] {
+	height: var(--input-height);
+	background: transparent;
+	display: flex;
+	width: 100%;
+	align-items: center;
+	justify-content: space-between;
+	border: none;
+}
+.accordion-icon[data-v-0fb593ee] {
+	transition: all 0.2s ease;
 }
-.accordion-icon[data-v-bf74738b] {
-  transition: all 0.2s ease;
+.accordion-icon.open[data-v-0fb593ee] {
+	transform: rotate(180deg);
 }
-.accordion-icon.open[data-v-bf74738b] {
-  transform: rotate(180deg);
+.accordion-label[data-v-0fb593ee] {
+	font-weight: bold;
 }
-.accordion-label[data-v-bf74738b] {
-  font-weight: bold;
+.accordion-head:hover .accordion-label[data-v-0fb593ee] {
+	text-decoration: underline;
 }
-.accordion-head:hover .accordion-label[data-v-bf74738b] {
-  text-decoration: underline;
+.accordion-body[data-v-0fb593ee] {
 }
-.accordion-body[data-v-bf74738b] {}
 
 .expand-enter-active,
 .expand-leave-active {
-  transition: all 0.5s;
-  transition-delay: 0ms;
+	transition: all 0.2s;
+	transition-delay: 0ms;
 }
 .expand-enter-from,
 .expand-leave-to {
-  max-height: 0;
+	max-height: 0;
 }
 .expand-enter-to,
 .expand-leave-from {
-  max-height: 300px;
+	max-height: 300px;
 }
 
 .list-wrap {
@@ -623,41 +625,41 @@ a[data-v-d09a83c5] {
   gap: 1rem;
 }
 
-.list-arrows[data-v-54d69b8f] {
+.list-arrows[data-v-1d169811] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-54d69b8f] {
+.list-arrows .bgl_icon-font[data-v-1d169811] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-54d69b8f] {
+.list-arrows.sorted[data-v-1d169811] {
 	opacity: 1;
 }
-.col img[data-v-54d69b8f] {
+.col img[data-v-1d169811] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-54d69b8f] {
+.list-arrows.sorted .desc[data-v-1d169811] {
 	transform: rotate(180deg);
 }
-table[data-v-54d69b8f] {
+table[data-v-1d169811] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-54d69b8f] {
+th[data-v-1d169811] {
 	font-weight: 400;
 }
-.embedded-field[data-v-54d69b8f] {
+.embedded-field[data-v-1d169811] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-54d69b8f] {
+.row[data-v-1d169811] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-54d69b8f] {
+.row.first-row[data-v-1d169811] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -667,7 +669,7 @@ th[data-v-54d69b8f] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row[data-v-54d69b8f]::after {
+.row.first-row[data-v-1d169811]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -675,27 +677,27 @@ th[data-v-54d69b8f] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-54d69b8f] {
+.first-row .col[data-v-1d169811] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-54d69b8f] {
+.col[data-v-1d169811] {
 	white-space: nowrap;
 	padding: 0.75rem 0.5rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col > div[data-v-54d69b8f] {
+.col > div[data-v-1d169811] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-54d69b8f] {
+.max-col-width[data-v-1d169811] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-54d69b8f] {
+.col.check .bgl_icon-font[data-v-1d169811] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -706,27 +708,27 @@ th[data-v-54d69b8f] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-54d69b8f] {
+.rows[data-v-1d169811] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-54d69b8f] {
+.table-list[data-v-1d169811] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-54d69b8f] {
+.BagelTable .table-list[data-v-1d169811] {
 	overflow: unset;
 }
-.row-item[data-v-54d69b8f] {
+.row-item[data-v-1d169811] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-54d69b8f]:hover {
+.row-item[data-v-1d169811]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-54d69b8f] {
+.infinite-wrapper[data-v-1d169811] {
 	overflow-y: auto;
 	width: 100%;
 }
@@ -800,7 +802,7 @@ th[data-v-54d69b8f] {
 	padding: 0;
 }
 
-.avatar[data-v-21ffa9bb] {
+.avatar[data-v-371a733d] {
   border-radius: 100%;
   background-color: var(--bgl-gray-20);
   border: 0.5px solid var(--border-color);
@@ -809,19 +811,19 @@ th[data-v-54d69b8f] {
   padding: 0;
   flex-shrink: 0;
 }
-.avatar p[data-v-21ffa9bb] {
+.avatar p[data-v-371a733d] {
   font-size: 1.5rem;
   line-height: 50px;
   margin: 0;
   font-weight: 200;
 }
-.avatar img[data-v-21ffa9bb] {
+.avatar img[data-v-371a733d] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-.alert[data-v-4017e821] {
+.alert[data-v-0ec1391d] {
   padding: var(--btn-padding);
   border-radius: var(--card-border-radius);
   background: var(--bgl-primary-light);
@@ -830,25 +832,25 @@ th[data-v-54d69b8f] {
   gap: 1rem;
   position: relative;
 }
-.alert_icon[data-v-4017e821] {
+.alert_icon[data-v-0ec1391d] {
   line-height: 1;
 }
-.alert.warning[data-v-4017e821] {
+.alert.warning[data-v-0ec1391d] {
   background-color: var(--bgl-yellow-light);
 }
-.alert.error[data-v-4017e821] {
+.alert.error[data-v-0ec1391d] {
   background: var(--bgl-red-tint);
 }
-.alert_close[data-v-4017e821]{
+.alert_close[data-v-0ec1391d]{
   display: none;
   position: absolute;
   inset-inline-end: 1.5rem;
   top: 2rem;
 }
-.alert[dismissable="true"] .alert_close[data-v-4017e821]{
+.alert[dismissable="true"] .alert_close[data-v-0ec1391d]{
 display: block;
 }
-.alert[dismissable="true"] p[data-v-4017e821]{
+.alert[dismissable="true"] p[data-v-0ec1391d]{
   width: calc(100% - 5rem);
 }
 
@@ -910,7 +912,7 @@ display: block;
 	border-radius: var(--input-border-radius);
 }
 
-.blocker[data-v-068aa914] {
+.blocker[data-v-e1cc4e21] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -918,7 +920,7 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-068aa914] {
+.bgl-slider[data-v-e1cc4e21] {
 	display: grid;
 	position: relative;
 	scroll-behavior: smooth;
@@ -927,65 +929,65 @@ display: block;
 	scroll-snap-type: x mandatory;
 	overflow-x: hidden;
 }
-.autoHeight[data-v-068aa914] {
+.autoHeight[data-v-e1cc4e21] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-068aa914] {
+.bgl-slider.allowScroll[data-v-e1cc4e21] {
 	overflow-x: scroll;
 }
-.bgl-slider.slides-6[data-v-068aa914] {
+.bgl-slider.slides-6[data-v-e1cc4e21] {
 	grid-auto-columns: 15.9%;
 	gap: 1%;
 }
-.bgl-slider.slides-5[data-v-068aa914] {
+.bgl-slider.slides-5[data-v-e1cc4e21] {
 	grid-auto-columns: 19.3%;
 	gap: 1%;
 }
-.bgl-slider.slides-4[data-v-068aa914] {
+.bgl-slider.slides-4[data-v-e1cc4e21] {
 	grid-auto-columns: 24.3%;
 	gap: 1%;
 }
-.bgl-slider.slides-3[data-v-068aa914] {
+.bgl-slider.slides-3[data-v-e1cc4e21] {
 	grid-auto-columns: 33%;
 	gap: 1%;
 }
-.bgl-slider.slides-2[data-v-068aa914] {
+.bgl-slider.slides-2[data-v-e1cc4e21] {
 	grid-auto-columns: 50%;
 	gap: 1%;
 }
-.bgl-slider.slides-1[data-v-068aa914] {
+.bgl-slider.slides-1[data-v-e1cc4e21] {
 	grid-auto-columns: 100%;
 }
-.bgl-slider[data-v-068aa914]::-webkit-scrollbar {
+.bgl-slider[data-v-e1cc4e21]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider *[data-v-068aa914] {
+.bgl-slider *[data-v-e1cc4e21] {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-068aa914] {
+.dragging.bgl-slider[data-v-e1cc4e21] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-068aa914] {
+.clicking.bgl-slider[data-v-e1cc4e21] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider *[data-v-068aa914] {
+.dragging.bgl-slider *[data-v-e1cc4e21] {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 1280px) {
-.bgl-slider.slides-4[data-v-068aa914] {
+.bgl-slider.slides-4[data-v-e1cc4e21] {
 		grid-auto-columns: 33%;
 }
 }
 @media screen and (max-width: 991px) {
-.bgl-slider.slides-4[data-v-068aa914] {
+.bgl-slider.slides-4[data-v-e1cc4e21] {
 		grid-auto-columns: 50%;
 }
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-4[data-v-068aa914] {
+.bgl-slider.slides-4[data-v-e1cc4e21] {
 		grid-auto-columns: 100%;
 }
 }
@@ -1070,64 +1072,64 @@ display: block;
 }
 .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-6b40f812] {
-	width: 100%;
+.selectinput[data-v-9b751fe0] {
+  width: 100%;
 }
-.selectinput-option[data-v-6b40f812] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
-	display: grid;
-	grid-template-columns: 10px 1fr;
-	justify-content: space-between;
-	width: 100%;
-	font-size: var(--input-font-size);
+.selectinput-option[data-v-9b751fe0] {
+  padding: 6px 12px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.2s;
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  justify-content: space-between;
+  width: 100%;
+  font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-6b40f812] {
-	max-height: 300px;
-	overflow-y: auto;
+.selectinput-options[data-v-9b751fe0] {
+  max-height: 300px;
+  overflow-y: auto;
 }
-.selectinput-option[data-v-6b40f812]:hover {
-	background: var(--bgl-gray-20);
+.selectinput-option[data-v-9b751fe0]:hover {
+  background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-6b40f812] {
-	opacity: 0.3;
+.isEmpty p[data-v-9b751fe0] {
+  opacity: 0.3;
 }
 
 .bagel-input label {
-	font-size: var(--label-font-size);
+  font-size: var(--label-font-size);
 }
 .selectinput-btn {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: var(--input-height);
-	border-radius: var(--input-border-radius);
-	border: none;
-	background: var(--input-bg);
-	padding: 0.7rem;
-	color: var(--input-color);
-	width: 100%;
-	font-family: inherit;
-	font-size: var(--input-font-size);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--input-height);
+  border-radius: var(--input-border-radius);
+  border: none;
+  background: var(--input-bg);
+  padding: 0.7rem;
+  color: var(--input-color);
+  width: 100%;
+  font-family: inherit;
+  font-size: var(--input-font-size);
 }
 .selectinput-btn:disabled {
-	color: var(--input-disabled-color);
-	background-color: transparent;
+  color: var(--input-disabled-color);
+  background-color: transparent;
 }
 .selectinput-btn:focus {
-	outline: none;
-	box-shadow: inset 0 0 10px #00000012;
+  outline: none;
+  box-shadow: inset 0 0 10px #00000012;
 }
 .v-popper__arrow-container {
-	display: none;
+  display: none;
 }
 .v-popper--theme-dropdown .v-popper__inner {
-	border: none;
-	/* background: transparent; if anyone is changing this please talk to me first*/
-	border-radius: var(--card-border-radius);
-	color: var(--input-color);
+  border: none;
+  /* background: transparent; if anyone is changing this please talk to me first*/
+  border-radius: var(--card-border-radius);
+  color: var(--input-color);
 }
 
 .table-side-scroll[data-v-cdacf10e] {
@@ -1279,68 +1281,68 @@ display: block;
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-df718b64] {
+.bagel-input textarea[data-v-534ec341] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-df718b64] {
+.bagel-input.text-input textarea[data-v-534ec341] {
 	resize: none;
 }
-.code textarea[data-v-df718b64] {
+.code textarea[data-v-534ec341] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-black) !important;
 	color: var(--bgl-white) !important;
 }
-.code textarea[data-v-df718b64]::placeholder{
+.code textarea[data-v-534ec341]::placeholder{
 	color: var(--bgl-white) !important;
 	opacity: 0.3;
 }
-.bagel-input.toggleEdit[data-v-df718b64]:hover {
+.bagel-input.toggleEdit[data-v-534ec341]:hover {
 	background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-df718b64] {
+.bagel-input.small[data-v-534ec341] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-df718b64] {
+.bagel-input.dense label[data-v-534ec341] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input label[data-v-df718b64] {
+.bagel-input label[data-v-534ec341] {
 	font-size: var(--label-font-size);
 }
-.toggleEditBtn[data-v-df718b64] {
+.toggleEditBtn[data-v-534ec341] {
 	position: absolute;
 	right: -24px;
 	top: 4;
 	opacity: 0;
 }
-.textInputIconWrap[data-v-df718b64] {
+.textInputIconWrap[data-v-534ec341] {
 	position: relative;
 }
-.textInputIconWrap .bgl_icon-font[data-v-df718b64] {
+.textInputIconWrap .bgl_icon-font[data-v-534ec341] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-df718b64] {
+.txtInputIconStart .iconStart[data-v-534ec341] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-df718b64] {
+.txtInputIconStart textarea[data-v-534ec341] {
 	padding-inline-start: 2rem;
 }
-.bagel-input:hover .toggleEditBtn[data-v-df718b64],
-.bagel-input.editMode .toggleEditBtn[data-v-df718b64] {
+.bagel-input:hover .toggleEditBtn[data-v-534ec341],
+.bagel-input.editMode .toggleEditBtn[data-v-534ec341] {
 	opacity: 1;
 }
-.bagel-input.small textarea[data-v-df718b64] {
+.bagel-input.small textarea[data-v-534ec341] {
 	height: 30px;
 }
 
@@ -1478,7 +1480,7 @@ display: block;
 }
 }
 
-.radio-pill label[data-v-41859ed6] {
+.radio-pill label[data-v-ad2e40f3] {
 	color: var(--bgl-primary);
 	white-space: nowrap;
 	border-radius: calc(var(--btn-border-radius) * 2);
@@ -1492,67 +1494,74 @@ display: block;
 	background: var(--bgl-white);
 	user-select: none;
 }
-.radio-pill label[data-v-41859ed6]:hover {
+.radio-pill label[data-v-ad2e40f3]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-41859ed6] {
+.radio-pill input[data-v-ad2e40f3] {
 	display: none;
 }
-.radio-pill input:checked ~ label[data-v-41859ed6] {
+.radio-pill input:checked ~ label[data-v-ad2e40f3] {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-0dbacaa0] {
+.bagel-input .fileUploadWrap[data-v-4f0a6b20] {
+	--width: 320px;
 	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;
+	min-height: 132px;
+	max-height: 500px;
 	font-size: var(--input-font-size);
+	overflow-y: auto;
+	background: var(--input-bg);
 }
-.previewName[data-v-0dbacaa0] {
+.previewName[data-v-4f0a6b20] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
 	display: grid;
-	grid-template-columns: 1fr 22px;
+	grid-template-columns: auto 1fr 22px;
+	gap: 1rem;
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-0dbacaa0] {
+.previewName p[data-v-4f0a6b20] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-0dbacaa0] {
+.imagePreviewWrap[data-v-4f0a6b20] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
-	height: 90px;
 	padding: 5px;
+	min-height: 90px;
 }
-img.preview[data-v-0dbacaa0] {
-	height: 80px;
+img.preview[data-v-4f0a6b20] {
+	width: var(--width);
+	/* max-width: calc(var(--width) * 2); */
 	border-radius: var(--input-border-radius);
-	object-fit: contain;
+	object-fit: cover;
+	background: var(--bgl-white);
 }
-.fileUploadWrap.dragover[data-v-0dbacaa0],
-.fileUploadWrap[data-v-0dbacaa0]:hover {
+.fileUploadWrap.dragover[data-v-4f0a6b20],
+.fileUploadWrap[data-v-4f0a6b20]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-0dbacaa0] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-4f0a6b20] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-0dbacaa0]:after {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-4f0a6b20]:after {
 	content: 'Drop files here or click to upload';
 }
-.pie[data-v-0dbacaa0] {
+.pie[data-v-4f0a6b20] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1560,7 +1569,7 @@ img.preview[data-v-0dbacaa0] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-0dbacaa0]:before {
+.pie[data-v-4f0a6b20]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1578,26 +1587,26 @@ img.preview[data-v-0dbacaa0] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-0dbacaa0] {
+.pie .success[data-v-4f0a6b20] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-0dbacaa0] {
+.pie .progress[data-v-4f0a6b20] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-0dbacaa0] {
+.pie.complete .progress[data-v-4f0a6b20] {
 	display: none;
 }
-.pie.complete .success[data-v-0dbacaa0] {
+.pie.complete .success[data-v-4f0a6b20] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-0dbacaa0]:before {
+.pie.complete[data-v-4f0a6b20]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-0dbacaa0] {
+.pie.complete[data-v-4f0a6b20] {
 	color: var(--bgl-green);
 }
 
@@ -1970,29 +1979,42 @@ p {
   color: var(--bgl-primary) !important;
 }
 
-.bgl_tab[data-v-0774360e] {
+.bgl_tabs_wrap[data-v-05be4d6e] {
+	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-05be4d6e] {
 	border: none;
-	border-bottom: 2px solid var(--border-color);
 	background: transparent;
+	cursor: pointer;
 	font-size: var(--input-font-size);
 	font-family: inherit;
-	cursor: pointer;
 	transition: var(--bgl-transition);
-	padding-inline-start: calc(var(--btn-padding) / 2);
-	padding-inline-end: calc(var(--btn-padding) / 2);
-	padding-bottom: calc(var(--btn-padding) / 4);
+	padding-inline: calc(var(--btn-padding) / 2);
+	padding-block: calc(var(--btn-padding) / 8);
+	border-radius: var(--input-border-radius);
 }
-.bgl_tab.currentTab[data-v-0774360e] {
-	border-bottom: 2px solid var(--primary-color);
+.bgl_tab.currentTab[data-v-05be4d6e],
+.bgl_tab.active[data-v-05be4d6e] {
+	background: var(--bgl-white);
+	box-shadow: 0 0 10px #00000011;
+	position: relative;
 }
-.bgl_tab.active[data-v-0774360e] {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+.bgl_tab[data-v-05be4d6e]:hover {
+	background: var(--input-bg);
+	filter: brightness(95%);
 }
-.bgl_tab[data-v-0774360e]:hover {
-	color: var(--bgl-primary);
+.bgl_tab.currentTab[data-v-05be4d6e]:hover,
+.bgl_tab.active[data-v-05be4d6e]:hover {
+	background: var(--bgl-white);
+	filter: brightness(100%);
+	box-shadow: 0 0 10px #00000022;
 }
-.bgl_tab[data-v-0774360e]:active {
+.bgl_tab[data-v-05be4d6e]:active {
 	-webkit-filter: brightness(70%);
 	filter: brightness(70%);
 }