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

package/index.d.ts

@@ -7,7 +7,6 @@ export * from './lib/header/reset-button/reset-button.component';
 export * from './lib/header/sidenav-toggle-button/sidenav-toggle-button.component';
 export * from './lib/header/navigation-progress-bar/navigation-progress-bar.component';
 export * from './lib/header/apps-button/apps-button.component';
-export * from './lib/layout/layout.component.module';
 export * from './lib/layout/layout.component';
 export * from './lib/layout/layout.component.service';
 export * from './lib/navigation/navigation-item';
@@ -20,9 +19,11 @@ export * from './lib/sidenav/sidenav-header.directive';
 export * from './lib/sidenav/sidenav-footer.directive';
 export * from './lib/sidenav/sidenav.component.service';
 export * from './lib/sidenav/version/version.component';
-export * from './lib/sidenav-content/sidenav-content.component.service';
-export * from './lib/sidenav-content/sidenav-content.component';
 export * from './lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component';
 export * from './lib/window-container-sidenav/window-container-sidenav.component';
 export * from './lib/footer.directive';
 export * from './lib/types';
+export * from './lib/i18n-check.guard';
+export * from './lib/i18n.service';
+export * from './lib/language-selector.service';
+export * from './lib/app-url.service';

package/lib/app-url.service.d.ts

@@ -0,0 +1,26 @@
+import { RxapUserProfileService } from '@rxap/authentication';
+import { ConfigService } from '@rxap/config';
+import * as i0 from "@angular/core";
+export interface ExternalApps {
+    image?: string;
+    label: string;
+    href: string;
+    empty?: false;
+    hidden?: boolean;
+    id?: string;
+    permissions: string[];
+}
+export declare class AppUrlService {
+    private readonly config;
+    private readonly localeId;
+    private readonly userProfileService;
+    private _apps;
+    constructor(config: ConfigService, localeId: string, userProfileService: RxapUserProfileService);
+    getApp(appId: string): ExternalApps | null;
+    getAppUrl(appId: string, path: string): string | null;
+    navigate(appId: string, path: string): void;
+    getAppList(): Promise<Array<ExternalApps>>;
+    private getPathPrefix;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppUrlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppUrlService>;
+}

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/apps-button/apps-button.component.d.ts

@@ -1,24 +1,16 @@
-import { ConfigService } from '@rxap/config';
+import { OnDestroy, OnInit } from '@angular/core';
+import { AppUrlService, ExternalApps } from '../../app-url.service';
+import { RxapAuthenticationService } from '@rxap/authentication';
 import * as i0 from "@angular/core";
-export interface AppsButtonGridItem {
-    image: string;
-    label: string;
-    href: string;
-    empty?: false;
-}
-export interface EmptyAppsButtonGridItem {
-    empty: true;
-    href?: undefined;
-    label?: undefined;
-    image?: undefined;
-}
-export declare class AppsButtonComponent {
-    private readonly config;
-    get gridWithPadding(): Array<AppsButtonGridItem | EmptyAppsButtonGridItem>;
-    get columns(): 1 | 2 | 3;
+export declare class AppsButtonComponent implements OnInit, OnDestroy {
+    private readonly appUrlService;
+    private readonly authenticationService;
     isOpen: boolean;
-    grid: Array<AppsButtonGridItem>;
-    constructor(grid: any, config: ConfigService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppsButtonComponent, [{ optional: true; }, null]>;
+    readonly appList: import("@angular/core").WritableSignal<ExternalApps[]>;
+    private _subscription?;
+    constructor(grid: any, appUrlService: AppUrlService, authenticationService: RxapAuthenticationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppsButtonComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppsButtonComponent, "rxap-apps-button", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,26 +1,21 @@
-import { OnInit, OnDestroy } from '@angular/core';
-import { Constructor } from '@rxap/utilities';
-import { Subscription, Observable } from 'rxjs';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
 import { MatSidenav } from '@angular/material/sidenav';
-import { UserService } from '@rxap/authentication';
 import { HeaderService } from '@rxap/services';
-import { MatMenuPanel } from '@angular/material/menu';
-import { ThemePalette } from '@angular/material/core';
+import { Constructor } from '@rxap/utilities';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent implements OnInit, OnDestroy {
     readonly headerComponentService: HeaderService;
-    private readonly userService;
     headerComponent: any;
     sidenav?: MatSidenav;
     components: Array<Constructor<any>>;
     subscriptions: Subscription;
-    hasUser$: Observable<boolean>;
     color: ThemePalette;
-    settingsMenuPanel?: MatMenuPanel;
-    constructor(headerComponentService: HeaderService, userService: UserService<any>, headerComponent: any);
+    constructor(headerComponentService: HeaderService, headerComponent: any);
     ngOnInit(): void;
     updateComponents(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "sidenav": { "alias": "sidenav"; "required": false; }; "color": { "alias": "color"; "required": false; }; "settingsMenuPanel": { "alias": "settingsMenuPanel"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "sidenav": { "alias": "sidenav"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/header/language-selector/language-selector.component.d.ts

@@ -1,20 +1,5 @@
-import { ConfigService } from '@rxap/config';
+import { LanguageSelectorService } from '../../language-selector.service';
 import * as i0 from "@angular/core";
-export declare const RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY = "rxap__selected_language";
-export declare const RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY = "rxap__selected_language_last_change";
-export declare class LanguageSelectorService {
-    private readonly config;
-    readonly languages: any;
-    readonly defaultLanguage: string;
-    selectedLanguage: string;
-    constructor(config: ConfigService);
-    setLanguage(language: string): void;
-    autoRedirect(): void;
-    private redirect;
-    private checkLastChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LanguageSelectorService>;
-}
 export declare class LanguageSelectorComponent {
     readonly language: LanguageSelectorService;
     constructor(language: LanguageSelectorService);

package/lib/header/settings-button/settings-button.component.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Injector, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { ThemeService } from '@rxap/services';
+import * as i0 from "@angular/core";
+export declare class SettingsButtonComponent implements OnInit, OnDestroy {
+    readonly theme: ThemeService;
+    private readonly route;
+    private readonly injector;
+    isDevMode: boolean;
+    items: import("@angular/core").WritableSignal<ComponentPortal<unknown>[]>;
+    private _subscription?;
+    constructor(theme: ThemeService, route: ActivatedRoute, injector: Injector);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    private getCustomMenuItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsButtonComponent, "rxap-settings-button", never, {}, {}, never, never, true, never>;
+}

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

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class SidenavToggleButtonComponent {
     sidenav: MatSidenav;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidenavToggleButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, { "sidenav": { "alias": "sidenav"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, { "sidenav": { "alias": "sidenav"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/header/sign-out/sign-out.component.d.ts

@@ -1,9 +1,9 @@
-import { Router } from '@angular/router';
+import { RxapAuthenticationService } from '@rxap/authentication';
 import * as i0 from "@angular/core";
 export declare class SignOutComponent {
-    private readonly router;
-    constructor(router: Router);
-    redirectToRoot(): void;
+    private readonly authenticationService;
+    constructor(authenticationService: RxapAuthenticationService);
+    logout(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignOutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SignOutComponent, "rxap-sign-out", never, {}, {}, never, never, true, never>;
 }

package/lib/header/user-profile-icon/user-profile-icon.component.d.ts

@@ -1,11 +1,15 @@
-import { Observable } from 'rxjs';
-import { UserService } from '@rxap/authentication';
+import { OnDestroy, OnInit } from '@angular/core';
+import { RxapAuthenticationService, RxapUserProfileService } from '@rxap/authentication';
 import * as i0 from "@angular/core";
-export declare class UserProfileIconComponent {
-    userService: UserService;
-    userProfileUrl$: Observable<string | undefined>;
-    userName$: Observable<string>;
-    constructor(userService: UserService);
+export declare class UserProfileIconComponent implements OnInit, OnDestroy {
+    private readonly userProfileService;
+    private readonly authenticationService;
+    username: import("@angular/core").WritableSignal<string | null>;
+    private _subscription?;
+    constructor(userProfileService: RxapUserProfileService, authenticationService: RxapAuthenticationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    logout(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileIconComponent, "rxap-user-profile-icon", never, {}, {}, never, never, true, never>;
 }

package/lib/i18n-check.guard.d.ts

@@ -0,0 +1,11 @@
+import { RxapUserProfileService } from '@rxap/authentication';
+import { I18nService } from './i18n.service';
+import * as i0 from "@angular/core";
+export declare class I18nCheckGuard {
+    private readonly i18nService;
+    private readonly userProfileService;
+    constructor(i18nService: I18nService, userProfileService: RxapUserProfileService);
+    canActivate(): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18nCheckGuard, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<I18nCheckGuard>;
+}

package/lib/i18n.service.d.ts

@@ -0,0 +1,12 @@
+import { RxapUserProfileService } from '@rxap/authentication';
+import * as i0 from "@angular/core";
+export declare class I18nService {
+    private readonly localId;
+    private readonly userProfileService;
+    readonly currentLanguage: string;
+    constructor(localId: string, userProfileService: RxapUserProfileService);
+    setLanguage(language: string): Promise<void>;
+    redirect(next: string, current?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18nService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<I18nService>;
+}

package/lib/language-selector.service.d.ts

@@ -0,0 +1,15 @@
+import { ConfigService } from '@rxap/config';
+import { I18nService } from './i18n.service';
+import * as i0 from "@angular/core";
+export declare class LanguageSelectorService {
+    private readonly config;
+    private readonly localId;
+    private readonly i18nService;
+    readonly languages: any;
+    readonly defaultLanguage: string;
+    selectedLanguage: string;
+    constructor(config: ConfigService, localId: string, i18nService: I18nService);
+    setLanguage(language: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LanguageSelectorService>;
+}

package/lib/layout/layout.component.d.ts

@@ -1,11 +1,16 @@
+import { MatDrawerMode, MatSidenav } from '@angular/material/sidenav';
+import { Environment } from '@rxap/environment';
+import { IconLoaderService } from '@rxap/icon';
 import { LayoutComponentService } from './layout.component.service';
-import { MatSidenav } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 export declare class LayoutComponent {
     readonly layoutComponentService: LayoutComponentService;
-    openWindowSidenav: boolean;
+    private readonly environment;
+    sidenavMode: MatDrawerMode;
     sidenav: MatSidenav;
-    constructor(layoutComponentService: LayoutComponentService);
+    constructor(layoutComponentService: LayoutComponentService, environment: Environment, iconLoaderService: IconLoaderService);
+    get release(): string;
+    toggleSidenavMode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,39 +1,32 @@
-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 { SidenavComponentService } from '../../sidenav/sidenav.component.service';
+import { ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { Router, RouterLinkActive } from '@angular/router';
 import { Overlay } from '@angular/cdk/overlay';
+import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
+import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
 import * as i0 from "@angular/core";
-export declare class NavigationItemComponent implements OnChanges, AfterViewInit, OnDestroy, OnInit {
+export declare class NavigationItemComponent implements OnChanges, OnDestroy {
     private readonly router;
     readonly sidenav: SidenavComponentService;
     private readonly elementRef;
     private readonly renderer;
     private readonly overlay;
     private readonly viewContainerRef;
+    level: number;
+    private _isActive;
     children: Navigation | null;
     routerLinkActive: RouterLinkActive;
     item: NavigationItem;
-    level: number;
-    isActive: boolean;
-    private _navigationOverlay;
+    active: import("@angular/core").WritableSignal<boolean>;
+    get isActive(): boolean;
+    set isActive(value: boolean);
     private readonly _subscription;
-    private _overlayRef?;
-    private _embeddedViewRef?;
-    /**
-     * indicates the mouse is over the
-     */
-    lockeOverlay: boolean;
     constructor(router: Router, sidenav: SidenavComponentService, elementRef: ElementRef, renderer: Renderer2, overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
-    onMouseenter(): void;
-    onMouseleave(): void;
     isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
     isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
     asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "item": { "alias": "item"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": true; }; }, {}, never, never, true, never>;
 }

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,24 +1,24 @@
-import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { Navigation, NavigationItem, NavigationDividerItem } from './navigation-item';
-import { NavigationService } from './navigation.service';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { SidenavComponentService } from '../sidenav/sidenav.component.service';
+import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
+import { NavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 export declare class NavigationComponent implements OnInit, OnDestroy {
     private readonly navigationService;
     private readonly cdr;
     readonly sidenav: SidenavComponentService;
-    _root: boolean;
-    set root(value: boolean | '');
     items: Navigation;
     subscription?: Subscription;
     level: number;
     constructor(navigationService: NavigationService, cdr: ChangeDetectorRef, sidenav: SidenavComponentService);
+    _root: boolean;
+    set root(value: boolean | '');
     ngOnInit(): void;
     ngOnDestroy(): void;
     isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
     isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
     asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "root": { "alias": "root"; "required": false; }; "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, {}, never, never, true, never>;
 }

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/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/types.d.ts

@@ -1,4 +1,5 @@
 export interface LogoConfig {
-    src: string;
-    width: string;
+    src?: string;
+    width?: number;
+    height?: number;
 }

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,113 @@
 {
   "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"
+  "version": "16.0.0-dev.21",
+  "peerDependencies": {
+    "@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.1.4",
+    "@angular/material": "^16.1.4",
+    "@angular/router": "^16.1.4",
+    "@rxap/authentication": "^16.0.0-dev.12",
+    "@rxap/browser-utilities": "^0.0.2-dev.7",
+    "@rxap/config": "^16.0.0-dev.13",
+    "@rxap/data-source": "^16.0.0-dev.14",
+    "@rxap/directives": "^16.0.0-dev.13",
+    "@rxap/environment": "^16.0.0-dev.12",
+    "@rxap/icon": "^16.0.0-dev.13",
+    "@rxap/material-directives": "^16.0.0-dev.15",
+    "@rxap/ngx-status-check": "^16.1.0-dev.4",
+    "@rxap/services": "^16.0.0-dev.12",
+    "@rxap/utilities": "^16.0.0-dev.16",
+    "rxjs": "^7.8.0",
+    "@faker-js/faker": "8.0.2"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "2.6.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "../../../dist/packages/angular/layout"
   },
   "keywords": [
     "rxap",
+    "angular",
+    "ngx",
+    "packages",
     "layout",
-    "angular"
+    "angular-layout"
   ],
-  "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.",
-  "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/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"
-  },
-  "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"
-    ]
+  "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"
   },
-  "publishConfig": {
-    "directory": "../../dist/libs/layout",
-    "access": "public"
+  "license": "GPL-3.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/rxap/packages.git",
+    "directory": "packages/angular/layout"
   },
-  "ng-add": {
-    "save": "dependencies"
+  "author": {
+    "name": "Merzough Münker",
+    "email": "mmuenker@digitaix.com"
   },
-  "dependencies": {
-    "@rxap/schematics-utilities": "^16.0.0-dev.1",
-    "tslib": "^2.3.1",
-    "tsconfig-paths-webpack-plugin": "3.5.2"
+  "nx-migrations": {
+    "packageGroup": [
+      {
+        "package": "@rxap/authentication",
+        "version": "16.0.0-dev.12"
+      },
+      {
+        "package": "@rxap/browser-utilities",
+        "version": "0.0.2-dev.7"
+      },
+      {
+        "package": "@rxap/config",
+        "version": "16.0.0-dev.13"
+      },
+      {
+        "package": "@rxap/data-source",
+        "version": "16.0.0-dev.14"
+      },
+      {
+        "package": "@rxap/directives",
+        "version": "16.0.0-dev.13"
+      },
+      {
+        "package": "@rxap/environment",
+        "version": "16.0.0-dev.12"
+      },
+      {
+        "package": "@rxap/icon",
+        "version": "16.0.0-dev.13"
+      },
+      {
+        "package": "@rxap/material-directives",
+        "version": "16.0.0-dev.15"
+      },
+      {
+        "package": "@rxap/ngx-status-check",
+        "version": "16.1.0-dev.4"
+      },
+      {
+        "package": "@rxap/services",
+        "version": "16.0.0-dev.12"
+      },
+      {
+        "package": "@rxap/utilities",
+        "version": "16.0.0-dev.16"
+      },
+      {
+        "package": "@rxap/rxjs",
+        "version": "1.0.1-dev.0"
+      }
+    ]
   },
+  "gitHead": "bd86d01028b51371b98a2cd984539c1ba2a9bf26",
   "module": "fesm2022/rxap-layout.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -81,10 +119,7 @@
       "esm2022": "./esm2022/rxap-layout.mjs",
       "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"
+    },
+    "./theme": "./theme.css"
   }
 }

package/theme.css

@@ -0,0 +1 @@
+.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mx-16{margin-left:4rem;margin-right:4rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-96{width:24rem}.w-full{width:100%}.min-w-full{min-width:100%}.\!max-w-none{max-width:none!important}.grow{flex-grow:1}.grow-0{flex-grow:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-stretch{justify-items:stretch}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.self-stretch{align-self:stretch}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-accent-600{border-color:var(--accent-600)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-500,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-accent-400{color:var(--accent-400)}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}:is(.dark .dark\:text-neutral-400){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.md\:w-1\/2{width:50%}}