@ifsworld/granite-components 4.5.0 → 5.0.0

package/lib/menu/menu.component.d.ts

@@ -1,189 +1,6 @@
-import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
-import { FocusOrigin } from '@angular/cdk/a11y';
-import { Direction } from '@angular/cdk/bidi';
-import { AnimationEvent } from '@angular/animations';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { GraniteMenuItemComponent } from './menu-item.component';
-import { ClosedEventType, GraniteMenuPanelInterface } from './menu-panel';
-import { ClientOutputInterface, ClientInputInterface } from '../core/client-environment';
-import { MenuPositionX, MenuPositionY } from './menu-positions';
-/** Menu panel animation states */
-declare type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
-/**
- * Menu panel animation transform/state object. Has to be an object as we supply
- * the `xOffset` parameter and not just the state name.
- */
-declare type TransformMenu = {
-    /** Current animation state name */
-    value: TransformMenuStates;
-    params: {
-        /** How far the menu has been panned/swiped by the user */
-        xOffset: number;
-    };
-};
-/** Base class with all of the menu functionality. */
-export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy, AfterContentChecked, GraniteMenuPanelInterface {
-    private _changeDetectorRef;
-    /** Position of the menu in the X axis. */
-    get xPosition(): MenuPositionX;
-    set xPosition(value: MenuPositionX);
-    /** Position of the menu in the Y axis. */
-    get yPosition(): MenuPositionY;
-    set yPosition(value: MenuPositionY);
-    /** Optional touch menu panel title */
-    title: string;
-    /**
-     * Touch menu close button label. If not set, any label set by parent will
-     * be used.
-     */
-    closeLabel: string;
-    openOnHover: boolean;
-    templateRef: TemplateRef<any>;
-    /** All items inside the menu. Includes items nested inside another menu. */
-    _allItems: QueryList<GraniteMenuItemComponent>;
-    /**
-     * Event emitted when the menu is closed
-     */
-    readonly closed: EventEmitter<ClosedEventType>;
-    /**
-     * Used for locating the panel in tests and setting the aria-control attribute
-     * for the menu trigger.
-     */
-    readonly panelId: string;
-    /** Parent menu of the current menu panel. */
-    parentMenu: GraniteMenuPanelInterface | undefined;
-    /** Layout direction of the menu. */
-    direction: Direction;
-    /** Whether to show back button in touch menu title bar */
-    showBackButton: boolean;
-    /** Whether to show touch menu title bar */
-    showTitle: boolean;
-    /** Whether to add a close button below the menu */
-    showCloseButton: boolean;
-    /** Observable current state of the panel animation. */
-    _transformMenu: BehaviorSubject<TransformMenu>;
-    /** Emits whenever an animation on the menu completes. */
-    _animationDone: Subject<AnimationEvent>;
-    /** Whether the menu is animating. */
-    _isAnimating: boolean;
-    /** Whether the menu is about to be destroyed. */
-    _isClosing: boolean;
-    /** Client input device information */
-    _clientInput: ClientInputInterface;
-    /** Client output device information */
-    _clientOutput: ClientOutputInterface;
-    private _menuEmpty$;
-    _isMenuEmpty$: Observable<boolean>;
-    /** Only the direct descendant menu items. */
-    private _directDescendantItems;
-    private _keyManager;
-    /** Subscription to tab events on the menu panel */
-    private _tabSubscription;
-    private _xPosition;
-    private _yPosition;
-    /** Current state of the panel animation. */
-    set _panelAnimationState(state: TransformMenuStates);
-    /**
-     * Current horizontal offset. Used with `pan` and `pan-hidden`
-     * animation states.
-     */
-    private xOffset;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
-    ngAfterContentChecked(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Stream that combines the `_hovered` observables of all the menu's items
-     * into a single observable. Emits whenever the hovered menu item changes.
-     */
-    _hovered(): Observable<GraniteMenuItemComponent>;
-    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
-    _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Focus the first item in the menu.
-     * @param origin Action from which the focus originated. Used to set the correct styling.
-     */
-    focusFirstItem(origin?: FocusOrigin): void;
-    /** Updates the `showTitle` property for touch device UI */
-    _updateShowTitle(): void;
-    /** Starts the enter animation */
-    _startAnimation(): void;
-    /** Resets the panel animation to its initial state. */
-    _resetAnimation(): void;
-    /**
-     * Starts the 'below' animation, moving a menu down, out of view below the
-     * viewport. Used to close the whole menu, for example when clicking
-     * the backdrop.
-     */
-    _startTouchCloseDownAnimation(): void;
-    /**
-     * Starts the 'below-with-delay' animation, moving a menu down, out of view below the
-     * viewport. Used to close the whole menu as a response to the user tapping
-     * a menu item. There is a short delay before the animation starts, to that
-     * the user gets a visual feedback on what item was selected.
-     */
-    _startTouchCloseDownAnimationWithDelay(): void;
-    /**
-     * Starts the 'void' animation, moving a (sub) menu out of view to the side
-     * of the viewport. Used when going "back" from a sub menu.
-     */
-    _startTouchCloseSideAnimation(): void;
-    /**
-     * Starts the enter-from-below animation, moving a (root) menu into view,
-     * Animates upwards from a starting position below the viewport.
-     */
-    _startTouchRootEnterAnimation(): void;
-    /** Starts the enter animation, moving a (sub) menu into view. */
-    _startTouchSubmenuEnterAnimation(): void;
-    /**
-     * Starts the pan animation, to position a submenu in a response
-     * to user dragging sideways (panning).
-     */
-    _startTouchPanAnimation(xOffset: number): void;
-    /**
-     * Starts the pan-hidden animation, to position a parent menu next to an
-     * active submenu that the user is dragging sideways (panning).
-     */
-    _startTouchHidePanAnimation(xOffset: number): void;
-    /**
-     * Starts the hide animation, to make a parent menu slide out to leave
-     * space for a submenu.
-     */
-    _startTouchHideAnimation(): void;
-    /** Callback that is invoked when the panel animation completes. */
-    _onAnimationDone(event: AnimationEvent): void;
-    _onAnimationStart(event: AnimationEvent): void;
-    /**
-     * Handle click on the menu by emitting on the `closed` emitter
-     * with a `click` reason
-     */
-    _handleClick(): void;
-    /**
-     * Handle click on the close button by emitting on the `closed` emitter
-     * without any particular reason
-     */
-    _handleCloseClick(): void;
-    /**
-     * Handle click on the back icon by emitting on the `clicked` emitter
-     */
-    _handleBackClick(e: MouseEvent): void;
-    /**
-     * Update client device information for the menu and its menu items.
-     */
-    _setDevice(clientInput: ClientInputInterface, clientOutput: ClientOutputInterface): void;
-    /**
-     * Resets the active item in the menu. This is used when the menu is opened, allowing
-     * the user to start from the first option when pressing the down arrow.
-     */
-    resetActiveItem(): void;
-    /**
-     * Sets up a stream that will keep track of any newly-added menu items and will update the list
-     * of direct descendants. We collect the descendants this way, because `_allItems` can include
-     * items that are part of child menus, and using a custom way of registering items is unreliable
-     * when it comes to maintaining the item order.
-     */
-    private _updateDirectDescendants;
-}
+import { _MenuBaseComponent } from './menu-base';
+import * as i0 from "@angular/core";
 export declare class GraniteMenuComponent extends _MenuBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuComponent, "granite-menu", ["graniteMenu"], {}, {}, never, ["*"]>;
 }
-export {};

package/lib/menu/menu.module.d.ts

@@ -1,2 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "./menu-item.component";
+import * as i3 from "./menu-trigger-for.directive";
+import * as i4 from "./menu-touch-close.component";
+import * as i5 from "./menu-touch-title.component";
+import * as i6 from "./divider.directive";
+import * as i7 from "./title.directive";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/cdk/overlay";
+import * as i10 from "@angular/cdk/portal";
+import * as i11 from "../icon/icon.module";
 export declare class GraniteMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteMenuModule, [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective], [typeof i8.CommonModule, typeof i9.OverlayModule, typeof i10.PortalModule, typeof i11.GraniteIconModule], [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteMenuModule>;
 }

package/lib/menu/title.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class GraniteTitleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTitleDirective, "[graniteTitle]", ["graniteTitle"], {}, {}, never>;
 }

package/lib/radio-button/radio-button.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
 import { Position } from '../core/types';
+import * as i0 from "@angular/core";
 export declare class GraniteRadioButtonComponent implements OnChanges, OnDestroy {
     private _focusMonitor;
     private _radioDispatcher;
@@ -29,4 +30,6 @@ export declare class GraniteRadioButtonComponent implements OnChanges, OnDestroy
     _radioChange(): void;
     _onBlur(): void;
     private _getInputElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioButtonComponent, "granite-radio-button", ["graniteRadioButton"], { "value": "value"; "id": "id"; "name": "name"; "checked": "checked"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "radioChange": "radioChange"; "radioBlur": "radioBlur"; }, never, ["*"]>;
 }

package/lib/radio-button/radio-button.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio-button.component";
+import * as i2 from "./radio-group.component";
 export declare class GraniteRadioButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteRadioButtonModule, [typeof i1.GraniteRadioButtonComponent, typeof i2.GraniteRadioGroupComponent], never, [typeof i1.GraniteRadioButtonComponent, typeof i2.GraniteRadioGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteRadioButtonModule>;
 }

package/lib/radio-button/radio-group.component.d.ts

@@ -1,3 +1,6 @@
 import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
+import * as i0 from "@angular/core";
 export declare class GraniteRadioGroupComponent extends GraniteRadioCheckboxBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioGroupComponent, "granite-radio-group", never, {}, {}, never, ["*"]>;
 }

package/lib/table/cell/cell.d.ts

@@ -1,5 +1,8 @@
 import { GraniteTableColumnDirective } from '../column/table-column.directive';
+import * as i0 from "@angular/core";
 export declare abstract class GraniteCell {
     id: string;
     column: GraniteTableColumnDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCell, never, never, { "id": "id"; "column": "column"; }, {}, never>;
 }

package/lib/table/cell/table-data-cell.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { GraniteCell } from './cell';
+import * as i0 from "@angular/core";
 export declare type StaticType = 'text' | 'badge';
 export declare class GraniteTableDataCellComponent extends GraniteCell {
     value: any;
@@ -8,4 +9,6 @@ export declare class GraniteTableDataCellComponent extends GraniteCell {
     columnIndex: number;
     tableCellTemplateRef: TemplateRef<any>;
     row: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableDataCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableDataCellComponent, "cdk-cell[graniteTableDataCell]", never, { "value": "value"; "staticType": "staticType"; "rowIndex": "rowIndex"; "columnIndex": "columnIndex"; "tableCellTemplateRef": "tableCellTemplateRef"; "row": "row"; }, {}, never, never>;
 }

package/lib/table/cell/table-header-cell.component.d.ts

@@ -1,3 +1,6 @@
 import { GraniteCell } from './cell';
+import * as i0 from "@angular/core";
 export declare class GraniteTableHeaderCellComponent extends GraniteCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableHeaderCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableHeaderCellComponent, "cdk-header-cell[graniteTableHeaderCell]", never, {}, {}, never, ["*"]>;
 }

package/lib/table/column/table-column.directive.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { StaticType } from '../cell/table-data-cell.component';
+import * as i0 from "@angular/core";
 export interface GraniteTableColumnInterface {
     name: string;
     title?: string;
@@ -10,4 +11,6 @@ export declare class GraniteTableColumnDirective implements GraniteTableColumnIn
     title: string;
     staticType: StaticType;
     tableCellTemplateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": "name"; "title": "title"; "staticType": "staticType"; }, {}, ["tableCellTemplateRef"]>;
 }

package/lib/table/table.component.d.ts

@@ -2,6 +2,7 @@ import { DataSource } from '@angular/cdk/table';
 import { TrackByFunction, QueryList, AfterContentInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { GraniteTableColumnDirective } from './column/table-column.directive';
+import * as i0 from "@angular/core";
 declare type CdkTableDataSourceInput<T> = readonly T[] | DataSource<T> | Observable<readonly T[]>;
 export declare class GraniteTableComponent<T> implements AfterContentInit {
     dataSource: CdkTableDataSourceInput<T>;
@@ -12,5 +13,7 @@ export declare class GraniteTableComponent<T> implements AfterContentInit {
     columns: GraniteTableColumnDirective[];
     renderedColumns: string[];
     ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": "dataSource"; "trackBy": "trackBy"; "ariaLabel": "aria-label"; }, {}, ["tableColumnsComponent"], never>;
 }
 export {};

package/lib/table/table.module.d.ts

@@ -1,2 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./cell/table-data-cell.component";
+import * as i3 from "./cell/table-header-cell.component";
+import * as i4 from "./column/table-column.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/cdk/table";
+import * as i7 from "../badge/badge.module";
+import * as i8 from "../core/pipes/pure-pipes.module";
 export declare class GraniteTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteTableModule, [typeof i1.GraniteTableComponent, typeof i2.GraniteTableDataCellComponent, typeof i3.GraniteTableHeaderCellComponent, typeof i4.GraniteTableColumnDirective], [typeof i5.CommonModule, typeof i6.CdkTableModule, typeof i7.GraniteBadgeModule, typeof i8.PurePipesModule], [typeof i1.GraniteTableComponent, typeof i4.GraniteTableColumnDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteTableModule>;
 }

package/lib/toggle-switch/toggle-switch.component.d.ts

@@ -1,6 +1,7 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
 import { Position } from '../core/types';
+import * as i0 from "@angular/core";
 export declare class GraniteToggleSwitchComponent implements OnChanges {
     private _focusMonitor;
     id: string | null;
@@ -23,4 +24,6 @@ export declare class GraniteToggleSwitchComponent implements OnChanges {
     _toggleSwitchChange(): void;
     _toggleSwitchClick(): void;
     private _getInputElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteToggleSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteToggleSwitchComponent, "granite-toggle-switch", ["graniteToggleSwitch"], { "id": "id"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; "toggleChange": "toggleChange"; "toggleBlur": "toggleBlur"; }, never, ["*"]>;
 }

package/lib/toggle-switch/toggle-switch.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toggle-switch.component";
 export declare class GraniteToggleSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteToggleSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteToggleSwitchModule, [typeof i1.GraniteToggleSwitchComponent], never, [typeof i1.GraniteToggleSwitchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteToggleSwitchModule>;
 }

package/package.json

@@ -1,28 +1,41 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "4.5.0",
+  "version": "5.0.0",
   "peerDependencies": {
-    "@angular/cdk": ">=11.2.13",
-    "@angular/common": ">=11.2.14",
-    "@angular/core": ">=11.2.14",
+    "@angular/cdk": ">=13.0.0",
+    "@angular/common": ">=13.0.0",
+    "@angular/core": ">=13.0.0",
     "@ifsworld/granite-icons": "^1.0.2",
     "@ifsworld/token-interfaces": "^1.0.0",
     "@ifsworld/granite-tokens": "^4.0.0",
     "@microsoft/applicationinsights-web": "^2.8.4",
     "@microsoft/applicationinsights-clickanalytics-js": "^2.8.4",
     "rxjs": "~6.6.3",
-    "@angular/platform-browser": "^11.2.0",
-    "@angular/animations": "^11.2.0"
+    "@angular/platform-browser": "13.3.11",
+    "@angular/animations": "13.3.11",
+    "@angular/platform-browser-dynamic": "13.3.11"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "main": "bundles/ifsworld-granite-components.umd.js",
-  "module": "fesm2015/ifsworld-granite-components.js",
-  "es2015": "fesm2015/ifsworld-granite-components.js",
-  "esm2015": "esm2015/ifsworld-granite-components.js",
-  "fesm2015": "fesm2015/ifsworld-granite-components.js",
+  "module": "fesm2015/ifsworld-granite-components.mjs",
+  "es2020": "fesm2020/ifsworld-granite-components.mjs",
+  "esm2020": "esm2020/ifsworld-granite-components.mjs",
+  "fesm2020": "fesm2020/ifsworld-granite-components.mjs",
+  "fesm2015": "fesm2015/ifsworld-granite-components.mjs",
   "typings": "ifsworld-granite-components.d.ts",
-  "metadata": "ifsworld-granite-components.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ifsworld-granite-components.d.ts",
+      "esm2020": "./esm2020/ifsworld-granite-components.mjs",
+      "es2020": "./fesm2020/ifsworld-granite-components.mjs",
+      "es2015": "./fesm2015/ifsworld-granite-components.mjs",
+      "node": "./fesm2015/ifsworld-granite-components.mjs",
+      "default": "./fesm2020/ifsworld-granite-components.mjs"
+    }
+  },
   "sideEffects": false
 }