@bagelink/vue 0.0.1109 → 0.0.1113

package/dist/style.css

@@ -55,62 +55,62 @@
 	max-height: 300px;
 }
 
-.bgl_btn[data-v-c23a3626] {
+.bgl_btn[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-text-color);
 }
-.bgl_btn-green[data-v-c23a3626] {
+.bgl_btn-green[data-v-3efa79fb] {
   --btn-bg: var(--bgl-green);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-green);
 }
-.bgl_btn-yellow[data-v-c23a3626] {
+.bgl_btn-yellow[data-v-3efa79fb] {
   --btn-bg: var(--bgl-yellow);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-yellow);
 }
-.bgl_btn-blue[data-v-c23a3626] {
+.bgl_btn-blue[data-v-3efa79fb] {
   --btn-bg: var(--bgl-blue);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-blue);
 }
-.bgl_btn-primary[data-v-c23a3626] {
+.bgl_btn-primary[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-primary);
 }
-.bgl_btn-red[data-v-c23a3626] {
+.bgl_btn-red[data-v-3efa79fb] {
   --btn-bg: var(--bgl-red);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-red);
 }
-.bgl_btn-white[data-v-c23a3626] {
+.bgl_btn-white[data-v-3efa79fb] {
   --btn-bg: var(--bgl-white);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-white);
 }
-.bgl_btn-black[data-v-c23a3626] {
+.bgl_btn-black[data-v-3efa79fb] {
   --btn-bg: var(--bgl-black);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-black);
 }
-.bgl_btn-gray[data-v-c23a3626] {
+.bgl_btn-gray[data-v-3efa79fb] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-gray);
 }
-.bgl_btn-light[data-v-c23a3626] {
+.bgl_btn-light[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary-light);
   --btn-color: var(--bgl-primary);
   --btn-flat-color: var(--bgl-primary-light);
 }
-.bgl_btn-gray-light[data-v-c23a3626] {
+.bgl_btn-gray-light[data-v-3efa79fb] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-gray);
   --btn-flat-color: var(--bgl-gray-light);
 }
-.bgl_btn[data-v-c23a3626] {
+.bgl_btn[data-v-3efa79fb] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
@@ -118,7 +118,7 @@
   color: var(--btn-color);
   text-decoration: none;
 }
-.bgl_btn.bgl_btn-icon[data-v-c23a3626] {
+.bgl_btn.bgl_btn-icon[data-v-3efa79fb] {
   padding-left: 0;
   padding-right: 0;
   height: var(--btn-height);
@@ -127,69 +127,69 @@
   font-size: 1rem;
   flex-shrink: 0;
 }
-a[data-v-c23a3626] {
+a[data-v-3efa79fb] {
   text-decoration: none;
 }
-.bgl_btn-flex[data-v-c23a3626] {
+.bgl_btn-flex[data-v-3efa79fb] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-c23a3626]{
+.bgl_btn .bgl_btn-icon[data-v-3efa79fb]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-c23a3626]:hover,
-.bgl_btn-icon[data-v-c23a3626]:hover {
+.bgl_btn[data-v-3efa79fb]:hover,
+.bgl_btn-icon[data-v-3efa79fb]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-c23a3626]:active:not(:disabled),
-.bgl_btn-icon[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn[data-v-3efa79fb]:active:not(:disabled),
+.bgl_btn-icon[data-v-3efa79fb]:active:not(:disabled) {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_btn_flat[data-v-c23a3626] {
+.bgl_btn.bgl_btn_flat[data-v-3efa79fb] {
   background: transparent;
   color: var(--btn-flat-color);
 }
-.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled) {
+.bgl_btn_flat[data-v-3efa79fb]:hover:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3efa79fb]:hover:not(:disabled) {
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn.bgl_btn_flat[data-v-3efa79fb]:active:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3efa79fb]:active:not(:disabled) {
   background: var(--bgl-gray-40);
 }
-.bgl_btn.thin[data-v-c23a3626] {
+.bgl_btn.thin[data-v-3efa79fb] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-c23a3626] {
+.bgl_btn.round[data-v-3efa79fb] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-c23a3626] {
+.bgl_btn-icon.thin[data-v-3efa79fb] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-c23a3626] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-3efa79fb] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-c23a3626]{
+[dir="rtl"] .bgl_btn-icon[data-v-3efa79fb]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-c23a3626], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-c23a3626] {
+.bgl_btn-border[data-v-3efa79fb], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-3efa79fb] {
 	  border: 1px solid var(--btn-flat-color);
 	  background: transparent;
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c23a3626]:hover {
+.bgl_btn-border[data-v-3efa79fb]:hover {
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn-border[data-v-3efa79fb]:active:not(:disabled) {
   filter: brightness(80%);
 }
-.bgl_btn[data-v-c23a3626]:disabled {
+.bgl_btn[data-v-3efa79fb]:disabled {
   opacity: 0.6;
   filter: grayscale(0.3);
   cursor: not-allowed;
@@ -356,17 +356,17 @@ display: block;
 	padding: 0;
 }
 
-.dot[data-v-063b5ad9]{
+.dot[data-v-7456c3d5]{
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
 	background-color: var(--bgl-black);
 	opacity: 0.4;
 }
-.dot.current[data-v-063b5ad9]{
+.dot.current[data-v-7456c3d5]{
 	opacity: 0.8;
 }
-.blocker[data-v-063b5ad9] {
+.blocker[data-v-7456c3d5] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -374,52 +374,52 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-063b5ad9] {
+.bgl-slider[data-v-7456c3d5] {
 	display: grid;
 	position: relative;
 	grid-auto-flow: column;
 	grid-auto-columns: 100%;
 	overflow-x: hidden;
-	scroll-snap-type: x mandatory;
-	scroll-behavior: smooth;
+	/* scroll-snap-type: x mandatory; */
+	/* scroll-behavior: smooth; */
 }
-.autoHeight[data-v-063b5ad9] {
+.autoHeight[data-v-7456c3d5] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-063b5ad9] {
+.bgl-slider.allowScroll[data-v-7456c3d5] {
 	overflow-x: scroll;
 }
-.bgl-slider[data-v-063b5ad9] {
+.bgl-slider[data-v-7456c3d5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
 	gap: 1%;
 }
-.bgl-slider.odd[data-v-063b5ad9] {
+.bgl-slider.odd[data-v-7456c3d5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
 }
-.bgl-slider.slides-1[data-v-063b5ad9] {
+.bgl-slider.slides-1[data-v-7456c3d5] {
 	grid-auto-columns: 100%;
 	gap: 0;
 }
-.bgl-slider[data-v-063b5ad9]::-webkit-scrollbar {
+.bgl-slider[data-v-7456c3d5]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider[data-v-063b5ad9] * {
+.bgl-slider[data-v-7456c3d5] * {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-063b5ad9] {
+.dragging.bgl-slider[data-v-7456c3d5] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-063b5ad9] {
+.clicking.bgl-slider[data-v-7456c3d5] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider[data-v-063b5ad9] * {
+.dragging.bgl-slider[data-v-7456c3d5] * {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-1[data-v-063b5ad9]> * {
+.bgl-slider.slides-1[data-v-7456c3d5]> * {
 		margin-inline-start: 0%;
 }
 }
@@ -1036,14 +1036,7 @@ pre code.hljs{
 }
 }
 
-.img-web-kit[data-v-29509e85] {
-	max-width: 100%;
-	vertical-align: middle;
-	border: 0;
-	width: 100%;
-}
-
-.fileUploadWrap[data-v-438b09e8] {
+.fileUploadWrap[data-v-133a8c7a] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1055,7 +1048,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-438b09e8] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-133a8c7a] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1063,14 +1056,14 @@ pre code.hljs{
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-438b09e8],
-.fileUploadWrap[data-v-438b09e8]:hover {
+.fileUploadWrap.dragover[data-v-133a8c7a],
+.fileUploadWrap[data-v-133a8c7a]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-438b09e8] {
+.fileUploadWrap[style*='height: auto;'][data-v-133a8c7a] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-438b09e8] {
+.multi-image-item-preview[data-v-133a8c7a] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1084,12 +1077,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-438b09e8] {
+.multi-image-item-preview p[data-v-133a8c7a] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-438b09e8] {
+.multi-preview[data-v-133a8c7a] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1100,17 +1093,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-438b09e8] {
+.bgl-single-preview[data-v-133a8c7a] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-438b09e8] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-133a8c7a] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-438b09e8] {
+.single-image-item-preview[data-v-133a8c7a] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1118,13 +1111,13 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-438b09e8] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-133a8c7a] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-438b09e8] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-133a8c7a] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-438b09e8] {
+.single-preview[data-v-133a8c7a] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1134,7 +1127,7 @@ pre code.hljs{
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-438b09e8]:hover::after {
+.single-image-item-preview[data-v-133a8c7a]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1144,20 +1137,20 @@ pre code.hljs{
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-438b09e8] {
+.single-image-item-preview:hover img[data-v-133a8c7a] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-438b09e8] {
+.bgl_fill-image.single-image-item-preview[data-v-133a8c7a] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-438b09e8] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-133a8c7a] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-438b09e8] {
+.single-image-item-preview .pie[data-v-133a8c7a] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1171,31 +1164,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-438b09e8] {
+.bgl_oval-upload[data-v-133a8c7a] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-438b09e8] {
+.bgl_oval-upload p[data-v-133a8c7a] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-438b09e8] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-133a8c7a] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-438b09e8] {
+.bgl_oval-upload .pie[data-v-133a8c7a] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-438b09e8] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-133a8c7a] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-438b09e8] {
+.bgl_oval-upload .single-image-item-preview[data-v-133a8c7a] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-438b09e8] {
+.bgl_oval-upload .single-preview[data-v-133a8c7a] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-438b09e8] {
+.pie[data-v-133a8c7a] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1203,7 +1196,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-438b09e8]:before {
+.pie[data-v-133a8c7a]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1221,26 +1214,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-438b09e8] {
+.pie .success[data-v-133a8c7a] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-438b09e8] {
+.pie .progress[data-v-133a8c7a] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-438b09e8] {
+.pie.complete .progress[data-v-133a8c7a] {
 	display: none;
 }
-.pie.complete .success[data-v-438b09e8] {
+.pie.complete .success[data-v-133a8c7a] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-438b09e8]:before {
+.pie.complete[data-v-133a8c7a]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-438b09e8] {
+.pie.complete[data-v-133a8c7a] {
 	color: var(--bgl-green);
 }
 
@@ -2130,6 +2123,13 @@ line-height: 1.65;
 	color: var(--bgl-green);
 }
 
+.img-web-kit[data-v-29509e85] {
+	max-width: 100%;
+	vertical-align: middle;
+	border: 0;
+	width: 100%;
+}
+
 .bgl_bottombar .bgl_btn-flex{
   flex-direction: column;
   height: 60px;
@@ -15662,6 +15662,12 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 .color-bg {
     color: var(--bgl-bg) !important;
 }
+.bg-input {
+    background: var(--input-bg) !important;
+}
+.color-input {
+    color: var(--input-bg) !important;
+}
 .bg-black {
     background: var(--bgl-black) !important;
 }