@bagelink/vue 0.0.1218 → 0.0.1224

package/dist/style.css

@@ -307,6 +307,525 @@ display: block;
 	border-radius: var(--input-border-radius);
 }
 
+.datePick input{
+	min-width: 2px !important;
+}
+@media screen and (max-width: 910px) {
+.datePick{
+	--input-font-size: 0.75rem;
+}
+}
+
+.agenda__event[data-v-7667cd3d] {
+	background-color: var(--2331113a);
+	color: var(--13d56971);
+}
+
+.event-flyout {
+	position: fixed;
+	z-index: 50;
+	background-color: #fff;
+	max-height: 100%;
+	width: var(--34f9e9aa);
+	max-width: 98%;
+	border: var(--qalendar-border-gray-thin);
+	border-radius: 8px;
+	box-shadow: 0 12px 24px rgb(0 0 0 / 9%), 0 6px 12px rgb(0 0 0 / 18%);
+	overflow: hidden;
+	transition: all 0.2s ease;
+	transition-property: opacity, transform;
+	transform: translateY(-40px);
+	opacity: 0;
+	pointer-events: none;
+}
+@media (prefers-color-scheme: dark) {
+.event-flyout {
+		background-color: var(--qalendar-dark-mode-elevated-surface);
+		border-color: transparent;
+}
+}
+.event-flyout.is-visible {
+	opacity: 1;
+	transform: translateY(0);
+	pointer-events: initial;
+}
+.event-flyout__relative-wrapper {
+	position: relative;
+}
+.event-flyout__menu {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.event-flyout__menu-editable,
+.event-flyout__menu-close {
+	padding: var(--qalendar-spacing) var(--qalendar-spacing) 0 var(--qalendar-spacing);
+	display: flex;
+	gap: 20px;
+}
+.is-not-editable .event-flyout__menu-close {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+.event-flyout__menu-item {
+	font-size: var(--qalendar-font-l);
+	color: gray;
+}
+@media (prefers-color-scheme: dark) {
+.event-flyout__menu-item {
+		color: var(--qalendar-dark-mode-text-hint);
+}
+}
+.event-flyout__menu-item:hover {
+	color: var(--qalendar-theme-color);
+	cursor: pointer;
+}
+.is-trash-icon:hover {
+	color: red;
+}
+.event-flyout__info-wrapper {
+	padding: var(--qalendar-spacing);
+}
+.event-flyout__row {
+	display: flex;
+	gap: var(--qalendar-spacing);
+	margin-bottom: 0.25em;
+	font-weight: 400;
+}
+.event-flyout__row p {
+	margin: 0;
+	padding: 0;
+}
+.event-flyout__row svg {
+	margin-top: 0.1rem;
+	color: #5f6368;
+	width: 14px;
+}
+@media (prefers-color-scheme: dark) {
+.event-flyout__row svg {
+		color: var(--qalendar-dark-mode-text-hint);
+}
+}
+.event-flyout__color-icon {
+	--icon-height: 16px;
+	border-radius: 50%;
+	height: var(--icon-height);
+	width: var(--icon-height);
+}
+.is-title {
+	font-size: 18px;
+	line-height: 1.2;
+	align-items: center;
+}
+.is-not-editable .is-title {
+	max-width: 90%;
+}
+.is-time {
+	font-size: var(--qalendar-font-s);
+	margin-bottom: 0.75em;
+}
+
+.calendar-month__event[data-v-3c4101df]:active {
+    z-index: 100;
+}
+.calendar-month__event .calendar-month__event-color[data-v-3c4101df] {
+    background-color: var(--03af06be);
+    width: 6px;
+    height: 6px;
+}
+
+.calendar-month__weekday[data-v-de994cfd] {
+  height: 100%;
+  flex: 1;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  border-right: var(--qalendar-border-gray-thin);
+  border-bottom: var(--qalendar-border-gray-thin);
+  overflow: hidden;
+  transition: background-color 0.2s ease-in-out;
+}
+.calendar-month__weekday.is-droppable[data-v-de994cfd] {
+  background-color: var(--qalendar-light-gray);
+}
+.calendar-month__weekday[data-v-de994cfd]:last-child {
+  border-right: 0;
+}
+.calendar-month__weekday.is-selected[data-v-de994cfd] {
+  box-shadow: inset 0 0 0 1px var(--bgl-primary);
+}
+.calendar-month__weekday-more[data-v-de994cfd] {
+  font-size: var(--qalendar-font-2xs);
+  width: 100%;
+  padding-left: 4px;
+  color: var(--qalendar-gray-quite-dark);
+  cursor: pointer;
+}
+.calendar-month_events[data-v-de994cfd] {
+  width: 100%;
+}
+.qalendar-is-small .calendar-month_events[data-v-de994cfd] {
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+}
+.qalendar-is-small .calendar-month_events .calendar-month__weekday-more[data-v-de994cfd] {
+  display: none;
+}
+.calendar-month__weekday.is-today .calendar-month__day-date[data-v-de994cfd] {
+  background-color: var(--bgl-primary);
+  color: #fff;
+  border-radius: 50%;
+  padding: 4px 6px;
+}
+.qalendar-is-small .calendar-month__weekday.is-today .calendar-month__day-date[data-v-de994cfd] {
+  padding: 2px 4px;
+}
+.space-reserver[data-v-de994cfd] {
+  height: 100%;
+  flex: 1;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  border-right: var(--qalendar-border-gray-thin);
+  border-bottom: var(--qalendar-border-gray-thin);
+  border-right-color: transparent;
+}
+.space-reserver + .calendar-month__weekday[data-v-de994cfd]:not(.trailing-or-leading) {
+  border-left: var(--qalendar-border-gray-thin);
+}
+@media (prefers-color-scheme: dark) {
+.calendar-month__weekday[data-v-de994cfd],
+  .space-reserver[data-v-de994cfd] {
+    border-color: var(--qalendar-dark-mode-line-color);
+}
+}
+
+.calendar-month__week {
+		display: flex;
+		flex: 1;
+}
+.calendar-month__week:first-child {
+		border-top: var(--qalendar-border-gray-thin);
+}
+
+.calendar-week__event[data-v-d496d603] {
+	position: absolute;
+	width: 100%;
+	border-radius: 4px;
+	cursor: pointer;
+	box-sizing: content-box;
+	user-select: none;
+	overflow: hidden;
+}
+.calendar-week__event.is-editable[data-v-d496d603] {
+	cursor: grab;
+}
+.calendar-week__event.has-disabled-dnd[data-v-d496d603] {
+	cursor: initial;
+}
+.calendar-week__event .calendar-week__event-row[data-v-d496d603] {
+	display: flex;
+	align-items: flex-start;
+	margin-bottom: 0.25em;
+}
+.calendar-week__event .calendar-week__event-row p[data-v-d496d603] {
+	margin: 0;
+	padding: 0;
+}
+.calendar-week__event .calendar-week__event-info-wrapper[data-v-d496d603] {
+	position: relative;
+	padding: var(--qalendar-spacing-half);
+	font-size: var(--qalendar-font-xs);
+	height: 100%;
+	box-sizing: border-box;
+	user-select: none;
+}
+.calendar-week__event .calendar-week__event-blend-out[data-v-d496d603] {
+	position: absolute;
+	bottom: 0;
+	height: 20px;
+	width: 100%;
+	transform: translateX(calc(var(--qalendar-spacing-half) * -1));
+}
+.calendar-week__event .calendar-week__event-icon[data-v-d496d603] {
+	margin: 2px 4px 0 0;
+	font-size: var(--qalendar-font-xs);
+}
+.calendar-week__event .calendar-week__event-resize[data-v-d496d603] {
+	position: absolute;
+	width: 100%;
+	cursor: ns-resize;
+	height: 5px;
+}
+.calendar-week__event .calendar-week__event-resize-up[data-v-d496d603] {
+	top: 0;
+}
+.calendar-week__event .calendar-week__event-resize-down[data-v-d496d603] {
+	bottom: 0;
+}
+
+.calendar-week__day[data-v-87669cec] {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+.calendar-week__day .calendar-week__day-interval[data-v-87669cec] {
+	flex: 1;
+	font-size: var(--qalendar-font-xs);
+	color: var(--qalendar-gray);
+	padding: 2px;
+}
+.calendar-week__day[data-v-87669cec]:first-child {
+	border-inline-start: 1px solid var(--border-color);
+}
+.calendar-week__day[data-v-87669cec] {
+	border-inline-end: 1px solid var(--border-color);
+	border-bottom: 1px solid var(--border-color);
+}
+
+.day-timeline[data-v-a4d8d28d] {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: calc(100% + 10px);
+	height: var(--73f3c772);
+	transform: translateX(-10px);
+	display: flex;
+	flex-flow: column;
+	justify-content: space-evenly;
+}
+.day-timeline__hour[data-v-a4d8d28d] {
+	padding-left: 4px;
+	display: flex;
+	flex-flow: column;
+	justify-content: flex-start;
+	height: 100%;
+	font-size: clamp(10px, 0.625rem, 14px);
+	color: var(--qalendar-gray-quite-dark);
+}
+.day-timeline__hour-text[data-v-a4d8d28d] {
+	line-height: 0;
+	transform: translate(-40px, 0);
+}
+.day-timeline__hour:first-child .day-timeline__hour-text[data-v-a4d8d28d] {
+	display: none;
+}
+.day-timeline__hour[data-v-a4d8d28d]:not(:last-child) {
+	border-bottom: var(--qalendar-border-gray-thin);
+}
+@media (prefers-color-scheme: dark) {
+.day-timeline__hour[data-v-a4d8d28d]:not(:last-child) {
+		border-color: var(--qalendar-dark-mode-line-color);
+}
+}
+
+.week-timeline__event[data-v-489753e0] {
+  position: relative;
+  --event-padding: 3px;
+  display: flex;
+  align-items: center;
+  height: 0.9rem;
+  width: calc(100% - var(--event-padding));
+  font-size: var(--qalendar-font-2xs);
+  border-radius: 4px;
+  padding: var(--event-padding);
+  margin-bottom: 0.25em;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+  overflow: hidden;
+}
+.week-timeline__event[data-v-489753e0]:active {
+  cursor: not-allowed;
+}
+
+.week-timeline[data-v-e3c7c017] {
+	height: fit-content;
+	display: flex;
+	justify-content: space-evenly;
+}
+.mode-is-day .week-timeline[data-v-e3c7c017] {
+	width: calc(100% - 3.5em);
+}
+.week-timeline__day[data-v-e3c7c017] {
+	width: 100%;
+}
+.week-timeline__date[data-v-e3c7c017] {
+	height: 1rem;
+	width: 1rem;
+}
+.is-today .week-timeline__date[data-v-e3c7c017] {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
+}
+.week-timeline__events[data-v-e3c7c017] {
+}
+
+.calendar-week__wrapper[data-v-f1208dd2] {
+	position: relative;
+	padding-left: var(--qalendar-week-padding-left);
+	overflow-y: auto;
+}
+.calendar-week[data-v-f1208dd2] {
+	position: relative;
+	width: 100%;
+	flex: 1 1 auto;
+}
+.calendar-week__events[data-v-f1208dd2] {
+	display: flex;
+	width: 100%;
+	height: var(--7ccd10f4);
+	overflow: hidden;
+}
+.calendar-week .current-time-line[data-v-f1208dd2] {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height: 2px;
+	z-index: 1;
+	background-color: red;
+}
+.calendar-week .current-time-line__circle[data-v-f1208dd2] {
+	position: relative;
+}
+.calendar-week .current-time-line__circle[data-v-f1208dd2]::before {
+	content: '';
+	position: absolute;
+	transform: translate(-45%, -45%);
+	width: 10px;
+	height: 10px;
+	border-radius: 50%;
+	background-color: red;
+}
+.calendar-week .custom-current-time[data-v-f1208dd2] {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	z-index: 1;
+}
+:root {
+    /** Color */
+    --qalendar-gray-quite-dark: rgb(110 110 110);
+    --qalendar-gray: rgb(180 180 180);
+    --qalendar-green: rgb(51 182 121);
+    --qalendar-theme-color: var(--qalendar-blue);
+    --qalendar-light-gray: rgba(240 236 236 / 76%);
+    --qalendar-option-hover: var(--qalendar-light-gray);
+
+    --qalendar-dark-mode-elevated-surface: #383838;
+    --qalendar-dark-mode-lightly-elevated-surface: #2e2e2e;
+    --qalendar-dark-mode-text-primary: rgba(255 255 255 1);
+    --qalendar-dark-mode-text-secondary: rgba(255 255 255 0.7);
+    --qalendar-dark-mode-text-hint: rgba(255 255 255 0.5);
+    --qalendar-dark-mode-line-color: var(--qalendar-gray);
+
+    /** Borders */
+    --qalendar-border-gray-thin: 1px solid rgb(224 224 224);
+    --qalendar-border-dashed-gray-thin: 1px dashed rgb(224 224 224);
+    --qalendar-border-blue-thin: 1px solid var(--qalendar-theme-color);
+    --qalendar-border-radius: 8px;
+
+    /** Spacing */
+    --qalendar-spacing: 10px;
+    --qalendar-spacing-half: 5px;
+    --qalendar-spacing-double: 20px;
+
+    /** Miscellaneous */
+    --qalendar-box-shadow: 0 4px 4px rgba(0 0 0 / 6%), 0 1px 4px rgba(0 0 0 / 18%);
+    --qalendar-text-transition: color 0.2s ease;
+    --qalendar-week-padding-left: 56px;
+
+    /** Font */
+    --qalendar-font-2xs: 10px;
+    --qalendar-font-xs: 12px;
+    --qalendar-font-s: 14px;
+    --qalendar-font-m: 16px;
+    --qalendar-font-l: 18px;
+}
+@media (min-width: 62rem) {
+.calendar-root {
+        --qalendar-spacing: 20px;
+        --qalendar-spacing-half: 10px;
+        --qalendar-spacing-double: 40px;
+}
+}
+.calendar-root-wrapper {
+	width: 100%;
+	max-width: 100vw;
+	height: 100%;
+	display: flex;
+}
+.calendar-root-wrapper .calendar-root {
+	flex: 1;
+	border-radius: var(--qalendar-border-radius);
+	position: relative;
+	width: 100%;
+	margin: 0 auto;
+	display: flex;
+	flex-flow: column;
+}
+.calendar-root-wrapper .calendar-root .calendar-month__weeks{
+	border-inline: var(--qalendar-border-gray-thin);
+}
+.calendar-root-wrapper .calendar-root .top-bar-loader {
+	position: absolute;
+	top: 1px;
+	left: 2px;
+	width: calc(100% - 4px);
+	height: 3px;
+	background: rgba(241, 241, 241, 0.2);
+	border-radius: 16px;
+	overflow: hidden;
+}
+.calendar-root-wrapper .calendar-root .top-bar-loader:before {
+	content: '';
+	height: 4px;
+	width: calc(100% - 4px);
+	position: absolute;
+	top: 1px;
+	left: 2px;
+	background: rgb(38, 132, 255);
+	background: linear-gradient(
+		90deg,
+		rgba(38, 132, 255, 1) 0%,
+		rgba(38, 132, 255, 0.5088410364145659) 48%,
+		rgba(38, 132, 255, 1) 100%
+	);
+	animation: load 1.8s infinite;
+	border-radius: 16px;
+}
+@media (prefers-color-scheme: dark) {
+.calendar-root-wrapper .calendar-root .top-bar-loader:before {
+		background: rgb(229, 224, 245);
+}
+}
+@keyframes load {
+0% {
+		width: 0;
+		left: -100%;
+}
+50% {
+		left: 0;
+		width: 100%;
+}
+100% {
+		width: 0;
+		left: 100%;
+}
+}
+.calendar-root-wrapper .calendar-root .loading-enter-active,
+.calendar-root-wrapper .calendar-root .loading-leave-active {
+	transition: background 0.5s ease;
+}
+.calendar-root-wrapper .calendar-root .loading-leave-to,
+.calendar-root-wrapper .calendar-root .loading-enter-from {
+	background-color: rgba(255, 255, 255, 0);
+}
+
 .card_label {
 	font-size: 1rem;
 	position: relative;
@@ -473,22 +992,22 @@ display: block;
 	font-size: 0.95rem;
 }
 
-.table-list-wrap[data-v-a1cf8002] {
+.table-list-wrap[data-v-3668ec69] {
 	min-height: 150px;
 }
-.selected[data-v-a1cf8002] {
+.selected[data-v-3668ec69] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-a1cf8002]:hover {
+tbody tr.selected[data-v-3668ec69]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-a1cf8002] {
+.loading-table[data-v-3668ec69] {
 	position: relative;
 }
-.inset[data-v-a1cf8002] {
+.inset[data-v-3668ec69] {
 	inset: 0;
 }
-.loading-table-animation[data-v-a1cf8002] {
+.loading-table-animation[data-v-3668ec69] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -496,9 +1015,9 @@ tbody tr.selected[data-v-a1cf8002]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-a1cf8002 1s linear infinite;
+	animation: loading-table-3668ec69 1s linear infinite;
 }
-@keyframes loading-table-a1cf8002 {
+@keyframes loading-table-3668ec69 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -506,51 +1025,55 @@ tbody tr.selected[data-v-a1cf8002]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-a1cf8002] {
+.list-arrows[data-v-3668ec69] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-a1cf8002] {
+.list-arrows .bgl_icon-font[data-v-3668ec69] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-a1cf8002] {
+.list-arrows.sorted[data-v-3668ec69] {
 	opacity: 1;
 }
-.col img[data-v-a1cf8002] {
+.col img[data-v-3668ec69] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
+	object-fit: cover;
+}
+.col[data-v-3668ec69]:has(img) {
+	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-a1cf8002] {
+.list-arrows.sorted .desc[data-v-3668ec69] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-a1cf8002] {
+table[data-v-3668ec69] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-a1cf8002] {
+th[data-v-3668ec69] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--0c6a620a);
+	height: var(--3ee4947a);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-a1cf8002] {
+.embedded-field[data-v-3668ec69] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-a1cf8002] {
+.row[data-v-3668ec69] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-a1cf8002] {
+.row.first-row[data-v-3668ec69] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -559,7 +1082,7 @@ th[data-v-a1cf8002] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-a1cf8002]::after {
+.row.first-row[data-v-3668ec69]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -567,11 +1090,11 @@ th[data-v-a1cf8002] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-a1cf8002] {
+.first-row .col[data-v-3668ec69] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-a1cf8002] {
+.col[data-v-3668ec69] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -581,19 +1104,19 @@ th[data-v-a1cf8002] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-a1cf8002]:has(.bagel-input) {
+.col[data-v-3668ec69]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-a1cf8002] {
+.col > div[data-v-3668ec69] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-a1cf8002] {
+.max-col-width[data-v-3668ec69] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-a1cf8002] {
+.col.check .bgl_icon-font[data-v-3668ec69] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -604,35 +1127,35 @@ th[data-v-a1cf8002] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-a1cf8002] {
+.rows[data-v-3668ec69] {
 	font-size: 0.88em;
 }
-.table-list[data-v-a1cf8002] {
+.table-list[data-v-3668ec69] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-a1cf8002] {
+.BagelTable .table-list[data-v-3668ec69] {
 	overflow: unset;
 }
-.row-item[data-v-a1cf8002] {
-	height: var(--0c6a620a);
+.row-item[data-v-3668ec69] {
+	height: var(--3ee4947a);
 	transition: all 200ms ease;
 }
-.row-item[data-v-a1cf8002]:hover {
+.row-item[data-v-3668ec69]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-a1cf8002] {
+.row-item input[type='checkbox'][data-v-3668ec69] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-a1cf8002] {
+.infinite-wrapper[data-v-3668ec69] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-a1cf8002] {
+input[type='checkbox'][data-v-3668ec69] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -644,7 +1167,7 @@ input[type='checkbox'][data-v-a1cf8002] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-a1cf8002]::before {
+input[type='checkbox'][data-v-3668ec69]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -657,18 +1180,18 @@ input[type='checkbox'][data-v-a1cf8002]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-a1cf8002]:hover::before {
+input[type='checkbox'][data-v-3668ec69]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-a1cf8002] {
+[lang='he'] [dir='ltr'][data-v-3668ec69] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-a1cf8002] {
+th input[type='checkbox'][data-v-3668ec69] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-a1cf8002]::after {
+th[data-v-3668ec69]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -676,24 +1199,24 @@ th[data-v-a1cf8002]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-a1cf8002] {
+tr[data-v-3668ec69] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-a1cf8002],
-th[data-v-a1cf8002] {
+td[data-v-3668ec69],
+th[data-v-3668ec69] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-a1cf8002] {
+tbody tr[data-v-3668ec69] {
 	font-size: 0.88em;
-	height: var(--0c6a620a);
+	height: var(--3ee4947a);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-a1cf8002]:hover {
+tbody tr[data-v-3668ec69]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -865,67 +1388,70 @@ pre code.hljs{
  direction: ltr;
 }
 
-.calendar-container[data-v-8de3f3c6]{
+.calendar-container[data-v-c6c8cc7b] {
 	max-width: 90vw;
 }
-.calendar-section[data-v-8de3f3c6] {
+.calendar-section[data-v-c6c8cc7b] {
 	min-width: 280px;
 }
-.calendar-grid[data-v-8de3f3c6] {
+.calendar-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(7, 1fr);
 }
-.month-grid[data-v-8de3f3c6] {
+.month-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(4, 1fr);
 }
-.year-grid[data-v-8de3f3c6] {
+.year-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(7, 1fr);
 }
-.month-item[data-v-8de3f3c6],
-.year-item[data-v-8de3f3c6] {
+.month-item[data-v-c6c8cc7b],
+.year-item[data-v-c6c8cc7b] {
 	background: none;
 	color: var(--bgl-text-color);
 }
-.month-item[data-v-8de3f3c6]:hover:not(.disabled),
-.year-item[data-v-8de3f3c6]:hover:not(.disabled) {
+.month-item[data-v-c6c8cc7b]:hover:not(.disabled),
+.year-item[data-v-c6c8cc7b]:hover:not(.disabled) {
 	background: var(--bgl-box-bg);
-	filter:var(--bgl-hover-filter);
+	filter: var(--bgl-hover-filter);
 }
-.month-item[data-v-8de3f3c6]:active:not(.disabled),
-.year-item[data-v-8de3f3c6]:active:not(.disabled) {
+.month-item[data-v-c6c8cc7b]:active:not(.disabled),
+.year-item[data-v-c6c8cc7b]:active:not(.disabled) {
 	background: var(--bgl-box-bg);
-	filter:var(--bgl-active-filter);
+	filter: var(--bgl-active-filter);
 }
-.month-item.selected[data-v-8de3f3c6],
-.year-item.selected[data-v-8de3f3c6] {
+.month-item.selected[data-v-c6c8cc7b],
+.year-item.selected[data-v-c6c8cc7b] {
 	background-color: var(--bgl-primary);
 	color: white;
 }
-.month-item.disabled[data-v-8de3f3c6],
-.year-item.disabled[data-v-8de3f3c6] {
+.month-item.disabled[data-v-c6c8cc7b],
+.year-item.disabled[data-v-c6c8cc7b] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 }
-.day[data-v-8de3f3c6] {
+.day[data-v-c6c8cc7b] {
 	border: none;
 	background: none;
 	color: var(--bgl-text-color);
 }
-.day[data-v-8de3f3c6]:hover:not(.disabled) {
+.day[data-v-c6c8cc7b]:hover:not(.disabled) {
 	background-color: var(--input-bg);
 }
-.day.selected[data-v-8de3f3c6] {
+.day.selected[data-v-c6c8cc7b] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 }
-.day.today[data-v-8de3f3c6]:not(.selected) {
+.day.today[data-v-c6c8cc7b]:not(.selected) {
 	border: 1px solid var(--bgl-primary);
 }
-.day.disabled[data-v-8de3f3c6] {
-  opacity: 0.6;
-  filter: grayscale(0.3);
-  cursor: not-allowed;
+.day.disabled[data-v-c6c8cc7b] {
+	opacity: 0.6;
+	filter: grayscale(0.3);
+	cursor: not-allowed;
+}
+.day.not-in-month[data-v-c6c8cc7b] {
+	opacity: 0.4;
 }
 
 .datetime-wrap {
@@ -1241,14 +1767,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-d8856711] {
+.txtInputIconStart .iconStart[data-v-6e5ae00f] {
 	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-d8856711] {
+.textInputSpinnerWrap .spinner[data-v-6e5ae00f] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1258,18 +1784,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-d8856711]{
+.top-bgl-ctrl-num-btn[data-v-6e5ae00f]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-d8856711]{
+.bgl-ctrl-num-btn[data-v-6e5ae00f]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-d8856711]{
+.bgl-big-ctrl-num-btn[data-v-6e5ae00f]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-d8856711]{
+.bgl-number-input[data-v-6e5ae00f]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -3773,10 +4299,102 @@ body:has(.bg-dark.is-active) {
 .bgl_pill.round[data-v-2ca4d3a1] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-2ca4d3a1] {
-  outline: 1px solid var(--2a89394f);
-  color: var(--2a89394f);
-  background: transparent;
+.bgl_pill-border[data-v-2ca4d3a1] {
+  outline: 1px solid var(--2a89394f);
+  color: var(--2a89394f);
+  background: transparent;
+}
+
+.fixed-columns[data-v-c988b157] {
+	border-right: 2px solid var(--border-color);
+}
+.spreadsheet table[data-v-c988b157] {
+	border-collapse: collapse;
+}
+.spreadsheet th[data-v-c988b157], .spreadsheet td[data-v-c988b157] {
+	border: 1px solid var(--border-color);
+	padding: 0.1rem 0.5rem;
+	min-width: 80px;
+	background: var(--bgl-white);
+	user-select: none;
+}
+.spreadsheet th[data-v-c988b157] {
+	background: var(--input-bg);
+	white-space: nowrap;
+	position: relative;
+	padding: 0.25rem 0.5rem;
+	font-weight: 500;
+	text-align: start;
+}
+.spreadsheet th .bgl_icon-font[data-v-c988b157]{
+	vertical-align: middle;
+}
+.spreadsheet td.selected[data-v-c988b157] {
+	background: var(--bgl-primary-light);
+}
+.spreadsheet td.locked[data-v-c988b157] {
+	background: var(--bgl-gray-light);
+	cursor: default;
+}
+.spreadsheet td.locked.selected[data-v-c988b157] {
+	background: var(--bgl-primary-light);
+}
+.spreadsheet td[data-v-c988b157] {
+	height: 40px;
+	vertical-align: middle;
+}
+.spreadsheet td[data-v-c988b157]:has(img){
+	padding: 0;
+}
+.spreadsheet td span[data-v-c988b157]{
+	display: block;
+    display: -webkit-box;
+    max-width: 100%;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+	word-break: break-all;
+}
+.spreadsheet input[data-v-c988b157] {
+	width: 100%;
+	border: none;
+	background: transparent;
+	padding: 0;
+	margin: 0;
+	min-height: 0;
+	min-width: 0;
+}
+.spreadsheet input[data-v-c988b157]:focus {
+	outline: 2px solid var(--bgl-primary);
+	outline-offset: 6px;
+}
+.spreadsheet th.sortable[data-v-c988b157] {
+	cursor: pointer;
+}
+.row-number-header[data-v-c988b157], .row-number[data-v-c988b157] {
+	width: fit-content;
+	min-width: fit-content !important;
+	padding: 0.1rem 0.7rem !important;
+}
+.spreadsheet td .bgl-checkbox[data-v-c988b157]{
+	margin: 0;
+	text-align: center;
+	justify-content: center;
+}
+.spreadsheet td[data-v-c988b157]:has(.bgl-checkbox){
+	text-align: center;
+	background: var(--input-bg);
+}
+.spreadsheet td[data-v-c988b157]:has(:checked){
+	background: var(--bgl-primary-light);
+}
+.spreadsheetCellPlaceHolder[data-v-c988b157]{
+	height: 0px;
+	overflow: hidden;
+	opactiy: 0;
+	poiner-events: none;
+	user-select: none;
 }
 
 .zoomer-debug[data-v-379819e1] {
@@ -3901,6 +4519,18 @@ to {
     border-radius: 100%;
 }.aspect-ratio-1 {
     aspect-ratio: 1;
+}.vertical-align-middle,
+.vertical-middle {
+    vertical-align: middle;
+}.vertical-align-top,
+.vertical-top {
+    vertical-align: top;
+}.vertical-align-bottom,
+.vertical-bottom {
+    vertical-align: bottom;
+}.vertical-align-baseline,
+.vertical-baseline {
+    vertical-align: baseline;
 }.flex-center {
     justify-content: center;
     align-items: center;
@@ -7172,6 +7802,8 @@ to {
     justify-content: flex-end;
 }.space-between {
     justify-content: space-between;
+}.space-evenly {
+    justify-content: space-evenly;
 }.label {
     display: block;
     font-size: var(--label-font-size);
@@ -7456,6 +8088,27 @@ to {
         aspect-ratio: 1;
     }
 
+    .m_vertical-align-middle,
+    .m_vertical-middle {
+        vertical-align: middle;
+    }
+
+    .m_vertical-align-top,
+    .m_vertical-top {
+        vertical-align: top;
+    }
+
+    .m_vertical-align-bottom,
+    .m_vertical-bottom {
+        vertical-align: bottom;
+    }
+
+    .m_vertical-align-baseline,
+    .m_vertical-baseline {
+        vertical-align: baseline;
+    }
+
+
     .m_flex-center {
         justify-items: center;
         align-items: center;
@@ -12011,6 +12664,10 @@ to {
         justify-content: space-between;
     }
 
+    .m_space-evenly {
+        justify-content: space-evenly;
+    }
+
     .m_label {
         display: block;
         font-size: var(--label-font-size);
@@ -13295,100 +13952,104 @@ select {
 }.bgl_btn,
 .bgl_flatBtn,
 .bgl_btn-icon {
-	font-family: inherit;
-	white-space: nowrap;
-	cursor: pointer;
-	box-sizing: border-box;
-	user-select: none;
-	border: none;
-	transition: var(--bgl-transition);
-	border-radius: var(--btn-border-radius);
-	line-height: var(--btn-height);
-	font-size: var(--input-font-size);
-	display: inline-block;
-	height: var(--btn-height);
-	padding: 0;
+    font-family: inherit;
+    white-space: nowrap;
+    cursor: pointer;
+    box-sizing: border-box;
+    user-select: none;
+    border: none;
+    transition: var(--bgl-transition);
+    border-radius: var(--btn-border-radius);
+    line-height: var(--btn-height);
+    font-size: var(--input-font-size);
+    display: inline-block;
+    height: var(--btn-height);
+    padding: 0;
 }.btn-close {
-	margin-top: -20px;
-	margin-inline-end: -20px;
-	margin-inline-start: auto;
-	margin-bottom: 15px;
-	transition: var(--bgl-transition);
-	height: 30px;
-	width: 30px;
-	opacity: 0.6;
-	cursor: pointer;
-	border-radius: 100%;
-	outline: 2px solid transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+    margin-top: -20px;
+    margin-inline-end: -20px;
+    margin-inline-start: auto;
+    margin-bottom: 15px;
+    transition: var(--bgl-transition);
+    height: 30px;
+    width: 30px;
+    opacity: 0.6;
+    cursor: pointer;
+    border-radius: 100%;
+    outline: 2px solid transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }.btn-close:hover {
-	background: var(--bgl-gray-light);
-	opacity: 1;
+    background: var(--bgl-gray-light);
+    opacity: 1;
 }.btn-close:active {
-	background: var(--bgl-gray);
+    background: var(--bgl-gray);
 }.btn-close::before {
-	content: 'close';
-	font-family: 'Material Symbols Outlined', serif;
+    content: 'close';
+    font-family: 'Material Symbols Outlined', serif;
 }.bgl_btn.thin {
-	height: calc(var(--btn-height) * 0.7);
-	line-height: calc(var(--btn-height) * 0.7);
+    height: calc(var(--btn-height) * 0.7);
+    line-height: calc(var(--btn-height) * 0.7);
 }.hover {
-	cursor: pointer;
-	transition: all 400ms ease;
+    cursor: pointer;
+    transition: all 400ms ease;
 }.hover:hover {
-	filter: brightness(90%);
+    filter: brightness(90%);
 }.hover:active {
-	filter: brightness(80%);
+    filter: brightness(80%);
 }.border {
-	border: 1px solid var(--border-color);
+    border: 1px solid var(--border-color);
 }.border-primary {
-	border: 1px solid var(--bgl-primary);
+    border: 1px solid var(--bgl-primary);
+}.outline {
+    outline: 1px solid var(--border-color);
+}.outline-primary {
+    outline: 1px solid var(--bgl-primary);
 }.rotate-270 {
-	transform: rotate(270deg);
+    transform: rotate(270deg);
 }.rotate-180 {
-	transform: rotate(180deg);
+    transform: rotate(180deg);
 }.rotate-90 {
-	transform: rotate(90deg);
+    transform: rotate(90deg);
 }.rotate-0 {
-	transform: rotate(0deg);
+    transform: rotate(0deg);
 }@media screen and (max-width: 910px) {
-	.bgl_btn {
-		padding: 0 20px;
-	}
+    .bgl_btn {
+        padding: 0 20px;
+    }
 
-	.m_border {
-		border: 1px solid var(--border-color);
-	}
+    .m_border {
+        border: 1px solid var(--border-color);
+    }
 
-	.m_rotate-270 {
-		transform: rotate(270deg);
-	}
+    .m_rotate-270 {
+        transform: rotate(270deg);
+    }
 
-	.m_rotate-180 {
-		transform: rotate(180deg);
-	}
+    .m_rotate-180 {
+        transform: rotate(180deg);
+    }
 
-	.m_rotate-90 {
-		transform: rotate(90deg);
-	}
+    .m_rotate-90 {
+        transform: rotate(90deg);
+    }
 
-	.m_rotate-0 {
-		transform: rotate(0deg);
-	}
+    .m_rotate-0 {
+        transform: rotate(0deg);
+    }
 }.ripple {
-	position: absolute;
-	border-radius: 50%;
-	transform: scale(0);
-	background: rgba(0, 0, 0, 0.3);
-	pointer-events: none;
-	animation: rippleEffect 0.6s ease-out;
+    position: absolute;
+    border-radius: 50%;
+    transform: scale(0);
+    background: rgba(0, 0, 0, 0.3);
+    pointer-events: none;
+    animation: rippleEffect 0.6s ease-out;
 }@keyframes rippleEffect {
-	to {
-		transform: scale(4);
-		opacity: 0;
-	}
+    to {
+        transform: scale(4);
+        opacity: 0;
+    }
 }.txt-center {
     text-align: center;
 }.txt-start {
@@ -13549,6 +14210,26 @@ select {
 }.black,
 .font-black {
     font-weight: 900;
+}.line-height-0 {
+    line-height: 0;
+}.line-height-01 {
+    line-height: 0.1;
+}.line-height-02 {
+    line-height: 0.2;
+}.line-height-03 {
+    line-height: 0.3;
+}.line-height-04 {
+    line-height: 0.4;
+}.line-height-05 {
+    line-height: 0.5;
+}.line-height-06 {
+    line-height: 0.6;
+}.line-height-07 {
+    line-height: 0.7;
+}.line-height-08 {
+    line-height: 0.8;
+}.line-height-09 {
+    line-height: 0.9;
 }.line-height-1 {
     line-height: 1;
 }.line-height-11 {
@@ -13636,6 +14317,7 @@ select {
 }.white-space {
     white-space: nowrap;
 }@media screen and (max-width: 910px) {
+
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -13911,6 +14593,46 @@ select {
         font-weight: 900;
     }
 
+    .m_line-height-0 {
+        line-height: 0;
+    }
+
+    .m_line-height-01 {
+        line-height: 0.1;
+    }
+
+    .m_line-height-02 {
+        line-height: 0.2;
+    }
+
+    .m_line-height-03 {
+        line-height: 0.3;
+    }
+
+    .m_line-height-04 {
+        line-height: 0.4;
+    }
+
+    .m_line-height-05 {
+        line-height: 0.5;
+    }
+
+    .m_line-height-06 {
+        line-height: 0.6;
+    }
+
+    .m_line-height-07 {
+        line-height: 0.7;
+    }
+
+    .m_line-height-08 {
+        line-height: 0.8;
+    }
+
+    .m_line-height-09 {
+        line-height: 0.9;
+    }
+
     .m_line-height-1 {
         line-height: 1;
     }
@@ -15049,298 +15771,309 @@ select {
     }
 
 }/* TEHEME */:root {
-	--bgl-primary: var(--bgl-blue);
-	--bgl-primary-tint: #2e5bff80;
-	--bgl-primary-light: #eef6ff;
-	--bgl-black: #282929;
-	--bgl-black-tint: #28292980;
-	--bgl-white: #fff;
-	--bgl-gray: #b7b7b7;
-	--bgl-gray-light: #f5f8fa;
-	--bgl-gray-80: #e8ecef;
-	--bgl-gray-20: rgba(183, 183, 183, 0.2);
-	--bgl-gray-40: rgba(183, 183, 183, 0.4);
-	--bgl-accent-color: var(--bgl-primary);
-	--bgl-bg: #f4f6fa;
-	--bgl-shadow: #00000031;
-	--border-color: #00000020;
-	--placeholder-color: #00000040;
-	--label-color: #00000080;
-	--input-bg: #f5f8fa;
-	--input-color: #000000;
-	--bgl-box-bg: var(--bgl-white);
-	--bgl-popup-bg: var(--bgl-white);
-	--bgl-popup-text: var(--bgl-black);
-	--bgl-text-color: var(--bgl-black);
-	--bgl-light-text: var(--bgl-white);
-	--bgl-richtext-color: var(--bgl-white);
-	--bgl-code-bg: var(--bgl-black);
-	--bgl-code-color: var(--bgl-white);
-	--bgl-dark-bg: rgba(0, 0, 0, 0.7);
-	--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);
-	--bgl-selected: var(--bgl-gray-light);
-	--skeleton-bg: #f0f0f0;
-	--skeleton-pulse: var(--bgl-bg);
-	--bgl-range-thumb-color: var(--bgl-white);
+    --bgl-primary: var(--bgl-blue);
+    --bgl-primary-tint: #2e5bff80;
+    --bgl-primary-light: #eef6ff;
+    --bgl-black: #282929;
+    --bgl-black-tint: #28292980;
+    --bgl-white: #fff;
+    --bgl-gray: #b7b7b7;
+    --bgl-gray-light: #f5f8fa;
+    --bgl-gray-80: #e8ecef;
+    --bgl-gray-20: rgba(183, 183, 183, 0.2);
+    --bgl-gray-40: rgba(183, 183, 183, 0.4);
+    --bgl-accent-color: var(--bgl-primary);
+    --bgl-bg: #f4f6fa;
+    --bgl-shadow: #00000031;
+    --border-color: #00000020;
+    --placeholder-color: #00000040;
+    --label-color: #00000080;
+    --input-bg: #f5f8fa;
+    --input-color: #000000;
+    --bgl-box-bg: var(--bgl-white);
+    --bgl-popup-bg: var(--bgl-white);
+    --bgl-popup-text: var(--bgl-black);
+    --bgl-text-color: var(--bgl-black);
+    --bgl-light-text: var(--bgl-white);
+    --bgl-richtext-color: var(--bgl-white);
+    --bgl-code-bg: var(--bgl-black);
+    --bgl-code-color: var(--bgl-white);
+    --bgl-dark-bg: rgba(0, 0, 0, 0.7);
+    --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);
+    --bgl-selected: var(--bgl-gray-light);
+    --skeleton-bg: #f0f0f0;
+    --skeleton-pulse: var(--bgl-bg);
+    --bgl-range-thumb-color: var(--bgl-white);
 }/* TYPE */:root {
-	--bgl-font: 'Lexend', 'Ploni', sans-serif;
-	--input-font-size: 16px;
+    --bgl-font: 'Lexend', 'Ploni', sans-serif;
+    --input-font-size: 16px;
 }/* DIMENSIONS */:root {
-	--bgl-font-size: 16px;
-	--input-height: 40px;
-	--label-font-size: 12px;
-	--input-border-radius: 7px;
-	--card-border-radius: 12px;
-	--btn-border-radius: 10px;
-	--btn-padding: 30px;
-	--btn-height: 40px;
-	--pill-border-radius: 8px;
-	--pill-height: 30px;
-	--skeleton-radius: 0.25rem;
-	--skeleton-margin: 1rem;
-	--bgl-range-thumb-size: 20px;
-	--bgl-range-track-height: 8px;
+    --bgl-font-size: 16px;
+    --input-height: 40px;
+    --label-font-size: 12px;
+    --input-border-radius: 7px;
+    --card-border-radius: 12px;
+    --btn-border-radius: 10px;
+    --btn-padding: 30px;
+    --btn-height: 40px;
+    --pill-border-radius: 8px;
+    --pill-height: 30px;
+    --skeleton-radius: 0.25rem;
+    --skeleton-margin: 1rem;
+    --bgl-range-thumb-size: 20px;
+    --bgl-range-track-height: 8px;
 }/* MISC */:root {
-	--bgl-transition: all 200ms ease;
-	--bgl-transition-400: all 400ms ease;
-	--bgl-hover-filter: brightness(90%);
-	--bgl-active-filter: brightness(70%);
+    --bgl-transition: all 200ms ease;
+    --bgl-transition-400: all 400ms ease;
+    --bgl-hover-filter: brightness(90%);
+    --bgl-active-filter: brightness(70%);
 }/* OTHER COLORS */:root {
-	--bgl-blue: #2e5bff;
-	--bgl-blue-20: rgba(46, 91, 255, 20%);
-	--bgl-blue-dark: #191c30;
-	--bgl-blue-light: #eef6ff;
-	--bgl-pink: #f1416c;
-	--bgl-red: #ed6c6f;
-	--bgl-red-tint: #fbe2e2;
-	--bgl-yellow: #ffbb00;
-	--bgl-yellow-light: #fff6d5;
-	--bgl-green: #75c98f;
-	--whatsapp-gray: #89959f;
-	--whatsapp-green: #e0fcd6;
-	--whatsapp-blue: #71bce6;
+    --bgl-blue: #2e5bff;
+    --bgl-blue-20: rgba(46, 91, 255, 20%);
+    --bgl-blue-dark: #191c30;
+    --bgl-blue-light: #eef6ff;
+    --bgl-pink: #f1416c;
+    --bgl-pink-light: #fde8f0;
+    --bgl-red: #ed6c6f;
+    --bgl-red-tint: #fbe2e2;
+    --bgl-red-light: #fde8e8;
+    --bgl-yellow: #ffbb00;
+    --bgl-yellow-light: #fff6d5;
+    --bgl-green: #75c98f;
+    --bgl-green-light: #e8f7f0;
+    --bgl-purple: #8a4baf;
+    --bgl-purple-light: #f0e8f7;
+    --bgl-brown: #a67c52;
+    --bgl-brown-light: #f9f4f0;
+    --bgl-orange: #ff8c00;
+    --bgl-orange-light: #ffebd9;
+    --bgl-turquoise: #00d8c0;
+    --bgl-turquoise-light: #e8f9f7;
+    --whatsapp-gray: #89959f;
+    --whatsapp-green: #e0fcd6;
+    --whatsapp-blue: #71bce6;
 }.testMe * {
-	outline: 1px dotted red;
+    outline: 1px dotted red;
 }.Vue-Toastification__toast {
-	border-radius: var(--card-border-radius);
-	box-shadow: none;
+    border-radius: var(--card-border-radius);
+    box-shadow: none;
 }.Vue-Toastification__toast--default {
-	background: var(--bgl-primary);
+    background: var(--bgl-primary);
 }.Vue-Toastification__close-button {
-	height: 1.5rem;
-	line-height: 1rem;
+    height: 1.5rem;
+    line-height: 1rem;
 }::-moz-selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }::selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }.popup {
-	border-radius: 15px;
-	background: var(--bgl-popup-bg);
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-	padding: 2rem;
-	min-width: 300px;
-	text-align: center;
+    border-radius: 15px;
+    background: var(--bgl-popup-bg);
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+    padding: 2rem;
+    min-width: 300px;
+    text-align: center;
 }.tabs {
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	margin-top: 20px;
-	margin-bottom: -2rem;
-	border-top: 1px solid var(--border-color);
-	width: calc(100% + 4rem);
-	-webkit-margin-start: -2rem;
-	margin-inline-start: -2rem;
-	-webkit-padding-start: 2rem;
-	padding-inline-start: 2rem;
-	overflow: auto;
-	display: flex;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    margin-top: 20px;
+    margin-bottom: -2rem;
+    border-top: 1px solid var(--border-color);
+    width: calc(100% + 4rem);
+    -webkit-margin-start: -2rem;
+    margin-inline-start: -2rem;
+    -webkit-padding-start: 2rem;
+    padding-inline-start: 2rem;
+    overflow: auto;
+    display: flex;
 }.tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }.tab.active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }.tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }.tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }.router-tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }.router-tab.router-link-active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }.router-tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }.router-tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }.entity-container {
-	display: grid;
-	height: 100%;
-	grid-template-columns: minmax(300px, 1fr) 3fr;
-	grid-gap: 1rem;
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	grid-template-rows: 1fr;
-	grid-template-areas: 'list-view detail-view';
-	transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-	transition:
-		grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
-		-ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-	transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    display: grid;
+    height: 100%;
+    grid-template-columns: minmax(300px, 1fr) 3fr;
+    grid-gap: 1rem;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    grid-template-rows: 1fr;
+    grid-template-areas: 'list-view detail-view';
+    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition:
+        grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
+        -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
 }.detail-main {
-	overflow-y: auto;
+    overflow-y: auto;
 }.content-row p {
-	margin: 0 0 10px 0;
+    margin: 0 0 10px 0;
 }.id {
-	color: var(--bgl-gray);
-	font-size: 9px;
+    color: var(--bgl-gray);
+    font-size: 9px;
 }.field {
-	--field-count: 1;
-	--width: calc(100% / var(--field-count));
-	grid-auto-columns: minmax(var(--width), var(--width));
-	font-size: 10px;
-	text-align: z;
+    --field-count: 1;
+    --width: calc(100% / var(--field-count));
+    grid-auto-columns: minmax(var(--width), var(--width));
+    font-size: 10px;
+    text-align: z;
 }.detail-view-inner {
-	display: grid;
-	height: 100%;
-	overflow: hidden;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	gap: 1rem;
+    display: grid;
+    height: 100%;
+    overflow: hidden;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    gap: 1rem;
 }.detail-view-inner-wrap {
-	height: 100%;
-	overflow: hidden;
-	transition: var(--bgl-transition);
+    height: 100%;
+    overflow: hidden;
+    transition: var(--bgl-transition);
 }.table-list-wrap {
-	overflow: auto;
+    overflow: auto;
 }.copy-url {
-	background-color: var(--bgl-gray-light);
-	border-radius: var(--btn-border-radius);
-	padding: 0.5rem 1rem;
-	align-items: center;
-	justify-content: flex-start;
-	margin-bottom: 1rem;
-	display: flex;
-	justify-content: space-between;
+    background-color: var(--bgl-gray-light);
+    border-radius: var(--btn-border-radius);
+    padding: 0.5rem 1rem;
+    align-items: center;
+    justify-content: flex-start;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: space-between;
 }.copy-url a {
-	margin: 0;
-	font-size: 12px;
-	opacity: 0.8;
-	color: var(--bgl-text-color);
-	word-break: break-all;
+    margin: 0;
+    font-size: 12px;
+    opacity: 0.8;
+    color: var(--bgl-text-color);
+    word-break: break-all;
 }.list-view {
-	grid-area: list-view;
-	grid-template-areas: 'list-header' 'list-content';
-	grid-template-columns: 1fr;
-	overflow-y: auto;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	transition: var(--transition);
+    grid-area: list-view;
+    grid-template-areas: 'list-header''list-content';
+    grid-template-columns: 1fr;
+    overflow-y: auto;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    transition: var(--transition);
 }.shekel {
-	line-height: 0;
+    line-height: 0;
 }.view-wrapper {
-	height: 100%;
-	position: relative;
-	overflow: hidden;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
 }@media screen and (max-width: 1000px) {
-	.entity-container {
-		grid-template-columns: minmax(22vw, 1fr) 2fr;
-	}
+    .entity-container {
+        grid-template-columns: minmax(22vw, 1fr) 2fr;
+    }
 }@media screen and (max-width: 910px) {
-	.tab {
-		font-size: 12px;
-	}
+    .tab {
+        font-size: 12px;
+    }
 
-	.entity-container {
-		grid-template-columns: 1fr;
-		gap: 0;
-	}
+    .entity-container {
+        grid-template-columns: 1fr;
+        gap: 0;
+    }
 
-	.detail-view-inner {
-		border-radius: var(--card-border-radius);
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner {
+        border-radius: var(--card-border-radius);
+        background: var(--bgl-box-bg);
+    }
 
-	.detail-view-inner-wrap {
-		position: absolute;
-		height: 100%;
-		width: 100%;
-		background: var(--bgl-bg);
-	}
+    .detail-view-inner-wrap {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: var(--bgl-bg);
+    }
 
-	.detail-view-inner-wrap.bgl_card {
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner-wrap.bgl_card {
+        background: var(--bgl-box-bg);
+    }
 
-	.bgl_card {
-		padding: 1rem 1rem;
-	}
+    .bgl_card {
+        padding: 1rem 1rem;
+    }
 
-	.tabs {
-		-moz-column-gap: 10px;
-		column-gap: 10px;
-		margin-top: 10px;
-		margin-bottom: -15px;
-		box-sizing: border-box;
-		-webkit-margin-start: -1rem;
-		margin-inline-start: -1rem;
-		-webkit-padding-start: 1rem;
-		padding-inline-start: 1rem;
-		max-width: calc(100vw - 2rem);
-	}
-
-	.popup {
-		border-radius: 15px;
-		background: var(--bgl-popup-bg);
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-		padding: 2rem;
-		min-width: 0;
-		max-width: 90%;
-		max-height: 90vh;
-		overflow-x: auto;
-		text-align: center;
-	}
+    .tabs {
+        -moz-column-gap: 10px;
+        column-gap: 10px;
+        margin-top: 10px;
+        margin-bottom: -15px;
+        box-sizing: border-box;
+        -webkit-margin-start: -1rem;
+        margin-inline-start: -1rem;
+        -webkit-padding-start: 1rem;
+        padding-inline-start: 1rem;
+        max-width: calc(100vw - 2rem);
+    }
 
-	.detail-main {
-		overflow-y: unset;
-	}
+    .popup {
+        border-radius: 15px;
+        background: var(--bgl-popup-bg);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+        padding: 2rem;
+        min-width: 0;
+        max-width: 90%;
+        max-height: 90vh;
+        overflow-x: auto;
+        text-align: center;
+    }
 
-	.detail-section {
-		height: -webkit-fit-content;
-		height: -moz-fit-content;
-		height: fit-content;
-	}
+    .detail-main {
+        overflow-y: unset;
+    }
 
-	.field {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		align-items: center;
-	}
+    .detail-section {
+        height: -webkit-fit-content;
+        height: -moz-fit-content;
+        height: fit-content;
+    }
+
+    .field {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        align-items: center;
+    }
 }[theme="dark"] {
   --bgl-primary: #1c4fe1;
   --bgl-primary-tint: #1c4fe180;