@theseam/ui-common 0.4.23 → 0.4.24-beta.0

package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss

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

package/datatable/datatable/datatable.component.d.ts

@@ -20,6 +20,7 @@ import { TheSeamDatatableColumn } from '../models/table-column';
 import { ColumnsManagerService } from '../services/columns-manager.service';
 import { DatatablePreferencesService } from '../services/datatable-preferences.service';
 import { ColumnsAlterationsManagerService } from '../services/columns-alterations-manager.service';
+import { ActionItemColumnPosition } from '../models/action-item-column-position';
 import * as i0 from "@angular/core";
 /**
  * NOTE: This is still being worked on. I am trying to figure out this model
@@ -136,6 +137,14 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     scrollbarV: boolean;
     scrollbarH: boolean;
     set dataSource(value: DataSource<any> | any[] | undefined | null);
+    /**
+     * Sets position behavior for optional Action Menu Button column.
+     *
+     * Defaults to `frozenRight`.
+     */
+    get actionItemColumnPosition(): ActionItemColumnPosition | undefined;
+    set actionItemColumnPosition(value: ActionItemColumnPosition | undefined);
+    private _actionItemColumnPosition;
     readonly scroll: EventEmitter<any>;
     readonly activate: EventEmitter<any>;
     readonly select: EventEmitter<any>;
@@ -210,5 +219,5 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
      */
     get pageInfo(): TheSeamPageInfo;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatatableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableComponent, "seam-datatable", never, { "preferencesKey": "preferencesKey"; "targetMarkerTemplate": "targetMarkerTemplate"; "columns": "columns"; "rows": "rows"; "columnMode": "columnMode"; "groupRowsBy": "groupRowsBy"; "groupedRows": "groupedRows"; "selected": "selected"; "externalPaging": "externalPaging"; "externalSorting": "externalSorting"; "externalFiltering": "externalFiltering"; "limit": "limit"; "count": "count"; "offset": "offset"; "loadingIndicator": "loadingIndicator"; "selectionType": "selectionType"; "reorderable": "reorderable"; "swapColumns": "swapColumns"; "sortType": "sortType"; "sorts": "sorts"; "cssClasses": "cssClasses"; "messages": "messages"; "rowIdentity": "rowIdentity"; "rowClass": "rowClass"; "selectCheck": "selectCheck"; "displayCheck": "displayCheck"; "groupExpansionDefault": "groupExpansionDefault"; "trackByProp": "trackByProp"; "selectAllRowsOnPage": "selectAllRowsOnPage"; "treeFromRelation": "treeFromRelation"; "treeToRelation": "treeToRelation"; "summaryRow": "summaryRow"; "summaryHeight": "summaryHeight"; "summaryPosition": "summaryPosition"; "virtualization": "virtualization"; "headerHeight": "headerHeight"; "rowHeight": "rowHeight"; "footerHeight": "footerHeight"; "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "dataSource": "dataSource"; }, { "scroll": "scroll"; "activate": "activate"; "select": "select"; "sort": "sort"; "page": "page"; "reorder": "reorder"; "resize": "resize"; "tableContextmenu": "tableContextmenu"; "treeAction": "treeAction"; "actionRefreshRequest": "actionRefreshRequest"; "hiddenColumnsChange": "hiddenColumnsChange"; }, ["actionMenu", "rowActionItem", "rowDetail", "footer", "menuBarComponent", "columnComponents"], ["seam-datatable-menu-bar"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableComponent, "seam-datatable", never, { "preferencesKey": "preferencesKey"; "targetMarkerTemplate": "targetMarkerTemplate"; "columns": "columns"; "rows": "rows"; "columnMode": "columnMode"; "groupRowsBy": "groupRowsBy"; "groupedRows": "groupedRows"; "selected": "selected"; "externalPaging": "externalPaging"; "externalSorting": "externalSorting"; "externalFiltering": "externalFiltering"; "limit": "limit"; "count": "count"; "offset": "offset"; "loadingIndicator": "loadingIndicator"; "selectionType": "selectionType"; "reorderable": "reorderable"; "swapColumns": "swapColumns"; "sortType": "sortType"; "sorts": "sorts"; "cssClasses": "cssClasses"; "messages": "messages"; "rowIdentity": "rowIdentity"; "rowClass": "rowClass"; "selectCheck": "selectCheck"; "displayCheck": "displayCheck"; "groupExpansionDefault": "groupExpansionDefault"; "trackByProp": "trackByProp"; "selectAllRowsOnPage": "selectAllRowsOnPage"; "treeFromRelation": "treeFromRelation"; "treeToRelation": "treeToRelation"; "summaryRow": "summaryRow"; "summaryHeight": "summaryHeight"; "summaryPosition": "summaryPosition"; "virtualization": "virtualization"; "headerHeight": "headerHeight"; "rowHeight": "rowHeight"; "footerHeight": "footerHeight"; "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "dataSource": "dataSource"; "actionItemColumnPosition": "actionItemColumnPosition"; }, { "scroll": "scroll"; "activate": "activate"; "select": "select"; "sort": "sort"; "page": "page"; "reorder": "reorder"; "resize": "resize"; "tableContextmenu": "tableContextmenu"; "treeAction": "treeAction"; "actionRefreshRequest": "actionRefreshRequest"; "hiddenColumnsChange": "hiddenColumnsChange"; }, ["actionMenu", "rowActionItem", "rowDetail", "footer", "menuBarComponent", "columnComponents"], ["seam-datatable-menu-bar"], false, never>;
 }

package/datatable/models/action-item-column-position.d.ts

@@ -0,0 +1,13 @@
+declare const ActionItemColumnPosition: readonly ["frozenLeft", "frozenRight", "staticLeft", "staticRight"];
+/**
+ * If `frozenLeft`, action item column will be fixed to the left side of the table.
+ *
+ * If `frozenRight`, action item column will be fixed to the right side of the table.
+ *
+ * If `staticLeft`, action item column will be the first static column on the left side of the table.
+ *
+ * If `staticRight`, action item column will be the last static column on the right side of the table.
+ */
+export type ActionItemColumnPosition = typeof ActionItemColumnPosition[number];
+export declare function isActionItemColumnPosition(input: unknown): input is ActionItemColumnPosition;
+export {};

package/datatable/services/columns-manager.service.d.ts

@@ -5,6 +5,7 @@ import { DatatableColumnComponent } from '../datatable-column/datatable-column.c
 import { DatatableRowActionItemDirective } from '../directives/datatable-row-action-item.directive';
 import { TheSeamDatatableColumn } from '../models/table-column';
 import { DatatableColumnChangesService } from './datatable-column-changes.service';
+import { ActionItemColumnPosition } from '../models/action-item-column-position';
 import * as i0 from "@angular/core";
 export type InternalColumnsGetter = () => TableColumn[];
 export declare class ColumnsManagerService {
@@ -21,6 +22,7 @@ export declare class ColumnsManagerService {
     private _selectionType;
     private _rowActionItem;
     private _actionMenuCellTpl;
+    private _actionItemColumnPosition;
     private _blankHeaderTpl;
     private _treeToggleTpl;
     private _headerTpl;
@@ -33,6 +35,7 @@ export declare class ColumnsManagerService {
     setSelectionType(selectionType: SelectionType | undefined): void;
     getSelectionType(): SelectionType | undefined;
     setRowActionItem(rowActionItem: DatatableRowActionItemDirective | undefined): void;
+    setActionItemColumnPosition(actionItemColumnPosition: ActionItemColumnPosition | undefined): void;
     setActionMenuCellTpl(actionMenuCellTpl: TemplateRef<DataTableColumnDirective> | undefined): void;
     setBlankHeaderTpl(blankHeaderTpl: TemplateRef<DataTableColumnHeaderDirective> | undefined): void;
     setTreeToggleTpl(treeToggleTpl: TemplateRef<DataTableColumnCellTreeToggle> | undefined): void;
@@ -50,6 +53,10 @@ export declare class ColumnsManagerService {
     private _hasColumnsChanged;
     private _shouldAddCheckboxColumn;
     private _shouldAddRowActionColumn;
+    private _rowActionColumnIsFrozenLeft;
+    private _rowActionColumnIsFrozenRight;
+    private _rowActionColumnIsStaticLeft;
+    private _rowActionColumnIsStaticRight;
     private _shouldAddTreeToggleColumn;
     private _shouldAddHeaderTemplate;
     private _shouldAddCellTypeSelectorTpl;

package/datatable/utils/create-action-menu-column.d.ts

@@ -1,3 +1,3 @@
 import { TheSeamDatatableColumn } from '../models/table-column';
 export declare const ACTION_MENU_COLUMN_PROP = "$$__actionMenu__";
-export declare function createActionMenuColumn(cellTemplate: any, headerTemplate: any): TheSeamDatatableColumn;
+export declare function createActionMenuColumn(cellTemplate: any, headerTemplate: any, frozenLeft?: boolean, frozenRight?: boolean): TheSeamDatatableColumn;

package/esm2020/breadcrumbs/breadcrumbs/breadcrumbs.component.mjs

@@ -10,9 +10,9 @@ export class BreadcrumbsComponent {
     }
 }
 BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.TheSeamBreadcrumbsService }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BreadcrumbsComponent, selector: "seam-breadcrumbs", ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BreadcrumbsComponent, selector: "seam-breadcrumbs", ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.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"] }]
+            args: [{ selector: 'seam-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.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"] }]
         }], ctorParameters: function () { return [{ type: i1.TheSeamBreadcrumbsService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi9icmVhZGNydW1icy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBOzs7OztBQWFyRixNQUFNLE9BQU8sb0JBQW9CO0lBSS9CLFlBQ1UsWUFBdUM7UUFBdkMsaUJBQVksR0FBWixZQUFZLENBQTJCO1FBRS9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUE7SUFDMUMsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0Isd0RDYmpDLGtjQVdBOzJGREVhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxrQkFBa0IsaUJBR2IsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJ1xuXG5pbXBvcnQgeyBUaGVTZWFtQnJlYWRjcnVtYiB9IGZyb20gJy4uL2JyZWFkY3J1bWInXG5pbXBvcnQgeyBUaGVTZWFtQnJlYWRjcnVtYnNTZXJ2aWNlIH0gZnJvbSAnLi4vYnJlYWRjcnVtYnMuc2VydmljZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2VhbS1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcblxuICBwdWJsaWMgY3J1bWJzJDogT2JzZXJ2YWJsZTxUaGVTZWFtQnJlYWRjcnVtYltdPlxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2JyZWFkY3J1bWJzOiBUaGVTZWFtQnJlYWRjcnVtYnNTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuY3J1bWJzJCA9IHRoaXMuX2JyZWFkY3J1bWJzLmNydW1icyRcbiAgfVxuXG59XG4iLCI8bmF2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCI+XG4gIDxvbCBjbGFzcz1cImJyZWFkY3J1bWIgbWItMFwiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgY3J1bWIgb2YgY3J1bWJzJCB8IGFzeW5jOyBsYXN0IGFzIGlzTGFzdFwiXG4gICAgICBjbGFzcz1cImJyZWFkY3J1bWItaXRlbVwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdhY3RpdmUnOiBpc0xhc3QgfVwiXG4gICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXNMYXN0ID8gJ3BhZ2UnIDogdW5kZWZpbmVkXCI+XG4gICAgICA8YSAqbmdJZj1cIiFpc0xhc3Q7IGVsc2Ugbm90TGlua1wiIFtyb3V0ZXJMaW5rXT1cImNydW1iLnBhdGhcIj57eyBjcnVtYi52YWx1ZSB9fTwvYT5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbm90TGluaz57eyBjcnVtYi52YWx1ZSB9fTwvbmctdGVtcGxhdGU+XG4gICAgPC9saT5cbiAgPC9vbD5cbjwvbmF2PlxuIl19