@bagelink/vue 0.0.1141 → 0.0.1145

package/dist/style.css

@@ -356,13 +356,13 @@ display: block;
 	padding: 0;
 }
 
-.BglCarousel[data-v-f03624ac] {
+.BglCarousel[data-v-1ae4b9ae] {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.bgl-slider[data-v-f03624ac] {
+.bgl-slider[data-v-1ae4b9ae] {
 	display: flex;
 	position: relative;
 	width: 100%;
@@ -375,26 +375,26 @@ display: block;
 	-webkit-user-select: none;
 	user-select: none;
 }
-.bgl-slider[data-v-f03624ac] > * {
+.bgl-slider[data-v-1ae4b9ae] > * {
 	flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	position: relative;
 	overflow: hidden;
 }
-.bgl-slider.slides-1[data-v-f03624ac] > * {
+.bgl-slider.slides-1[data-v-1ae4b9ae] > * {
 	flex: 0 0 100%;
 	width: 100%;
 	min-width: 100%;
 }
-.dragging .bgl-slider[data-v-f03624ac] > * {
+.dragging .bgl-slider[data-v-1ae4b9ae] > * {
 	pointer-events: none;
 	user-select: none;
 }
-.autoHeight[data-v-f03624ac] {
+.autoHeight[data-v-1ae4b9ae] {
 	transition: height ease 0.7s;
 }
-.dots[data-v-f03624ac] {
+.dots[data-v-1ae4b9ae] {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -402,7 +402,7 @@ display: block;
 	margin-top: 1rem;
 	gap: 8px;
 }
-.dot[data-v-f03624ac] {
+.dot[data-v-1ae4b9ae] {
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
@@ -411,10 +411,10 @@ display: block;
 	transition: opacity 0.3s ease;
 	cursor: pointer;
 }
-.dot[data-v-f03624ac]:hover {
+.dot[data-v-1ae4b9ae]:hover {
 	opacity: 0.6;
 }
-.dot.current[data-v-f03624ac] {
+.dot.current[data-v-1ae4b9ae] {
 	opacity: 0.8;
 }
 
@@ -835,10 +835,6 @@ fieldset[data-v-f7e758e5] {
 }
 }
 
-.del-top {
-	transform: translateY(-2.6rem);
-}
-
 .itemBox{
 	/* border-top: 2px solid var(--bgl-gray); */
 	/* border-bottom: 2px solid var(--bgl-gray); */
@@ -1141,7 +1137,7 @@ pre code.hljs{
 }
 }
 
-.fileUploadWrap[data-v-a9ae1c29] {
+.fileUploadWrap[data-v-9d12086d] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1153,7 +1149,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-a9ae1c29] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-9d12086d] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1161,14 +1157,14 @@ pre code.hljs{
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-a9ae1c29],
-.fileUploadWrap[data-v-a9ae1c29]:hover {
+.fileUploadWrap.dragover[data-v-9d12086d],
+.fileUploadWrap[data-v-9d12086d]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-a9ae1c29] {
+.fileUploadWrap[style*='height: auto;'][data-v-9d12086d] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-a9ae1c29] {
+.multi-image-item-preview[data-v-9d12086d] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1182,12 +1178,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-a9ae1c29] {
+.multi-image-item-preview p[data-v-9d12086d] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-a9ae1c29] {
+.multi-preview[data-v-9d12086d] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1198,17 +1194,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-a9ae1c29] {
+.bgl-single-preview[data-v-9d12086d] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-a9ae1c29] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-9d12086d] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-a9ae1c29] {
+.single-image-item-preview[data-v-9d12086d] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1216,13 +1212,13 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-a9ae1c29] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9d12086d] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-a9ae1c29] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9d12086d] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-a9ae1c29] {
+.single-preview[data-v-9d12086d] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1232,7 +1228,7 @@ pre code.hljs{
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-a9ae1c29]:hover::after {
+.single-image-item-preview[data-v-9d12086d]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1242,20 +1238,20 @@ pre code.hljs{
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-a9ae1c29] {
+.single-image-item-preview:hover img[data-v-9d12086d] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-a9ae1c29] {
+.bgl_fill-image.single-image-item-preview[data-v-9d12086d] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-a9ae1c29] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-9d12086d] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-a9ae1c29] {
+.single-image-item-preview .pie[data-v-9d12086d] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1269,31 +1265,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-a9ae1c29] {
+.bgl_oval-upload[data-v-9d12086d] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-a9ae1c29] {
+.bgl_oval-upload p[data-v-9d12086d] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-a9ae1c29] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-9d12086d] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-a9ae1c29] {
+.bgl_oval-upload .pie[data-v-9d12086d] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-a9ae1c29] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9d12086d] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-a9ae1c29] {
+.bgl_oval-upload .single-image-item-preview[data-v-9d12086d] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-a9ae1c29] {
+.bgl_oval-upload .single-preview[data-v-9d12086d] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-a9ae1c29] {
+.pie[data-v-9d12086d] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1301,7 +1297,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-a9ae1c29]:before {
+.pie[data-v-9d12086d]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1319,26 +1315,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-a9ae1c29] {
+.pie .success[data-v-9d12086d] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-a9ae1c29] {
+.pie .progress[data-v-9d12086d] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-a9ae1c29] {
+.pie.complete .progress[data-v-9d12086d] {
 	display: none;
 }
-.pie.complete .success[data-v-a9ae1c29] {
+.pie.complete .success[data-v-9d12086d] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-a9ae1c29]:before {
+.pie.complete[data-v-9d12086d]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-a9ae1c29] {
+.pie.complete[data-v-9d12086d] {
 	color: var(--bgl-green);
 }
 
@@ -1349,14 +1345,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-7a435cc2] {
+.txtInputIconStart .iconStart[data-v-cacbf10f] {
 	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-7a435cc2] {
+.textInputSpinnerWrap .spinner[data-v-cacbf10f] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1366,18 +1362,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-7a435cc2]{
+.top-bgl-ctrl-num-btn[data-v-cacbf10f]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-7a435cc2]{
+.bgl-ctrl-num-btn[data-v-cacbf10f]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-7a435cc2]{
+.bgl-big-ctrl-num-btn[data-v-cacbf10f]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-7a435cc2]{
+.bgl-number-input[data-v-cacbf10f]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -1551,26 +1547,26 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 line-height: 1.65;
 }
 
-.rich-text-editor[data-v-ac0edf00] {
+.rich-text-editor[data-v-59d7c73f] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-ac0edf00] {
+.editor-container[data-v-59d7c73f] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-ac0edf00],
-.preview-area[data-v-ac0edf00] {
+.content-area[data-v-59d7c73f],
+.preview-area[data-v-59d7c73f] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-ac0edf00] {
+.split-view[data-v-59d7c73f] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-ac0edf00] {
+.editableContent[data-v-59d7c73f] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -1578,7 +1574,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-ac0edf00] {
+.html-editor[data-v-59d7c73f] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -1589,12 +1585,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-ac0edf00] {
+.preview-area[data-v-59d7c73f] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-ac0edf00] {
+.fullscreen-mode[data-v-59d7c73f] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -1603,28 +1599,28 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-ac0edf00] {
+.fullscreen-mode .editor-container[data-v-59d7c73f] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-ac0edf00],
-.fullscreen-mode .preview-area[data-v-ac0edf00] {
+.fullscreen-mode .content-area[data-v-59d7c73f],
+.fullscreen-mode .preview-area[data-v-59d7c73f] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-ac0edf00]{
+.fullscreen-mode .code-editor[data-v-59d7c73f]{
 	height: 100% !important;
 }
-.debug-controls[data-v-ac0edf00] {
+.debug-controls[data-v-59d7c73f] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;
 }
 .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-e07a7d4e] {
+.selectinput[data-v-70535216] {
 	width: 100%;
 }
-.selectinput-option[data-v-e07a7d4e] {
+.selectinput-option[data-v-70535216] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1636,23 +1632,23 @@ line-height: 1.65;
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-e07a7d4e]{
+.selectinput-option .bgl_icon-font[data-v-70535216]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-e07a7d4e] {
+.selectinput-options.multiselect .selectinput-option[data-v-70535216] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-e07a7d4e] {
+.selectinput-options[data-v-70535216] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-e07a7d4e]:hover, .highlight[data-v-e07a7d4e] {
+.selectinput-option[data-v-70535216]:hover, .highlight[data-v-70535216] {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-e07a7d4e] {
+.isEmpty p[data-v-70535216] {
 	opacity: 0.3;
 }
-.selected[data-v-e07a7d4e]{
+.selected[data-v-70535216]{
 	/* background: var(--bgl-primary-tint); */
 	background: var(--bgl-selected);
 }
@@ -2027,7 +2023,7 @@ line-height: 1.65;
 .bgl-toggle input:checked + label[data-v-ebe691ee] {
     color: var(--bgl-primary) !important;
 }
-.fileUploadWrap[data-v-bd972fe8] {
+.fileUploadWrap[data-v-33f11d1f] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2039,7 +2035,7 @@ line-height: 1.65;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-bd972fe8] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-33f11d1f] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2047,14 +2043,14 @@ line-height: 1.65;
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-bd972fe8],
-.fileUploadWrap[data-v-bd972fe8]:hover {
+.fileUploadWrap.dragover[data-v-33f11d1f],
+.fileUploadWrap[data-v-33f11d1f]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-bd972fe8] {
+.fileUploadWrap[style*='height: auto;'][data-v-33f11d1f] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-bd972fe8] {
+.multi-image-item-preview[data-v-33f11d1f] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -2068,12 +2064,12 @@ line-height: 1.65;
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-bd972fe8] {
+.multi-image-item-preview p[data-v-33f11d1f] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-bd972fe8] {
+.multi-preview[data-v-33f11d1f] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -2084,17 +2080,17 @@ line-height: 1.65;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-bd972fe8] {
+.bgl-single-preview[data-v-33f11d1f] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-bd972fe8] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-33f11d1f] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-bd972fe8] {
+.single-image-item-preview[data-v-33f11d1f] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -2102,13 +2098,13 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-bd972fe8] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-33f11d1f] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-bd972fe8] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-33f11d1f] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-bd972fe8] {
+.single-preview[data-v-33f11d1f] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -2118,7 +2114,7 @@ line-height: 1.65;
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-bd972fe8]:hover::after {
+.single-image-item-preview[data-v-33f11d1f]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -2128,20 +2124,20 @@ line-height: 1.65;
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-bd972fe8] {
+.single-image-item-preview:hover img[data-v-33f11d1f] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-bd972fe8] {
+.bgl_fill-image.single-image-item-preview[data-v-33f11d1f] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-bd972fe8] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-33f11d1f] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-bd972fe8] {
+.single-image-item-preview .pie[data-v-33f11d1f] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -2155,31 +2151,31 @@ line-height: 1.65;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-bd972fe8] {
+.bgl_oval-upload[data-v-33f11d1f] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-bd972fe8] {
+.bgl_oval-upload p[data-v-33f11d1f] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-bd972fe8] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-33f11d1f] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-bd972fe8] {
+.bgl_oval-upload .pie[data-v-33f11d1f] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-bd972fe8] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-33f11d1f] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-bd972fe8] {
+.bgl_oval-upload .single-image-item-preview[data-v-33f11d1f] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-bd972fe8] {
+.bgl_oval-upload .single-preview[data-v-33f11d1f] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-bd972fe8] {
+.pie[data-v-33f11d1f] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2187,7 +2183,7 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-bd972fe8]:before {
+.pie[data-v-33f11d1f]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2205,26 +2201,26 @@ line-height: 1.65;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-bd972fe8] {
+.pie .success[data-v-33f11d1f] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-bd972fe8] {
+.pie .progress[data-v-33f11d1f] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-bd972fe8] {
+.pie.complete .progress[data-v-33f11d1f] {
 	display: none;
 }
-.pie.complete .success[data-v-bd972fe8] {
+.pie.complete .success[data-v-33f11d1f] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-bd972fe8]:before {
+.pie.complete[data-v-33f11d1f]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-bd972fe8] {
+.pie.complete[data-v-33f11d1f] {
 	color: var(--bgl-green);
 }
 
@@ -3443,18 +3439,17 @@ body:has(.bg-dark.is-active) {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	gap: 0;
 }
 .modal-no-title{
 	width: calc(100% + 2rem);
 	border-radius: var(--card-border-radius);
 }
 
-.modal-title[data-v-495b8b8d] {
+.modal-title[data-v-f8e6d41e] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-495b8b8d] {
+.modal-title[data-v-f8e6d41e] {
 		margin-top: 1rem;
 }
 }
@@ -3791,15 +3786,26 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.vue-zoomer[data-v-6035bdcf] {
+.zoomer-debug[data-v-379819e1] {
+	position: fixed;
+	top: 0;
+	right: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+	color: white;
+	z-index: 1000;
+	height: 100px
+}
+.vue-zoomer[data-v-379819e1] {
   overflow: hidden;
 }
-.zoomer[data-v-6035bdcf] {
+.zoomer[data-v-379819e1] {
   transform-origin: 50% 50%;
   width: 100%;
   height: 100%;
+  max-width: 100vw;
+  max-height: 100vh;
 }
-.zoomer > img[data-v-6035bdcf] {
+.zoomer > img[data-v-379819e1] {
   vertical-align: top;
   user-select: none;
   -moz-user-drag: none;
@@ -3810,19 +3816,19 @@ body:has(.bg-dark.is-active) {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-d5e5a1db]{
+.lightbox-image[data-v-f833758f]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-d5e5a1db] {
+.bgl-lightbox-overlay[data-v-f833758f] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-d5e5a1db] {
+.bgl-lightbox[data-v-f833758f] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-d5e5a1db]{
-	animation: 500ms ease bgl-lightbox-load-d5e5a1db;
+.bgl-lightbox-item[data-v-f833758f]{
+	animation: 500ms ease bgl-lightbox-load-f833758f;
 }
-@keyframes bgl-lightbox-load-d5e5a1db {
+@keyframes bgl-lightbox-load-f833758f {
 from {
     scale:0.7;
 }
@@ -3830,44 +3836,44 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-d5e5a1db] * {
-	max-width: 90%;
+.bgl-lightbox-item[data-v-f833758f] * {
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-d5e5a1db;
+	animation: 200ms ease bgl-lightbox-load-f833758f;
+	transition: max-height 200ms ease;
+}
+.bgl-lightbox-item.zoomed[data-v-f833758f] * {
+	max-height: calc(100vh - 90px);
+	height: calc(100vh - 90px);
 }
-.navigation[data-v-d5e5a1db] {
+.navigation[data-v-f833758f] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-d5e5a1db] {
-	width: var(--input-height);
-	height: var(--input-height);
-}
-.thumbnail[data-v-d5e5a1db] {
+.thumbnail[data-v-f833758f] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-d5e5a1db]:hover {
+.thumbnail[data-v-f833758f]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-d5e5a1db]:active {
+.thumbnail[data-v-f833758f]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-d5e5a1db] {
+.thumbnail.active[data-v-f833758f] {
 	opacity: 1;
 	outline: 2px solid white;
 }
-.file-info[data-v-d5e5a1db]{
+.file-info[data-v-f833758f]{
 	max-width: 420px
 }
 @media screen and (max-width: 910px) {
-.file-info[data-v-d5e5a1db]{
+.file-info[data-v-f833758f]{
 	max-width: 220px;
 	text-align: center !important;
 }
-.file-info[data-v-d5e5a1db] *{
+.file-info[data-v-f833758f] *{
 	text-align: center !important;
 	margin-inline: 0 !important;;
 	max-width: 100% !important;