@theseam/ui-common 1.0.0-beta.8 → 1.0.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datatable/index.d.ts +49 -30
- package/fesm2022/theseam-ui-common-asset-reader.mjs +10 -10
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs +6 -6
- package/fesm2022/theseam-ui-common-buttons.mjs +25 -25
- package/fesm2022/theseam-ui-common-card.mjs +16 -16
- package/fesm2022/theseam-ui-common-carousel.mjs +10 -10
- package/fesm2022/theseam-ui-common-checkbox.mjs +7 -7
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs +13 -13
- package/fesm2022/theseam-ui-common-data-exporter.mjs +10 -10
- package/fesm2022/theseam-ui-common-data-filters.mjs +13 -13
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +12 -12
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +25 -25
- package/fesm2022/theseam-ui-common-datatable.mjs +214 -152
- package/fesm2022/theseam-ui-common-datatable.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +7 -7
- package/fesm2022/theseam-ui-common-dynamic.mjs +21 -21
- package/fesm2022/theseam-ui-common-footer-bar.mjs +7 -7
- package/fesm2022/theseam-ui-common-form-field-error.mjs +16 -16
- package/fesm2022/theseam-ui-common-form-field.mjs +22 -22
- package/fesm2022/theseam-ui-common-framework.mjs +157 -157
- package/fesm2022/theseam-ui-common-framework.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-google-maps.mjs +40 -40
- package/fesm2022/theseam-ui-common-graphql.mjs +3 -3
- package/fesm2022/theseam-ui-common-icon.mjs +13 -13
- package/fesm2022/theseam-ui-common-layout.mjs +7 -7
- package/fesm2022/theseam-ui-common-loading.mjs +10 -10
- package/fesm2022/theseam-ui-common-menu.mjs +25 -25
- package/fesm2022/theseam-ui-common-modal.mjs +43 -43
- package/fesm2022/theseam-ui-common-navigation-reload.mjs +3 -3
- package/fesm2022/theseam-ui-common-popover.mjs +10 -10
- package/fesm2022/theseam-ui-common-progress.mjs +7 -7
- package/fesm2022/theseam-ui-common-rich-text.mjs +7 -7
- package/fesm2022/theseam-ui-common-scrollbar.mjs +6 -6
- package/fesm2022/theseam-ui-common-services.mjs +12 -12
- package/fesm2022/theseam-ui-common-shared.mjs +37 -37
- package/fesm2022/theseam-ui-common-storage.mjs +3 -3
- package/fesm2022/theseam-ui-common-story-helpers.mjs +26 -26
- package/fesm2022/theseam-ui-common-tabbed.mjs +22 -22
- package/fesm2022/theseam-ui-common-table-cell-type.mjs +39 -11
- package/fesm2022/theseam-ui-common-table-cell-type.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table-cell-types.mjs +31 -31
- package/fesm2022/theseam-ui-common-table.mjs +28 -18
- package/fesm2022/theseam-ui-common-table.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tel-input.mjs +13 -13
- package/fesm2022/theseam-ui-common-tiled-select.mjs +22 -22
- package/fesm2022/theseam-ui-common-toggle-edit.mjs +16 -16
- package/fesm2022/theseam-ui-common-toggle-group.mjs +10 -10
- package/fesm2022/theseam-ui-common-tooltip.mjs +10 -10
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +10 -10
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +3 -3
- package/fesm2022/theseam-ui-common-viewers.mjs +12 -12
- package/fesm2022/theseam-ui-common-widget.mjs +135 -135
- package/package.json +57 -57
- package/table/index.d.ts +4 -1
- package/table-cell-type/index.d.ts +27 -2
|
@@ -96,10 +96,10 @@ class TableCellTypeCurrencyComponent {
|
|
|
96
96
|
const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
|
|
97
97
|
return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
|
|
98
98
|
}
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeCurrencyComponent, isStandalone: false, selector: "seam-table-cell-type-currency", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeCurrencyComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
104
|
args: [{ selector: 'seam-table-cell-type-currency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n" }]
|
|
105
105
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
|
|
@@ -147,10 +147,10 @@ class TableCellTypeDateComponent {
|
|
|
147
147
|
this._ngUnsubscribe.next(undefined);
|
|
148
148
|
this._ngUnsubscribe.complete();
|
|
149
149
|
}
|
|
150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
150
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeDateComponent, isStandalone: false, selector: "seam-table-cell-type-date", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<div\n class=\"td-text-truncate\"\n [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\"\n>\n {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
152
152
|
}
|
|
153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeDateComponent, decorators: [{
|
|
154
154
|
type: Component,
|
|
155
155
|
args: [{ selector: 'seam-table-cell-type-date', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"td-text-truncate\"\n [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\"\n>\n {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n" }]
|
|
156
156
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -234,10 +234,10 @@ class TableCellTypeDecimalComponent {
|
|
|
234
234
|
const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
|
|
235
235
|
return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
|
|
236
236
|
}
|
|
237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeDecimalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeDecimalComponent, isStandalone: false, selector: "seam-table-cell-type-decimal", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
239
239
|
}
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeDecimalComponent, decorators: [{
|
|
241
241
|
type: Component,
|
|
242
242
|
args: [{ selector: 'seam-table-cell-type-decimal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n" }]
|
|
243
243
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
|
|
@@ -418,10 +418,10 @@ class TableCellTypeIconComponent {
|
|
|
418
418
|
this._table.triggerActionRefreshRequest();
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
422
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
421
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
422
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeIconComponent, isStandalone: false, selector: "seam-table-cell-type-icon", inputs: { value: "value", config: "config" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"_icon\">\n <div\n *ngIf=\"!_tplType || _tplType === 'default'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass || ''\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link-external'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.href]=\"_link\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link-encrypted'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n iconType=\"styled-square\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </button>\n </div>\n\n <div\n *ngIf=\"_tplType === 'button'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n (click)=\"_doButtonAction()\"\n >\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n iconType=\"styled-square\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </button>\n </div>\n</ng-container>\n", styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:50px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
423
423
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeIconComponent, decorators: [{
|
|
425
425
|
type: Component,
|
|
426
426
|
args: [{ selector: 'seam-table-cell-type-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"_icon\">\n <div\n *ngIf=\"!_tplType || _tplType === 'default'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass || ''\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link-external'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.href]=\"_link\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </a>\n </div>\n\n <div\n *ngIf=\"_tplType === 'link-encrypted'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n >\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n iconType=\"styled-square\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </button>\n </div>\n\n <div\n *ngIf=\"_tplType === 'button'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n (click)=\"_doButtonAction()\"\n >\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [seamTooltip]=\"_tooltip ?? null\"\n [tooltipClass]=\"_tooltipClass\"\n [placement]=\"_tooltipPlacement\"\n [container]=\"_tooltipContainer\"\n [disableTooltip]=\"_tooltipDisabled\"\n >\n <seam-icon\n *ngIf=\"_icon\"\n iconType=\"styled-square\"\n [icon]=\"_icon\"\n size=\"lg\"\n [iconType]=\"_iconType\"\n [iconClass]=\"_iconClass\"\n ></seam-icon>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </button>\n </div>\n</ng-container>\n", styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:50px}\n"] }]
|
|
427
427
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
|
|
@@ -510,10 +510,10 @@ class TableCellTypeIntegerComponent {
|
|
|
510
510
|
const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
|
|
511
511
|
return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
|
|
512
512
|
}
|
|
513
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
514
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeIntegerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
514
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeIntegerComponent, isStandalone: false, selector: "seam-table-cell-type-integer", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
515
515
|
}
|
|
516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeIntegerComponent, decorators: [{
|
|
517
517
|
type: Component,
|
|
518
518
|
args: [{ selector: 'seam-table-cell-type-integer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"'text-' + textAlign\">\n <seam-table-cell-type-selector\n type=\"string\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</div>\n" }]
|
|
519
519
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
|
|
@@ -575,10 +575,10 @@ class TableCellTypePhoneComponent {
|
|
|
575
575
|
this._ngUnsubscribe.next(undefined);
|
|
576
576
|
this._ngUnsubscribe.complete();
|
|
577
577
|
}
|
|
578
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
579
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
578
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
579
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypePhoneComponent, isStandalone: false, selector: "seam-table-cell-type-phone", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<ng-container *ngIf=\"value || '' | phoneNumber: _format as num\">\n <div class=\"td-text-truncate\" [title]=\"num\">\n {{ num }}\n </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.TheSeamPhoneNumberPipe, name: "phoneNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
580
580
|
}
|
|
581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypePhoneComponent, decorators: [{
|
|
582
582
|
type: Component,
|
|
583
583
|
args: [{ selector: 'seam-table-cell-type-phone', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"value || '' | phoneNumber: _format as num\">\n <div class=\"td-text-truncate\" [title]=\"num\">\n {{ num }}\n </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n" }]
|
|
584
584
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -652,10 +652,10 @@ class TableCellTypeProgressCircleIconComponent {
|
|
|
652
652
|
this._ngUnsubscribe.next(undefined);
|
|
653
653
|
this._ngUnsubscribe.complete();
|
|
654
654
|
}
|
|
655
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
656
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
655
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
656
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeProgressCircleIconComponent, isStandalone: false, selector: "seam-table-cell-type-progress-circle-icon", inputs: { value: "value" }, ngImport: i0, template: "<seam-table-cell-type-selector\n *ngIf=\"displayIcon; else progressCircle\"\n type=\"icon\"\n [value]=\"icon\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n <seam-table-cell-type-selector\n type=\"progress-circle\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
657
657
|
}
|
|
658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, decorators: [{
|
|
659
659
|
type: Component,
|
|
660
660
|
args: [{ selector: 'seam-table-cell-type-progress-circle-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<seam-table-cell-type-selector\n *ngIf=\"displayIcon; else progressCircle\"\n type=\"icon\"\n [value]=\"icon\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n <seam-table-cell-type-selector\n type=\"progress-circle\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"colData\"\n ></seam-table-cell-type-selector>\n</ng-template>\n" }]
|
|
661
661
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
|
|
@@ -821,10 +821,10 @@ class TableCellTypeProgressCircleComponent {
|
|
|
821
821
|
this._table.triggerActionRefreshRequest();
|
|
822
822
|
}
|
|
823
823
|
}
|
|
824
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
825
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
824
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
825
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeProgressCircleComponent, isStandalone: false, selector: "seam-table-cell-type-progress-circle", inputs: { value: "value" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'link-external'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n>\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.href]=\"_link\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'link-encrypted'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n>\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </button>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'button'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n (click)=\"_doButtonAction()\"\n>\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n <div class=\"progress-circle-wrapper\">\n <seam-progress-circle\n class=\"progress-circle\"\n [fillBackground]=\"fillBackground\"\n [showText]=\"showText\"\n [hiddenOnEmpty]=\"hiddenOnEmpty\"\n [percentage]=\"$any(value)\"\n [pending]=\"pending\"\n [seamTooltip]=\"tooltip ?? null\"\n [tooltipClass]=\"tooltipClass\"\n [placement]=\"tooltipPlacement\"\n [container]=\"tooltipContainer\"\n >\n </seam-progress-circle>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </div>\n</ng-template>\n", styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:-.03rem}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6$1.ProgressCircleComponent, selector: "seam-progress-circle", inputs: ["fillBackground", "showText", "hiddenOnEmpty", "pending", "percentage"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
826
826
|
}
|
|
827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeProgressCircleComponent, decorators: [{
|
|
828
828
|
type: Component,
|
|
829
829
|
args: [{ selector: 'seam-table-cell-type-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'link-external'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n>\n <a\n class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n [attr.href]=\"_link\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n [attr.target]=\"_target\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'link-encrypted'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n>\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </button>\n</ng-container>\n\n<ng-container\n *ngIf=\"_tplType === 'button'\"\n class=\"d-flex align-items-center justify-center\"\n [class.datatable-icon-fix]=\"_isDatatable\"\n (click)=\"_doButtonAction()\"\n>\n <button\n class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n type=\"button\"\n [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n >\n <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n <div class=\"progress-circle-wrapper\">\n <seam-progress-circle\n class=\"progress-circle\"\n [fillBackground]=\"fillBackground\"\n [showText]=\"showText\"\n [hiddenOnEmpty]=\"hiddenOnEmpty\"\n [percentage]=\"$any(value)\"\n [pending]=\"pending\"\n [seamTooltip]=\"tooltip ?? null\"\n [tooltipClass]=\"tooltipClass\"\n [placement]=\"tooltipPlacement\"\n [container]=\"tooltipContainer\"\n >\n </seam-progress-circle>\n <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n </div>\n</ng-template>\n", styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:-.03rem}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"] }]
|
|
830
830
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
|
|
@@ -1034,10 +1034,10 @@ class TableCellTypeStringComponent {
|
|
|
1034
1034
|
this._table.triggerActionRefreshRequest();
|
|
1035
1035
|
}
|
|
1036
1036
|
}
|
|
1037
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1038
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1037
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeStringComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1038
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeStringComponent, isStandalone: false, selector: "seam-table-cell-type-string", inputs: { value: "value", config: "config", title: "title", style: "style", classAttr: "classAttr" }, host: { properties: { "attr.title": "this._titleAttr", "attr.style": "this._styleAttr", "class": "this._classAttr" } }, ngImport: i0, template: "<ng-template #popoverTpl>\n {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n <div class=\"text-truncate\">\n {{ value }}\n </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n <a\n class=\"d-block text-body text-decoration-none\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n <a\n class=\"d-block text-body text-decoration-none\"\n [attr.href]=\"_link\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n <button\n class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n <button\n class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n type=\"button\"\n [attr.title]=\"_title\"\n (click)=\"_doButtonAction()\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </button>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6$2.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverContext", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1039
1039
|
}
|
|
1040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeStringComponent, decorators: [{
|
|
1041
1041
|
type: Component,
|
|
1042
1042
|
args: [{ selector: 'seam-table-cell-type-string', host: {}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template #popoverTpl>\n {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n <div class=\"text-truncate\">\n {{ value }}\n </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n <a\n class=\"d-block text-body text-decoration-none\"\n [routerLink]=\"_link\"\n [queryParams]=\"_queryParams\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n <a\n class=\"d-block text-body text-decoration-none\"\n [attr.href]=\"_link\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n <button\n class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n type=\"button\"\n [seamEncryptedAssetLink]=\"_link\"\n [seamDetectMimeFromContent]=\"_detectMimeContent\"\n [seamDownloadAsset]=\"_download\"\n [attr.title]=\"_title\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n <button\n class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n type=\"button\"\n [attr.title]=\"_title\"\n (click)=\"_doButtonAction()\"\n >\n <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n </button>\n</ng-container>\n" }]
|
|
1043
1043
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
|
|
@@ -1175,8 +1175,8 @@ const cellTypeProviders = [
|
|
|
1175
1175
|
TABLE_CELL_TYPE_MANIFEST_PHONE,
|
|
1176
1176
|
];
|
|
1177
1177
|
class TheSeamTableCellTypesModule {
|
|
1178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1179
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1179
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypesModule, declarations: [TableCellTypeStringComponent,
|
|
1180
1180
|
TableCellTypeCurrencyComponent,
|
|
1181
1181
|
TableCellTypeDateComponent,
|
|
1182
1182
|
TableCellTypeDecimalComponent,
|
|
@@ -1203,7 +1203,7 @@ class TheSeamTableCellTypesModule {
|
|
|
1203
1203
|
TableCellTypeProgressCircleComponent,
|
|
1204
1204
|
TableCellTypeProgressCircleIconComponent,
|
|
1205
1205
|
TableCellTypePhoneComponent] });
|
|
1206
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1206
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypesModule, providers: [...cellTypeProviders], imports: [CommonModule,
|
|
1207
1207
|
RouterModule,
|
|
1208
1208
|
TheSeamSharedModule,
|
|
1209
1209
|
TheSeamIconModule,
|
|
@@ -1215,7 +1215,7 @@ class TheSeamTableCellTypesModule {
|
|
|
1215
1215
|
TheSeamTableCellTypeModule,
|
|
1216
1216
|
TheSeamTooltipModule] });
|
|
1217
1217
|
}
|
|
1218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypesModule, decorators: [{
|
|
1219
1219
|
type: NgModule,
|
|
1220
1220
|
args: [{
|
|
1221
1221
|
declarations: [...cellTypeComponents],
|
|
@@ -4,20 +4,20 @@ import * as i0 from '@angular/core';
|
|
|
4
4
|
import { inject, TemplateRef, Directive, ContentChild, Input, Component, EventEmitter, ContentChildren, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
5
5
|
import { Subject, merge, Subscription } from 'rxjs';
|
|
6
6
|
import { InputBoolean } from '@theseam/ui-common/core';
|
|
7
|
+
import * as i4 from '@theseam/ui-common/table-cell-type';
|
|
8
|
+
import { setColumnAlignDefaults, TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
|
|
7
9
|
import * as i1 from '@angular/platform-browser';
|
|
8
10
|
import * as i2 from '@angular/common';
|
|
9
11
|
import { CommonModule } from '@angular/common';
|
|
10
12
|
import * as i3 from '@angular/cdk/table';
|
|
11
13
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
12
|
-
import * as i4 from '@theseam/ui-common/table-cell-type';
|
|
13
|
-
import { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
|
|
14
14
|
|
|
15
15
|
class TheSeamTableCellTplDirective {
|
|
16
16
|
template = inject((TemplateRef));
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
18
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTableCellTplDirective, isStandalone: true, selector: "[seamTableCellTpl]", ngImport: i0 });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTplDirective, decorators: [{
|
|
21
21
|
type: Directive,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: '[seamTableCellTpl]',
|
|
@@ -27,10 +27,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
27
27
|
|
|
28
28
|
class TheSeamTableColumnHeaderTplDirective {
|
|
29
29
|
template = inject((TemplateRef));
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
31
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableColumnHeaderTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTableColumnHeaderTplDirective, isStandalone: true, selector: "[seamTableColumnHeaderTpl]", ngImport: i0 });
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableColumnHeaderTplDirective, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: '[seamTableColumnHeaderTpl]',
|
|
@@ -51,6 +51,9 @@ class TheSeamTableColumnComponent {
|
|
|
51
51
|
headerClass;
|
|
52
52
|
// @Input() cellClass?: string | ((data: any) => string|any) | null
|
|
53
53
|
cellClass;
|
|
54
|
+
align;
|
|
55
|
+
alignHeader;
|
|
56
|
+
alignCell;
|
|
54
57
|
_isFirstChange = true;
|
|
55
58
|
cellTplDirective;
|
|
56
59
|
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
@@ -79,10 +82,10 @@ class TheSeamTableColumnComponent {
|
|
|
79
82
|
this._columnChange.next();
|
|
80
83
|
}
|
|
81
84
|
}
|
|
82
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
83
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTableColumnComponent, isStandalone: true, selector: "seam-table-column", inputs: { name: "name", prop: "prop", flexGrow: "flexGrow", headerClass: "headerClass", cellClass: "cellClass", align: "align", alignHeader: "alignHeader", alignCell: "alignCell", _cellTemplateInput: ["cellTemplate", "_cellTemplateInput"], _headerTemplateInput: ["headerTemplate", "_headerTemplateInput"] }, queries: [{ propertyName: "cellTplDirective", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, static: true }, { propertyName: "_cellTemplateQuery", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "_headerTemplateQuery", first: true, predicate: TheSeamTableColumnHeaderTplDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
|
|
84
87
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableColumnComponent, decorators: [{
|
|
86
89
|
type: Component,
|
|
87
90
|
args: [{
|
|
88
91
|
selector: 'seam-table-column',
|
|
@@ -99,6 +102,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
99
102
|
type: Input
|
|
100
103
|
}], cellClass: [{
|
|
101
104
|
type: Input
|
|
105
|
+
}], align: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], alignHeader: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], alignCell: [{
|
|
110
|
+
type: Input
|
|
102
111
|
}], cellTplDirective: [{
|
|
103
112
|
type: ContentChild,
|
|
104
113
|
args: [TheSeamTableCellTplDirective, { static: true }]
|
|
@@ -153,6 +162,7 @@ function mergeColumnsAndTplColumns(columns, tplColumns) {
|
|
|
153
162
|
newCol.headerClass = tplCol.headerClass ?? undefined;
|
|
154
163
|
}
|
|
155
164
|
}
|
|
165
|
+
setColumnAlignDefaults(newCol);
|
|
156
166
|
newCols.push(newCol);
|
|
157
167
|
}
|
|
158
168
|
return newCols;
|
|
@@ -280,13 +290,13 @@ class TableComponent {
|
|
|
280
290
|
_trackByRecords(r) {
|
|
281
291
|
return r.prop + r.name;
|
|
282
292
|
}
|
|
283
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
284
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
294
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableComponent, isStandalone: false, selector: "seam-table", inputs: { columns: "columns", rows: "rows", trackBy: "trackBy", size: "size", hasHeader: "hasHeader" }, outputs: { columnsChange: "columnsChange", actionRefreshRequest: "actionRefreshRequest" }, queries: [{ propertyName: "columnComponents", predicate: TheSeamTableColumnComponent }], usesOnChanges: true, ngImport: i0, template: "<table\n cdk-table\n [dataSource]=\"displayedRows\"\n class=\"table table-header-divider-indented mb-0\"\n [class.table-striped]=\"rows && rows.length > 0\"\n [class.table-sm]=\"size === 'sm'\"\n [class.table-no-header]=\"!hasHeader\"\n>\n <ng-container\n *ngFor=\"\n let r of displayedRecords;\n first as isFirst;\n trackBy: _trackByRecords\n \"\n >\n <ng-container [cdkColumnDef]=\"r.prop\">\n <th cdk-header-cell *cdkHeaderCellDef [class]=\"r.headerClass\">\n <ng-container *ngIf=\"hasHeader\">\n <ng-container *ngIf=\"$any(r)?.headerTemplate; else noHeaderTpl\">\n <ng-template\n [ngTemplateOutlet]=\"$any(r)?.headerTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: r.name,\n prop: r.prop,\n column: r,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noHeaderTpl>\n {{ r.name }}\n </ng-template>\n </ng-container>\n </th>\n <td\n cdk-cell\n *cdkCellDef=\"let element; index as rowIndex\"\n [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n [class]=\"element?._emptyDisplay ? undefined : r.cellClass\"\n [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n [style]=\"$any(r)?.cellTypeConfig?.styles\"\n >\n <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n <ng-container\n *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\"\n >\n No records found\n </ng-container>\n\n <ng-template #hasDataTpl>\n <seam-table-cell-type-selector\n *ngIf=\"$any(r)?.cellType; else noCellType\"\n [type]=\"$any(r)?.cellType\"\n [value]=\"element[r.prop]\"\n [rowIndex]=\"rowIndex\"\n [row]=\"element\"\n [colData]=\"r\"\n >\n </seam-table-cell-type-selector>\n <ng-template #noCellType>\n <ng-container *ngIf=\"$any(r)?.cellTemplate; else noCellTpl\">\n <ng-template\n [ngTemplateOutlet]=\"$any(r)?.cellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: element[r.prop],\n row: element,\n rowIndex: rowIndex,\n column: r,\n }\"\n >\n </ng-template>\n </ng-container>\n </ng-template>\n <ng-template #noCellTpl>\n <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n {{ element[r.prop] }}\n </div>\n </ng-template>\n </ng-template>\n </td>\n </ng-container>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"], dependencies: [{ 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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i3.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i3.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i3.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i3.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: i3.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i3.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i3.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i3.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i3.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "component", type: i4.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
285
295
|
}
|
|
286
296
|
__decorate([
|
|
287
297
|
InputBoolean()
|
|
288
298
|
], TableComponent.prototype, "hasHeader", void 0);
|
|
289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableComponent, decorators: [{
|
|
290
300
|
type: Component,
|
|
291
301
|
args: [{ selector: 'seam-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<table\n cdk-table\n [dataSource]=\"displayedRows\"\n class=\"table table-header-divider-indented mb-0\"\n [class.table-striped]=\"rows && rows.length > 0\"\n [class.table-sm]=\"size === 'sm'\"\n [class.table-no-header]=\"!hasHeader\"\n>\n <ng-container\n *ngFor=\"\n let r of displayedRecords;\n first as isFirst;\n trackBy: _trackByRecords\n \"\n >\n <ng-container [cdkColumnDef]=\"r.prop\">\n <th cdk-header-cell *cdkHeaderCellDef [class]=\"r.headerClass\">\n <ng-container *ngIf=\"hasHeader\">\n <ng-container *ngIf=\"$any(r)?.headerTemplate; else noHeaderTpl\">\n <ng-template\n [ngTemplateOutlet]=\"$any(r)?.headerTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: r.name,\n prop: r.prop,\n column: r,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noHeaderTpl>\n {{ r.name }}\n </ng-template>\n </ng-container>\n </th>\n <td\n cdk-cell\n *cdkCellDef=\"let element; index as rowIndex\"\n [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n [class]=\"element?._emptyDisplay ? undefined : r.cellClass\"\n [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n [style]=\"$any(r)?.cellTypeConfig?.styles\"\n >\n <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n <ng-container\n *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\"\n >\n No records found\n </ng-container>\n\n <ng-template #hasDataTpl>\n <seam-table-cell-type-selector\n *ngIf=\"$any(r)?.cellType; else noCellType\"\n [type]=\"$any(r)?.cellType\"\n [value]=\"element[r.prop]\"\n [rowIndex]=\"rowIndex\"\n [row]=\"element\"\n [colData]=\"r\"\n >\n </seam-table-cell-type-selector>\n <ng-template #noCellType>\n <ng-container *ngIf=\"$any(r)?.cellTemplate; else noCellTpl\">\n <ng-template\n [ngTemplateOutlet]=\"$any(r)?.cellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: element[r.prop],\n row: element,\n rowIndex: rowIndex,\n column: r,\n }\"\n >\n </ng-template>\n </ng-container>\n </ng-template>\n <ng-template #noCellTpl>\n <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n {{ element[r.prop] }}\n </div>\n </ng-template>\n </ng-template>\n </td>\n </ng-container>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"] }]
|
|
292
302
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { columns: [{
|
|
@@ -309,8 +319,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
309
319
|
}] } });
|
|
310
320
|
|
|
311
321
|
class TheSeamTableModule {
|
|
312
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
313
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
322
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
323
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableModule, declarations: [TableComponent], imports: [CommonModule,
|
|
314
324
|
CdkTableModule,
|
|
315
325
|
TheSeamTableCellTypeModule,
|
|
316
326
|
TheSeamTableColumnComponent,
|
|
@@ -319,11 +329,11 @@ class TheSeamTableModule {
|
|
|
319
329
|
TheSeamTableColumnComponent,
|
|
320
330
|
TheSeamTableCellTplDirective,
|
|
321
331
|
TheSeamTableColumnHeaderTplDirective] });
|
|
322
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
332
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableModule, imports: [CommonModule,
|
|
323
333
|
CdkTableModule,
|
|
324
334
|
TheSeamTableCellTypeModule] });
|
|
325
335
|
}
|
|
326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
336
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableModule, decorators: [{
|
|
327
337
|
type: NgModule,
|
|
328
338
|
args: [{
|
|
329
339
|
declarations: [TableComponent],
|