@bagelink/vue 0.0.905 → 0.0.913

package/dist/plugins/drag-n-drop/draggable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const draggableDirective: ObjectDirective;
+export default draggableDirective;
+//# sourceMappingURL=draggable.d.ts.map

package/dist/plugins/drag-n-drop/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/droppable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const droppableDirective: ObjectDirective;
+export default droppableDirective;
+//# sourceMappingURL=droppable.d.ts.map

package/dist/plugins/drag-n-drop/droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/droppable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    install(app: any): void;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/drag-n-drop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/index.ts"],"names":[],"mappings":";iBAIc,GAAG;;AADjB,wBAKC"}

package/dist/plugins/drag-n-drop/useDraggable.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+interface DraggableOptions {
+    handle?: string;
+    onGenerateDragPreview?: (args: any) => void;
+}
+export declare function useDraggable(el: Ref<HTMLElement | null>, data: any, options?: DraggableOptions): void;
+export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/plugins/drag-n-drop/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAE3C;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CA0BN"}

package/dist/plugins/drag-n-drop/useDroppable.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+interface DroppableOptions {
+    canDrop?: (args: any) => boolean;
+}
+export declare function useDroppable(el: Ref<HTMLElement | null>, data: any, onDrop?: (event: any) => void, options?: DroppableOptions): void;
+export {};
+//# sourceMappingURL=useDroppable.d.ts.map

package/dist/plugins/drag-n-drop/useDroppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDroppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDroppable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;CAEhC;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAC7B,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CAqBN"}

package/dist/style.css

@@ -350,7 +350,7 @@ display: block;
 	padding: 0;
 }
 
-.blocker[data-v-ca63f224] {
+.blocker[data-v-98e36ac5] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -358,7 +358,7 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-ca63f224] {
+.bgl-slider[data-v-98e36ac5] {
 	display: grid;
 	position: relative;
 	/* scroll-behavior: smooth; */
@@ -367,43 +367,43 @@ display: block;
 	/* scroll-snap-type: x mandatory; */
 	overflow-x: hidden;
 }
-.autoHeight[data-v-ca63f224] {
+.autoHeight[data-v-98e36ac5] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-ca63f224] {
+.bgl-slider.allowScroll[data-v-98e36ac5] {
 	overflow-x: scroll;
 }
-.bgl-slider[data-v-ca63f224] {
+.bgl-slider[data-v-98e36ac5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
 	gap: 1%;
 }
-.bgl-slider.odd[data-v-ca63f224] {
+.bgl-slider.odd[data-v-98e36ac5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
 }
-.bgl-slider.slides-1[data-v-ca63f224] {
+.bgl-slider.slides-1[data-v-98e36ac5] {
 	grid-auto-columns: 100%;
 	gap: 0;
 }
-.bgl-slider[data-v-ca63f224]::-webkit-scrollbar {
+.bgl-slider[data-v-98e36ac5]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider[data-v-ca63f224] * {
+.bgl-slider[data-v-98e36ac5] * {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-ca63f224] {
+.dragging.bgl-slider[data-v-98e36ac5] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-ca63f224] {
+.clicking.bgl-slider[data-v-98e36ac5] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider[data-v-ca63f224] * {
+.dragging.bgl-slider[data-v-98e36ac5] * {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-1[data-v-ca63f224]> * {
+.bgl-slider.slides-1[data-v-98e36ac5]> * {
 		margin-inline-start: 0%;
 }
 }
@@ -706,7 +706,7 @@ data[data-v-6c27f163] {
 }
 }
 
-.fileUploadWrap[data-v-bfb0bd63] {
+.fileUploadWrap[data-v-c2732102] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -718,7 +718,7 @@ data[data-v-6c27f163] {
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-bfb0bd63] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-c2732102] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -726,14 +726,14 @@ data[data-v-6c27f163] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-bfb0bd63],
-.fileUploadWrap[data-v-bfb0bd63]:hover {
+.fileUploadWrap.dragover[data-v-c2732102],
+.fileUploadWrap[data-v-c2732102]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*="height: auto;"][data-v-bfb0bd63] {
+.fileUploadWrap[style*="height: auto;"][data-v-c2732102] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-bfb0bd63] {
+.multi-image-item-preview[data-v-c2732102] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -747,12 +747,12 @@ data[data-v-6c27f163] {
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-bfb0bd63] {
+.multi-image-item-preview p[data-v-c2732102] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-bfb0bd63]{
+.multi-preview[data-v-c2732102]{
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -763,17 +763,17 @@ data[data-v-6c27f163] {
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-bfb0bd63]{
+.bgl-single-preview[data-v-c2732102]{
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-bfb0bd63]{
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-c2732102]{
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-bfb0bd63] {
+.single-image-item-preview[data-v-c2732102] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -781,13 +781,13 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-bfb0bd63] {
+.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-c2732102] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*="height: auto"] .single-preview[data-v-bfb0bd63] {
+.fileUploadWrap[style*="height: auto"] .single-preview[data-v-c2732102] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-bfb0bd63]{
+.single-preview[data-v-c2732102]{
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -796,7 +796,7 @@ data[data-v-6c27f163] {
 	object-fit: cover;
 	background: var(--bgl-gray-light);
 }
-.single-image-item-preview[data-v-bfb0bd63]:hover::after{
+.single-image-item-preview[data-v-c2732102]:hover::after{
 	content: "zoom_in";
 	font-size: 32px;
 	font-family: "Material Symbols Outlined", serif;
@@ -806,20 +806,20 @@ data[data-v-6c27f163] {
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-bfb0bd63]{
+.single-image-item-preview:hover img[data-v-c2732102]{
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-bfb0bd63] {
+.bgl_fill-image.single-image-item-preview[data-v-c2732102] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-bfb0bd63]{
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-c2732102]{
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-bfb0bd63] {
+.single-image-item-preview .pie[data-v-c2732102] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -833,31 +833,31 @@ data[data-v-6c27f163] {
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-bfb0bd63] {
+.bgl_oval-upload[data-v-c2732102] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-bfb0bd63] {
+.bgl_oval-upload p[data-v-c2732102] {
 		padding: 0.75rem !important;
 		font-size: 12px
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-bfb0bd63]{
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-c2732102]{
 		top: 0;
 }
-.bgl_oval-upload .pie[data-v-bfb0bd63] {
+.bgl_oval-upload .pie[data-v-c2732102] {
 		transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-bfb0bd63] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-c2732102] {
 		transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-bfb0bd63]{
+.bgl_oval-upload .single-image-item-preview[data-v-c2732102]{
 		height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-bfb0bd63] {
+.bgl_oval-upload .single-preview[data-v-c2732102] {
 		margin: 0;
 		height: 100% !important;
 }
-.pie[data-v-bfb0bd63] {
+.pie[data-v-c2732102] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -865,7 +865,7 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-bfb0bd63]:before {
+.pie[data-v-c2732102]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -883,26 +883,26 @@ data[data-v-6c27f163] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-bfb0bd63] {
+.pie .success[data-v-c2732102] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-bfb0bd63] {
+.pie .progress[data-v-c2732102] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-bfb0bd63] {
+.pie.complete .progress[data-v-c2732102] {
 	display: none;
 }
-.pie.complete .success[data-v-bfb0bd63] {
+.pie.complete .success[data-v-c2732102] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-bfb0bd63]:before {
+.pie.complete[data-v-c2732102]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-bfb0bd63] {
+.pie.complete[data-v-c2732102] {
 	color: var(--bgl-green);
 }
 
@@ -1214,29 +1214,29 @@ p {
     8 #818181 /* few chars */
   ;
 }
-.preview-area[data-v-492bb647]{
+.preview-area[data-v-cca783dc]{
 	font-family: "FontWithASyntaxHighlighter", monospace;
   	font-palette: --myCustomPalette;
 	background: var(--bgl-code-bg);
 	color: var(--bgl-code-color)
 }
-.rich-text-editor[data-v-492bb647] {
+.rich-text-editor[data-v-cca783dc] {
 	background: var(--input-bg);
 	margin-bottom: 0.5rem;
 	width: 100%;
 }
-.editableContent[data-v-492bb647]{
+.editableContent[data-v-cca783dc]{
 	min-height: 100%;
 	white-space: pre-wrap;
 	outline: none;
 }
-.content-area[data-v-492bb647]{
+.content-area[data-v-cca783dc]{
 	background: var(--bgl-richtext-color);
 }
-.content-area[data-v-492bb647], .preview-area[data-v-492bb647]{
+.content-area[data-v-cca783dc], .preview-area[data-v-cca783dc]{
 	min-height: 200px;
 }
-.fullscreen-mode[data-v-492bb647] {
+.fullscreen-mode[data-v-cca783dc] {
     position: fixed;
     top: 0;
     left: 0;
@@ -1248,14 +1248,14 @@ p {
     overflow: auto;
 	border-radius: 0;
 }
-.fullscreen-mode .content-area[data-v-492bb647]{
+.fullscreen-mode .content-area[data-v-cca783dc]{
 	height: calc(100vh - 5rem);
 	padding: 4rem !important;
 	max-width: 900px;
 	margin-inline: auto ;
 	overflow-y: auto;
 }
-.fullscreen-mode .toolbar[data-v-492bb647]{
+.fullscreen-mode .toolbar[data-v-cca783dc]{
 	max-width: 900px;
 	margin-inline: auto ;
 	/* border-bottom: 1px solid var(--border-color); */
@@ -1316,10 +1316,10 @@ p {
 } */
 .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-4d1e8e98] {
+.selectinput[data-v-982f5078] {
 	width: 100%;
 }
-.selectinput-option[data-v-4d1e8e98] {
+.selectinput-option[data-v-982f5078] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1331,23 +1331,23 @@ p {
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-4d1e8e98]{
+.selectinput-option .bgl_icon-font[data-v-982f5078]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-4d1e8e98] {
+.selectinput-options.multiselect .selectinput-option[data-v-982f5078] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-4d1e8e98] {
+.selectinput-options[data-v-982f5078] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-4d1e8e98]:hover {
+.selectinput-option[data-v-982f5078]:hover, .highlight[data-v-982f5078] {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-4d1e8e98] {
+.isEmpty p[data-v-982f5078] {
 	opacity: 0.3;
 }
-.selected[data-v-4d1e8e98]{
+.selected[data-v-982f5078]{
 	/* background: var(--bgl-primary-tint); */
 	background: var(--bgl-selected);
 }
@@ -1604,58 +1604,58 @@ p {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-91822151] {
+.bagel-input textarea[data-v-06d5ed00] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-91822151] {
+.bagel-input.text-input textarea[data-v-06d5ed00] {
 	resize: none;
 }
-.code textarea[data-v-91822151] {
+.code textarea[data-v-06d5ed00] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-91822151]::placeholder {
+.code textarea[data-v-06d5ed00]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-91822151] {
+.bagel-input.small[data-v-06d5ed00] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-91822151] {
+.bagel-input.dense label[data-v-06d5ed00] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-91822151]:disabled {
+.bagel-input input[data-v-06d5ed00]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-91822151] {
+.bagel-input label[data-v-06d5ed00] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-91822151] {
+.textInputIconWrap .bgl_icon-font[data-v-06d5ed00] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-91822151]{
+.textInputIconWrap input[data-v-06d5ed00]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-91822151] {
+.txtInputIconStart .iconStart[data-v-06d5ed00] {
 	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;
 }
-.txtInputIconStart input[data-v-91822151], .txtInputIconStart textarea[data-v-91822151]{
+.txtInputIconStart input[data-v-06d5ed00], .txtInputIconStart textarea[data-v-06d5ed00]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-91822151] {
+.bagel-input.small textarea[data-v-06d5ed00] {
 	height: 30px;
 }
 
@@ -2841,6 +2841,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
     opacity: 1;
     pointer-events: all;
 }
+body:has(.bg-dark.is-active) {
+    overflow: hidden;
+}
 
 .is-side.bg-dark.is-active {
     opacity: 1;
@@ -3485,19 +3488,19 @@ tbody tr[data-v-d8ca38b1]:hover {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-c8e5a3c4]{
+.lightbox-image[data-v-d8f24aae]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-c8e5a3c4] {
+.bgl-lightbox-overlay[data-v-d8f24aae] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-c8e5a3c4] {
+.bgl-lightbox[data-v-d8f24aae] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-c8e5a3c4]{
-	animation: 500ms ease bgl-lightbox-load-c8e5a3c4;
+.bgl-lightbox-item[data-v-d8f24aae]{
+	animation: 500ms ease bgl-lightbox-load-d8f24aae;
 }
-@keyframes bgl-lightbox-load-c8e5a3c4 {
+@keyframes bgl-lightbox-load-d8f24aae {
 from {
     scale:0.7;
 }
@@ -3505,35 +3508,49 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-c8e5a3c4] * {
+.bgl-lightbox-item[data-v-d8f24aae] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-c8e5a3c4;
+	animation: 200ms ease bgl-lightbox-load-d8f24aae;
 }
-.navigation[data-v-c8e5a3c4] {
+.navigation[data-v-d8f24aae] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-c8e5a3c4] {
+.navigation-btn[data-v-d8f24aae] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-c8e5a3c4] {
+.thumbnail[data-v-d8f24aae] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-c8e5a3c4]:hover {
+.thumbnail[data-v-d8f24aae]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-c8e5a3c4]:active {
+.thumbnail[data-v-d8f24aae]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-c8e5a3c4] {
+.thumbnail.active[data-v-d8f24aae] {
 	opacity: 1;
 	outline: 2px solid white;
 }
+.file-info[data-v-d8f24aae]{
+	max-width: 420px
+}
+@media screen and (max-width: 910px) {
+.file-info[data-v-d8f24aae]{
+	max-width: 220px;
+	text-align: center !important;
+}
+.file-info[data-v-d8f24aae] *{
+	text-align: center !important;
+	margin-inline: 0 !important;;
+	max-width: 100% !important;
+}
+}
 
 
 .grid {