@ifsworld/granite-components 12.2.0 → 12.3.0

package/index.d.ts

@@ -50,6 +50,7 @@ export * from './lib/contacts/custom-profile.directive';
 export * from './lib/contacts/contacts-types/contacts.component.public-types';
 export * from './lib/progress-bar/progress-bar.module';
 export * from './lib/progress-bar/progress-bar.component';
+export * from './lib/progress-bar/progress-bar.model';
 export * from './lib/core/client-environment';
 export * from './lib/core/core.module';
 export * from './lib/core/devices/client-output-touch.directive';

package/lib/progress-bar/progress-bar-legend/progress-bar-legend.component.d.ts

@@ -0,0 +1,8 @@
+import { LegendBaseComponent } from '../progress-bar-legend-base';
+import { GraniteProgressLegendInterface } from '../progress-bar.model';
+import * as i0 from "@angular/core";
+export declare class GraniteProgressBarLegendComponent extends LegendBaseComponent {
+    legendItems: GraniteProgressLegendInterface[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarLegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarLegendComponent, "granite-progress-bar-legend", never, { "legendItems": { "alias": "legendItems"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/progress-bar/progress-bar-legend-base.d.ts

@@ -0,0 +1,17 @@
+import { Direction } from '@angular/cdk/bidi';
+import { TemplateRef } from '@angular/core';
+import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import * as i0 from "@angular/core";
+export type PositionX = 'before' | 'after';
+export type PositionY = 'above' | 'below';
+export declare class LegendBaseComponent {
+    templateRef: TemplateRef<any>;
+    xPosition: PositionX;
+    yPosition: PositionY;
+    direction: Direction;
+    readonly panelId: string;
+    clientInput: ClientInputInterface;
+    clientOutput: ClientOutputInterface;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LegendBaseComponent, never, never, {}, {}, never, never, false, never>;
+}

package/lib/progress-bar/progress-bar-legend-trigger-for.directive.d.ts

@@ -0,0 +1,41 @@
+import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { Overlay, OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
+import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import { Directionality } from '@angular/cdk/bidi';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { GraniteProgressBarLegendComponent } from './progress-bar-legend/progress-bar-legend.component';
+import * as i0 from "@angular/core";
+export declare class GraniteProgressBarLegendTriggerForDirective implements OnDestroy {
+    private _overlay;
+    private _element;
+    private _viewContainerRef;
+    private _outsideClickDispatcher;
+    /** Client input device information */
+    _clientInput: ClientInputInterface;
+    /** Client output device information */
+    _clientOutput: ClientOutputInterface;
+    private _dir;
+    private _focusMonitor;
+    legend: GraniteProgressBarLegendComponent;
+    _isLegendOpen: boolean;
+    private _portal;
+    private _overlayRef;
+    constructor(_overlay: Overlay, _element: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _outsideClickDispatcher: OverlayOutsideClickDispatcher, 
+    /** Client input device information */
+    _clientInput: ClientInputInterface, 
+    /** Client output device information */
+    _clientOutput: ClientOutputInterface, _dir: Directionality, _focusMonitor: FocusMonitor);
+    ngOnDestroy(): void;
+    openLegend(): void;
+    toggleLegend(): void;
+    closeLegend(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    _handleClick(): void;
+    _restoreFocus(origin?: FocusOrigin, options?: FocusOptions): void;
+    private _desktopPositionStrategy;
+    private _setPosition;
+    private _positionStrategy;
+    private _touchPositionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarLegendTriggerForDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteProgressBarLegendTriggerForDirective, "[graniteProgressBarLegendTriggerFor]", never, { "legend": { "alias": "graniteProgressBarLegendTriggerFor"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/progress-bar/progress-bar.component.d.ts

@@ -1,13 +1,16 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
+import { GraniteProgressInterface, GraniteProgressLegendInterface } from './progress-bar.model';
 import * as i0 from "@angular/core";
 export declare class GraniteProgressBarComponent implements OnChanges {
     progressBarData: GraniteProgressInterface[];
     showLabel: boolean;
+    showLegend: boolean;
     DEFAULT_TOTAL: number;
     DEFAULT_BACKGROUND: string;
     DEFAULT_STACK_COLOR: string;
     DEFAULT_COLOR: string;
     total: number;
+    legendItems: GraniteProgressLegendInterface[];
     getBackgroundColor(): string;
     getFontColor(color: string): string;
     getStackColor(color: string): string;
@@ -16,14 +19,8 @@ export declare class GraniteProgressBarComponent implements OnChanges {
     getStringOfWidth(width: number): string;
     checkStackTotal(): void;
     getStackTotal(): number;
+    setLegendItems(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarComponent, "granite-progress-bar", ["graniteProgressBar"], { "progressBarData": { "alias": "progressBarData"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, never, never, false, never>;
-}
-export interface GraniteProgressInterface {
-    value: number;
-    label?: string;
-    valueLabel?: string;
-    backgroundColor?: string;
-    foregroundColor?: string;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarComponent, "granite-progress-bar", ["graniteProgressBar"], { "progressBarData": { "alias": "progressBarData"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/progress-bar/progress-bar.model.d.ts

@@ -0,0 +1,11 @@
+export interface GraniteProgressInterface {
+    value: number;
+    label?: string;
+    valueLabel?: string;
+    backgroundColor?: string;
+    foregroundColor?: string;
+}
+export interface GraniteProgressLegendInterface {
+    label: string;
+    backgroundColor: string;
+}

package/lib/progress-bar/progress-bar.module.d.ts

@@ -1,10 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./progress-bar.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../core/core.module";
-import * as i4 from "@ifsworld/granite-components/tooltip";
+import * as i2 from "./progress-bar-legend/progress-bar-legend.component";
+import * as i3 from "./progress-bar-legend-trigger-for.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../core/core.module";
+import * as i6 from "@ifsworld/granite-components/tooltip";
+import * as i7 from "../icon/icon.module";
+import * as i8 from "../button/button.module";
 export declare class GraniteProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteProgressBarModule, [typeof i1.GraniteProgressBarComponent], [typeof i2.CommonModule, typeof i3.GraniteCoreModule, typeof i4.GraniteTooltipModule], [typeof i1.GraniteProgressBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteProgressBarModule, [typeof i1.GraniteProgressBarComponent, typeof i2.GraniteProgressBarLegendComponent, typeof i3.GraniteProgressBarLegendTriggerForDirective], [typeof i4.CommonModule, typeof i5.GraniteCoreModule, typeof i6.GraniteTooltipModule, typeof i7.GraniteIconModule, typeof i8.GraniteButtonModule], [typeof i1.GraniteProgressBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GraniteProgressBarModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "12.2.0",
+  "version": "12.3.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.4",
@@ -35,17 +35,17 @@
       "esm": "./esm2022/date-picker/ifsworld-granite-components-date-picker.mjs",
       "default": "./fesm2022/ifsworld-granite-components-date-picker.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "esm2022": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
-      "esm": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
-      "default": "./fesm2022/ifsworld-granite-components-tooltip.mjs"
-    },
     "./table": {
       "types": "./table/index.d.ts",
       "esm2022": "./esm2022/table/ifsworld-granite-components-table.mjs",
       "esm": "./esm2022/table/ifsworld-granite-components-table.mjs",
       "default": "./fesm2022/ifsworld-granite-components-table.mjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "esm2022": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
+      "esm": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-tooltip.mjs"
     }
   },
   "sideEffects": false