@theseam/ui-common 0.4.9 → 0.4.11

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

@@ -4,7 +4,7 @@ import { Observable } from 'rxjs';
 import type { SeamIcon } from '@theseam/ui-common/icon';
 import type { ThemeTypes } from '@theseam/ui-common/models';
 import { SideNavAccessor } from '../side-nav-tokens';
-import { ISideNavItem } from '../side-nav.models';
+import { ISideNavItem, SideNavItemMenuItemTooltipConfig } from '../side-nav.models';
 import * as i0 from "@angular/core";
 export interface SideNavItemBadgeTooltip {
     tooltip?: string;
@@ -45,6 +45,7 @@ export declare class SideNavItemComponent implements OnDestroy {
     get compact(): boolean;
     private readonly _compact;
     readonly compact$: Observable<boolean>;
+    isMobile: boolean | undefined | null;
     badgeText: string | undefined | null;
     badgeTheme: ThemeTypes | undefined | null;
     /**
@@ -54,6 +55,8 @@ export declare class SideNavItemComponent implements OnDestroy {
     get badgeTooltip(): string | SideNavItemBadgeTooltip | undefined | null;
     set badgeTooltip(value: string | SideNavItemBadgeTooltip | undefined | null);
     private _badgeTooltip;
+    menuItemTooltipConfig: SideNavItemMenuItemTooltipConfig | undefined | null;
+    menuItemTooltipDisabled: boolean | undefined | null;
     get _isActiveCssClass(): boolean;
     get _attrDataHierLevel(): number;
     readonly childGroupAnimState$: Observable<string>;
@@ -64,5 +67,5 @@ export declare class SideNavItemComponent implements OnDestroy {
     toggleChildren(): void;
     _linkClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavItemComponent, [null, { optional: true; host: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavItemComponent, "seam-side-nav-item", ["seamSideNavItem"], { "itemType": "itemType"; "icon": "icon"; "label": "label"; "active": "active"; "link": "link"; "queryParams": "queryParams"; "children": "children"; "hierLevel": "hierLevel"; "indentSize": "indentSize"; "expanded": "expanded"; "compact": "compact"; "badgeText": "badgeText"; "badgeTheme": "badgeTheme"; "badgeSrContent": "badgeSrContent"; "badgeTooltip": "badgeTooltip"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavItemComponent, "seam-side-nav-item", ["seamSideNavItem"], { "itemType": "itemType"; "icon": "icon"; "label": "label"; "active": "active"; "link": "link"; "queryParams": "queryParams"; "children": "children"; "hierLevel": "hierLevel"; "indentSize": "indentSize"; "expanded": "expanded"; "compact": "compact"; "isMobile": "isMobile"; "badgeText": "badgeText"; "badgeTheme": "badgeTheme"; "badgeSrContent": "badgeSrContent"; "badgeTooltip": "badgeTooltip"; "menuItemTooltipConfig": "menuItemTooltipConfig"; "menuItemTooltipDisabled": "menuItemTooltipDisabled"; }, {}, never, never, false, never>;
 }

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

@@ -4,7 +4,7 @@ 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 { ISideNavItem } from './side-nav.models';
+import { ISideNavItem, SideNavItemMenuItemTooltipConfig } from './side-nav.models';
 import { TheSeamSideNavService } from './side-nav.service';
 import * as i0 from "@angular/core";
 export declare function sideNavExpandStateChangeFn(fromState: string, toState: string): boolean;
@@ -29,6 +29,10 @@ export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBase
     set overlay(value: boolean);
     private _overlay;
     readonly overlay$: Observable<boolean>;
+    private _menuItemTooltipConfig;
+    get menuItemTooltipConfig(): SideNavItemMenuItemTooltipConfig | undefined | null;
+    set menuItemTooltipConfig(value: SideNavItemMenuItemTooltipConfig | undefined | null);
+    menuItemTooltipDisabled$: Observable<boolean> | undefined | null;
     toggleExpand: EventEmitter<boolean>;
     readonly isMobile$: Observable<boolean>;
     readonly sideNavExpandedState$: Observable<string>;
@@ -44,5 +48,5 @@ export declare class SideNavComponent implements OnInit, OnDestroy, ITheSeamBase
     animateStart(): void;
     animateEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavComponent, "seam-side-nav", never, { "hasHeaderToggle": "hasHeaderToggle"; "items": "items"; "expanded": "expanded"; "overlay": "overlay"; }, { "toggleExpand": "toggleExpand"; }, ["_sideBarFooterTpl"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavComponent, "seam-side-nav", never, { "hasHeaderToggle": "hasHeaderToggle"; "items": "items"; "expanded": "expanded"; "overlay": "overlay"; "menuItemTooltipConfig": "menuItemTooltipConfig"; }, { "toggleExpand": "toggleExpand"; }, ["_sideBarFooterTpl"], never, false, never>;
 }

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

@@ -62,3 +62,15 @@ export interface SideNavItemStateChanged {
     prevValue: any;
     newValue: any;
 }
+/**
+ * When `never`, menu item tooltip is always disabled.
+ * When `always`, menu item tooltip is always enabled.
+ * When `collapseOnly`, menu item tooltip is enabled only when the sidenav is collapsed.
+ */
+export type SideNavItemMenuItemTooltipBehavior = 'never' | 'always' | 'collapseOnly';
+export interface SideNavItemMenuItemTooltipConfig {
+    class?: string;
+    placement?: string;
+    container?: string;
+    behavior?: SideNavItemMenuItemTooltipBehavior;
+}

package/loading/loading/loading.component.d.ts

@@ -1,9 +1,9 @@
 import { NgxLoadingConfig } from '@marklb/ngx-loading';
 import type { TheSeamLoadingTheme } from '../loading.models';
 import * as i0 from "@angular/core";
-export declare class LoadingComponent {
+export declare class TheSeamLoadingComponent {
     set theme(value: TheSeamLoadingTheme);
     _theme: NgxLoadingConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "seam-loading", never, { "theme": "theme"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamLoadingComponent, "seam-loading", never, { "theme": "theme"; }, {}, never, never, false, never>;
 }

package/loading/loading.module.d.ts

@@ -8,6 +8,6 @@ import * as i5 from "@marklb/ngx-loading";
 export declare const loadingForRoot: import("@angular/core").ModuleWithProviders<NgxLoadingModule>;
 export declare class TheSeamLoadingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamLoadingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamLoadingModule, [typeof i1.LoadingComponent], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.PortalModule, typeof i5.NgxLoadingModule], [typeof i1.LoadingComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamLoadingModule, [typeof i1.TheSeamLoadingComponent], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.PortalModule, typeof i5.NgxLoadingModule], [typeof i1.TheSeamLoadingComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamLoadingModule>;
 }

package/menu/menu-toggle.directive.d.ts

@@ -1,5 +1,6 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NumberInput } from '@angular/cdk/coercion';
 import { ConnectionPositionPair, Overlay } from '@angular/cdk/overlay';
 import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
 import { MenuItemComponent } from './menu-item.component';
@@ -14,6 +15,7 @@ export declare class MenuToggleDirective implements OnDestroy, AfterContentInit
     private readonly _parentMenu?;
     private readonly _menuItemInstance?;
     private readonly _dir?;
+    static ngAcceptInputType_seamMenuTogglePositionsOffsetY: NumberInput;
     private _active;
     private _overlayRef?;
     private _menuClosedSubscription;
@@ -28,6 +30,7 @@ export declare class MenuToggleDirective implements OnDestroy, AfterContentInit
     set positions(val: ConnectionPositionPair[]);
     get positions(): ConnectionPositionPair[];
     private _positions;
+    seamMenuTogglePositionsOffsetY: number;
     /** Event emitted when the associated menu is opened. */
     readonly menuOpened: EventEmitter<void>;
     /** Event emitted when the associated menu is opened. */
@@ -75,5 +78,5 @@ export declare class MenuToggleDirective implements OnDestroy, AfterContentInit
     /** Handles the cases where the user hovers over the trigger. */
     private _handleHover;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuToggleDirective, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuToggleDirective, "[seamMenuToggle]", ["seamMenuToggle"], { "menu": "seamMenuToggle"; "positions": "positions"; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuToggleDirective, "[seamMenuToggle]", ["seamMenuToggle"], { "menu": "seamMenuToggle"; "positions": "positions"; "seamMenuTogglePositionsOffsetY": "seamMenuTogglePositionsOffsetY"; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "peerDependencies": {
     "@angular/cdk": "^15.0.0",
     "@angular/common": "^15.0.0",

package/testing/get-harness.d.ts

@@ -1,7 +1,7 @@
-import { ComponentHarness, ComponentHarnessConstructor } from '@angular/cdk/testing';
+import { ComponentHarness, HarnessQuery } from '@angular/cdk/testing';
 import { ComponentFixture } from '@angular/core/testing';
 export interface GetHarnessOptions<TComponent = any> {
     canvasElement?: HTMLElement;
     fixture?: ComponentFixture<TComponent>;
 }
-export declare function getHarness<T extends ComponentHarness>(harnessType: ComponentHarnessConstructor<T>, options: GetHarnessOptions): Promise<T>;
+export declare function getHarness<T extends ComponentHarness>(harnessType: HarnessQuery<T>, options: GetHarnessOptions): Promise<T>;

package/testing/story-expect.d.ts

@@ -2,4 +2,5 @@ import * as mock from 'jest-mock';
 export declare const jest: typeof mock;
 export declare function expectFn(value: any): {
     toBe: (value: any) => Promise<void>;
+    toStrictEqual: <E = any>(expected: E) => void;
 };