@theseam/ui-common 0.3.12-beta.0 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/theseam-ui-common-framework.umd.js +47 -899
- package/bundles/theseam-ui-common-framework.umd.js.map +1 -1
- package/bundles/theseam-ui-common-layout.umd.js +5 -14
- package/bundles/theseam-ui-common-layout.umd.js.map +1 -1
- package/bundles/theseam-ui-common-menu.umd.js +0 -4
- package/bundles/theseam-ui-common-menu.umd.js.map +1 -1
- package/esm2015/framework/base-layout/base-layout.component.js +4 -12
- package/esm2015/framework/base-layout/base-layout.module.js +1 -4
- package/esm2015/framework/base-layout/directives/base-layout-nav-toggle.directive.js +3 -17
- package/esm2015/framework/public-api.js +1 -2
- package/esm2015/framework/side-nav/side-nav-item/side-nav-item.component.js +5 -11
- package/esm2015/framework/side-nav/side-nav-toggle/side-nav-toggle.component.js +5 -5
- package/esm2015/framework/side-nav/side-nav.component.js +18 -67
- package/esm2015/framework/side-nav/side-nav.service.js +1 -1
- package/esm2015/framework/theseam-ui-common-framework.js +9 -13
- package/esm2015/framework/top-bar/top-bar-item.directive.js +2 -9
- package/esm2015/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.js +3 -4
- package/esm2015/framework/top-bar/top-bar.component.js +7 -44
- package/esm2015/framework/top-bar/top-bar.module.js +3 -9
- package/esm2015/layout/layout.service.js +2 -12
- package/esm2015/menu/menu-toggle.directive.js +2 -6
- package/fesm2015/theseam-ui-common-framework.js +41 -730
- package/fesm2015/theseam-ui-common-framework.js.map +1 -1
- package/fesm2015/theseam-ui-common-layout.js +2 -11
- package/fesm2015/theseam-ui-common-layout.js.map +1 -1
- package/fesm2015/theseam-ui-common-menu.js +1 -5
- package/fesm2015/theseam-ui-common-menu.js.map +1 -1
- package/framework/base-layout/base-layout.component.d.ts +1 -3
- package/framework/base-layout/base-layout.component.scss +10 -18
- package/framework/base-layout/directives/base-layout-nav-toggle.directive.d.ts +2 -7
- package/framework/base-layout/styles/_variables.scss +0 -21
- package/framework/public-api.d.ts +0 -1
- package/framework/side-nav/side-nav-item/side-nav-item.component.d.ts +0 -2
- package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -7
- package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.d.ts +2 -4
- package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.scss +6 -3
- package/framework/side-nav/side-nav.component.d.ts +1 -13
- package/framework/side-nav/side-nav.component.scss +1 -0
- package/framework/side-nav/styles/_themes/light/_variables.scss +14 -24
- package/framework/side-nav/styles/_themes/primary/_variables.scss +0 -8
- package/framework/theseam-ui-common-framework.d.ts +8 -12
- package/framework/theseam-ui-common-framework.metadata.json +1 -1
- package/framework/top-bar/top-bar-item.directive.d.ts +0 -3
- package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts +1 -4
- package/framework/top-bar/top-bar.component.d.ts +3 -25
- package/framework/top-bar/top-bar.component.scss +2 -7
- package/layout/layout.service.d.ts +1 -9
- package/layout/theseam-ui-common-layout.metadata.json +1 -1
- package/menu/menu-toggle.directive.d.ts +1 -2
- package/menu/theseam-ui-common-menu.metadata.json +1 -1
- package/package.json +1 -1
- package/esm2015/framework/base-layout/directives/base-layout-side-bar-header.directive.js +0 -15
- package/esm2015/framework/nav/horizontal-nav/horizontal-nav.component.js +0 -68
- package/esm2015/framework/nav/index.js +0 -6
- package/esm2015/framework/nav/nav-item/nav-item.component.js +0 -169
- package/esm2015/framework/nav/nav-utils.js +0 -105
- package/esm2015/framework/nav/nav.models.js +0 -2
- package/esm2015/framework/nav/nav.module.js +0 -42
- package/esm2015/framework/nav/nav.service.js +0 -175
- package/esm2015/framework/top-bar/top-bar-compact-menu-btn-detail.directive.js +0 -15
- package/esm2015/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.js +0 -15
- package/framework/base-layout/directives/base-layout-side-bar-header.directive.d.ts +0 -6
- package/framework/nav/horizontal-nav/horizontal-nav.component.d.ts +0 -31
- package/framework/nav/index.d.ts +0 -5
- package/framework/nav/nav-item/nav-item.component.d.ts +0 -67
- package/framework/nav/nav-utils.d.ts +0 -19
- package/framework/nav/nav.models.d.ts +0 -76
- package/framework/nav/nav.module.d.ts +0 -2
- package/framework/nav/nav.service.d.ts +0 -21
- package/framework/top-bar/top-bar-compact-menu-btn-detail.directive.d.ts +0 -5
- package/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.d.ts +0 -5
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
-
export class TopBarNavToggleBtnDetailDirective {
|
|
3
|
-
constructor(template) {
|
|
4
|
-
this.template = template;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
TopBarNavToggleBtnDetailDirective.decorators = [
|
|
8
|
-
{ type: Directive, args: [{
|
|
9
|
-
selector: '[seamTopBarNavToggleBtnDetail]'
|
|
10
|
-
},] }
|
|
11
|
-
];
|
|
12
|
-
TopBarNavToggleBtnDetailDirective.ctorParameters = () => [
|
|
13
|
-
{ type: TemplateRef }
|
|
14
|
-
];
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWJhci1uYXYtdG9nZ2xlLWJ0bi1kZXRhaWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2ZyYW1ld29yay90b3AtYmFyL3RvcC1iYXItbmF2LXRvZ2dsZS1idG4tZGV0YWlsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUt0RCxNQUFNLE9BQU8saUNBQWlDO0lBRTVDLFlBQW1CLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQUksQ0FBQzs7O1lBTG5ELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2FBQzNDOzs7WUFKbUIsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2VhbVRvcEJhck5hdlRvZ2dsZUJ0bkRldGFpbF0nXG59KVxuZXhwb3J0IGNsYXNzIFRvcEJhck5hdlRvZ2dsZUJ0bkRldGFpbERpcmVjdGl2ZSB7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KSB7IH1cblxufVxuIl19
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { INavItem, NavItemChildAction, NavItemExpandAction, NavItemExpandedEvent } from '../nav.models';
|
|
5
|
-
export declare class HorizontalNavComponent implements OnInit, OnDestroy {
|
|
6
|
-
static ngAcceptInputType_hasHeaderToggle: BooleanInput;
|
|
7
|
-
private readonly _ngUnsubscribe;
|
|
8
|
-
get items(): INavItem[];
|
|
9
|
-
set items(value: INavItem[]);
|
|
10
|
-
private _items;
|
|
11
|
-
readonly items$: Observable<INavItem[]>;
|
|
12
|
-
hideEmptyIcon: boolean | undefined | null;
|
|
13
|
-
hierLevel: number;
|
|
14
|
-
childAction: NavItemChildAction;
|
|
15
|
-
expandAction: NavItemExpandAction;
|
|
16
|
-
/**
|
|
17
|
-
* The 'focused' nav item refers to the item in
|
|
18
|
-
* the list that was most recently expanded or activated.
|
|
19
|
-
* // TODO: make all this better
|
|
20
|
-
*/
|
|
21
|
-
get focusedNavItem(): INavItem | undefined;
|
|
22
|
-
set focusedNavItem(value: INavItem | undefined);
|
|
23
|
-
private _focusedNavItem;
|
|
24
|
-
focusedNavItem$: Observable<INavItem | undefined>;
|
|
25
|
-
navItemExpanded: EventEmitter<NavItemExpandedEvent>;
|
|
26
|
-
constructor();
|
|
27
|
-
ngOnInit(): void;
|
|
28
|
-
ngOnDestroy(): void;
|
|
29
|
-
_navItemExpanded(item: INavItem, expanded: boolean): void;
|
|
30
|
-
_navItemIsFocused(item: INavItem): Observable<boolean>;
|
|
31
|
-
}
|
package/framework/nav/index.d.ts
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { EventEmitter, OnDestroy } from '@angular/core';
|
|
3
|
-
import type { SeamIcon } from '@theseam/ui-common/icon';
|
|
4
|
-
import type { ThemeTypes } from '@theseam/ui-common/models';
|
|
5
|
-
import { MenuComponent } from '@theseam/ui-common/menu';
|
|
6
|
-
import { INavItem, NavItemBadgeTooltip, NavItemChildAction, NavItemExpandAction } from '../nav.models';
|
|
7
|
-
export declare class NavItemComponent implements OnDestroy {
|
|
8
|
-
static ngAcceptInputType_hierLevel: NumberInput;
|
|
9
|
-
static ngAcceptInputType_indentSize: NumberInput;
|
|
10
|
-
static ngAcceptInputType_expanded: BooleanInput;
|
|
11
|
-
static ngAcceptInputType_compact: BooleanInput;
|
|
12
|
-
static ngAcceptInputType_active: BooleanInput;
|
|
13
|
-
private readonly _ngUnsubscribe;
|
|
14
|
-
readonly faAngleLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
15
|
-
item: INavItem | undefined | null;
|
|
16
|
-
itemType: 'divider' | 'basic' | 'link' | 'button' | 'title' | undefined | null;
|
|
17
|
-
icon: SeamIcon | undefined | null;
|
|
18
|
-
hideEmptyIcon: boolean | undefined | null;
|
|
19
|
-
label: string | undefined | null;
|
|
20
|
-
active: boolean;
|
|
21
|
-
set link(value: string | undefined | null);
|
|
22
|
-
get link(): string | undefined | null;
|
|
23
|
-
private readonly _link;
|
|
24
|
-
readonly link$: import("rxjs").Observable<string | null | undefined>;
|
|
25
|
-
queryParams: {
|
|
26
|
-
[k: string]: any;
|
|
27
|
-
} | undefined | null;
|
|
28
|
-
children: INavItem[] | undefined | null;
|
|
29
|
-
hierLevel: number;
|
|
30
|
-
indentSize: number;
|
|
31
|
-
set expanded(value: boolean);
|
|
32
|
-
get expanded(): boolean;
|
|
33
|
-
private readonly _expanded;
|
|
34
|
-
readonly expanded$: import("rxjs").Observable<boolean>;
|
|
35
|
-
set compact(value: boolean);
|
|
36
|
-
get compact(): boolean;
|
|
37
|
-
private readonly _compact;
|
|
38
|
-
readonly compact$: import("rxjs").Observable<boolean>;
|
|
39
|
-
badgeText: string | undefined | null;
|
|
40
|
-
badgeTheme: ThemeTypes | undefined | null;
|
|
41
|
-
/**
|
|
42
|
-
* Content to provide to assistive technology, such as screen readers.
|
|
43
|
-
*/
|
|
44
|
-
badgeSrContent: string | undefined | null;
|
|
45
|
-
get badgeTooltip(): string | NavItemBadgeTooltip | undefined | null;
|
|
46
|
-
set badgeTooltip(value: string | NavItemBadgeTooltip | undefined | null);
|
|
47
|
-
private _badgeTooltip;
|
|
48
|
-
childAction: NavItemChildAction;
|
|
49
|
-
expandAction: NavItemExpandAction;
|
|
50
|
-
navItemExpanded: EventEmitter<boolean>;
|
|
51
|
-
get _isActiveCssClass(): boolean;
|
|
52
|
-
get _isChildActiveCssClass(): boolean;
|
|
53
|
-
get _isExpandedCssClass(): boolean;
|
|
54
|
-
get _attrDataHierLevel(): number;
|
|
55
|
-
_menu?: MenuComponent;
|
|
56
|
-
_navItems?: NavItemComponent[];
|
|
57
|
-
constructor();
|
|
58
|
-
ngOnDestroy(): void;
|
|
59
|
-
get hasChildren(): boolean;
|
|
60
|
-
get hasActiveChild(): boolean;
|
|
61
|
-
get hasMenuToggle(): boolean;
|
|
62
|
-
get menuTpl(): MenuComponent | undefined;
|
|
63
|
-
get hasExpandingChildren(): boolean;
|
|
64
|
-
_toggleChildren(event: Event): void;
|
|
65
|
-
_menuEvent(menuExpanded: any): void;
|
|
66
|
-
get showIconBlock(): boolean;
|
|
67
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { INavBasic, INavButton, INavDivider, INavItem, INavItemState, INavLink, INavTitle, NavItemCanHaveChildren, NavItemCanHaveState } from './nav.models';
|
|
2
|
-
export declare function isHorizontalNavItemType(item: INavItem, type: 'title'): item is INavTitle;
|
|
3
|
-
export declare function isHorizontalNavItemType(item: INavItem, type: 'divider'): item is INavDivider;
|
|
4
|
-
export declare function isHorizontalNavItemType(item: INavItem, type: 'basic'): item is INavBasic;
|
|
5
|
-
export declare function isHorizontalNavItemType(item: INavItem, type: 'link'): item is INavLink;
|
|
6
|
-
export declare function isHorizontalNavItemType(item: INavItem, type: 'button'): item is INavButton;
|
|
7
|
-
export declare function isHorizontalNavItemActive(item: INavItem): boolean;
|
|
8
|
-
export declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
|
|
9
|
-
export declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
|
|
10
|
-
export declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
|
|
11
|
-
export declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
|
|
12
|
-
export declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
|
|
13
|
-
export declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
|
|
14
|
-
export declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
|
|
15
|
-
export declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
|
|
16
|
-
export declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
|
|
17
|
-
export declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];
|
|
18
|
-
export declare function setDefaultHorizontalNavItemState(item: INavItem): INavItem & Required<NavItemCanHaveState>;
|
|
19
|
-
export declare function areSameHorizontalNavItem(item1: INavItem | undefined, item2: INavItem | undefined): boolean;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { IsActiveMatchOptions, UrlCreationOptions } from '@angular/router';
|
|
2
|
-
import { SeamIcon } from '@theseam/ui-common/icon';
|
|
3
|
-
import type { ThemeTypes } from '@theseam/ui-common/models';
|
|
4
|
-
export interface INavItemState {
|
|
5
|
-
active: boolean;
|
|
6
|
-
expanded: boolean;
|
|
7
|
-
}
|
|
8
|
-
export interface NavItemCanHaveState {
|
|
9
|
-
/**
|
|
10
|
-
* This prop is managed by the Nav. If manually set it will be overwritten.
|
|
11
|
-
*
|
|
12
|
-
* @ignore
|
|
13
|
-
*/
|
|
14
|
-
__state?: INavItemState;
|
|
15
|
-
}
|
|
16
|
-
export interface NavItemCanHaveChildren {
|
|
17
|
-
children?: INavItem[];
|
|
18
|
-
}
|
|
19
|
-
export interface INavItemBase<T extends string> extends NavItemCanHaveState {
|
|
20
|
-
/**
|
|
21
|
-
* default: 'route'
|
|
22
|
-
*/
|
|
23
|
-
itemType?: T;
|
|
24
|
-
badge?: INavBadge;
|
|
25
|
-
}
|
|
26
|
-
export interface INavTitle extends INavItemBase<'title'> {
|
|
27
|
-
label?: string;
|
|
28
|
-
}
|
|
29
|
-
export interface INavDivider extends INavItemBase<'divider'> {
|
|
30
|
-
label?: string;
|
|
31
|
-
}
|
|
32
|
-
export interface INavBadge {
|
|
33
|
-
text?: string;
|
|
34
|
-
theme?: ThemeTypes;
|
|
35
|
-
/**
|
|
36
|
-
* Content to provide to assistive technology, such as screen readers.
|
|
37
|
-
*/
|
|
38
|
-
srContent?: string;
|
|
39
|
-
tooltip?: string | NavItemBadgeTooltip;
|
|
40
|
-
}
|
|
41
|
-
export interface INavBasic extends INavItemBase<'basic'>, NavItemCanHaveChildren {
|
|
42
|
-
icon?: SeamIcon;
|
|
43
|
-
label: string;
|
|
44
|
-
}
|
|
45
|
-
export interface INavLink extends INavItemBase<'link'>, Partial<Pick<UrlCreationOptions, 'queryParams' | 'fragment' | 'queryParamsHandling' | 'preserveFragment'>>, NavItemCanHaveChildren {
|
|
46
|
-
icon?: SeamIcon;
|
|
47
|
-
label: string;
|
|
48
|
-
link?: any[] | string;
|
|
49
|
-
/**
|
|
50
|
-
* Default: { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }
|
|
51
|
-
*/
|
|
52
|
-
matchOptions?: Partial<IsActiveMatchOptions>;
|
|
53
|
-
}
|
|
54
|
-
export interface INavButton extends INavItemBase<'button'> {
|
|
55
|
-
onClick: (event: MouseEvent) => void;
|
|
56
|
-
}
|
|
57
|
-
export declare type INavItem = INavTitle | INavDivider | INavBasic | INavLink | INavButton;
|
|
58
|
-
export interface NavItemStateChanged {
|
|
59
|
-
item: INavItem;
|
|
60
|
-
prop: string;
|
|
61
|
-
prevValue: any;
|
|
62
|
-
newValue: any;
|
|
63
|
-
}
|
|
64
|
-
export interface NavItemBadgeTooltip {
|
|
65
|
-
tooltip?: string;
|
|
66
|
-
class?: string;
|
|
67
|
-
placement?: string;
|
|
68
|
-
container?: string;
|
|
69
|
-
disabled?: boolean;
|
|
70
|
-
}
|
|
71
|
-
export declare type NavItemChildAction = 'menu' | 'expand' | 'none' | null | undefined;
|
|
72
|
-
export declare type NavItemExpandAction = 'toggle' | 'expandOnly' | null | undefined;
|
|
73
|
-
export interface NavItemExpandedEvent {
|
|
74
|
-
navItem: INavItem;
|
|
75
|
-
expanded: boolean;
|
|
76
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Router } from '@angular/router';
|
|
2
|
-
import { Observable, Subject } from 'rxjs';
|
|
3
|
-
import { INavItem, INavItemState, NavItemStateChanged } from './nav.models';
|
|
4
|
-
export declare class TheSeamNavService {
|
|
5
|
-
private readonly _router;
|
|
6
|
-
private readonly _updatingCount;
|
|
7
|
-
readonly loading$: Observable<boolean>;
|
|
8
|
-
readonly itemChanged: Subject<NavItemStateChanged>;
|
|
9
|
-
constructor(_router: Router);
|
|
10
|
-
createItemsObservable(items: INavItem[]): Observable<INavItem[]>;
|
|
11
|
-
private _incUpdatingCount;
|
|
12
|
-
private _decrUpdatingCount;
|
|
13
|
-
updateItemsStates(items: INavItem[]): void;
|
|
14
|
-
updateItemState(item: INavItem): void;
|
|
15
|
-
private _updateItemsExpandedState;
|
|
16
|
-
private _updateItemExpandedState;
|
|
17
|
-
private _getNavExtras;
|
|
18
|
-
private _getUrl;
|
|
19
|
-
private _getMatchOptions;
|
|
20
|
-
setItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
|
|
21
|
-
}
|