carbon-components-angular 5.14.9 → 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/Panel.html +2 -7
- 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 +38 -34
- package/docs/documentation/modules/TimePickerModule.html +38 -34
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +7 -7
- package/docs/documentation/modules/TimePickerSelectModule.html +7 -7
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +38 -38
- package/docs/documentation/modules/ToggletipModule.html +38 -38
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation.json +70 -71
- package/docs/storybook/{3348.938f9a5b.iframe.bundle.js → 3348.08aa935e.iframe.bundle.js} +1 -1
- 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.a9743d36.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.b0ccd54d.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/esm2020/ui-shell/panel/panel.component.mjs +1 -2
- package/fesm2015/carbon-components-angular-table.mjs +10 -4
- package/fesm2015/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs +0 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-table.mjs +10 -4
- package/fesm2020/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs +0 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/package.json +1 -1
- package/ui-shell/panel/panel.component.d.ts +1 -1
package/docs/documentation.json
CHANGED
|
@@ -40670,7 +40670,7 @@
|
|
|
40670
40670
|
},
|
|
40671
40671
|
{
|
|
40672
40672
|
"name": "Panel",
|
|
40673
|
-
"id": "component-Panel-
|
|
40673
|
+
"id": "component-Panel-2ebb497352d8b5e724a48a5dbe4e559c148a551fe1555e8055f412750fe28413df088da970c326c542c87aec05b419931083dec3b7b82b3addad058073842504",
|
|
40674
40674
|
"file": "src/ui-shell/panel/panel.component.ts",
|
|
40675
40675
|
"encapsulation": [],
|
|
40676
40676
|
"entryComponents": [],
|
|
@@ -40687,11 +40687,10 @@
|
|
|
40687
40687
|
"inputsClass": [
|
|
40688
40688
|
{
|
|
40689
40689
|
"name": "ariaLabel",
|
|
40690
|
-
"defaultValue": "\"Header panel\"",
|
|
40691
40690
|
"deprecated": false,
|
|
40692
40691
|
"deprecationMessage": "",
|
|
40693
40692
|
"line": 26,
|
|
40694
|
-
"type": "
|
|
40693
|
+
"type": "any",
|
|
40695
40694
|
"decorators": []
|
|
40696
40695
|
},
|
|
40697
40696
|
{
|
|
@@ -40718,7 +40717,7 @@
|
|
|
40718
40717
|
"description": "<p><code>Panel</code> is a component that can be used to display content on the right side of the screen.\n<code>Panel</code>s are generally activated by and linked to a <code>HeaderAction</code> component.</p>\n",
|
|
40719
40718
|
"rawdescription": "\n\n`Panel` is a component that can be used to display content on the right side of the screen.\n`Panel`s are generally activated by and linked to a `HeaderAction` component.\n",
|
|
40720
40719
|
"type": "component",
|
|
40721
|
-
"sourceCode": "import { Component, Input } from \"@angular/core\";\n\n/**\n * `Panel` is a component that can be used to display content on the right side of the screen.\n * `Panel`s are generally activated by and linked to a `HeaderAction` component.\n */\n@Component({\n\tselector: \"cds-panel, ibm-panel\",\n\ttemplate: `\n\t\t<div\n\t\t\tclass=\"cds--header-panel\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--header-panel--expanded': expanded\n\t\t\t}\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class Panel {\n\t/**\n\t * Controls the visibility of the panel\n\t */\n\t@Input() expanded = false;\n\n\t@Input() ariaLabel
|
|
40720
|
+
"sourceCode": "import { Component, Input } from \"@angular/core\";\n\n/**\n * `Panel` is a component that can be used to display content on the right side of the screen.\n * `Panel`s are generally activated by and linked to a `HeaderAction` component.\n */\n@Component({\n\tselector: \"cds-panel, ibm-panel\",\n\ttemplate: `\n\t\t<div\n\t\t\tclass=\"cds--header-panel\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--header-panel--expanded': expanded\n\t\t\t}\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class Panel {\n\t/**\n\t * Controls the visibility of the panel\n\t */\n\t@Input() expanded = false;\n\n\t@Input() ariaLabel;\n}\n",
|
|
40722
40721
|
"assetsDirs": [],
|
|
40723
40722
|
"styleUrlsData": "",
|
|
40724
40723
|
"stylesData": ""
|
|
@@ -53820,7 +53819,7 @@
|
|
|
53820
53819
|
},
|
|
53821
53820
|
{
|
|
53822
53821
|
"name": "TableHead",
|
|
53823
|
-
"id": "component-TableHead-
|
|
53822
|
+
"id": "component-TableHead-b318eccec7b4d59677e1a70971195d9ea8f3236f4836e22e66d7d985b7bbdaeae9e0911cbfc5ede4237afec71e5b14bddf2a1b821b645cb1c2ce082b1be13b6c",
|
|
53824
53823
|
"file": "src/table/head/table-head.component.ts",
|
|
53825
53824
|
"encapsulation": [],
|
|
53826
53825
|
"entryComponents": [],
|
|
@@ -53832,7 +53831,7 @@
|
|
|
53832
53831
|
"styles": [
|
|
53833
53832
|
"\n\t\t.cds--table-expand-v2 {\n\t\t\tpadding-left: 2.5rem;\n\t\t}\n\t"
|
|
53834
53833
|
],
|
|
53835
|
-
"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",
|
|
53836
53835
|
"templateUrl": [],
|
|
53837
53836
|
"viewProviders": [],
|
|
53838
53837
|
"hostDirectives": [],
|
|
@@ -53841,7 +53840,7 @@
|
|
|
53841
53840
|
"name": "checkboxHeaderLabel",
|
|
53842
53841
|
"deprecated": false,
|
|
53843
53842
|
"deprecationMessage": "",
|
|
53844
|
-
"line":
|
|
53843
|
+
"line": 113,
|
|
53845
53844
|
"type": "string | Observable",
|
|
53846
53845
|
"decorators": []
|
|
53847
53846
|
},
|
|
@@ -53850,7 +53849,7 @@
|
|
|
53850
53849
|
"defaultValue": "false",
|
|
53851
53850
|
"deprecated": false,
|
|
53852
53851
|
"deprecationMessage": "",
|
|
53853
|
-
"line":
|
|
53852
|
+
"line": 96,
|
|
53854
53853
|
"type": "boolean",
|
|
53855
53854
|
"decorators": []
|
|
53856
53855
|
},
|
|
@@ -53858,7 +53857,7 @@
|
|
|
53858
53857
|
"name": "filterTitle",
|
|
53859
53858
|
"deprecated": false,
|
|
53860
53859
|
"deprecationMessage": "",
|
|
53861
|
-
"line":
|
|
53860
|
+
"line": 140,
|
|
53862
53861
|
"type": "string | Observable",
|
|
53863
53862
|
"decorators": []
|
|
53864
53863
|
},
|
|
@@ -53866,7 +53865,7 @@
|
|
|
53866
53865
|
"name": "model",
|
|
53867
53866
|
"deprecated": false,
|
|
53868
53867
|
"deprecationMessage": "",
|
|
53869
|
-
"line":
|
|
53868
|
+
"line": 92,
|
|
53870
53869
|
"type": "TableModel",
|
|
53871
53870
|
"decorators": []
|
|
53872
53871
|
},
|
|
@@ -53875,7 +53874,7 @@
|
|
|
53875
53874
|
"defaultValue": "false",
|
|
53876
53875
|
"deprecated": false,
|
|
53877
53876
|
"deprecationMessage": "",
|
|
53878
|
-
"line":
|
|
53877
|
+
"line": 100,
|
|
53879
53878
|
"type": "boolean",
|
|
53880
53879
|
"decorators": []
|
|
53881
53880
|
},
|
|
@@ -53884,7 +53883,7 @@
|
|
|
53884
53883
|
"defaultValue": "false",
|
|
53885
53884
|
"deprecated": false,
|
|
53886
53885
|
"deprecationMessage": "",
|
|
53887
|
-
"line":
|
|
53886
|
+
"line": 98,
|
|
53888
53887
|
"type": "boolean",
|
|
53889
53888
|
"decorators": []
|
|
53890
53889
|
},
|
|
@@ -53893,7 +53892,7 @@
|
|
|
53893
53892
|
"defaultValue": "true",
|
|
53894
53893
|
"deprecated": false,
|
|
53895
53894
|
"deprecationMessage": "",
|
|
53896
|
-
"line":
|
|
53895
|
+
"line": 94,
|
|
53897
53896
|
"type": "boolean",
|
|
53898
53897
|
"decorators": []
|
|
53899
53898
|
},
|
|
@@ -53902,7 +53901,7 @@
|
|
|
53902
53901
|
"defaultValue": "false",
|
|
53903
53902
|
"deprecated": false,
|
|
53904
53903
|
"deprecationMessage": "",
|
|
53905
|
-
"line":
|
|
53904
|
+
"line": 102,
|
|
53906
53905
|
"type": "boolean",
|
|
53907
53906
|
"decorators": []
|
|
53908
53907
|
},
|
|
@@ -53913,7 +53912,7 @@
|
|
|
53913
53912
|
"deprecationMessage": "",
|
|
53914
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",
|
|
53915
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",
|
|
53916
|
-
"line":
|
|
53915
|
+
"line": 110,
|
|
53917
53916
|
"type": "boolean",
|
|
53918
53917
|
"decorators": []
|
|
53919
53918
|
},
|
|
@@ -53921,7 +53920,7 @@
|
|
|
53921
53920
|
"name": "sortAscendingLabel",
|
|
53922
53921
|
"deprecated": false,
|
|
53923
53922
|
"deprecationMessage": "",
|
|
53924
|
-
"line":
|
|
53923
|
+
"line": 131,
|
|
53925
53924
|
"type": "string | Observable",
|
|
53926
53925
|
"decorators": []
|
|
53927
53926
|
},
|
|
@@ -53929,7 +53928,7 @@
|
|
|
53929
53928
|
"name": "sortDescendingLabel",
|
|
53930
53929
|
"deprecated": false,
|
|
53931
53930
|
"deprecationMessage": "",
|
|
53932
|
-
"line":
|
|
53931
|
+
"line": 122,
|
|
53933
53932
|
"type": "string | Observable",
|
|
53934
53933
|
"decorators": []
|
|
53935
53934
|
},
|
|
@@ -53938,7 +53937,7 @@
|
|
|
53938
53937
|
"defaultValue": "false",
|
|
53939
53938
|
"deprecated": false,
|
|
53940
53939
|
"deprecationMessage": "",
|
|
53941
|
-
"line":
|
|
53940
|
+
"line": 104,
|
|
53942
53941
|
"type": "boolean",
|
|
53943
53942
|
"decorators": []
|
|
53944
53943
|
}
|
|
@@ -53953,15 +53952,15 @@
|
|
|
53953
53952
|
"description": "<p>Emits if all rows are deselected.</p>\n",
|
|
53954
53953
|
"jsdoctags": [
|
|
53955
53954
|
{
|
|
53956
|
-
"pos":
|
|
53957
|
-
"end":
|
|
53955
|
+
"pos": 4048,
|
|
53956
|
+
"end": 4063,
|
|
53958
53957
|
"flags": 8421376,
|
|
53959
53958
|
"modifierFlagsCache": 0,
|
|
53960
53959
|
"transformFlags": 0,
|
|
53961
53960
|
"kind": 344,
|
|
53962
53961
|
"tagName": {
|
|
53963
|
-
"pos":
|
|
53964
|
-
"end":
|
|
53962
|
+
"pos": 4049,
|
|
53963
|
+
"end": 4054,
|
|
53965
53964
|
"flags": 8421376,
|
|
53966
53965
|
"modifierFlagsCache": 0,
|
|
53967
53966
|
"transformFlags": 0,
|
|
@@ -53970,8 +53969,8 @@
|
|
|
53970
53969
|
},
|
|
53971
53970
|
"comment": "",
|
|
53972
53971
|
"name": {
|
|
53973
|
-
"pos":
|
|
53974
|
-
"end":
|
|
53972
|
+
"pos": 4055,
|
|
53973
|
+
"end": 4060,
|
|
53975
53974
|
"flags": 8421376,
|
|
53976
53975
|
"modifierFlagsCache": 0,
|
|
53977
53976
|
"transformFlags": 0,
|
|
@@ -53982,7 +53981,7 @@
|
|
|
53982
53981
|
"isBracketed": false
|
|
53983
53982
|
}
|
|
53984
53983
|
],
|
|
53985
|
-
"line":
|
|
53984
|
+
"line": 163,
|
|
53986
53985
|
"type": "EventEmitter"
|
|
53987
53986
|
},
|
|
53988
53987
|
{
|
|
@@ -53994,15 +53993,15 @@
|
|
|
53994
53993
|
"description": "<p>Emits if all rows are selected.</p>\n",
|
|
53995
53994
|
"jsdoctags": [
|
|
53996
53995
|
{
|
|
53997
|
-
"pos":
|
|
53998
|
-
"end":
|
|
53996
|
+
"pos": 3924,
|
|
53997
|
+
"end": 3939,
|
|
53999
53998
|
"flags": 8421376,
|
|
54000
53999
|
"modifierFlagsCache": 0,
|
|
54001
54000
|
"transformFlags": 0,
|
|
54002
54001
|
"kind": 344,
|
|
54003
54002
|
"tagName": {
|
|
54004
|
-
"pos":
|
|
54005
|
-
"end":
|
|
54003
|
+
"pos": 3925,
|
|
54004
|
+
"end": 3930,
|
|
54006
54005
|
"flags": 8421376,
|
|
54007
54006
|
"modifierFlagsCache": 0,
|
|
54008
54007
|
"transformFlags": 0,
|
|
@@ -54011,8 +54010,8 @@
|
|
|
54011
54010
|
},
|
|
54012
54011
|
"comment": "",
|
|
54013
54012
|
"name": {
|
|
54014
|
-
"pos":
|
|
54015
|
-
"end":
|
|
54013
|
+
"pos": 3931,
|
|
54014
|
+
"end": 3936,
|
|
54016
54015
|
"flags": 8421376,
|
|
54017
54016
|
"modifierFlagsCache": 0,
|
|
54018
54017
|
"transformFlags": 0,
|
|
@@ -54023,7 +54022,7 @@
|
|
|
54023
54022
|
"isBracketed": false
|
|
54024
54023
|
}
|
|
54025
54024
|
],
|
|
54026
|
-
"line":
|
|
54025
|
+
"line": 157,
|
|
54027
54026
|
"type": "EventEmitter"
|
|
54028
54027
|
},
|
|
54029
54028
|
{
|
|
@@ -54033,7 +54032,7 @@
|
|
|
54033
54032
|
"deprecationMessage": "",
|
|
54034
54033
|
"rawdescription": "\n\nEmits an index of the column that wants to be sorted.\n",
|
|
54035
54034
|
"description": "<p>Emits an index of the column that wants to be sorted.</p>\n",
|
|
54036
|
-
"line":
|
|
54035
|
+
"line": 151,
|
|
54037
54036
|
"type": "EventEmitter"
|
|
54038
54037
|
}
|
|
54039
54038
|
],
|
|
@@ -54046,7 +54045,7 @@
|
|
|
54046
54045
|
"type": "number",
|
|
54047
54046
|
"optional": false,
|
|
54048
54047
|
"description": "",
|
|
54049
|
-
"line":
|
|
54048
|
+
"line": 165,
|
|
54050
54049
|
"modifierKind": [
|
|
54051
54050
|
123
|
|
54052
54051
|
]
|
|
@@ -54059,7 +54058,7 @@
|
|
|
54059
54058
|
"optional": false,
|
|
54060
54059
|
"returnType": "Observable<string>",
|
|
54061
54060
|
"typeParameters": [],
|
|
54062
|
-
"line":
|
|
54061
|
+
"line": 188,
|
|
54063
54062
|
"deprecated": false,
|
|
54064
54063
|
"deprecationMessage": ""
|
|
54065
54064
|
},
|
|
@@ -54069,7 +54068,7 @@
|
|
|
54069
54068
|
"optional": false,
|
|
54070
54069
|
"returnType": "Observable<string>",
|
|
54071
54070
|
"typeParameters": [],
|
|
54072
|
-
"line":
|
|
54071
|
+
"line": 200,
|
|
54073
54072
|
"deprecated": false,
|
|
54074
54073
|
"deprecationMessage": ""
|
|
54075
54074
|
},
|
|
@@ -54079,7 +54078,7 @@
|
|
|
54079
54078
|
"optional": false,
|
|
54080
54079
|
"returnType": "Observable<string>",
|
|
54081
54080
|
"typeParameters": [],
|
|
54082
|
-
"line":
|
|
54081
|
+
"line": 196,
|
|
54083
54082
|
"deprecated": false,
|
|
54084
54083
|
"deprecationMessage": ""
|
|
54085
54084
|
},
|
|
@@ -54089,7 +54088,7 @@
|
|
|
54089
54088
|
"optional": false,
|
|
54090
54089
|
"returnType": "Observable<string>",
|
|
54091
54090
|
"typeParameters": [],
|
|
54092
|
-
"line":
|
|
54091
|
+
"line": 192,
|
|
54093
54092
|
"deprecated": false,
|
|
54094
54093
|
"deprecationMessage": ""
|
|
54095
54094
|
},
|
|
@@ -54099,7 +54098,7 @@
|
|
|
54099
54098
|
"optional": false,
|
|
54100
54099
|
"returnType": "void",
|
|
54101
54100
|
"typeParameters": [],
|
|
54102
|
-
"line":
|
|
54101
|
+
"line": 180,
|
|
54103
54102
|
"deprecated": false,
|
|
54104
54103
|
"deprecationMessage": ""
|
|
54105
54104
|
}
|
|
@@ -54113,7 +54112,7 @@
|
|
|
54113
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>",
|
|
54114
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",
|
|
54115
54114
|
"type": "component",
|
|
54116
|
-
"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",
|
|
54117
54116
|
"assetsDirs": [],
|
|
54118
54117
|
"styleUrlsData": "",
|
|
54119
54118
|
"stylesData": "\n\t\t.cds--table-expand-v2 {\n\t\t\tpadding-left: 2.5rem;\n\t\t}\n\t\n",
|
|
@@ -54130,7 +54129,7 @@
|
|
|
54130
54129
|
"deprecationMessage": ""
|
|
54131
54130
|
}
|
|
54132
54131
|
],
|
|
54133
|
-
"line":
|
|
54132
|
+
"line": 170,
|
|
54134
54133
|
"jsdoctags": [
|
|
54135
54134
|
{
|
|
54136
54135
|
"name": "i18n",
|
|
@@ -54163,7 +54162,7 @@
|
|
|
54163
54162
|
}
|
|
54164
54163
|
],
|
|
54165
54164
|
"returnType": "void",
|
|
54166
|
-
"line":
|
|
54165
|
+
"line": 113,
|
|
54167
54166
|
"jsdoctags": [
|
|
54168
54167
|
{
|
|
54169
54168
|
"name": "value",
|
|
@@ -54180,7 +54179,7 @@
|
|
|
54180
54179
|
"name": "checkboxHeaderLabel",
|
|
54181
54180
|
"type": "",
|
|
54182
54181
|
"returnType": "",
|
|
54183
|
-
"line":
|
|
54182
|
+
"line": 117
|
|
54184
54183
|
}
|
|
54185
54184
|
},
|
|
54186
54185
|
"sortDescendingLabel": {
|
|
@@ -54199,7 +54198,7 @@
|
|
|
54199
54198
|
}
|
|
54200
54199
|
],
|
|
54201
54200
|
"returnType": "void",
|
|
54202
|
-
"line":
|
|
54201
|
+
"line": 122,
|
|
54203
54202
|
"jsdoctags": [
|
|
54204
54203
|
{
|
|
54205
54204
|
"name": "value",
|
|
@@ -54216,7 +54215,7 @@
|
|
|
54216
54215
|
"name": "sortDescendingLabel",
|
|
54217
54216
|
"type": "",
|
|
54218
54217
|
"returnType": "",
|
|
54219
|
-
"line":
|
|
54218
|
+
"line": 126
|
|
54220
54219
|
}
|
|
54221
54220
|
},
|
|
54222
54221
|
"sortAscendingLabel": {
|
|
@@ -54235,7 +54234,7 @@
|
|
|
54235
54234
|
}
|
|
54236
54235
|
],
|
|
54237
54236
|
"returnType": "void",
|
|
54238
|
-
"line":
|
|
54237
|
+
"line": 131,
|
|
54239
54238
|
"jsdoctags": [
|
|
54240
54239
|
{
|
|
54241
54240
|
"name": "value",
|
|
@@ -54252,7 +54251,7 @@
|
|
|
54252
54251
|
"name": "sortAscendingLabel",
|
|
54253
54252
|
"type": "",
|
|
54254
54253
|
"returnType": "",
|
|
54255
|
-
"line":
|
|
54254
|
+
"line": 135
|
|
54256
54255
|
}
|
|
54257
54256
|
},
|
|
54258
54257
|
"filterTitle": {
|
|
@@ -54271,7 +54270,7 @@
|
|
|
54271
54270
|
}
|
|
54272
54271
|
],
|
|
54273
54272
|
"returnType": "void",
|
|
54274
|
-
"line":
|
|
54273
|
+
"line": 140,
|
|
54275
54274
|
"jsdoctags": [
|
|
54276
54275
|
{
|
|
54277
54276
|
"name": "value",
|
|
@@ -54288,14 +54287,14 @@
|
|
|
54288
54287
|
"name": "filterTitle",
|
|
54289
54288
|
"type": "",
|
|
54290
54289
|
"returnType": "",
|
|
54291
|
-
"line":
|
|
54290
|
+
"line": 144
|
|
54292
54291
|
}
|
|
54293
54292
|
}
|
|
54294
54293
|
}
|
|
54295
54294
|
},
|
|
54296
54295
|
{
|
|
54297
54296
|
"name": "TableHeadCell",
|
|
54298
|
-
"id": "component-TableHeadCell-
|
|
54297
|
+
"id": "component-TableHeadCell-6b4021880b630e270832c3a8f4ccfa4b99045962326f48e4485c23286caeb07a77b2e0b4121ffe6322094c9e6344e57085071a777f357db4424e54710ac19724",
|
|
54299
54298
|
"file": "src/table/head/table-head-cell.component.ts",
|
|
54300
54299
|
"encapsulation": [],
|
|
54301
54300
|
"entryComponents": [],
|
|
@@ -54305,7 +54304,7 @@
|
|
|
54305
54304
|
"selector": "[cdsTableHeadCell], [ibmTableHeadCell]",
|
|
54306
54305
|
"styleUrls": [],
|
|
54307
54306
|
"styles": [],
|
|
54308
|
-
"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",
|
|
54309
54308
|
"templateUrl": [],
|
|
54310
54309
|
"viewProviders": [],
|
|
54311
54310
|
"hostDirectives": [],
|
|
@@ -54314,7 +54313,7 @@
|
|
|
54314
54313
|
"name": "column",
|
|
54315
54314
|
"deprecated": false,
|
|
54316
54315
|
"deprecationMessage": "",
|
|
54317
|
-
"line":
|
|
54316
|
+
"line": 83,
|
|
54318
54317
|
"type": "TableHeaderItem",
|
|
54319
54318
|
"decorators": []
|
|
54320
54319
|
},
|
|
@@ -54322,7 +54321,7 @@
|
|
|
54322
54321
|
"name": "filterTitle",
|
|
54323
54322
|
"deprecated": false,
|
|
54324
54323
|
"deprecationMessage": "",
|
|
54325
|
-
"line":
|
|
54324
|
+
"line": 108,
|
|
54326
54325
|
"type": "string | Observable",
|
|
54327
54326
|
"decorators": []
|
|
54328
54327
|
},
|
|
@@ -54331,7 +54330,7 @@
|
|
|
54331
54330
|
"defaultValue": "false",
|
|
54332
54331
|
"deprecated": false,
|
|
54333
54332
|
"deprecationMessage": "",
|
|
54334
|
-
"line":
|
|
54333
|
+
"line": 85,
|
|
54335
54334
|
"type": "boolean",
|
|
54336
54335
|
"decorators": []
|
|
54337
54336
|
},
|
|
@@ -54340,7 +54339,7 @@
|
|
|
54340
54339
|
"defaultValue": "true",
|
|
54341
54340
|
"deprecated": false,
|
|
54342
54341
|
"deprecationMessage": "",
|
|
54343
|
-
"line":
|
|
54342
|
+
"line": 87,
|
|
54344
54343
|
"type": "boolean",
|
|
54345
54344
|
"decorators": []
|
|
54346
54345
|
},
|
|
@@ -54348,7 +54347,7 @@
|
|
|
54348
54347
|
"name": "sortAscendingLabel",
|
|
54349
54348
|
"deprecated": false,
|
|
54350
54349
|
"deprecationMessage": "",
|
|
54351
|
-
"line":
|
|
54350
|
+
"line": 99,
|
|
54352
54351
|
"type": "string | Observable",
|
|
54353
54352
|
"decorators": []
|
|
54354
54353
|
},
|
|
@@ -54356,7 +54355,7 @@
|
|
|
54356
54355
|
"name": "sortDescendingLabel",
|
|
54357
54356
|
"deprecated": false,
|
|
54358
54357
|
"deprecationMessage": "",
|
|
54359
|
-
"line":
|
|
54358
|
+
"line": 90,
|
|
54360
54359
|
"type": "string | Observable",
|
|
54361
54360
|
"decorators": []
|
|
54362
54361
|
}
|
|
@@ -54369,7 +54368,7 @@
|
|
|
54369
54368
|
"deprecationMessage": "",
|
|
54370
54369
|
"rawdescription": "\n\nNotifies that the column should be sorted\n",
|
|
54371
54370
|
"description": "<p>Notifies that the column should be sorted</p>\n",
|
|
54372
|
-
"line":
|
|
54371
|
+
"line": 119,
|
|
54373
54372
|
"type": "EventEmitter"
|
|
54374
54373
|
}
|
|
54375
54374
|
],
|
|
@@ -54382,7 +54381,7 @@
|
|
|
54382
54381
|
"type": "",
|
|
54383
54382
|
"optional": false,
|
|
54384
54383
|
"description": "",
|
|
54385
|
-
"line":
|
|
54384
|
+
"line": 121,
|
|
54386
54385
|
"decorators": [
|
|
54387
54386
|
{
|
|
54388
54387
|
"name": "HostBinding",
|
|
@@ -54401,7 +54400,7 @@
|
|
|
54401
54400
|
"optional": false,
|
|
54402
54401
|
"returnType": "Observable<string>",
|
|
54403
54402
|
"typeParameters": [],
|
|
54404
|
-
"line":
|
|
54403
|
+
"line": 139,
|
|
54405
54404
|
"deprecated": false,
|
|
54406
54405
|
"deprecationMessage": ""
|
|
54407
54406
|
},
|
|
@@ -54411,7 +54410,7 @@
|
|
|
54411
54410
|
"optional": false,
|
|
54412
54411
|
"returnType": "Observable<string>",
|
|
54413
54412
|
"typeParameters": [],
|
|
54414
|
-
"line":
|
|
54413
|
+
"line": 135,
|
|
54415
54414
|
"deprecated": false,
|
|
54416
54415
|
"deprecationMessage": ""
|
|
54417
54416
|
},
|
|
@@ -54421,7 +54420,7 @@
|
|
|
54421
54420
|
"optional": false,
|
|
54422
54421
|
"returnType": "void",
|
|
54423
54422
|
"typeParameters": [],
|
|
54424
|
-
"line":
|
|
54423
|
+
"line": 143,
|
|
54425
54424
|
"deprecated": false,
|
|
54426
54425
|
"deprecationMessage": ""
|
|
54427
54426
|
}
|
|
@@ -54434,7 +54433,7 @@
|
|
|
54434
54433
|
"defaultValue": "false",
|
|
54435
54434
|
"deprecated": false,
|
|
54436
54435
|
"deprecationMessage": "",
|
|
54437
|
-
"line":
|
|
54436
|
+
"line": 121,
|
|
54438
54437
|
"type": "boolean",
|
|
54439
54438
|
"decorators": []
|
|
54440
54439
|
}
|
|
@@ -54445,7 +54444,7 @@
|
|
|
54445
54444
|
"description": "",
|
|
54446
54445
|
"rawdescription": "\n",
|
|
54447
54446
|
"type": "component",
|
|
54448
|
-
"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",
|
|
54449
54448
|
"assetsDirs": [],
|
|
54450
54449
|
"styleUrlsData": "",
|
|
54451
54450
|
"stylesData": "",
|
|
@@ -54462,7 +54461,7 @@
|
|
|
54462
54461
|
"deprecationMessage": ""
|
|
54463
54462
|
}
|
|
54464
54463
|
],
|
|
54465
|
-
"line":
|
|
54464
|
+
"line": 125,
|
|
54466
54465
|
"jsdoctags": [
|
|
54467
54466
|
{
|
|
54468
54467
|
"name": "i18n",
|
|
@@ -54495,7 +54494,7 @@
|
|
|
54495
54494
|
}
|
|
54496
54495
|
],
|
|
54497
54496
|
"returnType": "void",
|
|
54498
|
-
"line":
|
|
54497
|
+
"line": 90,
|
|
54499
54498
|
"jsdoctags": [
|
|
54500
54499
|
{
|
|
54501
54500
|
"name": "value",
|
|
@@ -54512,7 +54511,7 @@
|
|
|
54512
54511
|
"name": "sortDescendingLabel",
|
|
54513
54512
|
"type": "",
|
|
54514
54513
|
"returnType": "",
|
|
54515
|
-
"line":
|
|
54514
|
+
"line": 94
|
|
54516
54515
|
}
|
|
54517
54516
|
},
|
|
54518
54517
|
"sortAscendingLabel": {
|
|
@@ -54531,7 +54530,7 @@
|
|
|
54531
54530
|
}
|
|
54532
54531
|
],
|
|
54533
54532
|
"returnType": "void",
|
|
54534
|
-
"line":
|
|
54533
|
+
"line": 99,
|
|
54535
54534
|
"jsdoctags": [
|
|
54536
54535
|
{
|
|
54537
54536
|
"name": "value",
|
|
@@ -54548,7 +54547,7 @@
|
|
|
54548
54547
|
"name": "sortAscendingLabel",
|
|
54549
54548
|
"type": "",
|
|
54550
54549
|
"returnType": "",
|
|
54551
|
-
"line":
|
|
54550
|
+
"line": 103
|
|
54552
54551
|
}
|
|
54553
54552
|
},
|
|
54554
54553
|
"filterTitle": {
|
|
@@ -54567,7 +54566,7 @@
|
|
|
54567
54566
|
}
|
|
54568
54567
|
],
|
|
54569
54568
|
"returnType": "void",
|
|
54570
|
-
"line":
|
|
54569
|
+
"line": 108,
|
|
54571
54570
|
"jsdoctags": [
|
|
54572
54571
|
{
|
|
54573
54572
|
"name": "value",
|
|
@@ -54584,7 +54583,7 @@
|
|
|
54584
54583
|
"name": "filterTitle",
|
|
54585
54584
|
"type": "",
|
|
54586
54585
|
"returnType": "",
|
|
54587
|
-
"line":
|
|
54586
|
+
"line": 112
|
|
54588
54587
|
}
|
|
54589
54588
|
}
|
|
54590
54589
|
}
|