aril 0.0.7 → 0.0.9

package/theme/layout/service/app.menu.service.ts

@@ -9,7 +9,6 @@ import { MenuChangeEvent } from './menuchangeevent';
 	providedIn: 'root'
 })
 export class MenuService {
-
 	private menuSource = new Subject<MenuChangeEvent>();
 	private resetSource = new Subject();
 

package/theme/layout/service/menuchangeevent.ts

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

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 .12s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.px-fadein {
-    animation: px-fadein .15s linear;
-}
-
-.px-fadeout {
-    animation: px-fadeout .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 .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: -.25rem 0 1rem rgba(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: 2rem;
-}
+.layout-content-wrapper {
+	padding: 2rem;
+}

package/theme/styles/layout/_fonts.scss

@@ -1,36 +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;
+		}
+	}
+}