@fundamental-ngx/core 0.35.0-rc.11 → 0.35.0-rc.12

package/action-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-bar",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/action-sheet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-sheet",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/alert",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar-group/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar-group",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/bar",
-  "version": "0.35.0-rc.11",
+  "version": "0.35.0-rc.12",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/breadcrumb/breadcrumb-hidden-item/breadcrumb-hidden-item.component.d.ts

@@ -0,0 +1,23 @@
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { BreadcrumbItemComponent } from '../breadcrumb-item.component';
+import { DomPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+export declare class BreadcrumbHiddenItemComponent implements AfterViewInit {
+    private _cdr;
+    /** Breadcrumb item ref, which is hidden from user and needs to be transformed into menu item */
+    breadcrumbItem: BreadcrumbItemComponent;
+    /** In case there is no link in Item and breadcrumb item is non-interactive, we move whole item content to menu item title */
+    breadcrumbItemPortal: DomPortal<Element>;
+    /** When breadcrumb item has link in it, we are moving link content to menu item title */
+    linkContentPortal: DomPortal;
+    constructor(_cdr: ChangeDetectorRef);
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /**
+     * We catch interactions with item, Enter, Space, Mouse click and Touch click,
+     * if original element had router link we are proxying click to that element
+     * */
+    itemClicked($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbHiddenItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbHiddenItemComponent, "fd-breadcrumb-hidden-item", never, { "breadcrumbItem": "breadcrumbItem"; }, {}, never, never>;
+}

package/breadcrumb/breadcrumb-item.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { LinkComponent } from '@fundamental-ngx/core/link';
+import * as i0 from "@angular/core";
+/**
+ * Breadcrumb item directive. Must have child breadcrumb link directives.
+ *
+ * ```html
+ * <fd-breadcrumb-item>
+ *     <a fd-link [routerLink]="'#'">Breadcrumb Link</a>
+ * </fd-breadcrumb-item>
+ * ```
+ */
+export declare class BreadcrumbItemComponent {
+    private _elementRef;
+    private renderer2;
+    /** @hidden */
+    get elementRef(): ElementRef<HTMLElement>;
+    /** @hidden */
+    breadcrumbLink: LinkComponent;
+    /** @hidden */
+    get width(): number;
+    constructor(_elementRef: ElementRef<HTMLElement>, renderer2: Renderer2);
+    /** @hidden */
+    get needsClickProxy(): boolean;
+    show: () => void;
+    hide: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "fd-breadcrumb-item", never, {}, {}, ["breadcrumbLink"], ["*"]>;
+}

package/breadcrumb/breadcrumb.component.d.ts

@@ -1,10 +1,9 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { BreadcrumbItemDirective } from './breadcrumb-item.directive';
-import { RtlService } from '@fundamental-ngx/core/utils';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { BreadcrumbItemComponent } from './breadcrumb-item.component';
+import { ContentDensityService, ResizeObserverService, RtlService } from '@fundamental-ngx/core/utils';
 import { BehaviorSubject } from 'rxjs';
 import { MenuComponent } from '@fundamental-ngx/core/menu';
 import { Placement } from '@fundamental-ngx/core/shared';
-import { ContentDensityService } from '@fundamental-ngx/core/utils';
 import * as i0 from "@angular/core";
 /**
  * Breadcrumb parent wrapper directive. Must have breadcrumb item child directives.
@@ -12,26 +11,26 @@ import * as i0 from "@angular/core";
  * ```html
  * <fd-breadcrumb>
  *     <fd-breadcrumb-item>
- *         <a fd-breadcrumb-link [routerLink]="'#'">Breadcrumb Link</a>
+ *         <a fd-link [routerLink]="'#'">Breadcrumb Link</a>
  *     </fd-breadcrumb-item>
  * </fd-breadcrumb>
  * ```
  */
-export declare class BreadcrumbComponent implements AfterContentInit, OnInit, OnDestroy {
-    elementRef: ElementRef;
+export declare class BreadcrumbComponent implements AfterViewInit, OnInit, OnDestroy {
+    elementRef: ElementRef<Element>;
     private _rtlService;
     private _contentDensityService;
     private _cdRef;
+    private _resizeObserver;
+    private _ngZone;
     /** Whenever links wrapped inside overflow should be displayed in compact mode  */
     compact?: boolean;
     /** @hidden */
-    breadcrumbItems: QueryList<BreadcrumbItemDirective>;
+    breadcrumbItems: QueryList<BreadcrumbItemComponent>;
     /** @hidden */
     menuComponent: MenuComponent;
     /** @hidden */
-    collapsedBreadcrumbItems: Array<BreadcrumbItemDirective>;
-    /** @hidden used to compare to the current width to know whether to collapse or expand breadcrumbs */
-    previousContainerWidth: number;
+    collapsedBreadcrumbItems: Array<BreadcrumbItemComponent>;
     /** @hidden */
     placement$: BehaviorSubject<Placement>;
     /**
@@ -39,46 +38,24 @@ export declare class BreadcrumbComponent implements AfterContentInit, OnInit, On
      * performs better. When not provided, the immediate parent element's width will be used.
      */
     containerElement: HTMLElement;
-    /** Whether or not to append items to the overflow dropdown in reverse order. Default is true. */
+    /** Whether to append items to the overflow dropdown in reverse order. Default is true. */
     reverse: boolean;
     /** @hidden */
     containerBoundary: number;
     /** @hidden */
     private _subscriptions;
-    constructor(elementRef: ElementRef, _rtlService: RtlService, _contentDensityService: ContentDensityService, _cdRef: ChangeDetectorRef);
     /** @hidden */
-    ngAfterContentInit(): void;
+    private _itemToSize;
+    constructor(elementRef: ElementRef<Element>, _rtlService: RtlService, _contentDensityService: ContentDensityService, _cdRef: ChangeDetectorRef, _resizeObserver: ResizeObserverService, _ngZone: NgZone);
     /** @hidden */
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */
     onResize(): void;
     /** @hidden */
-    keyDownHandle(event: KeyboardEvent): void;
-    /** @hidden */
-    getContainerBoundary(): number;
-    /**
-     * @hidden
-     *
-     * This function moves breadcrumbs from the original QueryList of BreadCrumbItemDirectives into the array of
-     * collapsedBreadcrumbItems.
-     * */
-    collapseBreadcrumbs(): void;
-    /**
-     * @hidden
-     *
-     * This function removes breadcrumb items from the collapsedBreadcrumbItems array and makes them visible again in the
-     * original QueryList of BreadcrumbItemDirectives.
-     * */
-    expandBreadcrumbs(): void;
-    private fitInBoundries;
-    private getCollapsedItem;
-    private getBreadcrumbToCheck;
-    private applyStylesToBreadcrumb;
-    private popLastElement;
-    private makeBreadcrumbVisible;
-    private makeBreadcrumbInvisible;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, [null, { optional: true; }, { optional: true; }, null]>;
+    keyDownHandle(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, [null, { optional: true; }, { optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "fd-breadcrumb", never, { "compact": "compact"; "containerElement": "containerElement"; "reverse": "reverse"; }, {}, ["breadcrumbItems"], ["*"]>;
 }

package/breadcrumb/breadcrumb.module.d.ts

@@ -1,14 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./breadcrumb.component";
-import * as i2 from "./breadcrumb-item.directive";
-import * as i3 from "./breadcrumb-link.directive";
+import * as i2 from "./breadcrumb-item.component";
+import * as i3 from "./breadcrumb-hidden-item/breadcrumb-hidden-item.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@fundamental-ngx/core/icon";
 import * as i6 from "@fundamental-ngx/core/popover";
 import * as i7 from "@fundamental-ngx/core/menu";
-import * as i8 from "@angular/router";
+import * as i8 from "@fundamental-ngx/core/link";
+import * as i9 from "@angular/cdk/portal";
+import * as i10 from "@fundamental-ngx/core/utils";
 export declare class BreadcrumbModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemDirective, typeof i3.BreadcrumbLinkDirective], [typeof i4.CommonModule, typeof i5.IconModule, typeof i6.PopoverModule, typeof i7.MenuModule, typeof i8.RouterModule], [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemDirective, typeof i3.BreadcrumbLinkDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent, typeof i3.BreadcrumbHiddenItemComponent], [typeof i4.CommonModule, typeof i5.IconModule, typeof i6.PopoverModule, typeof i7.MenuModule, typeof i8.LinkModule, typeof i9.PortalModule, typeof i10.PipeModule], [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent, typeof i8.LinkModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbModule>;
 }

package/breadcrumb/esm2020/breadcrumb-hidden-item/breadcrumb-hidden-item.component.mjs

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
+import { BreadcrumbItemComponent } from '../breadcrumb-item.component';
+import { DomPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core/menu";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/portal";
+export class BreadcrumbHiddenItemComponent {
+    constructor(_cdr) {
+        this._cdr = _cdr;
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        if (this.breadcrumbItem.breadcrumbLink) {
+            this.linkContentPortal = new DomPortal(this.breadcrumbItem.breadcrumbLink.contentSpan.nativeElement);
+        }
+        this.breadcrumbItemPortal = new DomPortal(this.breadcrumbItem.elementRef.nativeElement.firstElementChild);
+        this._cdr.detectChanges();
+    }
+    /**
+     * We catch interactions with item, Enter, Space, Mouse click and Touch click,
+     * if original element had router link we are proxying click to that element
+     * */
+    itemClicked($event) {
+        if (this.breadcrumbItem.needsClickProxy) {
+            $event.preventDefault();
+            this.breadcrumbItem.breadcrumbLink.elementRef().nativeElement.click();
+        }
+    }
+}
+BreadcrumbHiddenItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbHiddenItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbHiddenItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BreadcrumbHiddenItemComponent, selector: "fd-breadcrumb-hidden-item", inputs: { breadcrumbItem: "breadcrumbItem" }, ngImport: i0, template: "<li fd-menu-item [disabled]=\"breadcrumbItem.breadcrumbLink ? breadcrumbItem.breadcrumbLink.disabled : false\">\n    <a\n        fd-menu-interactive\n        (click)=\"itemClicked($event)\"\n        (keydown.enter)=\"itemClicked($event)\"\n        (keydown.space)=\"itemClicked($event)\"\n    >\n        <ng-container *ngIf=\"breadcrumbItem?.breadcrumbLink; else portalContent\">\n            <ng-container *ngIf=\"breadcrumbItem.breadcrumbLink._prefixIconName\">\n                <fd-menu-addon\n                    position=\"before\"\n                    [glyph]=\"breadcrumbItem.breadcrumbLink._prefixIconName\"\n                ></fd-menu-addon>\n            </ng-container>\n            <span fd-menu-title>\n                <ng-container [cdkPortalOutlet]=\"linkContentPortal\"></ng-container>\n            </span>\n            <ng-container *ngIf=\"breadcrumbItem.breadcrumbLink._postfixIconName\">\n                <fd-menu-addon [glyph]=\"breadcrumbItem.breadcrumbLink._postfixIconName\"></fd-menu-addon>\n            </ng-container>\n        </ng-container>\n        <ng-template #portalContent>\n            <span fd-menu-title>\n                <ng-container [cdkPortalOutlet]=\"breadcrumbItemPortal\"></ng-container>\n            </span>\n        </ng-template>\n    </a>\n</li>\n", components: [{ type: i1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { type: i1.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }], directives: [{ type: i1.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MenuTitleDirective, selector: "[fd-menu-title]" }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbHiddenItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fd-breadcrumb-hidden-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li fd-menu-item [disabled]=\"breadcrumbItem.breadcrumbLink ? breadcrumbItem.breadcrumbLink.disabled : false\">\n    <a\n        fd-menu-interactive\n        (click)=\"itemClicked($event)\"\n        (keydown.enter)=\"itemClicked($event)\"\n        (keydown.space)=\"itemClicked($event)\"\n    >\n        <ng-container *ngIf=\"breadcrumbItem?.breadcrumbLink; else portalContent\">\n            <ng-container *ngIf=\"breadcrumbItem.breadcrumbLink._prefixIconName\">\n                <fd-menu-addon\n                    position=\"before\"\n                    [glyph]=\"breadcrumbItem.breadcrumbLink._prefixIconName\"\n                ></fd-menu-addon>\n            </ng-container>\n            <span fd-menu-title>\n                <ng-container [cdkPortalOutlet]=\"linkContentPortal\"></ng-container>\n            </span>\n            <ng-container *ngIf=\"breadcrumbItem.breadcrumbLink._postfixIconName\">\n                <fd-menu-addon [glyph]=\"breadcrumbItem.breadcrumbLink._postfixIconName\"></fd-menu-addon>\n            </ng-container>\n        </ng-container>\n        <ng-template #portalContent>\n            <span fd-menu-title>\n                <ng-container [cdkPortalOutlet]=\"breadcrumbItemPortal\"></ng-container>\n            </span>\n        </ng-template>\n    </a>\n</li>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { breadcrumbItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1oaWRkZW4taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWItaGlkZGVuLWl0ZW0vYnJlYWRjcnVtYi1oaWRkZW4taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWItaGlkZGVuLWl0ZW0vYnJlYWRjcnVtYi1oaWRkZW4taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQU9oRCxNQUFNLE9BQU8sNkJBQTZCO0lBV3RDLFlBQW9CLElBQXVCO1FBQXZCLFNBQUksR0FBSixJQUFJLENBQW1CO0lBQUcsQ0FBQztJQUUvQyxjQUFjO0lBQ2QsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksU0FBUyxDQUNsQyxJQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUMvRCxDQUFDO1NBQ0w7UUFDRCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxTQUFTLENBQ3JDLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBNEIsQ0FDNUUsQ0FBQztRQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVEOzs7U0FHSztJQUNMLFdBQVcsQ0FBQyxNQUFXO1FBQ25CLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLEVBQUU7WUFDckMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUN6RTtJQUNMLENBQUM7OzBIQW5DUSw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrR0NUMUMsZ3hDQTRCQTsyRkRuQmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNJLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTTt3R0FLL0MsY0FBYztzQkFEYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1iSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9tUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtYnJlYWRjcnVtYi1oaWRkZW4taXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWItaGlkZGVuLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJIaWRkZW5JdGVtQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgLyoqIEJyZWFkY3J1bWIgaXRlbSByZWYsIHdoaWNoIGlzIGhpZGRlbiBmcm9tIHVzZXIgYW5kIG5lZWRzIHRvIGJlIHRyYW5zZm9ybWVkIGludG8gbWVudSBpdGVtICovXG4gICAgQElucHV0KClcbiAgICBicmVhZGNydW1iSXRlbTogQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQ7XG5cbiAgICAvKiogSW4gY2FzZSB0aGVyZSBpcyBubyBsaW5rIGluIEl0ZW0gYW5kIGJyZWFkY3J1bWIgaXRlbSBpcyBub24taW50ZXJhY3RpdmUsIHdlIG1vdmUgd2hvbGUgaXRlbSBjb250ZW50IHRvIG1lbnUgaXRlbSB0aXRsZSAqL1xuICAgIGJyZWFkY3J1bWJJdGVtUG9ydGFsOiBEb21Qb3J0YWw8RWxlbWVudD47XG5cbiAgICAvKiogV2hlbiBicmVhZGNydW1iIGl0ZW0gaGFzIGxpbmsgaW4gaXQsIHdlIGFyZSBtb3ZpbmcgbGluayBjb250ZW50IHRvIG1lbnUgaXRlbSB0aXRsZSAqL1xuICAgIGxpbmtDb250ZW50UG9ydGFsOiBEb21Qb3J0YWw7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmJyZWFkY3J1bWJJdGVtLmJyZWFkY3J1bWJMaW5rKSB7XG4gICAgICAgICAgICB0aGlzLmxpbmtDb250ZW50UG9ydGFsID0gbmV3IERvbVBvcnRhbDxIVE1MRWxlbWVudD4oXG4gICAgICAgICAgICAgICAgdGhpcy5icmVhZGNydW1iSXRlbS5icmVhZGNydW1iTGluay5jb250ZW50U3Bhbi5uYXRpdmVFbGVtZW50XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuYnJlYWRjcnVtYkl0ZW1Qb3J0YWwgPSBuZXcgRG9tUG9ydGFsKFxuICAgICAgICAgICAgdGhpcy5icmVhZGNydW1iSXRlbS5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZmlyc3RFbGVtZW50Q2hpbGQgYXMgRWxlbWVudFxuICAgICAgICApO1xuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdlIGNhdGNoIGludGVyYWN0aW9ucyB3aXRoIGl0ZW0sIEVudGVyLCBTcGFjZSwgTW91c2UgY2xpY2sgYW5kIFRvdWNoIGNsaWNrLFxuICAgICAqIGlmIG9yaWdpbmFsIGVsZW1lbnQgaGFkIHJvdXRlciBsaW5rIHdlIGFyZSBwcm94eWluZyBjbGljayB0byB0aGF0IGVsZW1lbnRcbiAgICAgKiAqL1xuICAgIGl0ZW1DbGlja2VkKCRldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmJyZWFkY3J1bWJJdGVtLm5lZWRzQ2xpY2tQcm94eSkge1xuICAgICAgICAgICAgJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB0aGlzLmJyZWFkY3J1bWJJdGVtLmJyZWFkY3J1bWJMaW5rLmVsZW1lbnRSZWYoKS5uYXRpdmVFbGVtZW50LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8bGkgZmQtbWVudS1pdGVtIFtkaXNhYmxlZF09XCJicmVhZGNydW1iSXRlbS5icmVhZGNydW1iTGluayA/IGJyZWFkY3J1bWJJdGVtLmJyZWFkY3J1bWJMaW5rLmRpc2FibGVkIDogZmFsc2VcIj5cbiAgICA8YVxuICAgICAgICBmZC1tZW51LWludGVyYWN0aXZlXG4gICAgICAgIChjbGljayk9XCJpdGVtQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiaXRlbUNsaWNrZWQoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duLnNwYWNlKT1cIml0ZW1DbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJyZWFkY3J1bWJJdGVtPy5icmVhZGNydW1iTGluazsgZWxzZSBwb3J0YWxDb250ZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYnJlYWRjcnVtYkl0ZW0uYnJlYWRjcnVtYkxpbmsuX3ByZWZpeEljb25OYW1lXCI+XG4gICAgICAgICAgICAgICAgPGZkLW1lbnUtYWRkb25cbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYnJlYWRjcnVtYkl0ZW0uYnJlYWRjcnVtYkxpbmsuX3ByZWZpeEljb25OYW1lXCJcbiAgICAgICAgICAgICAgICA+PC9mZC1tZW51LWFkZG9uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8c3BhbiBmZC1tZW51LXRpdGxlPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW2Nka1BvcnRhbE91dGxldF09XCJsaW5rQ29udGVudFBvcnRhbFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJyZWFkY3J1bWJJdGVtLmJyZWFkY3J1bWJMaW5rLl9wb3N0Zml4SWNvbk5hbWVcIj5cbiAgICAgICAgICAgICAgICA8ZmQtbWVudS1hZGRvbiBbZ2x5cGhdPVwiYnJlYWRjcnVtYkl0ZW0uYnJlYWRjcnVtYkxpbmsuX3Bvc3RmaXhJY29uTmFtZVwiPjwvZmQtbWVudS1hZGRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNwb3J0YWxDb250ZW50PlxuICAgICAgICAgICAgPHNwYW4gZmQtbWVudS10aXRsZT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtjZGtQb3J0YWxPdXRsZXRdPVwiYnJlYWRjcnVtYkl0ZW1Qb3J0YWxcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2E+XG48L2xpPlxuIl19

package/breadcrumb/esm2020/breadcrumb-item.component.mjs

@@ -0,0 +1,48 @@
+import { Component, ContentChild, ElementRef, forwardRef, Renderer2 } from '@angular/core';
+import { LinkComponent } from '@fundamental-ngx/core/link';
+import * as i0 from "@angular/core";
+/**
+ * Breadcrumb item directive. Must have child breadcrumb link directives.
+ *
+ * ```html
+ * <fd-breadcrumb-item>
+ *     <a fd-link [routerLink]="'#'">Breadcrumb Link</a>
+ * </fd-breadcrumb-item>
+ * ```
+ */
+export class BreadcrumbItemComponent {
+    constructor(_elementRef, renderer2) {
+        this._elementRef = _elementRef;
+        this.renderer2 = renderer2;
+        this.show = () => this.renderer2.setStyle(this._elementRef.nativeElement, 'display', 'inline-block');
+        this.hide = () => this.renderer2.setStyle(this._elementRef.nativeElement, 'display', 'none');
+    }
+    /** @hidden */
+    get elementRef() {
+        return this._elementRef;
+    }
+    /** @hidden */
+    get width() {
+        return this._elementRef.nativeElement.getBoundingClientRect().width;
+    }
+    /** @hidden */
+    get needsClickProxy() {
+        return (!!this.breadcrumbLink?.elementRef().nativeElement.getAttribute('href') || !!this.breadcrumbLink.routerLink);
+    }
+}
+BreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BreadcrumbItemComponent, selector: "fd-breadcrumb-item", host: { classAttribute: "fd-breadcrumb__item" }, queries: [{ propertyName: "breadcrumbLink", first: true, predicate: i0.forwardRef(function () { return LinkComponent; }), descendants: true }], ngImport: i0, template: '<div style="display: inline"><ng-content></ng-content></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fd-breadcrumb-item',
+                    template: '<div style="display: inline"><ng-content></ng-content></div>',
+                    host: {
+                        class: 'fd-breadcrumb__item'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { breadcrumbLink: [{
+                type: ContentChild,
+                args: [forwardRef(() => LinkComponent)]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRTNEOzs7Ozs7OztHQVFHO0FBUUgsTUFBTSxPQUFPLHVCQUF1QjtJQWVoQyxZQUFvQixXQUFvQyxFQUFVLFNBQW9CO1FBQWxFLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFTdEYsU0FBSSxHQUFHLEdBQVMsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN0RyxTQUFJLEdBQUcsR0FBUyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBVkwsQ0FBQztJQWQxRixjQUFjO0lBQ2QsSUFBSSxVQUFVO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFNRCxjQUFjO0lBQ2QsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUssQ0FBQztJQUN4RSxDQUFDO0lBSUQsY0FBYztJQUNkLElBQUksZUFBZTtRQUNmLE9BQU8sQ0FDSCxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FDN0csQ0FBQztJQUNOLENBQUM7O29IQXRCUSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwwTEFPRCxhQUFhLG9EQVpsQyw4REFBOEQ7MkZBSy9ELHVCQUF1QjtrQkFQbkMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsOERBQThEO29CQUN4RSxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLHFCQUFxQjtxQkFDL0I7aUJBQ0o7eUhBU0csY0FBYztzQkFEYixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgZm9yd2FyZFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2xpbmsnO1xuXG4vKipcbiAqIEJyZWFkY3J1bWIgaXRlbSBkaXJlY3RpdmUuIE11c3QgaGF2ZSBjaGlsZCBicmVhZGNydW1iIGxpbmsgZGlyZWN0aXZlcy5cbiAqXG4gKiBgYGBodG1sXG4gKiA8ZmQtYnJlYWRjcnVtYi1pdGVtPlxuICogICAgIDxhIGZkLWxpbmsgW3JvdXRlckxpbmtdPVwiJyMnXCI+QnJlYWRjcnVtYiBMaW5rPC9hPlxuICogPC9mZC1icmVhZGNydW1iLWl0ZW0+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1icmVhZGNydW1iLWl0ZW0nLFxuICAgIHRlbXBsYXRlOiAnPGRpdiBzdHlsZT1cImRpc3BsYXk6IGlubGluZVwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj4nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZC1icmVhZGNydW1iX19pdGVtJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQge1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgZ2V0IGVsZW1lbnRSZWYoKTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZjtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBMaW5rQ29tcG9uZW50KSlcbiAgICBicmVhZGNydW1iTGluazogTGlua0NvbXBvbmVudDtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgZ2V0IHdpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sIHByaXZhdGUgcmVuZGVyZXIyOiBSZW5kZXJlcjIpIHt9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGdldCBuZWVkc0NsaWNrUHJveHkoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAhIXRoaXMuYnJlYWRjcnVtYkxpbms/LmVsZW1lbnRSZWYoKS5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnaHJlZicpIHx8ICEhdGhpcy5icmVhZGNydW1iTGluay5yb3V0ZXJMaW5rXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgc2hvdyA9ICgpOiB2b2lkID0+IHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCAnaW5saW5lLWJsb2NrJyk7XG4gICAgaGlkZSA9ICgpOiB2b2lkID0+IHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCAnbm9uZScpO1xufVxuIl19