@clr/angular 17.3.1 → 17.5.0

package/forms/common/label.d.ts

@@ -9,7 +9,10 @@ export declare class ClrLabel implements OnInit, OnDestroy {
     private ngControlService;
     private renderer;
     private el;
+    idInput: string;
+    idAttr: string;
     forAttr: string;
+    private signpost;
     private enableGrid;
     private subscriptions;
     constructor(controlIdService: ControlIdService, layoutService: LayoutService, ngControlService: NgControlService, renderer: Renderer2, el: ElementRef<HTMLLabelElement>);
@@ -17,6 +20,13 @@ export declare class ClrLabel implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     disableGrid(): void;
+    /**
+     * Allowing signposts inside labels to work without disabling default behavior. <label> is spreading a click event to its children so signposts get
+     * automatically closed once clicked inside a <label>.
+     * @param event
+     */
+    private onClick;
+    private preventDefaultOnSignpostTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrLabel, [{ optional: true; }, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrLabel, "label", never, { "forAttr": "for"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrLabel, "label", never, { "idInput": "id"; "forAttr": "for"; }, {}, ["signpost"], never, false, never>;
 }

package/layout/breadcrumbs/breadcrumb-item.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ClrBreadcrumbItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrBreadcrumbItem, "clr-breadcrumb-item", never, {}, {}, never, ["*"], false, never>;
+}

package/layout/breadcrumbs/breadcrumbs.constants.d.ts

@@ -0,0 +1 @@
+export declare const MAX_DISPLAY_ITEMS = 3;

package/layout/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
+import { BreadcrumbItem } from './model/breadcrumbs.model';
+import * as i0 from "@angular/core";
+export declare class ClrBreadcrumbs {
+    protected commonStrings: ClrCommonStringsService;
+    isExpanded: boolean;
+    items: BreadcrumbItem[];
+    clrBreadcrumbItemClick: EventEmitter<BreadcrumbItem>;
+    protected limit: number;
+    protected max: number;
+    constructor(commonStrings: ClrCommonStringsService);
+    protected expand(): void;
+    protected handleItemClick(breadcrumb: BreadcrumbItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrBreadcrumbs, "clr-breadcrumbs", never, { "items": "items"; }, { "clrBreadcrumbItemClick": "clrBreadcrumbItemClick"; }, never, never, false, never>;
+}

package/layout/breadcrumbs/breadcrumbs.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumbs";
+import * as i2 from "./breadcrumb-item";
+import * as i3 from "@angular/common";
+import * as i4 from "../../icon/icon.module";
+import * as i5 from "../../utils/host-wrapping/host-wrapping.module";
+import * as i6 from "@angular/router";
+export declare class ClrBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrBreadcrumbsModule, [typeof i1.ClrBreadcrumbs, typeof i2.ClrBreadcrumbItem], [typeof i3.CommonModule, typeof i4.ClrIconModule, typeof i5.ClrHostWrappingModule, typeof i6.RouterModule], [typeof i1.ClrBreadcrumbs]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrBreadcrumbsModule>;
+}

package/layout/breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './breadcrumbs';
+export * from './breadcrumb-item';
+export * from './breadcrumbs.module';

package/layout/breadcrumbs/model/breadcrumbs.model.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    routerLink?: string;
+    queryParams?: {
+        [key: string]: string;
+    };
+    target?: string;
+}

package/layout/index.d.ts

@@ -3,3 +3,4 @@ export * from './main-container/index';
 export * from './nav/index';
 export * from './tabs/index';
 export * from './vertical-nav/index';
+export * from './breadcrumbs/index';

package/layout/layout.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./main-container/main-container.module";
 import * as i2 from "./nav/navigation.module";
 import * as i3 from "./tabs/tabs.module";
 import * as i4 from "./vertical-nav/vertical-nav.module";
+import * as i5 from "./breadcrumbs/breadcrumbs.module";
 export declare class ClrLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrLayoutModule, never, never, [typeof i1.ClrMainContainerModule, typeof i2.ClrNavigationModule, typeof i3.ClrTabsModule, typeof i4.ClrVerticalNavModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrLayoutModule, never, never, [typeof i1.ClrMainContainerModule, typeof i2.ClrNavigationModule, typeof i3.ClrTabsModule, typeof i4.ClrVerticalNavModule, typeof i5.ClrBreadcrumbsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrLayoutModule>;
 }

package/layout/tabs/index.d.ts

@@ -1,8 +1,11 @@
 export * from './tabs';
+export * from './tabs-actions';
 export * from './tab';
 export * from './tab-content';
 export * from './tab-overflow-content';
 export * from './tab-link.directive';
+export * from './tab-action.directive';
 export * from './tabs.module';
+export { ClrTabsActionsPosition } from './tabs-actions';
 export { TabsWillyWonka as ÇlrTabsWillyWonka } from './chocolate/tabs-willy-wonka';
 export { ActiveOompaLoompa as ÇlrActiveOompaLoompa } from './chocolate/active-oompa-loompa';

package/layout/tabs/tab-action.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ClrTabAction {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrTabAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrTabAction, "[clrTabAction]", never, {}, {}, never, never, false, never>;
+}

package/layout/tabs/tabs-actions.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare type ClrTabsActionsPosition = 'left' | 'right';
+export declare class ClrTabsActions {
+    position: ClrTabsActionsPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrTabsActions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrTabsActions, "clr-tabs-actions", never, { "position": "position"; }, {}, never, ["*"], false, never>;
+}

package/layout/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { AfterContentInit, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { IfActiveService } from '../../utils/conditional/if-active.service';
 import { ClrKeyFocus } from '../../utils/focus/key-focus/key-focus';
 import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
@@ -17,6 +17,7 @@ export declare class ClrTabs implements AfterContentInit, OnDestroy {
     tabLinkElements: HTMLElement[];
     _mousedown: boolean;
     keyFocus: ClrKeyFocus;
+    tabsActions: QueryList<ElementRef>;
     private tabs;
     private subscriptions;
     private _tabOverflowEl;
@@ -41,7 +42,9 @@ export declare class ClrTabs implements AfterContentInit, OnDestroy {
     closeOnFocusOut(event: FocusEvent): void;
     closeOnEscapeKey(): void;
     closeOnOutsideClick(event: Event, tabOverflowTrigger: HTMLElement): void;
+    private setTabLinkElements;
     private listenForTabLinkChanges;
+    private listedForTabsActionsChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrTabs, "clr-tabs", never, { "layout": "clrLayout"; }, {}, ["tabs"], never, false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrTabs, "clr-tabs", never, { "layout": "clrLayout"; }, {}, ["tabsActions", "tabs"], ["clr-tabs-actions"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
 }

package/layout/tabs/tabs.module.d.ts

@@ -5,17 +5,19 @@ import * as i2 from "./tab";
 import * as i3 from "./tabs";
 import * as i4 from "./tab-overflow-content";
 import * as i5 from "./tab-link.directive";
-import * as i6 from "./chocolate/tabs-willy-wonka";
-import * as i7 from "./chocolate/active-oompa-loompa";
-import * as i8 from "@angular/common";
-import * as i9 from "../../utils/conditional/conditional.module";
-import * as i10 from "../../icon/icon.module";
-import * as i11 from "../../utils/template-ref/template-ref.module";
-import * as i12 from "../../utils/focus/key-focus/key-focus.module";
+import * as i6 from "./tab-action.directive";
+import * as i7 from "./tabs-actions";
+import * as i8 from "./chocolate/tabs-willy-wonka";
+import * as i9 from "./chocolate/active-oompa-loompa";
+import * as i10 from "@angular/common";
+import * as i11 from "../../utils/conditional/conditional.module";
+import * as i12 from "../../icon/icon.module";
+import * as i13 from "../../utils/template-ref/template-ref.module";
+import * as i14 from "../../utils/focus/key-focus/key-focus.module";
 export declare const CLR_TABS_DIRECTIVES: Type<any>[];
 export declare class ClrTabsModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTabsModule, [typeof i1.ClrTabContent, typeof i2.ClrTab, typeof i3.ClrTabs, typeof i4.ClrTabOverflowContent, typeof i5.ClrTabLink, typeof i6.TabsWillyWonka, typeof i7.ActiveOompaLoompa], [typeof i8.CommonModule, typeof i9.ClrConditionalModule, typeof i10.ClrIconModule, typeof i11.ClrTemplateRefModule, typeof i12.ClrKeyFocusModule], [typeof i1.ClrTabContent, typeof i2.ClrTab, typeof i3.ClrTabs, typeof i4.ClrTabOverflowContent, typeof i5.ClrTabLink, typeof i6.TabsWillyWonka, typeof i7.ActiveOompaLoompa, typeof i9.ClrConditionalModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTabsModule, [typeof i1.ClrTabContent, typeof i2.ClrTab, typeof i3.ClrTabs, typeof i4.ClrTabOverflowContent, typeof i5.ClrTabLink, typeof i6.ClrTabAction, typeof i7.ClrTabsActions, typeof i8.TabsWillyWonka, typeof i9.ActiveOompaLoompa], [typeof i10.CommonModule, typeof i11.ClrConditionalModule, typeof i12.ClrIconModule, typeof i13.ClrTemplateRefModule, typeof i14.ClrKeyFocusModule], [typeof i1.ClrTabContent, typeof i2.ClrTab, typeof i3.ClrTabs, typeof i4.ClrTabOverflowContent, typeof i5.ClrTabLink, typeof i6.ClrTabAction, typeof i7.ClrTabsActions, typeof i8.TabsWillyWonka, typeof i9.ActiveOompaLoompa, typeof i11.ClrConditionalModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrTabsModule>;
 }

package/package.json

@@ -18,11 +18,11 @@
     "url": "https://github.com/vmware-clarity/ng-clarity/issues"
   },
   "peerDependencies": {
-    "@angular/cdk": "15 || 16 || 17 || 18",
-    "@angular/common": "15 || 16 || 17 || 18",
-    "@angular/core": "15 || 16 || 17 || 18",
+    "@angular/cdk": "15 || 16 || 17 || 18 || 19",
+    "@angular/common": "15 || 16 || 17 || 18 || 19",
+    "@angular/core": "15 || 16 || 17 || 18 || 19",
     "@cds/core": ">= 6.9.2",
-    "@clr/ui": "17.3.1"
+    "@clr/ui": "17.5.0"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "17.3.1"
+  "version": "17.5.0"
 }

package/popover/signpost/index.d.ts

@@ -1,4 +1,5 @@
 export * from './signpost';
 export * from './signpost-content';
+export * from './signpost-title';
 export * from './signpost-trigger';
 export * from './signpost.module';

package/popover/signpost/signpost-content.d.ts

@@ -8,6 +8,7 @@ export declare class ClrSignpostContent extends AbstractPopover implements OnDes
     commonStrings: ClrCommonStringsService;
     private signpostFocusManager;
     private platformId;
+    signpostCloseAriaLabel: string;
     signpostContentId: string;
     private document;
     private _position;
@@ -52,5 +53,5 @@ export declare class ClrSignpostContent extends AbstractPopover implements OnDes
     close(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostContent, [null, { optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpostContent, "clr-signpost-content", never, { "position": "clrPosition"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpostContent, "clr-signpost-content", never, { "signpostCloseAriaLabel": "clrSignpostCloseAriaLabel"; "position": "clrPosition"; }, {}, never, ["clr-signpost-title", "*"], false, never>;
 }

package/popover/signpost/signpost-title.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ClrSignpostTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostTitle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpostTitle, "clr-signpost-title", never, {}, {}, never, ["*"], false, never>;
+}

package/popover/signpost/signpost.module.d.ts

@@ -3,14 +3,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "./signpost";
 import * as i2 from "./signpost-content";
 import * as i3 from "./signpost-trigger";
-import * as i4 from "@angular/common";
-import * as i5 from "../../icon/icon.module";
-import * as i6 from "../../utils/focus/focus-on-view-init/focus-on-view-init.module";
-import * as i7 from "../../utils/conditional/conditional.module";
+import * as i4 from "./signpost-title";
+import * as i5 from "@angular/common";
+import * as i6 from "../../icon/icon.module";
+import * as i7 from "../../utils/focus/focus-on-view-init/focus-on-view-init.module";
+import * as i8 from "../../utils/conditional/conditional.module";
 export declare const CLR_SIGNPOST_DIRECTIVES: Type<any>[];
 export declare class ClrSignpostModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrSignpostModule, [typeof i1.ClrSignpost, typeof i2.ClrSignpostContent, typeof i3.ClrSignpostTrigger], [typeof i4.CommonModule, typeof i5.ClrIconModule, typeof i6.ClrFocusOnViewInitModule], [typeof i1.ClrSignpost, typeof i2.ClrSignpostContent, typeof i3.ClrSignpostTrigger, typeof i7.ClrConditionalModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrSignpostModule, [typeof i1.ClrSignpost, typeof i2.ClrSignpostContent, typeof i3.ClrSignpostTrigger, typeof i4.ClrSignpostTitle], [typeof i5.CommonModule, typeof i6.ClrIconModule, typeof i7.ClrFocusOnViewInitModule], [typeof i1.ClrSignpost, typeof i2.ClrSignpostContent, typeof i3.ClrSignpostTrigger, typeof i4.ClrSignpostTitle, typeof i8.ClrConditionalModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrSignpostModule>;
 }

package/utils/i18n/common-strings.interface.d.ts

@@ -139,6 +139,14 @@ export interface ClrCommonStrings {
      * Datagrid column resize handler string
      */
     columnSeparatorDescription: string;
+    /**
+     * Numeric filter from label string
+     */
+    fromLabel: string;
+    /**
+     * Numeric filter to label string
+     */
+    toLabel: string;
     /**
      * Modal start of content
      */
@@ -242,6 +250,10 @@ export interface ClrCommonStrings {
     comboboxSelected: string;
     comboboxNoResults: string;
     comboboxOpen: string;
+    /**
+     * Wizard: Screen-reader text for "step" (read before step number).
+     */
+    wizardStep: string;
     /**
      * Wizard: Screen-reader text for completed step.
      */
@@ -272,4 +284,6 @@ export interface ClrCommonStrings {
     clearFiles: string;
     selectedTreeNode: string;
     unselectedTreeNode: string;
+    breadcrumbsLabel: string;
+    expandBreadcrumbsLabel: string;
 }