@theseam/ui-common 0.4.12-beta.0 → 0.4.13

package/framework/nav/nav-utils.d.ts

@@ -1,20 +0,0 @@
-import { INavBasic, INavButton, INavDivider, INavItem, INavItemState, INavLink, INavTitle, NavItemCanHaveChildren, NavItemCanHaveState } from './nav.models';
-export declare function isHorizontalNavItemType(item: INavItem, type: 'title'): item is INavTitle;
-export declare function isHorizontalNavItemType(item: INavItem, type: 'divider'): item is INavDivider;
-export declare function isHorizontalNavItemType(item: INavItem, type: 'basic'): item is INavBasic;
-export declare function isHorizontalNavItemType(item: INavItem, type: 'link'): item is INavLink;
-export declare function isHorizontalNavItemType(item: INavItem, type: 'button'): item is INavButton;
-export declare function isHorizontalNavItemActive(item: INavItem): boolean;
-export declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
-export declare function isHorizontalNavItemFocused(item: INavItem): boolean;
-export declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
-export declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
-export declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
-export declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
-export declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
-export declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
-export declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
-export declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
-export declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];
-export declare function setDefaultHorizontalNavItemState(item: INavItem): INavItem & Required<NavItemCanHaveState>;
-export declare function areSameHorizontalNavItem(item1: INavItem | undefined, item2: INavItem | undefined): boolean;

package/framework/nav/nav.models.d.ts

@@ -1,77 +0,0 @@
-import { IsActiveMatchOptions, UrlCreationOptions } from '@angular/router';
-import { SeamIcon } from '@theseam/ui-common/icon';
-import type { ThemeTypes } from '@theseam/ui-common/models';
-export interface INavItemState {
-    active: boolean;
-    expanded: boolean;
-    focused: boolean;
-}
-export interface NavItemCanHaveState {
-    /**
-     * This prop is managed by the Nav. If manually set it will be overwritten.
-     *
-     * @ignore
-     */
-    __state?: INavItemState;
-}
-export interface NavItemCanHaveChildren {
-    children?: INavItem[];
-}
-export interface INavItemBase<T extends string> extends NavItemCanHaveState {
-    /**
-     * default: 'route'
-     */
-    itemType?: T;
-    badge?: INavBadge;
-}
-export interface INavTitle extends INavItemBase<'title'> {
-    label?: string;
-}
-export interface INavDivider extends INavItemBase<'divider'> {
-    label?: string;
-}
-export interface INavBadge {
-    text?: string;
-    theme?: ThemeTypes;
-    /**
-     * Content to provide to assistive technology, such as screen readers.
-     */
-    srContent?: string;
-    tooltip?: string | NavItemBadgeTooltip;
-}
-export interface INavBasic extends INavItemBase<'basic'>, NavItemCanHaveChildren {
-    icon?: SeamIcon;
-    label: string;
-}
-export interface INavLink extends INavItemBase<'link'>, Partial<Pick<UrlCreationOptions, 'queryParams' | 'fragment' | 'queryParamsHandling' | 'preserveFragment'>>, NavItemCanHaveChildren {
-    icon?: SeamIcon;
-    label: string;
-    link?: any[] | string;
-    /**
-     * Default: { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }
-     */
-    matchOptions?: Partial<IsActiveMatchOptions>;
-}
-export interface INavButton extends INavItemBase<'button'> {
-    onClick: (event: MouseEvent) => void;
-}
-export type INavItem = INavTitle | INavDivider | INavBasic | INavLink | INavButton;
-export interface NavItemStateChanged {
-    item: INavItem;
-    prop: keyof INavItemState;
-    prevValue: any;
-    newValue: any;
-}
-export interface NavItemBadgeTooltip {
-    tooltip?: string;
-    class?: string;
-    placement?: string;
-    container?: string;
-    disabled?: boolean;
-}
-export type NavItemChildAction = 'menu' | 'expand' | 'none' | null | undefined;
-export type NavItemExpandAction = 'toggle' | 'expandOnly' | null | undefined;
-export interface NavItemExpandedEvent {
-    navItem: INavItem;
-    expanded: boolean;
-}

package/framework/nav/nav.module.d.ts

@@ -1,17 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./nav-item/nav-item.component";
-import * as i2 from "./horizontal-nav/horizontal-nav.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/router";
-import * as i5 from "@theseam/ui-common/icon";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@theseam/ui-common/scrollbar";
-import * as i8 from "@theseam/ui-common/layout";
-import * as i9 from "@ng-bootstrap/ng-bootstrap";
-import * as i10 from "@angular/cdk/portal";
-import * as i11 from "@theseam/ui-common/menu";
-export declare class TheSeamNavModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamNavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamNavModule, [typeof i1.NavItemComponent, typeof i2.HorizontalNavComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.TheSeamIconModule, typeof i6.A11yModule, typeof i7.TheSeamScrollbarModule, typeof i8.TheSeamLayoutModule, typeof i9.NgbTooltipModule, typeof i10.PortalModule, typeof i11.TheSeamMenuModule], [typeof i1.NavItemComponent, typeof i2.HorizontalNavComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamNavModule>;
-}

package/framework/nav/nav.service.d.ts

@@ -1,27 +0,0 @@
-import { Router } from '@angular/router';
-import { Observable, Subject } from 'rxjs';
-import { INavItem, INavItemState, NavItemStateChanged } from './nav.models';
-import * as i0 from "@angular/core";
-export declare class TheSeamNavService {
-    private readonly _router;
-    private readonly _updatingCount;
-    readonly loading$: Observable<boolean>;
-    readonly itemChanged: Subject<NavItemStateChanged>;
-    constructor(_router: Router);
-    createItemsObservable(items: INavItem[]): Observable<INavItem[]>;
-    private _incUpdatingCount;
-    private _decrUpdatingCount;
-    updateItemsStates(items: INavItem[]): void;
-    updateItemState(item: INavItem): void;
-    horizontalNavLinkActive(item: INavItem): boolean;
-    private _updateItemsExpandedState;
-    private _updateItemExpandedState;
-    updateRouterFocusedItem(items: INavItem[]): void;
-    updateFocusedItem(items: INavItem[], focusedItem: INavItem | undefined): void;
-    private _getNavExtras;
-    private _getUrl;
-    private _getMatchOptions;
-    setItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamNavService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TheSeamNavService>;
-}

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

@@ -1,56 +0,0 @@
-$seam-nav-bg-color: $gray-100 !default;
-$seam-nav-bg: none !default;
-
-$seam-nav-row-padding: 0.25rem 0.5rem !default;
-
-// Backdrop
-$seam-nav-background-bg-color: rgba($dark, 0.6) !default;
-
-// Group
-$seam-nav-group-bg-variation-amount: 3% !default;
-
-// Item
-$seam-nav-item-text-align: inherit !default;
-
-$seam-nav-item-border-radius: 0 !default;
-
-$seam-nav-item-bg-color: transparent !default;
-$seam-nav-item-bg-color-active: darken($seam-nav-bg-color, 10%) !default;
-$seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
-$seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
-$seam-nav-item-bg-color-hover: darken($seam-nav-bg-color, 5%) !default;
-
-$seam-nav-item-color: $black !default;
-$seam-nav-item-color-active: $seam-nav-item-color !default;
-$seam-nav-item-color-expanded: $seam-nav-item-color !default;
-$seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
-
-$seam-nav-item-disabled-color: darken($seam-nav-item-color, 20%) !default;
-
-$seam-nav-item-margin: 0 !default;
-
-// Divider
-$seam-nav-divider-color: darken($seam-nav-bg-color, 10%) !default;
-$seam-nav-divider-size: 1px !default;
-
-// Title
-$seam-nav-title-color: $seam-nav-item-color !default;
-
-$seam-nav-title-font-size: 24px !default;
-
-$seam-nav-title-padding-left: 10px !default;
-
-// Toggle Buttons
-$seam-nav-toggle-btn-padding: 0 .5rem !default;
-
-$seam-nav-toggle-btn-use-transform-active: true !default;
-$seam-nav-toggle-btn-transform: none !default;
-$seam-nav-toggle-btn-transform-active: rotate(-90deg) !default;
-
-$seam-nav-toggle-btn-color: $seam-nav-item-color !default;
-$seam-nav-toggle-btn-color-hover: $seam-nav-toggle-btn-color !default;
-
-$seam-nav-toggle-btn-border-radius: 0 !default;
-$seam-nav-toggle-btn-border-width: 0 !default;
-$seam-nav-toggle-btn-border-style: solid !default;
-$seam-nav-toggle-btn-border-color: $border-color !default;

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

@@ -1,56 +0,0 @@
-$seam-nav-bg-color: $primary !default;
-$seam-nav-bg: $seam-nav-bg-color !default;
-
-$seam-nav-row-padding: 0.25rem 0.5rem !default;
-
-// Backdrop
-$seam-nav-background-bg-color: rgba($dark, 0.6) !default;
-
-// Group
-$seam-nav-group-bg-variation-amount: 3% !default;
-
-// Item
-$seam-nav-item-text-align: inherit !default;
-
-$seam-nav-item-border-radius: 0 !default;
-
-$seam-nav-item-bg-color: transparent !default;
-$seam-nav-item-bg-color-active: darken($seam-nav-bg-color, 10%) !default;
-$seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
-$seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
-$seam-nav-item-bg-color-hover: darken($seam-nav-bg-color, 5%) !default;
-
-$seam-nav-item-color: $white !default;
-$seam-nav-item-color-active: $seam-nav-item-color !default;
-$seam-nav-item-color-expanded: $seam-nav-item-color !default;
-$seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
-
-$seam-nav-item-disabled-color: darken($seam-nav-item-color, 20%) !default;
-
-$seam-nav-item-margin: 0 !default;
-
-// Divider
-$seam-nav-divider-color: darken($seam-nav-bg-color, 10%) !default;
-$seam-nav-divider-size: 1px !default;
-
-// Title
-$seam-nav-title-color: $seam-nav-item-color !default;
-
-$seam-nav-title-font-size: 24px !default;
-
-$seam-nav-title-padding-left: 10px !default;
-
-// Toggle Buttons
-$seam-nav-toggle-btn-padding: 0 .5rem !default;
-
-$seam-nav-toggle-btn-use-transform-active: true !default;
-$seam-nav-toggle-btn-transform: none !default;
-$seam-nav-toggle-btn-transform-active: rotate(-90deg) !default;
-
-$seam-nav-toggle-btn-color: $seam-nav-item-color !default;
-$seam-nav-toggle-btn-color-hover: $seam-nav-toggle-btn-color !default;
-
-$seam-nav-toggle-btn-border-radius: 0 !default;
-$seam-nav-toggle-btn-border-width: 0 !default;
-$seam-nav-toggle-btn-border-style: solid !default;
-$seam-nav-toggle-btn-border-color: $border-color !default;

package/framework/nav/styles/_utilities.scss

@@ -1,3 +0,0 @@
-@import '../../../styles/utilities';
-
-@import './variables';

package/framework/nav/styles/_variables.scss

@@ -1,2 +0,0 @@
-@import './_themes/light/_variables';
-// @import './_themes/primary/_variables';

package/framework/top-bar/top-bar-compact-menu-btn-detail.directive.d.ts

@@ -1,8 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TopBarCompactMenuBtnDetailDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopBarCompactMenuBtnDetailDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TopBarCompactMenuBtnDetailDirective, "[seamTopBarCompactMenuBtnDetail]", never, {}, {}, never, never, false, never>;
-}

package/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.d.ts

@@ -1,8 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TopBarNavToggleBtnDetailDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopBarNavToggleBtnDetailDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TopBarNavToggleBtnDetailDirective, "[seamTopBarNavToggleBtnDetail]", never, {}, {}, never, never, false, never>;
-}