aril 0.0.40 → 0.0.41

package/theme/layout/app/menu/app.sub.menu.component.html

@@ -1,13 +1,13 @@
-<div class="layout-sidebar">
-	<div #subMenuContainer class="layout-menu-container">
-		<ul class="layout-menu flex-wrap">
-			@for (subItem of menuService.subMenuItems(); track $index) {
-				@if (subItem.separator) {
-					<li class="menu-separator"></li>
-				} @else {
-					<li app-menuitem [item]="subItem" [index]="$index" [root]="true"></li>
-				}
-			}
-		</ul>
-	</div>
-</div>
+<div class="layout-sidebar">
+	<div #subMenuContainer class="layout-menu-container">
+		<ul class="layout-menu flex-wrap">
+			@for (subItem of menuService.subMenuItems(); track $index) {
+				@if (subItem.separator) {
+					<li class="menu-separator"></li>
+				} @else {
+					<li app-menuitem [item]="subItem" [index]="$index" [root]="true"></li>
+				}
+			}
+		</ul>
+	</div>
+</div>

package/theme/layout/app/sidebar/app.sidebar.component.ts

@@ -1,44 +1,44 @@
-import { Component, ElementRef, ViewChild } from '@angular/core';
-import { RouterLink } from '@angular/router';
-
-import { LayoutService } from '../../service/app.layout.service';
-import { AppMenuComponent } from '../menu/app.menu.component';
-
-@Component({
-	standalone: true,
-	selector: 'app-sidebar',
-	imports: [RouterLink, AppMenuComponent],
-	templateUrl: './app.sidebar.component.html'
-})
-export class AppSidebarComponent {
-	constructor(
-		public layoutService: LayoutService,
-		public el: ElementRef
-	) {}
-
-	timeout: any = null;
-
-	@ViewChild('menuContainer') menuContainer!: ElementRef;
-
-	onMouseEnter() {
-		if (!this.layoutService.state.anchored) {
-			if (this.timeout) {
-				clearTimeout(this.timeout);
-				this.timeout = null;
-			}
-			this.layoutService.state.sidebarActive = true;
-		}
-	}
-
-	onMouseLeave() {
-		if (!this.layoutService.state.anchored) {
-			if (!this.timeout) {
-				this.timeout = setTimeout(() => (this.layoutService.state.sidebarActive = false), 300);
-			}
-		}
-	}
-
-	anchor() {
-		this.layoutService.state.anchored = !this.layoutService.state.anchored;
-	}
-}
+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+import { LayoutService } from '../../service/app.layout.service';
+import { AppMenuComponent } from '../menu/app.menu.component';
+
+@Component({
+	standalone: true,
+	selector: 'app-sidebar',
+	imports: [RouterLink, AppMenuComponent],
+	templateUrl: './app.sidebar.component.html'
+})
+export class AppSidebarComponent {
+	constructor(
+		public layoutService: LayoutService,
+		public el: ElementRef
+	) {}
+
+	timeout: any = null;
+
+	@ViewChild('menuContainer') menuContainer!: ElementRef;
+
+	onMouseEnter() {
+		if (!this.layoutService.state.anchored) {
+			if (this.timeout) {
+				clearTimeout(this.timeout);
+				this.timeout = null;
+			}
+			this.layoutService.state.sidebarActive = true;
+		}
+	}
+
+	onMouseLeave() {
+		if (!this.layoutService.state.anchored) {
+			if (!this.timeout) {
+				this.timeout = setTimeout(() => (this.layoutService.state.sidebarActive = false), 300);
+			}
+		}
+	}
+
+	anchor() {
+		this.layoutService.state.anchored = !this.layoutService.state.anchored;
+	}
+}

package/theme/layout/index.ts

@@ -1,3 +1,3 @@
-export * from './app/layout/app.layout.component';
-export * from './app/layout/mfe.layout.component';
-export * from './service/app.menu.service';
+export * from './app/layout/app.layout.component';
+export * from './app/layout/mfe.layout.component';
+export * from './service/app.menu.service';

package/theme/layout/ng-package.json

@@ -1,6 +1,6 @@
-{
-	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}
+{
+	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/theme/layout/service/menuchangeevent.ts

@@ -1,4 +1,4 @@
-export interface MenuChangeEvent {
-	key: string;
-	routeEvent?: boolean;
-}
+export interface MenuChangeEvent {
+	key: string;
+	routeEvent?: boolean;
+}

package/theme/ng-package.json

@@ -1,6 +1,6 @@
-{
-	"$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}
+{
+	"$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/theme/styles/layout/_animation.scss

@@ -1,53 +1,53 @@
-@keyframes px-mask-in {
-	from {
-		background-color: transparent;
-	}
-
-	to {
-		background-color: var(--maskbg);
-	}
-}
-
-@keyframes px-scalein {
-	0% {
-		opacity: 0;
-		transform: scaleY(0.8);
-	}
-
-	100% {
-		opacity: 1;
-		transform: scaleY(1);
-	}
-}
-
-@keyframes px-fadein {
-	0% {
-		opacity: 0;
-	}
-
-	100% {
-		opacity: 1;
-	}
-}
-
-@keyframes px-fadeout {
-	0% {
-		opacity: 1;
-	}
-
-	100% {
-		opacity: 0;
-	}
-}
-
-.px-scalein {
-	animation: px-scalein 0.12s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.px-fadein {
-	animation: px-fadein 0.15s linear;
-}
-
-.px-fadeout {
-	animation: px-fadeout 0.15s linear;
-}
+@keyframes px-mask-in {
+	from {
+		background-color: transparent;
+	}
+
+	to {
+		background-color: var(--maskbg);
+	}
+}
+
+@keyframes px-scalein {
+	0% {
+		opacity: 0;
+		transform: scaleY(0.8);
+	}
+
+	100% {
+		opacity: 1;
+		transform: scaleY(1);
+	}
+}
+
+@keyframes px-fadein {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
+}
+
+@keyframes px-fadeout {
+	0% {
+		opacity: 1;
+	}
+
+	100% {
+		opacity: 0;
+	}
+}
+
+.px-scalein {
+	animation: px-scalein 0.12s cubic-bezier(0, 0, 0.2, 1);
+}
+
+.px-fadein {
+	animation: px-fadein 0.15s linear;
+}
+
+.px-fadeout {
+	animation: px-fadeout 0.15s linear;
+}

package/theme/styles/layout/_breadcrumb.scss

@@ -1,21 +1,21 @@
-.layout-breadcrumb {
-	ol {
-		display: flex;
-		align-items: center;
-		margin: 0;
-		padding: 0;
-		list-style: none;
-		gap: 1rem;
-		flex-wrap: wrap;
-		color: var(--text-color-secondary);
-
-		li {
-			font-weight: 600;
-		}
-	}
-}
-
-.content-breadcrumb {
-	margin-bottom: 2rem;
-	padding: 0 0.5rem;
-}
+.layout-breadcrumb {
+	ol {
+		display: flex;
+		align-items: center;
+		margin: 0;
+		padding: 0;
+		list-style: none;
+		gap: 1rem;
+		flex-wrap: wrap;
+		color: var(--text-color-secondary);
+
+		li {
+			font-weight: 600;
+		}
+	}
+}
+
+.content-breadcrumb {
+	margin-bottom: 2rem;
+	padding: 0 0.5rem;
+}

package/theme/styles/layout/_config.scss

@@ -1,42 +1,42 @@
-.layout-config-button {
-	display: block;
-	position: fixed;
-	width: 3rem;
-	height: 3rem;
-	line-height: 3rem;
-	background: var(--primary-color);
-	color: var(--primary-color-text);
-	text-align: center;
-	top: 50%;
-	right: 0;
-	margin-top: -1.5rem;
-	border-top-left-radius: var(--border-radius);
-	border-bottom-left-radius: var(--border-radius);
-	border-top-right-radius: 0;
-	border-bottom-right-radius: 0;
-	transition: background-color var(--transition-duration);
-	overflow: hidden;
-	cursor: pointer;
-	z-index: 999;
-	box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
-
-	i {
-		font-size: 2rem;
-		line-height: inherit;
-		transform: rotate(0deg);
-		transition: transform 1s;
-	}
-
-	&:hover {
-		background: var(--primary-400);
-	}
-}
-
-.layout-config-sidebar {
-	&.p-sidebar {
-		.p-sidebar-content {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-}
+.layout-config-button {
+	display: block;
+	position: fixed;
+	width: 3rem;
+	height: 3rem;
+	line-height: 3rem;
+	background: var(--primary-color);
+	color: var(--primary-color-text);
+	text-align: center;
+	top: 50%;
+	right: 0;
+	margin-top: -1.5rem;
+	border-top-left-radius: var(--border-radius);
+	border-bottom-left-radius: var(--border-radius);
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	transition: background-color var(--transition-duration);
+	overflow: hidden;
+	cursor: pointer;
+	z-index: 999;
+	box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
+
+	i {
+		font-size: 2rem;
+		line-height: inherit;
+		transform: rotate(0deg);
+		transition: transform 1s;
+	}
+
+	&:hover {
+		background: var(--primary-400);
+	}
+}
+
+.layout-config-sidebar {
+	&.p-sidebar {
+		.p-sidebar-content {
+			padding-left: 2rem;
+			padding-right: 2rem;
+		}
+	}
+}

package/theme/styles/layout/_content.scss

@@ -1,3 +1,3 @@
-.layout-content-wrapper {
-	padding: 1rem;
-}
+.layout-content-wrapper {
+	padding: 1rem;
+}

package/theme/styles/layout/_fonts.scss

@@ -1,40 +1,40 @@
-/* poppins-regular - latin */
-@font-face {
-	font-family: 'Poppins';
-	font-style: normal;
-	font-weight: 400;
-	src:
-		local(''),
-		url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-500 - latin */
-@font-face {
-	font-family: 'Poppins';
-	font-style: normal;
-	font-weight: 500;
-	src:
-		local(''),
-		url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-600 - latin */
-@font-face {
-	font-family: 'Poppins';
-	font-style: normal;
-	font-weight: 600;
-	src:
-		local(''),
-		url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-700 - latin */
-@font-face {
-	font-family: 'Poppins';
-	font-style: normal;
-	font-weight: 700;
-	src:
-		local(''),
-		url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
+/* poppins-regular - latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 400;
+	src:
+		local(''),
+		url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* poppins-500 - latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 500;
+	src:
+		local(''),
+		url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* poppins-600 - latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 600;
+	src:
+		local(''),
+		url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* poppins-700 - latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 700;
+	src:
+		local(''),
+		url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}

package/theme/styles/layout/_layout_dark.scss

@@ -1,5 +1,5 @@
-.layout-dark {
-	--sidebar-shadow: none;
-	--sidebar-border: 1px solid var(--surface-border);
-	--card-shadow: none;
-}
+.layout-dark {
+	--sidebar-shadow: none;
+	--sidebar-border: 1px solid var(--surface-border);
+	--card-shadow: none;
+}

package/theme/styles/layout/_layout_dim.scss

@@ -1,5 +1,5 @@
-.layout-dim {
-	--sidebar-shadow: none;
-	--sidebar-border: 1px solid var(--surface-border);
-	--card-shadow: none;
-}
+.layout-dim {
+	--sidebar-shadow: none;
+	--sidebar-border: 1px solid var(--surface-border);
+	--card-shadow: none;
+}

package/theme/styles/layout/_layout_light.scss

@@ -1,5 +1,5 @@
-.layout-light {
-	--sidebar-shadow: 0px 4px 50px #d9ddfc;
-	--sidebar-border: 1px solid transparent;
-	--card-shadow: 0px 4px 30px rgba(221, 224, 255, 0.54);
-}
+.layout-light {
+	--sidebar-shadow: 0px 4px 50px #d9ddfc;
+	--sidebar-border: 1px solid transparent;
+	--card-shadow: 0px 4px 30px rgba(221, 224, 255, 0.54);
+}

package/theme/styles/layout/_main.scss

@@ -1,28 +1,28 @@
-* {
-	box-sizing: border-box;
-}
-
-html {
-	height: 100%;
-	font-size: $scale;
-}
-
-body {
-	font-weight: 400;
-	padding: 0;
-	margin: 0;
-	min-height: 100%;
-	background: var(--surface-ground);
-	color: var(--text-color);
-	font-family: var(--font-family);
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-a {
-	text-decoration: none;
-}
-
-.layout-container {
-	min-height: 100vh;
-}
+* {
+	box-sizing: border-box;
+}
+
+html {
+	height: 100%;
+	font-size: $scale;
+}
+
+body {
+	font-weight: 400;
+	padding: 0;
+	margin: 0;
+	min-height: 100%;
+	background: var(--surface-ground);
+	color: var(--text-color);
+	font-family: var(--font-family);
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+a {
+	text-decoration: none;
+}
+
+.layout-container {
+	min-height: 100vh;
+}

package/theme/styles/layout/_profile.scss

@@ -1,10 +1,10 @@
-.layout-profile-sidebar {
-	&.p-sidebar {
-		width: 25rem;
-
-		.p-sidebar-content {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-}
+.layout-profile-sidebar {
+	&.p-sidebar {
+		width: 25rem;
+
+		.p-sidebar-content {
+			padding-left: 2rem;
+			padding-right: 2rem;
+		}
+	}
+}