@fundamental-ngx/core 0.35.5-rc.6 → 0.35.6

package/esm2020/tree/tree-child.component.mjs

@@ -41,7 +41,7 @@ export class TreeChildComponent {
     }
 }
 TreeChildComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TreeChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TreeChildComponent, selector: "fd-tree-child", inputs: { row: "row", hideChildren: "hideChildren", displayTreeActions: "displayTreeActions" }, outputs: { editClicked: "editClicked", deleteClicked: "deleteClicked" }, ngImport: i0, template: "<li #treeChild class=\"fd-tree__item\" role=\"treeitem\">\n    <div class=\"fd-tree__row\">\n        <div\n            *ngFor=\"let cell of row.rowData; let i = index\"\n            [attr.data-index]=\"i\"\n            class=\"fd-tree__col\"\n            [class.fd-tree__col--control]=\"i === 0\"\n        >\n            <button\n                (click)=\"toggleDisplayChildren()\"\n                *ngIf=\"row.children && i === 0\"\n                class=\"fd-tree__control\"\n                aria-label=\"Expand\"\n                [class.is-pressed]=\"!hideChildren\"\n                [attr.aria-pressed]=\"!hideChildren\"\n            ></button>\n            <ng-container *ngIf=\"typeOf(cell) === 'string'\">\n                {{ cell }}\n            </ng-container>\n            <ng-container *ngIf=\"typeOf(cell) === 'object'\">\n                <ng-container *ngIf=\"cell.linkUrl\">\n                    <ng-container *ngIf=\"cell.displayText\">\n                        <!-- link with display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.displayText }}</a>\n                    </ng-container>\n                    <ng-container *ngIf=\"!cell.displayText\">\n                        <!-- link without display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.linkUrl }}</a>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"!cell.linkUrl\">\n                    {{ cell.displayText }}\n                </ng-container>\n            </ng-container>\n        </div>\n        <div class=\"fd-tree__col fd-tree__col--actions\">\n            <ng-container *ngIf=\"displayTreeActions\">\n                <button fd-button fdType=\"transparent\" glyph=\"vertical-grip\" [fdMenuTrigger]=\"menu\"></button>\n\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"editTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Edit</span>\n                        </div>\n                    </li>\n                    <li fd-menu-item (click)=\"deleteTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Delete</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </ng-container>\n        </div>\n    </div>\n    <ul\n        *ngIf=\"row.children && row.children.length > 0\"\n        [class.is-hidden]=\"hideChildren\"\n        class=\"fd-tree__group\"\n        role=\"group\"\n    >\n        <fd-tree-child\n            *ngFor=\"let child of row.children\"\n            [displayTreeActions]=\"displayTreeActions\"\n            [row]=\"child\"\n            [class]=\"child.sublevelClass\"\n        >\n        </fd-tree-child>\n    </ul>\n</li>\n", components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { type: TreeChildComponent, selector: "fd-tree-child", inputs: ["row", "hideChildren", "displayTreeActions"], outputs: ["editClicked", "deleteClicked"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TreeChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TreeChildComponent, selector: "fd-tree-child", inputs: { row: "row", hideChildren: "hideChildren", displayTreeActions: "displayTreeActions" }, outputs: { editClicked: "editClicked", deleteClicked: "deleteClicked" }, ngImport: i0, template: "<li #treeChild class=\"fd-tree__item\" role=\"treeitem\">\n    <div class=\"fd-tree__row\">\n        <div\n            *ngFor=\"let cell of row.rowData; let i = index\"\n            [attr.data-index]=\"i\"\n            class=\"fd-tree__col\"\n            [class.fd-tree__col--control]=\"i === 0\"\n        >\n            <button\n                (click)=\"toggleDisplayChildren()\"\n                *ngIf=\"row.children && i === 0\"\n                class=\"fd-tree__control\"\n                aria-label=\"Expand\"\n                [class.is-pressed]=\"!hideChildren\"\n                [attr.aria-pressed]=\"!hideChildren\"\n            ></button>\n            <ng-container *ngIf=\"typeOf(cell) === 'string'\">\n                {{ cell }}\n            </ng-container>\n            <ng-container *ngIf=\"typeOf(cell) === 'object'\">\n                <ng-container *ngIf=\"cell.linkUrl\">\n                    <ng-container *ngIf=\"cell.displayText\">\n                        <!-- link with display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.displayText }}</a>\n                    </ng-container>\n                    <ng-container *ngIf=\"!cell.displayText\">\n                        <!-- link without display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.linkUrl }}</a>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"!cell.linkUrl\">\n                    {{ cell.displayText }}\n                </ng-container>\n            </ng-container>\n        </div>\n        <div class=\"fd-tree__col fd-tree__col--actions\">\n            <ng-container *ngIf=\"displayTreeActions\">\n                <button fd-button fdType=\"transparent\" glyph=\"vertical-grip\" [fdMenuTrigger]=\"menu\"></button>\n\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"editTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Edit</span>\n                        </div>\n                    </li>\n                    <li fd-menu-item (click)=\"deleteTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Delete</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </ng-container>\n        </div>\n    </div>\n    <ul\n        *ngIf=\"row.children && row.children.length > 0\"\n        [class.is-hidden]=\"hideChildren\"\n        class=\"fd-tree__group\"\n        role=\"group\"\n    >\n        <fd-tree-child\n            *ngFor=\"let child of row.children\"\n            [displayTreeActions]=\"displayTreeActions\"\n            [row]=\"child\"\n            [class]=\"child.sublevelClass\"\n        >\n        </fd-tree-child>\n    </ul>\n</li>\n", components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { type: TreeChildComponent, selector: "fd-tree-child", inputs: ["row", "hideChildren", "displayTreeActions"], outputs: ["editClicked", "deleteClicked"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TreeChildComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-tree-child', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<li #treeChild class=\"fd-tree__item\" role=\"treeitem\">\n    <div class=\"fd-tree__row\">\n        <div\n            *ngFor=\"let cell of row.rowData; let i = index\"\n            [attr.data-index]=\"i\"\n            class=\"fd-tree__col\"\n            [class.fd-tree__col--control]=\"i === 0\"\n        >\n            <button\n                (click)=\"toggleDisplayChildren()\"\n                *ngIf=\"row.children && i === 0\"\n                class=\"fd-tree__control\"\n                aria-label=\"Expand\"\n                [class.is-pressed]=\"!hideChildren\"\n                [attr.aria-pressed]=\"!hideChildren\"\n            ></button>\n            <ng-container *ngIf=\"typeOf(cell) === 'string'\">\n                {{ cell }}\n            </ng-container>\n            <ng-container *ngIf=\"typeOf(cell) === 'object'\">\n                <ng-container *ngIf=\"cell.linkUrl\">\n                    <ng-container *ngIf=\"cell.displayText\">\n                        <!-- link with display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.displayText }}</a>\n                    </ng-container>\n                    <ng-container *ngIf=\"!cell.displayText\">\n                        <!-- link without display text -->\n                        <a [attr.href]=\"cell.linkUrl\" class=\"fd-has-font-weight-semi\">{{ cell.linkUrl }}</a>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"!cell.linkUrl\">\n                    {{ cell.displayText }}\n                </ng-container>\n            </ng-container>\n        </div>\n        <div class=\"fd-tree__col fd-tree__col--actions\">\n            <ng-container *ngIf=\"displayTreeActions\">\n                <button fd-button fdType=\"transparent\" glyph=\"vertical-grip\" [fdMenuTrigger]=\"menu\"></button>\n\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"editTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Edit</span>\n                        </div>\n                    </li>\n                    <li fd-menu-item (click)=\"deleteTreeItem(row)\">\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>Delete</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </ng-container>\n        </div>\n    </div>\n    <ul\n        *ngIf=\"row.children && row.children.length > 0\"\n        [class.is-hidden]=\"hideChildren\"\n        class=\"fd-tree__group\"\n        role=\"group\"\n    >\n        <fd-tree-child\n            *ngFor=\"let child of row.children\"\n            [displayTreeActions]=\"displayTreeActions\"\n            [row]=\"child\"\n            [class]=\"child.sublevelClass\"\n        >\n        </fd-tree-child>\n    </ul>\n</li>\n" }]
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }], deleteClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1jaGlsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi90cmVlL3RyZWUtY2hpbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdHJlZS90cmVlLWNoaWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQWFjLGdCQUFXLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFekQsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQW9DeEU7SUFsQ0csUUFBUTtRQUNKLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxPQUFRO1FBQzFCLElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUN2QixJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQztTQUMvQjthQUFNO1lBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDMUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFDLFFBQVM7UUFDWixJQUFJLE1BQU0sQ0FBQztRQUNYLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUSxFQUFFO1lBQzlCLE1BQU0sR0FBRyxRQUFRLENBQUM7U0FDckI7YUFBTSxJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsRUFBRTtZQUNyQyxNQUFNLEdBQUcsUUFBUSxDQUFDO1NBQ3JCO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQztJQUVELFlBQVksQ0FBQyxHQUFJO1FBQ2IsSUFBSSxHQUFHLEVBQUU7WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUM5QjtJQUNMLENBQUM7SUFFRCxjQUFjLENBQUMsR0FBSTtRQUNmLElBQUksR0FBRyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDaEM7SUFDTCxDQUFDOzsrR0E1Q1Esa0JBQWtCO21HQUFsQixrQkFBa0IsOE5DakIvQixnM0ZBcUVBLDRlRHBEYSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxlQUFlLGlCQUVWLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIE91dHB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyZWVSb3dPYmplY3QgfSBmcm9tICcuL3RyZWUtcm93LW9iamVjdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtdHJlZS1jaGlsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RyZWUtY2hpbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVHJlZUNoaWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSByb3c6IFRyZWVSb3dPYmplY3Q7XG5cbiAgICBASW5wdXQoKSBoaWRlQ2hpbGRyZW46IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBkaXNwbGF5VHJlZUFjdGlvbnM6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgZWRpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBAT3V0cHV0KCkgZGVsZXRlQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIHRvZ2dsZURpc3BsYXlDaGlsZHJlbihoaWRlQWxsPyk6IHZvaWQge1xuICAgICAgICBpZiAoaGlkZUFsbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9IGhpZGVBbGw7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9ICF0aGlzLmhpZGVDaGlsZHJlbjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHR5cGVPZih2YXJpYWJsZT8pOiBzdHJpbmcge1xuICAgICAgICBsZXQgcmV0VmFsO1xuICAgICAgICBpZiAodHlwZW9mIHZhcmlhYmxlID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgcmV0VmFsID0gJ3N0cmluZyc7XG4gICAgICAgIH0gZWxzZSBpZiAodHlwZW9mIHZhcmlhYmxlID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgICAgcmV0VmFsID0gJ29iamVjdCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gcmV0VmFsO1xuICAgIH1cblxuICAgIGVkaXRUcmVlSXRlbShyb3c/KTogdm9pZCB7XG4gICAgICAgIGlmIChyb3cpIHtcbiAgICAgICAgICAgIHRoaXMuZWRpdENsaWNrZWQuZW1pdChyb3cpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGVsZXRlVHJlZUl0ZW0ocm93Pyk6IHZvaWQge1xuICAgICAgICBpZiAocm93KSB7XG4gICAgICAgICAgICB0aGlzLmRlbGV0ZUNsaWNrZWQuZW1pdChyb3cpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGxpICN0cmVlQ2hpbGQgY2xhc3M9XCJmZC10cmVlX19pdGVtXCIgcm9sZT1cInRyZWVpdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cImZkLXRyZWVfX3Jvd1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY2VsbCBvZiByb3cucm93RGF0YTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLWluZGV4XT1cImlcIlxuICAgICAgICAgICAgY2xhc3M9XCJmZC10cmVlX19jb2xcIlxuICAgICAgICAgICAgW2NsYXNzLmZkLXRyZWVfX2NvbC0tY29udHJvbF09XCJpID09PSAwXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVEaXNwbGF5Q2hpbGRyZW4oKVwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJyb3cuY2hpbGRyZW4gJiYgaSA9PT0gMFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC10cmVlX19jb250cm9sXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiRXhwYW5kXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaXMtcHJlc3NlZF09XCIhaGlkZUNoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwiIWhpZGVDaGlsZHJlblwiXG4gICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZU9mKGNlbGwpID09PSAnc3RyaW5nJ1wiPlxuICAgICAgICAgICAgICAgIHt7IGNlbGwgfX1cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGVPZihjZWxsKSA9PT0gJ29iamVjdCdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2VsbC5saW5rVXJsXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjZWxsLmRpc3BsYXlUZXh0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIGxpbmsgd2l0aCBkaXNwbGF5IHRleHQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBbYXR0ci5ocmVmXT1cImNlbGwubGlua1VybFwiIGNsYXNzPVwiZmQtaGFzLWZvbnQtd2VpZ2h0LXNlbWlcIj57eyBjZWxsLmRpc3BsYXlUZXh0IH19PC9hPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjZWxsLmRpc3BsYXlUZXh0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIGxpbmsgd2l0aG91dCBkaXNwbGF5IHRleHQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBbYXR0ci5ocmVmXT1cImNlbGwubGlua1VybFwiIGNsYXNzPVwiZmQtaGFzLWZvbnQtd2VpZ2h0LXNlbWlcIj57eyBjZWxsLmxpbmtVcmwgfX08L2E+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY2VsbC5saW5rVXJsXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGNlbGwuZGlzcGxheVRleHQgfX1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXRyZWVfX2NvbCBmZC10cmVlX19jb2wtLWFjdGlvbnNcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5VHJlZUFjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGZkLWJ1dHRvbiBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiIGdseXBoPVwidmVydGljYWwtZ3JpcFwiIFtmZE1lbnVUcmlnZ2VyXT1cIm1lbnVcIj48L2J1dHRvbj5cblxuICAgICAgICAgICAgICAgIDxmZC1tZW51ICNtZW51PlxuICAgICAgICAgICAgICAgICAgICA8bGkgZmQtbWVudS1pdGVtIChjbGljayk9XCJlZGl0VHJlZUl0ZW0ocm93KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmZC1tZW51LWludGVyYWN0aXZlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLW1lbnUtdGl0bGU+RWRpdDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICA8bGkgZmQtbWVudS1pdGVtIChjbGljayk9XCJkZWxldGVUcmVlSXRlbShyb3cpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZkLW1lbnUtaW50ZXJhY3RpdmU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gZmQtbWVudS10aXRsZT5EZWxldGU8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgICA8L2ZkLW1lbnU+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHVsXG4gICAgICAgICpuZ0lmPVwicm93LmNoaWxkcmVuICYmIHJvdy5jaGlsZHJlbi5sZW5ndGggPiAwXCJcbiAgICAgICAgW2NsYXNzLmlzLWhpZGRlbl09XCJoaWRlQ2hpbGRyZW5cIlxuICAgICAgICBjbGFzcz1cImZkLXRyZWVfX2dyb3VwXCJcbiAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICA+XG4gICAgICAgIDxmZC10cmVlLWNoaWxkXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY2hpbGQgb2Ygcm93LmNoaWxkcmVuXCJcbiAgICAgICAgICAgIFtkaXNwbGF5VHJlZUFjdGlvbnNdPVwiZGlzcGxheVRyZWVBY3Rpb25zXCJcbiAgICAgICAgICAgIFtyb3ddPVwiY2hpbGRcIlxuICAgICAgICAgICAgW2NsYXNzXT1cImNoaWxkLnN1YmxldmVsQ2xhc3NcIlxuICAgICAgICA+XG4gICAgICAgIDwvZmQtdHJlZS1jaGlsZD5cbiAgICA8L3VsPlxuPC9saT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1jaGlsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi90cmVlL3RyZWUtY2hpbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdHJlZS90cmVlLWNoaWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQWFjLGdCQUFXLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFekQsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQW9DeEU7SUFsQ0csUUFBUTtRQUNKLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxPQUFRO1FBQzFCLElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUN2QixJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQztTQUMvQjthQUFNO1lBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDMUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFDLFFBQVM7UUFDWixJQUFJLE1BQU0sQ0FBQztRQUNYLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUSxFQUFFO1lBQzlCLE1BQU0sR0FBRyxRQUFRLENBQUM7U0FDckI7YUFBTSxJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsRUFBRTtZQUNyQyxNQUFNLEdBQUcsUUFBUSxDQUFDO1NBQ3JCO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQztJQUVELFlBQVksQ0FBQyxHQUFJO1FBQ2IsSUFBSSxHQUFHLEVBQUU7WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUM5QjtJQUNMLENBQUM7SUFFRCxjQUFjLENBQUMsR0FBSTtRQUNmLElBQUksR0FBRyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDaEM7SUFDTCxDQUFDOzsrR0E1Q1Esa0JBQWtCO21HQUFsQixrQkFBa0IsOE5DakIvQixnM0ZBcUVBLDZmRHBEYSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxlQUFlLGlCQUVWLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIE91dHB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyZWVSb3dPYmplY3QgfSBmcm9tICcuL3RyZWUtcm93LW9iamVjdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtdHJlZS1jaGlsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RyZWUtY2hpbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVHJlZUNoaWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSByb3c6IFRyZWVSb3dPYmplY3Q7XG5cbiAgICBASW5wdXQoKSBoaWRlQ2hpbGRyZW46IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBkaXNwbGF5VHJlZUFjdGlvbnM6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgZWRpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBAT3V0cHV0KCkgZGVsZXRlQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIHRvZ2dsZURpc3BsYXlDaGlsZHJlbihoaWRlQWxsPyk6IHZvaWQge1xuICAgICAgICBpZiAoaGlkZUFsbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9IGhpZGVBbGw7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmhpZGVDaGlsZHJlbiA9ICF0aGlzLmhpZGVDaGlsZHJlbjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHR5cGVPZih2YXJpYWJsZT8pOiBzdHJpbmcge1xuICAgICAgICBsZXQgcmV0VmFsO1xuICAgICAgICBpZiAodHlwZW9mIHZhcmlhYmxlID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgcmV0VmFsID0gJ3N0cmluZyc7XG4gICAgICAgIH0gZWxzZSBpZiAodHlwZW9mIHZhcmlhYmxlID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgICAgcmV0VmFsID0gJ29iamVjdCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gcmV0VmFsO1xuICAgIH1cblxuICAgIGVkaXRUcmVlSXRlbShyb3c/KTogdm9pZCB7XG4gICAgICAgIGlmIChyb3cpIHtcbiAgICAgICAgICAgIHRoaXMuZWRpdENsaWNrZWQuZW1pdChyb3cpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGVsZXRlVHJlZUl0ZW0ocm93Pyk6IHZvaWQge1xuICAgICAgICBpZiAocm93KSB7XG4gICAgICAgICAgICB0aGlzLmRlbGV0ZUNsaWNrZWQuZW1pdChyb3cpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGxpICN0cmVlQ2hpbGQgY2xhc3M9XCJmZC10cmVlX19pdGVtXCIgcm9sZT1cInRyZWVpdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cImZkLXRyZWVfX3Jvd1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY2VsbCBvZiByb3cucm93RGF0YTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLWluZGV4XT1cImlcIlxuICAgICAgICAgICAgY2xhc3M9XCJmZC10cmVlX19jb2xcIlxuICAgICAgICAgICAgW2NsYXNzLmZkLXRyZWVfX2NvbC0tY29udHJvbF09XCJpID09PSAwXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVEaXNwbGF5Q2hpbGRyZW4oKVwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJyb3cuY2hpbGRyZW4gJiYgaSA9PT0gMFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC10cmVlX19jb250cm9sXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiRXhwYW5kXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaXMtcHJlc3NlZF09XCIhaGlkZUNoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwiIWhpZGVDaGlsZHJlblwiXG4gICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZU9mKGNlbGwpID09PSAnc3RyaW5nJ1wiPlxuICAgICAgICAgICAgICAgIHt7IGNlbGwgfX1cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGVPZihjZWxsKSA9PT0gJ29iamVjdCdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2VsbC5saW5rVXJsXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjZWxsLmRpc3BsYXlUZXh0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIGxpbmsgd2l0aCBkaXNwbGF5IHRleHQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBbYXR0ci5ocmVmXT1cImNlbGwubGlua1VybFwiIGNsYXNzPVwiZmQtaGFzLWZvbnQtd2VpZ2h0LXNlbWlcIj57eyBjZWxsLmRpc3BsYXlUZXh0IH19PC9hPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjZWxsLmRpc3BsYXlUZXh0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIGxpbmsgd2l0aG91dCBkaXNwbGF5IHRleHQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBbYXR0ci5ocmVmXT1cImNlbGwubGlua1VybFwiIGNsYXNzPVwiZmQtaGFzLWZvbnQtd2VpZ2h0LXNlbWlcIj57eyBjZWxsLmxpbmtVcmwgfX08L2E+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY2VsbC5saW5rVXJsXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGNlbGwuZGlzcGxheVRleHQgfX1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXRyZWVfX2NvbCBmZC10cmVlX19jb2wtLWFjdGlvbnNcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5VHJlZUFjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGZkLWJ1dHRvbiBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiIGdseXBoPVwidmVydGljYWwtZ3JpcFwiIFtmZE1lbnVUcmlnZ2VyXT1cIm1lbnVcIj48L2J1dHRvbj5cblxuICAgICAgICAgICAgICAgIDxmZC1tZW51ICNtZW51PlxuICAgICAgICAgICAgICAgICAgICA8bGkgZmQtbWVudS1pdGVtIChjbGljayk9XCJlZGl0VHJlZUl0ZW0ocm93KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmZC1tZW51LWludGVyYWN0aXZlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLW1lbnUtdGl0bGU+RWRpdDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICA8bGkgZmQtbWVudS1pdGVtIChjbGljayk9XCJkZWxldGVUcmVlSXRlbShyb3cpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZkLW1lbnUtaW50ZXJhY3RpdmU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gZmQtbWVudS10aXRsZT5EZWxldGU8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgICA8L2ZkLW1lbnU+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHVsXG4gICAgICAgICpuZ0lmPVwicm93LmNoaWxkcmVuICYmIHJvdy5jaGlsZHJlbi5sZW5ndGggPiAwXCJcbiAgICAgICAgW2NsYXNzLmlzLWhpZGRlbl09XCJoaWRlQ2hpbGRyZW5cIlxuICAgICAgICBjbGFzcz1cImZkLXRyZWVfX2dyb3VwXCJcbiAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICA+XG4gICAgICAgIDxmZC10cmVlLWNoaWxkXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY2hpbGQgb2Ygcm93LmNoaWxkcmVuXCJcbiAgICAgICAgICAgIFtkaXNwbGF5VHJlZUFjdGlvbnNdPVwiZGlzcGxheVRyZWVBY3Rpb25zXCJcbiAgICAgICAgICAgIFtyb3ddPVwiY2hpbGRcIlxuICAgICAgICAgICAgW2NsYXNzXT1cImNoaWxkLnN1YmxldmVsQ2xhc3NcIlxuICAgICAgICA+XG4gICAgICAgIDwvZmQtdHJlZS1jaGlsZD5cbiAgICA8L3VsPlxuPC9saT5cbiJdfQ==

package/facets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/facets",
-  "version": "0.35.5-rc.6",
+  "version": "0.35.6",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/feed-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/feed-input",
-  "version": "0.35.5-rc.6",
+  "version": "0.35.6",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/feed-list-item/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/feed-list-item",
-  "version": "0.35.5-rc.6",
+  "version": "0.35.6",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/fesm2015/fundamental-ngx-core-breadcrumb.mjs

@@ -198,7 +198,7 @@ class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i1.DestroyedService }, { token: i1.RtlService, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BreadcrumbComponent, selector: "fd-breadcrumb", inputs: { containerElement: "containerElement", reverse: "reverse" }, outputs: { visibleItemsCount: "visibleItemsCount", hiddenItemsCount: "hiddenItemsCount" }, host: { classAttribute: "fd-breadcrumb" }, providers: [DestroyedService], queries: [{ propertyName: "_contentItems", predicate: BreadcrumbItemComponent }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n    [reverseHiddenItems]=\"!reverse\"\n    showMorePosition=\"left\"\n    [enableKeyboardNavigation]=\"false\"\n    (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n    (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n    <ng-container *ngFor=\"let breadcrumb of _items\">\n        <div\n            *fdOverflowItemRef=\"breadcrumb; let hidden\"\n            fdOverflowLayoutItem\n            (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n        >\n            <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n        </div>\n    </ng-container>\n    <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n        <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n            <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n                <li\n                    fd-menu-item\n                    [disabled]=\"\n                        breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n                    \"\n                >\n                    <a\n                        fd-menu-interactive\n                        (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n                    >\n                        <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n                                <fd-menu-addon\n                                    position=\"before\"\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                            <span fd-menu-title>\n                                <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n                            </span>\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n                                <fd-menu-addon\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                        </ng-container>\n                        <ng-template #portalContent>\n                            <span fd-menu-title>\n                                <ng-container\n                                    [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n                                ></ng-container>\n                            </span>\n                        </ng-template>\n                    </a>\n                </li>\n            </ng-container>\n        </fd-menu>\n        <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n            <a\n                fd-link\n                tabindex=\"0\"\n                class=\"fd-breadcrumb__collapsed\"\n                (keydown.enter)=\"_keyDownHandle($event)\"\n                (keydown.space)=\"_keyDownHandle($event)\"\n            >\n                \u2026\n                <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n            </a>\n        </span>\n    </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.4\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-breadcrumb\n    .fd-breadcrumb__item\n    .fd-breadcrump__link\n*/.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"], components: [{ type: i2.OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { type: i3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { type: i4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { type: i2.OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["focusable", "forceVisibility"], outputs: ["hiddenChange"] }, { type: i7.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i2.OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { type: i3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BreadcrumbComponent, selector: "fd-breadcrumb", inputs: { containerElement: "containerElement", reverse: "reverse" }, outputs: { visibleItemsCount: "visibleItemsCount", hiddenItemsCount: "hiddenItemsCount" }, host: { classAttribute: "fd-breadcrumb" }, providers: [DestroyedService], queries: [{ propertyName: "_contentItems", predicate: BreadcrumbItemComponent }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n    [reverseHiddenItems]=\"!reverse\"\n    showMorePosition=\"left\"\n    [enableKeyboardNavigation]=\"false\"\n    (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n    (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n    <ng-container *ngFor=\"let breadcrumb of _items\">\n        <div\n            *fdOverflowItemRef=\"breadcrumb; let hidden\"\n            fdOverflowLayoutItem\n            (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n        >\n            <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n        </div>\n    </ng-container>\n    <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n        <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n            <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n                <li\n                    fd-menu-item\n                    [disabled]=\"\n                        breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n                    \"\n                >\n                    <a\n                        fd-menu-interactive\n                        (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n                    >\n                        <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n                                <fd-menu-addon\n                                    position=\"before\"\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                            <span fd-menu-title>\n                                <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n                            </span>\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n                                <fd-menu-addon\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                        </ng-container>\n                        <ng-template #portalContent>\n                            <span fd-menu-title>\n                                <ng-container\n                                    [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n                                ></ng-container>\n                            </span>\n                        </ng-template>\n                    </a>\n                </li>\n            </ng-container>\n        </fd-menu>\n        <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n            <a\n                fd-link\n                tabindex=\"0\"\n                class=\"fd-breadcrumb__collapsed\"\n                (keydown.enter)=\"_keyDownHandle($event)\"\n                (keydown.space)=\"_keyDownHandle($event)\"\n            >\n                \u2026\n                <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n            </a>\n        </span>\n    </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.4\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-breadcrumb\n    .fd-breadcrumb__item\n    .fd-breadcrump__link\n*/.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"], components: [{ type: i2.OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { type: i3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { type: i4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { type: i2.OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["focusable", "forceVisibility"], outputs: ["hiddenChange"] }, { type: i7.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i2.OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { type: i3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-breadcrumb', host: {

package/fesm2015/fundamental-ngx-core-date-picker.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, forwardRef, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChild, Directive, NgModule } from '@angular/core';
-import * as i9 from '@angular/common';
+import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { IconModule } from '@fundamental-ngx/core/icon';
 import * as i3 from '@fundamental-ngx/core/popover';
 import { PopoverService, PopoverModule } from '@fundamental-ngx/core/popover';
 import * as i5 from '@fundamental-ngx/core/calendar';
 import { CalendarComponent, CalendarModule } from '@fundamental-ngx/core/calendar';
-import * as i8 from '@angular/forms';
+import * as i6 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
 import { Subject, Subscription } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -18,9 +18,6 @@ import * as i2 from '@fundamental-ngx/core/form';
 import { registerFormItemControl, PopoverFormMessageService, FormMessageModule } from '@fundamental-ngx/core/form';
 import * as i4 from '@fundamental-ngx/core/input-group';
 import { InputGroupInputDirective, InputGroupModule } from '@fundamental-ngx/core/input-group';
-import * as i6 from '@fundamental-ngx/core/bar';
-import { BarModule } from '@fundamental-ngx/core/bar';
-import * as i7 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import { DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 
@@ -102,10 +99,6 @@ class DatePickerComponent {
         this.placement = 'bottom-start';
         /** Defines if date picker should be closed after date choose */
         this.closeOnDateChoose = true;
-        /** Enables Today-Selection-Button if true */
-        this.showTodayButton = false;
-        /** Label for Today-Selection-Button */
-        this.todayButtonLabel = 'Today';
         /** @hidden */
         this._state = 'default';
         /**
@@ -341,20 +334,6 @@ class DatePickerComponent {
             this._isInvalidDateInput = !this.isModelValid();
         }
     }
-    /**
-     * @hidden
-     * Method that is triggered when Today-Selection-Button clicked, it changes selected date or date range to today's date
-     */
-    onTodayButtonClick() {
-        const todayDate = this._dateTimeAdapter.today();
-        if (this.type === 'single') {
-            this.handleSingleDateChange(todayDate);
-            this.closeFromCalendar();
-        }
-        else if (this.type === 'range') {
-            this.handleRangeDateChange({ start: todayDate, end: todayDate });
-        }
-    }
     /**
      * @hidden
      * Method that is triggered when the text input is confirmed to ba changed, by clicking enter, or blur
@@ -605,7 +584,7 @@ class DatePickerComponent {
     }
 }
 DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DatetimeAdapter, optional: true }, { token: DATE_TIME_FORMATS, optional: true }, { token: i2.PopoverFormMessageService }], target: i0.ɵɵFactoryTarget.Component });
-DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DatePickerComponent, selector: "fd-date-picker", inputs: { type: "type", placeholder: "placeholder", inputId: "inputId", required: "required", message: "message", messageTriggers: "messageTriggers", selectedDate: "selectedDate", selectedRangeDate: "selectedRangeDate", startingDayOfWeek: "startingDayOfWeek", rangeHoverEffect: "rangeHoverEffect", useValidation: "useValidation", dateInputLabel: "dateInputLabel", dateRangeInputLabel: "dateRangeInputLabel", displayCalendarToggleLabel: "displayCalendarToggleLabel", valueStateSuccessMessage: "valueStateSuccessMessage", valueStateInformationMessage: "valueStateInformationMessage", valueStateWarningMessage: "valueStateWarningMessage", valueStateErrorMessage: "valueStateErrorMessage", allowNull: "allowNull", activeView: "activeView", placement: "placement", appendTo: "appendTo", disabled: "disabled", closeOnDateChoose: "closeOnDateChoose", showTodayButton: "showTodayButton", todayButtonLabel: "todayButtonLabel", previousButtonDisableFunction: "previousButtonDisableFunction", nextButtonDisableFunction: "nextButtonDisableFunction", state: "state", buttonFocusable: "buttonFocusable", specialDaysRules: "specialDaysRules", yearGrid: "yearGrid", aggregatedYearGrid: "aggregatedYearGrid", markWeekends: "markWeekends", showWeekNumbers: "showWeekNumbers", isOpen: "isOpen", inline: "inline", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", processInputOnBlur: "processInputOnBlur", preventScrollOnFocus: "preventScrollOnFocus", disableFunction: "disableFunction", disableRangeStartFunction: "disableRangeStartFunction", disableRangeEndFunction: "disableRangeEndFunction" }, outputs: { isOpenChange: "isOpenChange", selectedDateChange: "selectedDateChange", selectedRangeDateChange: "selectedRangeDateChange", activeViewChange: "activeViewChange" }, host: { listeners: { "blur": "onTouched()" }, properties: { "class.fd-date-picker": "true", "class.fd-date-picker-custom": "inline" } }, providers: [
+DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DatePickerComponent, selector: "fd-date-picker", inputs: { type: "type", placeholder: "placeholder", inputId: "inputId", required: "required", message: "message", messageTriggers: "messageTriggers", selectedDate: "selectedDate", selectedRangeDate: "selectedRangeDate", startingDayOfWeek: "startingDayOfWeek", rangeHoverEffect: "rangeHoverEffect", useValidation: "useValidation", dateInputLabel: "dateInputLabel", dateRangeInputLabel: "dateRangeInputLabel", displayCalendarToggleLabel: "displayCalendarToggleLabel", valueStateSuccessMessage: "valueStateSuccessMessage", valueStateInformationMessage: "valueStateInformationMessage", valueStateWarningMessage: "valueStateWarningMessage", valueStateErrorMessage: "valueStateErrorMessage", allowNull: "allowNull", activeView: "activeView", placement: "placement", appendTo: "appendTo", disabled: "disabled", closeOnDateChoose: "closeOnDateChoose", previousButtonDisableFunction: "previousButtonDisableFunction", nextButtonDisableFunction: "nextButtonDisableFunction", state: "state", buttonFocusable: "buttonFocusable", specialDaysRules: "specialDaysRules", yearGrid: "yearGrid", aggregatedYearGrid: "aggregatedYearGrid", markWeekends: "markWeekends", showWeekNumbers: "showWeekNumbers", isOpen: "isOpen", inline: "inline", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", processInputOnBlur: "processInputOnBlur", preventScrollOnFocus: "preventScrollOnFocus", disableFunction: "disableFunction", disableRangeStartFunction: "disableRangeStartFunction", disableRangeEndFunction: "disableRangeEndFunction" }, outputs: { isOpenChange: "isOpenChange", selectedDateChange: "selectedDateChange", selectedRangeDateChange: "selectedRangeDateChange", activeViewChange: "activeViewChange" }, host: { listeners: { "blur": "onTouched()" }, properties: { "class.fd-date-picker": "true", "class.fd-date-picker-custom": "inline" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => DatePickerComponent),
@@ -619,7 +598,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         registerFormItemControl(DatePickerComponent),
         PopoverFormMessageService,
         PopoverService
-    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], ngImport: i0, template: "<fd-popover\n    [(isOpen)]=\"isOpen\"\n    (isOpenChange)=\"_onOpenStateChanged($event)\"\n    [triggers]=\"[]\"\n    [placement]=\"placement\"\n    [disabled]=\"disabled\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"false\"\n    [appendTo]=\"appendTo\"\n>\n    <fd-popover-control>\n        <fd-input-group\n            #inputGroupComponent\n            [state]=\"state\"\n            [disabled]=\"disabled\"\n            [isControl]=\"true\"\n            [button]=\"true\"\n            [buttonFocusable]=\"buttonFocusable\"\n            glyph=\"appointment-2\"\n            [isExpanded]=\"isOpen\"\n            [glyphAriaLabel]=\"displayCalendarToggleLabel\"\n            [iconTitle]=\"displayCalendarToggleLabel\"\n            (addOnButtonClicked)=\"toggleCalendar()\"\n        >\n            <input\n                type=\"text\"\n                class=\"fd-input\"\n                fd-input-group-input\n                [disabled]=\"disabled\"\n                [placeholder]=\"placeholder\"\n                [attr.id]=\"inputId\"\n                aria-haspopup=\"grid\"\n                aria-autocomplete=\"none\"\n                [attr.aria-expanded]=\"isOpen\"\n                [attr.aria-label]=\"_dateInputArialLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-required]=\"required\"\n                [attr.aria-describedby]=\"_formValueStateMessageId\"\n                [ngModel]=\"_inputFieldDate\"\n                (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                (ngModelChange)=\"handleInputChange($event, true)\"\n                (blur)=\"handleInputChange($any($event.target).value, false)\"\n            />\n        </fd-input-group>\n    </fd-popover-control>\n    <fd-popover-body [attr.aria-expanded]=\"isOpen\" [attr.aria-hidden]=\"!isOpen\">\n        <fd-form-message [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n            {{ _message }}\n        </fd-form-message>\n        <ng-content></ng-content>\n\n        <fd-calendar\n            (closeCalendar)=\"closeFromCalendar()\"\n            [activeView]=\"activeView\"\n            [markWeekends]=\"markWeekends\"\n            [specialDaysRules]=\"specialDaysRules\"\n            [showWeekNumbers]=\"showWeekNumbers\"\n            [aggregatedYearGrid]=\"aggregatedYearGrid\"\n            [yearGrid]=\"yearGrid\"\n            (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n            [calType]=\"type\"\n            [rangeHoverEffect]=\"rangeHoverEffect\"\n            [disableFunction]=\"disableFunction ? disableFunction : null\"\n            [disableRangeStartFunction]=\"disableRangeStartFunction ? disableRangeStartFunction : null\"\n            [disableRangeEndFunction]=\"disableRangeEndFunction ? disableRangeEndFunction : null\"\n            [selectedDate]=\"selectedDate\"\n            [selectedRangeDate]=\"selectedRangeDate\"\n            (selectedRangeDateChange)=\"handleRangeDateChange($event)\"\n            (selectedDateChange)=\"handleSingleDateChange($event)\"\n            [startingDayOfWeek]=\"startingDayOfWeek\"\n            [previousButtonDisableFunction]=\"previousButtonDisableFunction\"\n            [nextButtonDisableFunction]=\"nextButtonDisableFunction\"\n        ></fd-calendar>\n\n        <div *ngIf=\"showTodayButton\" fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button fd-button [label]=\"todayButtonLabel\" (click)=\"onTodayButtonClick()\"></button>\n                </fd-bar-element>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n\n<div style=\"display: none\" aria-hidden=\"true\">\n    <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n        <ng-container [ngSwitch]=\"state\">\n            <ng-container *ngSwitchCase=\"'success'\">{{ valueStateSuccessMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'information'\">{{ valueStateInformationMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'warning'\">{{ valueStateWarningMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">{{ valueStateErrorMessage }}</ng-container>\n        </ng-container>\n        {{ _message }}\n    </div>\n</div>\n", styles: [".fd-date-picker-custom{display:inline-block}.fd-date-picker-custom fd-popover{display:block}.fd-date-picker-custom fd-calendar{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i5.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }, { type: i6.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.BarRightDirective, selector: "[fd-bar-right]" }, { type: i6.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], ngImport: i0, template: "<fd-popover\n    [(isOpen)]=\"isOpen\"\n    (isOpenChange)=\"_onOpenStateChanged($event)\"\n    [triggers]=\"[]\"\n    [placement]=\"placement\"\n    [disabled]=\"disabled\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"false\"\n    [appendTo]=\"appendTo\"\n>\n    <fd-popover-control>\n        <fd-input-group\n            #inputGroupComponent\n            [state]=\"state\"\n            [disabled]=\"disabled\"\n            [isControl]=\"true\"\n            [button]=\"true\"\n            [buttonFocusable]=\"buttonFocusable\"\n            glyph=\"appointment-2\"\n            [isExpanded]=\"isOpen\"\n            [glyphAriaLabel]=\"displayCalendarToggleLabel\"\n            [iconTitle]=\"displayCalendarToggleLabel\"\n            (addOnButtonClicked)=\"toggleCalendar()\"\n        >\n            <input\n                type=\"text\"\n                class=\"fd-input\"\n                fd-input-group-input\n                [disabled]=\"disabled\"\n                [placeholder]=\"placeholder\"\n                [attr.id]=\"inputId\"\n                aria-haspopup=\"grid\"\n                aria-autocomplete=\"none\"\n                [attr.aria-expanded]=\"isOpen\"\n                [attr.aria-label]=\"_dateInputArialLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-required]=\"required\"\n                [attr.aria-describedby]=\"_formValueStateMessageId\"\n                [ngModel]=\"_inputFieldDate\"\n                (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                (ngModelChange)=\"handleInputChange($event, true)\"\n                (blur)=\"handleInputChange($any($event.target).value, false)\"\n            />\n        </fd-input-group>\n    </fd-popover-control>\n    <fd-popover-body [attr.aria-expanded]=\"isOpen\" [attr.aria-hidden]=\"!isOpen\">\n        <fd-form-message [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n            {{ _message }}\n        </fd-form-message>\n        <ng-content></ng-content>\n\n        <fd-calendar\n            (closeCalendar)=\"closeFromCalendar()\"\n            [activeView]=\"activeView\"\n            [markWeekends]=\"markWeekends\"\n            [specialDaysRules]=\"specialDaysRules\"\n            [showWeekNumbers]=\"showWeekNumbers\"\n            [aggregatedYearGrid]=\"aggregatedYearGrid\"\n            [yearGrid]=\"yearGrid\"\n            (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n            [calType]=\"type\"\n            [rangeHoverEffect]=\"rangeHoverEffect\"\n            [disableFunction]=\"disableFunction ? disableFunction : null\"\n            [disableRangeStartFunction]=\"disableRangeStartFunction ? disableRangeStartFunction : null\"\n            [disableRangeEndFunction]=\"disableRangeEndFunction ? disableRangeEndFunction : null\"\n            [selectedDate]=\"selectedDate\"\n            [selectedRangeDate]=\"selectedRangeDate\"\n            (selectedRangeDateChange)=\"handleRangeDateChange($event)\"\n            (selectedDateChange)=\"handleSingleDateChange($event)\"\n            [startingDayOfWeek]=\"startingDayOfWeek\"\n            [previousButtonDisableFunction]=\"previousButtonDisableFunction\"\n            [nextButtonDisableFunction]=\"nextButtonDisableFunction\"\n        ></fd-calendar>\n    </fd-popover-body>\n</fd-popover>\n\n<div style=\"display: none\" aria-hidden=\"true\">\n    <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n        <ng-container [ngSwitch]=\"state\">\n            <ng-container *ngSwitchCase=\"'success'\">{{ valueStateSuccessMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'information'\">{{ valueStateInformationMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'warning'\">{{ valueStateWarningMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">{{ valueStateErrorMessage }}</ng-container>\n        </ng-container>\n        {{ _message }}\n    </div>\n</div>\n", styles: [".fd-date-picker-custom{display:inline-block}.fd-date-picker-custom fd-popover{display:block}.fd-date-picker-custom fd-calendar{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i5.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }], directives: [{ type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-date-picker', host: {
@@ -640,7 +619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                         registerFormItemControl(DatePickerComponent),
                         PopoverFormMessageService,
                         PopoverService
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-popover\n    [(isOpen)]=\"isOpen\"\n    (isOpenChange)=\"_onOpenStateChanged($event)\"\n    [triggers]=\"[]\"\n    [placement]=\"placement\"\n    [disabled]=\"disabled\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"false\"\n    [appendTo]=\"appendTo\"\n>\n    <fd-popover-control>\n        <fd-input-group\n            #inputGroupComponent\n            [state]=\"state\"\n            [disabled]=\"disabled\"\n            [isControl]=\"true\"\n            [button]=\"true\"\n            [buttonFocusable]=\"buttonFocusable\"\n            glyph=\"appointment-2\"\n            [isExpanded]=\"isOpen\"\n            [glyphAriaLabel]=\"displayCalendarToggleLabel\"\n            [iconTitle]=\"displayCalendarToggleLabel\"\n            (addOnButtonClicked)=\"toggleCalendar()\"\n        >\n            <input\n                type=\"text\"\n                class=\"fd-input\"\n                fd-input-group-input\n                [disabled]=\"disabled\"\n                [placeholder]=\"placeholder\"\n                [attr.id]=\"inputId\"\n                aria-haspopup=\"grid\"\n                aria-autocomplete=\"none\"\n                [attr.aria-expanded]=\"isOpen\"\n                [attr.aria-label]=\"_dateInputArialLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-required]=\"required\"\n                [attr.aria-describedby]=\"_formValueStateMessageId\"\n                [ngModel]=\"_inputFieldDate\"\n                (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                (ngModelChange)=\"handleInputChange($event, true)\"\n                (blur)=\"handleInputChange($any($event.target).value, false)\"\n            />\n        </fd-input-group>\n    </fd-popover-control>\n    <fd-popover-body [attr.aria-expanded]=\"isOpen\" [attr.aria-hidden]=\"!isOpen\">\n        <fd-form-message [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n            {{ _message }}\n        </fd-form-message>\n        <ng-content></ng-content>\n\n        <fd-calendar\n            (closeCalendar)=\"closeFromCalendar()\"\n            [activeView]=\"activeView\"\n            [markWeekends]=\"markWeekends\"\n            [specialDaysRules]=\"specialDaysRules\"\n            [showWeekNumbers]=\"showWeekNumbers\"\n            [aggregatedYearGrid]=\"aggregatedYearGrid\"\n            [yearGrid]=\"yearGrid\"\n            (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n            [calType]=\"type\"\n            [rangeHoverEffect]=\"rangeHoverEffect\"\n            [disableFunction]=\"disableFunction ? disableFunction : null\"\n            [disableRangeStartFunction]=\"disableRangeStartFunction ? disableRangeStartFunction : null\"\n            [disableRangeEndFunction]=\"disableRangeEndFunction ? disableRangeEndFunction : null\"\n            [selectedDate]=\"selectedDate\"\n            [selectedRangeDate]=\"selectedRangeDate\"\n            (selectedRangeDateChange)=\"handleRangeDateChange($event)\"\n            (selectedDateChange)=\"handleSingleDateChange($event)\"\n            [startingDayOfWeek]=\"startingDayOfWeek\"\n            [previousButtonDisableFunction]=\"previousButtonDisableFunction\"\n            [nextButtonDisableFunction]=\"nextButtonDisableFunction\"\n        ></fd-calendar>\n\n        <div *ngIf=\"showTodayButton\" fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button fd-button [label]=\"todayButtonLabel\" (click)=\"onTodayButtonClick()\"></button>\n                </fd-bar-element>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n\n<div style=\"display: none\" aria-hidden=\"true\">\n    <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n        <ng-container [ngSwitch]=\"state\">\n            <ng-container *ngSwitchCase=\"'success'\">{{ valueStateSuccessMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'information'\">{{ valueStateInformationMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'warning'\">{{ valueStateWarningMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">{{ valueStateErrorMessage }}</ng-container>\n        </ng-container>\n        {{ _message }}\n    </div>\n</div>\n", styles: [".fd-date-picker-custom{display:inline-block}.fd-date-picker-custom fd-popover{display:block}.fd-date-picker-custom fd-calendar{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-popover\n    [(isOpen)]=\"isOpen\"\n    (isOpenChange)=\"_onOpenStateChanged($event)\"\n    [triggers]=\"[]\"\n    [placement]=\"placement\"\n    [disabled]=\"disabled\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"false\"\n    [appendTo]=\"appendTo\"\n>\n    <fd-popover-control>\n        <fd-input-group\n            #inputGroupComponent\n            [state]=\"state\"\n            [disabled]=\"disabled\"\n            [isControl]=\"true\"\n            [button]=\"true\"\n            [buttonFocusable]=\"buttonFocusable\"\n            glyph=\"appointment-2\"\n            [isExpanded]=\"isOpen\"\n            [glyphAriaLabel]=\"displayCalendarToggleLabel\"\n            [iconTitle]=\"displayCalendarToggleLabel\"\n            (addOnButtonClicked)=\"toggleCalendar()\"\n        >\n            <input\n                type=\"text\"\n                class=\"fd-input\"\n                fd-input-group-input\n                [disabled]=\"disabled\"\n                [placeholder]=\"placeholder\"\n                [attr.id]=\"inputId\"\n                aria-haspopup=\"grid\"\n                aria-autocomplete=\"none\"\n                [attr.aria-expanded]=\"isOpen\"\n                [attr.aria-label]=\"_dateInputArialLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-required]=\"required\"\n                [attr.aria-describedby]=\"_formValueStateMessageId\"\n                [ngModel]=\"_inputFieldDate\"\n                (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                (ngModelChange)=\"handleInputChange($event, true)\"\n                (blur)=\"handleInputChange($any($event.target).value, false)\"\n            />\n        </fd-input-group>\n    </fd-popover-control>\n    <fd-popover-body [attr.aria-expanded]=\"isOpen\" [attr.aria-hidden]=\"!isOpen\">\n        <fd-form-message [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n            {{ _message }}\n        </fd-form-message>\n        <ng-content></ng-content>\n\n        <fd-calendar\n            (closeCalendar)=\"closeFromCalendar()\"\n            [activeView]=\"activeView\"\n            [markWeekends]=\"markWeekends\"\n            [specialDaysRules]=\"specialDaysRules\"\n            [showWeekNumbers]=\"showWeekNumbers\"\n            [aggregatedYearGrid]=\"aggregatedYearGrid\"\n            [yearGrid]=\"yearGrid\"\n            (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n            [calType]=\"type\"\n            [rangeHoverEffect]=\"rangeHoverEffect\"\n            [disableFunction]=\"disableFunction ? disableFunction : null\"\n            [disableRangeStartFunction]=\"disableRangeStartFunction ? disableRangeStartFunction : null\"\n            [disableRangeEndFunction]=\"disableRangeEndFunction ? disableRangeEndFunction : null\"\n            [selectedDate]=\"selectedDate\"\n            [selectedRangeDate]=\"selectedRangeDate\"\n            (selectedRangeDateChange)=\"handleRangeDateChange($event)\"\n            (selectedDateChange)=\"handleSingleDateChange($event)\"\n            [startingDayOfWeek]=\"startingDayOfWeek\"\n            [previousButtonDisableFunction]=\"previousButtonDisableFunction\"\n            [nextButtonDisableFunction]=\"nextButtonDisableFunction\"\n        ></fd-calendar>\n    </fd-popover-body>\n</fd-popover>\n\n<div style=\"display: none\" aria-hidden=\"true\">\n    <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n        <ng-container [ngSwitch]=\"state\">\n            <ng-container *ngSwitchCase=\"'success'\">{{ valueStateSuccessMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'information'\">{{ valueStateInformationMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'warning'\">{{ valueStateWarningMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">{{ valueStateErrorMessage }}</ng-container>\n        </ng-container>\n        {{ _message }}\n    </div>\n</div>\n", styles: [".fd-date-picker-custom{display:inline-block}.fd-date-picker-custom fd-popover{display:block}.fd-date-picker-custom fd-calendar{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: i1.DatetimeAdapter, decorators: [{
                         type: Optional
@@ -698,10 +677,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 type: Input
             }], closeOnDateChoose: [{
                 type: Input
-            }], showTodayButton: [{
-                type: Input
-            }], todayButtonLabel: [{
-                type: Input
             }], previousButtonDisableFunction: [{
                 type: Input
             }], nextButtonDisableFunction: [{
@@ -794,7 +769,6 @@ DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         InputGroupModule,
         ButtonModule,
         FormMessageModule,
-        BarModule,
         ContentDensityModule], exports: [DatePickerComponent, DeprecatedDatePickerCompactDirective, ContentDensityModule] });
 DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatePickerModule, imports: [[
             CommonModule,
@@ -805,7 +779,6 @@ DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
             InputGroupModule,
             ButtonModule,
             FormMessageModule,
-            BarModule,
             ContentDensityModule
         ], ContentDensityModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatePickerModule, decorators: [{
@@ -821,7 +794,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                         InputGroupModule,
                         ButtonModule,
                         FormMessageModule,
-                        BarModule,
                         ContentDensityModule
                     ],
                     exports: [DatePickerComponent, DeprecatedDatePickerCompactDirective, ContentDensityModule]