carbon-components-angular 5.2.0 → 5.2.2

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.
Files changed (27) hide show
  1. package/bundles/carbon-components-angular-table.umd.js +30 -19
  2. package/bundles/carbon-components-angular-table.umd.js.map +1 -1
  3. package/bundles/carbon-components-angular-tooltip.umd.js +16 -2
  4. package/bundles/carbon-components-angular-tooltip.umd.js.map +1 -1
  5. package/docs/documentation/components/Tooltip.html +143 -47
  6. package/docs/documentation/coverage.html +6 -6
  7. package/docs/documentation/directives/TableDirective.html +143 -39
  8. package/docs/documentation/interfaces/TableTranslations.html +1 -1
  9. package/docs/documentation/js/search/search_index.js +2 -2
  10. package/docs/documentation/miscellaneous/typealiases.html +1 -1
  11. package/docs/documentation.json +103 -54
  12. package/docs/storybook/iframe.html +1 -1
  13. package/docs/storybook/{main.2485e7a7.iframe.bundle.js → main.6ced09a7.iframe.bundle.js} +54 -31
  14. package/docs/storybook/main.6ced09a7.iframe.bundle.js.map +1 -0
  15. package/docs/storybook/project.json +1 -1
  16. package/esm2015/table/table.directive.js +20 -17
  17. package/esm2015/table/table.types.js +1 -1
  18. package/esm2015/tooltip/tooltip.component.js +21 -11
  19. package/fesm2015/carbon-components-angular-table.js +19 -16
  20. package/fesm2015/carbon-components-angular-table.js.map +1 -1
  21. package/fesm2015/carbon-components-angular-tooltip.js +20 -10
  22. package/fesm2015/carbon-components-angular-tooltip.js.map +1 -1
  23. package/package.json +1 -1
  24. package/table/table.directive.d.ts +5 -3
  25. package/table/table.types.d.ts +1 -1
  26. package/tooltip/tooltip.component.d.ts +7 -2
  27. package/docs/storybook/main.2485e7a7.iframe.bundle.js.map +0 -1
@@ -253,7 +253,7 @@
253
253
  </tr>
254
254
  <tr>
255
255
  <td class="col-md-4">
256
- <code> <code>&quot;sm&quot; | &quot;sh&quot; | &quot;md&quot; | &quot;lg&quot;</code>
256
+ <code> <code>&quot;xs&quot; | &quot;sm&quot; | &quot;md&quot; | &quot;lg&quot; | &quot;xl&quot;</code>
257
257
  </code>
258
258
  </td>
259
259
  </tr>
@@ -1550,12 +1550,12 @@
1550
1550
  },
1551
1551
  {
1552
1552
  "name": "TableTranslations",
1553
- "id": "interface-TableTranslations-9486cc7a7f593ee87fc671c259d6ea3ad59d00049810d746d5cf1548a0db69e4dad3ca1cd08fa4b9f3ea3b5f74c90056e7946c10fc82517bc55750d73e1aa426",
1553
+ "id": "interface-TableTranslations-0b6096c73ee59d73392a19aa2f8fc16005275b958470fcf37f3a6bda262dd109d5520044419625f9465c6cace00027221ebe1217c3d6dadbc6a861315052fdaf",
1554
1554
  "file": "src/table/table.types.ts",
1555
1555
  "deprecated": false,
1556
1556
  "deprecationMessage": "",
1557
1557
  "type": "interface",
1558
- "sourceCode": "export interface TableTranslations {\n\tFILTER: string;\n\tEND_OF_DATA: string;\n\tSCROLL_TOP: string;\n\tCHECKBOX_HEADER: string;\n\tCHECKBOX_ROW: string;\n}\n\nexport type TableRowSize = \"sm\" | \"sh\" | \"md\" | \"lg\";\n",
1558
+ "sourceCode": "export interface TableTranslations {\n\tFILTER: string;\n\tEND_OF_DATA: string;\n\tSCROLL_TOP: string;\n\tCHECKBOX_HEADER: string;\n\tCHECKBOX_ROW: string;\n}\n\nexport type TableRowSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n",
1559
1559
  "properties": [
1560
1560
  {
1561
1561
  "name": "CHECKBOX_HEADER",
@@ -14431,12 +14431,12 @@
14431
14431
  },
14432
14432
  {
14433
14433
  "name": "TableDirective",
14434
- "id": "directive-TableDirective-b76735c3326a82ddf026f18c0ce0042b4dd96a4fd741b2f1c670be0955857b1cb917c6bb8c85e851da4d7b567f3c104daff0d56c16b12069baea8885031643d7",
14434
+ "id": "directive-TableDirective-6627496f6f2dd6218571d58e1403546026d2b0948b0bf496c82d3a4278e40d390035465e3b938d12b1d7dce849c986ce5c64b9e84fcb76d0d5a8dd463f440af7",
14435
14435
  "file": "src/table/table.directive.ts",
14436
14436
  "type": "directive",
14437
14437
  "description": "",
14438
14438
  "rawdescription": "\n",
14439
- "sourceCode": "import { Directive, HostBinding, Input } from \"@angular/core\";\nimport { TableRowSize } from \"./table.types\";\n\n@Directive({\n\tselector: \"[ibmTable]\"\n})\nexport class TableDirective {\n\t@Input() @HostBinding(\"class.cds--data-table--sort\") sortable = true;\n\n\t@Input() @HostBinding(\"class.cds--data-table--no-border\") noBorder = true;\n\n\t@Input() @HostBinding(\"class.cds--data-table--zebra\") striped = false;\n\n\t@Input() @HostBinding(\"class.cds--skeleton\") skeleton = false;\n\n\t/**\n\t * Size of the table rows.\n\t */\n\t@Input() size: TableRowSize = \"md\";\n\n\t@HostBinding(\"class.cds--data-table\") tableClass = true;\n\n\t@HostBinding(\"class.cds--data-table--compact\") get compactClass() {\n\t\treturn this.size === \"sm\";\n\t}\n\n\t@HostBinding(\"class.cds--data-table--tall\") get tallClass() {\n\t\treturn this.size === \"lg\";\n\t}\n\n\t@HostBinding(\"class.cds--data-table--short\") get shortClass() {\n\t\treturn this.size === \"sh\";\n\t}\n}\n",
14439
+ "sourceCode": "import { Directive, HostBinding, Input } from \"@angular/core\";\nimport { TableRowSize } from \"./table.types\";\n\n@Directive({\n\tselector: \"[ibmTable]\"\n})\nexport class TableDirective {\n\t@Input() @HostBinding(\"class.cds--data-table--sort\") sortable = true;\n\n\t@Input() @HostBinding(\"class.cds--data-table--no-border\") noBorder = true;\n\n\t@Input() @HostBinding(\"class.cds--data-table--zebra\") striped = false;\n\n\t@Input() @HostBinding(\"class.cds--skeleton\") skeleton = false;\n\n\t/**\n\t * Size of the table rows.\n\t */\n\t@Input() size: TableRowSize = \"md\";\n\n\t@HostBinding(\"class.cds--data-table\") tableClass = true;\n\n\t// Bind table size class\n\t@HostBinding(\"class.cds--data-table--xs\") get extraSmallSize() { return this.size === \"xs\"; }\n\t@HostBinding(\"class.cds--data-table--sm\") get smallSize() { return this.size === \"sm\"; }\n\t@HostBinding(\"class.cds--data-table--md\") get mediumSize() { return this.size === \"md\"; }\n\t@HostBinding(\"class.cds--data-table--lg\") get LargeSize() { return this.size === \"lg\"; }\n\t@HostBinding(\"class.cds--data-table--xl\") get extraLargeSize() { return this.size === \"xl\"; }\n\n}\n",
14440
14440
  "selector": "[ibmTable]",
14441
14441
  "providers": [],
14442
14442
  "inputsClass": [
@@ -14502,26 +14502,42 @@
14502
14502
  "decorators": []
14503
14503
  },
14504
14504
  {
14505
- "name": "class.cds--data-table--compact",
14505
+ "name": "class.cds--data-table--lg",
14506
14506
  "deprecated": false,
14507
14507
  "deprecationMessage": "",
14508
- "line": 23,
14508
+ "line": 27,
14509
14509
  "type": "boolean",
14510
14510
  "decorators": []
14511
14511
  },
14512
14512
  {
14513
- "name": "class.cds--data-table--short",
14513
+ "name": "class.cds--data-table--md",
14514
14514
  "deprecated": false,
14515
14515
  "deprecationMessage": "",
14516
- "line": 31,
14516
+ "line": 26,
14517
14517
  "type": "boolean",
14518
14518
  "decorators": []
14519
14519
  },
14520
14520
  {
14521
- "name": "class.cds--data-table--tall",
14521
+ "name": "class.cds--data-table--sm",
14522
14522
  "deprecated": false,
14523
14523
  "deprecationMessage": "",
14524
- "line": 27,
14524
+ "line": 25,
14525
+ "type": "boolean",
14526
+ "decorators": []
14527
+ },
14528
+ {
14529
+ "name": "class.cds--data-table--xl",
14530
+ "deprecated": false,
14531
+ "deprecationMessage": "",
14532
+ "line": 28,
14533
+ "type": "boolean",
14534
+ "decorators": []
14535
+ },
14536
+ {
14537
+ "name": "class.cds--data-table--xs",
14538
+ "deprecated": false,
14539
+ "deprecationMessage": "",
14540
+ "line": 24,
14525
14541
  "type": "boolean",
14526
14542
  "decorators": []
14527
14543
  }
@@ -14547,31 +14563,49 @@
14547
14563
  ],
14548
14564
  "methodsClass": [],
14549
14565
  "accessors": {
14550
- "compactClass": {
14551
- "name": "compactClass",
14566
+ "extraSmallSize": {
14567
+ "name": "extraSmallSize",
14552
14568
  "getSignature": {
14553
- "name": "compactClass",
14569
+ "name": "extraSmallSize",
14554
14570
  "type": "",
14555
14571
  "returnType": "",
14556
- "line": 23
14572
+ "line": 24
14557
14573
  }
14558
14574
  },
14559
- "tallClass": {
14560
- "name": "tallClass",
14575
+ "smallSize": {
14576
+ "name": "smallSize",
14561
14577
  "getSignature": {
14562
- "name": "tallClass",
14578
+ "name": "smallSize",
14579
+ "type": "",
14580
+ "returnType": "",
14581
+ "line": 25
14582
+ }
14583
+ },
14584
+ "mediumSize": {
14585
+ "name": "mediumSize",
14586
+ "getSignature": {
14587
+ "name": "mediumSize",
14588
+ "type": "",
14589
+ "returnType": "",
14590
+ "line": 26
14591
+ }
14592
+ },
14593
+ "LargeSize": {
14594
+ "name": "LargeSize",
14595
+ "getSignature": {
14596
+ "name": "LargeSize",
14563
14597
  "type": "",
14564
14598
  "returnType": "",
14565
14599
  "line": 27
14566
14600
  }
14567
14601
  },
14568
- "shortClass": {
14569
- "name": "shortClass",
14602
+ "extraLargeSize": {
14603
+ "name": "extraLargeSize",
14570
14604
  "getSignature": {
14571
- "name": "shortClass",
14605
+ "name": "extraLargeSize",
14572
14606
  "type": "",
14573
14607
  "returnType": "",
14574
- "line": 31
14608
+ "line": 28
14575
14609
  }
14576
14610
  }
14577
14611
  }
@@ -51766,7 +51800,7 @@
51766
51800
  },
51767
51801
  {
51768
51802
  "name": "Tooltip",
51769
- "id": "component-Tooltip-21f485ae5a8bdc0b7e6f06146a444211d2fc1be3259ea2e590355ba49a21de88b1dfd838a2c6dce946f7fac7699dde8d324e150c8b3e53823887a4442281ec1e",
51803
+ "id": "component-Tooltip-6d58e822f4b41db3d0761b15658b8a65591bde34404d0bb41eaeb4905c8dbbf499622aca6d355307c023b6499afb7f4e733279f6d1cbd0dc4a72ba590276f217",
51770
51804
  "file": "src/tooltip/tooltip.component.ts",
51771
51805
  "encapsulation": [],
51772
51806
  "entryComponents": [],
@@ -51776,7 +51810,7 @@
51776
51810
  "selector": "ibm-tooltip",
51777
51811
  "styleUrls": [],
51778
51812
  "styles": [],
51779
- "template": "<span\n\t[attr.aria-labelledby]=\"this.isTemplate(this.description) ? id : null\"\n\t[attr.aria-describedby]=\"!this.isTemplate(this.description) ? id : null\">\n\t<ng-content></ng-content>\n</span>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"isOpen\"\n\trole=\"tooltip\">\n\t<ng-container *ngIf=\"!disabled\">\n\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t</span>\n\t\t<span class=\"cds--popover-caret\"></span>\n\t</ng-container>\n</span>\n\t",
51813
+ "template": "<span #contentWrapper>\n\t<ng-content></ng-content>\n</span>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"!isOpen\"\n\trole=\"tooltip\">\n\t<ng-container *ngIf=\"!disabled\">\n\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t</span>\n\t\t<span class=\"cds--popover-caret\"></span>\n\t</ng-container>\n</span>\n\t",
51780
51814
  "templateUrl": [],
51781
51815
  "viewProviders": [],
51782
51816
  "inputsClass": [
@@ -51786,7 +51820,7 @@
51786
51820
  "deprecationMessage": "",
51787
51821
  "rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
51788
51822
  "description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
51789
- "line": 58,
51823
+ "line": 59,
51790
51824
  "type": "string | TemplateRef<any>",
51791
51825
  "decorators": []
51792
51826
  },
@@ -51797,7 +51831,7 @@
51797
51831
  "deprecationMessage": "",
51798
51832
  "rawdescription": "\n\nPrevent tooltip from showing, used by icon button\n",
51799
51833
  "description": "<p>Prevent tooltip from showing, used by icon button</p>\n",
51800
- "line": 54,
51834
+ "line": 55,
51801
51835
  "type": "boolean",
51802
51836
  "decorators": []
51803
51837
  },
@@ -51808,7 +51842,7 @@
51808
51842
  "deprecationMessage": "",
51809
51843
  "rawdescription": "\n\nSet delay before tooltip is shown\n",
51810
51844
  "description": "<p>Set delay before tooltip is shown</p>\n",
51811
- "line": 46,
51845
+ "line": 47,
51812
51846
  "type": "number",
51813
51847
  "decorators": []
51814
51848
  },
@@ -51817,7 +51851,7 @@
51817
51851
  "defaultValue": "`tooltip-${Tooltip.tooltipCount++}`",
51818
51852
  "deprecated": false,
51819
51853
  "deprecationMessage": "",
51820
- "line": 42,
51854
+ "line": 43,
51821
51855
  "type": "string",
51822
51856
  "decorators": []
51823
51857
  },
@@ -51828,7 +51862,7 @@
51828
51862
  "deprecationMessage": "",
51829
51863
  "rawdescription": "\n\nSet delay when tooltip disappears\n",
51830
51864
  "description": "<p>Set delay when tooltip disappears</p>\n",
51831
- "line": 50,
51865
+ "line": 51,
51832
51866
  "type": "number",
51833
51867
  "decorators": []
51834
51868
  },
@@ -51943,7 +51977,7 @@
51943
51977
  "type": "",
51944
51978
  "optional": false,
51945
51979
  "description": "",
51946
- "line": 40,
51980
+ "line": 41,
51947
51981
  "decorators": [
51948
51982
  {
51949
51983
  "name": "HostBinding",
@@ -51959,11 +51993,26 @@
51959
51993
  "type": "number",
51960
51994
  "optional": false,
51961
51995
  "description": "",
51962
- "line": 38,
51996
+ "line": 39,
51963
51997
  "modifierKind": [
51964
51998
  124
51965
51999
  ]
51966
52000
  },
52001
+ {
52002
+ "name": "wrapper",
52003
+ "deprecated": false,
52004
+ "deprecationMessage": "",
52005
+ "type": "ElementRef<HTMLSpanElement>",
52006
+ "optional": false,
52007
+ "description": "",
52008
+ "line": 61,
52009
+ "decorators": [
52010
+ {
52011
+ "name": "ViewChild",
52012
+ "stringifiedArguments": "'contentWrapper'"
52013
+ }
52014
+ ]
52015
+ },
51967
52016
  {
51968
52017
  "name": "containerClass",
51969
52018
  "defaultValue": "true",
@@ -51998,7 +52047,7 @@
51998
52047
  "optional": false,
51999
52048
  "returnType": "void",
52000
52049
  "typeParameters": [],
52001
- "line": 90,
52050
+ "line": 93,
52002
52051
  "deprecated": false,
52003
52052
  "deprecationMessage": "",
52004
52053
  "decorators": [
@@ -52032,7 +52081,7 @@
52032
52081
  "optional": false,
52033
52082
  "returnType": "void",
52034
52083
  "typeParameters": [],
52035
- "line": 95,
52084
+ "line": 98,
52036
52085
  "deprecated": false,
52037
52086
  "deprecationMessage": "",
52038
52087
  "decorators": [
@@ -52066,7 +52115,7 @@
52066
52115
  "optional": false,
52067
52116
  "returnType": "void",
52068
52117
  "typeParameters": [],
52069
- "line": 81,
52118
+ "line": 84,
52070
52119
  "deprecated": false,
52071
52120
  "deprecationMessage": "",
52072
52121
  "decorators": [
@@ -52100,12 +52149,9 @@
52100
52149
  "optional": false,
52101
52150
  "returnType": "boolean",
52102
52151
  "typeParameters": [],
52103
- "line": 99,
52152
+ "line": 102,
52104
52153
  "deprecated": false,
52105
52154
  "deprecationMessage": "",
52106
- "modifierKind": [
52107
- 123
52108
- ],
52109
52155
  "jsdoctags": [
52110
52156
  {
52111
52157
  "name": "value",
@@ -52131,7 +52177,7 @@
52131
52177
  "optional": false,
52132
52178
  "returnType": "void",
52133
52179
  "typeParameters": [],
52134
- "line": 67,
52180
+ "line": 70,
52135
52181
  "deprecated": false,
52136
52182
  "deprecationMessage": "",
52137
52183
  "decorators": [
@@ -52165,7 +52211,7 @@
52165
52211
  "optional": false,
52166
52212
  "returnType": "void",
52167
52213
  "typeParameters": [],
52168
- "line": 74,
52214
+ "line": 77,
52169
52215
  "deprecated": false,
52170
52216
  "deprecationMessage": "",
52171
52217
  "decorators": [
@@ -52241,7 +52287,7 @@
52241
52287
  "defaultValue": "true",
52242
52288
  "deprecated": false,
52243
52289
  "deprecationMessage": "",
52244
- "line": 40,
52290
+ "line": 41,
52245
52291
  "type": "boolean",
52246
52292
  "decorators": []
52247
52293
  },
@@ -52406,7 +52452,7 @@
52406
52452
  ],
52407
52453
  "deprecated": false,
52408
52454
  "deprecationMessage": "",
52409
- "line": 90
52455
+ "line": 93
52410
52456
  },
52411
52457
  {
52412
52458
  "name": "focusout",
@@ -52423,7 +52469,7 @@
52423
52469
  ],
52424
52470
  "deprecated": false,
52425
52471
  "deprecationMessage": "",
52426
- "line": 95
52472
+ "line": 98
52427
52473
  },
52428
52474
  {
52429
52475
  "name": "keyup",
@@ -52440,7 +52486,7 @@
52440
52486
  ],
52441
52487
  "deprecated": false,
52442
52488
  "deprecationMessage": "",
52443
- "line": 81
52489
+ "line": 84
52444
52490
  },
52445
52491
  {
52446
52492
  "name": "mouseenter",
@@ -52457,7 +52503,7 @@
52457
52503
  ],
52458
52504
  "deprecated": false,
52459
52505
  "deprecationMessage": "",
52460
- "line": 67
52506
+ "line": 70
52461
52507
  },
52462
52508
  {
52463
52509
  "name": "mouseleave",
@@ -52474,13 +52520,13 @@
52474
52520
  ],
52475
52521
  "deprecated": false,
52476
52522
  "deprecationMessage": "",
52477
- "line": 74
52523
+ "line": 77
52478
52524
  }
52479
52525
  ],
52480
52526
  "description": "<p><a href=\"../../?path=/story/components-tooltip--basic\">See demo</a></p>\n",
52481
52527
  "rawdescription": "\n\n[See demo](../../?path=/story/components-tooltip--basic)\n",
52482
52528
  "type": "component",
52483
- "sourceCode": "import {\n\tComponent,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"ibm-tooltip\",\n\ttemplate: `\n\t\t<span\n\t\t\t[attr.aria-labelledby]=\"this.isTemplate(this.description) ? id : null\"\n\t\t\t[attr.aria-describedby]=\"!this.isTemplate(this.description) ? id : null\">\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"description\"\n\t\t\tclass=\"cds--popover\"\n\t\t\t[id]=\"id\"\n\t\t\t[attr.aria-hidden]=\"isOpen\"\n\t\t\trole=\"tooltip\">\n\t\t\t<ng-container *ngIf=\"!disabled\">\n\t\t\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cds--popover-caret\"></span>\n\t\t\t</ng-container>\n\t\t</span>\n\t`\n})\nexport class Tooltip extends PopoverContainer {\n\tstatic tooltipCount = 0;\n\n\t@HostBinding(\"class.cds--tooltip\") tooltipClass = true;\n\n\t@Input() id = `tooltip-${Tooltip.tooltipCount++}`;\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n\t/**\n\t * Prevent tooltip from showing, used by icon button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\t@HostListener(\"mouseenter\", [\"$event\"])\n\tmouseenter(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(true, event);\n\t\t}, this.enterDelayMs);\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(false, event);\n\t\t}, this.leaveDelayMs);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (open && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t// We are not focusing on entire popover, only the trigger\n\t@HostListener(\"focusin\", [\"$event\"])\n\thandleFocus(event: Event) {\n\t\tthis.handleChange(true, event);\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\thandleFocusOut(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
52529
+ "sourceCode": "import {\n\tAfterContentChecked,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"ibm-tooltip\",\n\ttemplate: `\n\t\t<span #contentWrapper>\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"description\"\n\t\t\tclass=\"cds--popover\"\n\t\t\t[id]=\"id\"\n\t\t\t[attr.aria-hidden]=\"!isOpen\"\n\t\t\trole=\"tooltip\">\n\t\t\t<ng-container *ngIf=\"!disabled\">\n\t\t\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cds--popover-caret\"></span>\n\t\t\t</ng-container>\n\t\t</span>\n\t`\n})\nexport class Tooltip extends PopoverContainer implements AfterContentChecked {\n\tstatic tooltipCount = 0;\n\n\t@HostBinding(\"class.cds--tooltip\") tooltipClass = true;\n\n\t@Input() id = `tooltip-${Tooltip.tooltipCount++}`;\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n\t/**\n\t * Prevent tooltip from showing, used by icon button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\n\t@ViewChild(\"contentWrapper\") wrapper: ElementRef<HTMLSpanElement>;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\t@HostListener(\"mouseenter\", [\"$event\"])\n\tmouseenter(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(true, event);\n\t\t}, this.enterDelayMs);\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(false, event);\n\t\t}, this.leaveDelayMs);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (open && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t// We are not focusing on entire popover, only the trigger\n\t@HostListener(\"focusin\", [\"$event\"])\n\thandleFocus(event: Event) {\n\t\tthis.handleChange(true, event);\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\thandleFocusOut(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tisTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Check for any changes in the projected content & apply accessibility attribute if needed\n\t */\n\tngAfterContentChecked() {\n\t\tif (this.wrapper) {\n\t\t\tconst buttonElement = this.wrapper.nativeElement.querySelector(\"button\");\n\t\t\tif (buttonElement && !buttonElement.getAttribute(\"aria-labelledby\")) {\n\t\t\t\tbuttonElement.setAttribute(\"aria-labelledby\", this.id);\n\t\t\t}\n\t\t}\n\t}\n}\n",
52484
52530
  "assetsDirs": [],
52485
52531
  "styleUrlsData": "",
52486
52532
  "stylesData": "",
@@ -52490,9 +52536,12 @@
52490
52536
  "deprecated": false,
52491
52537
  "deprecationMessage": "",
52492
52538
  "args": [],
52493
- "line": 58
52539
+ "line": 61
52494
52540
  },
52495
- "extends": "PopoverContainer"
52541
+ "extends": "PopoverContainer",
52542
+ "implements": [
52543
+ "AfterContentChecked"
52544
+ ]
52496
52545
  },
52497
52546
  {
52498
52547
  "name": "TooltipDefinition",
@@ -57961,7 +58010,7 @@
57961
58010
  "name": "TableRowSize",
57962
58011
  "ctype": "miscellaneous",
57963
58012
  "subtype": "typealias",
57964
- "rawtype": "\"sm\" | \"sh\" | \"md\" | \"lg\"",
58013
+ "rawtype": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
57965
58014
  "file": "src/table/table.types.ts",
57966
58015
  "deprecated": false,
57967
58016
  "deprecationMessage": "",
@@ -60175,7 +60224,7 @@
60175
60224
  "name": "TableRowSize",
60176
60225
  "ctype": "miscellaneous",
60177
60226
  "subtype": "typealias",
60178
- "rawtype": "\"sm\" | \"sh\" | \"md\" | \"lg\"",
60227
+ "rawtype": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
60179
60228
  "file": "src/table/table.types.ts",
60180
60229
  "deprecated": false,
60181
60230
  "deprecationMessage": "",
@@ -61994,8 +62043,8 @@
61994
62043
  "type": "directive",
61995
62044
  "linktype": "directive",
61996
62045
  "name": "TableDirective",
61997
- "coveragePercent": 9,
61998
- "coverageCount": "1/11",
62046
+ "coveragePercent": 7,
62047
+ "coverageCount": "1/13",
61999
62048
  "status": "low"
62000
62049
  },
62001
62050
  {
@@ -62292,8 +62341,8 @@
62292
62341
  "type": "component",
62293
62342
  "linktype": "component",
62294
62343
  "name": "Tooltip",
62295
- "coveragePercent": 18,
62296
- "coverageCount": "8/44",
62344
+ "coveragePercent": 17,
62345
+ "coverageCount": "8/45",
62297
62346
  "status": "low"
62298
62347
  },
62299
62348
  {
@@ -361,4 +361,4 @@
361
361
 
362
362
 
363
363
 
364
- window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.27d2ac3f.iframe.bundle.js"></script><script src="vendors-node_modules_angular_router___ivy_ngcc___fesm2015_router_js-node_modules_carbon_icon--4c70a7.eb918102.iframe.bundle.js"></script><script src="main.2485e7a7.iframe.bundle.js"></script></body></html>
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.27d2ac3f.iframe.bundle.js"></script><script src="vendors-node_modules_angular_router___ivy_ngcc___fesm2015_router_js-node_modules_carbon_icon--4c70a7.eb918102.iframe.bundle.js"></script><script src="main.6ced09a7.iframe.bundle.js"></script></body></html>