@bagelink/vue 0.0.1141 → 0.0.1143

package/dist/style.css

@@ -1141,7 +1141,7 @@ pre code.hljs{
 }
 }
 
-.fileUploadWrap[data-v-a9ae1c29] {
+.fileUploadWrap[data-v-d4fb78ee] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1153,7 +1153,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-a9ae1c29] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-d4fb78ee] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1161,14 +1161,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-d4fb78ee],
+.fileUploadWrap[data-v-d4fb78ee]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-a9ae1c29] {
+.fileUploadWrap[style*='height: auto;'][data-v-d4fb78ee] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-a9ae1c29] {
+.multi-image-item-preview[data-v-d4fb78ee] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1182,12 +1182,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-a9ae1c29] {
+.multi-image-item-preview p[data-v-d4fb78ee] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-a9ae1c29] {
+.multi-preview[data-v-d4fb78ee] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1198,17 +1198,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-a9ae1c29] {
+.bgl-single-preview[data-v-d4fb78ee] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-a9ae1c29] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-d4fb78ee] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-a9ae1c29] {
+.single-image-item-preview[data-v-d4fb78ee] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1216,13 +1216,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-d4fb78ee] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-a9ae1c29] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-d4fb78ee] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-a9ae1c29] {
+.single-preview[data-v-d4fb78ee] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1232,7 +1232,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-d4fb78ee]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1242,20 +1242,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-d4fb78ee] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-a9ae1c29] {
+.bgl_fill-image.single-image-item-preview[data-v-d4fb78ee] {
 	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-d4fb78ee] {
 	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-d4fb78ee] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1269,31 +1269,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-a9ae1c29] {
+.bgl_oval-upload[data-v-d4fb78ee] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-a9ae1c29] {
+.bgl_oval-upload p[data-v-d4fb78ee] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-a9ae1c29] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-d4fb78ee] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-a9ae1c29] {
+.bgl_oval-upload .pie[data-v-d4fb78ee] {
 	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-d4fb78ee] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-a9ae1c29] {
+.bgl_oval-upload .single-image-item-preview[data-v-d4fb78ee] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-a9ae1c29] {
+.bgl_oval-upload .single-preview[data-v-d4fb78ee] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-a9ae1c29] {
+.pie[data-v-d4fb78ee] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1301,7 +1301,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-a9ae1c29]:before {
+.pie[data-v-d4fb78ee]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1319,26 +1319,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-a9ae1c29] {
+.pie .success[data-v-d4fb78ee] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-a9ae1c29] {
+.pie .progress[data-v-d4fb78ee] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-a9ae1c29] {
+.pie.complete .progress[data-v-d4fb78ee] {
 	display: none;
 }
-.pie.complete .success[data-v-a9ae1c29] {
+.pie.complete .success[data-v-d4fb78ee] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-a9ae1c29]:before {
+.pie.complete[data-v-d4fb78ee]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-a9ae1c29] {
+.pie.complete[data-v-d4fb78ee] {
 	color: var(--bgl-green);
 }
 
@@ -1551,26 +1551,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 +1578,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 +1589,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 +1603,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 +1636,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 +2027,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-0d93d910] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2039,7 +2039,7 @@ line-height: 1.65;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-bd972fe8] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-0d93d910] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2047,14 +2047,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-0d93d910],
+.fileUploadWrap[data-v-0d93d910]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-bd972fe8] {
+.fileUploadWrap[style*='height: auto;'][data-v-0d93d910] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-bd972fe8] {
+.multi-image-item-preview[data-v-0d93d910] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -2068,12 +2068,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-0d93d910] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-bd972fe8] {
+.multi-preview[data-v-0d93d910] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -2084,17 +2084,17 @@ line-height: 1.65;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-bd972fe8] {
+.bgl-single-preview[data-v-0d93d910] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-bd972fe8] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-0d93d910] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-bd972fe8] {
+.single-image-item-preview[data-v-0d93d910] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -2102,13 +2102,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-0d93d910] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-bd972fe8] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-0d93d910] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-bd972fe8] {
+.single-preview[data-v-0d93d910] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -2118,7 +2118,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-0d93d910]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -2128,20 +2128,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-0d93d910] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-bd972fe8] {
+.bgl_fill-image.single-image-item-preview[data-v-0d93d910] {
 	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-0d93d910] {
 	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-0d93d910] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -2155,31 +2155,31 @@ line-height: 1.65;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-bd972fe8] {
+.bgl_oval-upload[data-v-0d93d910] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-bd972fe8] {
+.bgl_oval-upload p[data-v-0d93d910] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-bd972fe8] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-0d93d910] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-bd972fe8] {
+.bgl_oval-upload .pie[data-v-0d93d910] {
 	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-0d93d910] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-bd972fe8] {
+.bgl_oval-upload .single-image-item-preview[data-v-0d93d910] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-bd972fe8] {
+.bgl_oval-upload .single-preview[data-v-0d93d910] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-bd972fe8] {
+.pie[data-v-0d93d910] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2187,7 +2187,7 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-bd972fe8]:before {
+.pie[data-v-0d93d910]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2205,26 +2205,26 @@ line-height: 1.65;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-bd972fe8] {
+.pie .success[data-v-0d93d910] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-bd972fe8] {
+.pie .progress[data-v-0d93d910] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-bd972fe8] {
+.pie.complete .progress[data-v-0d93d910] {
 	display: none;
 }
-.pie.complete .success[data-v-bd972fe8] {
+.pie.complete .success[data-v-0d93d910] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-bd972fe8]:before {
+.pie.complete[data-v-0d93d910]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-bd972fe8] {
+.pie.complete[data-v-0d93d910] {
 	color: var(--bgl-green);
 }
 

package/dist/types/BagelForm.d.ts

@@ -31,6 +31,9 @@ export interface BaseBagelField<T = {
     'disabled'?: boolean;
     'helptext'?: string;
     'options'?: BagelFieldOptions<T>;
+    'slots'?: {
+        [key: string]: any;
+    };
     'defaultValue'?: any;
     'transform'?: (val?: any, rowData?: T) => any;
     'onUpdate'?: (val: any, rowData?: T) => void;

package/dist/types/BagelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAEvG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAA;AAE5F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAC3D,MAAM,GACJ,CACD;IACC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,GACC,MAAM,GACN,MAAM,GACN;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CACxB,EAAE,GACD,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CACnC,CAAA;AAED,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;AAEvD,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE;IACzD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,CAAA;IAClC,OAAO,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAChC,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,GAAG,CAAA;IAC7C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC5D,GAAG,EAAE,MAAM,GAAG,OAAO,SAAS,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC7D,GAAG,EAAE,QAAQ,GAAG,OAAO,WAAW,CAAA;IAClC,EAAE,EAAE,MAAM,CAAA;CACV;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAC5G,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;AAEnE,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/components/form/BagelForm.vue

@@ -144,9 +144,10 @@ function renderSchemaField(field: Field): VNode | null {
 		? {
 			default: () => field.children!
 				.map(child => typeof child === 'string' ? child : renderSchemaField(child))
-				.filter(Boolean)
+				.filter(Boolean),
+			...field.slots
 		}
-		: undefined
+		: field.slots
 
 	return h(Component as any, props, slots)
 }
@@ -170,7 +171,7 @@ defineExpose({ form, isDirty, validateForm })
 <template>
 	<form ref="form" @submit.prevent="handleSubmit">
 		<template v-if="resolvedSchema">
-			<template v-for="(field, index) in resolvedSchema" :key="field.id || index">
+			<template v-for="(field) in resolvedSchema" :key="field.id">
 				<component :is="renderSchemaField(field)" />
 			</template>
 		</template>

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

@@ -462,6 +462,7 @@ function drop(e: DragEvent) {
 						</div>
 						<Image
 							v-if="isImage(fileQ.file.type)"
+							v-lightbox="{ src: fileToUrl(fileQ.file), download: true }"
 							class="single-preview"
 							:src="fileToUrl(fileQ.file)"
 							alt=""

package/src/components/form/inputs/RichText/index.vue

@@ -7,7 +7,7 @@ import { useCommands } from './composables/useCommands'
 import { useEditor } from './composables/useEditor'
 import { useEditorKeyboard } from './composables/useEditorKeyboard'
 
-const props = defineProps<{ modelValue: string, toolbarConfig?: ToolbarConfig, debug?: boolean }>()
+const props = defineProps<{ modelValue: string, toolbarConfig?: ToolbarConfig, debug?: boolean, label?: string }>()
 const emit = defineEmits(['update:modelValue'])
 
 const iframe = $ref<HTMLIFrameElement>()
@@ -86,33 +86,36 @@ watch(() => editor.state.content, (newValue) => {
 </script>
 
 <template>
-	<div class="rich-text-editor rounded pt-05 px-05 pb-075 mb-05" :class="{ 'fullscreen-mode': editor.state.isFullscreen }">
-		<EditorToolbar
-			v-if="editor.state.hasInit" :config="toolbarConfig" :selectedStyles="editor.state.selectedStyles"
-			@action="commands.execute"
-		/>
-		<div class="editor-container" :class="{ 'split-view': editor.state.isSplitView }">
-			<div class="content-area radius-05">
-				<iframe id="rich-text-iframe" ref="iframe" class="editableContent" title="Editor" @load="initEditor" />
-			</div>
-			<CodeEditor
-				v-if="editor.state.isSplitView" v-model="editor.state.content" language="html"
-				@update:modelValue="editor.updateContent('html')"
+	<div class="bagel-input">
+		<label>{{ label }}</label>
+		<div class="rich-text-editor rounded pt-05 px-05 pb-075 mb-05" :class="{ 'fullscreen-mode': editor.state.isFullscreen }">
+			<EditorToolbar
+				v-if="editor.state.hasInit" :config="toolbarConfig" :selectedStyles="editor.state.selectedStyles"
+				@action="commands.execute"
 			/>
-		</div>
-		<div v-if="debug" class="flex">
-			<p class="text12 txt-gray mb-0 p-0">
-				Debug
-			</p>
-			<Btn thin color="gray" icon="delete" @click="debugMethods?.clearSession">
-				Clear Session
-			</Btn>
-			<Btn thin color="gray" icon="download" @click="debugMethods?.downloadSession">
-				Download Log
-			</Btn>
-			<Btn thin color="gray" icon="content_copy" @click="copyText(debugMethods?.exportDebugWithPrompt() || '')">
-				Copy Log
-			</Btn>
+			<div class="editor-container" :class="{ 'split-view': editor.state.isSplitView }">
+				<div class="content-area radius-05">
+					<iframe id="rich-text-iframe" ref="iframe" class="editableContent" title="Editor" @load="initEditor" />
+				</div>
+				<CodeEditor
+					v-if="editor.state.isSplitView" v-model="editor.state.content" language="html"
+					@update:modelValue="editor.updateContent('html')"
+				/>
+			</div>
+			<div v-if="debug" class="flex">
+				<p class="text12 txt-gray mb-0 p-0">
+					Debug
+				</p>
+				<Btn thin color="gray" icon="delete" @click="debugMethods?.clearSession">
+					Clear Session
+				</Btn>
+				<Btn thin color="gray" icon="download" @click="debugMethods?.downloadSession">
+					Download Log
+				</Btn>
+				<Btn thin color="gray" icon="content_copy" @click="copyText(debugMethods?.exportDebugWithPrompt() || '')">
+					Copy Log
+				</Btn>
+			</div>
 		</div>
 	</div>
 </template>