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

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::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
+                    styles: [":host{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
                 },] }
     ];
     DatatableActionMenuComponent.ctorParameters = function () { return [
@@ -1095,7 +1095,13 @@
                 finally { if (e_1) throw e_1.error; }
             }
             if (this._shouldAddRowActionColumn()) {
-                cols.push(createActionMenuColumn(this._actionMenuCellTpl, this._blankHeaderTpl, this._rowActionColumnIsFrozenLeft(), this._rowActionColumnIsFrozenRight()));
+                var actionMenuColumn = createActionMenuColumn(this._actionMenuCellTpl, this._blankHeaderTpl, this._rowActionColumnIsFrozenLeft(), this._rowActionColumnIsFrozenRight());
+                if (this._rowActionColumnIsStaticLeft()) {
+                    cols.unshift(actionMenuColumn);
+                }
+                else {
+                    cols.push(actionMenuColumn);
+                }
             }
             // Make sure the default for any missing props are set.
             // TODO: Determine if this should be done earlier, because I don't like
@@ -1198,6 +1204,12 @@
         ColumnsManagerService.prototype._rowActionColumnIsFrozenRight = function () {
             return this._actionItemColumnPosition === 'frozenRight';
         };
+        ColumnsManagerService.prototype._rowActionColumnIsStaticLeft = function () {
+            return this._actionItemColumnPosition === 'staticLeft';
+        };
+        ColumnsManagerService.prototype._rowActionColumnIsStaticRight = function () {
+            return this._actionItemColumnPosition === 'staticRight';
+        };
         ColumnsManagerService.prototype._shouldAddTreeToggleColumn = function (column) {
             return column.isTreeColumn !== undefined && column.isTreeColumn &&
                 (!utils.hasProperty(column, 'treeToggleTemplate') || !utils.notNullOrUndefined(column.treeToggleTemplate));
@@ -1881,6 +1893,11 @@
         return alterations;
     }
 
+    var ActionItemColumnPosition = ['frozenLeft', 'frozenRight', 'staticLeft', 'staticRight'];
+    function isActionItemColumnPosition(input) {
+        return ActionItemColumnPosition.indexOf(input) != -1;
+    }
+
     /**
      * Intended for internal classes declared by the `TheSeamDatatableModule`.
      */
@@ -1951,6 +1968,7 @@
             this.footerHeight = 40;
             this.scrollbarV = true;
             this.scrollbarH = true;
+            this._actionItemColumnPosition = 'frozenRight';
             this.scroll = new i0.EventEmitter();
             this.activate = new i0.EventEmitter();
             this.select = new i0.EventEmitter();
@@ -2115,9 +2133,16 @@
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "actionItemColumnPosition", {
+            /**
+             * Sets position behavior for optional Action Menu Button column.
+             *
+             * Defaults to `frozenRight`.
+             */
             get: function () { return this._actionItemColumnPosition; },
             set: function (value) {
-                this._actionItemColumnPosition = value;
+                if (value && isActionItemColumnPosition(value)) {
+                    this._actionItemColumnPosition = value;
+                }
                 this._columnsManager.setActionItemColumnPosition(this._actionItemColumnPosition);
             },
             enumerable: false,