@bagelink/vue 0.0.1145 → 0.0.1147

package/dist/style.css

@@ -836,9 +836,15 @@ fieldset[data-v-f7e758e5] {
 }
 
 .itemBox{
-	/* border-top: 2px solid var(--bgl-gray); */
-	/* border-bottom: 2px solid var(--bgl-gray); */
 	background: var(--input-bg);
+	grid-template-columns: 1fr auto;
+	display: grid;
+	--label-font-size: 0.6rem;
+	--input-height: 30px;
+	--input-font-size: 14px;
+}
+.pt-065{
+	padding-top: 0.65rem;
 }
 .itemBox .bagel-input input,
 .itemBox .bagel-input textarea,
@@ -846,6 +852,9 @@ fieldset[data-v-f7e758e5] {
 .itemBox .custom-select .input {
 	background: var(--bgl-white) !important;
 }
+.itemBox .bagel-input{
+	margin-bottom: 0.15rem !important;
+}
 
 .primary-checkbox input[data-v-73f1d9ad] {
   appearance: none;
@@ -1137,7 +1146,7 @@ pre code.hljs{
 }
 }
 
-.fileUploadWrap[data-v-9d12086d] {
+.fileUploadWrap[data-v-9939a5fb] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1149,7 +1158,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-9d12086d] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-9939a5fb] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1157,14 +1166,14 @@ pre code.hljs{
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-9d12086d],
-.fileUploadWrap[data-v-9d12086d]:hover {
+.fileUploadWrap.dragover[data-v-9939a5fb],
+.fileUploadWrap[data-v-9939a5fb]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto;'][data-v-9939a5fb] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-9d12086d] {
+.multi-image-item-preview[data-v-9939a5fb] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1178,12 +1187,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-9d12086d] {
+.multi-image-item-preview p[data-v-9939a5fb] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-9d12086d] {
+.multi-preview[data-v-9939a5fb] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1194,17 +1203,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-9d12086d] {
+.bgl-single-preview[data-v-9939a5fb] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-9d12086d] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-9939a5fb] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-9d12086d] {
+.single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1212,13 +1221,13 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9939a5fb] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9d12086d] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9939a5fb] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-9d12086d] {
+.single-preview[data-v-9939a5fb] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1228,7 +1237,7 @@ pre code.hljs{
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-9d12086d]:hover::after {
+.single-image-item-preview[data-v-9939a5fb]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1238,20 +1247,20 @@ pre code.hljs{
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-9d12086d] {
+.single-image-item-preview:hover img[data-v-9939a5fb] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-9d12086d] {
+.bgl_fill-image.single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-9d12086d] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-9939a5fb] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-9d12086d] {
+.single-image-item-preview .pie[data-v-9939a5fb] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1265,31 +1274,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-9d12086d] {
+.bgl_oval-upload[data-v-9939a5fb] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-9d12086d] {
+.bgl_oval-upload p[data-v-9939a5fb] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-9d12086d] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-9939a5fb] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-9d12086d] {
+.bgl_oval-upload .pie[data-v-9939a5fb] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9d12086d] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9939a5fb] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-9d12086d] {
+.bgl_oval-upload .single-image-item-preview[data-v-9939a5fb] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-9d12086d] {
+.bgl_oval-upload .single-preview[data-v-9939a5fb] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-9d12086d] {
+.pie[data-v-9939a5fb] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1297,7 +1306,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-9d12086d]:before {
+.pie[data-v-9939a5fb]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1315,26 +1324,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-9d12086d] {
+.pie .success[data-v-9939a5fb] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-9d12086d] {
+.pie .progress[data-v-9939a5fb] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-9d12086d] {
+.pie.complete .progress[data-v-9939a5fb] {
 	display: none;
 }
-.pie.complete .success[data-v-9d12086d] {
+.pie.complete .success[data-v-9939a5fb] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-9d12086d]:before {
+.pie.complete[data-v-9939a5fb]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-9d12086d] {
+.pie.complete[data-v-9939a5fb] {
 	color: var(--bgl-green);
 }
 
@@ -1345,14 +1354,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-cacbf10f] {
+.txtInputIconStart .iconStart[data-v-8ae5f930] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-cacbf10f] {
+.textInputSpinnerWrap .spinner[data-v-8ae5f930] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1362,18 +1371,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-cacbf10f]{
+.top-bgl-ctrl-num-btn[data-v-8ae5f930]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-cacbf10f]{
+.bgl-ctrl-num-btn[data-v-8ae5f930]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-cacbf10f]{
+.bgl-big-ctrl-num-btn[data-v-8ae5f930]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-cacbf10f]{
+.bgl-number-input[data-v-8ae5f930]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -1547,26 +1556,26 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 line-height: 1.65;
 }
 
-.rich-text-editor[data-v-59d7c73f] {
+.rich-text-editor[data-v-08117333] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-59d7c73f] {
+.editor-container[data-v-08117333] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-59d7c73f],
-.preview-area[data-v-59d7c73f] {
+.content-area[data-v-08117333],
+.preview-area[data-v-08117333] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-59d7c73f] {
+.split-view[data-v-08117333] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-59d7c73f] {
+.editableContent[data-v-08117333] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -1574,7 +1583,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-59d7c73f] {
+.html-editor[data-v-08117333] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -1585,12 +1594,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-59d7c73f] {
+.preview-area[data-v-08117333] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-59d7c73f] {
+.fullscreen-mode[data-v-08117333] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -1599,18 +1608,18 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-59d7c73f] {
+.fullscreen-mode .editor-container[data-v-08117333] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-59d7c73f],
-.fullscreen-mode .preview-area[data-v-59d7c73f] {
+.fullscreen-mode .content-area[data-v-08117333],
+.fullscreen-mode .preview-area[data-v-08117333] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-59d7c73f]{
+.fullscreen-mode .code-editor[data-v-08117333]{
 	height: 100% !important;
 }
-.debug-controls[data-v-59d7c73f] {
+.debug-controls[data-v-08117333] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;
@@ -2023,7 +2032,7 @@ line-height: 1.65;
 .bgl-toggle input:checked + label[data-v-ebe691ee] {
     color: var(--bgl-primary) !important;
 }
-.fileUploadWrap[data-v-33f11d1f] {
+.fileUploadWrap[data-v-d65d0a87] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2035,7 +2044,7 @@ line-height: 1.65;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-33f11d1f] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-d65d0a87] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2043,14 +2052,14 @@ line-height: 1.65;
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-33f11d1f],
-.fileUploadWrap[data-v-33f11d1f]:hover {
+.fileUploadWrap.dragover[data-v-d65d0a87],
+.fileUploadWrap[data-v-d65d0a87]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto;'][data-v-d65d0a87] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-33f11d1f] {
+.multi-image-item-preview[data-v-d65d0a87] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -2064,12 +2073,12 @@ line-height: 1.65;
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-33f11d1f] {
+.multi-image-item-preview p[data-v-d65d0a87] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-33f11d1f] {
+.multi-preview[data-v-d65d0a87] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -2080,17 +2089,17 @@ line-height: 1.65;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-33f11d1f] {
+.bgl-single-preview[data-v-d65d0a87] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-33f11d1f] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-d65d0a87] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-33f11d1f] {
+.single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -2098,13 +2107,13 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-d65d0a87] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-33f11d1f] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-d65d0a87] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-33f11d1f] {
+.single-preview[data-v-d65d0a87] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -2114,7 +2123,7 @@ line-height: 1.65;
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-33f11d1f]:hover::after {
+.single-image-item-preview[data-v-d65d0a87]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -2124,20 +2133,20 @@ line-height: 1.65;
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-33f11d1f] {
+.single-image-item-preview:hover img[data-v-d65d0a87] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-33f11d1f] {
+.bgl_fill-image.single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-33f11d1f] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-d65d0a87] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-33f11d1f] {
+.single-image-item-preview .pie[data-v-d65d0a87] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -2151,31 +2160,31 @@ line-height: 1.65;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-33f11d1f] {
+.bgl_oval-upload[data-v-d65d0a87] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-33f11d1f] {
+.bgl_oval-upload p[data-v-d65d0a87] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-33f11d1f] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-d65d0a87] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-33f11d1f] {
+.bgl_oval-upload .pie[data-v-d65d0a87] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-33f11d1f] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-d65d0a87] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-33f11d1f] {
+.bgl_oval-upload .single-image-item-preview[data-v-d65d0a87] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-33f11d1f] {
+.bgl_oval-upload .single-preview[data-v-d65d0a87] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-33f11d1f] {
+.pie[data-v-d65d0a87] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2183,7 +2192,7 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-33f11d1f]:before {
+.pie[data-v-d65d0a87]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2201,26 +2210,26 @@ line-height: 1.65;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-33f11d1f] {
+.pie .success[data-v-d65d0a87] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-33f11d1f] {
+.pie .progress[data-v-d65d0a87] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-33f11d1f] {
+.pie.complete .progress[data-v-d65d0a87] {
 	display: none;
 }
-.pie.complete .success[data-v-33f11d1f] {
+.pie.complete .success[data-v-d65d0a87] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-33f11d1f]:before {
+.pie.complete[data-v-d65d0a87]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-33f11d1f] {
+.pie.complete[data-v-d65d0a87] {
 	color: var(--bgl-green);
 }