@theseam/ui-common 0.3.12 → 0.3.13-beta.1

package/framework/side-nav/side-nav.component.d.ts

@@ -3,9 +3,10 @@ import { EventEmitter, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '
 import { BehaviorSubject, Observable } from 'rxjs';
 import { TheSeamLayoutService } from '@theseam/ui-common/layout';
 import { ITheSeamBaseLayoutNav, ITheSeamBaseLayoutRef } from '../base-layout/index';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { SeamIcon } from '@theseam/ui-common/icon';
 import { ISideNavItem } from './side-nav.models';
 import { TheSeamSideNavService } from './side-nav.service';
-import { TemplatePortal } from '@angular/cdk/portal';
 export declare function sideNavExpandStateChangeFn(fromState: string, toState: string): boolean;
 export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBaseLayoutNav {
     private readonly _viewContainerRef;
@@ -14,16 +15,24 @@ export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBase
     private readonly _baseLayoutRef;
     static ngAcceptInputType_hasHeaderToggle: BooleanInput;
     private readonly _ngUnsubscribe;
+    faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
     _sideNavExpand: string;
     hasHeaderToggle: boolean;
+    toggleIcon: SeamIcon | null | undefined;
+    toggleTpl: TemplateRef<any> | undefined | null;
     get items(): ISideNavItem[];
     set items(value: ISideNavItem[]);
     private _items;
     readonly items$: Observable<ISideNavItem[]>;
+    hideEmptyIcon: boolean | null | undefined;
+    indentSize: number;
     get expanded(): boolean;
     set expanded(value: boolean);
     private _expanded;
     readonly expanded$: Observable<boolean>;
+    expandOrigin: 'left' | 'right' | 'top' | 'bottom';
+    expandHeight: string;
+    expandWidth: string;
     get overlay(): boolean;
     set overlay(value: boolean);
     private _overlay;
@@ -32,6 +41,8 @@ export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBase
     readonly isMobile$: Observable<boolean>;
     readonly sideNavExpandedState$: Observable<string>;
     _backdropHidden: BehaviorSubject<boolean>;
+    _sideBarHeaderTpl?: TemplateRef<any> | null;
+    _sideBarHeaderPortal?: TemplatePortal;
     _sideBarFooterTpl?: TemplateRef<any> | null;
     _sideBarFooterPortal?: TemplatePortal;
     constructor(_viewContainerRef: ViewContainerRef, _layout: TheSeamLayoutService, _sideNav: TheSeamSideNavService, _baseLayoutRef: ITheSeamBaseLayoutRef);
@@ -42,4 +53,5 @@ export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBase
     toggle(): void;
     animateStart(): void;
     animateEnd(): void;
+    get expandOriginTransform(): string | null;
 }

package/framework/side-nav/side-nav.component.scss

@@ -30,7 +30,6 @@ seam-side-nav,
 
   overflow: hidden;
 
-  //
   .side-nav-content {
     display: flex;
     flex-direction: column;

package/framework/side-nav/styles/_themes/light/_variables.scss

@@ -1,29 +1,39 @@
-$seam-side-nav-bg-color: $gray-200;
+$seam-side-nav-bg-color: $gray-200 !default;
+$seam-side-nav-bg: $seam-side-nav-bg-color !default;
 
-$seam-side-nav-background-bg-color: rgba($dark, 0.6);
+// Backdrop
+$seam-side-nav-background-bg-color: rgba($dark, 0.6) !default;
 
 // Group
-$seam-side-nav-group-bg-variation-amount: 3%;
+$seam-side-nav-group-bg-variation-amount: 3% !default;
 
 // Item
-$seam-side-nav-item-bg-color-active: $white;
-$seam-side-nav-item-bg-color-hover: rgba($primary, 0.4);
+$seam-side-nav-item-bg-color-active: $white !default;
+$seam-side-nav-item-bg-color-hover: rgba($primary, 0.4) !default;
 
-$seam-side-nav-item-color: $black;
-$seam-side-nav-item-color-active: $black;
+$seam-side-nav-item-color: $black !default;
+$seam-side-nav-item-color-active: $black !default;
 
-$seam-side-nav-item-disabled-color: $text-muted;
+$seam-side-nav-item-disabled-color: $text-muted !default;
+
+$seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
+$seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
+$seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
+
+$seam-side-nav-item-toggle-disabled-color: darken($seam-side-nav-item-toggle-color, 20%) !default;
 
 // Divider
-$seam-side-nav-divider-color: $gray-500;
-$seam-side-nav-divider-size: 1px;
+$seam-side-nav-divider-color: $gray-500 !default;
+$seam-side-nav-divider-size: 1px !default;
 
 // Title
-$seam-side-nav-title-color: $black;
+$seam-side-nav-title-color: $black !default;
 
-$seam-side-nav-title-font-size: 24px;
+$seam-side-nav-title-font-size: 24px !default;
 
-$seam-side-nav-title-padding-left: 10px;
+$seam-side-nav-title-padding-left: 10px !default;
 
 // Toggle
-$seam-side-nav-toggle-btn-color: $seam-side-nav-item-color;
+$seam-side-nav-toggle-bg-color: $seam-side-nav-bg-color !default;
+$seam-side-nav-toggle-btn-color: $seam-side-nav-item-color !default;
+$seam-side-nav-toggle-height: 45px !default;

package/framework/side-nav/styles/_themes/primary/_variables.scss

@@ -16,6 +16,12 @@ $seam-side-nav-item-color-active: $seam-side-nav-item-color !default;
 
 $seam-side-nav-item-disabled-color: darken($seam-side-nav-item-color, 20%) !default;
 
+$seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
+$seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
+$seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
+
+$seam-side-nav-item-toggle-disabled-color: darken($seam-side-nav-item-toggle-color, 20%) !default;
+
 // Divider
 $seam-side-nav-divider-color: darken($seam-side-nav-bg-color, 10%) !default;
 $seam-side-nav-divider-size: 1px !default;
@@ -28,4 +34,6 @@ $seam-side-nav-title-font-size: 24px !default;
 $seam-side-nav-title-padding-left: 10px !default;
 
 // Toggle
+$seam-side-nav-toggle-bg-color: $seam-side-nav-bg-color !default;
 $seam-side-nav-toggle-btn-color: $seam-side-nav-item-color !default;
+$seam-side-nav-toggle-height: 45px !default;

package/framework/theseam-ui-common-framework.d.ts

@@ -3,11 +3,15 @@
  */
 export * from './public-api';
 export { BaseLayoutSideBarFooterDirective as ɵa } from './base-layout/directives/base-layout-side-bar-footer.directive';
-export { TheSeamSchemaFormCheckboxComponent as ɵd } from './schema-form-controls/schema-form-checkbox/schema-form-checkbox.component';
-export { TheSeamSchemaFormControlsModule as ɵc } from './schema-form-controls/schema-form-controls.module';
-export { TheSeamSchemaFormInputComponent as ɵg } from './schema-form-controls/schema-form-input/schema-form-input.component';
-export { TheSeamSchemaFormNumberComponent as ɵh } from './schema-form-controls/schema-form-number/schema-form-number.component';
-export { TheSeamSchemaFormSelectComponent as ɵf } from './schema-form-controls/schema-form-select/schema-form-select.component';
-export { TheSeamSchemaFormSubmitSplitComponent as ɵi } from './schema-form-controls/schema-form-submit-split/schema-form-submit-split.component';
-export { TheSeamSchemaFormSubmitComponent as ɵe } from './schema-form-controls/schema-form-submit/schema-form-submit.component';
-export { TheSeamSideNavService as ɵb } from './side-nav/side-nav.service';
+export { BaseLayoutSideBarHeaderDirective as ɵb } from './base-layout/directives/base-layout-side-bar-header.directive';
+export { TheSeamNavService as ɵm } from './nav/nav.service';
+export { TheSeamSchemaFormCheckboxComponent as ɵg } from './schema-form-controls/schema-form-checkbox/schema-form-checkbox.component';
+export { TheSeamSchemaFormControlsModule as ɵf } from './schema-form-controls/schema-form-controls.module';
+export { TheSeamSchemaFormInputComponent as ɵj } from './schema-form-controls/schema-form-input/schema-form-input.component';
+export { TheSeamSchemaFormNumberComponent as ɵk } from './schema-form-controls/schema-form-number/schema-form-number.component';
+export { TheSeamSchemaFormSelectComponent as ɵi } from './schema-form-controls/schema-form-select/schema-form-select.component';
+export { TheSeamSchemaFormSubmitSplitComponent as ɵl } from './schema-form-controls/schema-form-submit-split/schema-form-submit-split.component';
+export { TheSeamSchemaFormSubmitComponent as ɵh } from './schema-form-controls/schema-form-submit/schema-form-submit.component';
+export { TheSeamSideNavService as ɵc } from './side-nav/side-nav.service';
+export { TopBarCompactMenuBtnDetailDirective as ɵd } from './top-bar/top-bar-compact-menu-btn-detail.directive';
+export { TopBarNavToggleBtnDetailDirective as ɵe } from './top-bar/top-bar-nav-toggle-btn-detail.directive';