@ni/nimble-angular 2.0.0 → 2.1.1

package/README.md

@@ -90,6 +90,17 @@ See the [README.md for the ni/nimble repository](/README.md) for documentation o
 
 For best results, always use `ngModel`, `formControl`, or `formControlName` bindings when integrating Nimble form controls in Angular. Binding to the control's native value property or event (e.g. `[value]` or `(change)`) is not supported, and can cause build failures and other issues. If a value change event is necessary, use `ngModel (ngModelChange)="onChange()"`.
 
+### Using Nimble breadcrumb with Angular's RouterLink
+
+`nimble-breadcrumb-item` supports the [Angular RouterLink directive](https://angular.io/api/router/RouterLink) for breadcrumb navigation in an Angular app using routing.  
+However, the attribute name `nimbleRouterLink` should be used instead of `routerLink` - for example:
+```html
+<nimble-breadcrumb-item [nimbleRouterLink]="breadcrumb.url">
+    {{ breadcrumb.label }}
+</nimble-breadcrumb-item>
+```
+The properties RouterLink supports (`queryParams`, `state`, etc.) can be used on `nimble-breadcrumb-item` as-is.
+
 ### Testing with Nimble elements and `fakeAsync`
 
 Angular's `fakeAsync` utility is useful for writing quickly-executing tests, but it can cause issues when testing components containing Nimble elements. Nimble uses an internal process queue to schedule work. If a `fakeAsync` test schedules work on the queue (by creating or interacting with Nimble elements) and the queue isn't processed by the end of the test, the queue will never be processed and subsequent tests may fail.

package/bundles/ni-nimble-angular.umd.js

@@ -1,124 +1,33 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ni/nimble-components/dist/esm/button/types'), require('@angular/common'), require('@ni/nimble-components/dist/esm/button'), require('@angular/forms'), require('@ni/nimble-components/dist/esm/checkbox'), require('@ni/nimble-components/dist/esm/drawer/types'), require('@ni/nimble-components/dist/esm/drawer'), require('@ni/nimble-components/dist/esm/listbox-option'), require('@ni/nimble-components/dist/esm/menu'), require('@ni/nimble-components/dist/esm/menu-item'), require('@ni/nimble-components/dist/esm/number-field'), require('@ni/nimble-components/dist/esm/select'), require('@ni/nimble-components/dist/esm/tab'), require('@ni/nimble-components/dist/esm/tab-panel'), require('@ni/nimble-components/dist/esm/tabs'), require('@ni/nimble-components/dist/esm/tabs-toolbar'), require('@ni/nimble-components/dist/esm/text-field/types'), require('@ni/nimble-components/dist/esm/text-field'), require('@ni/nimble-components/dist/esm/theme-provider/types'), require('@ni/nimble-components/dist/esm/theme-provider'), require('@ni/nimble-components/dist/esm/toggle-button'), require('@ni/nimble-components/dist/esm/tree-item'), require('@ni/nimble-components/dist/esm/tree-view/types'), require('@ni/nimble-components/dist/esm/tree-view'), require('@ni/nimble-components/dist/esm/testing/async-helpers')) :
-    typeof define === 'function' && define.amd ? define('@ni/nimble-angular', ['exports', '@angular/core', '@ni/nimble-components/dist/esm/button/types', '@angular/common', '@ni/nimble-components/dist/esm/button', '@angular/forms', '@ni/nimble-components/dist/esm/checkbox', '@ni/nimble-components/dist/esm/drawer/types', '@ni/nimble-components/dist/esm/drawer', '@ni/nimble-components/dist/esm/listbox-option', '@ni/nimble-components/dist/esm/menu', '@ni/nimble-components/dist/esm/menu-item', '@ni/nimble-components/dist/esm/number-field', '@ni/nimble-components/dist/esm/select', '@ni/nimble-components/dist/esm/tab', '@ni/nimble-components/dist/esm/tab-panel', '@ni/nimble-components/dist/esm/tabs', '@ni/nimble-components/dist/esm/tabs-toolbar', '@ni/nimble-components/dist/esm/text-field/types', '@ni/nimble-components/dist/esm/text-field', '@ni/nimble-components/dist/esm/theme-provider/types', '@ni/nimble-components/dist/esm/theme-provider', '@ni/nimble-components/dist/esm/toggle-button', '@ni/nimble-components/dist/esm/tree-item', '@ni/nimble-components/dist/esm/tree-view/types', '@ni/nimble-components/dist/esm/tree-view', '@ni/nimble-components/dist/esm/testing/async-helpers'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ni = global.ni || {}, global.ni["nimble-angular"] = {}), global.ng.core, global.types, global.ng.common, null, global.ng.forms, null, global.types$1, null, null, null, null, null, null, null, null, null, null, global.types$2, null, global.types$3, null, null, null, global.types$4, null, global.asyncHelpers));
-})(this, (function (exports, core, types, common, button, forms, checkbox, types$1, drawer, listboxOption, menu, menuItem, numberField, select, tab, tabPanel, tabs, tabsToolbar, types$2, textField, types$3, themeProvider, toggleButton, treeItem, types$4, treeView, asyncHelpers) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@ni/nimble-components/dist/esm/breadcrumb'), require('@angular/router'), require('@ni/nimble-components/dist/esm/breadcrumb-item'), require('@ni/nimble-components/dist/esm/button/types'), require('@ni/nimble-components/dist/esm/button'), require('@angular/forms'), require('@ni/nimble-components/dist/esm/checkbox'), require('@ni/nimble-components/dist/esm/drawer/types'), require('@ni/nimble-components/dist/esm/drawer'), require('@ni/nimble-components/dist/esm/listbox-option'), require('@ni/nimble-components/dist/esm/menu'), require('@ni/nimble-components/dist/esm/menu-item'), require('@ni/nimble-components/dist/esm/number-field'), require('@ni/nimble-components/dist/esm/select'), require('@ni/nimble-components/dist/esm/tab'), require('@ni/nimble-components/dist/esm/tab-panel'), require('@ni/nimble-components/dist/esm/tabs'), require('@ni/nimble-components/dist/esm/tabs-toolbar'), require('@ni/nimble-components/dist/esm/text-field/types'), require('@ni/nimble-components/dist/esm/text-field'), require('@ni/nimble-components/dist/esm/theme-provider/types'), require('@ni/nimble-components/dist/esm/theme-provider'), require('@ni/nimble-components/dist/esm/toggle-button'), require('@ni/nimble-components/dist/esm/tree-item'), require('@ni/nimble-components/dist/esm/tree-view/types'), require('@ni/nimble-components/dist/esm/tree-view'), require('@ni/nimble-components/dist/esm/testing/async-helpers')) :
+    typeof define === 'function' && define.amd ? define('@ni/nimble-angular', ['exports', '@angular/core', '@angular/common', '@ni/nimble-components/dist/esm/breadcrumb', '@angular/router', '@ni/nimble-components/dist/esm/breadcrumb-item', '@ni/nimble-components/dist/esm/button/types', '@ni/nimble-components/dist/esm/button', '@angular/forms', '@ni/nimble-components/dist/esm/checkbox', '@ni/nimble-components/dist/esm/drawer/types', '@ni/nimble-components/dist/esm/drawer', '@ni/nimble-components/dist/esm/listbox-option', '@ni/nimble-components/dist/esm/menu', '@ni/nimble-components/dist/esm/menu-item', '@ni/nimble-components/dist/esm/number-field', '@ni/nimble-components/dist/esm/select', '@ni/nimble-components/dist/esm/tab', '@ni/nimble-components/dist/esm/tab-panel', '@ni/nimble-components/dist/esm/tabs', '@ni/nimble-components/dist/esm/tabs-toolbar', '@ni/nimble-components/dist/esm/text-field/types', '@ni/nimble-components/dist/esm/text-field', '@ni/nimble-components/dist/esm/theme-provider/types', '@ni/nimble-components/dist/esm/theme-provider', '@ni/nimble-components/dist/esm/toggle-button', '@ni/nimble-components/dist/esm/tree-item', '@ni/nimble-components/dist/esm/tree-view/types', '@ni/nimble-components/dist/esm/tree-view', '@ni/nimble-components/dist/esm/testing/async-helpers'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ni = global.ni || {}, global.ni["nimble-angular"] = {}), global.ng.core, global.ng.common, null, global.ng.router, null, global.types, null, global.ng.forms, null, global.types$1, null, null, null, null, null, null, null, null, null, null, global.types$2, null, global.types$3, null, null, null, global.types$4, null, global.asyncHelpers));
+})(this, (function (exports, core, common, breadcrumb, router, breadcrumbItem, types, button, forms, checkbox, types$1, drawer, listboxOption, menu, menuItem, numberField, select, tab, tabPanel, tabs, tabsToolbar, types$2, textField, types$3, themeProvider, toggleButton, treeItem, types$4, treeView, asyncHelpers) { 'use strict';
 
     /**
-     * Conversion helpers for values coming from template attributes or property bindings
-     */
-    /**
-     * Converts values from templates (empty string or null) or boolean bindings to a boolean property representation
-     */
-    var toBooleanProperty = function (value) {
-        if (value === false || value === null) {
-            return false;
-        }
-        // For boolean attributes the empty string value is true
-        return true;
-    };
-    /**
-     * Converts values from templates (empty string or null) or boolean bindings to an Aria boolean
-     * attribute representation (the strings "true" or "false")
+     * Directive to provide Angular integration for the breadcrumb.
      */
-    var toBooleanAriaAttribute = function (value) {
-        if (value === false || value === null) {
-            return 'false';
+    var NimbleBreadcrumbDirective = /** @class */ (function () {
+        function NimbleBreadcrumbDirective() {
         }
-        // For boolean attributes the empty string value is true
-        return 'true';
-    };
-    /**
-     * Converts values from templates (number representation as a string) or number bindings to a number property representation
-     */
-    var toNumberProperty = function (value) {
-        // Angular: https://github.com/angular/angular/blob/2664bc2b3ef4ee5fd671f915828cfcc274a36c77/packages/forms/src/directives/number_value_accessor.ts#L67
-        // And Fast: https://github.com/microsoft/fast/blob/46bb6d9aab2c37105f4434db3795e176c2354a4f/packages/web-components/fast-element/src/components/attributes.ts#L100
-        // Handle numeric conversions from the view differently
-        // Since Number(val) https://tc39.es/ecma262/multipage/numbers-and-dates.html#sec-number-constructor-number-value
-        // and val * 1 https://tc39.es/ecma262/multipage/ecmascript-language-expressions.html#sec-applystringornumericbinaryoperator
-        // Are identical (use ToNumeric algorithm), went with Number() for clarity
-        return Number(value);
-    };
-
-    /**
-     * Directive to provide Angular integration for the button.
-     */
-    var NimbleButtonDirective = /** @class */ (function () {
-        function NimbleButtonDirective(renderer, elementRef) {
-            this.renderer = renderer;
-            this.elementRef = elementRef;
-        }
-        Object.defineProperty(NimbleButtonDirective.prototype, "appearance", {
-            get: function () {
-                return this.elementRef.nativeElement.appearance;
-            },
-            set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(NimbleButtonDirective.prototype, "disabled", {
-            get: function () {
-                return this.elementRef.nativeElement.disabled;
-            },
-            set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(NimbleButtonDirective.prototype, "type", {
-            get: function () {
-                return this.elementRef.nativeElement.type;
-            },
-            set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'type', value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(NimbleButtonDirective.prototype, "contentHidden", {
-            get: function () {
-                return this.elementRef.nativeElement.contentHidden;
-            },
-            // contentHidden property intentionally maps to the content-hidden attribute
-            // eslint-disable-next-line @angular-eslint/no-input-rename
-            set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'contentHidden', toBooleanProperty(value));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return NimbleButtonDirective;
+        return NimbleBreadcrumbDirective;
     }());
-    NimbleButtonDirective.decorators = [
+    NimbleBreadcrumbDirective.decorators = [
         { type: core.Directive, args: [{
-                    selector: 'nimble-button'
+                    selector: 'nimble-breadcrumb'
                 },] }
     ];
-    NimbleButtonDirective.ctorParameters = function () { return [
-        { type: core.Renderer2 },
-        { type: core.ElementRef }
-    ]; };
-    NimbleButtonDirective.propDecorators = {
-        appearance: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        type: [{ type: core.Input }],
-        contentHidden: [{ type: core.Input, args: ['content-hidden',] }]
-    };
 
-    var NimbleButtonModule = /** @class */ (function () {
-        function NimbleButtonModule() {
+    var NimbleBreadcrumbModule = /** @class */ (function () {
+        function NimbleBreadcrumbModule() {
         }
-        return NimbleButtonModule;
+        return NimbleBreadcrumbModule;
     }());
-    NimbleButtonModule.decorators = [
+    NimbleBreadcrumbModule.decorators = [
         { type: core.NgModule, args: [{
-                    declarations: [NimbleButtonDirective],
+                    declarations: [NimbleBreadcrumbDirective],
                     imports: [common.CommonModule],
-                    exports: [NimbleButtonDirective]
+                    exports: [NimbleBreadcrumbDirective]
                 },] }
     ];
 
@@ -440,6 +349,285 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    /**
+     * Selectors used for built-in Angular RouterLink directives:
+     * RouterLink: ':not(a):not(area)[routerLink]'
+     * RouterLinkWithHref: 'a[routerLink],area[routerLink]'
+     *
+     * See https://github.com/angular/angular/blob/5957ff4163f55d814be2cf80b9909244f1ce5262/packages/router/src/directives/router_link.ts
+     */
+    /**
+     * Directive to handle nimble-breadcrumb-item RouterLink support.
+     * Note: Clients need to use [nimbleRouterLink] instead of [routerLink], so that there
+     * won't also be an active RouterLink directive incorrectly handling navigation.
+     */
+    var NimbleBreadcrumbItemRouterLinkWithHrefDirective = /** @class */ (function (_super) {
+        __extends(NimbleBreadcrumbItemRouterLinkWithHrefDirective, _super);
+        function NimbleBreadcrumbItemRouterLinkWithHrefDirective() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Object.defineProperty(NimbleBreadcrumbItemRouterLinkWithHrefDirective.prototype, "nimbleRouterLink", {
+            set: function (commands) {
+                this.routerLink = commands;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return NimbleBreadcrumbItemRouterLinkWithHrefDirective;
+    }(router.RouterLinkWithHref));
+    NimbleBreadcrumbItemRouterLinkWithHrefDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'nimble-breadcrumb-item[nimbleRouterLink]' },] }
+    ];
+    NimbleBreadcrumbItemRouterLinkWithHrefDirective.propDecorators = {
+        nimbleRouterLink: [{ type: core.Input }]
+    };
+
+    /**
+     * Directive to provide Angular integration for the breadcrumb item.
+     */
+    var NimbleBreadcrumbItemDirective = /** @class */ (function () {
+        function NimbleBreadcrumbItemDirective(renderer, elementRef) {
+            this.renderer = renderer;
+            this.elementRef = elementRef;
+        }
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "href", {
+            get: function () {
+                return this.elementRef.nativeElement.href;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'href', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "hreflang", {
+            get: function () {
+                return this.elementRef.nativeElement.hreflang;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'hreflang', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "ping", {
+            get: function () {
+                return this.elementRef.nativeElement.ping;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'ping', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "referrerpolicy", {
+            get: function () {
+                return this.elementRef.nativeElement.referrerpolicy;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'referrerpolicy', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "rel", {
+            get: function () {
+                return this.elementRef.nativeElement.rel;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'rel', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "target", {
+            get: function () {
+                return this.elementRef.nativeElement.target;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'target', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleBreadcrumbItemDirective.prototype, "type", {
+            get: function () {
+                return this.elementRef.nativeElement.type;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'type', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return NimbleBreadcrumbItemDirective;
+    }());
+    NimbleBreadcrumbItemDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'nimble-breadcrumb-item'
+                },] }
+    ];
+    NimbleBreadcrumbItemDirective.ctorParameters = function () { return [
+        { type: core.Renderer2 },
+        { type: core.ElementRef }
+    ]; };
+    NimbleBreadcrumbItemDirective.propDecorators = {
+        href: [{ type: core.Input }],
+        hreflang: [{ type: core.Input }],
+        ping: [{ type: core.Input }],
+        referrerpolicy: [{ type: core.Input }],
+        rel: [{ type: core.Input }],
+        target: [{ type: core.Input }],
+        type: [{ type: core.Input }]
+    };
+
+    /**
+     * Directive used solely to point consumers to use [nimbleRouterLink] / NimbleBreadcrumbItemRouterLinkWithHrefDirective.
+     *
+     * @see NimbleBreadcrumbItemRouterLinkWithHrefDirective
+     */
+    var NimbleBreadcrumbItemRouterLinkDirective = /** @class */ (function () {
+        function NimbleBreadcrumbItemRouterLinkDirective() {
+            throw new Error('Use [nimbleRouterLink] instead of [routerLink].');
+        }
+        return NimbleBreadcrumbItemRouterLinkDirective;
+    }());
+    NimbleBreadcrumbItemRouterLinkDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'nimble-breadcrumb-item[routerLink]' },] }
+    ];
+    NimbleBreadcrumbItemRouterLinkDirective.ctorParameters = function () { return []; };
+
+    var NimbleBreadcrumbItemModule = /** @class */ (function () {
+        function NimbleBreadcrumbItemModule() {
+        }
+        return NimbleBreadcrumbItemModule;
+    }());
+    NimbleBreadcrumbItemModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [NimbleBreadcrumbItemDirective, NimbleBreadcrumbItemRouterLinkDirective, NimbleBreadcrumbItemRouterLinkWithHrefDirective],
+                    imports: [common.CommonModule],
+                    exports: [NimbleBreadcrumbItemDirective, NimbleBreadcrumbItemRouterLinkDirective, NimbleBreadcrumbItemRouterLinkWithHrefDirective]
+                },] }
+    ];
+
+    /**
+     * Conversion helpers for values coming from template attributes or property bindings
+     */
+    /**
+     * Converts values from templates (empty string or null) or boolean bindings to a boolean property representation
+     */
+    var toBooleanProperty = function (value) {
+        if (value === false || value === null) {
+            return false;
+        }
+        // For boolean attributes the empty string value is true
+        return true;
+    };
+    /**
+     * Converts values from templates (empty string or null) or boolean bindings to an Aria boolean
+     * attribute representation (the strings "true" or "false")
+     */
+    var toBooleanAriaAttribute = function (value) {
+        if (value === false || value === null) {
+            return 'false';
+        }
+        // For boolean attributes the empty string value is true
+        return 'true';
+    };
+    /**
+     * Converts values from templates (number representation as a string) or number bindings to a number property representation
+     */
+    var toNumberProperty = function (value) {
+        // Angular: https://github.com/angular/angular/blob/2664bc2b3ef4ee5fd671f915828cfcc274a36c77/packages/forms/src/directives/number_value_accessor.ts#L67
+        // And Fast: https://github.com/microsoft/fast/blob/46bb6d9aab2c37105f4434db3795e176c2354a4f/packages/web-components/fast-element/src/components/attributes.ts#L100
+        // Handle numeric conversions from the view differently
+        // Since Number(val) https://tc39.es/ecma262/multipage/numbers-and-dates.html#sec-number-constructor-number-value
+        // and val * 1 https://tc39.es/ecma262/multipage/ecmascript-language-expressions.html#sec-applystringornumericbinaryoperator
+        // Are identical (use ToNumeric algorithm), went with Number() for clarity
+        return Number(value);
+    };
+
+    /**
+     * Directive to provide Angular integration for the button.
+     */
+    var NimbleButtonDirective = /** @class */ (function () {
+        function NimbleButtonDirective(renderer, elementRef) {
+            this.renderer = renderer;
+            this.elementRef = elementRef;
+        }
+        Object.defineProperty(NimbleButtonDirective.prototype, "appearance", {
+            get: function () {
+                return this.elementRef.nativeElement.appearance;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleButtonDirective.prototype, "disabled", {
+            get: function () {
+                return this.elementRef.nativeElement.disabled;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleButtonDirective.prototype, "type", {
+            get: function () {
+                return this.elementRef.nativeElement.type;
+            },
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'type', value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(NimbleButtonDirective.prototype, "contentHidden", {
+            get: function () {
+                return this.elementRef.nativeElement.contentHidden;
+            },
+            // contentHidden property intentionally maps to the content-hidden attribute
+            // eslint-disable-next-line @angular-eslint/no-input-rename
+            set: function (value) {
+                this.renderer.setProperty(this.elementRef.nativeElement, 'contentHidden', toBooleanProperty(value));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return NimbleButtonDirective;
+    }());
+    NimbleButtonDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'nimble-button'
+                },] }
+    ];
+    NimbleButtonDirective.ctorParameters = function () { return [
+        { type: core.Renderer2 },
+        { type: core.ElementRef }
+    ]; };
+    NimbleButtonDirective.propDecorators = {
+        appearance: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        type: [{ type: core.Input }],
+        contentHidden: [{ type: core.Input, args: ['content-hidden',] }]
+    };
+
+    var NimbleButtonModule = /** @class */ (function () {
+        function NimbleButtonModule() {
+        }
+        return NimbleButtonModule;
+    }());
+    NimbleButtonModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [NimbleButtonDirective],
+                    imports: [common.CommonModule],
+                    exports: [NimbleButtonDirective]
+                },] }
+    ];
+
     /**
      * Extension of Angular's CheckboxControlValueAccessor to target the Nimble checkbox control.
      *
@@ -1447,6 +1635,11 @@
         enumerable: true,
         get: function () { return asyncHelpers.processUpdates; }
     });
+    exports.NimbleBreadcrumbDirective = NimbleBreadcrumbDirective;
+    exports.NimbleBreadcrumbItemDirective = NimbleBreadcrumbItemDirective;
+    exports.NimbleBreadcrumbItemModule = NimbleBreadcrumbItemModule;
+    exports.NimbleBreadcrumbItemRouterLinkWithHrefDirective = NimbleBreadcrumbItemRouterLinkWithHrefDirective;
+    exports.NimbleBreadcrumbModule = NimbleBreadcrumbModule;
     exports.NimbleButtonDirective = NimbleButtonDirective;
     exports.NimbleButtonModule = NimbleButtonModule;
     exports.NimbleCheckboxControlValueAccessorDirective = NimbleCheckboxControlValueAccessorDirective;
@@ -1486,7 +1679,8 @@
     exports.NimbleTreeViewDirective = NimbleTreeViewDirective;
     exports.NimbleTreeViewModule = NimbleTreeViewModule;
     exports.waitForUpdatesAsync = waitForUpdatesAsync;
-    exports["ɵa"] = NimbleToggleButtonControlValueAccessorDirective;
+    exports["ɵa"] = NimbleBreadcrumbItemRouterLinkDirective;
+    exports["ɵb"] = NimbleToggleButtonControlValueAccessorDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });