@rxap/layout 16.0.0-dev.2 → 16.0.0-dev.4

package/lib/footer.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { FooterService } from '@rxap/services';
 import * as i0 from "@angular/core";
 export declare class FooterDirective implements OnInit, OnDestroy {

package/lib/header/header.component.d.ts

@@ -1,6 +1,6 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { Constructor } from '@rxap/utilities';
-import { Subscription, Observable } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { MatSidenav } from '@angular/material/sidenav';
 import { UserService } from '@rxap/authentication';
 import { HeaderService } from '@rxap/services';

package/lib/navigation/navigation-item/navigation-item.component.d.ts

@@ -1,6 +1,6 @@
-import { OnChanges, SimpleChanges, OnDestroy, AfterViewInit, ElementRef, Renderer2, OnInit, ViewContainerRef } from '@angular/core';
-import { NavigationItem, Navigation, NavigationDividerItem } from '../navigation-item';
-import { RouterLinkActive, Router } from '@angular/router';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
+import { Router, RouterLinkActive } from '@angular/router';
 import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";

package/lib/navigation/navigation-item.d.ts

@@ -1,5 +1,5 @@
 import { IconConfig } from '@rxap/utilities';
-import { InjectionToken, Type, AbstractType } from '@angular/core';
+import { AbstractType, InjectionToken, Type } from '@angular/core';
 import { Observable } from 'rxjs';
 export type Navigation = Array<NavigationItem | NavigationDividerItem>;
 export type NavigationWithInserts = Array<NavigationItem<NavigationWithInserts> | NavigationDividerItem | NavigationInsertItem>;

package/lib/navigation/navigation.component.d.ts

@@ -1,5 +1,5 @@
-import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { Navigation, NavigationItem, NavigationDividerItem } from './navigation-item';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
 import { NavigationService } from './navigation.service';
 import { Subscription } from 'rxjs';
 import { SidenavComponentService } from '../sidenav/sidenav.component.service';

package/lib/navigation/navigation.service.d.ts

@@ -1,6 +1,6 @@
 import type { Injector } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Navigation, NavigationWithInserts, NavigationItem, NavigationDividerItem } from './navigation-item';
+import { Navigation, NavigationDividerItem, NavigationItem, NavigationWithInserts } from './navigation-item';
 import * as i0 from "@angular/core";
 export declare class NavigationService {
     private readonly injector;

package/lib/sidenav/version/version.component.d.ts

@@ -1,5 +1,5 @@
-import { OnInit, OnDestroy } from '@angular/core';
-import { VersionService, Version } from '@rxap/services';
+import { OnDestroy, OnInit } from '@angular/core';
+import { Version, VersionService } from '@rxap/services';
 import { KeyValue } from '@rxap/utilities';
 import * as i0 from "@angular/core";
 export declare class VersionComponent implements OnInit, OnDestroy {

package/lib/sidenav-content/sidenav-content.component.d.ts

@@ -1,12 +1,10 @@
-import { OnInit } from '@angular/core';
 import { MatSidenav } from '@angular/material/sidenav';
 import { SidenavContentComponentService } from './sidenav-content.component.service';
 import * as i0 from "@angular/core";
-export declare class SidenavContentComponent implements OnInit {
+export declare class SidenavContentComponent {
     readonly sccs: SidenavContentComponentService;
     sidenav: MatSidenav;
     constructor(sccs: SidenavContentComponentService);
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContentComponent, "rxap-sidenav-content", never, { "sidenav": { "alias": "sidenav"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/sidenav-content/sidenav-content.component.service.d.ts

@@ -1,4 +1,4 @@
-import { HeaderService, FooterService } from '@rxap/services';
+import { FooterService, HeaderService } from '@rxap/services';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SidenavContentComponentService {

package/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.d.ts

@@ -1,10 +1,8 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ToggleWindowSidenavButtonComponent implements OnInit {
+export declare class ToggleWindowSidenavButtonComponent {
     openWindowSidenav: boolean;
     openWindowSidenavChange: EventEmitter<boolean>;
-    constructor();
-    ngOnInit(): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleWindowSidenavButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToggleWindowSidenavButtonComponent, "rxap-toggle-window-sidenav-button", never, { "openWindowSidenav": { "alias": "openWindowSidenav"; "required": false; }; }, { "openWindowSidenavChange": "openWindowSidenavChange"; }, never, never, true, never>;

package/lib/window-container-sidenav/window-container-sidenav.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { WindowContainerSidenavService } from '@rxap/services';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from "@angular/core";

package/package.json

@@ -1,75 +1,87 @@
 {
   "name": "@rxap/layout",
-  "version": "16.0.0-dev.2",
-  "bugs": {
-    "url": "https://gitlab.com/rxap/packages/-/issues",
-    "email": "incoming+rxap-packages-14898188-issue-@incoming.gitlab.com"
-  },
-  "keywords": [
-    "rxap",
-    "layout",
-    "angular"
-  ],
-  "private": false,
-  "author": "Merzough Münker",
-  "homepage": "https://gitlab.com/rxap/packages/libs/layout",
-  "repository": "git@gitlab.com:rxap/packages.git",
-  "license": "MIT",
-  "description": "A collection of components and services that provides standard layouts for angular applications.",
+  "version": "16.0.0-dev.4",
   "peerDependencies": {
-    "@angular-devkit/schematics": "^15.0.3",
-    "@angular/animations": "^16.0.2",
-    "@angular/cdk": "^16.0.1",
-    "@angular/common": "^16.0.2",
-    "@angular/core": "^16.0.2",
+    "@angular/animations": "^16.1.4",
+    "@angular/cdk": "^16.1.4",
+    "@angular/common": "^16.1.4",
+    "@angular/core": "^16.1.4",
     "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^16.0.2",
-    "@angular/localize": "^16.0.2",
-    "@angular/material": "^16.0.1",
-    "@angular/platform-browser": "^16.0.2",
-    "@angular/platform-browser-dynamic": "^16.0.2",
-    "@angular/router": "^16.0.2",
-    "@rxap/authentication": "^16.0.0-dev.2",
-    "@rxap/components": "^16.0.0-dev.2",
-    "@rxap/config": "^16.0.0-dev.2",
-    "@rxap/definition": "^16.0.0-dev.2",
-    "@rxap/directives": "^16.0.0-dev.2",
-    "@rxap/forms": "^16.0.0-dev.2",
-    "@rxap/material-directives": "^16.0.0-dev.2",
-    "@rxap/services": "^16.0.0-dev.2",
-    "@rxap/utilities": "^16.0.0-dev.1",
-    "joi": "^17.6.3",
-    "reflect-metadata": "^0.1.13",
-    "rxjs": "^6.6.0"
+    "@angular/forms": "^16.1.4",
+    "@angular/material": "^16.1.4",
+    "@angular/router": "^16.1.4",
+    "@rxap/authentication": "^16.0.0-dev.4",
+    "@rxap/config": "^16.0.0-dev.4",
+    "@rxap/directives": "^16.0.0-dev.4",
+    "@rxap/material-directives": "^16.0.0-dev.4",
+    "@rxap/rxjs": "^1.0.1-dev.0",
+    "@rxap/services": "^16.0.0-dev.4",
+    "@rxap/utilities": "^16.0.0-dev.2",
+    "rxjs": "^7.8.0",
+    "workspace": "1.0.0",
+    "@angular/localize": "16.1.4"
   },
-  "schematics": "./collection.json",
-  "ng-update": {
-    "migrations": "./migration.json",
-    "packageGroup": [
-      "@rxap/authentication",
-      "@rxap/components",
-      "@rxap/config",
-      "@rxap/definition",
-      "@rxap/directives",
-      "@rxap/forms",
-      "@rxap/layout",
-      "@rxap/material-directives",
-      "@rxap/services",
-      "@rxap/utilities"
-    ]
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "2.5.3"
   },
   "publishConfig": {
-    "directory": "../../dist/libs/layout",
-    "access": "public"
+    "access": "public",
+    "directory": "../../../dist/packages/angular/layout"
+  },
+  "keywords": [
+    "rxap",
+    "angular",
+    "ngx"
+  ],
+  "homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
+  "bugs": {
+    "url": "https://gitlab.com/rxap/packages/-/issues",
+    "email": "incoming+rxap-packages-14898188-issue-@incoming.gitlab.com"
   },
-  "ng-add": {
-    "save": "dependencies"
+  "license": "GPL-3.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/rxap/packages.git",
+    "directory": "packages/angular/layout"
   },
-  "dependencies": {
-    "@rxap/schematics-utilities": "^16.0.0-dev.1",
-    "tslib": "^2.3.1",
-    "tsconfig-paths-webpack-plugin": "3.5.2"
+  "author": {
+    "name": "Merzough Münker",
+    "email": "mmuenker@digitaix.com"
+  },
+  "nx-migrations": {
+    "packageGroup": [
+      {
+        "package": "@rxap/authentication",
+        "version": "16.0.0-dev.4"
+      },
+      {
+        "package": "@rxap/config",
+        "version": "16.0.0-dev.4"
+      },
+      {
+        "package": "@rxap/directives",
+        "version": "16.0.0-dev.4"
+      },
+      {
+        "package": "@rxap/material-directives",
+        "version": "16.0.0-dev.4"
+      },
+      {
+        "package": "@rxap/rxjs",
+        "version": "1.0.1-dev.0"
+      },
+      {
+        "package": "@rxap/services",
+        "version": "16.0.0-dev.4"
+      },
+      {
+        "package": "@rxap/utilities",
+        "version": "16.0.0-dev.2"
+      }
+    ]
   },
+  "gitHead": "9ad96f2d4db9225ab199d03fc172efff52609d5d",
   "module": "fesm2022/rxap-layout.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -82,9 +94,5 @@
       "esm": "./esm2022/rxap-layout.mjs",
       "default": "./fesm2022/rxap-layout.mjs"
     }
-  },
-  "sideEffects": false,
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
 }

package/src/lib/header/apps-button/_apps-button.component.theme.scss

@@ -0,0 +1,45 @@
+@mixin rxap-apps-button-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+  $accent: map-get($theme, accent);
+  $primary: map-get($theme, primary);
+  $warn: map-get($theme, warn);
+  $isDark: map-get($theme, is-dark);
+
+  .rxap-apps-button {
+
+
+  }
+
+  .cdk-overlay-container {
+
+    .grid-container {
+      background-color: map-get($background, dialog);
+
+      .grid {
+
+        li:not(.empty) {
+
+          &:hover {
+            background-color: map-get($background, hover);
+            cursor: pointer;
+          }
+
+          &:active {
+            background: map-get($background, focused-button);
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+@mixin rxap-apps-button-typography($config) {
+  .rxap-apps-button {
+  }
+}

package/src/lib/navigation/_navigation.component.theme.scss

@@ -0,0 +1,33 @@
+@use '@angular/material' as mat;
+
+@mixin rxap-navigation-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+  $accent: map-get($theme, accent);
+  $isDark: map-get($theme, is-dark);
+
+  .rxap-navigation {
+
+    .divider-title {
+      color: map-get($foreground, hint-text);
+    }
+
+    .item {
+      $border-width: 4px;
+      border-left: $border-width solid transparent;
+
+      &.active {
+        border-left: $border-width solid mat.get-color-from-palette($accent);
+      }
+
+    }
+
+  }
+
+}
+
+@mixin rxap-navigation-typography($config) {
+  .rxap-navigation {
+
+  }
+}

package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss

@@ -0,0 +1,45 @@
+@use '@angular/material' as mat;
+
+@mixin rxap-navigation-item-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+  $accent: map-get($theme, accent);
+  $isDark: map-get($theme, is-dark);
+
+  .rxap-navigation-item, .navigation-overlay-container {
+
+    .navigation-link {
+
+      color: map-get($foreground, hint-text);
+
+      &:focus {
+        outline: none;
+      }
+
+      &:hover {
+        color: map-get($foreground, text);
+      }
+
+      &.link-active, &:active {
+        @if $isDark {
+          color: mat.get-color-from-palette($accent, 300);
+        } @else {
+          color: mat.get-color-from-palette($accent, 700);
+        }
+      }
+
+    }
+
+  }
+
+  .navigation-overlay-container {
+    background-color: map-get($background, dialog);
+  }
+
+}
+
+@mixin rxap-navigation-item-typography($config) {
+  .rxap-navigation-item {
+
+  }
+}

package/src/lib/sidenav/_sidenav.component.theme.scss

@@ -0,0 +1,65 @@
+@use '@angular/material' as mat;
+
+@mixin rxap-sidenav-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+  $accent: map-get($theme, accent);
+  $isDark: map-get($theme, is-dark);
+
+  .rxap-layout-sidenav {
+
+    background: mat.get-color-from-palette($background, card);
+
+    .container {
+
+      .inner {
+
+        .nav-container {
+
+          /* Handle */
+          &::-webkit-scrollbar-thumb {
+            background: mat.get-color-from-palette($accent, 100);
+          }
+
+          /* Handle on hover */
+          &::-webkit-scrollbar-thumb:hover {
+            background: mat.get-color-from-palette($accent, 300);
+          }
+
+          @if $isDark {
+
+            /* Handle */
+            &::-webkit-scrollbar-thumb {
+              background: mat.get-color-from-palette($accent, 900);
+            }
+
+            /* Handle on hover */
+            &::-webkit-scrollbar-thumb:hover {
+              background: mat.get-color-from-palette($accent, 700);
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+    .version {
+      color: lightgray;
+    }
+
+  }
+
+}
+
+@mixin rxap-sidenav-typography($config) {
+  .rxap-layout-sidenav {
+
+    .version {
+      font-size: 10px;
+    }
+
+  }
+}

package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss

@@ -0,0 +1,15 @@
+@mixin rxap-toggle-window-sidenav-button-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+  $accent: map-get($theme, accent);
+
+  .rxap-toggle-window-sidenav-button {
+
+    .toggle-button {
+      background: map-get($background, background);
+      border-color: rgba(255, 255, 255, 0.12);
+    }
+
+  }
+
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Merzough Münker
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/collection.json

@@ -1,10 +0,0 @@
-{
-  "schematics": {
-    "ng-add": {
-      "description": "Setup the package @rxap/layout for the workspace.",
-      "factory": "./src/schematics/ng-add/index",
-      "schema": "./src/schematics/ng-add/schema.json"
-    }
-  },
-  "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json"
-}

package/migration.json

@@ -1,4 +0,0 @@
-{
-  "schematics": {},
-  "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json"
-}

package/src/schematics/ng-add/index.d.ts

@@ -1,2 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-export default function (): Rule;

package/src/schematics/ng-add/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_utilities_1 = require("@rxap/schematics-utilities");
-function default_1() {
-    return (0, schematics_utilities_1.InstallPeerDependencies)();
-}
-exports.default = default_1;
-//# sourceMappingURL=index.js.map

package/src/schematics/ng-add/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/layout/src/schematics/ng-add/index.ts"],"names":[],"mappings":";;AACA,qEAAqE;AAErE;IACE,OAAO,IAAA,8CAAuB,GAAE,CAAC;AACnC,CAAC;AAFD,4BAEC"}

package/src/schematics/ng-add/schema.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema",
-  "$id": "layout-ng-add",
-  "type": "object",
-  "properties": {},
-  "required": []
-}