@theseam/ui-common 0.3.13-beta.0 → 0.3.13-beta.1

package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss

@@ -4,7 +4,7 @@ seam-breadcrumbs {
   li {
     color: $breadcrumb-color;
     a {
-      color: inherit;
+      color: $breadcrumb-color;
     }
   }
 }

package/breadcrumbs/theseam-ui-common-breadcrumbs.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"BreadcrumbsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-breadcrumbs","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<nav aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb mb-0\">\n    <li *ngFor=\"let crumb of crumbs$ | async; last as isLast\"\n      class=\"breadcrumb-item\"\n      [ngClass]=\"{ 'active': isLast }\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <a *ngIf=\"!isLast; else notLink\" [routerLink]=\"crumb.path\">{{ crumb.value }}</a>\n      <ng-template #notLink>{{ crumb.value }}</ng-template>\n    </li>\n  </ol>\n</nav>\n","styles":["seam-breadcrumbs li{color:#fff}seam-breadcrumbs li a{color:inherit}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TheSeamBreadcrumbsService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamBreadcrumbsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"BreadcrumbsComponent"}]}]}],"members":{}},"TheSeamBreadcrumbsResolver":{"__symbolic":"interface"},"ITheSeamBreadcrumbsResolver":{"__symbolic":"interface"},"TheSeamBreadcrumbsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":30},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":53,"character":38}]}],"_crumbsFromRoute":[{"__symbolic":"method"}],"_crumbsFromActivatedRoute":[{"__symbolic":"method"}],"_breadcrumbDatasFromRoot":[{"__symbolic":"method"}],"_breadcrumbData":[{"__symbolic":"method"}],"_applyBreadcrumbExtras":[{"__symbolic":"method"}],"_observeExtrasPropRefs":[{"__symbolic":"method"}],"_getBreadcrumbExtrasDataProps":[{"__symbolic":"method"}],"_filterExtrasPropRefs":[{"__symbolic":"method"}],"_getDataProp":[{"__symbolic":"method"}],"_breadcrumbsFromData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TheSeamBreadcrumb":{"__symbolic":"interface"},"ITheSeamBreadcrumb":{"__symbolic":"interface"}},"origins":{"BreadcrumbsComponent":"./breadcrumbs/breadcrumbs.component","TheSeamBreadcrumbsModule":"./breadcrumbs.module","TheSeamBreadcrumbsResolver":"./breadcrumbs-resolver","ITheSeamBreadcrumbsResolver":"./breadcrumbs-resolver","TheSeamBreadcrumbsService":"./breadcrumbs.service","TheSeamBreadcrumb":"./breadcrumb","ITheSeamBreadcrumb":"./breadcrumb"},"importAs":"@theseam/ui-common/breadcrumbs"}
+{"__symbolic":"module","version":4,"metadata":{"BreadcrumbsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-breadcrumbs","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<nav aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb mb-0\">\n    <li *ngFor=\"let crumb of crumbs$ | async; last as isLast\"\n      class=\"breadcrumb-item\"\n      [ngClass]=\"{ 'active': isLast }\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <a *ngIf=\"!isLast; else notLink\" [routerLink]=\"crumb.path\">{{ crumb.value }}</a>\n      <ng-template #notLink>{{ crumb.value }}</ng-template>\n    </li>\n  </ol>\n</nav>\n","styles":["seam-breadcrumbs li{color:#fff}seam-breadcrumbs li a{color:#fff}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TheSeamBreadcrumbsService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamBreadcrumbsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"BreadcrumbsComponent"}]}]}],"members":{}},"TheSeamBreadcrumbsResolver":{"__symbolic":"interface"},"ITheSeamBreadcrumbsResolver":{"__symbolic":"interface"},"TheSeamBreadcrumbsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":30},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":53,"character":38}]}],"_crumbsFromRoute":[{"__symbolic":"method"}],"_crumbsFromActivatedRoute":[{"__symbolic":"method"}],"_breadcrumbDatasFromRoot":[{"__symbolic":"method"}],"_breadcrumbData":[{"__symbolic":"method"}],"_applyBreadcrumbExtras":[{"__symbolic":"method"}],"_observeExtrasPropRefs":[{"__symbolic":"method"}],"_getBreadcrumbExtrasDataProps":[{"__symbolic":"method"}],"_filterExtrasPropRefs":[{"__symbolic":"method"}],"_getDataProp":[{"__symbolic":"method"}],"_breadcrumbsFromData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TheSeamBreadcrumb":{"__symbolic":"interface"},"ITheSeamBreadcrumb":{"__symbolic":"interface"}},"origins":{"BreadcrumbsComponent":"./breadcrumbs/breadcrumbs.component","TheSeamBreadcrumbsModule":"./breadcrumbs.module","TheSeamBreadcrumbsResolver":"./breadcrumbs-resolver","ITheSeamBreadcrumbsResolver":"./breadcrumbs-resolver","TheSeamBreadcrumbsService":"./breadcrumbs.service","TheSeamBreadcrumb":"./breadcrumb","ITheSeamBreadcrumb":"./breadcrumb"},"importAs":"@theseam/ui-common/breadcrumbs"}

package/bundles/theseam-ui-common-breadcrumbs.umd.js

@@ -545,7 +545,7 @@
                     template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb mb-0\">\n    <li *ngFor=\"let crumb of crumbs$ | async; last as isLast\"\n      class=\"breadcrumb-item\"\n      [ngClass]=\"{ 'active': isLast }\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <a *ngIf=\"!isLast; else notLink\" [routerLink]=\"crumb.path\">{{ crumb.value }}</a>\n      <ng-template #notLink>{{ crumb.value }}</ng-template>\n    </li>\n  </ol>\n</nav>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: ["seam-breadcrumbs li{color:#fff}seam-breadcrumbs li a{color:inherit}\n"]
+                    styles: ["seam-breadcrumbs li{color:#fff}seam-breadcrumbs li a{color:#fff}\n"]
                 },] }
     ];
     BreadcrumbsComponent.ctorParameters = function () { return [

package/bundles/theseam-ui-common-framework.umd.js

@@ -1831,7 +1831,7 @@
             this.overlay$ = this._overlay.asObservable();
             this.toggleExpand = new i0.EventEmitter();
             this._backdropHidden = new rxjs.BehaviorSubject(true);
-            this.items$ = this._items.asObservable().pipe(operators.switchMap(function (items) { return _this._sideNav.createItemsObservable(items); }), operators.shareReplay({ bufferSize: 1, refCount: true }));
+            this.items$ = this._items.asObservable().pipe(operators.switchMap(function (items) { return items ? _this._sideNav.createItemsObservable(items) : []; }), operators.shareReplay({ bufferSize: 1, refCount: true }));
             this.isMobile$ = this._layout.isMobile$.pipe(operators.tap(function (isMobile) { return isMobile ? _this.collapse() : _this.expand(); }));
             this.sideNavExpandedState$ = rxjs.combineLatest([this.expanded$, this.overlay$]).pipe(operators.map(function (_a) {
                 var _b = __read(_a, 2), expanded = _b[0], overlay = _b[1];
@@ -3637,6 +3637,7 @@
             var _this = this;
             return rxjs.defer(function () {
                 _this.updateItemsStates(items);
+                _this.updateRouterFocusedItem(items);
                 return new rxjs.Observable(function (subscriber) {
                     var stateChangeSub = _this.itemChanged.pipe(operators.switchMap(function (change) {
                         if (change.prop === 'focused' && change.newValue) {
@@ -3655,6 +3656,7 @@
                     var routeChangeSub = _this._router.events.pipe(operators.filter(function (event) { return event instanceof router.NavigationEnd; })).subscribe(function (event) {
                         try {
                             _this.updateItemsStates(items);
+                            _this.updateRouterFocusedItem(items);
                         }
                         catch (err) {
                             subscriber.error(err);
@@ -3676,7 +3678,6 @@
         TheSeamNavService.prototype.updateItemsStates = function (items) {
             var e_1, _a;
             this._incUpdatingCount();
-            this.updateRouterFocusedItem(items);
             try {
                 try {
                     for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
@@ -3769,14 +3770,16 @@
         };
         TheSeamNavService.prototype.updateRouterFocusedItem = function (items) {
             var focusedItem = items.find(function (i) { return isHorizontalNavItemActive(i); }) || items.find(function (i) { return horizontalNavItemHasActiveChild(i); });
-            this.updateFocusedItem(items, focusedItem);
+            if (utils.notNullOrUndefined(focusedItem)) {
+                this.updateFocusedItem(items, focusedItem);
+            }
         };
         TheSeamNavService.prototype.updateFocusedItem = function (items, focusedItem) {
             var e_3, _a;
             try {
                 for (var items_3 = __values(items), items_3_1 = items_3.next(); !items_3_1.done; items_3_1 = items_3.next()) {
                     var item = items_3_1.value;
-                    if (item === focusedItem) {
+                    if (areSameHorizontalNavItem(item, focusedItem)) {
                         setHorizontalNavItemStateProp(item, 'focused', true);
                     }
                     else {