@bagelink/vue 0.0.941 → 0.0.947

package/dist/style.css

@@ -707,7 +707,7 @@ data[data-v-6c27f163] {
 }
 }
 
-.fileUploadWrap[data-v-6ce2a678] {
+.fileUploadWrap[data-v-d2c7e04e] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -719,7 +719,7 @@ data[data-v-6c27f163] {
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-6ce2a678] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-d2c7e04e] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -727,14 +727,14 @@ data[data-v-6c27f163] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-6ce2a678],
-.fileUploadWrap[data-v-6ce2a678]:hover {
+.fileUploadWrap.dragover[data-v-d2c7e04e],
+.fileUploadWrap[data-v-d2c7e04e]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*="height: auto;"][data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto;"][data-v-d2c7e04e] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-6ce2a678] {
+.multi-image-item-preview[data-v-d2c7e04e] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -748,12 +748,12 @@ data[data-v-6c27f163] {
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-6ce2a678] {
+.multi-image-item-preview p[data-v-d2c7e04e] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-6ce2a678]{
+.multi-preview[data-v-d2c7e04e]{
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -764,17 +764,17 @@ data[data-v-6c27f163] {
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-6ce2a678]{
+.bgl-single-preview[data-v-d2c7e04e]{
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-6ce2a678]{
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-d2c7e04e]{
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-6ce2a678] {
+.single-image-item-preview[data-v-d2c7e04e] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -782,13 +782,13 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-d2c7e04e] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*="height: auto"] .single-preview[data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto"] .single-preview[data-v-d2c7e04e] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-6ce2a678]{
+.single-preview[data-v-d2c7e04e]{
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -797,7 +797,7 @@ data[data-v-6c27f163] {
 	object-fit: cover;
 	background: var(--bgl-gray-light);
 }
-.single-image-item-preview[data-v-6ce2a678]:hover::after{
+.single-image-item-preview[data-v-d2c7e04e]:hover::after{
 	content: "zoom_in";
 	font-size: 32px;
 	font-family: "Material Symbols Outlined", serif;
@@ -807,20 +807,20 @@ data[data-v-6c27f163] {
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-6ce2a678]{
+.single-image-item-preview:hover img[data-v-d2c7e04e]{
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-6ce2a678] {
+.bgl_fill-image.single-image-item-preview[data-v-d2c7e04e] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-6ce2a678]{
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-d2c7e04e]{
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-6ce2a678] {
+.single-image-item-preview .pie[data-v-d2c7e04e] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -834,31 +834,31 @@ data[data-v-6c27f163] {
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-6ce2a678] {
+.bgl_oval-upload[data-v-d2c7e04e] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-6ce2a678] {
+.bgl_oval-upload p[data-v-d2c7e04e] {
 		padding: 0.75rem !important;
 		font-size: 12px
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-6ce2a678]{
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-d2c7e04e]{
 		top: 0;
 }
-.bgl_oval-upload .pie[data-v-6ce2a678] {
+.bgl_oval-upload .pie[data-v-d2c7e04e] {
 		transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-6ce2a678] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-d2c7e04e] {
 		transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-6ce2a678]{
+.bgl_oval-upload .single-image-item-preview[data-v-d2c7e04e]{
 		height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-6ce2a678] {
+.bgl_oval-upload .single-preview[data-v-d2c7e04e] {
 		margin: 0;
 		height: 100% !important;
 }
-.pie[data-v-6ce2a678] {
+.pie[data-v-d2c7e04e] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -866,7 +866,7 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-6ce2a678]:before {
+.pie[data-v-d2c7e04e]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -884,26 +884,26 @@ data[data-v-6c27f163] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-6ce2a678] {
+.pie .success[data-v-d2c7e04e] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-6ce2a678] {
+.pie .progress[data-v-d2c7e04e] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-6ce2a678] {
+.pie.complete .progress[data-v-d2c7e04e] {
 	display: none;
 }
-.pie.complete .success[data-v-6ce2a678] {
+.pie.complete .success[data-v-d2c7e04e] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-6ce2a678]:before {
+.pie.complete[data-v-d2c7e04e]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-6ce2a678] {
+.pie.complete[data-v-d2c7e04e] {
 	color: var(--bgl-green);
 }
 
@@ -1391,15 +1391,6 @@ p {
 	width: 100%;
 	height: 100%;
 }
-.pixel {
-	width: 0;
-	height: 0;
-	overflow: hidden;
-	outline: none;
-	position: absolute;
-	bottom: 0;
-	left: 50%;
-}
 .bgl_input.signature-pad {
 	background: var(--input-bg);
 	border: none;
@@ -3243,22 +3234,22 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.table-list-wrap[data-v-bcd5ff3e] {
+.table-list-wrap[data-v-3dbd30bd] {
 	min-height: 150px;
 }
-.selected[data-v-bcd5ff3e] {
+.selected[data-v-3dbd30bd] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-bcd5ff3e]:hover {
+tbody tr.selected[data-v-3dbd30bd]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-bcd5ff3e] {
+.loading-table[data-v-3dbd30bd] {
 	position: relative;
 }
-.inset[data-v-bcd5ff3e] {
+.inset[data-v-3dbd30bd] {
 	inset: 0;
 }
-.loading-table-animation[data-v-bcd5ff3e] {
+.loading-table-animation[data-v-3dbd30bd] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3266,9 +3257,9 @@ tbody tr.selected[data-v-bcd5ff3e]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-bcd5ff3e 1s linear infinite;
+	animation: loading-table-3dbd30bd 1s linear infinite;
 }
-@keyframes loading-table-bcd5ff3e {
+@keyframes loading-table-3dbd30bd {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3276,51 +3267,51 @@ tbody tr.selected[data-v-bcd5ff3e]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-bcd5ff3e] {
+.list-arrows[data-v-3dbd30bd] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-bcd5ff3e] {
+.list-arrows .bgl_icon-font[data-v-3dbd30bd] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-bcd5ff3e] {
+.list-arrows.sorted[data-v-3dbd30bd] {
 	opacity: 1;
 }
-.col img[data-v-bcd5ff3e] {
+.col img[data-v-3dbd30bd] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-bcd5ff3e] {
+.list-arrows.sorted .desc[data-v-3dbd30bd] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-bcd5ff3e] {
+table[data-v-3dbd30bd] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-bcd5ff3e] {
+th[data-v-3dbd30bd] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--2c584721);
+	height: var(--44de596f);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-bcd5ff3e] {
+.embedded-field[data-v-3dbd30bd] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-bcd5ff3e] {
+.row[data-v-3dbd30bd] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-bcd5ff3e] {
+.row.first-row[data-v-3dbd30bd] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3329,7 +3320,7 @@ th[data-v-bcd5ff3e] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-bcd5ff3e]::after {
+.row.first-row[data-v-3dbd30bd]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3337,30 +3328,30 @@ th[data-v-bcd5ff3e] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-bcd5ff3e] {
+.first-row .col[data-v-3dbd30bd] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-bcd5ff3e] {
+.col[data-v-3dbd30bd] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-bcd5ff3e]:has(.bagel-input) {
+.col[data-v-3dbd30bd]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-bcd5ff3e] {
+.col > div[data-v-3dbd30bd] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-bcd5ff3e] {
+.max-col-width[data-v-3dbd30bd] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-bcd5ff3e] {
+.col.check .bgl_icon-font[data-v-3dbd30bd] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3371,35 +3362,35 @@ th[data-v-bcd5ff3e] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-bcd5ff3e] {
+.rows[data-v-3dbd30bd] {
 	font-size: 0.88em;
 }
-.table-list[data-v-bcd5ff3e] {
+.table-list[data-v-3dbd30bd] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-bcd5ff3e] {
+.BagelTable .table-list[data-v-3dbd30bd] {
 	overflow: unset;
 }
-.row-item[data-v-bcd5ff3e] {
-	height: var(--2c584721);
+.row-item[data-v-3dbd30bd] {
+	height: var(--44de596f);
 	transition: all 200ms ease;
 }
-.row-item[data-v-bcd5ff3e]:hover {
+.row-item[data-v-3dbd30bd]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-bcd5ff3e] {
+.row-item input[type='checkbox'][data-v-3dbd30bd] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-bcd5ff3e] {
+.infinite-wrapper[data-v-3dbd30bd] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-bcd5ff3e] {
+input[type='checkbox'][data-v-3dbd30bd] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3411,7 +3402,7 @@ input[type='checkbox'][data-v-bcd5ff3e] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-bcd5ff3e]::before {
+input[type='checkbox'][data-v-3dbd30bd]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3424,18 +3415,18 @@ input[type='checkbox'][data-v-bcd5ff3e]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-bcd5ff3e]:hover::before {
+input[type='checkbox'][data-v-3dbd30bd]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-bcd5ff3e] {
+[lang='he'] [dir='ltr'][data-v-3dbd30bd] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-bcd5ff3e] {
+th input[type='checkbox'][data-v-3dbd30bd] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-bcd5ff3e]::after {
+th[data-v-3dbd30bd]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3443,24 +3434,24 @@ th[data-v-bcd5ff3e]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-bcd5ff3e] {
+tr[data-v-3dbd30bd] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-bcd5ff3e],
-th[data-v-bcd5ff3e] {
+td[data-v-3dbd30bd],
+th[data-v-3dbd30bd] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-bcd5ff3e] {
+tbody tr[data-v-3dbd30bd] {
 	font-size: 0.88em;
-	height: var(--2c584721);
+	height: var(--44de596f);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-bcd5ff3e]:hover {
+tbody tr[data-v-3dbd30bd]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -10971,277 +10962,287 @@ to {
 input,
 textarea,
 select {
-    font-family: inherit;
-    width: 100%;
+	font-family: inherit;
+	width: 100%;
 }
 .bagel-input-error input,
 .bagel-input-error button,
 .bagel-input-error textarea {
-    outline: 1px solid var(--bgl-red);
+	outline: 1px solid var(--bgl-red);
 }
 .bagel-input {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    text-align: start;
-    margin-bottom: 0.5rem;
-    width: 100%;
-    color: var(--bgl-text-color);
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	text-align: start;
+	margin-bottom: 0.5rem;
+	width: 100%;
+	color: var(--bgl-text-color);
 }
 .bagel-input::-webkit-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-moz-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input:-ms-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-ms-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-webkit-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::-moz-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input:-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input label {
-    color: var(--label-color);
+	color: var(--label-color);
 }
 .bagel-input input,
 .bagel-input select,
 .custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
+	height: var(--input-height);
+	font-size: var(--input-font-size);
 }
 .bagel-input input,
 .bagel-input textarea,
 .bagel-input select,
 .custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
+	background: var(--input-bg);
+	border: none;
+	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
+	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
+	width: 100%;
 }
 .bagel-input input::-webkit-input-placeholder,
 .bagel-input textarea::-webkit-input-placeholder,
 .bagel-input select::-webkit-input-placeholder,
 .custom-select .input::-webkit-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::-moz-placeholder,
 .bagel-input textarea::-moz-placeholder,
 .bagel-input select::-moz-placeholder,
 .custom-select .input::-moz-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input:-ms-input-placeholder,
 .bagel-input textarea:-ms-input-placeholder,
 .bagel-input select:-ms-input-placeholder,
 .custom-select .input:-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::-ms-input-placeholder,
 .bagel-input textarea::-ms-input-placeholder,
 .bagel-input select::-ms-input-placeholder,
 .custom-select .input::-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::placeholder,
 .bagel-input textarea::placeholder,
 .bagel-input select::placeholder,
 .custom-select .input::placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input.search-wrap {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
 }
 .bagel-input.search-wrap input {
-    -webkit-padding-end: 2rem;
-    padding-inline-end: 2rem;
+	-webkit-padding-end: 2rem;
+	padding-inline-end: 2rem;
 }
 .bagel-input.search-wrap .bgl_icon-font {
-    -webkit-margin-start: -1.75rem;
-    margin-inline-start: -1.75rem;
+	-webkit-margin-start: -1.75rem;
+	margin-inline-start: -1.75rem;
 }
 .bagel-input select {
-    height: var(--input-height);
+	height: var(--input-height);
 }
 .bagel-input textarea {
-    resize: vertical;
-    min-height: calc(var(--input-height) * 3);
-    line-height: 1.5;
+	resize: vertical;
+	min-height: calc(var(--input-height) * 3);
+	line-height: 1.5;
 }
 .bagel-input.wider input {
-    min-width: 320px;
+	min-width: 320px;
 }
-.bagel-input input[type="radio"] {
-    padding: 0;
-    width: -webkit-fit-content;
-    width: -moz-fit-content;
-    width: fit-content;
+.bagel-input input[type='radio'] {
+	padding: 0;
+	width: -webkit-fit-content;
+	width: -moz-fit-content;
+	width: fit-content;
 }
 .bagel-input:focus-within label {
-    color: var(--bgl-primary);
+	color: var(--bgl-primary);
 }
 .bagel-input select.no-edit,
 .bagel-input input.no-edit,
 .bagel-input textarea.no-edit,
 .bagel-input .switch.no-edit {
-    pointer-events: none;
-    outline: none;
-    opacity: .7;
+	pointer-events: none;
+	outline: none;
+	opacity: 0.7;
 }
 .bagel-input label.active {
-    color: var(--bgl-primary);
+	color: var(--bgl-primary);
 }
 .inline-80 {
-    display: inline-block;
-    width: 80%;
+	display: inline-block;
+	width: 80%;
 }
 .inline-20 {
-    display: inline-block;
-    width: 20%;
+	display: inline-block;
+	width: 20%;
 }
 .inline-10 {
-    display: inline-block;
-    width: 20%;
+	display: inline-block;
+	width: 20%;
 }
 .inline-50 {
-    display: inline-block;
-    width: 49%;
-    margin: 0 0.5%;
+	display: inline-block;
+	width: 49%;
+	margin: 0 0.5%;
 }
 .custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
+	height: var(--input-height);
+	font-size: var(--input-font-size);
 }
 .custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
+	background: var(--input-bg);
+	border: none;
+	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
+	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
+	width: 100%;
 }
-[dir='rtl'] .bagel-input input[type="email"],
-[dir='rtl'] .tel-input input[type="tel"] {
-    direction: ltr;
-    text-align: right;
+[dir='rtl'] .bagel-input input[type='email'],
+[dir='rtl'] .tel-input input[type='tel'] {
+	direction: ltr;
+	text-align: right;
 }
 .input.active .bagel-input input:focus-visible,
 .bagel-input select:focus-visible,
 .bagel-input textarea:focus-visible,
 .bagel-input button:focus-visible,
 .bgl_btn:focus-visible {
-    outline-color: var(--bgl-primary-tint);
-    box-shadow: inset 0 0 10px #00000012;
+	outline-color: var(--bgl-primary-tint);
+	box-shadow: inset 0 0 10px #00000012;
 }
 .bagel-input input:focus,
 .bagel-input select:focus,
 .bagel-input textarea:focus,
 .bagel-input .bgl_btn:focus,
 .bagel-input button:focus {
-    outline-color: rgba(0, 0, 0, 0.05);
-    box-shadow: inset 0 0 10px #00000021;
-    outline-color: var(--input-bg);
-
+	outline-color: rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 0 10px #00000021;
+	outline-color: var(--input-bg);
 }
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
 .custom-select.light-input .input,
 .light-input .selectinput-btn {
-    background: var(--bgl-popup-bg) !important;
-    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
-    outline: 1px solid var(--border-color) !important;
+	background: var(--bgl-popup-bg) !important;
+	box-shadow:
+		0 1px 5px 0 rgba(0, 0, 0, 0.1),
+		0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
+	outline: 1px solid var(--border-color) !important;
 }
 .input.active.light-input,
 .bagel-input.light-input input:focus-visible,
 .bagel-input.light-input select:focus-visible,
 .bagel-input.light-input textarea:focus-visible {
-    box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
+	box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
 }
-.bagel-input input[type="number"]-webkit-inner-spin-button,
-.bagel-input input[type="number"]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
+.bagel-input input[type='number']-webkit-inner-spin-button,
+.bagel-input input[type='number']::-webkit-outer-spin-button {
+	-webkit-appearance: none;
 }
 .label-count-0 label {
-    display: none;
+	display: none;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn {
-    margin-right: 5px;
+	margin-right: 5px;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
-    background: var(--bgl-hover-filter);
+	background: var(--bgl-hover-filter);
 }
-.bagel-input input[type="color"] {
-    padding: 0.025rem 0.05rem;
-    display: block;
-    width: var(--input-height);
-    height: var(--input-height);
-    border: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    cursor: pointer;
+.bagel-input input[type='color'] {
+	padding: 0.025rem 0.05rem;
+	display: block;
+	width: var(--input-height);
+	height: var(--input-height);
+	border: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	cursor: pointer;
 }
-.bagel-input input[type="color"]::-webkit-color-swatch {
-    border-radius: var(--input-border-radius);
-    border: none;
-    -webkit-transition: box-shadow 200ms ease;
-    transition: box-shadow 200ms ease;
+.bagel-input input[type='color']::-webkit-color-swatch {
+	border-radius: var(--input-border-radius);
+	border: none;
+	-webkit-transition: box-shadow 200ms ease;
+	transition: box-shadow 200ms ease;
 }
-.bagel-input input[type="color"]::-moz-color-swatch {
-    border-radius: var(--input-border-radius);
-    border: none;
-    -moz-transition: box-shadow 200ms ease;
-    transition: box-shadow 200ms ease;
+.bagel-input input[type='color']::-moz-color-swatch {
+	border-radius: var(--input-border-radius);
+	border: none;
+	-moz-transition: box-shadow 200ms ease;
+	transition: box-shadow 200ms ease;
 }
-.bagel-input input[type="color"]::-webkit-color-swatch:hover {
-    box-shadow: inset 0 0 10px #00000050;
+.bagel-input input[type='color']::-webkit-color-swatch:hover {
+	box-shadow: inset 0 0 10px #00000050;
 }
-.bagel-input input[type="color"]::-moz-color-swatch:hover {
-    box-shadow: inset 0 0 10px #00000050;
+.bagel-input input[type='color']::-moz-color-swatch:hover {
+	box-shadow: inset 0 0 10px #00000050;
 }
 @media screen and (max-width: 910px) {
-    .bagel-input.wider input {
-        min-width: 120px;
-    }
+	.bagel-input.wider input {
+		min-width: 120px;
+	}
+}
+.pixel {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	outline: none;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
 }
 .bgl_btn,
 .bgl_flatBtn,