@bagelink/vue 0.0.771 → 0.0.775

package/dist/style.css

@@ -46,19 +46,19 @@
 	max-height: 300px;
 }
 
-a[data-v-a73ad8c2] {
+a[data-v-047c9778] {
   text-decoration: none;
 }
-.loading[data-v-a73ad8c2] {
+.loading[data-v-047c9778] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-a73ad8c2 1s linear infinite;
+  animation: spin-047c9778 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-a73ad8c2 {
+@keyframes spin-047c9778 {
 0% {
     transform: rotate(0deg);
 }
@@ -66,7 +66,7 @@ a[data-v-a73ad8c2] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-a73ad8c2] {
+.bgl_btn-icon[data-v-047c9778] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -76,112 +76,112 @@ a[data-v-a73ad8c2] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-a73ad8c2] {
+.bgl_btn[data-v-047c9778] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-a73ad8c2] {
+.bgl_btn[disabled="true"][data-v-047c9778] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-a73ad8c2] {
+.bgl_btn-flex[data-v-047c9778] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-a73ad8c2] {
+.bgl_btn .bgl_btn-icon[data-v-047c9778]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-a73ad8c2],
-.bgl_btn-icon[data-v-a73ad8c2] {
-  background-color: var(--4cc6fa2a);
-  color: var(--0ff33606);
+.bgl_btn[data-v-047c9778],
+.bgl_btn-icon[data-v-047c9778] {
+  background-color: var(--29a2743a);
+  color: var(--415112fe);
 }
-.bgl_btn[data-v-a73ad8c2]:hover,
-.bgl_btn-icon[data-v-a73ad8c2]:hover {
+.bgl_btn[data-v-047c9778]:hover,
+.bgl_btn-icon[data-v-047c9778]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-a73ad8c2]:active,
-.bgl_btn-icon[data-v-a73ad8c2]:active {
+.bgl_btn[data-v-047c9778]:active,
+.bgl_btn-icon[data-v-047c9778]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn[data-v-047c9778] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2] {
+.bgl_btn-icon.bgl_flatBtn[data-v-047c9778] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:hover {
+.bgl_btn.bgl_flatBtn[data-v-047c9778]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-047c9778]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:active {
+.bgl_btn.bgl_flatBtn[data-v-047c9778]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-047c9778]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-a73ad8c2],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn.red[data-v-047c9778],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-047c9778] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-a73ad8c2],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn.white[data-v-047c9778],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-047c9778] {
   color: var(--bgl-light-text);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-a73ad8c2],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn.light[data-v-047c9778],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-047c9778] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-a73ad8c2],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn.black[data-v-047c9778],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-047c9778] {
   color: var(--bgl-text-color);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-a73ad8c2],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-a73ad8c2] {
+.bgl_btn.bgl_flatBtn.gray[data-v-047c9778],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-047c9778] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-a73ad8c2] {
+.bgl_btn.thin[data-v-047c9778] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-a73ad8c2] {
+.bgl_btn.round[data-v-047c9778] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-a73ad8c2] {
+.bgl_btn-icon.thin[data-v-047c9778] {
   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-a73ad8c2] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-047c9778] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-a73ad8c2] {
+[dir="rtl"] .bgl_btn-icon[data-v-047c9778]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-a73ad8c2] {
-  outline: 1px solid var(--4cc6fa2a);
-  color: var(--4cc6fa2a);
+.bgl_btn-border[data-v-047c9778] {
+  outline: 1px solid var(--29a2743a);
+  color: var(--29a2743a);
   background: transparent;
 }
-.bgl_btn-border[data-v-a73ad8c2]:hover {
+.bgl_btn-border[data-v-047c9778]:hover {
   color: var(--bgl-light-text);
-  background: var(--4cc6fa2a);
+  background: var(--29a2743a);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-a73ad8c2]:active {
+.bgl_btn-border[data-v-047c9778]:active {
   filter: brightness(80%);
 }
 
-.alert[data-v-1322d9e1] {
+.alert[data-v-57141c32] {
   padding: var(--btn-padding);
   border-radius: var(--card-border-radius);
   background: var(--bgl-primary-light);
@@ -190,25 +190,25 @@ a[data-v-a73ad8c2] {
   gap: 1rem;
   position: relative;
 }
-.alert_icon[data-v-1322d9e1] {
+.alert_icon[data-v-57141c32] {
   line-height: 1;
 }
-.alert.warning[data-v-1322d9e1] {
+.alert.warning[data-v-57141c32] {
   background-color: var(--bgl-yellow-light);
 }
-.alert.error[data-v-1322d9e1] {
+.alert.error[data-v-57141c32] {
   background: var(--bgl-red-tint);
 }
-.alert_close[data-v-1322d9e1]{
+.alert_close[data-v-57141c32]{
   display: none;
   position: absolute;
   inset-inline-end: 1.5rem;
   top: 2rem;
 }
-.alert[dismissable="true"] .alert_close[data-v-1322d9e1]{
+.alert[dismissable="true"] .alert_close[data-v-57141c32]{
 display: block;
 }
-.alert[dismissable="true"] p[data-v-1322d9e1]{
+.alert[dismissable="true"] p[data-v-57141c32]{
   width: calc(100% - 5rem);
 }
 
@@ -233,7 +233,7 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-40a0b03a] {
+.inline[data-v-8fddd646] {
 	display: inline;
 }
 
@@ -456,25 +456,25 @@ display: block;
 }
 }
 
-data[data-v-2da95d24] {
+data[data-v-5f91f598] {
 	font-size: var(--input-font-size);
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-2da95d24] {
+.data-row[data-v-5f91f598] {
 	display: flex;
 	justify-content: space-between;
 	border-bottom: 1px solid var(--border-color);
 	align-items: center;
 	min-height: 50px;
 }
-.data-row .bagel-input.shrink[data-v-2da95d24],
-.data-row .bagel-input.shrink input[data-v-2da95d24] {
+.data-row .bagel-input.shrink[data-v-5f91f598],
+.data-row .bagel-input.shrink input[data-v-5f91f598] {
 	min-width: 140px !important;
 	/* margin-top: -0.45rem !important; */
 }
-.data-link[data-v-2da95d24] {
+.data-link[data-v-5f91f598] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -482,7 +482,7 @@ data[data-v-2da95d24] {
 	color: var(--input-color);
 }
 @media screen and (max-width: 910px) {
-.data-row[data-v-2da95d24] {
+.data-row[data-v-5f91f598] {
 		display: block;
 		/* min-height: 80px; */
 		padding-bottom: 1rem;
@@ -929,7 +929,7 @@ data[data-v-2da95d24] {
 	accent-color: var(--bgl-accent-color);
 }
 
-.radio-pill label[data-v-8cdfe758] {
+.radio-pill label[data-v-f2912ed8] {
 	color: var(--bgl-primary);
 	white-space: nowrap;
 	border-radius: calc(var(--btn-border-radius) * 2);
@@ -943,13 +943,13 @@ data[data-v-2da95d24] {
 	background: var(--bgl-light-text);
 	user-select: none;
 }
-.radio-pill label[data-v-8cdfe758]:hover {
+.radio-pill label[data-v-f2912ed8]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-8cdfe758] {
+.radio-pill input[data-v-f2912ed8] {
 	display: none;
 }
-.radio-pill input:checked ~ label[data-v-8cdfe758] {
+.radio-pill input:checked ~ label[data-v-f2912ed8] {
 	background: var(--bgl-primary);
 	color: var(--bgl-light-text);
 }
@@ -1206,29 +1206,29 @@ p {
     8 #818181 /* few chars */
   ;
 }
-.preview-area[data-v-9c94183b]{
+.preview-area[data-v-a39fc092]{
 	font-family: "FontWithASyntaxHighlighter", monospace;
   	font-palette: --myCustomPalette;
 	background: var(--bgl-code-bg);
 	color: var(--bgl-code-color)
 }
-.rich-text-editor[data-v-9c94183b] {
+.rich-text-editor[data-v-a39fc092] {
 	background: var(--input-bg);
 	margin-bottom: 0.5rem;
 	width: 100%;
 }
-.editableContent[data-v-9c94183b]{
+.editableContent[data-v-a39fc092]{
 	min-height: 100%;
 	white-space: pre-wrap;
 	outline: none;
 }
-.content-area[data-v-9c94183b]{
+.content-area[data-v-a39fc092]{
 	background: var(--bgl-richtext-color);
 }
-.content-area[data-v-9c94183b], .preview-area[data-v-9c94183b]{
+.content-area[data-v-a39fc092], .preview-area[data-v-a39fc092]{
 	min-height: 200px;
 }
-.fullscreen-mode[data-v-9c94183b] {
+.fullscreen-mode[data-v-a39fc092] {
     position: fixed;
     top: 0;
     left: 0;
@@ -1240,14 +1240,14 @@ p {
     overflow: auto;
 	border-radius: 0;
 }
-.fullscreen-mode .content-area[data-v-9c94183b]{
+.fullscreen-mode .content-area[data-v-a39fc092]{
 	height: calc(100vh - 5rem);
 	padding: 4rem !important;
 	max-width: 900px;
 	margin-inline: auto ;
 	overflow-y: auto;
 }
-.fullscreen-mode .toolbar[data-v-9c94183b]{
+.fullscreen-mode .toolbar[data-v-a39fc092]{
 	max-width: 900px;
 	margin-inline: auto ;
 	/* border-bottom: 1px solid var(--border-color); */
@@ -1697,53 +1697,53 @@ p {
 	justify-content: flex-start !important;
 }
 
-.bgl_sidebar[data-v-3ee4f3f7] {
+.bgl_sidebar[data-v-51cedd11] {
 }
-.toggleNav[data-v-3ee4f3f7] {
+.toggleNav[data-v-51cedd11] {
 	height: 22px !important;
 	width: 22px !important;
 	transition: var(--bgl-transition);
 	top: 2rem;
 	inset-inline-end: -3px;
 }
-.toggleNav[data-v-3ee4f3f7]:hover {
+.toggleNav[data-v-51cedd11]:hover {
 	opacity: 1;
 }
-.wideNav .toggleNav[data-v-3ee4f3f7] {
+.wideNav .toggleNav[data-v-51cedd11] {
 	transform: rotate(180deg);
 }
-[dir='rtl'] .toggleNav[data-v-3ee4f3f7] {
+[dir='rtl'] .toggleNav[data-v-51cedd11] {
 	transform: rotate(180deg);
 }
-[dir='rtl'] .wideNav .toggleNav[data-v-3ee4f3f7] {
+[dir='rtl'] .wideNav .toggleNav[data-v-51cedd11] {
 	transform: rotate(0deg);
 }
-.showP-enter-active[data-v-3ee4f3f7],
-.showP-leave-active[data-v-3ee4f3f7] {
+.showP-enter-active[data-v-51cedd11],
+.showP-leave-active[data-v-51cedd11] {
   transition: all 0.5s ease;
 }
-.showP-enter-from[data-v-3ee4f3f7],
-.showP-leave-to[data-v-3ee4f3f7] {
+.showP-enter-from[data-v-51cedd11],
+.showP-leave-to[data-v-51cedd11] {
   opacity: 0;
   transform: translateX(-20px);
 }
 
-.tab[data-v-75e0b322] {
+.tab[data-v-0a54cdeb] {
   text-transform: capitalize;
 }
-.side-tabs[data-v-75e0b322] {
+.side-tabs[data-v-0a54cdeb] {
   display: flex;
 }
-.side-tabs .tabs-top[data-v-75e0b322] {
+.side-tabs .tabs-top[data-v-0a54cdeb] {
   margin-inline-end: 1rem;
 }
-.side-tabs .tabs[data-v-75e0b322] {
+.side-tabs .tabs[data-v-0a54cdeb] {
   display: block;
   padding: 0;
   margin: 0;
   border: none;
 }
-.side-tabs .tab[data-v-75e0b322] {
+.side-tabs .tab[data-v-0a54cdeb] {
   border: none;
 }
 
@@ -2793,10 +2793,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-[dir='rtl'] .top-arrow[data-v-a03e64ba] {
+[dir='rtl'] .top-arrow[data-v-a98e733c] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-a03e64ba] {
+.nav-expend[data-v-a98e733c] {
 	text-align: center;
 	cursor: pointer;
 	background: var(--bgl-popup-bg);
@@ -2822,17 +2822,17 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-a03e64ba] {
+.nav-expend[data-v-a98e733c] {
 	background: var(--bgl-popup-bg);
 }
-.nav-expend[data-v-a03e64ba]:hover {
+.nav-expend[data-v-a98e733c]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-a03e64ba]:active {
+.nav-expend[data-v-a98e733c]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-a03e64ba] {
+.nav[data-v-a98e733c] {
 	color: var(--bgl-light-text);
 	background: var(--bgl-primary);
 	z-index: 100;
@@ -2841,10 +2841,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-a03e64ba] * {
+.nav[data-v-a98e733c] * {
 	user-select: none;
 }
-.nav-button[data-v-a03e64ba] {
+.nav-button[data-v-a98e733c] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
@@ -2855,11 +2855,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-a03e64ba]:hover {
+.nav-button[data-v-a98e733c]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-a03e64ba] {
+.nav-button .bgl_icon-font[data-v-a98e733c] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -2872,16 +2872,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-a03e64ba],
-.nav-button.router-link-active .bgl_icon-font[data-v-a03e64ba] {
+.nav-button:hover .bgl_icon-font[data-v-a98e733c],
+.nav-button.router-link-active .bgl_icon-font[data-v-a98e733c] {
 	background: var(--bgl-box-bg);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-a03e64ba] {
+.nav-button:hover .tooltip[data-v-a98e733c] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-a03e64ba] {
+.tooltip[data-v-a98e733c] {
 	background-color: var(--bgl-popup-bg);
 	color: var(--bgl-primary);
 	line-height: 1;
@@ -2895,23 +2895,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-a03e64ba]:hover {
+.tooltip[data-v-a98e733c]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-a03e64ba]:active {
+.tooltip[data-v-a98e733c]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-a03e64ba] {
+.bot-buttons-wrapper[data-v-a98e733c] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-a03e64ba] {
+.nav-links-wrapper[data-v-a98e733c] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-a03e64ba] {
+[dir='rtl'] .nav-links-wrapper[data-v-a98e733c] {
 	direction: rtl;
 }
-.nav-scroll[data-v-a03e64ba] {
+.nav-scroll[data-v-a98e733c] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -2921,30 +2921,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-a03e64ba]::-webkit-scrollbar-thumb {
+.nav[data-v-a98e733c]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-a03e64ba]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-a98e733c]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-a03e64ba] {
+[dir='rtl'] .nav-scroll[data-v-a98e733c] {
 	direction: ltr;
 }
-.full-nav[data-v-a03e64ba] {
+.full-nav[data-v-a98e733c] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-a03e64ba] {
+.nav.open .nav-expend[data-v-a98e733c] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-a03e64ba] {
+.nav.open[data-v-a98e733c] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-a03e64ba] {
+.nav.open .tooltip[data-v-a98e733c] {
 		background-color: transparent;
 		color: var(--bgl-light-text);
 		padding: 0;
@@ -2953,30 +2953,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-a03e64ba] {
+.nav.open .nav-button .bgl_icon-font[data-v-a98e733c] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-a03e64ba] {
+.nav.open .nav-button[data-v-a98e733c] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-a03e64ba]:hover,
-	.nav.open .nav-button.router-link-active[data-v-a03e64ba] {
+.nav.open .nav-button[data-v-a98e733c]:hover,
+	.nav.open .nav-button.router-link-active[data-v-a98e733c] {
 		background: var(--bgl-popup-bg);
 		color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-a03e64ba]:hover,
-	.nav.open .nav-button:hover .tooltip[data-v-a03e64ba],
-	.nav.open .nav-button.router-link-active .tooltip[data-v-a03e64ba] {
+.nav.open .nav-button[data-v-a98e733c]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-a98e733c],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-a98e733c] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-a03e64ba] {
+.full-nav[data-v-a98e733c] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -2985,10 +2985,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-a03e64ba] {
+.nav.open[data-v-a98e733c] {
 		width: initial;
 }
-.nav[data-v-a03e64ba] {
+.nav[data-v-a98e733c] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -2996,7 +2996,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-a03e64ba] {
+.tooltip[data-v-a98e733c] {
 		opacity: 1;
 		background: transparent;
 		color: var(--bgl-light-text);
@@ -3005,25 +3005,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-a03e64ba] {
+.nav-button[data-v-a98e733c] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-a03e64ba] {
+.nav-button .bgl_icon-font[data-v-a98e733c] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-a03e64ba] {
+.nav-links-wrapper[data-v-a98e733c] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-a03e64ba] {
+.bot-buttons-wrapper[data-v-a98e733c] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-a03e64ba] {
+.nav-scroll[data-v-a98e733c] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -3034,15 +3034,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-a03e64ba]::-webkit-scrollbar {
+.nav[data-v-a98e733c]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-a03e64ba] {
+.nav-expend[data-v-a98e733c] {
 		display: none;
 }
 }
 @media screen and (max-height: 550px) {
-.nav.open .nav-button[data-v-a03e64ba] {
+.nav.open .nav-button[data-v-a98e733c] {
 		margin-top: 4px;
 		margin-bottom: 4px;
 }
@@ -3064,22 +3064,83 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.table-list-wrap[data-v-e2a8052b] {
+.bgl_pill-btn[data-v-9d8b229e]{
+	color: var(--pill-btn-color);
+	background: var(--pill-btn-bg);
+	width: calc(var(--pill-height) / 1.25)!important;
+	height: calc(var(--pill-height) / 1.25)!important;
+}
+.loading[data-v-9d8b229e] {
+  border: 1px solid var(--bgl-light-text);
+  border-bottom: 2px solid var(--bgl-light-text);
+  animation: spin-9d8b229e 1s linear infinite;
+  border-radius: 100px;
+  width: 1rem;
+  height: 1rem;
+  margin: auto;
+}
+.bgl_flatPill .loading[data-v-9d8b229e] {
+	border-bottom: 2px solid var(--bgl-text-color);
+}
+@keyframes spin-9d8b229e {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+.bgl_pill[data-v-9d8b229e] {
+  padding-inline: 0.25rem;
+  transition: var(--bgl-transition);
+  background-color: var(--8b25051e);
+  color: var(--359c0d0c);
+  display: inline-block;
+  margin-inline-end: 0.25rem;
+  border-radius: var(--pill-border-radius);
+  height: var(--pill-height);
+  vertical-align: middle;
+  margin-bottom: 0.25rem;
+}
+.bgl_pill[disabled="true"][data-v-9d8b229e] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.bgl_pill-flex[data-v-9d8b229e] {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  justify-content: center;
+  height: 100%;
+}
+.bgl_pill.bgl_flatPill[data-v-9d8b229e] {
+  background: transparent;
+}
+.bgl_pill.round[data-v-9d8b229e] {
+  border-radius: 1000px;
+}
+.bgl_pill-border[data-v-9d8b229e] {
+  outline: 1px solid var(--8b25051e);
+  color: var(--8b25051e);
+  background: transparent;
+}
+
+.table-list-wrap[data-v-c4b111dc] {
 	min-height: 150px;
 }
-.selected[data-v-e2a8052b] {
+.selected[data-v-c4b111dc] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-e2a8052b]:hover {
+tbody tr.selected[data-v-c4b111dc]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-e2a8052b] {
+.loading-table[data-v-c4b111dc] {
 	position: relative;
 }
-.inset[data-v-e2a8052b] {
+.inset[data-v-c4b111dc] {
 	inset: 0;
 }
-.loading-table-animation[data-v-e2a8052b] {
+.loading-table-animation[data-v-c4b111dc] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3087,9 +3148,9 @@ tbody tr.selected[data-v-e2a8052b]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-e2a8052b 1s linear infinite;
+	animation: loading-table-c4b111dc 1s linear infinite;
 }
-@keyframes loading-table-e2a8052b {
+@keyframes loading-table-c4b111dc {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3097,52 +3158,52 @@ tbody tr.selected[data-v-e2a8052b]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-e2a8052b] {
+.list-arrows[data-v-c4b111dc] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-e2a8052b] {
+.list-arrows .bgl_icon-font[data-v-c4b111dc] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-e2a8052b] {
+.list-arrows.sorted[data-v-c4b111dc] {
 	opacity: 1;
 }
-.col img[data-v-e2a8052b] {
+.col img[data-v-c4b111dc] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-e2a8052b] {
+.list-arrows.sorted .desc[data-v-c4b111dc] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-e2a8052b] {
+table[data-v-c4b111dc] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-e2a8052b] {
+th[data-v-c4b111dc] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--95624880);
+	height: var(--0e0b5286);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-e2a8052b] {
+.embedded-field[data-v-c4b111dc] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-e2a8052b] {
+.row[data-v-c4b111dc] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-e2a8052b] {
+.row.first-row[data-v-c4b111dc] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3151,7 +3212,7 @@ th[data-v-e2a8052b] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-e2a8052b]::after {
+.row.first-row[data-v-c4b111dc]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3159,30 +3220,30 @@ th[data-v-e2a8052b] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-e2a8052b] {
+.first-row .col[data-v-c4b111dc] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-e2a8052b] {
+.col[data-v-c4b111dc] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-e2a8052b]:has(.bagel-input) {
+.col[data-v-c4b111dc]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-e2a8052b] {
+.col > div[data-v-c4b111dc] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-e2a8052b] {
+.max-col-width[data-v-c4b111dc] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-e2a8052b] {
+.col.check .bgl_icon-font[data-v-c4b111dc] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3193,35 +3254,35 @@ th[data-v-e2a8052b] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-e2a8052b] {
+.rows[data-v-c4b111dc] {
 	font-size: 0.88em;
 }
-.table-list[data-v-e2a8052b] {
+.table-list[data-v-c4b111dc] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-e2a8052b] {
+.BagelTable .table-list[data-v-c4b111dc] {
 	overflow: unset;
 }
-.row-item[data-v-e2a8052b] {
-	height: var(--95624880);
+.row-item[data-v-c4b111dc] {
+	height: var(--0e0b5286);
 	transition: all 200ms ease;
 }
-.row-item[data-v-e2a8052b]:hover {
+.row-item[data-v-c4b111dc]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-e2a8052b] {
+.row-item input[type='checkbox'][data-v-c4b111dc] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-e2a8052b] {
+.infinite-wrapper[data-v-c4b111dc] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-e2a8052b] {
+input[type='checkbox'][data-v-c4b111dc] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3233,7 +3294,7 @@ input[type='checkbox'][data-v-e2a8052b] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-e2a8052b]::before {
+input[type='checkbox'][data-v-c4b111dc]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3246,18 +3307,18 @@ input[type='checkbox'][data-v-e2a8052b]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-e2a8052b]:hover::before {
+input[type='checkbox'][data-v-c4b111dc]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-e2a8052b] {
+[lang='he'] [dir='ltr'][data-v-c4b111dc] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-e2a8052b] {
+th input[type='checkbox'][data-v-c4b111dc] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-e2a8052b]::after {
+th[data-v-c4b111dc]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3265,24 +3326,24 @@ th[data-v-e2a8052b]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-e2a8052b] {
+tr[data-v-c4b111dc] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-e2a8052b],
-th[data-v-e2a8052b] {
+td[data-v-c4b111dc],
+th[data-v-c4b111dc] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-e2a8052b] {
+tbody tr[data-v-c4b111dc] {
 	font-size: 0.88em;
-	height: var(--95624880);
+	height: var(--0e0b5286);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-e2a8052b]:hover {
+tbody tr[data-v-c4b111dc]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -3305,19 +3366,19 @@ tbody tr[data-v-e2a8052b]:hover {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-68949c15]{
+.lightbox-image[data-v-08816ae4]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-68949c15] {
+.bgl-lightbox-overlay[data-v-08816ae4] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-68949c15] {
+.bgl-lightbox[data-v-08816ae4] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-68949c15]{
-	animation: 500ms ease bgl-lightbox-load-68949c15;
+.bgl-lightbox-item[data-v-08816ae4]{
+	animation: 500ms ease bgl-lightbox-load-08816ae4;
 }
-@keyframes bgl-lightbox-load-68949c15 {
+@keyframes bgl-lightbox-load-08816ae4 {
 from {
     scale:0.7;
 }
@@ -3325,32 +3386,32 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-68949c15] * {
+.bgl-lightbox-item[data-v-08816ae4] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-68949c15;
+	animation: 200ms ease bgl-lightbox-load-08816ae4;
 }
-.navigation[data-v-68949c15] {
+.navigation[data-v-08816ae4] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-68949c15] {
+.navigation-btn[data-v-08816ae4] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-68949c15] {
+.thumbnail[data-v-08816ae4] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-68949c15]:hover {
+.thumbnail[data-v-08816ae4]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-68949c15]:active {
+.thumbnail[data-v-08816ae4]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-68949c15] {
+.thumbnail.active[data-v-08816ae4] {
 	opacity: 1;
 	outline: 2px solid white;
 }
@@ -3374,6 +3435,9 @@ to {
 .radius-1 {
     border-radius: var(--btn-border-radius) !important;
 }
+.rounded-thin {
+    border-radius: calc(var(--btn-border-radius) / 1.5) !important;
+}
 .radius-05 {
     border-radius: calc(var(--btn-border-radius) / 2) !important;
 }
@@ -4776,6 +4840,9 @@ to {
 .vh-30 {
     height: 30vh;
 }
+.h-28px {
+    height: 28px;
+}
 .h-30px {
     height: 30px;
 }
@@ -5185,6 +5252,10 @@ to {
         border-radius: var(--btn-border-radius) !important;
     }
 
+    .m_rounded-thin {
+        border-radius: calc(var(--btn-border-radius) / 1.5) !important;
+    }
+
     .m_radius-05 {
         border-radius: calc(var(--btn-border-radius) / 2) !important;
     }
@@ -6607,6 +6678,10 @@ to {
         height: 30vh;
     }
 
+    .m_h-28px {
+        height: 28px;
+    }
+
     .m_h-30px {
         height: 30px;
     }
@@ -9554,6 +9629,8 @@ select {
     --bgl-selection-bg: var(--bgl-blue-dark);
     --bgl-selection-color: var(--bgl-white);
     --bgl-scrollbar-thumb: var(--bgl-gray);
+    --pill-btn-color: var(--bgl-white);
+    --pill-btn-bg: var(--placeholder-color)
 }
 /* TYPE */
 :root {
@@ -9570,6 +9647,8 @@ select {
     --btn-border-radius: 10px;
     --btn-padding: 30px;
     --btn-height: 40px;
+    --pill-border-radius: 8px;
+    --pill-height: 30px;
 }
 /* MISC */
 :root {