carbon-components-angular 5.14.10 → 5.14.11
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/docs/documentation/components/TableHead.html +42 -44
- package/docs/documentation/components/TableHeadCell.html +40 -32
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TagModule/dependencies.svg +29 -29
- package/docs/documentation/modules/TagModule.html +29 -29
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +98 -98
- package/docs/documentation/modules/TilesModule.html +98 -98
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +46 -42
- package/docs/documentation/modules/TimePickerModule.html +46 -42
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +48 -44
- package/docs/documentation/modules/TimePickerSelectModule.html +48 -44
- package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
- package/docs/documentation/modules/ToggleModule.html +41 -45
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +38 -38
- package/docs/documentation/modules/ToggletipModule.html +38 -38
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation.json +67 -67
- package/docs/storybook/{5868.9c8a5d5f.iframe.bundle.js → 5868.1bac16a6.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.4253a447.iframe.bundle.js → main.4b0aa4fe.iframe.bundle.js} +1 -1
- package/docs/storybook/main.css +9886 -9583
- package/docs/storybook/{progress-indicator-progress-indicator-stories.9f002dac.iframe.bundle.js → progress-indicator-progress-indicator-stories.729eae0f.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.5beb6b67.iframe.bundle.js → runtime~main.6fa08dce.iframe.bundle.js} +1 -1
- package/esm2020/table/head/table-head-cell.component.mjs +11 -3
- package/esm2020/table/head/table-head.component.mjs +1 -3
- package/fesm2015/carbon-components-angular-table.mjs +10 -4
- package/fesm2015/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-table.mjs +10 -4
- package/fesm2020/carbon-components-angular-table.mjs.map +1 -1
- package/package.json +1 -1
package/docs/documentation.json
CHANGED
|
@@ -53819,7 +53819,7 @@
|
|
|
53819
53819
|
},
|
|
53820
53820
|
{
|
|
53821
53821
|
"name": "TableHead",
|
|
53822
|
-
"id": "component-TableHead-
|
|
53822
|
+
"id": "component-TableHead-b318eccec7b4d59677e1a70971195d9ea8f3236f4836e22e66d7d985b7bbdaeae9e0911cbfc5ede4237afec71e5b14bddf2a1b821b645cb1c2ce082b1be13b6c",
|
|
53823
53823
|
"file": "src/table/head/table-head.component.ts",
|
|
53824
53824
|
"encapsulation": [],
|
|
53825
53825
|
"entryComponents": [],
|
|
@@ -53831,7 +53831,7 @@
|
|
|
53831
53831
|
"styles": [
|
|
53832
53832
|
"\n\t\t.cds--table-expand-v2 {\n\t\t\tpadding-left: 2.5rem;\n\t\t}\n\t"
|
|
53833
53833
|
],
|
|
53834
|
-
"template": "<ng-container *ngIf=\"model\">\n\t<tr>\n\t\t<th\n\t\t\tcdsTableHeadExpand\n\t\t\t*ngIf=\"model.hasExpandableRows()\"\n\t\t\tscope=\"col\"\n\t\t\t[ngClass]=\"{'cds--table-expand-v2': stickyHeader}\"\n\t\t\t[id]=\"model.getId('expand')\">\n\t\t</th>\n\t\t<th\n\t\t\t*ngIf=\"!skeleton && showSelectionColumn && enableSingleSelect\"\n\t\t\tscope=\"col\"\n\t\t\tstyle=\"width: 0;\"\n\t\t\t[id]=\"model.getId('select')\">\n\t\t\t<!-- add width 0; since the carbon styles don't seem to constrain this headers width -->\n\t\t</th>\n\t\t<th\n\t\t\tcdsTableHeadCheckbox\n\t\t\t*ngIf=\"!skeleton && showSelectionColumn && !enableSingleSelect\"\n\t\t\tscope=\"col\"\n\t\t\t[checked]=\"selectAllCheckbox\"\n\t\t\t[indeterminate]=\"selectAllCheckboxSomeSelected\"\n\t\t\t[ariaLabel]=\"getCheckboxHeaderLabel()\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[name]=\"model.getHeaderId('select')\"\n\t\t\t(change)=\"onSelectAllCheckboxChange()\"\n\t\t\t[id]=\"model.getId('select')\">\n\t\t</th>\n\t\t<ng-container *ngFor=\"let column of model.header; let i = index\">\n\t\t\t<th\n\t\t\t\t*ngIf=\"column && column.visible\"\n\t\t\t\t[ngStyle]=\"column.style\"\n\t\t\t\tcdsTableHeadCell\n\t\t\t\tscope=\"col\"\n\t\t\t\t[class]=\"column.className\"\n\t\t\t\t[sortable]=\"sortable\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[id]=\"model.getId(i)\"\n\t\t\t\t[column]=\"column\"\n\t\t\t\t[
|
|
53834
|
+
"template": "<ng-container *ngIf=\"model\">\n\t<tr>\n\t\t<th\n\t\t\tcdsTableHeadExpand\n\t\t\t*ngIf=\"model.hasExpandableRows()\"\n\t\t\tscope=\"col\"\n\t\t\t[ngClass]=\"{'cds--table-expand-v2': stickyHeader}\"\n\t\t\t[id]=\"model.getId('expand')\">\n\t\t</th>\n\t\t<th\n\t\t\t*ngIf=\"!skeleton && showSelectionColumn && enableSingleSelect\"\n\t\t\tscope=\"col\"\n\t\t\tstyle=\"width: 0;\"\n\t\t\t[id]=\"model.getId('select')\">\n\t\t\t<!-- add width 0; since the carbon styles don't seem to constrain this headers width -->\n\t\t</th>\n\t\t<th\n\t\t\tcdsTableHeadCheckbox\n\t\t\t*ngIf=\"!skeleton && showSelectionColumn && !enableSingleSelect\"\n\t\t\tscope=\"col\"\n\t\t\t[checked]=\"selectAllCheckbox\"\n\t\t\t[indeterminate]=\"selectAllCheckboxSomeSelected\"\n\t\t\t[ariaLabel]=\"getCheckboxHeaderLabel()\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[name]=\"model.getHeaderId('select')\"\n\t\t\t(change)=\"onSelectAllCheckboxChange()\"\n\t\t\t[id]=\"model.getId('select')\">\n\t\t</th>\n\t\t<ng-container *ngFor=\"let column of model.header; let i = index\">\n\t\t\t<th\n\t\t\t\t*ngIf=\"column && column.visible\"\n\t\t\t\t[ngStyle]=\"column.style\"\n\t\t\t\tcdsTableHeadCell\n\t\t\t\tscope=\"col\"\n\t\t\t\t[class]=\"column.className\"\n\t\t\t\t[sortable]=\"sortable\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[id]=\"model.getId(i)\"\n\t\t\t\t[column]=\"column\"\n\t\t\t\t[filterTitle]=\"getFilterTitle()\"\n\t\t\t\t[attr.colspan]=\"column.colSpan\"\n\t\t\t\t[attr.rowspan]=\"column.rowSpan\"\n\t\t\t\t(sort)=\"sort.emit(i)\">\n\t\t\t</th>\n\t\t</ng-container>\n\t\t<th *ngIf=\"!skeleton && stickyHeader && scrollbarWidth\"\n\t\t\tscope=\"col\"\n\t\t\t[ngStyle]=\"{'width': scrollbarWidth + 'px', 'padding': 0, 'border': 0}\">\n\t\t\t<!--\n\t\t\t\tScrollbar pushes body to the left so this header column is added to push\n\t\t\t\tthe title bar the same amount and keep the header and body columns aligned.\n\t\t\t-->\n\t\t</th>\n\t</tr>\n</ng-container>\n<ng-content></ng-content>\n",
|
|
53835
53835
|
"templateUrl": [],
|
|
53836
53836
|
"viewProviders": [],
|
|
53837
53837
|
"hostDirectives": [],
|
|
@@ -53840,7 +53840,7 @@
|
|
|
53840
53840
|
"name": "checkboxHeaderLabel",
|
|
53841
53841
|
"deprecated": false,
|
|
53842
53842
|
"deprecationMessage": "",
|
|
53843
|
-
"line":
|
|
53843
|
+
"line": 113,
|
|
53844
53844
|
"type": "string | Observable",
|
|
53845
53845
|
"decorators": []
|
|
53846
53846
|
},
|
|
@@ -53849,7 +53849,7 @@
|
|
|
53849
53849
|
"defaultValue": "false",
|
|
53850
53850
|
"deprecated": false,
|
|
53851
53851
|
"deprecationMessage": "",
|
|
53852
|
-
"line":
|
|
53852
|
+
"line": 96,
|
|
53853
53853
|
"type": "boolean",
|
|
53854
53854
|
"decorators": []
|
|
53855
53855
|
},
|
|
@@ -53857,7 +53857,7 @@
|
|
|
53857
53857
|
"name": "filterTitle",
|
|
53858
53858
|
"deprecated": false,
|
|
53859
53859
|
"deprecationMessage": "",
|
|
53860
|
-
"line":
|
|
53860
|
+
"line": 140,
|
|
53861
53861
|
"type": "string | Observable",
|
|
53862
53862
|
"decorators": []
|
|
53863
53863
|
},
|
|
@@ -53865,7 +53865,7 @@
|
|
|
53865
53865
|
"name": "model",
|
|
53866
53866
|
"deprecated": false,
|
|
53867
53867
|
"deprecationMessage": "",
|
|
53868
|
-
"line":
|
|
53868
|
+
"line": 92,
|
|
53869
53869
|
"type": "TableModel",
|
|
53870
53870
|
"decorators": []
|
|
53871
53871
|
},
|
|
@@ -53874,7 +53874,7 @@
|
|
|
53874
53874
|
"defaultValue": "false",
|
|
53875
53875
|
"deprecated": false,
|
|
53876
53876
|
"deprecationMessage": "",
|
|
53877
|
-
"line":
|
|
53877
|
+
"line": 100,
|
|
53878
53878
|
"type": "boolean",
|
|
53879
53879
|
"decorators": []
|
|
53880
53880
|
},
|
|
@@ -53883,7 +53883,7 @@
|
|
|
53883
53883
|
"defaultValue": "false",
|
|
53884
53884
|
"deprecated": false,
|
|
53885
53885
|
"deprecationMessage": "",
|
|
53886
|
-
"line":
|
|
53886
|
+
"line": 98,
|
|
53887
53887
|
"type": "boolean",
|
|
53888
53888
|
"decorators": []
|
|
53889
53889
|
},
|
|
@@ -53892,7 +53892,7 @@
|
|
|
53892
53892
|
"defaultValue": "true",
|
|
53893
53893
|
"deprecated": false,
|
|
53894
53894
|
"deprecationMessage": "",
|
|
53895
|
-
"line":
|
|
53895
|
+
"line": 94,
|
|
53896
53896
|
"type": "boolean",
|
|
53897
53897
|
"decorators": []
|
|
53898
53898
|
},
|
|
@@ -53901,7 +53901,7 @@
|
|
|
53901
53901
|
"defaultValue": "false",
|
|
53902
53902
|
"deprecated": false,
|
|
53903
53903
|
"deprecationMessage": "",
|
|
53904
|
-
"line":
|
|
53904
|
+
"line": 102,
|
|
53905
53905
|
"type": "boolean",
|
|
53906
53906
|
"decorators": []
|
|
53907
53907
|
},
|
|
@@ -53912,7 +53912,7 @@
|
|
|
53912
53912
|
"deprecationMessage": "",
|
|
53913
53913
|
"rawdescription": "\n\nSetting sortable to false will disable all headers including headers which are sortable. Is is\npossible to set the sortable state on the header item to disable/enable sorting for only some headers.\n",
|
|
53914
53914
|
"description": "<p>Setting sortable to false will disable all headers including headers which are sortable. Is is\npossible to set the sortable state on the header item to disable/enable sorting for only some headers.</p>\n",
|
|
53915
|
-
"line":
|
|
53915
|
+
"line": 110,
|
|
53916
53916
|
"type": "boolean",
|
|
53917
53917
|
"decorators": []
|
|
53918
53918
|
},
|
|
@@ -53920,7 +53920,7 @@
|
|
|
53920
53920
|
"name": "sortAscendingLabel",
|
|
53921
53921
|
"deprecated": false,
|
|
53922
53922
|
"deprecationMessage": "",
|
|
53923
|
-
"line":
|
|
53923
|
+
"line": 131,
|
|
53924
53924
|
"type": "string | Observable",
|
|
53925
53925
|
"decorators": []
|
|
53926
53926
|
},
|
|
@@ -53928,7 +53928,7 @@
|
|
|
53928
53928
|
"name": "sortDescendingLabel",
|
|
53929
53929
|
"deprecated": false,
|
|
53930
53930
|
"deprecationMessage": "",
|
|
53931
|
-
"line":
|
|
53931
|
+
"line": 122,
|
|
53932
53932
|
"type": "string | Observable",
|
|
53933
53933
|
"decorators": []
|
|
53934
53934
|
},
|
|
@@ -53937,7 +53937,7 @@
|
|
|
53937
53937
|
"defaultValue": "false",
|
|
53938
53938
|
"deprecated": false,
|
|
53939
53939
|
"deprecationMessage": "",
|
|
53940
|
-
"line":
|
|
53940
|
+
"line": 104,
|
|
53941
53941
|
"type": "boolean",
|
|
53942
53942
|
"decorators": []
|
|
53943
53943
|
}
|
|
@@ -53952,15 +53952,15 @@
|
|
|
53952
53952
|
"description": "<p>Emits if all rows are deselected.</p>\n",
|
|
53953
53953
|
"jsdoctags": [
|
|
53954
53954
|
{
|
|
53955
|
-
"pos":
|
|
53956
|
-
"end":
|
|
53955
|
+
"pos": 4048,
|
|
53956
|
+
"end": 4063,
|
|
53957
53957
|
"flags": 8421376,
|
|
53958
53958
|
"modifierFlagsCache": 0,
|
|
53959
53959
|
"transformFlags": 0,
|
|
53960
53960
|
"kind": 344,
|
|
53961
53961
|
"tagName": {
|
|
53962
|
-
"pos":
|
|
53963
|
-
"end":
|
|
53962
|
+
"pos": 4049,
|
|
53963
|
+
"end": 4054,
|
|
53964
53964
|
"flags": 8421376,
|
|
53965
53965
|
"modifierFlagsCache": 0,
|
|
53966
53966
|
"transformFlags": 0,
|
|
@@ -53969,8 +53969,8 @@
|
|
|
53969
53969
|
},
|
|
53970
53970
|
"comment": "",
|
|
53971
53971
|
"name": {
|
|
53972
|
-
"pos":
|
|
53973
|
-
"end":
|
|
53972
|
+
"pos": 4055,
|
|
53973
|
+
"end": 4060,
|
|
53974
53974
|
"flags": 8421376,
|
|
53975
53975
|
"modifierFlagsCache": 0,
|
|
53976
53976
|
"transformFlags": 0,
|
|
@@ -53981,7 +53981,7 @@
|
|
|
53981
53981
|
"isBracketed": false
|
|
53982
53982
|
}
|
|
53983
53983
|
],
|
|
53984
|
-
"line":
|
|
53984
|
+
"line": 163,
|
|
53985
53985
|
"type": "EventEmitter"
|
|
53986
53986
|
},
|
|
53987
53987
|
{
|
|
@@ -53993,15 +53993,15 @@
|
|
|
53993
53993
|
"description": "<p>Emits if all rows are selected.</p>\n",
|
|
53994
53994
|
"jsdoctags": [
|
|
53995
53995
|
{
|
|
53996
|
-
"pos":
|
|
53997
|
-
"end":
|
|
53996
|
+
"pos": 3924,
|
|
53997
|
+
"end": 3939,
|
|
53998
53998
|
"flags": 8421376,
|
|
53999
53999
|
"modifierFlagsCache": 0,
|
|
54000
54000
|
"transformFlags": 0,
|
|
54001
54001
|
"kind": 344,
|
|
54002
54002
|
"tagName": {
|
|
54003
|
-
"pos":
|
|
54004
|
-
"end":
|
|
54003
|
+
"pos": 3925,
|
|
54004
|
+
"end": 3930,
|
|
54005
54005
|
"flags": 8421376,
|
|
54006
54006
|
"modifierFlagsCache": 0,
|
|
54007
54007
|
"transformFlags": 0,
|
|
@@ -54010,8 +54010,8 @@
|
|
|
54010
54010
|
},
|
|
54011
54011
|
"comment": "",
|
|
54012
54012
|
"name": {
|
|
54013
|
-
"pos":
|
|
54014
|
-
"end":
|
|
54013
|
+
"pos": 3931,
|
|
54014
|
+
"end": 3936,
|
|
54015
54015
|
"flags": 8421376,
|
|
54016
54016
|
"modifierFlagsCache": 0,
|
|
54017
54017
|
"transformFlags": 0,
|
|
@@ -54022,7 +54022,7 @@
|
|
|
54022
54022
|
"isBracketed": false
|
|
54023
54023
|
}
|
|
54024
54024
|
],
|
|
54025
|
-
"line":
|
|
54025
|
+
"line": 157,
|
|
54026
54026
|
"type": "EventEmitter"
|
|
54027
54027
|
},
|
|
54028
54028
|
{
|
|
@@ -54032,7 +54032,7 @@
|
|
|
54032
54032
|
"deprecationMessage": "",
|
|
54033
54033
|
"rawdescription": "\n\nEmits an index of the column that wants to be sorted.\n",
|
|
54034
54034
|
"description": "<p>Emits an index of the column that wants to be sorted.</p>\n",
|
|
54035
|
-
"line":
|
|
54035
|
+
"line": 151,
|
|
54036
54036
|
"type": "EventEmitter"
|
|
54037
54037
|
}
|
|
54038
54038
|
],
|
|
@@ -54045,7 +54045,7 @@
|
|
|
54045
54045
|
"type": "number",
|
|
54046
54046
|
"optional": false,
|
|
54047
54047
|
"description": "",
|
|
54048
|
-
"line":
|
|
54048
|
+
"line": 165,
|
|
54049
54049
|
"modifierKind": [
|
|
54050
54050
|
123
|
|
54051
54051
|
]
|
|
@@ -54058,7 +54058,7 @@
|
|
|
54058
54058
|
"optional": false,
|
|
54059
54059
|
"returnType": "Observable<string>",
|
|
54060
54060
|
"typeParameters": [],
|
|
54061
|
-
"line":
|
|
54061
|
+
"line": 188,
|
|
54062
54062
|
"deprecated": false,
|
|
54063
54063
|
"deprecationMessage": ""
|
|
54064
54064
|
},
|
|
@@ -54068,7 +54068,7 @@
|
|
|
54068
54068
|
"optional": false,
|
|
54069
54069
|
"returnType": "Observable<string>",
|
|
54070
54070
|
"typeParameters": [],
|
|
54071
|
-
"line":
|
|
54071
|
+
"line": 200,
|
|
54072
54072
|
"deprecated": false,
|
|
54073
54073
|
"deprecationMessage": ""
|
|
54074
54074
|
},
|
|
@@ -54078,7 +54078,7 @@
|
|
|
54078
54078
|
"optional": false,
|
|
54079
54079
|
"returnType": "Observable<string>",
|
|
54080
54080
|
"typeParameters": [],
|
|
54081
|
-
"line":
|
|
54081
|
+
"line": 196,
|
|
54082
54082
|
"deprecated": false,
|
|
54083
54083
|
"deprecationMessage": ""
|
|
54084
54084
|
},
|
|
@@ -54088,7 +54088,7 @@
|
|
|
54088
54088
|
"optional": false,
|
|
54089
54089
|
"returnType": "Observable<string>",
|
|
54090
54090
|
"typeParameters": [],
|
|
54091
|
-
"line":
|
|
54091
|
+
"line": 192,
|
|
54092
54092
|
"deprecated": false,
|
|
54093
54093
|
"deprecationMessage": ""
|
|
54094
54094
|
},
|
|
@@ -54098,7 +54098,7 @@
|
|
|
54098
54098
|
"optional": false,
|
|
54099
54099
|
"returnType": "void",
|
|
54100
54100
|
"typeParameters": [],
|
|
54101
|
-
"line":
|
|
54101
|
+
"line": 180,
|
|
54102
54102
|
"deprecated": false,
|
|
54103
54103
|
"deprecationMessage": ""
|
|
54104
54104
|
}
|
|
@@ -54112,7 +54112,7 @@
|
|
|
54112
54112
|
"description": "<p>A subcomponent that creates the thead of the table</p>\n<h2>Basic usage</h2>\n<div><pre class=\"line-numbers\"><code class=\"language-html\"> <thead cdsTableHead [model]="model"></thead></code></pre></div>",
|
|
54113
54113
|
"rawdescription": "\n\nA subcomponent that creates the thead of the table\n\n## Basic usage\n\n```html\n\t<thead cdsTableHead [model]=\"model\"></thead>\n```\n",
|
|
54114
54114
|
"type": "component",
|
|
54115
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tAfterViewInit\n} from \"@angular/core\";\n\nimport { TableModel } from \"../table-model.class\";\nimport { getScrollbarWidth } from \"carbon-components-angular/utils\";\nimport { I18n, Overridable } from \"carbon-components-angular/i18n\";\nimport { Observable } from \"rxjs\";\nimport { TableRowSize } from \"../table.types\";\n\n/**\n * A subcomponent that creates the thead of the table\n *\n * ## Basic usage\n *\n * ```html\n * \t<thead cdsTableHead [model]=\"model\"></thead>\n * ```\n */\n@Component({\n\t// tslint:disable-next-line:component-selector\n\tselector: \"[cdsTableHead], [ibmTableHead]\",\n\ttemplate: `\n\t<ng-container *ngIf=\"model\">\n\t\t<tr>\n\t\t\t<th\n\t\t\t\tcdsTableHeadExpand\n\t\t\t\t*ngIf=\"model.hasExpandableRows()\"\n\t\t\t\tscope=\"col\"\n\t\t\t\t[ngClass]=\"{'cds--table-expand-v2': stickyHeader}\"\n\t\t\t\t[id]=\"model.getId('expand')\">\n\t\t\t</th>\n\t\t\t<th\n\t\t\t\t*ngIf=\"!skeleton && showSelectionColumn && enableSingleSelect\"\n\t\t\t\tscope=\"col\"\n\t\t\t\tstyle=\"width: 0;\"\n\t\t\t\t[id]=\"model.getId('select')\">\n\t\t\t\t<!-- add width 0; since the carbon styles don't seem to constrain this headers width -->\n\t\t\t</th>\n\t\t\t<th\n\t\t\t\tcdsTableHeadCheckbox\n\t\t\t\t*ngIf=\"!skeleton && showSelectionColumn && !enableSingleSelect\"\n\t\t\t\tscope=\"col\"\n\t\t\t\t[checked]=\"selectAllCheckbox\"\n\t\t\t\t[indeterminate]=\"selectAllCheckboxSomeSelected\"\n\t\t\t\t[ariaLabel]=\"getCheckboxHeaderLabel()\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[name]=\"model.getHeaderId('select')\"\n\t\t\t\t(change)=\"onSelectAllCheckboxChange()\"\n\t\t\t\t[id]=\"model.getId('select')\">\n\t\t\t</th>\n\t\t\t<ng-container *ngFor=\"let column of model.header; let i = index\">\n\t\t\t\t<th\n\t\t\t\t\t*ngIf=\"column && column.visible\"\n\t\t\t\t\t[ngStyle]=\"column.style\"\n\t\t\t\t\tcdsTableHeadCell\n\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t[class]=\"column.className\"\n\t\t\t\t\t[sortable]=\"sortable\"\n\t\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t\t[id]=\"model.getId(i)\"\n\t\t\t\t\t[column]=\"column\"\n\t\t\t\t\t[
|
|
54115
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tAfterViewInit\n} from \"@angular/core\";\n\nimport { TableModel } from \"../table-model.class\";\nimport { getScrollbarWidth } from \"carbon-components-angular/utils\";\nimport { I18n, Overridable } from \"carbon-components-angular/i18n\";\nimport { Observable } from \"rxjs\";\nimport { TableRowSize } from \"../table.types\";\n\n/**\n * A subcomponent that creates the thead of the table\n *\n * ## Basic usage\n *\n * ```html\n * \t<thead cdsTableHead [model]=\"model\"></thead>\n * ```\n */\n@Component({\n\t// tslint:disable-next-line:component-selector\n\tselector: \"[cdsTableHead], [ibmTableHead]\",\n\ttemplate: `\n\t<ng-container *ngIf=\"model\">\n\t\t<tr>\n\t\t\t<th\n\t\t\t\tcdsTableHeadExpand\n\t\t\t\t*ngIf=\"model.hasExpandableRows()\"\n\t\t\t\tscope=\"col\"\n\t\t\t\t[ngClass]=\"{'cds--table-expand-v2': stickyHeader}\"\n\t\t\t\t[id]=\"model.getId('expand')\">\n\t\t\t</th>\n\t\t\t<th\n\t\t\t\t*ngIf=\"!skeleton && showSelectionColumn && enableSingleSelect\"\n\t\t\t\tscope=\"col\"\n\t\t\t\tstyle=\"width: 0;\"\n\t\t\t\t[id]=\"model.getId('select')\">\n\t\t\t\t<!-- add width 0; since the carbon styles don't seem to constrain this headers width -->\n\t\t\t</th>\n\t\t\t<th\n\t\t\t\tcdsTableHeadCheckbox\n\t\t\t\t*ngIf=\"!skeleton && showSelectionColumn && !enableSingleSelect\"\n\t\t\t\tscope=\"col\"\n\t\t\t\t[checked]=\"selectAllCheckbox\"\n\t\t\t\t[indeterminate]=\"selectAllCheckboxSomeSelected\"\n\t\t\t\t[ariaLabel]=\"getCheckboxHeaderLabel()\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[name]=\"model.getHeaderId('select')\"\n\t\t\t\t(change)=\"onSelectAllCheckboxChange()\"\n\t\t\t\t[id]=\"model.getId('select')\">\n\t\t\t</th>\n\t\t\t<ng-container *ngFor=\"let column of model.header; let i = index\">\n\t\t\t\t<th\n\t\t\t\t\t*ngIf=\"column && column.visible\"\n\t\t\t\t\t[ngStyle]=\"column.style\"\n\t\t\t\t\tcdsTableHeadCell\n\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t[class]=\"column.className\"\n\t\t\t\t\t[sortable]=\"sortable\"\n\t\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t\t[id]=\"model.getId(i)\"\n\t\t\t\t\t[column]=\"column\"\n\t\t\t\t\t[filterTitle]=\"getFilterTitle()\"\n\t\t\t\t\t[attr.colspan]=\"column.colSpan\"\n\t\t\t\t\t[attr.rowspan]=\"column.rowSpan\"\n\t\t\t\t\t(sort)=\"sort.emit(i)\">\n\t\t\t\t</th>\n\t\t\t</ng-container>\n\t\t\t<th *ngIf=\"!skeleton && stickyHeader && scrollbarWidth\"\n\t\t\t\tscope=\"col\"\n\t\t\t\t[ngStyle]=\"{'width': scrollbarWidth + 'px', 'padding': 0, 'border': 0}\">\n\t\t\t\t<!--\n\t\t\t\t\tScrollbar pushes body to the left so this header column is added to push\n\t\t\t\t\tthe title bar the same amount and keep the header and body columns aligned.\n\t\t\t\t-->\n\t\t\t</th>\n\t\t</tr>\n\t</ng-container>\n\t<ng-content></ng-content>\n\t`,\n\tstyles: [`\n\t\t.cds--table-expand-v2 {\n\t\t\tpadding-left: 2.5rem;\n\t\t}\n\t`]\n})\nexport class TableHead implements AfterViewInit {\n\t@Input() model: TableModel;\n\n\t@Input() showSelectionColumn = true;\n\n\t@Input() enableSingleSelect = false;\n\n\t@Input() selectAllCheckboxSomeSelected = false;\n\n\t@Input() selectAllCheckbox = false;\n\n\t@Input() skeleton = false;\n\n\t@Input() stickyHeader = false;\n\n\t/**\n\t * Setting sortable to false will disable all headers including headers which are sortable. Is is\n\t * possible to set the sortable state on the header item to disable/enable sorting for only some headers.\n\t */\n\t@Input() sortable = true;\n\n\t@Input()\n\tset checkboxHeaderLabel(value: string | Observable<string>) {\n\t\tthis._checkboxHeaderLabel.override(value);\n\t}\n\n\tget checkboxHeaderLabel() {\n\t\treturn this._checkboxHeaderLabel.value;\n\t}\n\n\t@Input()\n\tset sortDescendingLabel(value: string | Observable<string>) {\n\t\tthis._sortDescendingLabel.override(value);\n\t}\n\n\tget sortDescendingLabel() {\n\t\treturn this._sortDescendingLabel.value;\n\t}\n\n\t@Input()\n\tset sortAscendingLabel(value: string | Observable<string>) {\n\t\tthis._sortAscendingLabel.override(value);\n\t}\n\n\tget sortAscendingLabel() {\n\t\treturn this._sortAscendingLabel.value;\n\t}\n\n\t@Input()\n\tset filterTitle(value: string | Observable<string>) {\n\t\tthis._filterTitle.override(value);\n\t}\n\n\tget filterTitle() {\n\t\treturn this._filterTitle.value;\n\t}\n\n\t/**\n\t * Emits an index of the column that wants to be sorted.\n\t */\n\t@Output() sort = new EventEmitter<number>();\n\t/**\n\t * Emits if all rows are selected.\n\t *\n\t * @param model\n\t */\n\t@Output() selectAll = new EventEmitter<TableModel>();\n\t/**\n\t * Emits if all rows are deselected.\n\t *\n\t * @param model\n\t */\n\t@Output() deselectAll = new EventEmitter<TableModel>();\n\n\tpublic scrollbarWidth = 0;\n\n\tprotected _checkboxHeaderLabel = this.i18n.getOverridable(\"TABLE.CHECKBOX_HEADER\");\n\tprotected _sortDescendingLabel = this.i18n.getOverridable(\"TABLE.SORT_DESCENDING\");\n\tprotected _sortAscendingLabel = this.i18n.getOverridable(\"TABLE.SORT_ASCENDING\");\n\tprotected _filterTitle = this.i18n.getOverridable(\"TABLE.FILTER\");\n\n\tconstructor(protected i18n: I18n) {}\n\n\tngAfterViewInit() {\n\t\tsetTimeout(() => {\n\t\t\tthis.scrollbarWidth = getScrollbarWidth();\n\t\t});\n\t}\n\n\tonSelectAllCheckboxChange() {\n\t\tif (!this.selectAllCheckbox && !this.selectAllCheckboxSomeSelected) {\n\t\t\tthis.selectAll.emit(this.model);\n\t\t} else {\n\t\t\tthis.deselectAll.emit(this.model);\n\t\t}\n\t}\n\n\tgetCheckboxHeaderLabel(): Observable<string> {\n\t\treturn this._checkboxHeaderLabel.subject;\n\t}\n\n\tgetSortDescendingLabel(): Observable<string> {\n\t\treturn this._sortDescendingLabel.subject;\n\t}\n\n\tgetSortAscendingLabel(): Observable<string> {\n\t\treturn this._sortAscendingLabel.subject;\n\t}\n\n\tgetFilterTitle(): Observable<string> {\n\t\treturn this._filterTitle.subject;\n\t}\n}\n",
|
|
54116
54116
|
"assetsDirs": [],
|
|
54117
54117
|
"styleUrlsData": "",
|
|
54118
54118
|
"stylesData": "\n\t\t.cds--table-expand-v2 {\n\t\t\tpadding-left: 2.5rem;\n\t\t}\n\t\n",
|
|
@@ -54129,7 +54129,7 @@
|
|
|
54129
54129
|
"deprecationMessage": ""
|
|
54130
54130
|
}
|
|
54131
54131
|
],
|
|
54132
|
-
"line":
|
|
54132
|
+
"line": 170,
|
|
54133
54133
|
"jsdoctags": [
|
|
54134
54134
|
{
|
|
54135
54135
|
"name": "i18n",
|
|
@@ -54162,7 +54162,7 @@
|
|
|
54162
54162
|
}
|
|
54163
54163
|
],
|
|
54164
54164
|
"returnType": "void",
|
|
54165
|
-
"line":
|
|
54165
|
+
"line": 113,
|
|
54166
54166
|
"jsdoctags": [
|
|
54167
54167
|
{
|
|
54168
54168
|
"name": "value",
|
|
@@ -54179,7 +54179,7 @@
|
|
|
54179
54179
|
"name": "checkboxHeaderLabel",
|
|
54180
54180
|
"type": "",
|
|
54181
54181
|
"returnType": "",
|
|
54182
|
-
"line":
|
|
54182
|
+
"line": 117
|
|
54183
54183
|
}
|
|
54184
54184
|
},
|
|
54185
54185
|
"sortDescendingLabel": {
|
|
@@ -54198,7 +54198,7 @@
|
|
|
54198
54198
|
}
|
|
54199
54199
|
],
|
|
54200
54200
|
"returnType": "void",
|
|
54201
|
-
"line":
|
|
54201
|
+
"line": 122,
|
|
54202
54202
|
"jsdoctags": [
|
|
54203
54203
|
{
|
|
54204
54204
|
"name": "value",
|
|
@@ -54215,7 +54215,7 @@
|
|
|
54215
54215
|
"name": "sortDescendingLabel",
|
|
54216
54216
|
"type": "",
|
|
54217
54217
|
"returnType": "",
|
|
54218
|
-
"line":
|
|
54218
|
+
"line": 126
|
|
54219
54219
|
}
|
|
54220
54220
|
},
|
|
54221
54221
|
"sortAscendingLabel": {
|
|
@@ -54234,7 +54234,7 @@
|
|
|
54234
54234
|
}
|
|
54235
54235
|
],
|
|
54236
54236
|
"returnType": "void",
|
|
54237
|
-
"line":
|
|
54237
|
+
"line": 131,
|
|
54238
54238
|
"jsdoctags": [
|
|
54239
54239
|
{
|
|
54240
54240
|
"name": "value",
|
|
@@ -54251,7 +54251,7 @@
|
|
|
54251
54251
|
"name": "sortAscendingLabel",
|
|
54252
54252
|
"type": "",
|
|
54253
54253
|
"returnType": "",
|
|
54254
|
-
"line":
|
|
54254
|
+
"line": 135
|
|
54255
54255
|
}
|
|
54256
54256
|
},
|
|
54257
54257
|
"filterTitle": {
|
|
@@ -54270,7 +54270,7 @@
|
|
|
54270
54270
|
}
|
|
54271
54271
|
],
|
|
54272
54272
|
"returnType": "void",
|
|
54273
|
-
"line":
|
|
54273
|
+
"line": 140,
|
|
54274
54274
|
"jsdoctags": [
|
|
54275
54275
|
{
|
|
54276
54276
|
"name": "value",
|
|
@@ -54287,14 +54287,14 @@
|
|
|
54287
54287
|
"name": "filterTitle",
|
|
54288
54288
|
"type": "",
|
|
54289
54289
|
"returnType": "",
|
|
54290
|
-
"line":
|
|
54290
|
+
"line": 144
|
|
54291
54291
|
}
|
|
54292
54292
|
}
|
|
54293
54293
|
}
|
|
54294
54294
|
},
|
|
54295
54295
|
{
|
|
54296
54296
|
"name": "TableHeadCell",
|
|
54297
|
-
"id": "component-TableHeadCell-
|
|
54297
|
+
"id": "component-TableHeadCell-6b4021880b630e270832c3a8f4ccfa4b99045962326f48e4485c23286caeb07a77b2e0b4121ffe6322094c9e6344e57085071a777f357db4424e54710ac19724",
|
|
54298
54298
|
"file": "src/table/head/table-head-cell.component.ts",
|
|
54299
54299
|
"encapsulation": [],
|
|
54300
54300
|
"entryComponents": [],
|
|
@@ -54304,7 +54304,7 @@
|
|
|
54304
54304
|
"selector": "[cdsTableHeadCell], [ibmTableHeadCell]",
|
|
54305
54305
|
"styleUrls": [],
|
|
54306
54306
|
"styles": [],
|
|
54307
|
-
"template": "<button\n\tclass=\"cds--table-sort\"\n\t*ngIf=\"sortable && this.sort.observers.length > 0 && column.sortable\"\n\t[attr.aria-label]=\"(column.sorted && column.ascending ? getSortDescendingLabel() : getSortAscendingLabel()) | async\"\n\taria-live=\"polite\"\n\t[ngClass]=\"{\n\t\t'cds--table-sort--active': column.sorted,\n\t\t'cds--table-sort--descending': column.ascending\n\t}\"\n\t(click)=\"onClick()\">\n\t<span\n\t\tclass=\"cds--table-sort__flex\"\n\t\t[title]=\"column.title\"\n\t\ttabindex=\"-1\">\n\t\t<div *ngIf=\"!skeleton && !column.template\" cdsTableHeadCellLabel>\n\t\t\t{{column.data}}\n\t\t</div>\n\t\t<ng-template\n\t\t\t*ngIf=\"!skeleton && column.template\"\n\t\t\t[ngTemplateOutlet]=\"column.template\"\n\t\t\t[ngTemplateOutletContext]=\"{data: column.data}\">\n\t\t</ng-template>\n\t\t<svg\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--table-sort__icon\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M12.3 9.3l-3.8 3.8V1h-1v12.1L3.7 9.3 3 10l5 5 5-5z\"></path>\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--table-sort__icon-unsorted\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M13.8 10.3L12 12.1V2h-1v10.1l-1.8-1.8-.7.7 3 3 3-3zM4.5 2l-3 3 .7.7L4 3.9V14h1V3.9l1.8 1.8.7-.7z\"></path>\n\t\t</svg>\n\t</span>\n</button>\n<div\n\tclass=\"cds--table-header-label\"\n\t*ngIf=\"!skeleton && this.sort.observers.length === 0 || (this.sort.observers.length > 0 && !column.sortable) || !sortable\">\n\t<span *ngIf=\"!column.template\" [title]=\"column.data\"
|
|
54307
|
+
"template": "<button\n\tclass=\"cds--table-sort\"\n\t*ngIf=\"sortable && this.sort.observers.length > 0 && column.sortable\"\n\t[attr.aria-label]=\"(column.sorted && column.ascending ? getSortDescendingLabel() : getSortAscendingLabel()) | async\"\n\taria-live=\"polite\"\n\t[ngClass]=\"{\n\t\t'cds--table-sort--active': column.sorted,\n\t\t'cds--table-sort--descending': column.ascending\n\t}\"\n\t(click)=\"onClick()\">\n\t<span\n\t\tclass=\"cds--table-sort__flex\"\n\t\t[title]=\"column.title\"\n\t\ttabindex=\"-1\">\n\t\t<div *ngIf=\"!skeleton && !column.template\" cdsTableHeadCellLabel>\n\t\t\t{{column.data}}\n\t\t</div>\n\t\t<ng-template\n\t\t\t*ngIf=\"!skeleton && column.template\"\n\t\t\t[ngTemplateOutlet]=\"column.template\"\n\t\t\t[ngTemplateOutletContext]=\"{data: column.data}\">\n\t\t</ng-template>\n\t\t<svg\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--table-sort__icon\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M12.3 9.3l-3.8 3.8V1h-1v12.1L3.7 9.3 3 10l5 5 5-5z\"></path>\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--table-sort__icon-unsorted\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M13.8 10.3L12 12.1V2h-1v10.1l-1.8-1.8-.7.7 3 3 3-3zM4.5 2l-3 3 .7.7L4 3.9V14h1V3.9l1.8 1.8.7-.7z\"></path>\n\t\t</svg>\n\t</span>\n</button>\n<div\n\tclass=\"cds--table-header-label\"\n\t*ngIf=\"!skeleton && this.sort.observers.length === 0 || (this.sort.observers.length > 0 && !column.sortable) || !sortable\">\n\t<span *ngIf=\"!column.template\" [title]=\"column.data\">\n\t\t<ng-container *ngIf=\"!skeleton\">\n\t\t\t{{column.data}}\n\t\t</ng-container>\n\t</span>\n\t<ng-template\n\t\t[ngTemplateOutlet]=\"column.template\" [ngTemplateOutletContext]=\"{data: column.data}\">\n\t</ng-template>\n</div>\n\t",
|
|
54308
54308
|
"templateUrl": [],
|
|
54309
54309
|
"viewProviders": [],
|
|
54310
54310
|
"hostDirectives": [],
|
|
@@ -54313,7 +54313,7 @@
|
|
|
54313
54313
|
"name": "column",
|
|
54314
54314
|
"deprecated": false,
|
|
54315
54315
|
"deprecationMessage": "",
|
|
54316
|
-
"line":
|
|
54316
|
+
"line": 83,
|
|
54317
54317
|
"type": "TableHeaderItem",
|
|
54318
54318
|
"decorators": []
|
|
54319
54319
|
},
|
|
@@ -54321,7 +54321,7 @@
|
|
|
54321
54321
|
"name": "filterTitle",
|
|
54322
54322
|
"deprecated": false,
|
|
54323
54323
|
"deprecationMessage": "",
|
|
54324
|
-
"line":
|
|
54324
|
+
"line": 108,
|
|
54325
54325
|
"type": "string | Observable",
|
|
54326
54326
|
"decorators": []
|
|
54327
54327
|
},
|
|
@@ -54330,7 +54330,7 @@
|
|
|
54330
54330
|
"defaultValue": "false",
|
|
54331
54331
|
"deprecated": false,
|
|
54332
54332
|
"deprecationMessage": "",
|
|
54333
|
-
"line":
|
|
54333
|
+
"line": 85,
|
|
54334
54334
|
"type": "boolean",
|
|
54335
54335
|
"decorators": []
|
|
54336
54336
|
},
|
|
@@ -54339,7 +54339,7 @@
|
|
|
54339
54339
|
"defaultValue": "true",
|
|
54340
54340
|
"deprecated": false,
|
|
54341
54341
|
"deprecationMessage": "",
|
|
54342
|
-
"line":
|
|
54342
|
+
"line": 87,
|
|
54343
54343
|
"type": "boolean",
|
|
54344
54344
|
"decorators": []
|
|
54345
54345
|
},
|
|
@@ -54347,7 +54347,7 @@
|
|
|
54347
54347
|
"name": "sortAscendingLabel",
|
|
54348
54348
|
"deprecated": false,
|
|
54349
54349
|
"deprecationMessage": "",
|
|
54350
|
-
"line":
|
|
54350
|
+
"line": 99,
|
|
54351
54351
|
"type": "string | Observable",
|
|
54352
54352
|
"decorators": []
|
|
54353
54353
|
},
|
|
@@ -54355,7 +54355,7 @@
|
|
|
54355
54355
|
"name": "sortDescendingLabel",
|
|
54356
54356
|
"deprecated": false,
|
|
54357
54357
|
"deprecationMessage": "",
|
|
54358
|
-
"line":
|
|
54358
|
+
"line": 90,
|
|
54359
54359
|
"type": "string | Observable",
|
|
54360
54360
|
"decorators": []
|
|
54361
54361
|
}
|
|
@@ -54368,7 +54368,7 @@
|
|
|
54368
54368
|
"deprecationMessage": "",
|
|
54369
54369
|
"rawdescription": "\n\nNotifies that the column should be sorted\n",
|
|
54370
54370
|
"description": "<p>Notifies that the column should be sorted</p>\n",
|
|
54371
|
-
"line":
|
|
54371
|
+
"line": 119,
|
|
54372
54372
|
"type": "EventEmitter"
|
|
54373
54373
|
}
|
|
54374
54374
|
],
|
|
@@ -54381,7 +54381,7 @@
|
|
|
54381
54381
|
"type": "",
|
|
54382
54382
|
"optional": false,
|
|
54383
54383
|
"description": "",
|
|
54384
|
-
"line":
|
|
54384
|
+
"line": 121,
|
|
54385
54385
|
"decorators": [
|
|
54386
54386
|
{
|
|
54387
54387
|
"name": "HostBinding",
|
|
@@ -54400,7 +54400,7 @@
|
|
|
54400
54400
|
"optional": false,
|
|
54401
54401
|
"returnType": "Observable<string>",
|
|
54402
54402
|
"typeParameters": [],
|
|
54403
|
-
"line":
|
|
54403
|
+
"line": 139,
|
|
54404
54404
|
"deprecated": false,
|
|
54405
54405
|
"deprecationMessage": ""
|
|
54406
54406
|
},
|
|
@@ -54410,7 +54410,7 @@
|
|
|
54410
54410
|
"optional": false,
|
|
54411
54411
|
"returnType": "Observable<string>",
|
|
54412
54412
|
"typeParameters": [],
|
|
54413
|
-
"line":
|
|
54413
|
+
"line": 135,
|
|
54414
54414
|
"deprecated": false,
|
|
54415
54415
|
"deprecationMessage": ""
|
|
54416
54416
|
},
|
|
@@ -54420,7 +54420,7 @@
|
|
|
54420
54420
|
"optional": false,
|
|
54421
54421
|
"returnType": "void",
|
|
54422
54422
|
"typeParameters": [],
|
|
54423
|
-
"line":
|
|
54423
|
+
"line": 143,
|
|
54424
54424
|
"deprecated": false,
|
|
54425
54425
|
"deprecationMessage": ""
|
|
54426
54426
|
}
|
|
@@ -54433,7 +54433,7 @@
|
|
|
54433
54433
|
"defaultValue": "false",
|
|
54434
54434
|
"deprecated": false,
|
|
54435
54435
|
"deprecationMessage": "",
|
|
54436
|
-
"line":
|
|
54436
|
+
"line": 121,
|
|
54437
54437
|
"type": "boolean",
|
|
54438
54438
|
"decorators": []
|
|
54439
54439
|
}
|
|
@@ -54444,7 +54444,7 @@
|
|
|
54444
54444
|
"description": "",
|
|
54445
54445
|
"rawdescription": "\n",
|
|
54446
54446
|
"type": "component",
|
|
54447
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tHostBinding,\n\tOnChanges\n} from \"@angular/core\";\nimport { Observable, OperatorFunction } from \"rxjs\";\nimport { I18n, Overridable } from \"carbon-components-angular/i18n\";\nimport { map } from \"rxjs/operators\";\nimport { TableHeaderItem } from \"../table-header-item.class\";\n\n@Component({\n\t// tslint:disable-next-line: component-selector\n\tselector: \"[cdsTableHeadCell], [ibmTableHeadCell]\",\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"cds--table-sort\"\n\t\t\t*ngIf=\"sortable && this.sort.observers.length > 0 && column.sortable\"\n\t\t\t[attr.aria-label]=\"(column.sorted && column.ascending ? getSortDescendingLabel() : getSortAscendingLabel()) | async\"\n\t\t\taria-live=\"polite\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--table-sort--active': column.sorted,\n\t\t\t\t'cds--table-sort--descending': column.ascending\n\t\t\t}\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<span\n\t\t\t\tclass=\"cds--table-sort__flex\"\n\t\t\t\t[title]=\"column.title\"\n\t\t\t\ttabindex=\"-1\">\n\t\t\t\t<div *ngIf=\"!skeleton && !column.template\" cdsTableHeadCellLabel>\n\t\t\t\t\t{{column.data}}\n\t\t\t\t</div>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"!skeleton && column.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"column.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{data: column.data}\">\n\t\t\t\t</ng-template>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--table-sort__icon\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M12.3 9.3l-3.8 3.8V1h-1v12.1L3.7 9.3 3 10l5 5 5-5z\"></path>\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--table-sort__icon-unsorted\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M13.8 10.3L12 12.1V2h-1v10.1l-1.8-1.8-.7.7 3 3 3-3zM4.5 2l-3 3 .7.7L4 3.9V14h1V3.9l1.8 1.8.7-.7z\"></path>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</button>\n\t\t<div\n\t\t\tclass=\"cds--table-header-label\"\n\t\t\t*ngIf=\"!skeleton && this.sort.observers.length === 0 || (this.sort.observers.length > 0 && !column.sortable) || !sortable\">\n\t\t\t<span *ngIf=\"!column.template\" [title]=\"column.data\"
|
|
54447
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tHostBinding,\n\tOnChanges\n} from \"@angular/core\";\nimport { Observable, OperatorFunction } from \"rxjs\";\nimport { I18n, Overridable } from \"carbon-components-angular/i18n\";\nimport { map } from \"rxjs/operators\";\nimport { TableHeaderItem } from \"../table-header-item.class\";\n\n@Component({\n\t// tslint:disable-next-line: component-selector\n\tselector: \"[cdsTableHeadCell], [ibmTableHeadCell]\",\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"cds--table-sort\"\n\t\t\t*ngIf=\"sortable && this.sort.observers.length > 0 && column.sortable\"\n\t\t\t[attr.aria-label]=\"(column.sorted && column.ascending ? getSortDescendingLabel() : getSortAscendingLabel()) | async\"\n\t\t\taria-live=\"polite\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--table-sort--active': column.sorted,\n\t\t\t\t'cds--table-sort--descending': column.ascending\n\t\t\t}\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<span\n\t\t\t\tclass=\"cds--table-sort__flex\"\n\t\t\t\t[title]=\"column.title\"\n\t\t\t\ttabindex=\"-1\">\n\t\t\t\t<div *ngIf=\"!skeleton && !column.template\" cdsTableHeadCellLabel>\n\t\t\t\t\t{{column.data}}\n\t\t\t\t</div>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"!skeleton && column.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"column.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{data: column.data}\">\n\t\t\t\t</ng-template>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--table-sort__icon\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M12.3 9.3l-3.8 3.8V1h-1v12.1L3.7 9.3 3 10l5 5 5-5z\"></path>\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--table-sort__icon-unsorted\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M13.8 10.3L12 12.1V2h-1v10.1l-1.8-1.8-.7.7 3 3 3-3zM4.5 2l-3 3 .7.7L4 3.9V14h1V3.9l1.8 1.8.7-.7z\"></path>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</button>\n\t\t<div\n\t\t\tclass=\"cds--table-header-label\"\n\t\t\t*ngIf=\"!skeleton && this.sort.observers.length === 0 || (this.sort.observers.length > 0 && !column.sortable) || !sortable\">\n\t\t\t<span *ngIf=\"!column.template\" [title]=\"column.data\">\n\t\t\t\t<ng-container *ngIf=\"!skeleton\">\n\t\t\t\t\t{{column.data}}\n\t\t\t\t</ng-container>\n\t\t\t</span>\n\t\t\t<ng-template\n\t\t\t\t[ngTemplateOutlet]=\"column.template\" [ngTemplateOutletContext]=\"{data: column.data}\">\n\t\t\t</ng-template>\n\t\t</div>\n\t`\n})\nexport class TableHeadCell implements OnChanges {\n\t@Input() column: TableHeaderItem;\n\n\t@Input() skeleton = false;\n\n\t@Input() sortable = true;\n\n\t@Input()\n\tset sortDescendingLabel(value: string | Observable<string>) {\n\t\tthis._sortDescendingLabel.override(value);\n\t}\n\n\tget sortDescendingLabel() {\n\t\treturn this._sortDescendingLabel.value;\n\t}\n\n\t@Input()\n\tset sortAscendingLabel(value: string | Observable<string>) {\n\t\tthis._sortAscendingLabel.override(value);\n\t}\n\n\tget sortAscendingLabel() {\n\t\treturn this._sortAscendingLabel.value;\n\t}\n\n\t@Input()\n\tset filterTitle(value: string | Observable<string>) {\n\t\tthis._filterTitle.override(value);\n\t}\n\n\tget filterTitle() {\n\t\treturn this._filterTitle.value;\n\t}\n\n\t/**\n\t * Notifies that the column should be sorted\n\t */\n\t@Output() sort = new EventEmitter();\n\n\t@HostBinding(\"class.thead_action\") theadAction = false;\n\n\tprotected _sortDescendingLabel = this.i18n.getOverridable(\"TABLE.SORT_DESCENDING\");\n\tprotected _sortAscendingLabel = this.i18n.getOverridable(\"TABLE.SORT_ASCENDING\");\n\tprotected _filterTitle = this.i18n.getOverridable(\"TABLE.FILTER\");\n\n\tconstructor(protected i18n: I18n) { }\n\n\tngOnChanges() {\n\t\t// Since it's not an input, and it touches the view, we're using `ngOnChanges`\n\t\t// `get`ters have caused issues in the past with the view updating outside of change detection\n\t\tthis.theadAction = !!this.column.filterTemplate || this.sort.observers.length > 0;\n\t}\n\n\tgetSortDescendingLabel(): Observable<string> {\n\t\treturn this._sortDescendingLabel.subject.pipe(this.sortLabelMap());\n\t}\n\n\tgetSortAscendingLabel(): Observable<string> {\n\t\treturn this._sortAscendingLabel.subject.pipe(this.sortLabelMap());\n\t}\n\n\tonClick() {\n\t\tif (!this.skeleton) {\n\t\t\tthis.sort.emit();\n\t\t}\n\t}\n\n\tprotected sortLabelMap(): OperatorFunction<string, string> {\n\t\treturn map((str: string) => {\n\t\t\tif (this.column.ariaSortLabel) {\n\t\t\t\treturn this.column.ariaSortLabel;\n\t\t\t}\n\t\t\tif (this.column.formatSortLabel) {\n\t\t\t\treturn this.column.formatSortLabel(str, this.column.ariaSortLabel);\n\t\t\t}\n\t\t\treturn `${this.column.data} - ${str}`;\n\t\t});\n\t}\n}\n",
|
|
54448
54448
|
"assetsDirs": [],
|
|
54449
54449
|
"styleUrlsData": "",
|
|
54450
54450
|
"stylesData": "",
|
|
@@ -54461,7 +54461,7 @@
|
|
|
54461
54461
|
"deprecationMessage": ""
|
|
54462
54462
|
}
|
|
54463
54463
|
],
|
|
54464
|
-
"line":
|
|
54464
|
+
"line": 125,
|
|
54465
54465
|
"jsdoctags": [
|
|
54466
54466
|
{
|
|
54467
54467
|
"name": "i18n",
|
|
@@ -54494,7 +54494,7 @@
|
|
|
54494
54494
|
}
|
|
54495
54495
|
],
|
|
54496
54496
|
"returnType": "void",
|
|
54497
|
-
"line":
|
|
54497
|
+
"line": 90,
|
|
54498
54498
|
"jsdoctags": [
|
|
54499
54499
|
{
|
|
54500
54500
|
"name": "value",
|
|
@@ -54511,7 +54511,7 @@
|
|
|
54511
54511
|
"name": "sortDescendingLabel",
|
|
54512
54512
|
"type": "",
|
|
54513
54513
|
"returnType": "",
|
|
54514
|
-
"line":
|
|
54514
|
+
"line": 94
|
|
54515
54515
|
}
|
|
54516
54516
|
},
|
|
54517
54517
|
"sortAscendingLabel": {
|
|
@@ -54530,7 +54530,7 @@
|
|
|
54530
54530
|
}
|
|
54531
54531
|
],
|
|
54532
54532
|
"returnType": "void",
|
|
54533
|
-
"line":
|
|
54533
|
+
"line": 99,
|
|
54534
54534
|
"jsdoctags": [
|
|
54535
54535
|
{
|
|
54536
54536
|
"name": "value",
|
|
@@ -54547,7 +54547,7 @@
|
|
|
54547
54547
|
"name": "sortAscendingLabel",
|
|
54548
54548
|
"type": "",
|
|
54549
54549
|
"returnType": "",
|
|
54550
|
-
"line":
|
|
54550
|
+
"line": 103
|
|
54551
54551
|
}
|
|
54552
54552
|
},
|
|
54553
54553
|
"filterTitle": {
|
|
@@ -54566,7 +54566,7 @@
|
|
|
54566
54566
|
}
|
|
54567
54567
|
],
|
|
54568
54568
|
"returnType": "void",
|
|
54569
|
-
"line":
|
|
54569
|
+
"line": 108,
|
|
54570
54570
|
"jsdoctags": [
|
|
54571
54571
|
{
|
|
54572
54572
|
"name": "value",
|
|
@@ -54583,7 +54583,7 @@
|
|
|
54583
54583
|
"name": "filterTitle",
|
|
54584
54584
|
"type": "",
|
|
54585
54585
|
"returnType": "",
|
|
54586
|
-
"line":
|
|
54586
|
+
"line": 112
|
|
54587
54587
|
}
|
|
54588
54588
|
}
|
|
54589
54589
|
}
|