@bagelink/vue 0.0.1218 → 0.0.1220

package/dist/style.css

@@ -307,6 +307,765 @@ display: block;
 	border-radius: var(--input-border-radius);
 }
 
+.calendar-header[data-v-34cb97da] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--qalendar-spacing-half);
+  border-radius: var(--qalendar-border-radius);
+}
+@media (min-width: 768px) {
+.calendar-header[data-v-34cb97da] {
+    justify-content: space-between;
+    gap: var(--qalendar-spacing);
+}
+}
+.dark {
+  color: var(--qalendar-dark-mode-text-hint);
+}
+.calendar-header__period-name[data-v-34cb97da] {
+  font-size: var(--qalendar-font-l);
+  text-align: center;
+}
+@media (min-width: 768px) {
+.calendar-header__period-name[data-v-34cb97da] {
+    margin-bottom: 0;
+    text-align: left;
+}
+}
+.calendar-header__multiselects[data-v-34cb97da] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--qalendar-spacing);
+}
+.calendar-header__chevron-arrows[data-v-34cb97da] {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+.calendar-header__chevron-arrow[data-v-34cb97da] {
+  cursor: pointer;
+  transition: color 0.2s ease;
+  font-size: var(--qalendar-font-m);
+}
+.calendar-header__chevron-arrow[data-v-34cb97da]:hover {
+  color: var(--qalendar-gray-quite-dark);
+}
+.calendar-header__mode-picker[data-v-34cb97da] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  height: 36px;
+  border-radius: 4px;
+  font-size: var(--qalendar-font-m);
+  cursor: pointer;
+  border: var(--qalendar-border-gray-thin);
+}
+.dark {
+  border-color: transparent;
+}
+.calendar-header__mode-value[data-v-34cb97da] {
+  padding: 0 var(--qalendar-spacing);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  border-radius: 4px;
+}
+.dark {
+  background-color: var(--qalendar-dark-mode-lightly-elevated-surface);
+}
+.calendar-header__mode-options[data-v-34cb97da] {
+  position: absolute;
+  z-index: 51;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: var(--qalendar-border-gray-thin);
+  background-color: #fff;
+}
+.dark {
+  border-color: transparent;
+  background-color: var(--qalendar-dark-mode-elevated-surface);
+}
+.calendar-header__mode-option[data-v-34cb97da] {
+  padding: var(--qalendar-spacing-half) var(--qalendar-spacing);
+}
+.calendar-header__mode-option[data-v-34cb97da]:hover {
+  background-color: var(--qalendar-option-hover);
+}
+
+.event-flyout {
+	position: fixed;
+	z-index: 50;
+	background-color: #fff;
+	max-height: 100%;
+	width: var(--2bf9b46b);
+	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: var(--qalendar-font-l);
+	align-items: center;
+}
+.is-not-editable .is-title {
+	max-width: 90%;
+}
+.is-time {
+	font-size: var(--qalendar-font-s);
+	margin-bottom: 0.75em;
+}
+
+.agenda__event[data-v-eb2ab566] {
+	background-color: var(--6b656230);
+	color: var(--2507007e);
+	display: flex;
+	flex-flow: column;
+	justify-content: flex-start;
+	border-radius: 4px;
+	font-size: var(--qalendar-font-2xs);
+	margin-bottom: 4px;
+	padding: var(--qalendar-spacing);
+	cursor: pointer;
+	user-select: none;
+}
+
+.agenda__wrapper[data-v-25f23df1] {
+  display: flex;
+  flex-flow: row;
+  padding: 10px 5px 0;
+}
+.agenda__header[data-v-25f23df1] {
+  padding-right: 10px;
+}
+.agenda__header-day-name[data-v-25f23df1] {
+  text-align: center;
+  color: var(--qalendar-theme-color);
+  font-size: var(--qalendar-font-xs);
+  font-weight: bold;
+}
+.agenda__header-date[data-v-25f23df1] {
+  height: fit-content;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 5px;
+  border-radius: 4px;
+  background-color: var(--qalendar-theme-color);
+  color: white;
+  font-weight: 600;
+  font-size: var(--qalendar-font-m);
+}
+.agenda__content[data-v-25f23df1] {
+  display: flex;
+  flex-flow: column;
+  width: 100%;
+  height: auto;
+}
+.agenda__content .is-empty[data-v-25f23df1] {
+  min-height: 70px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.calendar-month__event {
+	--event-inline-padding: 4px;
+	display: flex;
+	align-items: center;
+	overflow: hidden;
+	border-radius: 4px;
+	font-size: var(--qalendar-font-2xs);
+	width: calc(100% - (var(--event-inline-padding) * 2));
+	margin-bottom: 4px;
+	padding: 0.25rem var(--event-inline-padding);
+	cursor: pointer;
+	user-select: none;
+}
+.calendar-month__event .calendar-month__event-time {
+	margin-right: 6px;
+}
+.calendar-month__event .calendar-month__event-time,
+.calendar-month__event .calendar-month__event-title,
+.calendar-month__event .calendar-month__event-color {
+	flex-shrink: 0;
+}
+.qalendar-is-small .calendar-month__event .calendar-month__event-time,
+.qalendar-is-small .calendar-month__event .calendar-month__event-title {
+	display: none;
+}
+.qalendar-is-small .calendar-month__event {
+	background-color: var(--2920aa71);
+	width: 4px;
+	height: 4px;
+	border-radius: 50%;
+	padding: 1px;
+	margin-right: 1px;
+}
+.calendar-month__event.is-draggable {
+	cursor: grab;
+}
+.calendar-month__event:active {
+	z-index: 100;
+}
+.calendar-month__event:not(.is-draggable):active {
+	cursor: not-allowed;
+}
+.calendar-month__event:hover {
+	background-color: var(--qalendar-light-gray);
+}
+.calendar-month__event:hover:hover {
+	background-color: var(--qalendar-option-hover);
+}
+.calendar-month__event .calendar-month__event-color {
+	background-color: var(--2920aa71);
+	width: 6px;
+	height: 6px;
+	border-radius: 50%;
+	margin-right: 4px;
+}
+
+.calendar-month__weekday[data-v-057882e2] {
+  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-057882e2] {
+  background-color: var(--qalendar-light-gray);
+}
+.calendar-month__weekday[data-v-057882e2]:last-child {
+  border-right: 0;
+}
+.qalendar-is-small .calendar-month__weekday.is-selected[data-v-057882e2] {
+  -webkit-box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
+  -moz-box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
+  box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
+  border-radius: 5px;
+}
+.qalendar-is-small .calendar-month__weekday[data-v-057882e2] {
+  height: 45px;
+  width: 45px;
+  display: flex;
+  flex-flow: column;
+  justify-content: space-around;
+}
+.calendar-month__day-date[data-v-057882e2] {
+  font-size: var(--qalendar-font-xs);
+  color: var(--qalendar-gray-quite-dark);
+}
+.calendar-month__day-date[data-v-057882e2]:first-child {
+  margin-top: 6px;
+}
+.calendar-month__weekday-more[data-v-057882e2] {
+  font-size: var(--qalendar-font-2xs);
+  width: 100%;
+  padding-left: 4px;
+  color: var(--qalendar-gray-quite-dark);
+  cursor: pointer;
+}
+.calendar-month_events[data-v-057882e2] {
+  width: 100%;
+}
+.qalendar-is-small .calendar-month_events[data-v-057882e2] {
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+}
+.qalendar-is-small .calendar-month_events .calendar-month__weekday-more[data-v-057882e2] {
+  display: none;
+}
+.calendar-month__weekday.is-today .calendar-month__day-date[data-v-057882e2] {
+  background-color: var(--qalendar-theme-color);
+  color: #fff;
+  border-radius: 50%;
+  padding: 4px 6px;
+}
+.qalendar-is-small .calendar-month__weekday.is-today .calendar-month__day-date[data-v-057882e2] {
+  padding: 2px 4px;
+}
+.space-reserver[data-v-057882e2] {
+  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-057882e2]:not(.trailing-or-leading) {
+  border-left: var(--qalendar-border-gray-thin);
+}
+@media (prefers-color-scheme: dark) {
+.calendar-month__weekday[data-v-057882e2],
+  .space-reserver[data-v-057882e2] {
+    border-color: var(--qalendar-dark-mode-line-color);
+}
+}
+
+.calendar-month__day-name[data-v-d96cc47c] {
+  display: block;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--qalendar-gray-quite-dark);
+  margin-bottom: var(--qalendar-spacing-half);
+}
+
+.calendar-month {
+	position: relative;
+	display: flex;
+	flex-flow: column;
+	width: 100%;
+	height: 100%;
+	overflow-y: auto;
+}
+:global(.qalendar-is-small) .calendar-month {
+	height: initial;
+}
+.calendar-month__week-day-names {
+	display: flex;
+	justify-content: space-between;
+}
+.calendar-month__week-day-name {
+	flex: 1;
+	text-align: center;
+}
+.calendar-month__weeks {
+	height: 100%;
+	flex-grow: 1;
+	display: flex;
+	flex-flow: column;
+	justify-content: space-between;
+}
+.calendar-month__week {
+	display: flex;
+	flex: 1;
+}
+.calendar-month__week:first-child {
+	border-top: var(--qalendar-border-gray-thin);
+}
+@media (prefers-color-scheme: dark) {
+.calendar-month__week:first-child {
+		border-color: var(--qalendar-dark-mode-line-color);
+}
+}
+.calendar-month__day_events {
+	height: 100%;
+	display: none;
+}
+:global(.qalendar-is-small) .calendar-month__day_events {
+	display: block;
+}
+
+.calendar-week__event[data-v-7f22cf49] {
+	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-7f22cf49] {
+	cursor: grab;
+}
+.calendar-week__event.has-disabled-dnd[data-v-7f22cf49] {
+	cursor: initial;
+}
+.calendar-week__event .calendar-week__event-row[data-v-7f22cf49] {
+	display: flex;
+	align-items: flex-start;
+	margin-bottom: 0.25em;
+}
+.calendar-week__event .calendar-week__event-row p[data-v-7f22cf49] {
+	margin: 0;
+	padding: 0;
+}
+.calendar-week__event .calendar-week__event-info-wrapper[data-v-7f22cf49] {
+	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-7f22cf49] {
+	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-7f22cf49] {
+	margin: 2px 4px 0 0;
+	font-size: var(--qalendar-font-xs);
+}
+.calendar-week__event .calendar-week__event-resize[data-v-7f22cf49] {
+	position: absolute;
+	width: 100%;
+	cursor: ns-resize;
+	height: 5px;
+}
+.calendar-week__event .calendar-week__event-resize-up[data-v-7f22cf49] {
+	top: 0;
+}
+.calendar-week__event .calendar-week__event-resize-down[data-v-7f22cf49] {
+	bottom: 0;
+}
+
+.calendar-week__day[data-v-12350119] {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+.calendar-week__day .calendar-week__day-interval[data-v-12350119] {
+	flex: 1;
+	font-size: var(--qalendar-font-xs);
+	color: var(--qalendar-gray);
+	padding: 2px;
+}
+.calendar-week__day .calendar-week__day-interval.has-border[data-v-12350119] {
+	border-bottom: var(--qalendar-border-dashed-gray-thin);
+}
+.calendar-week__day[data-v-12350119]:first-child {
+	border-left: 1px dashed rgb(224 224 224);
+}
+@media (prefers-color-scheme: dark) {
+.calendar-week__day[data-v-12350119]:first-child {
+		border-color: var(--qalendar-dark-mode-line-color);
+}
+}
+.calendar-week__day[data-v-12350119]:not(:last-child) {
+	border-right: 1px dashed rgb(224 224 224);
+}
+@media (prefers-color-scheme: dark) {
+.calendar-week__day[data-v-12350119]:not(:last-child) {
+		border-color: var(--qalendar-dark-mode-line-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-511747c2] {
+  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-511747c2]:active {
+  cursor: not-allowed;
+}
+
+.week-timeline[data-v-0e7c9832] {
+	height: fit-content;
+	display: flex;
+	justify-content: space-evenly;
+	padding-bottom: var(--qalendar-spacing-half);
+	padding-left: var(--qalendar-week-padding-left);
+	border-bottom: var(--qalendar-border-gray-thin);
+}
+.mode-is-day .week-timeline[data-v-0e7c9832] {
+	width: 100%;
+	padding-left: 0;
+}
+.week-timeline__day[data-v-0e7c9832] {
+	width: 100%;
+	display: flex;
+	flex-flow: column;
+	align-items: center;
+	justify-content: flex-start;
+}
+.week-timeline__day-name[data-v-0e7c9832] {
+	font-size: var(--qalendar-font-3xs);
+	font-weight: 400;
+	margin-bottom: 4px;
+	color: var(--qalendar-gray-quite-dark);
+}
+.week-timeline__date[data-v-0e7c9832] {
+	font-size: 1.2rem;
+	margin-bottom: 4px;
+	height: 2rem;
+	width: 2rem;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.is-today .week-timeline__date[data-v-0e7c9832] {
+	background-color: var(--qalendar-blue);
+	color: #fff;
+}
+.week-timeline__events[data-v-0e7c9832] {
+	width: 100%;
+	flex: 1;
+	border-right: 1px dashed rgb(224 224 224);
+}
+.week-timeline__day:first-child .week-timeline__events[data-v-0e7c9832] {
+	border-left: 1px dashed rgb(224 224 224);
+}
+
+.calendar-week__wrapper[data-v-21b8e443] {
+	position: relative;
+	padding-left: var(--qalendar-week-padding-left);
+	overflow-y: auto;
+}
+.calendar-week[data-v-21b8e443] {
+	position: relative;
+	width: 100%;
+	flex: 1 1 auto;
+}
+.calendar-week__events[data-v-21b8e443] {
+	display: flex;
+	width: 100%;
+	height: var(--6f3e0f98);
+	overflow: hidden;
+}
+.calendar-week .current-time-line[data-v-21b8e443] {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height: 2px;
+	z-index: 1;
+	background-color: red;
+}
+.calendar-week .current-time-line__circle[data-v-21b8e443] {
+	position: relative;
+}
+.calendar-week .current-time-line__circle[data-v-21b8e443]::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-21b8e443] {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	z-index: 1;
+}
+
+.calendar-root-wrapper {
+	width: 100%;
+	max-width: 100vw;
+	height: 100%;
+	display: flex;
+}
+.calendar-root-wrapper .calendar-root {
+	flex: 1;
+	border: var(--qalendar-border-gray-thin);
+	border-radius: var(--qalendar-border-radius);
+	position: relative;
+	width: 100%;
+	margin: 0 auto;
+	display: flex;
+	flex-flow: column;
+}
+/*
+@media (prefers-color-scheme: dark) {
+	.calendar-root-wrapper .calendar-root {
+		background: #121212;
+		color: #fff;
+		border-color: transparent;
+	}
+} */
+.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 +1232,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 +1255,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 +1265,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 +1322,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 +1330,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 +1344,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 +1367,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 +1407,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 +1420,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 +1439,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 +1628,70 @@ pre code.hljs{
  direction: ltr;
 }
 
-.calendar-container[data-v-8de3f3c6]{
+.calendar-container[data-v-ca905332] {
 	max-width: 90vw;
 }
-.calendar-section[data-v-8de3f3c6] {
+.calendar-section[data-v-ca905332] {
 	min-width: 280px;
 }
-.calendar-grid[data-v-8de3f3c6] {
+.calendar-grid[data-v-ca905332] {
 	grid-template-columns: repeat(7, 1fr);
 }
-.month-grid[data-v-8de3f3c6] {
+.month-grid[data-v-ca905332] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(4, 1fr);
 }
-.year-grid[data-v-8de3f3c6] {
+.year-grid[data-v-ca905332] {
 	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-ca905332],
+.year-item[data-v-ca905332] {
 	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-ca905332]:hover:not(.disabled),
+.year-item[data-v-ca905332]: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-ca905332]:active:not(.disabled),
+.year-item[data-v-ca905332]: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-ca905332],
+.year-item.selected[data-v-ca905332] {
 	background-color: var(--bgl-primary);
 	color: white;
 }
-.month-item.disabled[data-v-8de3f3c6],
-.year-item.disabled[data-v-8de3f3c6] {
+.month-item.disabled[data-v-ca905332],
+.year-item.disabled[data-v-ca905332] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 }
-.day[data-v-8de3f3c6] {
+.day[data-v-ca905332] {
 	border: none;
 	background: none;
 	color: var(--bgl-text-color);
 }
-.day[data-v-8de3f3c6]:hover:not(.disabled) {
+.day[data-v-ca905332]:hover:not(.disabled) {
 	background-color: var(--input-bg);
 }
-.day.selected[data-v-8de3f3c6] {
+.day.selected[data-v-ca905332] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 }
-.day.today[data-v-8de3f3c6]:not(.selected) {
+.day.today[data-v-ca905332]: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-ca905332] {
+	opacity: 0.6;
+	filter: grayscale(0.3);
+	cursor: not-allowed;
+}
+.day.not-in-month[data-v-ca905332] {
+	opacity: 0.4;
 }
 
 .datetime-wrap {
@@ -1241,14 +2007,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-d8856711] {
+.txtInputIconStart .iconStart[data-v-ce1f6e76] {
 	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-ce1f6e76] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1258,18 +2024,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-d8856711]{
+.top-bgl-ctrl-num-btn[data-v-ce1f6e76]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-d8856711]{
+.bgl-ctrl-num-btn[data-v-ce1f6e76]{
 	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-ce1f6e76]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-d8856711]{
+.bgl-number-input[data-v-ce1f6e76]{
 	padding-inline-end: 1.75rem !important;
 }