@ascentgl/ads-ui 0.0.13 → 0.0.15

package/index.d.ts

@@ -51,6 +51,7 @@ export * from './lib/components/expansion-panel';
 export * from './lib/components/table';
 export * from './lib/components/nav-bar/nav-menu';
 export * from './lib/components/nav-bar/side-nav-bar';
+export * from './lib/components/nav-bar/scms-side-nav-bar';
 export * from './lib/components/steppers/numeric-stepper';
 export * from './lib/components/steppers/vertical-stepper';
 export * from './lib/components/steppers/stepper';

package/lib/components/general/color-palette/colors.enums.d.ts

@@ -24,6 +24,7 @@ export declare enum Colors {
     Secondary = "secondary",
     SecondaryHover = "secondary-hover",
     SecondaryPressed = "secondary-pressed",
+    Secondary10 = "secondary-10",
     Link = "link",
     LinkHover = "link-hover",
     LinkPressed = "link-pressed",

package/lib/components/logo/ascent-logo/ascent-logo.component.d.ts

@@ -1,9 +1,10 @@
+import { AbstractLogoComponent } from '../primary-logo/abstract-logo-component';
 import * as i0 from "@angular/core";
 export declare enum AdsAscentLogoColor {
     Regular = "regular",
     Teal = "teal"
 }
-export declare class AdsAscentLogoComponent {
+export declare class AdsAscentLogoComponent extends AbstractLogoComponent {
     /** @ignore */
     protected readonly AscentLogoColor: typeof AdsAscentLogoColor;
     /**

package/lib/components/logo/primary-logo/abstract-logo-component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractLogoComponent implements OnInit {
+    /** @ignore */
+    isMobile: boolean;
+    /**
+     * Mobile width
+     */
+    mobileWidth: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether the navigation is collapsed
+     */
+    isCollapsed: import("@angular/core").InputSignal<boolean>;
+    /** @ignore */
+    onResize(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private checkScreenSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractLogoComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractLogoComponent, never, never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/logo/primary-logo/primary-logo.component.d.ts

@@ -1,21 +1,7 @@
-import { OnInit } from '@angular/core';
+import { AbstractLogoComponent } from './abstract-logo-component';
 import * as i0 from "@angular/core";
-export declare class AdsPrimaryLogoComponent implements OnInit {
-    isMobile: boolean;
-    /**
-     * Mobile width
-     */
-    mobileWidth: import("@angular/core").InputSignal<number>;
-    /**
-     * Whether the navigation is collapsed
-     */
-    isCollapsed: import("@angular/core").InputSignal<boolean>;
-    /** @ignore */
-    onResize(): void;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    private checkScreenSize;
+export declare class AdsPrimaryLogoComponent extends AbstractLogoComponent {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsPrimaryLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, {}, {}, never, never, false, never>;
 }

package/lib/components/nav-bar/scms-side-nav-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/nav-bar/scms-side-nav-bar/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './scms-side-nav-bar.component';
+export * from './scms-side-nav-bar.module';

package/lib/components/nav-bar/scms-side-nav-bar/scms-nav-item.types.d.ts

@@ -0,0 +1,14 @@
+import { adsIcon } from '@ascentgl/ads-icons/icons';
+export type ScmsNavItem = {
+    label: string;
+    icon: adsIcon;
+    href?: string;
+    subItems?: SubItem[];
+    showDividerAfterItem?: boolean;
+};
+type SubItem = {
+    label: string;
+    icon?: adsIcon;
+    href: string;
+};
+export {};

package/lib/components/nav-bar/scms-side-nav-bar/scms-side-nav-bar.component.d.ts

@@ -0,0 +1,30 @@
+import { ElementRef } from '@angular/core';
+import { AbstractSideNavBarComponent } from '../side-nav-bar/abstract-side-nav-bar.component';
+import { ScmsNavItem } from './scms-nav-item.types';
+import { Router } from '@angular/router';
+import { MatAccordion } from '@angular/material/expansion';
+import { SplitComponent } from 'angular-split';
+import { AdsIconRegistry } from '@ascentgl/ads-icons';
+import * as i0 from "@angular/core";
+export declare class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
+    protected router: Router;
+    private registry;
+    /** @ignore */
+    constructor(router: Router, registry: AdsIconRegistry);
+    /** @ignore */
+    splitter: import("@angular/core").Signal<SplitComponent>;
+    /** @ignore */
+    sideNavArea: import("@angular/core").Signal<ElementRef<any>>;
+    /** @ignore */
+    accordion: import("@angular/core").Signal<MatAccordion>;
+    /** Array of nav elements */
+    navItems: import("@angular/core").InputSignal<ScmsNavItem[]>;
+    /** @ignore */
+    localStorageName: string;
+    /** @ignore */
+    widthToCollapsed: number;
+    /** @ignore */
+    hasActiveLink(item: ScmsNavItem): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsScmsSideNavBarComponent, "ads-scms-side-nav-bar", never, { "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/nav-bar/scms-side-nav-bar/scms-side-nav-bar.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scms-side-nav-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "angular-split";
+import * as i4 from "@angular/router";
+import * as i5 from "@ascentgl/ads-icons";
+import * as i6 from "../../divider/divider.module";
+import * as i7 from "@angular/material/expansion";
+import * as i8 from "../../logo/ascent-logo/ascent-logo.module";
+import * as i9 from "@angular/material/tooltip";
+export declare class AdsScmsSideNavBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof i1.AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i3.SplitComponent, typeof i3.SplitAreaComponent, typeof i4.RouterOutlet, typeof i4.RouterLink, typeof i4.RouterLinkActive, typeof i5.AdsIconModule, typeof i6.AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof i8.AdsAscentLogoModule, typeof i9.MatTooltip], [typeof i1.AdsScmsSideNavBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsScmsSideNavBarModule>;
+}

package/lib/components/nav-bar/side-nav-bar/abstract-side-nav-bar.component.d.ts

@@ -0,0 +1,38 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, Signal } from '@angular/core';
+import { SplitComponent } from 'angular-split';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractSideNavBarComponent implements OnInit, AfterViewInit, OnDestroy {
+    /** The default expanded width for the sidebar */
+    defaultExpandedWidth: import("@angular/core").InputSignal<number>;
+    /** @ignore */
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    sidebarSize: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    abstract localStorageName: string;
+    /** @ignore */
+    abstract splitter: Signal<SplitComponent>;
+    /** @ignore */
+    abstract sideNavArea: Signal<ElementRef>;
+    /** @ignore */
+    splitterSubscription?: Subscription;
+    /** @ignore */
+    abstract widthToCollapsed: number;
+    /** @ignore */
+    private minWidth;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** Expand the sidebar between collapsed and expanded */
+    /** @ignore */
+    expandSidebar(): void;
+    /** Save current width to the local storage */
+    /** @ignore */
+    saveLocalStorage(size: number): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSideNavBarComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSideNavBarComponent, never, never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.d.ts

@@ -1,14 +1,13 @@
-import { ElementRef, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import { AdsIconRegistry } from '@ascentgl/ads-icons';
 import { NavItem } from './nav-item.types';
-import { SplitGutterInteractionEvent } from 'angular-split/lib/models';
+import { AbstractSideNavBarComponent } from './abstract-side-nav-bar.component';
+import { SplitComponent } from 'angular-split';
 import * as i0 from "@angular/core";
-export declare class AdsSideNavBarComponent implements OnInit {
+export declare class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
     private registry;
     /** @ignore */
     constructor(registry: AdsIconRegistry);
-    /** The default expanded width for the sidebar */
-    defaultExpandedWidth: import("@angular/core").InputSignal<number>;
     /** The search template */
     searchTemplate: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     /** The extra data  template below search */
@@ -16,27 +15,13 @@ export declare class AdsSideNavBarComponent implements OnInit {
     /** Array of nav elements */
     navItems: import("@angular/core").InputSignal<NavItem[]>;
     /** @ignore */
-    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    localStorageName: string;
     /** @ignore */
-    sidebarSize: import("@angular/core").WritableSignal<number>;
+    widthToCollapsed: number;
     /** @ignore */
-    private localStorageName;
+    splitter: import("@angular/core").Signal<SplitComponent>;
     /** @ignore */
-    private widthToCollapsed;
-    /** @ignore */
-    private minWidth;
-    /** @ignore */
-    sideNavArea: ElementRef;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    onDragEnd(event: SplitGutterInteractionEvent): void;
-    /** Expand the sidebar between collapsed and expanded */
-    /** @ignore */
-    expandSidebar(): void;
-    /** Save current width to the local storage */
-    /** @ignore */
-    saveLocalStorage(size: number): void;
+    sideNavArea: import("@angular/core").Signal<ElementRef<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSideNavBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarComponent, "ads-side-nav-bar", never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; "searchTemplate": { "alias": "searchTemplate"; "required": false; "isSignal": true; }; "extraDataTemplate": { "alias": "extraDataTemplate"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarComponent, "ads-side-nav-bar", never, { "searchTemplate": { "alias": "searchTemplate"; "required": false; "isSignal": true; }; "extraDataTemplate": { "alias": "extraDataTemplate"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "peerDependencies": {
     "@ascentgl/ads-icons": ">=0.0.0",
     "@ascentgl/ads-utils": ">=0.0.0",
@@ -77,6 +77,12 @@
       "esm": "./esm2022/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs"
     },
+    "./src/lib/components/footer/container": {
+      "types": "./src/lib/components/footer/container/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
+      "esm": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
+      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs"
+    },
     "./src/lib/components/error-page/error-page-code": {
       "types": "./src/lib/components/error-page/error-page-code/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/error-page/error-page-code/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs",
@@ -89,18 +95,18 @@
       "esm": "./esm2022/src/lib/components/header/container/ascentgl-ads-ui-src-lib-components-header-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs"
     },
-    "./src/lib/components/footer/container": {
-      "types": "./src/lib/components/footer/container/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
-      "esm": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
-      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs"
-    },
     "./src/lib/components/logo/primary-logo": {
       "types": "./src/lib/components/logo/primary-logo/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs",
       "esm": "./esm2022/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs"
     },
+    "./src/lib/components/progress-indicators/progress-spinner": {
+      "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
+      "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
+      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
+    },
     "./src/lib/components/progress-indicators/progress-bar": {
       "types": "./src/lib/components/progress-indicators/progress-bar/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
@@ -113,12 +119,6 @@
       "esm": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs"
     },
-    "./src/lib/components/progress-indicators/progress-spinner": {
-      "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
-      "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
-      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
-    },
     "./src/lib/components/tags/tag-container": {
       "types": "./src/lib/components/tags/tag-container/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs",

package/src/assets/sass/ads-ui/abstracts/_variables.scss

@@ -28,7 +28,7 @@ $colors: (
   secondary: #017d93,
   secondary-hover: #015a6a,
   secondary-pressed: #013b46,
-
+  secondary-10: rgba(1, 125, 147, 0.1),
   link: #0077b3,
   link-hover: #005885,
   link-pressed: #002638,
@@ -72,7 +72,7 @@ $colors-dark: (
   secondary: #eda1d9,
   secondary-hover: #da3eb2,
   secondary-pressed: #881a6c,
-
+  secondary-10: rgba(237, 161, 217, 0.1),
   link: #52c5ff,
   link-hover: #1fb4ff,
   link-pressed: #007ab8,

package/src/lib/components/logo/primary-logo/abstract-logo-component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractLogoComponent implements OnInit {
+    /** @ignore */
+    isMobile: boolean;
+    /**
+     * Mobile width
+     */
+    mobileWidth: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether the navigation is collapsed
+     */
+    isCollapsed: import("@angular/core").InputSignal<boolean>;
+    /** @ignore */
+    onResize(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private checkScreenSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractLogoComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractLogoComponent, never, never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/src/lib/components/logo/primary-logo/primary-logo.component.d.ts

@@ -1,21 +1,7 @@
-import { OnInit } from '@angular/core';
+import { AbstractLogoComponent } from './abstract-logo-component';
 import * as i0 from "@angular/core";
-export declare class AdsPrimaryLogoComponent implements OnInit {
-    isMobile: boolean;
-    /**
-     * Mobile width
-     */
-    mobileWidth: import("@angular/core").InputSignal<number>;
-    /**
-     * Whether the navigation is collapsed
-     */
-    isCollapsed: import("@angular/core").InputSignal<boolean>;
-    /** @ignore */
-    onResize(): void;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    private checkScreenSize;
+export declare class AdsPrimaryLogoComponent extends AbstractLogoComponent {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsPrimaryLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, {}, {}, never, never, false, never>;
 }