@fundamental-ngx/core 0.46.0-rc.39 → 0.46.0-rc.40

package/avatar-group/index.d.ts

@@ -1,10 +1,9 @@
-export * from './avatar-group.module';
 export * from './avatar-group.component';
+export * from './avatar-group.module';
+export * from './components/avatar-group-overflow-body/avatar-group-overflow-body.component';
+export * from './components/avatar-group-overflow-button.component';
 export * from './directives/avatar-group-item.directive';
-export * from './directives/avatar-group-focusable-avatar.directive';
-export * from './directives/avatar-group-popover-control.directive';
 export * from './directives/avatar-group-overflow-body.directive';
-export * from './directives/avatar-group-overflow-item.directive';
 export * from './directives/avatar-group-overflow-button.directive';
-export * from './directives/avatar-group-overflow-button-text.directive';
-export * from './avatar-group.interface';
+export * from './tokens';
+export * from './types';

package/avatar-group/tokens.d.ts

@@ -1,7 +1,3 @@
 import { InjectionToken } from '@angular/core';
-import { FocusableOption } from '@angular/cdk/a11y';
-import { HasElementRef } from '@fundamental-ngx/cdk/utils';
-import { AvatarGroupInterface } from './avatar-group.interface';
-export type FocusableWithElementRef = FocusableOption & HasElementRef;
-export declare const AVATAR_GROUP_FOCUSABLE_AVATAR_DIRECTIVE: InjectionToken<FocusableWithElementRef>;
-export declare const AVATAR_GROUP_COMPONENT: InjectionToken<AvatarGroupInterface>;
+import { AvatarGroupHostConfig } from './types';
+export declare const AVATAR_GROUP_HOST_CONFIG: InjectionToken<AvatarGroupHostConfig>;

package/avatar-group/types.d.ts

@@ -0,0 +1,9 @@
+import { Size } from '@fundamental-ngx/cdk/utils';
+export type AvatarGroupType = 'individual' | 'group';
+export type AvatarGroupOrientation = 'horizontal' | 'vertical';
+export type AvatarGroupSize = Size;
+export interface AvatarGroupHostConfig {
+    type: AvatarGroupType;
+    orientation: AvatarGroupOrientation;
+    size: AvatarGroupSize;
+}

package/avatar-group-legacy/README.md

@@ -0,0 +1,25 @@
+# AvatarGroupLegacy
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project avatar-group-legacy` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project avatar-group-legacy`.
+
+> Note: Don't forget to add `--project avatar-group-legacy` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build avatar-group-legacy` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build avatar-group-legacy`, go to the dist folder `cd dist/avatar-group-legacy` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test avatar-group-legacy` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/avatar-group-legacy/avatar-group-legacy.component.d.ts

@@ -0,0 +1,76 @@
+import { ViewportRuler } from '@angular/cdk/overlay';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { ColorAccent, Nullable, RtlService, Size } from '@fundamental-ngx/cdk/utils';
+import { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';
+import { AvatarGroupLegacyItemDirective } from './directives/avatar-group-legacy-item.directive';
+import * as i0 from "@angular/core";
+export type AvatarGroupLegacyType = 'group' | 'individual';
+export type AvatarGroupLegacyOverflowButtonColor = 'neutral' | 'random' | ColorAccent;
+export declare class AvatarGroupLegacyComponent implements AvatarGroupLegacyInterface, OnChanges, OnInit, AfterViewInit, OnDestroy {
+    private readonly _viewportRuler;
+    private _rtlService;
+    /** Id of the Avatar Group. */
+    id: string;
+    /** Apply user custom class. */
+    class: string;
+    /** The size of the Avatar Group. Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */
+    size: Size;
+    /** The type of the Avatar Group. Options include: *group* and *individual* (default: *group*). */
+    type: AvatarGroupLegacyType;
+    /** Aria-label for Avatar Group. */
+    ariaLabel: Nullable<string>;
+    /** Counter for all avatars. */
+    allItemsCount: number;
+    /** Counter for visible in overflow popover avatars. */
+    overflowItemsCount: number;
+    /** @hidden Avatar Group items. */
+    mainItems: QueryList<AvatarGroupLegacyItemDirective>;
+    /** @hidden */
+    avatarGroupContainer: ElementRef<HTMLDivElement>;
+    /** @hidden */
+    rootClassNames: Record<string, boolean | undefined | null>;
+    /** @hidden */
+    get isGroupType(): boolean;
+    /** @hidden */
+    private get _avatarGroupWidth();
+    /** @hidden */
+    private get _avatarGroupItemWidth();
+    /** @hidden */
+    private get _avatarGroupItemWithMarginsWidth();
+    /** @hidden FocusKeyManager instance */
+    private _keyboardEventsManager;
+    /** @hidden */
+    private readonly _subscription;
+    /** @hidden handles rtl service */
+    private _dir;
+    /** @hidden */
+    constructor(_viewportRuler: ViewportRuler, _rtlService: RtlService);
+    /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
+    ngOnChanges(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** @hidden */
+    keyUpHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    _setActiveItem(item: AvatarGroupLegacyItemDirective): void;
+    /** @hidden */
+    private _onResize;
+    /** @hidden */
+    private _reset;
+    /** @hidden */
+    private _collapseItems;
+    /** @hidden */
+    private _listenForItemChanges;
+    /** @hidden */
+    private _assignCssClasses;
+    /** @hidden */
+    private _setKeyboardEventsManager;
+    /** @hidden Rtl change subscription */
+    private _subscribeToRtl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroupLegacyComponent, "fd-avatar-group-legacy", never, { "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, ["mainItems"], ["*"], true, never, false>;
+}

package/{avatar-group/avatar-group.interface.d.ts → avatar-group-legacy/avatar-group-legacy.interface.d.ts}

@@ -1,4 +1,4 @@
 import { FocusableOption } from '@angular/cdk/a11y';
-export interface AvatarGroupInterface {
+export interface AvatarGroupLegacyInterface {
     _setActiveItem(item: FocusableOption): void;
 }

package/avatar-group-legacy/avatar-group-legacy.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./avatar-group-legacy.component";
+import * as i2 from "./directives/avatar-group-legacy-item.directive";
+import * as i3 from "./directives/avatar-group-legacy-focusable-avatar.directive";
+import * as i4 from "./directives/avatar-group-legacy-popover-control.directive";
+import * as i5 from "./directives/avatar-group-legacy-overflow-body.directive";
+import * as i6 from "./directives/avatar-group-legacy-overflow-item.directive";
+import * as i7 from "./directives/avatar-group-legacy-overflow-button.directive";
+import * as i8 from "./directives/avatar-group-legacy-overflow-button-text.directive";
+export declare class AvatarGroupLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarGroupLegacyModule, never, [typeof i1.AvatarGroupLegacyComponent, typeof i2.AvatarGroupLegacyItemDirective, typeof i3.AvatarGroupLegacyFocusableAvatarDirective, typeof i4.AvatarGroupLegacyPopoverControlDirective, typeof i5.AvatarGroupLegacyOverflowBodyDirective, typeof i6.AvatarGroupLegacyOverflowItemDirective, typeof i7.AvatarGroupLegacyOverflowButtonDirective, typeof i8.AvatarGroupLegacyOverflowButtonTextDirective], [typeof i1.AvatarGroupLegacyComponent, typeof i2.AvatarGroupLegacyItemDirective, typeof i3.AvatarGroupLegacyFocusableAvatarDirective, typeof i4.AvatarGroupLegacyPopoverControlDirective, typeof i5.AvatarGroupLegacyOverflowBodyDirective, typeof i6.AvatarGroupLegacyOverflowItemDirective, typeof i7.AvatarGroupLegacyOverflowButtonDirective, typeof i8.AvatarGroupLegacyOverflowButtonTextDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarGroupLegacyModule>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-focusable-avatar.directive.d.ts

@@ -0,0 +1,19 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { ElementRef } from '@angular/core';
+import { HasElementRef } from '@fundamental-ngx/cdk/utils';
+import { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyFocusableAvatarDirective implements FocusableOption, HasElementRef {
+    readonly elementRef: ElementRef<HTMLElement>;
+    private readonly _component;
+    /** Tabindex of the Avatar. */
+    tabindex: number;
+    /** @hidden */
+    constructor(elementRef: ElementRef<HTMLElement>, _component: AvatarGroupLegacyInterface);
+    /** Handler for mouse events */
+    onClick(): void;
+    /** @hidden */
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyFocusableAvatarDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyFocusableAvatarDirective, "[fd-avatar-group-legacy-focusable-avatar]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-item.directive.d.ts

@@ -0,0 +1,20 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { ElementRef } from '@angular/core';
+import { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyItemDirective implements FocusableOption {
+    private readonly _elementRef;
+    private readonly _component;
+    /** Item disable state */
+    disabled: boolean;
+    /** @hidden */
+    constructor(_elementRef: ElementRef<HTMLElement>, _component: AvatarGroupLegacyInterface);
+    /** @hidden */
+    get _element(): HTMLElement;
+    /** Handler for mouse events */
+    onClick(): void;
+    /** @hidden */
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyItemDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyItemDirective, "[fd-avatar-group-legacy-item]", never, {}, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-overflow-body.directive.d.ts

@@ -0,0 +1,40 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { AfterViewInit, OnDestroy, QueryList } from '@angular/core';
+import { HasElementRef, RtlService } from '@fundamental-ngx/cdk/utils';
+import { FocusableWithElementRef } from '../tokens';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyOverflowBodyDirective implements AfterViewInit, OnDestroy {
+    private _rtlService;
+    /** Remove the padding from the overflow body. */
+    noPadding: boolean;
+    /** Hide horizontal scrollbar from the overflow body. */
+    noHorizontalScroll: boolean;
+    /** Hide vertical scrollbar from the overflow body. */
+    noVerticalScroll: boolean;
+    /** @hidden Avatar Group Overflow items. */
+    overflowItems: QueryList<FocusableWithElementRef>;
+    /** @hidden FocusKeyManager instance */
+    private _keyboardEventsManager;
+    /** @hidden */
+    private readonly _subscription;
+    /** @hidden handles rtl service */
+    private _dir;
+    /** @hidden */
+    constructor(_rtlService: RtlService);
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** @hidden */
+    keyUpHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    _setActiveItem(item: FocusableOption & HasElementRef): void;
+    /** @hidden */
+    private _listenForItemChanges;
+    /** @hidden */
+    private _setKeyboardEventsManager;
+    /** @hidden Rtl change subscription */
+    private _subscribeToRtl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyOverflowBodyDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyOverflowBodyDirective, "[fd-avatar-group-legacy-overflow-body]", never, { "noPadding": { "alias": "noPadding"; "required": false; }; "noHorizontalScroll": { "alias": "noHorizontalScroll"; "required": false; }; "noVerticalScroll": { "alias": "noVerticalScroll"; "required": false; }; }, {}, ["overflowItems"], never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-overflow-button-text.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyOverflowButtonTextDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyOverflowButtonTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyOverflowButtonTextDirective, "[fd-avatar-group-legacy-overflow-button-text]", never, {}, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-overflow-button.directive.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, OnChanges, OnInit } from '@angular/core';
+import { CssClassBuilder, Size } from '@fundamental-ngx/cdk/utils';
+import { AvatarGroupLegacyOverflowButtonColor } from '../avatar-group-legacy.component';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyOverflowButtonDirective implements OnInit, OnChanges, CssClassBuilder {
+    readonly elementRef: ElementRef;
+    /** User's custom classes. */
+    class: string;
+    /** The size of the overflow button.
+     * Should be the same as the Avatar Group and Avatar size.
+     * Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */
+    size: Size;
+    /** A number from 1 to 10 representing the background color of the Avatar Group's overflow button.
+     * Options include: *neutral*, *random*, *1*, *2*, *3*, *4*, *5*, *6*, *7*, *8*, *9*, *10* (default: *neutral*). */
+    color: AvatarGroupLegacyOverflowButtonColor;
+    /** @hidden */
+    constructor(elementRef: ElementRef);
+    /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
+    ngOnChanges(): void;
+    /** @hidden */
+    buildComponentCssClass(): string[];
+    /** @hidden */
+    private _getMoreButtonColorCssClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyOverflowButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyOverflowButtonDirective, "[fd-avatar-group-legacy-overflow-button]", never, { "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-overflow-item.directive.d.ts

@@ -0,0 +1,6 @@
+import { AvatarGroupLegacyItemDirective } from './avatar-group-legacy-item.directive';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupLegacyOverflowItemDirective extends AvatarGroupLegacyItemDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyOverflowItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyOverflowItemDirective, "[fd-avatar-group-legacy-overflow-item]", never, {}, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/directives/avatar-group-legacy-popover-control.directive.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+/** Needed to bind specific class to group type popover control. */
+export declare class AvatarGroupLegacyPopoverControlDirective {
+    /** Tabindex of the popover control. */
+    tabindex: number;
+    /** Role of the popover control. */
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupLegacyPopoverControlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarGroupLegacyPopoverControlDirective, "[fd-avatar-group-legacy-popover-control]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never, false>;
+}

package/avatar-group-legacy/index.d.ts

@@ -0,0 +1,10 @@
+export * from './avatar-group-legacy.component';
+export * from './avatar-group-legacy.interface';
+export * from './avatar-group-legacy.module';
+export * from './directives/avatar-group-legacy-focusable-avatar.directive';
+export * from './directives/avatar-group-legacy-item.directive';
+export * from './directives/avatar-group-legacy-overflow-body.directive';
+export * from './directives/avatar-group-legacy-overflow-button-text.directive';
+export * from './directives/avatar-group-legacy-overflow-button.directive';
+export * from './directives/avatar-group-legacy-overflow-item.directive';
+export * from './directives/avatar-group-legacy-popover-control.directive';

package/avatar-group-legacy/tokens.d.ts

@@ -0,0 +1,7 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { InjectionToken } from '@angular/core';
+import { HasElementRef } from '@fundamental-ngx/cdk/utils';
+import { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';
+export type FocusableWithElementRef = FocusableOption & HasElementRef;
+export declare const AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE: InjectionToken<FocusableWithElementRef>;
+export declare const AVATAR_GROUP_LEGACY_COMPONENT: InjectionToken<AvatarGroupLegacyInterface>;