@clr/angular 18.0.0-beta.3 → 18.0.0-beta.5

package/schematics/ng-update/tests/test-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-helpers.js","sourceRoot":"","sources":["../../../../../projects/angular/schematics/ng-update/tests/test-helpers.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AASH,sCAEC;AAGD,sCAMC;AAGD,8CAKC;AA1BD,+CAA+C;AAG/C,+DAA0F;AAC1F,qEAAkF;AAClF,yEAA8F;AAE9F,SAAgB,aAAa;IAC3B,OAAO,EAAE,MAAM,EAAE,IAAI,cAAO,CAAC,UAAU,EAAE,EAAiC,CAAC;AAC7E,CAAC;AAED,oFAAoF;AACpF,SAAgB,aAAa,CAAC,IAAc;IAC1C,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,IAAA,iCAAc,GAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAChC,IAAA,qCAAgB,GAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAClC,IAAA,oCAAoB,GAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACtC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,iGAAiG;AACjG,SAAgB,iBAAiB,CAAC,IAAY;IAC5C,IAAI,GAAG,IAAA,mCAAgB,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAI,GAAG,IAAA,6CAAwB,EAAC,IAAI,CAAC,CAAC;IACtC,IAAI,GAAG,IAAA,qCAAqB,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC;AACd,CAAC"}

package/schematics/ng-update/utils/file-visitor.d.ts

@@ -0,0 +1,8 @@
+import { Tree } from '@angular-devkit/schematics';
+/**
+ * Visits all files in the tree matching a glob-like pattern.
+ * Supports simple extension matching: '**\/*.ts', '**\/*.html', '**\/*.{css,scss,sass,less}'
+ *
+ * Skips generated/build directories and .d.ts declaration files for performance.
+ */
+export declare function visitFiles(tree: Tree, pattern: string, callback: (filePath: string) => void): void;

package/schematics/ng-update/utils/file-visitor.js

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.visitFiles = visitFiles;
+const EXCLUDED_DIRS = ['/node_modules/', '/.git/', '/dist/', '/coverage/', '/.angular/', '/.nx/', '/.cache/'];
+/**
+ * Visits all files in the tree matching a glob-like pattern.
+ * Supports simple extension matching: '**\/*.ts', '**\/*.html', '**\/*.{css,scss,sass,less}'
+ *
+ * Skips generated/build directories and .d.ts declaration files for performance.
+ */
+function visitFiles(tree, pattern, callback) {
+    const extensions = parseExtensions(pattern);
+    tree.visit(filePath => {
+        if (EXCLUDED_DIRS.some(d => filePath.includes(d))) {
+            return;
+        }
+        // Skip TypeScript declaration files — they are generated, never user-edited
+        if (filePath.endsWith('.d.ts')) {
+            return;
+        }
+        if (extensions.length > 0 && !extensions.some(ext => filePath.endsWith(ext))) {
+            return;
+        }
+        callback(filePath);
+    });
+}
+function parseExtensions(pattern) {
+    // Match patterns like '**/*.ts' or '**/*.{css,scss,sass,less}'
+    const match = pattern.match(/\*\.(?:\{([^}]+)\}|(\w+))$/);
+    if (!match) {
+        return [];
+    }
+    if (match[1]) {
+        return match[1].split(',').map(ext => `.${ext.trim()}`);
+    }
+    return [`.${match[2]}`];
+}
+//# sourceMappingURL=file-visitor.js.map

package/schematics/ng-update/utils/file-visitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-visitor.js","sourceRoot":"","sources":["../../../../../projects/angular/schematics/ng-update/utils/file-visitor.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAYH,gCAmBC;AA3BD,MAAM,aAAa,GAAG,CAAC,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAE9G;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,IAAU,EAAE,OAAe,EAAE,QAAoC;IAC1F,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE5C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACpB,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QAED,4EAA4E;QAC5E,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC7E,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,eAAe,CAAC,OAAe;IACtC,+DAA+D;IAC/D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAC1D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACb,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1B,CAAC"}

package/schematics/ng-update/utils/regexp-utils.d.ts

@@ -0,0 +1,16 @@
+/** Escapes all regex special characters in a literal string. */
+export declare function escapeRegExp(str: string): string;
+/**
+ * Builds a regex that matches the literal string only at whole-identifier
+ * boundaries (\b), preventing partial matches inside longer names.
+ * The `g` flag is set so the regex can be reused with lastIndex reset.
+ */
+export declare function wordBoundaryRegex(literal: string): RegExp;
+/**
+ * Builds a regex that matches the literal string only when it is NOT
+ * immediately followed by a hyphen or word character.
+ * Used for CSS custom properties to prevent `--clr-foo` from matching
+ * inside `--clr-foo-extra`.
+ * The `g` flag is set so the regex can be reused with lastIndex reset.
+ */
+export declare function prefixNegativeLookaheadRegex(literal: string): RegExp;

package/schematics/ng-update/utils/regexp-utils.js

@@ -0,0 +1,34 @@
+"use strict";
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.escapeRegExp = escapeRegExp;
+exports.wordBoundaryRegex = wordBoundaryRegex;
+exports.prefixNegativeLookaheadRegex = prefixNegativeLookaheadRegex;
+/** Escapes all regex special characters in a literal string. */
+function escapeRegExp(str) {
+    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+/**
+ * Builds a regex that matches the literal string only at whole-identifier
+ * boundaries (\b), preventing partial matches inside longer names.
+ * The `g` flag is set so the regex can be reused with lastIndex reset.
+ */
+function wordBoundaryRegex(literal) {
+    return new RegExp(`\\b${escapeRegExp(literal)}\\b`, 'g');
+}
+/**
+ * Builds a regex that matches the literal string only when it is NOT
+ * immediately followed by a hyphen or word character.
+ * Used for CSS custom properties to prevent `--clr-foo` from matching
+ * inside `--clr-foo-extra`.
+ * The `g` flag is set so the regex can be reused with lastIndex reset.
+ */
+function prefixNegativeLookaheadRegex(literal) {
+    return new RegExp(`${escapeRegExp(literal)}(?![-\\w])`, 'g');
+}
+//# sourceMappingURL=regexp-utils.js.map

package/schematics/ng-update/utils/regexp-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regexp-utils.js","sourceRoot":"","sources":["../../../../../projects/angular/schematics/ng-update/utils/regexp-utils.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAGH,oCAEC;AAOD,8CAEC;AASD,oEAEC;AAvBD,gEAAgE;AAChE,SAAgB,YAAY,CAAC,GAAW;IACtC,OAAO,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;AACpD,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,OAAe;IAC/C,OAAO,IAAI,MAAM,CAAC,MAAM,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC3D,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,4BAA4B,CAAC,OAAe;IAC1D,OAAO,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAC/D,CAAC"}

package/schematics/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/schematics/vitest.config.js

@@ -0,0 +1,17 @@
+"use strict";
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const config_1 = require("vitest/config");
+exports.default = (0, config_1.defineConfig)({
+    test: {
+        root: 'projects/angular/schematics',
+        include: ['**/*.vitest.ts'],
+        globals: true,
+    },
+});
+//# sourceMappingURL=vitest.config.js.map

package/schematics/vitest.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.js","sourceRoot":"","sources":["../../../projects/angular/schematics/vitest.config.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAEH,0CAA6C;AAE7C,kBAAe,IAAA,qBAAY,EAAC;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,6BAA6B;QACnC,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC"}

package/types/clr-angular-forms-combobox.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { AfterContentInit, AfterViewInit, ElementRef, TemplateRef, RendererFactory2, Renderer2, EventEmitter, ViewContainerRef, Injector, ChangeDetectorRef, OnInit, OnDestroy, QueryList, DoCheck, IterableDiffers, TrackByFunction } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, TemplateRef, RendererFactory2, Renderer2, EventEmitter, QueryList, ViewContainerRef, Injector, ChangeDetectorRef, NgZone, OnInit, OnDestroy, DoCheck, IterableDiffers, TrackByFunction } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i9 from '@angular/forms';
@@ -24,7 +24,7 @@ declare class ComboboxContainerService {
 
 declare class ClrComboboxContainer extends ClrAbstractContainer implements AfterContentInit, AfterViewInit {
     private containerService;
-    private el;
+    el: ElementRef<HTMLElement>;
     controlContainer: ElementRef<HTMLElement>;
     constructor(layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef<HTMLElement>);
     ngAfterContentInit(): void;
@@ -34,6 +34,7 @@ declare class ClrComboboxContainer extends ClrAbstractContainer implements After
 }
 
 type ClrComboboxIdentityFunction<T> = (item: T) => any;
+type ClrComboboxResolverFunction<T> = (input: string) => T;
 declare abstract class ComboboxModel<T> {
     model: T | T[];
     displayField?: string;
@@ -61,7 +62,7 @@ declare class ClrOptionSelected<T> {
 declare class OptionSelectionService<T> {
     loading: boolean;
     editable: boolean;
-    filtering: boolean;
+    showSelectAll: boolean;
     selectionModel: ComboboxModel<T>;
     inputChanged: Observable<string>;
     showAllOptions: boolean;
@@ -69,6 +70,7 @@ declare class OptionSelectionService<T> {
     private _displayField;
     private _inputChanged;
     private _selectionChanged;
+    private _selectAllRequested;
     constructor();
     get displayField(): string;
     set displayField(value: string);
@@ -78,11 +80,19 @@ declare class OptionSelectionService<T> {
     get multiselectable(): boolean;
     get identityFn(): ClrComboboxIdentityFunction<T>;
     set identityFn(value: ClrComboboxIdentityFunction<T>);
+    get selectAllRequested(): Observable<void>;
+    requestSelectAll(): void;
+    editableResolver: ClrComboboxResolverFunction<T>;
     select(item: T): void;
     toggle(item: T): void;
+    selectMany(items: T[]): void;
+    unselectMany(items: T[]): void;
     unselect(item: T): void;
+    /**
+     * Checks whether all given items are currently selected, using identityFn for comparison.
+     */
+    containsAll(items: T[]): boolean;
     setSelectionValue(value: T | T[]): void;
-    parseStringToModel(value: string): T;
     private _identityFn;
     private valuesEqualByIdentity;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionSelectionService<any>, never>;
@@ -125,6 +135,7 @@ declare class ComboboxFocusHandler<T> {
     focusInput(): void;
     focusFirstActive(): void;
     addOptionValues(options: OptionData<T>[]): void;
+    focusOption(option: OptionData<T>): void;
     private handleFocusSubscription;
     private moveFocusTo;
     private openAndMoveTo;
@@ -155,6 +166,8 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
     private platformId;
     private focusHandler;
     private cdr;
+    private zone;
+    private container;
     placeholder: string;
     clrInputChange: EventEmitter<string>;
     clrOpenChange: rxjs.Observable<boolean>;
@@ -165,17 +178,30 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
     textbox: ElementRef<HTMLInputElement>;
     trigger: ElementRef<HTMLButtonElement>;
     optionSelected: ClrOptionSelected<T>;
+    truncationButton: ElementRef;
+    wrapper: ElementRef;
+    calculationPills: QueryList<ElementRef<HTMLElement>>;
     focused: boolean;
     popoverPosition: ClrPopoverPosition;
     protected index: number;
     protected popoverType: ClrPopoverType;
+    protected containerWidth: any;
+    protected selectionExpanded: boolean;
+    protected calculatedLimit: number | undefined;
+    protected shouldCalculate: boolean;
+    protected isTotalSelection: boolean;
+    private resizeObserver;
+    private containerWidthChange;
     private options;
     private _searchText;
     private onTouchedCallback;
     private onChangeCallback;
-    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, popoverService: ClrPopoverService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef);
+    constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, popoverService: ClrPopoverService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef, zone: NgZone, container: ClrComboboxContainer);
+    get showSelectAll(): boolean;
+    set showSelectAll(value: boolean);
     get editable(): boolean;
     set editable(value: boolean);
+    set editableResolver(value: ClrComboboxResolverFunction<T> | undefined);
     set identityFn(value: ClrComboboxIdentityFunction<T>);
     get multiSelect(): boolean | string;
     set multiSelect(value: boolean | string);
@@ -189,9 +215,15 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
     get ariaOwns(): string;
     get ariaDescribedBySelection(): string;
     get displayField(): string;
+    get showAllText(): string;
+    get allSelectedText(): string;
+    get showIndividualPills(): boolean;
+    get showTruncationToggle(): boolean;
     private get disabled();
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    clearSelection(): void;
     onKeyUp(event: KeyboardEvent): void;
     inputId(): string;
     loadingStateChange(state: ClrLoadingState): void;
@@ -207,12 +239,18 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
     getActiveDescendant(): string;
     setDisabledState(): void;
     onWrapperClick(event: any): void;
+    toggleSelectionExpand(): void;
+    private initialiseObserver;
+    private calculateLimit;
+    private applyLimit;
+    private updateTotalSelection;
     private initializeSubscriptions;
     private updateInputValue;
     private updateControlValue;
     private getDisplayNames;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrCombobox<any>, [null, null, { optional: true; self: true; }, null, null, null, null, null, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrCombobox<any>, "clr-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "editable": { "alias": "clrEditable"; "required": false; }; "identityFn": { "alias": "clrComboboxIdentityFn"; "required": false; }; "multiSelect": { "alias": "clrMulti"; "required": false; }; }, { "clrInputChange": "clrInputChange"; "clrOpenChange": "clrOpenChange"; "clrSelectionChange": "clrSelectionChange"; }, ["optionSelected", "options"], ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrCombobox<any>, [null, null, { optional: true; self: true; }, null, null, null, null, null, { optional: true; }, null, null, null, null, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrCombobox<any>, "clr-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "editable": { "alias": "clrEditable"; "required": false; }; "editableResolver": { "alias": "clrEditableResolverFn"; "required": false; }; "identityFn": { "alias": "clrComboboxIdentityFn"; "required": false; }; "multiSelect": { "alias": "clrMulti"; "required": false; }; }, { "clrInputChange": "clrInputChange"; "clrOpenChange": "clrOpenChange"; "clrSelectionChange": "clrSelectionChange"; }, ["optionSelected", "options"], ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_showSelectAll: unknown;
 }
 
 declare class ClrOption<T> implements OnInit {
@@ -236,6 +274,7 @@ declare class ClrOption<T> implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrOption<any>, "clr-option", never, { "optionId": { "alias": "id"; "required": false; }; "value": { "alias": "clrValue"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+declare const SELECT_ALL_ID = "select-all-id";
 declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy {
     optionSelectionService: OptionSelectionService<T>;
     id: number;
@@ -248,7 +287,9 @@ declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy
     loading: boolean;
     _items: QueryList<ClrOption<T>>;
     private subscriptions;
+    private _selectAllOption;
     constructor(optionSelectionService: OptionSelectionService<T>, id: number, el: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, popoverService: ClrPopoverService, parentHost: ElementRef<HTMLElement>, document: any);
+    set selectAllBtn(value: ElementRef);
     get items(): QueryList<ClrOption<T>>;
     set items(items: QueryList<ClrOption<T>>);
     /**
@@ -257,10 +298,15 @@ declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy
     get emptyOptions(): boolean;
     get editable(): boolean;
     get noResultsElementId(): string;
+    get showSelectAll(): boolean;
+    get allVisibleSelected(): boolean;
+    get isSelectAllFocused(): boolean;
+    toggleSelectAll(event?: Event): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     searchText(input: string): string;
     loadingStateChange(state: ClrLoadingState): void;
+    private updateFocusableItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrOptions<any>, [null, null, null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrOptions<any>, "clr-options", never, { "optionsId": { "alias": "id"; "required": false; }; }, {}, ["items"], ["*"], false, never>;
 }
@@ -303,5 +349,5 @@ declare class ClrComboboxModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrComboboxModule>;
 }
 
-export { ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrOption, ClrOptionGroup, ClrOptionItems, ClrOptionSelected, ClrOptions };
-export type { ClrComboboxIdentityFunction };
+export { ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrOption, ClrOptionGroup, ClrOptionItems, ClrOptionSelected, ClrOptions, SELECT_ALL_ID };
+export type { ClrComboboxIdentityFunction, ClrComboboxResolverFunction };

package/types/clr-angular-layout-nav.d.ts

@@ -1,7 +1,7 @@
 import * as i1 from '@clr/angular/utils';
 import { WillyWonka, OompaLoompa, ClrCommonStringsService, ClrStandaloneCdkTrapFocus } from '@clr/angular/utils';
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, OnDestroy, OnInit, ElementRef, Renderer2, Injector, Type } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit, ElementRef, Renderer2, Injector, EnvironmentInjector, ApplicationRef, Type } from '@angular/core';
 import { Observable } from 'rxjs';
 import { RouterLinkActive } from '@angular/router';
 import * as i6 from '@angular/common';
@@ -92,12 +92,15 @@ declare class ClrNavLevel implements OnInit {
     private responsiveNavService;
     private elementRef;
     private renderer;
+    private injector;
+    private environmentInjector;
+    private appRef;
     _level: number;
     closeButtonAriaLabel: string;
     private _isOpen;
     private _document;
     private _subscription;
-    constructor(platformId: any, cdkTrapFocus: ClrStandaloneCdkTrapFocus, responsiveNavService: ResponsiveNavigationService, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector);
+    constructor(platformId: any, cdkTrapFocus: ClrStandaloneCdkTrapFocus, responsiveNavService: ResponsiveNavigationService, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector, environmentInjector: EnvironmentInjector, appRef: ApplicationRef);
     get level(): number;
     get responsiveNavCodes(): ResponsiveNavCodes;
     get isOpen(): boolean;
@@ -113,6 +116,7 @@ declare class ClrNavLevel implements OnInit {
     protected showNavigation(): void;
     protected hideCloseButton(): void;
     protected showCloseButton(): void;
+    private createCloseButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrNavLevel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNavLevel, "[clr-nav-level]", never, { "_level": { "alias": "clr-nav-level"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.ClrStandaloneCdkTrapFocus; inputs: {}; outputs: {}; }]>;
 }

package/types/clr-angular-utils.d.ts

@@ -441,6 +441,11 @@ interface ClrCommonStrings {
     comboboxSelected: string;
     comboboxNoResults: string;
     comboboxOpen: string;
+    comboboxSelectAll: string;
+    comboboxUnselectAll: string;
+    comboboxAllSelected: string;
+    comboboxShowAll: string;
+    comboboxShowLess: string;
     /**
      * Wizard: Screen-reader text for "step" (read before step number).
      */

package/types/clr-angular-wizard.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, QueryList, TemplateRef, OnInit, OnDestroy, AfterContentInit, DoCheck, ElementRef, IterableDiffers } from '@angular/core';
+import { EventEmitter, QueryList, TemplateRef, OnInit, OnDestroy, AfterContentInit, DoCheck, ElementRef, IterableDiffers, AfterViewInit } from '@angular/core';
 import { HeadingLevel, ClrCommonStringsService } from '@clr/angular/utils';
 import { Observable, Subscription } from 'rxjs';
 import * as i12 from '@angular/common';
@@ -7,6 +7,18 @@ import * as i13 from '@clr/angular/icon';
 import * as i14 from '@clr/angular/modal';
 import * as i15 from '@clr/angular/emphasis/alert';
 
+declare enum ClrWizardFooterAlign {
+    START = "start",
+    END = "end"
+}
+declare function footerAlignAttribute(value: ClrWizardFooterAlign | string): ClrWizardFooterAlign;
+
+declare enum ClrWizardStepnavLayout {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+declare function stepnavLayoutAttribute(value: ClrWizardStepnavLayout | string): ClrWizardStepnavLayout;
+
 declare class ButtonHubService {
     buttonsReady: boolean;
     private _previousBtnClicked;
@@ -870,6 +882,10 @@ declare class WizardNavigationService implements OnDestroy {
      * @memberof WizardNavigationService
      */
     wizardDisableStepnav: boolean;
+    /**
+     * The layout of the wizard stepnav, either 'vertical' or 'horizontal'.
+     */
+    stepnavLayout: ClrWizardStepnavLayout;
     /**
      * @memberof WizardNavigationService
      */
@@ -1117,6 +1133,31 @@ declare class HeaderActionService {
     static ɵprov: i0.ɵɵInjectableDeclaration<HeaderActionService>;
 }
 
+declare const DEFAULT_BUTTON_TYPES: any;
+declare const CUSTOM_BUTTON_TYPES: any;
+declare class ClrWizardButton {
+    navService: WizardNavigationService;
+    buttonService: ButtonHubService;
+    type: string;
+    disabled: boolean;
+    hidden: boolean;
+    wasClicked: EventEmitter<string>;
+    constructor(navService: WizardNavigationService, buttonService: ButtonHubService);
+    get isCancel(): boolean;
+    get isNext(): boolean;
+    get isPrevious(): boolean;
+    get isFinish(): boolean;
+    get isDanger(): boolean;
+    get isPrimaryAction(): boolean;
+    get _disabledAttribute(): string | null;
+    get isDisabled(): boolean;
+    get isHidden(): boolean;
+    click(): void;
+    private checkDefaultAndCustomType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardButton, "clr-wizard-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "clrWizardButtonDisabled"; "required": false; }; "hidden": { "alias": "clrWizardButtonHidden"; "required": false; }; }, { "wasClicked": "clrWizardButtonClicked"; }, never, ["*"], false, never>;
+}
+
 declare class ClrWizardTitle {
     headingLevel: HeadingLevel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardTitle, never>;
@@ -1135,6 +1176,10 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * Set the aria-label for the stepnav section of the wizard. Set using `[clrWizardStepnavAriaLabel]` input.
      */
     stepnavAriaLabel: string;
+    /**
+     * Set the wizard stepnav layout to 'vertical' (default) or 'horizontal'. Set using `[clrWizardStepnavLayout]` input.
+     */
+    stepnavLayout: ClrWizardStepnavLayout;
     /**
      * Set the modal size of the wizard. Set using `[clrWizardSize]` input.
      */
@@ -1148,6 +1193,18 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * If you can't use this option, you will likely need to provide custom CSS to set the wizard's height and margins.
      */
     inPageFillContentArea: boolean;
+    /**
+     * Hide the wizard footer entirely. Set using `[clrWizardHideFooter]` input.
+     * Useful when a nested wizard or stepper handles its own navigation.
+     */
+    hideFooter: boolean;
+    /**
+     * Align the footer buttons to 'start' (left) or 'end' (right).
+     * By default, modal wizards align to 'end' and in-page wizards align to 'start'.
+     * Nested wizards inherit the default unless this input is explicitly set.
+     * Set using `[clrWizardFooterAlign]` input.
+     */
+    _footerAlign: ClrWizardFooterAlign | null;
     /**
      * Tells the modal part of the wizard whether it should have a close "X"
      * in the top right corner. Set using `[clrWizardClosable]` input.
@@ -1198,12 +1255,14 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     onMovePrevious: EventEmitter<any>;
     pageTitle: ElementRef<HTMLElement>;
     pages: QueryList<ClrWizardPage>;
+    wizardButtons: QueryList<ClrWizardButton>;
     headerActions: QueryList<ClrWizardHeaderAction>;
     _open: boolean;
     wizardId: string;
     protected wizardTitle: ClrWizardTitle;
+    protected ClrWizardFooterAlign: typeof ClrWizardFooterAlign;
+    protected ClrWizardStepnavLayout: typeof ClrWizardStepnavLayout;
     private readonly bodyElementRef;
-    private _title;
     private _forceForward;
     private _stopNext;
     private _stopCancel;
@@ -1211,10 +1270,7 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private _disableStepnav;
     private differ;
     private subscriptions;
-    private readonly modal;
     constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, elementRef: ElementRef<HTMLElement>, differs: IterableDiffers);
-    get title(): ElementRef<HTMLElement>;
-    set title(title: ElementRef<HTMLElement>);
     /**
      * Resets page completed states when navigating backwards.
      * Set using `[clrWizardForceForwardNavigation]` input.
@@ -1268,6 +1324,9 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     get isLast(): boolean;
     get isFirst(): boolean;
     get isInline(): boolean;
+    get showHeader(): boolean;
+    get showFooter(): boolean;
+    get footerAlign(): ClrWizardFooterAlign;
     get stopModalAnimations(): boolean;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
@@ -1370,13 +1429,32 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private initializeButtons;
     private emitWizardFinished;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": { "alias": "clrWizardStepnavAriaLabel"; "required": false; }; "size": { "alias": "clrWizardSize"; "required": false; }; "inPage": { "alias": "clrWizardInPage"; "required": false; }; "inPageFillContentArea": { "alias": "clrWizardInPageFillContentArea"; "required": false; }; "closable": { "alias": "clrWizardClosable"; "required": false; }; "_stopModalAnimations": { "alias": "clrWizardPreventModalAnimation"; "required": false; }; "forceForward": { "alias": "clrWizardForceForwardNavigation"; "required": false; }; "clrWizardOpen": { "alias": "clrWizardOpen"; "required": false; }; "stopNext": { "alias": "clrWizardPreventDefaultNext"; "required": false; }; "stopCancel": { "alias": "clrWizardPreventDefaultCancel"; "required": false; }; "stopNavigation": { "alias": "clrWizardPreventNavigation"; "required": false; }; "disableStepnav": { "alias": "clrWizardDisableStepnav"; "required": false; }; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChange": "clrWizardCurrentPageChange"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": { "alias": "clrWizardStepnavAriaLabel"; "required": false; }; "stepnavLayout": { "alias": "clrWizardStepnavLayout"; "required": false; }; "size": { "alias": "clrWizardSize"; "required": false; }; "inPage": { "alias": "clrWizardInPage"; "required": false; }; "inPageFillContentArea": { "alias": "clrWizardInPageFillContentArea"; "required": false; }; "hideFooter": { "alias": "clrWizardHideFooter"; "required": false; }; "_footerAlign": { "alias": "clrWizardFooterAlign"; "required": false; }; "closable": { "alias": "clrWizardClosable"; "required": false; }; "_stopModalAnimations": { "alias": "clrWizardPreventModalAnimation"; "required": false; }; "forceForward": { "alias": "clrWizardForceForwardNavigation"; "required": false; }; "clrWizardOpen": { "alias": "clrWizardOpen"; "required": false; }; "stopNext": { "alias": "clrWizardPreventDefaultNext"; "required": false; }; "stopCancel": { "alias": "clrWizardPreventDefaultCancel"; "required": false; }; "stopNavigation": { "alias": "clrWizardPreventNavigation"; "required": false; }; "disableStepnav": { "alias": "clrWizardDisableStepnav"; "required": false; }; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChange": "clrWizardCurrentPageChange"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "wizardButtons", "headerActions"], ["*", "clr-wizard-button", "clr-wizard-title", "clr-wizard-header-action"], false, never>;
+    static ngAcceptInputType_stepnavLayout: ClrWizardStepnavLayout | string;
+    static ngAcceptInputType__footerAlign: ClrWizardFooterAlign | string;
 }
 
-declare class ClrWizardStepnav {
+declare class ClrWizardStepnav implements AfterViewInit, OnDestroy {
     pageService: PageCollectionService;
+    private navService;
+    private elementRef;
     label: string;
-    constructor(pageService: PageCollectionService);
+    protected showScrollLeftButton: boolean;
+    protected showScrollRightButton: boolean;
+    private readonly stepnavItems;
+    private subscription;
+    private intersectionObserver;
+    private firstItemVisible;
+    private lastItemVisible;
+    constructor(pageService: PageCollectionService, navService: WizardNavigationService, elementRef: ElementRef<HTMLElement>);
+    protected get stepnavLayout(): ClrWizardStepnavLayout;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected scrollLeft(): void;
+    protected scrollRight(): void;
+    private setupIntersectionObserver;
+    private observeEdgeItems;
+    private scroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardStepnav, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardStepnav, "clr-wizard-stepnav", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -1385,7 +1463,7 @@ declare class ClrWizardStepnavItem implements OnInit, OnDestroy {
     navService: WizardNavigationService;
     pageCollection: PageCollectionService;
     commonStrings: ClrCommonStringsService;
-    private readonly elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     page: ClrWizardPage;
     private subscription;
     /**
@@ -1412,37 +1490,13 @@ declare class ClrWizardStepnavItem implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     click(): void;
+    protected scrollIntoView(): void;
     private pageGuard;
     private ensureCurrentStepIsScrolledIntoView;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardStepnavItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardStepnavItem, "[clr-wizard-stepnav-item]", never, { "page": { "alias": "page"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare const DEFAULT_BUTTON_TYPES: any;
-declare const CUSTOM_BUTTON_TYPES: any;
-declare class ClrWizardButton {
-    navService: WizardNavigationService;
-    buttonService: ButtonHubService;
-    type: string;
-    disabled: boolean;
-    hidden: boolean;
-    wasClicked: EventEmitter<string>;
-    constructor(navService: WizardNavigationService, buttonService: ButtonHubService);
-    get isCancel(): boolean;
-    get isNext(): boolean;
-    get isPrevious(): boolean;
-    get isFinish(): boolean;
-    get isDanger(): boolean;
-    get isPrimaryAction(): boolean;
-    get _disabledAttribute(): string | null;
-    get isDisabled(): boolean;
-    get isHidden(): boolean;
-    click(): void;
-    private checkDefaultAndCustomType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardButton, "clr-wizard-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "clrWizardButtonDisabled"; "required": false; }; "hidden": { "alias": "clrWizardButtonHidden"; "required": false; }; }, { "wasClicked": "clrWizardButtonClicked"; }, never, ["*"], false, never>;
-}
-
 declare const CLR_WIZARD_DIRECTIVES: any[];
 declare class ClrWizardModule {
     constructor();
@@ -1451,4 +1505,4 @@ declare class ClrWizardModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrWizardModule>;
 }
 
-export { CLR_WIZARD_DIRECTIVES, CUSTOM_BUTTON_TYPES, ClrWizard, ClrWizardButton, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardTitle, DEFAULT_BUTTON_TYPES };
+export { CLR_WIZARD_DIRECTIVES, CUSTOM_BUTTON_TYPES, ClrWizard, ClrWizardButton, ClrWizardFooterAlign, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardStepnavLayout, ClrWizardTitle, DEFAULT_BUTTON_TYPES, footerAlignAttribute, stepnavLayoutAttribute };