@ifsworld/granite-components 11.7.2 → 11.8.0

package/index.d.ts

@@ -37,6 +37,17 @@ export * from './lib/chips/chip.component';
 export * from './lib/chips/chip-input';
 export * from './lib/label/label.module';
 export * from './lib/label/label.component';
+export * from './lib/contacts/contacts.module';
+export * from './lib/contacts/contacts.component';
+export * from './lib/contacts/contacts-types/contacts.component.public-types';
+export * from './lib/contacts/contacts-profile/contacts-profile.component';
+export * from './lib/contacts/contact-item/contact-item.component';
+export * from './lib/contacts/contact-item-default-status/contact-item-default-status.component';
+export * from './lib/contacts/contact-item-title/contact-item-title.component';
+export * from './lib/contacts/contacts-trigger/contacts-trigger-for.directive';
+export * from './lib/contacts/custom-status.directive';
+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/core/client-environment';

package/lib/contacts/contact-item/contact-item.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { Contact, ContactOptions } from '../contacts-types/contacts.component.public-types';
+import { ContactExtended } from '../contacts-types/contacts.component.private-types';
+import * as i0 from "@angular/core";
+export declare class GraniteContactItemComponent {
+    contact: ContactExtended;
+    selectedContact: EventEmitter<Contact | ContactOptions>;
+    emitSelectedContact(contact: ContactExtended): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteContactItemComponent, "granite-contact-item", never, { "contact": { "alias": "contact"; "required": false; }; }, { "selectedContact": "selectedContact"; }, never, never, false, never>;
+}

package/lib/contacts/contact-item-default-status/contact-item-default-status.component.d.ts

@@ -0,0 +1,15 @@
+import { ContactDefaultStatuses } from '../contacts-types/contacts.component.public-types';
+import * as i0 from "@angular/core";
+export declare class ContactItemDefaultStatusComponent {
+    status: ContactDefaultStatuses;
+    CONTACT_STATUS: {
+        readonly AVAILABLE: "Available";
+        readonly AWAY: "Away";
+        readonly BE_RIGHT_BACK: "BeRightBack";
+        readonly BUSY: "Busy";
+        readonly DO_NOT_DISTURB: "DoNotDisturb";
+        readonly OFFLINE: "Offline";
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContactItemDefaultStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContactItemDefaultStatusComponent, "granite-contact-item-default-status", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/contacts/contact-item-title/contact-item-title.component.d.ts

@@ -0,0 +1,7 @@
+import { ContactExtended } from '../contacts-types/contacts.component.private-types';
+import * as i0 from "@angular/core";
+export declare class GraniteContactItemTitleComponent {
+    contact: ContactExtended;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactItemTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteContactItemTitleComponent, "granite-contact-item-title", never, { "contact": { "alias": "contact"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/contacts/contacts-profile/contacts-profile.component.d.ts

@@ -0,0 +1,12 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { Profile } from '../contacts-types/contacts.component.public-types';
+import * as i0 from "@angular/core";
+export declare class GraniteContactsProfileComponent implements OnChanges {
+    profile: Profile;
+    profileClass: any;
+    _initials: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    private createProfileInitials;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactsProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteContactsProfileComponent, "granite-contacts-profile", never, { "profile": { "alias": "profile"; "required": false; }; "profileClass": { "alias": "profileClass"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/contacts/contacts-trigger/contacts-trigger-data.d.ts

@@ -0,0 +1,23 @@
+import { TemplateRef } from '@angular/core';
+import { ClientInputInterface, ClientOutputInterface } from '../../core/client-environment';
+import { Direction } from '@angular/cdk/bidi';
+import * as i0 from "@angular/core";
+export type PositionX = 'before' | 'after';
+export type PositionY = 'above' | 'below';
+export declare class ContactsTriggerDataComponent {
+    templateRef: TemplateRef<unknown>;
+    xPosition: PositionX;
+    yPosition: PositionY;
+    direction: Direction;
+    /**
+     * Used for locating the panel in tests and setting the aria-control attribute
+     * for the contacts trigger.
+     */
+    readonly panelId: string;
+    /** Client input device information */
+    clientInput: ClientInputInterface;
+    /** Client output device information */
+    clientOutput: ClientOutputInterface;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContactsTriggerDataComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContactsTriggerDataComponent, never, never, {}, {}, never, never, false, never>;
+}

package/lib/contacts/contacts-trigger/contacts-trigger-for.directive.d.ts

@@ -0,0 +1,69 @@
+import { AfterContentInit, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { Overlay, OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
+import { GraniteContactsComponent } from '../contacts.component';
+import { ClientInputInterface, ClientOutputInterface } from '../../core/client-environment';
+import * as i0 from "@angular/core";
+export declare class GraniteContactsTriggerForDirective implements AfterContentInit, 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;
+    /** References the contacts instance that the trigger is associated with. */
+    contacts: GraniteContactsComponent;
+    /** Whether the associated contacts is open */
+    _isContactsOpen: boolean;
+    private _contactsCloseSubscription;
+    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);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    isOpen(): boolean;
+    openContacts(): void;
+    /** Toggles the contacts between the open and closed states. */
+    toggleContacts(): void;
+    /** Close the associated contacts */
+    closeContacts(): void;
+    /** Handles key presses on the trigger. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /** Handles click events on the trigger. */
+    _handleClick(): void;
+    /**
+     * Restores focus to the element that was focused before the contacts was open.
+     */
+    _restoreFocus(origin?: FocusOrigin, options?: FocusOptions): void;
+    /**
+     * Returns strategy for positioning the overlay for desktop devices:
+     */
+    private _desktopPositionStrategy;
+    /**
+     * Sets the appropriate positions on a position strategy
+     * so the overlay connects with the trigger correctly.
+     * @param positionStrategy Strategy whose position to update.
+     */
+    private _setPosition;
+    /**
+     * Returns strategy for positioning the overlay depending on what type of
+     * device the contacts is being shown on
+     */
+    private _positionStrategy;
+    /**
+     * Returns strategy for positioning the overlay for touch devices:
+     * Place centered in the screen.
+     */
+    private _touchPositionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactsTriggerForDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteContactsTriggerForDirective, "[graniteContactsTriggerFor]", never, { "contacts": { "alias": "graniteContactsTriggerFor"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/contacts/contacts-types/contacts.component.private-types.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+import { Contact } from './contacts.component.public-types';
+export interface ContactExtended extends Contact {
+    statusTemplate?: TemplateRef<unknown>;
+}

package/lib/contacts/contacts-types/contacts.component.public-types.d.ts

@@ -0,0 +1,24 @@
+export type ContactDefaultStatuses = (typeof CONTACT_DEFAULT_STATUS)[keyof typeof CONTACT_DEFAULT_STATUS];
+export declare const CONTACT_DEFAULT_STATUS: {
+    readonly AVAILABLE: "Available";
+    readonly AWAY: "Away";
+    readonly BE_RIGHT_BACK: "BeRightBack";
+    readonly BUSY: "Busy";
+    readonly DO_NOT_DISTURB: "DoNotDisturb";
+    readonly OFFLINE: "Offline";
+};
+export interface Contact {
+    name: string;
+    label: string;
+    iconName?: string;
+    status?: ContactDefaultStatuses | string;
+    options?: ContactOptions[];
+    disabled?: boolean;
+}
+export type ContactOptions = Omit<Contact, 'options'>;
+export interface Profile {
+    name?: string;
+    surname?: string;
+    jobTitle?: string;
+    avatar?: string;
+}

package/lib/contacts/contacts.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter, QueryList, AfterContentChecked, OnChanges, SimpleChanges } from '@angular/core';
+import { Contact, ContactOptions, Profile } from './contacts-types/contacts.component.public-types';
+import { ContactsTriggerDataComponent } from './contacts-trigger/contacts-trigger-data';
+import { GraniteCustomStatusDirective } from './custom-status.directive';
+import { ContactExtended } from './contacts-types/contacts.component.private-types';
+import { GraniteCustomProfileDirective } from './custom-profile.directive';
+import * as i0 from "@angular/core";
+export declare class GraniteContactsComponent extends ContactsTriggerDataComponent implements OnChanges, AfterContentChecked {
+    contacts: Contact[];
+    profile: Profile | unknown;
+    profileClass: string;
+    defaultShow: boolean;
+    readonly selectedContact: EventEmitter<Contact | ContactOptions>;
+    _customStatuses: QueryList<GraniteCustomStatusDirective>;
+    customProfileDirective: GraniteCustomProfileDirective;
+    _contactsExtended: ContactExtended[];
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentChecked(): void;
+    onSelectedContact(contact: Contact | ContactOptions): void;
+    private setProperCustomStatusTemplates;
+    private applyTemplates;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteContactsComponent, "granite-contacts", ["graniteContacts"], { "contacts": { "alias": "contacts"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "profileClass": { "alias": "profileClass"; "required": false; }; "defaultShow": { "alias": "defaultShow"; "required": false; }; }, { "selectedContact": "selectedContact"; }, ["customProfileDirective", "_customStatuses"], never, false, never>;
+}

package/lib/contacts/contacts.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./contacts.component";
+import * as i2 from "./contacts-profile/contacts-profile.component";
+import * as i3 from "./contact-item/contact-item.component";
+import * as i4 from "./contact-item-default-status/contact-item-default-status.component";
+import * as i5 from "./contact-item-title/contact-item-title.component";
+import * as i6 from "./contacts-trigger/contacts-trigger-for.directive";
+import * as i7 from "./custom-status.directive";
+import * as i8 from "./custom-profile.directive";
+import * as i9 from "../icon/icon.module";
+import * as i10 from "@angular/common";
+export declare class GraniteContactsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteContactsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteContactsModule, [typeof i1.GraniteContactsComponent, typeof i2.GraniteContactsProfileComponent, typeof i3.GraniteContactItemComponent, typeof i4.ContactItemDefaultStatusComponent, typeof i5.GraniteContactItemTitleComponent, typeof i6.GraniteContactsTriggerForDirective, typeof i7.GraniteCustomStatusDirective, typeof i8.GraniteCustomProfileDirective], [typeof i9.GraniteIconModule, typeof i10.CommonModule], [typeof i1.GraniteContactsComponent, typeof i6.GraniteContactsTriggerForDirective, typeof i3.GraniteContactItemComponent, typeof i7.GraniteCustomStatusDirective, typeof i8.GraniteCustomProfileDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteContactsModule>;
+}

package/lib/contacts/custom-profile.directive.d.ts

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

package/lib/contacts/custom-status.directive.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class GraniteCustomStatusDirective {
+    templateRef: TemplateRef<unknown>;
+    graniteCustomStatus: string;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCustomStatusDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCustomStatusDirective, "[graniteCustomStatus]", never, { "graniteCustomStatus": { "alias": "graniteCustomStatus"; "required": false; }; }, {}, never, never, false, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "11.7.2",
+  "version": "11.8.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.4",