@theseam/ui-common 0.3.13-beta.0 → 0.3.14-beta.2

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-datatable.umd.js

@@ -459,7 +459,7 @@
         { type: i0.Component, args: [{
                     selector: 'seam-datatable-action-menu',
                     template: "<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n\n  <ng-container *ngFor=\"let item of items\">\n    <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n      <a *ngIf=\"item.href; else noHref\"\n        seamMenuItem\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        [attr.href]=\"item.href\"\n        [target]=\"item.target\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </a>\n      <ng-template #noHref>\n        <a seamMenuItem\n          class=\"list-group-item list-group-item-action py-1\"\n          [disabled]=\"item.disabled\"\n          [queryParams]=\"item.queryParams\"\n          [fragment]=\"$any(item.fragment)\"\n          [queryParamsHandling]=\"item.queryParamsHandling\"\n          [preserveFragment]=\"$any(item.preserveFragment)\"\n          [skipLocationChange]=\"$any(item.skipLocationChange)\"\n          [replaceUrl]=\"$any(item.replaceUrl)\"\n          [state]=\"$any(item.state)\"\n          [routerLink]=\"item.routerLink\"\n          [target]=\"$any(item.target)\"\n          (click)=\"activateItem($event, item)\">\n          {{ item.label }}\n        </a>\n      </ng-template>\n    </ng-container>\n    <ng-template #noRouterLink>\n      <button seamMenuItem\n        type=\"button\"\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </button>\n    </ng-template>\n  </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  title=\"Row Actions\">\n  <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n",
-                    styles: [":host{display:block;position:relative}.datatable-action-button{font-size:20px;line-height:20px;width:30px;height:30px;padding:0;border-radius:15px;text-align:center}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
+                    styles: [":host{display:block;position:relative}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
                 },] }
     ];
     DatatableActionMenuComponent.ctorParameters = function () { return [
@@ -853,7 +853,7 @@
     }(collections.DataSource));
 
     var ACTION_MENU_COLUMN_PROP = '$$__actionMenu__';
-    function createActionMenuColumn(cellTemplate, headerTemplate) {
+    function createActionMenuColumn(cellTemplate, headerTemplate, frozenLeft, frozenRight) {
         return {
             prop: ACTION_MENU_COLUMN_PROP,
             name: '',
@@ -864,7 +864,8 @@
             sortable: false,
             draggable: false,
             // TODO: Fix column auto sizing with fixed column and cell overlay before enabling.
-            // frozenRight: true,
+            frozenLeft: frozenLeft,
+            frozenRight: frozenRight,
             cellTemplate: cellTemplate,
             headerTemplate: headerTemplate,
         };
@@ -1003,6 +1004,13 @@
                 this._updateColumns.next(undefined);
             }
         };
+        ColumnsManagerService.prototype.setActionItemColumnPosition = function (actionItemColumnPosition) {
+            var changed = this._actionItemColumnPosition !== actionItemColumnPosition;
+            this._actionItemColumnPosition = actionItemColumnPosition;
+            if (changed) {
+                this._updateColumns.next(undefined);
+            }
+        };
         ColumnsManagerService.prototype.setActionMenuCellTpl = function (actionMenuCellTpl) {
             var changed = this._actionMenuCellTpl !== actionMenuCellTpl;
             this._actionMenuCellTpl = actionMenuCellTpl;
@@ -1087,7 +1095,7 @@
                 finally { if (e_1) throw e_1.error; }
             }
             if (this._shouldAddRowActionColumn()) {
-                cols.push(createActionMenuColumn(this._actionMenuCellTpl, this._blankHeaderTpl));
+                cols.push(createActionMenuColumn(this._actionMenuCellTpl, this._blankHeaderTpl, this._rowActionColumnIsFrozenLeft(), this._rowActionColumnIsFrozenRight()));
             }
             // Make sure the default for any missing props are set.
             // TODO: Determine if this should be done earlier, because I don't like
@@ -1184,6 +1192,12 @@
         ColumnsManagerService.prototype._shouldAddRowActionColumn = function () {
             return this._rowActionItem !== undefined;
         };
+        ColumnsManagerService.prototype._rowActionColumnIsFrozenLeft = function () {
+            return this._actionItemColumnPosition === 'frozenLeft';
+        };
+        ColumnsManagerService.prototype._rowActionColumnIsFrozenRight = function () {
+            return this._actionItemColumnPosition === 'frozenRight';
+        };
         ColumnsManagerService.prototype._shouldAddTreeToggleColumn = function (column) {
             return column.isTreeColumn !== undefined && column.isTreeColumn &&
                 (!utils.hasProperty(column, 'treeToggleTemplate') || !utils.notNullOrUndefined(column.treeToggleTemplate));
@@ -2100,6 +2114,15 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DatatableComponent.prototype, "actionItemColumnPosition", {
+            get: function () { return this._actionItemColumnPosition; },
+            set: function (value) {
+                this._actionItemColumnPosition = value;
+                this._columnsManager.setActionItemColumnPosition(this._actionItemColumnPosition);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DatatableComponent.prototype, "columnComponents", {
             set: function (value) {
                 var _a;
@@ -2400,6 +2423,7 @@
         scrollbarV: [{ type: i0.Input }],
         scrollbarH: [{ type: i0.Input }],
         dataSource: [{ type: i0.Input }],
+        actionItemColumnPosition: [{ type: i0.Input }],
         scroll: [{ type: i0.Output }],
         activate: [{ type: i0.Output }],
         select: [{ type: i0.Output }],