@ifsworld/granite-components 3.3.0 → 3.4.0
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/bundles/ifsworld-granite-components.umd.js +7 -6
- package/bundles/ifsworld-granite-components.umd.js.map +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js.map +1 -1
- package/esm2015/lib/table/cell/table-data-cell.component.js +4 -3
- package/esm2015/lib/table/cell/table-data-cell.component.js.map +1 -1
- package/esm2015/lib/table/cell/table-data-cell.component.metadata.json +1 -1
- package/esm2015/lib/table/cell/table-header-cell.component.js +1 -1
- package/esm2015/lib/table/cell/table-header-cell.component.metadata.json +1 -1
- package/esm2015/lib/table/table.component.js +2 -2
- package/esm2015/lib/table/table.component.js.map +1 -1
- package/esm2015/lib/table/table.component.metadata.json +1 -1
- package/fesm2015/ifsworld-granite-components.js +7 -6
- package/fesm2015/ifsworld-granite-components.js.map +1 -1
- package/ifsworld-granite-components.metadata.json +1 -1
- package/lib/table/cell/table-data-cell.component.d.ts +1 -0
- package/package.json +1 -1
- package/src/lib/core/style/_mixins.scss +10 -0
|
@@ -2964,9 +2964,9 @@
|
|
|
2964
2964
|
GraniteTableComponent.decorators = [
|
|
2965
2965
|
{ type: core.Component, args: [{
|
|
2966
2966
|
selector: 'granite-table',
|
|
2967
|
-
template: "<cdk-table\n [dataSource]=\"dataSource\"\n multiTemplateDataRows\n [trackBy]=\"trackBy\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <ng-container\n *ngFor=\"let column of columns; index as columnI\"\n [cdkColumnDef]=\"column.name\"\n >\n <!-- Cell Header -->\n <cdk-header-cell *cdkHeaderCellDef graniteTableHeaderCell>\n {{ (column.title ? column.title : column.name) | graniteTitle }}\n </cdk-header-cell>\n\n <!-- Cell Data -->\n <cdk-cell\n graniteTableDataCell\n *cdkCellDef=\"let
|
|
2967
|
+
template: "<cdk-table\n [dataSource]=\"dataSource\"\n multiTemplateDataRows\n [trackBy]=\"trackBy\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <ng-container\n *ngFor=\"let column of columns; index as columnI\"\n [cdkColumnDef]=\"column.name\"\n >\n <!-- Cell Header -->\n <cdk-header-cell *cdkHeaderCellDef graniteTableHeaderCell>\n {{ (column.title ? column.title : column.name) | graniteTitle }}\n </cdk-header-cell>\n\n <!-- Cell Data -->\n <cdk-cell\n graniteTableDataCell\n *cdkCellDef=\"let row; let rowI = dataIndex\"\n [id]=\"cellIdPrefix + '-' + rowI + '-' + columnI\"\n [value]=\"row[column.name]\"\n [rowIndex]=\"rowI\"\n [columnIndex]=\"columnI\"\n [staticType]=\"column.staticType\"\n [column]=\"column\"\n [tableCellTemplateRef]=\"column.tableCellTemplateRef\"\n [row]=\"row\"\n ></cdk-cell>\n </ng-container>\n\n <cdk-header-row *cdkHeaderRowDef=\"renderedColumns\"></cdk-header-row>\n <cdk-row\n *cdkRowDef=\"let row; let rowI = dataIndex; columns: renderedColumns\"\n [attr.aria-rowindex]=\"rowI + 1\"\n ></cdk-row>\n</cdk-table>\n",
|
|
2968
2968
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2969
|
-
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}cdk-table{flex-direction:column;background-color:var(--granite-color-background-variant)}cdk-header-row,cdk-row,cdk-table{display:flex}cdk-cell,cdk-header-cell{flex:1
|
|
2969
|
+
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}cdk-table{flex-direction:column;background-color:var(--granite-color-background-variant)}cdk-header-row,cdk-row,cdk-table{display:flex}cdk-cell,cdk-header-cell{flex:1;height:calc(var(--granite-spacing-m) * 2.5)}cdk-cell{border-top:1px solid var(--granite-color-border-soft)}"]
|
|
2970
2970
|
},] }
|
|
2971
2971
|
];
|
|
2972
2972
|
GraniteTableComponent.propDecorators = {
|
|
@@ -3000,8 +3000,8 @@
|
|
|
3000
3000
|
{ type: core.Component, args: [{
|
|
3001
3001
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
3002
3002
|
selector: 'cdk-cell[graniteTableDataCell]',
|
|
3003
|
-
template: "<span class=\"granite-table-data-cell-static-container\">\n <ng-template\n [ngTemplateOutlet]=\"tableCellTemplateRef || defaultTableCellTemplate\"\n [ngTemplateOutletContext]=\"{\n data: value,\n rowIndex: rowIndex,\n columnIndex: columnIndex,\n column: column\n }\"\n ></ng-template>\n</span>\n\n<ng-template #defaultTableCellTemplate>\n <ng-container [ngSwitch]=\"staticType\">\n <ng-container *ngSwitchCase=\"'badge'\">\n <granite-badge>{{ value }}</granite-badge>\n </ng-container>\n <ng-container *ngSwitchDefault>{{ value }}</ng-container>\n </ng-container>\n</ng-template>\n",
|
|
3004
|
-
styles: [".granite-table-data-cell-static-container{padding:var(--granite-spacing-s);height:
|
|
3003
|
+
template: "<span class=\"granite-table-data-cell-static-container\">\n <ng-template\n [ngTemplateOutlet]=\"tableCellTemplateRef || defaultTableCellTemplate\"\n [ngTemplateOutletContext]=\"{\n data: value,\n rowIndex: rowIndex,\n columnIndex: columnIndex,\n column: column,\n row: row\n }\"\n ></ng-template>\n</span>\n\n<ng-template #defaultTableCellTemplate>\n <ng-container [ngSwitch]=\"staticType\">\n <ng-container *ngSwitchCase=\"'badge'\">\n <granite-badge>{{ value }}</granite-badge>\n </ng-container>\n <ng-container *ngSwitchDefault>{{ value }}</ng-container>\n </ng-container>\n</ng-template>\n",
|
|
3004
|
+
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-data-cell-static-container{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-body-small);line-height:var(--granite-line-height-regular);display:flex;justify-content:center;align-items:center;color:var(--granite-color-text)}"]
|
|
3005
3005
|
},] }
|
|
3006
3006
|
];
|
|
3007
3007
|
GraniteTableDataCellComponent.propDecorators = {
|
|
@@ -3009,7 +3009,8 @@
|
|
|
3009
3009
|
staticType: [{ type: core.Input }],
|
|
3010
3010
|
rowIndex: [{ type: core.Input }],
|
|
3011
3011
|
columnIndex: [{ type: core.Input }],
|
|
3012
|
-
tableCellTemplateRef: [{ type: core.Input }]
|
|
3012
|
+
tableCellTemplateRef: [{ type: core.Input }],
|
|
3013
|
+
row: [{ type: core.Input }]
|
|
3013
3014
|
};
|
|
3014
3015
|
|
|
3015
3016
|
var GraniteTableHeaderCellComponent = /** @class */ (function (_super) {
|
|
@@ -3024,7 +3025,7 @@
|
|
|
3024
3025
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
3025
3026
|
selector: 'cdk-header-cell[graniteTableHeaderCell]',
|
|
3026
3027
|
template: "<span class=\"granite-table-header-cell-title\">\n <ng-content></ng-content>\n</span>\n",
|
|
3027
|
-
styles: [".granite-table-header-cell-title{padding:var(--granite-spacing-s);height:
|
|
3028
|
+
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-header-cell-title{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-micro);line-height:var(--granite-line-height-flowing);letter-spacing:.015em;font-weight:400;display:flex;justify-content:center;align-items:center;color:var(--granite-color-text-weak)}"]
|
|
3028
3029
|
},] }
|
|
3029
3030
|
];
|
|
3030
3031
|
|