@bagelink/vue 1.15.15 → 1.15.26

package/src/components/layout/AppSidebar.vue

@@ -209,131 +209,130 @@ const sidebarStyles = computed(() => {
 </template>
 
 <style>
+
 .aside_frame {
-	outline: 1px solid var(--bgl-border-color);
+outline: 1px solid var(--bgl-border-color);
 }
 
 .card .aside_frame {
-	outline-offset: -1px;
+outline-offset: -1px;
 }
 
 .app-sidebar {
-	transition: width 0.4s ease;
-	--bgl-input-font-size: 0.875rem;
-	/* 14px */
+transition: width 0.4s ease;
+--bgl-input-font-size: 0.875rem;
+/* 14px */
 }
 
 /* הסתרת סרגל גלילה רק בזמן טרנזישן */
 .sidebar-nav {
-	overflow-y: auto;
-	flex: 1;
-	margin-inline: -0.05rem;
-		scrollbar-gutter: stable both-edges;
+overflow-y: auto;
+flex: 1;
+margin-inline: -0.05rem;
+	scrollbar-gutter: stable both-edges;
 
 }
 
 .cardWrapSide .bgl_icon-font {
-	visibility: visible !important;
+visibility: visible !important;
 }
 
 /* אנימציות איטות לטקסט */
 .nav-text {
-	transition:
-		opacity 0.3s ease,
-		transform 0.3s ease;
-	white-space: nowrap;
-	overflow: hidden;
-	opacity: 1;
-	transform: translateX(0);
-	max-width: 200px;
-	font-weight: 300;
+transition:
+	opacity 0.3s ease,
+	transform 0.3s ease;
+white-space: nowrap;
+overflow: hidden;
+opacity: 1;
+transform: translateX(0);
+max-width: 200px;
+font-weight: 300;
 }
 
 .app-sidebar.sidebar-collapsed .bgl_btn_fullWidth {
-	width: fit-content !important;
+width: fit-content !important;
 }
 
 .app-sidebar.sidebar-collapsed .bgl_btn-flex {
-	gap: 0 !important;
+gap: 0 !important;
 }
 
 .app-sidebar.sidebar-collapsed .sidebar-nav {
-	padding: 0 !important;
-	margin-inline: -0.5rem !important;
-	align-items: center !important;
-	/* scrollbar-gutter: stable both-edges; */
+padding: 0 !important;
+margin-inline: -0.5rem !important;
+align-items: center !important;
+/* scrollbar-gutter: stable both-edges; */
 }
 
 /* בזמן האנימציה - שמור על ה-open state */
 .app-sidebar.transitioning.sidebar-collapsed .bgl_btn_fullWidth {
-	width: 100% !important;
+width: 100% !important;
 }
 
 .app-sidebar.transitioning.sidebar-collapsed .bgl_btn-flex {
-	gap: revert !important;
+gap: revert !important;
 }
 
 .app-sidebar.transitioning.sidebar-collapsed .sidebar-nav {
-	align-items: flex-start !important;
-	padding: revert !important;
-	margin-inline: -0.05rem !important;
-	margin-block: 0 !important;
+align-items: flex-start !important;
+padding: revert !important;
+margin-inline: -0.05rem !important;
+margin-block: 0 !important;
 }
 
-
 aside ::-webkit-scrollbar-track {
-    margin:  0 !important;
+margin:  0 !important;
 }
 
-
-
 /* אנימציות נכנסות ויוצאות */
 @media (min-width: 911px) {
-	.app-sidebar {
-		transition: width 0.4s ease;
-	}
+.app-sidebar {
+	transition: width 0.4s ease;
+}
 
-	/* כשהמניו סגור - הטקסט נעלם תחילה */
-	.app-sidebar.sidebar-collapsed .nav-text {
-		opacity: 0;
-		transform: translateX(-15px);
-		max-width: 0;
-		transition:
-			opacity 0.15s ease,
-			transform 0.15s ease,
-			max-width 0.15s ease;
-	}
+/* כשהמניו סגור - הטקסט נעלם תחילה */
+.app-sidebar.sidebar-collapsed .nav-text {
+	opacity: 0;
+	transform: translateX(-15px);
+	max-width: 0;
+	transition:
+		opacity 0.15s ease,
+		transform 0.15s ease,
+		max-width 0.15s ease;
+}
 
-	/* כשהמניו פתוח - הטקסט מופיע אחרי שהרוחב משתנה */
-	.app-sidebar:not(.sidebar-collapsed) .nav-text {
-		opacity: 1;
-		transform: translateX(0);
-		max-width: 200px;
-		transition:
-			opacity 0.3s ease 0.15s,
-			transform 0.3s ease 0.15s,
-			max-width 0.3s ease 0.15s;
-	}
+/* כשהמניו פתוח - הטקסט מופיע אחרי שהרוחב משתנה */
+.app-sidebar:not(.sidebar-collapsed) .nav-text {
+	opacity: 1;
+	transform: translateX(0);
+	max-width: 200px;
+	transition:
+		opacity 0.3s ease 0.15s,
+		transform 0.3s ease 0.15s,
+		max-width 0.3s ease 0.15s;
+}
 }
 
 /* במובייל הטקסט תמיד מופיע */
 @media (max-width: 910px) {
-	.app-sidebar {
-		transform: translateX(-100%);
-		transition: transform 0.4s ease;
-	}
+.app-sidebar {
+	transform: translateX(-100%);
+	transition: transform 0.4s ease;
+}
 
-	.sidebar-mobile-open {
-		transform: translateX(0);
-	}
+.sidebar-mobile-open {
+	transform: translateX(0);
+}
 
-	.sidebar-mobile-closed {
-		transform: translateX(-100%);
-	}
+.sidebar-mobile-closed {
+	transform: translateX(-100%);
+}
 
-	[dir="rtl"] .sidebar-mobile-closed,
-	.rtl .sidebar-mobile-closed {
-		transform: translateX(100%);
-	}
+[dir="rtl"] .sidebar-mobile-closed,
+.rtl .sidebar-mobile-closed {
+	transform: translateX(100%);
 }
+}
+
 </style>

package/src/components/layout/BottomMenu.vue

@@ -32,22 +32,25 @@ defineProps<{
 </template>
 
 <style>
+
 .bgl_bottombar .bgl_btn-flex{
   flex-direction: column;
   height: 60px;
   gap: 0;
 }
+
 </style>
 
 <style scoped>
+
 .bgl_bottombar {
   background-color: var(--bgl-primary);
   color: var(--bgl-light-text);
   grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
   grid-auto-flow: column;
-	border-radius: 0;
-	padding: 0;
-	--bgl_bottombar-btn-width: 62px;
+border-radius: 0;
+padding: 0;
+--bgl_bottombar-btn-width: 62px;
 }
 
 .bgl_bottombar>* {
@@ -67,4 +70,5 @@ defineProps<{
   background: var(--bgl-popup-bg);
   color: var(--bgl-primary) !important;
 }
+
 </style>

package/src/components/layout/Resizable.vue

@@ -50,18 +50,20 @@ const isHorizontal = computed(() => context.direction.value === 'horizontal')
 </template>
 
 <style scoped>
+
 .resizable {
-	display: flex;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
+display: flex;
+width: 100%;
+height: 100%;
+overflow: hidden;
 }
 
 .resizable--row {
-	flex-direction: row;
+flex-direction: row;
 }
 
 .resizable--col {
-	flex-direction: column;
+flex-direction: column;
 }
+
 </style>

package/src/components/layout/SidebarMenu.vue

@@ -67,39 +67,42 @@ const toggleMenu = useDebounceFn(() => {
 </template>
 
 <style>
+
 .nav-button.router-link-active {
-	background: var(--bgl-popup-bg) !important;
-	color: var(--bgl-primary);
+background: var(--bgl-popup-bg) !important;
+color: var(--bgl-primary);
 }
 .nav-button .bgl_btn-flex{
-	justify-content: flex-start !important;
+justify-content: flex-start !important;
 }
+
 </style>
 
 <style scoped>
+
 .bgl_sidebar {
 }
 .toggleNav {
-	height: 22px !important;
-	width: 22px !important;
-	transition: var(--bgl-transition);
-	top: 2rem;
-	inset-inline-end: -3px;
+height: 22px !important;
+width: 22px !important;
+transition: var(--bgl-transition);
+top: 2rem;
+inset-inline-end: -3px;
 }
 .toggleNav:hover {
-	opacity: 1;
+opacity: 1;
 }
 
 .wideNav .toggleNav {
-	transform: rotate(180deg);
+transform: rotate(180deg);
 }
 
 [dir='rtl'] .toggleNav {
-	transform: rotate(180deg);
+transform: rotate(180deg);
 }
 
 [dir='rtl'] .wideNav .toggleNav {
-	transform: rotate(0deg);
+transform: rotate(0deg);
 }
 
 .showP-enter-active,
@@ -112,4 +115,5 @@ const toggleMenu = useDebounceFn(() => {
   opacity: 0;
   transform: translateX(-20px);
 }
+
 </style>

package/src/components/layout/Skeleton.vue

@@ -31,30 +31,32 @@ const slots: SetupContext['slots'] = useSlots()
 </template>
 
 <style scoped>
+
 .skeleton-wrap {
-	margin-bottom: var(--bgl-skeleton-margin);
+margin-bottom: var(--bgl-skeleton-margin);
 }
 
 .skeleton {
-	background-color: var(--bgl-skeleton-bg);
-	border-radius: var(--bg-card-radius);
-	margin-bottom: 0.25em;
-    position: relative;
-    overflow: hidden;
+background-color: var(--bgl-skeleton-bg);
+border-radius: var(--bg-card-radius);
+margin-bottom: 0.25em;
+position: relative;
+overflow: hidden;
 }
 
 .skeleton::before {
-    content: "";
-    background: linear-gradient(90deg, transparent 20%, var(--bgl-skeleton-pulse) 50%, transparent 80%);
-    animation: loadingAnimation 1s ease-in-out infinite;
-    position: absolute;
-    inset: 0px;
-    transform: translateX(-100%);
+content: "";
+background: linear-gradient(90deg, transparent 20%, var(--bgl-skeleton-pulse) 50%, transparent 80%);
+animation: loadingAnimation 1s ease-in-out infinite;
+position: absolute;
+inset: 0px;
+transform: translateX(-100%);
 }
 
 @keyframes loadingAnimation {
-    to {
-        transform: translateX(100%);
-    }
+to {
+    transform: translateX(100%);
+}
 }
+
 </style>

package/src/components/layout/TabbedLayout.vue

@@ -17,11 +17,12 @@ const activeTab = ref<string>()
 function changeTab(tab: string) {
 	activeTab.value = tab
 	emit('update:modelValue', activeTab.value)
-	if (!props.router) { return }
-	void props.router.push({
-		path: props.router.currentRoute.value.path,
-		query: { ...props.router.currentRoute.value.query, t: tab },
-		hash: props.router.currentRoute.value.hash,
+	const router = props.router
+	if (!router) { return }
+	void router.push({
+		path: router.currentRoute.value.path,
+		query: { ...router.currentRoute.value.query, t: tab },
+		hash: router.currentRoute.value.hash,
 	})
 }