carbon-components-angular 5.19.0 → 5.19.1

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 (91) hide show
  1. package/docs/documentation/components/Toggletip.html +62 -43
  2. package/docs/documentation/components/Tooltip.html +97 -60
  3. package/docs/documentation/components/TooltipDefinition.html +81 -44
  4. package/docs/documentation/coverage.html +1 -1
  5. package/docs/documentation/directives/PopoverContainer.html +88 -36
  6. package/docs/documentation/js/search/search_index.js +2 -2
  7. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  9. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  11. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
  12. package/docs/documentation/modules/DatePickerInputModule.html +7 -7
  13. package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
  14. package/docs/documentation/modules/DatePickerModule.html +53 -57
  15. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  16. package/docs/documentation/modules/DialogModule.html +34 -34
  17. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  18. package/docs/documentation/modules/GridModule.html +60 -60
  19. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/LoadingModule.html +4 -4
  21. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/NFormsModule.html +4 -4
  23. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/NumberModule.html +4 -4
  25. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  27. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/RadioModule.html +4 -4
  29. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/SearchModule.html +4 -4
  31. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  32. package/docs/documentation/modules/SelectModule.html +58 -58
  33. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/SliderModule.html +4 -4
  35. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  36. package/docs/documentation/modules/StructuredListModule.html +66 -66
  37. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  38. package/docs/documentation/modules/TabsModule.html +69 -69
  39. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/TagModule.html +4 -4
  41. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  42. package/docs/documentation/modules/TilesModule.html +101 -101
  43. package/docs/documentation/modules/TimePickerModule/dependencies.svg +40 -44
  44. package/docs/documentation/modules/TimePickerModule.html +40 -44
  45. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
  46. package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
  47. package/docs/documentation/modules/ToggleModule/dependencies.svg +42 -38
  48. package/docs/documentation/modules/ToggleModule.html +42 -38
  49. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  50. package/docs/documentation/modules/ToggletipModule.html +4 -4
  51. package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
  52. package/docs/documentation/modules/TooltipModule.html +29 -29
  53. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/TreeviewModule.html +4 -4
  55. package/docs/documentation.json +239 -159
  56. package/docs/storybook/4578.93dc52a7.iframe.bundle.js +1 -0
  57. package/docs/storybook/{contained-list-contained-list-stories.ef42e2d0.iframe.bundle.js → contained-list-contained-list-stories.f8fd4e51.iframe.bundle.js} +1 -1
  58. package/docs/storybook/iframe.html +2 -2
  59. package/docs/storybook/main.ef1ab6d1.iframe.bundle.js +1 -0
  60. package/docs/storybook/popover-popover-stories.e8d6e7c9.iframe.bundle.js +1 -0
  61. package/docs/storybook/project.json +1 -1
  62. package/docs/storybook/{runtime~main.a75e2345.iframe.bundle.js → runtime~main.af960258.iframe.bundle.js} +1 -1
  63. package/docs/storybook/{toggletip-toggletip-stories.0c822ddd.iframe.bundle.js → toggletip-toggletip-stories.1da8eaf1.iframe.bundle.js} +1 -1
  64. package/docs/storybook/tooltip-definition-tooptip-stories.57864d79.iframe.bundle.js +1 -0
  65. package/docs/storybook/tooltip-tooltip-stories.b15c3310.iframe.bundle.js +1 -0
  66. package/esm2020/popover/popover.directive.mjs +6 -4
  67. package/esm2020/toggletip/toggletip.component.mjs +9 -7
  68. package/esm2020/tooltip/definition-tooptip.component.mjs +9 -7
  69. package/esm2020/tooltip/tooltip.component.mjs +9 -7
  70. package/fesm2015/carbon-components-angular-popover.mjs +5 -3
  71. package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
  72. package/fesm2015/carbon-components-angular-toggletip.mjs +8 -6
  73. package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
  74. package/fesm2015/carbon-components-angular-tooltip.mjs +15 -11
  75. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  76. package/fesm2020/carbon-components-angular-popover.mjs +5 -3
  77. package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
  78. package/fesm2020/carbon-components-angular-toggletip.mjs +8 -6
  79. package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
  80. package/fesm2020/carbon-components-angular-tooltip.mjs +15 -11
  81. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  82. package/package.json +1 -1
  83. package/popover/popover.directive.d.ts +3 -1
  84. package/toggletip/toggletip.component.d.ts +3 -2
  85. package/tooltip/definition-tooptip.component.d.ts +3 -2
  86. package/tooltip/tooltip.component.d.ts +3 -2
  87. package/docs/storybook/4578.86305077.iframe.bundle.js +0 -1
  88. package/docs/storybook/main.0080423e.iframe.bundle.js +0 -1
  89. package/docs/storybook/popover-popover-stories.a0233f25.iframe.bundle.js +0 -1
  90. package/docs/storybook/tooltip-definition-tooptip-stories.6cd8bfb0.iframe.bundle.js +0 -1
  91. package/docs/storybook/tooltip-tooltip-stories.286d6e5f.iframe.bundle.js +0 -1
package/docs/documentation.json CHANGED
@@ -14834,12 +14834,12 @@
14834
14834
  },
14835
14835
  {
14836
14836
  "name": "PopoverContainer",
14837
- "id": "directive-PopoverContainer-57fbc02dba78a47b40f81de9cc896fcf922f9903c8aa75883a828c94b2c0790d0a965528d82991d6f307ffd0dbf9ba33128e2281529067ff1a38728789f9298b",
14837
+ "id": "directive-PopoverContainer-ce0dd71dc14b0dc9d2815fac5bd0abf53c5a52be816f31ec84c58cd6194403b5b4689bde5d94c407f57aaeaa149e6c90a424a236975a597f72d98b4f6e7547a4",
14838
14838
  "file": "src/popover/popover.directive.ts",
14839
14839
  "type": "directive",
14840
14840
  "description": "<p>Applies popover container styling to the element it is applied to. Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { PopoverModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-popover--basic\">See demo</a></p>\n",
14841
14841
  "rawdescription": "\n\nApplies popover container styling to the element it is applied to. Get started with importing the module:\n\n```typescript\nimport { PopoverModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-popover--basic)\n",
14842
- "sourceCode": "import {\n\tDirective,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOutput\n} from \"@angular/core\";\n\n/**\n * Applies popover container styling to the element it is applied to. Get started with importing the module:\n *\n * ```typescript\n * import { PopoverModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-popover--basic)\n */\n@Directive({\n\tselector: \"[cdsPopover], [ibmPopover]\"\n})\nexport class PopoverContainer {\n\t// Top\n\t@HostBinding(\"class.cds--popover--top\") get alignmentTopClass() {\n\t\treturn this.align === \"top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--top-left\") get alignmentTopLeftClass() {\n\t\treturn this.align === \"top-left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--top-right\") get alignmentTopRightClass() {\n\t\treturn this.align === \"top-right\";\n\t}\n\n\t// Bottom\n\t@HostBinding(\"class.cds--popover--bottom\") get alignmentBottomClass() {\n\t\treturn this.align === \"bottom\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--bottom-left\") get alignmentBottomLeftClass() {\n\t\treturn this.align === \"bottom-left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--bottom-right\") get alignmentBottomRightClass() {\n\t\treturn this.align === \"bottom-right\";\n\t}\n\n\t// Left\n\t@HostBinding(\"class.cds--popover--left\") get alignmentLeftClass() {\n\t\treturn this.align === \"left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--left-top\") get alignmentLeftTopClass() {\n\t\treturn this.align === \"left-top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--left-bottom\") get alignmentLeftBottomClass() {\n\t\treturn this.align === \"left-bottom\";\n\t}\n\n\t// Right\n\t@HostBinding(\"class.cds--popover--right\") get alignmentRightClass() {\n\t\treturn this.align === \"right\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--right-top\") get alignmentRightTopClass() {\n\t\treturn this.align === \"right-top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--right-bottom\") get alignmentRightBottomClass() {\n\t\treturn this.align === \"right-bottom\";\n\t}\n\n\t/**\n\t * Emits an event when the dialog is closed\n\t */\n\t@Output() onClose: EventEmitter<Event> = new EventEmitter();\n\t/**\n\t * Emits an event when the dialog is opened\n\t */\n\t@Output() onOpen: EventEmitter<Event> = new EventEmitter();\n\t/**\n\t * Emits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n\t */\n\t@Output() isOpenChange = new EventEmitter<boolean>();\n\n\t@HostBinding(\"class.cds--popover--caret\") @Input() caret = true;\n\t@HostBinding(\"class.cds--popover--drop-shadow\") @Input() dropShadow = true;\n\t@HostBinding(\"class.cds--popover--high-contrast\") @Input() highContrast = false;\n\t@HostBinding(\"class.cds--popover--open\") @Input() isOpen = false;\n\n\t@HostBinding(\"class.cds--popover-container\") containerClass = true;\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\" |\n\t\t\"bottom\" | \"bottom-left\" | \"bottom-right\" |\n\t\t\"left\" | \"left-bottom\" | \"left-top\" |\n\t\t\"right\" | \"right-bottom\" | \"right-top\" = \"bottom\";\n\n\thandleChange(open: boolean, event: Event) {\n\t\tif (this.isOpen !== open) {\n\t\t\tthis.isOpenChange.emit(open);\n\t\t}\n\n\t\tif (open) {\n\t\t\tthis.onOpen.emit(event);\n\t\t} else {\n\t\t\tthis.onClose.emit(event);\n\t\t}\n\t\tthis.isOpen = open;\n\t}\n}\n",
14842
+ "sourceCode": "import {\n\tChangeDetectorRef,\n\tDirective,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOutput\n} from \"@angular/core\";\n\n/**\n * Applies popover container styling to the element it is applied to. Get started with importing the module:\n *\n * ```typescript\n * import { PopoverModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-popover--basic)\n */\n@Directive({\n\tselector: \"[cdsPopover], [ibmPopover]\"\n})\nexport class PopoverContainer {\n\t// Top\n\t@HostBinding(\"class.cds--popover--top\") get alignmentTopClass() {\n\t\treturn this.align === \"top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--top-left\") get alignmentTopLeftClass() {\n\t\treturn this.align === \"top-left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--top-right\") get alignmentTopRightClass() {\n\t\treturn this.align === \"top-right\";\n\t}\n\n\t// Bottom\n\t@HostBinding(\"class.cds--popover--bottom\") get alignmentBottomClass() {\n\t\treturn this.align === \"bottom\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--bottom-left\") get alignmentBottomLeftClass() {\n\t\treturn this.align === \"bottom-left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--bottom-right\") get alignmentBottomRightClass() {\n\t\treturn this.align === \"bottom-right\";\n\t}\n\n\t// Left\n\t@HostBinding(\"class.cds--popover--left\") get alignmentLeftClass() {\n\t\treturn this.align === \"left\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--left-top\") get alignmentLeftTopClass() {\n\t\treturn this.align === \"left-top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--left-bottom\") get alignmentLeftBottomClass() {\n\t\treturn this.align === \"left-bottom\";\n\t}\n\n\t// Right\n\t@HostBinding(\"class.cds--popover--right\") get alignmentRightClass() {\n\t\treturn this.align === \"right\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--right-top\") get alignmentRightTopClass() {\n\t\treturn this.align === \"right-top\";\n\t}\n\n\t@HostBinding(\"class.cds--popover--right-bottom\") get alignmentRightBottomClass() {\n\t\treturn this.align === \"right-bottom\";\n\t}\n\n\t/**\n\t * Emits an event when the dialog is closed\n\t */\n\t@Output() onClose: EventEmitter<Event> = new EventEmitter();\n\t/**\n\t * Emits an event when the dialog is opened\n\t */\n\t@Output() onOpen: EventEmitter<Event> = new EventEmitter();\n\t/**\n\t * Emits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n\t */\n\t@Output() isOpenChange = new EventEmitter<boolean>();\n\n\t@HostBinding(\"class.cds--popover--caret\") @Input() caret = true;\n\t@HostBinding(\"class.cds--popover--drop-shadow\") @Input() dropShadow = true;\n\t@HostBinding(\"class.cds--popover--high-contrast\") @Input() highContrast = false;\n\t@HostBinding(\"class.cds--popover--open\") @Input() isOpen = false;\n\n\t@HostBinding(\"class.cds--popover-container\") containerClass = true;\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\" |\n\t\t\"bottom\" | \"bottom-left\" | \"bottom-right\" |\n\t\t\"left\" | \"left-bottom\" | \"left-top\" |\n\t\t\"right\" | \"right-bottom\" | \"right-top\" = \"bottom\";\n\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n\thandleChange(open: boolean, event: Event) {\n\t\tif (this.isOpen !== open) {\n\t\t\tthis.isOpenChange.emit(open);\n\t\t}\n\n\t\tif (open) {\n\t\t\tthis.onOpen.emit(event);\n\t\t} else {\n\t\t\tthis.onClose.emit(event);\n\t\t}\n\t\tthis.isOpen = open;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n}\n",
14843
14843
  "selector": "[cdsPopover], [ibmPopover]",
14844
14844
  "providers": [],
14845
14845
  "hostDirectives": [],
@@ -14850,7 +14850,7 @@
14850
14850
  "defaultValue": "\"bottom\"",
14851
14851
  "deprecated": false,
14852
14852
  "deprecationMessage": "",
14853
- "line": 93,
14853
+ "line": 94,
14854
14854
  "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
14855
14855
  "decorators": []
14856
14856
  },
@@ -14859,7 +14859,7 @@
14859
14859
  "defaultValue": "true",
14860
14860
  "deprecated": false,
14861
14861
  "deprecationMessage": "",
14862
- "line": 87,
14862
+ "line": 88,
14863
14863
  "type": "boolean",
14864
14864
  "decorators": []
14865
14865
  },
@@ -14868,7 +14868,7 @@
14868
14868
  "defaultValue": "true",
14869
14869
  "deprecated": false,
14870
14870
  "deprecationMessage": "",
14871
- "line": 88,
14871
+ "line": 89,
14872
14872
  "type": "boolean",
14873
14873
  "decorators": []
14874
14874
  },
@@ -14877,7 +14877,7 @@
14877
14877
  "defaultValue": "false",
14878
14878
  "deprecated": false,
14879
14879
  "deprecationMessage": "",
14880
- "line": 89,
14880
+ "line": 90,
14881
14881
  "type": "boolean",
14882
14882
  "decorators": []
14883
14883
  },
@@ -14886,7 +14886,7 @@
14886
14886
  "defaultValue": "false",
14887
14887
  "deprecated": false,
14888
14888
  "deprecationMessage": "",
14889
- "line": 90,
14889
+ "line": 91,
14890
14890
  "type": "boolean",
14891
14891
  "decorators": []
14892
14892
  }
@@ -14899,7 +14899,7 @@
14899
14899
  "deprecationMessage": "",
14900
14900
  "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
14901
14901
  "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
14902
- "line": 85,
14902
+ "line": 86,
14903
14903
  "type": "EventEmitter"
14904
14904
  },
14905
14905
  {
@@ -14909,7 +14909,7 @@
14909
14909
  "deprecationMessage": "",
14910
14910
  "rawdescription": "\n\nEmits an event when the dialog is closed\n",
14911
14911
  "description": "<p>Emits an event when the dialog is closed</p>\n",
14912
- "line": 77,
14912
+ "line": 78,
14913
14913
  "type": "EventEmitter<Event>"
14914
14914
  },
14915
14915
  {
@@ -14919,7 +14919,7 @@
14919
14919
  "deprecationMessage": "",
14920
14920
  "rawdescription": "\n\nEmits an event when the dialog is opened\n",
14921
14921
  "description": "<p>Emits an event when the dialog is opened</p>\n",
14922
- "line": 81,
14922
+ "line": 82,
14923
14923
  "type": "EventEmitter<Event>"
14924
14924
  }
14925
14925
  ],
@@ -14930,7 +14930,7 @@
14930
14930
  "name": "class.cds--popover--bottom",
14931
14931
  "deprecated": false,
14932
14932
  "deprecationMessage": "",
14933
- "line": 36,
14933
+ "line": 37,
14934
14934
  "type": "boolean",
14935
14935
  "decorators": []
14936
14936
  },
@@ -14938,7 +14938,7 @@
14938
14938
  "name": "class.cds--popover--bottom-left",
14939
14939
  "deprecated": false,
14940
14940
  "deprecationMessage": "",
14941
- "line": 40,
14941
+ "line": 41,
14942
14942
  "type": "boolean",
14943
14943
  "decorators": []
14944
14944
  },
@@ -14946,7 +14946,7 @@
14946
14946
  "name": "class.cds--popover--bottom-right",
14947
14947
  "deprecated": false,
14948
14948
  "deprecationMessage": "",
14949
- "line": 44,
14949
+ "line": 45,
14950
14950
  "type": "boolean",
14951
14951
  "decorators": []
14952
14952
  },
@@ -14954,7 +14954,7 @@
14954
14954
  "name": "class.cds--popover--left",
14955
14955
  "deprecated": false,
14956
14956
  "deprecationMessage": "",
14957
- "line": 49,
14957
+ "line": 50,
14958
14958
  "type": "boolean",
14959
14959
  "decorators": []
14960
14960
  },
@@ -14962,7 +14962,7 @@
14962
14962
  "name": "class.cds--popover--left-bottom",
14963
14963
  "deprecated": false,
14964
14964
  "deprecationMessage": "",
14965
- "line": 57,
14965
+ "line": 58,
14966
14966
  "type": "boolean",
14967
14967
  "decorators": []
14968
14968
  },
@@ -14970,7 +14970,7 @@
14970
14970
  "name": "class.cds--popover--left-top",
14971
14971
  "deprecated": false,
14972
14972
  "deprecationMessage": "",
14973
- "line": 53,
14973
+ "line": 54,
14974
14974
  "type": "boolean",
14975
14975
  "decorators": []
14976
14976
  },
@@ -14978,7 +14978,7 @@
14978
14978
  "name": "class.cds--popover--right",
14979
14979
  "deprecated": false,
14980
14980
  "deprecationMessage": "",
14981
- "line": 62,
14981
+ "line": 63,
14982
14982
  "type": "boolean",
14983
14983
  "decorators": []
14984
14984
  },
@@ -14986,7 +14986,7 @@
14986
14986
  "name": "class.cds--popover--right-bottom",
14987
14987
  "deprecated": false,
14988
14988
  "deprecationMessage": "",
14989
- "line": 70,
14989
+ "line": 71,
14990
14990
  "type": "boolean",
14991
14991
  "decorators": []
14992
14992
  },
@@ -14994,7 +14994,7 @@
14994
14994
  "name": "class.cds--popover--right-top",
14995
14995
  "deprecated": false,
14996
14996
  "deprecationMessage": "",
14997
- "line": 66,
14997
+ "line": 67,
14998
14998
  "type": "boolean",
14999
14999
  "decorators": []
15000
15000
  },
@@ -15002,7 +15002,7 @@
15002
15002
  "name": "class.cds--popover--top",
15003
15003
  "deprecated": false,
15004
15004
  "deprecationMessage": "",
15005
- "line": 23,
15005
+ "line": 24,
15006
15006
  "type": "boolean",
15007
15007
  "decorators": []
15008
15008
  },
@@ -15010,7 +15010,7 @@
15010
15010
  "name": "class.cds--popover--top-left",
15011
15011
  "deprecated": false,
15012
15012
  "deprecationMessage": "",
15013
- "line": 27,
15013
+ "line": 28,
15014
15014
  "type": "boolean",
15015
15015
  "decorators": []
15016
15016
  },
@@ -15018,7 +15018,7 @@
15018
15018
  "name": "class.cds--popover--top-right",
15019
15019
  "deprecated": false,
15020
15020
  "deprecationMessage": "",
15021
- "line": 31,
15021
+ "line": 32,
15022
15022
  "type": "boolean",
15023
15023
  "decorators": []
15024
15024
  },
@@ -15027,7 +15027,7 @@
15027
15027
  "defaultValue": "true",
15028
15028
  "deprecated": false,
15029
15029
  "deprecationMessage": "",
15030
- "line": 92,
15030
+ "line": 93,
15031
15031
  "type": "boolean",
15032
15032
  "decorators": []
15033
15033
  }
@@ -15042,7 +15042,7 @@
15042
15042
  "type": "",
15043
15043
  "optional": false,
15044
15044
  "description": "",
15045
- "line": 92,
15045
+ "line": 93,
15046
15046
  "decorators": [
15047
15047
  {
15048
15048
  "name": "HostBinding",
@@ -15074,7 +15074,7 @@
15074
15074
  "optional": false,
15075
15075
  "returnType": "void",
15076
15076
  "typeParameters": [],
15077
- "line": 98,
15077
+ "line": 101,
15078
15078
  "deprecated": false,
15079
15079
  "deprecationMessage": "",
15080
15080
  "jsdoctags": [
@@ -15099,6 +15099,32 @@
15099
15099
  ]
15100
15100
  }
15101
15101
  ],
15102
+ "constructorObj": {
15103
+ "name": "constructor",
15104
+ "description": "",
15105
+ "deprecated": false,
15106
+ "deprecationMessage": "",
15107
+ "args": [
15108
+ {
15109
+ "name": "changeDetectorRef",
15110
+ "type": "ChangeDetectorRef",
15111
+ "deprecated": false,
15112
+ "deprecationMessage": ""
15113
+ }
15114
+ ],
15115
+ "line": 97,
15116
+ "jsdoctags": [
15117
+ {
15118
+ "name": "changeDetectorRef",
15119
+ "type": "ChangeDetectorRef",
15120
+ "deprecated": false,
15121
+ "deprecationMessage": "",
15122
+ "tagName": {
15123
+ "text": "param"
15124
+ }
15125
+ }
15126
+ ]
15127
+ },
15102
15128
  "accessors": {
15103
15129
  "alignmentTopClass": {
15104
15130
  "name": "alignmentTopClass",
@@ -15106,7 +15132,7 @@
15106
15132
  "name": "alignmentTopClass",
15107
15133
  "type": "",
15108
15134
  "returnType": "",
15109
- "line": 23
15135
+ "line": 24
15110
15136
  }
15111
15137
  },
15112
15138
  "alignmentTopLeftClass": {
@@ -15115,7 +15141,7 @@
15115
15141
  "name": "alignmentTopLeftClass",
15116
15142
  "type": "",
15117
15143
  "returnType": "",
15118
- "line": 27
15144
+ "line": 28
15119
15145
  }
15120
15146
  },
15121
15147
  "alignmentTopRightClass": {
@@ -15124,7 +15150,7 @@
15124
15150
  "name": "alignmentTopRightClass",
15125
15151
  "type": "",
15126
15152
  "returnType": "",
15127
- "line": 31
15153
+ "line": 32
15128
15154
  }
15129
15155
  },
15130
15156
  "alignmentBottomClass": {
@@ -15133,7 +15159,7 @@
15133
15159
  "name": "alignmentBottomClass",
15134
15160
  "type": "",
15135
15161
  "returnType": "",
15136
- "line": 36
15162
+ "line": 37
15137
15163
  }
15138
15164
  },
15139
15165
  "alignmentBottomLeftClass": {
@@ -15142,7 +15168,7 @@
15142
15168
  "name": "alignmentBottomLeftClass",
15143
15169
  "type": "",
15144
15170
  "returnType": "",
15145
- "line": 40
15171
+ "line": 41
15146
15172
  }
15147
15173
  },
15148
15174
  "alignmentBottomRightClass": {
@@ -15151,7 +15177,7 @@
15151
15177
  "name": "alignmentBottomRightClass",
15152
15178
  "type": "",
15153
15179
  "returnType": "",
15154
- "line": 44
15180
+ "line": 45
15155
15181
  }
15156
15182
  },
15157
15183
  "alignmentLeftClass": {
@@ -15160,7 +15186,7 @@
15160
15186
  "name": "alignmentLeftClass",
15161
15187
  "type": "",
15162
15188
  "returnType": "",
15163
- "line": 49
15189
+ "line": 50
15164
15190
  }
15165
15191
  },
15166
15192
  "alignmentLeftTopClass": {
@@ -15169,7 +15195,7 @@
15169
15195
  "name": "alignmentLeftTopClass",
15170
15196
  "type": "",
15171
15197
  "returnType": "",
15172
- "line": 53
15198
+ "line": 54
15173
15199
  }
15174
15200
  },
15175
15201
  "alignmentLeftBottomClass": {
@@ -15178,7 +15204,7 @@
15178
15204
  "name": "alignmentLeftBottomClass",
15179
15205
  "type": "",
15180
15206
  "returnType": "",
15181
- "line": 57
15207
+ "line": 58
15182
15208
  }
15183
15209
  },
15184
15210
  "alignmentRightClass": {
@@ -15187,7 +15213,7 @@
15187
15213
  "name": "alignmentRightClass",
15188
15214
  "type": "",
15189
15215
  "returnType": "",
15190
- "line": 62
15216
+ "line": 63
15191
15217
  }
15192
15218
  },
15193
15219
  "alignmentRightTopClass": {
@@ -15196,7 +15222,7 @@
15196
15222
  "name": "alignmentRightTopClass",
15197
15223
  "type": "",
15198
15224
  "returnType": "",
15199
- "line": 66
15225
+ "line": 67
15200
15226
  }
15201
15227
  },
15202
15228
  "alignmentRightBottomClass": {
@@ -15205,7 +15231,7 @@
15205
15231
  "name": "alignmentRightBottomClass",
15206
15232
  "type": "",
15207
15233
  "returnType": "",
15208
- "line": 70
15234
+ "line": 71
15209
15235
  }
15210
15236
  }
15211
15237
  }
@@ -62262,8 +62288,9 @@
62262
62288
  },
62263
62289
  {
62264
62290
  "name": "Toggletip",
62265
- "id": "component-Toggletip-8bbd341f665c0211adcc0b9a578f656e5a576296c323e52a52268b0bbeacfc02c5db417927df9edda6395c3fcdfcab58f514e0e78ce38b1119511806142d4e14",
62291
+ "id": "component-Toggletip-724b94bb2f41f45c7b00050f81e251259323a8c33b3d8d50a55fd0839b4c3ad096454893d2f7e7fb59b8c20a873a703b8e0869857d5949581600bab612479345",
62266
62292
  "file": "src/toggletip/toggletip.component.ts",
62293
+ "changeDetection": "ChangeDetectionStrategy.OnPush",
62267
62294
  "encapsulation": [],
62268
62295
  "entryComponents": [],
62269
62296
  "inputs": [],
@@ -62282,7 +62309,7 @@
62282
62309
  "defaultValue": "`tooltip-${Toggletip.toggletipCounter++}`",
62283
62310
  "deprecated": false,
62284
62311
  "deprecationMessage": "",
62285
- "line": 36,
62312
+ "line": 39,
62286
62313
  "type": "string",
62287
62314
  "decorators": []
62288
62315
  },
@@ -62291,7 +62318,7 @@
62291
62318
  "defaultValue": "false",
62292
62319
  "deprecated": false,
62293
62320
  "deprecationMessage": "",
62294
- "line": 39,
62321
+ "line": 42,
62295
62322
  "type": "boolean",
62296
62323
  "decorators": [],
62297
62324
  "inheritance": {
@@ -62303,7 +62330,7 @@
62303
62330
  "defaultValue": "\"bottom\"",
62304
62331
  "deprecated": false,
62305
62332
  "deprecationMessage": "",
62306
- "line": 93,
62333
+ "line": 94,
62307
62334
  "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
62308
62335
  "decorators": [],
62309
62336
  "inheritance": {
@@ -62315,7 +62342,7 @@
62315
62342
  "defaultValue": "true",
62316
62343
  "deprecated": false,
62317
62344
  "deprecationMessage": "",
62318
- "line": 87,
62345
+ "line": 88,
62319
62346
  "type": "boolean",
62320
62347
  "decorators": [],
62321
62348
  "inheritance": {
@@ -62327,7 +62354,7 @@
62327
62354
  "defaultValue": "true",
62328
62355
  "deprecated": false,
62329
62356
  "deprecationMessage": "",
62330
- "line": 88,
62357
+ "line": 89,
62331
62358
  "type": "boolean",
62332
62359
  "decorators": [],
62333
62360
  "inheritance": {
@@ -62339,7 +62366,7 @@
62339
62366
  "defaultValue": "false",
62340
62367
  "deprecated": false,
62341
62368
  "deprecationMessage": "",
62342
- "line": 89,
62369
+ "line": 90,
62343
62370
  "type": "boolean",
62344
62371
  "decorators": [],
62345
62372
  "inheritance": {
@@ -62355,7 +62382,7 @@
62355
62382
  "deprecationMessage": "",
62356
62383
  "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
62357
62384
  "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
62358
- "line": 85,
62385
+ "line": 86,
62359
62386
  "type": "EventEmitter",
62360
62387
  "inheritance": {
62361
62388
  "file": "PopoverContainer"
@@ -62368,7 +62395,7 @@
62368
62395
  "deprecationMessage": "",
62369
62396
  "rawdescription": "\n\nEmits an event when the dialog is closed\n",
62370
62397
  "description": "<p>Emits an event when the dialog is closed</p>\n",
62371
- "line": 77,
62398
+ "line": 78,
62372
62399
  "type": "EventEmitter<Event>",
62373
62400
  "inheritance": {
62374
62401
  "file": "PopoverContainer"
@@ -62381,7 +62408,7 @@
62381
62408
  "deprecationMessage": "",
62382
62409
  "rawdescription": "\n\nEmits an event when the dialog is opened\n",
62383
62410
  "description": "<p>Emits an event when the dialog is opened</p>\n",
62384
- "line": 81,
62411
+ "line": 82,
62385
62412
  "type": "EventEmitter<Event>",
62386
62413
  "inheritance": {
62387
62414
  "file": "PopoverContainer"
@@ -62396,7 +62423,7 @@
62396
62423
  "type": "ElementRef",
62397
62424
  "optional": false,
62398
62425
  "description": "",
62399
- "line": 41,
62426
+ "line": 44,
62400
62427
  "decorators": [
62401
62428
  {
62402
62429
  "name": "ContentChild",
@@ -62415,7 +62442,7 @@
62415
62442
  "type": "",
62416
62443
  "optional": false,
62417
62444
  "description": "",
62418
- "line": 43
62445
+ "line": 46
62419
62446
  },
62420
62447
  {
62421
62448
  "name": "toggletipClass",
@@ -62425,7 +62452,7 @@
62425
62452
  "type": "",
62426
62453
  "optional": false,
62427
62454
  "description": "",
62428
- "line": 38,
62455
+ "line": 41,
62429
62456
  "decorators": [
62430
62457
  {
62431
62458
  "name": "HostBinding",
@@ -62444,7 +62471,7 @@
62444
62471
  "type": "number",
62445
62472
  "optional": false,
62446
62473
  "description": "",
62447
- "line": 34,
62474
+ "line": 37,
62448
62475
  "modifierKind": [
62449
62476
  124
62450
62477
  ]
@@ -62457,7 +62484,7 @@
62457
62484
  "type": "",
62458
62485
  "optional": false,
62459
62486
  "description": "",
62460
- "line": 92,
62487
+ "line": 93,
62461
62488
  "decorators": [
62462
62489
  {
62463
62490
  "name": "HostBinding",
@@ -62486,7 +62513,7 @@
62486
62513
  "optional": false,
62487
62514
  "returnType": "void",
62488
62515
  "typeParameters": [],
62489
- "line": 84,
62516
+ "line": 87,
62490
62517
  "deprecated": false,
62491
62518
  "deprecationMessage": "",
62492
62519
  "jsdoctags": [
@@ -62514,7 +62541,7 @@
62514
62541
  "optional": false,
62515
62542
  "returnType": "void",
62516
62543
  "typeParameters": [],
62517
- "line": 77,
62544
+ "line": 80,
62518
62545
  "deprecated": false,
62519
62546
  "deprecationMessage": "",
62520
62547
  "decorators": [
@@ -62557,7 +62584,7 @@
62557
62584
  "optional": false,
62558
62585
  "returnType": "void",
62559
62586
  "typeParameters": [],
62560
- "line": 98,
62587
+ "line": 101,
62561
62588
  "deprecated": false,
62562
62589
  "deprecationMessage": "",
62563
62590
  "jsdoctags": [
@@ -62593,7 +62620,7 @@
62593
62620
  "defaultValue": "true",
62594
62621
  "deprecated": false,
62595
62622
  "deprecationMessage": "",
62596
- "line": 38,
62623
+ "line": 41,
62597
62624
  "type": "boolean",
62598
62625
  "decorators": []
62599
62626
  },
@@ -62601,7 +62628,7 @@
62601
62628
  "name": "class.cds--popover--bottom",
62602
62629
  "deprecated": false,
62603
62630
  "deprecationMessage": "",
62604
- "line": 36,
62631
+ "line": 37,
62605
62632
  "type": "boolean",
62606
62633
  "decorators": [],
62607
62634
  "inheritance": {
@@ -62612,7 +62639,7 @@
62612
62639
  "name": "class.cds--popover--bottom-left",
62613
62640
  "deprecated": false,
62614
62641
  "deprecationMessage": "",
62615
- "line": 40,
62642
+ "line": 41,
62616
62643
  "type": "boolean",
62617
62644
  "decorators": [],
62618
62645
  "inheritance": {
@@ -62623,7 +62650,7 @@
62623
62650
  "name": "class.cds--popover--bottom-right",
62624
62651
  "deprecated": false,
62625
62652
  "deprecationMessage": "",
62626
- "line": 44,
62653
+ "line": 45,
62627
62654
  "type": "boolean",
62628
62655
  "decorators": [],
62629
62656
  "inheritance": {
@@ -62634,7 +62661,7 @@
62634
62661
  "name": "class.cds--popover--left",
62635
62662
  "deprecated": false,
62636
62663
  "deprecationMessage": "",
62637
- "line": 49,
62664
+ "line": 50,
62638
62665
  "type": "boolean",
62639
62666
  "decorators": [],
62640
62667
  "inheritance": {
@@ -62645,7 +62672,7 @@
62645
62672
  "name": "class.cds--popover--left-bottom",
62646
62673
  "deprecated": false,
62647
62674
  "deprecationMessage": "",
62648
- "line": 57,
62675
+ "line": 58,
62649
62676
  "type": "boolean",
62650
62677
  "decorators": [],
62651
62678
  "inheritance": {
@@ -62656,7 +62683,7 @@
62656
62683
  "name": "class.cds--popover--left-top",
62657
62684
  "deprecated": false,
62658
62685
  "deprecationMessage": "",
62659
- "line": 53,
62686
+ "line": 54,
62660
62687
  "type": "boolean",
62661
62688
  "decorators": [],
62662
62689
  "inheritance": {
@@ -62667,7 +62694,7 @@
62667
62694
  "name": "class.cds--popover--right",
62668
62695
  "deprecated": false,
62669
62696
  "deprecationMessage": "",
62670
- "line": 62,
62697
+ "line": 63,
62671
62698
  "type": "boolean",
62672
62699
  "decorators": [],
62673
62700
  "inheritance": {
@@ -62678,7 +62705,7 @@
62678
62705
  "name": "class.cds--popover--right-bottom",
62679
62706
  "deprecated": false,
62680
62707
  "deprecationMessage": "",
62681
- "line": 70,
62708
+ "line": 71,
62682
62709
  "type": "boolean",
62683
62710
  "decorators": [],
62684
62711
  "inheritance": {
@@ -62689,7 +62716,7 @@
62689
62716
  "name": "class.cds--popover--right-top",
62690
62717
  "deprecated": false,
62691
62718
  "deprecationMessage": "",
62692
- "line": 66,
62719
+ "line": 67,
62693
62720
  "type": "boolean",
62694
62721
  "decorators": [],
62695
62722
  "inheritance": {
@@ -62700,7 +62727,7 @@
62700
62727
  "name": "class.cds--popover--top",
62701
62728
  "deprecated": false,
62702
62729
  "deprecationMessage": "",
62703
- "line": 23,
62730
+ "line": 24,
62704
62731
  "type": "boolean",
62705
62732
  "decorators": [],
62706
62733
  "inheritance": {
@@ -62711,7 +62738,7 @@
62711
62738
  "name": "class.cds--popover--top-left",
62712
62739
  "deprecated": false,
62713
62740
  "deprecationMessage": "",
62714
- "line": 27,
62741
+ "line": 28,
62715
62742
  "type": "boolean",
62716
62743
  "decorators": [],
62717
62744
  "inheritance": {
@@ -62722,7 +62749,7 @@
62722
62749
  "name": "class.cds--popover--top-right",
62723
62750
  "deprecated": false,
62724
62751
  "deprecationMessage": "",
62725
- "line": 31,
62752
+ "line": 32,
62726
62753
  "type": "boolean",
62727
62754
  "decorators": [],
62728
62755
  "inheritance": {
@@ -62734,7 +62761,7 @@
62734
62761
  "defaultValue": "true",
62735
62762
  "deprecated": false,
62736
62763
  "deprecationMessage": "",
62737
- "line": 92,
62764
+ "line": 93,
62738
62765
  "type": "boolean",
62739
62766
  "decorators": [],
62740
62767
  "inheritance": {
@@ -62758,7 +62785,7 @@
62758
62785
  ],
62759
62786
  "deprecated": false,
62760
62787
  "deprecationMessage": "",
62761
- "line": 77
62788
+ "line": 80
62762
62789
  }
62763
62790
  ],
62764
62791
  "standalone": false,
@@ -62766,7 +62793,7 @@
62766
62793
  "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ToggletipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-toggletip--basic\">See demo</a></p>\n",
62767
62794
  "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ToggletipModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-toggletip--basic)\n",
62768
62795
  "type": "component",
62769
- "sourceCode": "import {\n\tAfterViewInit,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tRenderer2\n} from \"@angular/core\";\nimport { fromEvent } from \"rxjs\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\nimport { ToggletipButton } from \"./toggletip-button.directive\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ToggletipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-toggletip--basic)\n */\n@Component({\n\tselector: \"cds-toggletip, ibm-toggletip\",\n\ttemplate: `\n\t\t<ng-content select=\"[cdsToggletipButton]\"></ng-content>\n\t\t<cds-popover-content>\n\t\t\t<ng-content select=\"[cdsToggletipContent]\"></ng-content>\n\t\t</cds-popover-content>\n\t`\n})\nexport class Toggletip extends PopoverContainer implements AfterViewInit {\n\tstatic toggletipCounter = 0;\n\n\t@Input() id = `tooltip-${Toggletip.toggletipCounter++}`;\n\n\t@HostBinding(\"class.cds--toggletip\") toggletipClass = true;\n\t@HostBinding(\"class.cds--toggletip--open\") @Input() isOpen = false;\n\n\t@ContentChild(ToggletipButton, { read: ElementRef }) btn!: ElementRef;\n\n\tdocumentClick = this.handleFocusOut.bind(this);\n\n\tconstructor(private hostElement: ElementRef, private renderer: Renderer2) {\n\t\tsuper();\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\tngAfterViewInit(): void {\n\t\t// Listen for click events on trigger\n\t\tfromEvent(this.btn.nativeElement, \"click\")\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\t// Add/Remove event listener based on isOpen to improve performance when there\n\t\t\t\t// are a lot of toggletips\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\n\t\t\t\t} else {\n\t\t\t\t\tdocument.addEventListener(\"click\", this.documentClick);\n\t\t\t\t}\n\n\t\t\t\tthis.handleExpansion(!this.isOpen, event);\n\t\t\t});\n\n\t\t// Toggletip is open on initial render, add 'click' event listener to document so users can close\n\t\tif (this.isOpen) {\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\n\t\t}\n\n\t\tif (this.btn) {\n\t\t\tthis.renderer.setAttribute(this.btn.nativeElement, \"aria-controls\", this.id);\n\t\t}\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.handleExpansion(false, event);\n\t\t}\n\t}\n\n\thandleFocusOut(event) {\n\t\tif (!this.hostElement.nativeElement.contains(event.target)) {\n\t\t\tthis.handleExpansion(false, event);\n\t\t}\n\t}\n\n\tprivate handleExpansion(state = false, event: Event) {\n\t\tthis.handleChange(state, event);\n\t\tif (this.btn) {\n\t\t\tthis.renderer.setAttribute(this.btn.nativeElement, \"aria-expanded\", this.isOpen.toString());\n\t\t}\n\t}\n}\n",
62796
+ "sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tRenderer2\n} from \"@angular/core\";\nimport { fromEvent } from \"rxjs\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\nimport { ToggletipButton } from \"./toggletip-button.directive\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ToggletipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-toggletip--basic)\n */\n@Component({\n\tselector: \"cds-toggletip, ibm-toggletip\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<ng-content select=\"[cdsToggletipButton]\"></ng-content>\n\t\t<cds-popover-content>\n\t\t\t<ng-content select=\"[cdsToggletipContent]\"></ng-content>\n\t\t</cds-popover-content>\n\t`\n})\nexport class Toggletip extends PopoverContainer implements AfterViewInit {\n\tstatic toggletipCounter = 0;\n\n\t@Input() id = `tooltip-${Toggletip.toggletipCounter++}`;\n\n\t@HostBinding(\"class.cds--toggletip\") toggletipClass = true;\n\t@HostBinding(\"class.cds--toggletip--open\") @Input() isOpen = false;\n\n\t@ContentChild(ToggletipButton, { read: ElementRef }) btn!: ElementRef;\n\n\tdocumentClick = this.handleFocusOut.bind(this);\n\n\tconstructor(private hostElement: ElementRef, private renderer: Renderer2, private ref: ChangeDetectorRef) {\n\t\tsuper(ref);\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\tngAfterViewInit(): void {\n\t\t// Listen for click events on trigger\n\t\tfromEvent(this.btn.nativeElement, \"click\")\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\t// Add/Remove event listener based on isOpen to improve performance when there\n\t\t\t\t// are a lot of toggletips\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\n\t\t\t\t} else {\n\t\t\t\t\tdocument.addEventListener(\"click\", this.documentClick);\n\t\t\t\t}\n\n\t\t\t\tthis.handleExpansion(!this.isOpen, event);\n\t\t\t});\n\n\t\t// Toggletip is open on initial render, add 'click' event listener to document so users can close\n\t\tif (this.isOpen) {\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\n\t\t}\n\n\t\tif (this.btn) {\n\t\t\tthis.renderer.setAttribute(this.btn.nativeElement, \"aria-controls\", this.id);\n\t\t}\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.handleExpansion(false, event);\n\t\t}\n\t}\n\n\thandleFocusOut(event) {\n\t\tif (!this.hostElement.nativeElement.contains(event.target)) {\n\t\t\tthis.handleExpansion(false, event);\n\t\t}\n\t}\n\n\tprivate handleExpansion(state = false, event: Event) {\n\t\tthis.handleChange(state, event);\n\t\tif (this.btn) {\n\t\t\tthis.renderer.setAttribute(this.btn.nativeElement, \"aria-expanded\", this.isOpen.toString());\n\t\t}\n\t}\n}\n",
62770
62797
  "assetsDirs": [],
62771
62798
  "styleUrlsData": "",
62772
62799
  "stylesData": "",
@@ -62787,9 +62814,15 @@
62787
62814
  "type": "Renderer2",
62788
62815
  "deprecated": false,
62789
62816
  "deprecationMessage": ""
62817
+ },
62818
+ {
62819
+ "name": "ref",
62820
+ "type": "ChangeDetectorRef",
62821
+ "deprecated": false,
62822
+ "deprecationMessage": ""
62790
62823
  }
62791
62824
  ],
62792
- "line": 43,
62825
+ "line": 46,
62793
62826
  "jsdoctags": [
62794
62827
  {
62795
62828
  "name": "hostElement",
@@ -62808,6 +62841,15 @@
62808
62841
  "tagName": {
62809
62842
  "text": "param"
62810
62843
  }
62844
+ },
62845
+ {
62846
+ "name": "ref",
62847
+ "type": "ChangeDetectorRef",
62848
+ "deprecated": false,
62849
+ "deprecationMessage": "",
62850
+ "tagName": {
62851
+ "text": "param"
62852
+ }
62811
62853
  }
62812
62854
  ]
62813
62855
  },
@@ -62818,8 +62860,9 @@
62818
62860
  },
62819
62861
  {
62820
62862
  "name": "Tooltip",
62821
- "id": "component-Tooltip-8e5c0c511e8b7f7d8bcd110ef990b3e5243f5d1f6b117bf5fa7605fd58da7aaa127270125b44169a18ae4c55b3363032348e37d9098869f220b890530d403923",
62863
+ "id": "component-Tooltip-3d80cb8f3a241123abf19a3100e2bdeaa7d195eb2d9c0cca22c908b5ac1e1d033f796b15b35f45977ff3c86858f13a15b8e9f5221cbd3b9095971f8f9966a38a",
62822
62864
  "file": "src/tooltip/tooltip.component.ts",
62865
+ "changeDetection": "ChangeDetectionStrategy.OnPush",
62823
62866
  "encapsulation": [],
62824
62867
  "entryComponents": [],
62825
62868
  "inputs": [],
@@ -62839,7 +62882,7 @@
62839
62882
  "deprecationMessage": "",
62840
62883
  "rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
62841
62884
  "description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
62842
- "line": 65,
62885
+ "line": 68,
62843
62886
  "type": "string | TemplateRef<any>",
62844
62887
  "decorators": []
62845
62888
  },
@@ -62850,7 +62893,7 @@
62850
62893
  "deprecationMessage": "",
62851
62894
  "rawdescription": "\n\nPrevent tooltip from showing, used by icon button\n",
62852
62895
  "description": "<p>Prevent tooltip from showing, used by icon button</p>\n",
62853
- "line": 61,
62896
+ "line": 64,
62854
62897
  "type": "boolean",
62855
62898
  "decorators": []
62856
62899
  },
@@ -62861,7 +62904,7 @@
62861
62904
  "deprecationMessage": "",
62862
62905
  "rawdescription": "\n\nSet delay before tooltip is shown\n",
62863
62906
  "description": "<p>Set delay before tooltip is shown</p>\n",
62864
- "line": 53,
62907
+ "line": 56,
62865
62908
  "type": "number",
62866
62909
  "decorators": []
62867
62910
  },
@@ -62870,7 +62913,7 @@
62870
62913
  "defaultValue": "`tooltip-${Tooltip.tooltipCount++}`",
62871
62914
  "deprecated": false,
62872
62915
  "deprecationMessage": "",
62873
- "line": 49,
62916
+ "line": 52,
62874
62917
  "type": "string",
62875
62918
  "decorators": []
62876
62919
  },
@@ -62881,7 +62924,7 @@
62881
62924
  "deprecationMessage": "",
62882
62925
  "rawdescription": "\n\nSet delay when tooltip disappears\n",
62883
62926
  "description": "<p>Set delay when tooltip disappears</p>\n",
62884
- "line": 57,
62927
+ "line": 60,
62885
62928
  "type": "number",
62886
62929
  "decorators": []
62887
62930
  },
@@ -62890,7 +62933,7 @@
62890
62933
  "defaultValue": "\"bottom\"",
62891
62934
  "deprecated": false,
62892
62935
  "deprecationMessage": "",
62893
- "line": 93,
62936
+ "line": 94,
62894
62937
  "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
62895
62938
  "decorators": [],
62896
62939
  "inheritance": {
@@ -62902,7 +62945,7 @@
62902
62945
  "defaultValue": "true",
62903
62946
  "deprecated": false,
62904
62947
  "deprecationMessage": "",
62905
- "line": 87,
62948
+ "line": 88,
62906
62949
  "type": "boolean",
62907
62950
  "decorators": [],
62908
62951
  "inheritance": {
@@ -62914,7 +62957,7 @@
62914
62957
  "defaultValue": "true",
62915
62958
  "deprecated": false,
62916
62959
  "deprecationMessage": "",
62917
- "line": 88,
62960
+ "line": 89,
62918
62961
  "type": "boolean",
62919
62962
  "decorators": [],
62920
62963
  "inheritance": {
@@ -62926,7 +62969,7 @@
62926
62969
  "defaultValue": "false",
62927
62970
  "deprecated": false,
62928
62971
  "deprecationMessage": "",
62929
- "line": 89,
62972
+ "line": 90,
62930
62973
  "type": "boolean",
62931
62974
  "decorators": [],
62932
62975
  "inheritance": {
@@ -62938,7 +62981,7 @@
62938
62981
  "defaultValue": "false",
62939
62982
  "deprecated": false,
62940
62983
  "deprecationMessage": "",
62941
- "line": 90,
62984
+ "line": 91,
62942
62985
  "type": "boolean",
62943
62986
  "decorators": [],
62944
62987
  "inheritance": {
@@ -62954,7 +62997,7 @@
62954
62997
  "deprecationMessage": "",
62955
62998
  "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
62956
62999
  "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
62957
- "line": 85,
63000
+ "line": 86,
62958
63001
  "type": "EventEmitter",
62959
63002
  "inheritance": {
62960
63003
  "file": "PopoverContainer"
@@ -62967,7 +63010,7 @@
62967
63010
  "deprecationMessage": "",
62968
63011
  "rawdescription": "\n\nEmits an event when the dialog is closed\n",
62969
63012
  "description": "<p>Emits an event when the dialog is closed</p>\n",
62970
- "line": 77,
63013
+ "line": 78,
62971
63014
  "type": "EventEmitter<Event>",
62972
63015
  "inheritance": {
62973
63016
  "file": "PopoverContainer"
@@ -62980,7 +63023,7 @@
62980
63023
  "deprecationMessage": "",
62981
63024
  "rawdescription": "\n\nEmits an event when the dialog is opened\n",
62982
63025
  "description": "<p>Emits an event when the dialog is opened</p>\n",
62983
- "line": 81,
63026
+ "line": 82,
62984
63027
  "type": "EventEmitter<Event>",
62985
63028
  "inheritance": {
62986
63029
  "file": "PopoverContainer"
@@ -62996,7 +63039,7 @@
62996
63039
  "type": "",
62997
63040
  "optional": false,
62998
63041
  "description": "",
62999
- "line": 47,
63042
+ "line": 50,
63000
63043
  "decorators": [
63001
63044
  {
63002
63045
  "name": "HostBinding",
@@ -63015,7 +63058,7 @@
63015
63058
  "type": "number",
63016
63059
  "optional": false,
63017
63060
  "description": "",
63018
- "line": 45,
63061
+ "line": 48,
63019
63062
  "modifierKind": [
63020
63063
  124
63021
63064
  ]
@@ -63027,7 +63070,7 @@
63027
63070
  "type": "ElementRef<HTMLSpanElement>",
63028
63071
  "optional": false,
63029
63072
  "description": "",
63030
- "line": 67,
63073
+ "line": 70,
63031
63074
  "decorators": [
63032
63075
  {
63033
63076
  "name": "ViewChild",
@@ -63046,7 +63089,7 @@
63046
63089
  "type": "",
63047
63090
  "optional": false,
63048
63091
  "description": "",
63049
- "line": 92,
63092
+ "line": 93,
63050
63093
  "decorators": [
63051
63094
  {
63052
63095
  "name": "HostBinding",
@@ -63075,7 +63118,7 @@
63075
63118
  "optional": false,
63076
63119
  "returnType": "void",
63077
63120
  "typeParameters": [],
63078
- "line": 99,
63121
+ "line": 102,
63079
63122
  "deprecated": false,
63080
63123
  "deprecationMessage": "",
63081
63124
  "decorators": [
@@ -63112,7 +63155,7 @@
63112
63155
  "optional": false,
63113
63156
  "returnType": "void",
63114
63157
  "typeParameters": [],
63115
- "line": 104,
63158
+ "line": 107,
63116
63159
  "deprecated": false,
63117
63160
  "deprecationMessage": "",
63118
63161
  "decorators": [
@@ -63149,7 +63192,7 @@
63149
63192
  "optional": false,
63150
63193
  "returnType": "void",
63151
63194
  "typeParameters": [],
63152
- "line": 90,
63195
+ "line": 93,
63153
63196
  "deprecated": false,
63154
63197
  "deprecationMessage": "",
63155
63198
  "decorators": [
@@ -63186,7 +63229,7 @@
63186
63229
  "optional": false,
63187
63230
  "returnType": "boolean",
63188
63231
  "typeParameters": [],
63189
- "line": 108,
63232
+ "line": 111,
63190
63233
  "deprecated": false,
63191
63234
  "deprecationMessage": "",
63192
63235
  "jsdoctags": [
@@ -63214,7 +63257,7 @@
63214
63257
  "optional": false,
63215
63258
  "returnType": "void",
63216
63259
  "typeParameters": [],
63217
- "line": 76,
63260
+ "line": 79,
63218
63261
  "deprecated": false,
63219
63262
  "deprecationMessage": "",
63220
63263
  "decorators": [
@@ -63251,7 +63294,7 @@
63251
63294
  "optional": false,
63252
63295
  "returnType": "void",
63253
63296
  "typeParameters": [],
63254
- "line": 83,
63297
+ "line": 86,
63255
63298
  "deprecated": false,
63256
63299
  "deprecationMessage": "",
63257
63300
  "decorators": [
@@ -63294,7 +63337,7 @@
63294
63337
  "optional": false,
63295
63338
  "returnType": "void",
63296
63339
  "typeParameters": [],
63297
- "line": 98,
63340
+ "line": 101,
63298
63341
  "deprecated": false,
63299
63342
  "deprecationMessage": "",
63300
63343
  "jsdoctags": [
@@ -63330,7 +63373,7 @@
63330
63373
  "defaultValue": "true",
63331
63374
  "deprecated": false,
63332
63375
  "deprecationMessage": "",
63333
- "line": 47,
63376
+ "line": 50,
63334
63377
  "type": "boolean",
63335
63378
  "decorators": []
63336
63379
  },
@@ -63338,7 +63381,7 @@
63338
63381
  "name": "class.cds--popover--bottom",
63339
63382
  "deprecated": false,
63340
63383
  "deprecationMessage": "",
63341
- "line": 36,
63384
+ "line": 37,
63342
63385
  "type": "boolean",
63343
63386
  "decorators": [],
63344
63387
  "inheritance": {
@@ -63349,7 +63392,7 @@
63349
63392
  "name": "class.cds--popover--bottom-left",
63350
63393
  "deprecated": false,
63351
63394
  "deprecationMessage": "",
63352
- "line": 40,
63395
+ "line": 41,
63353
63396
  "type": "boolean",
63354
63397
  "decorators": [],
63355
63398
  "inheritance": {
@@ -63360,7 +63403,7 @@
63360
63403
  "name": "class.cds--popover--bottom-right",
63361
63404
  "deprecated": false,
63362
63405
  "deprecationMessage": "",
63363
- "line": 44,
63406
+ "line": 45,
63364
63407
  "type": "boolean",
63365
63408
  "decorators": [],
63366
63409
  "inheritance": {
@@ -63371,7 +63414,7 @@
63371
63414
  "name": "class.cds--popover--left",
63372
63415
  "deprecated": false,
63373
63416
  "deprecationMessage": "",
63374
- "line": 49,
63417
+ "line": 50,
63375
63418
  "type": "boolean",
63376
63419
  "decorators": [],
63377
63420
  "inheritance": {
@@ -63382,7 +63425,7 @@
63382
63425
  "name": "class.cds--popover--left-bottom",
63383
63426
  "deprecated": false,
63384
63427
  "deprecationMessage": "",
63385
- "line": 57,
63428
+ "line": 58,
63386
63429
  "type": "boolean",
63387
63430
  "decorators": [],
63388
63431
  "inheritance": {
@@ -63393,7 +63436,7 @@
63393
63436
  "name": "class.cds--popover--left-top",
63394
63437
  "deprecated": false,
63395
63438
  "deprecationMessage": "",
63396
- "line": 53,
63439
+ "line": 54,
63397
63440
  "type": "boolean",
63398
63441
  "decorators": [],
63399
63442
  "inheritance": {
@@ -63404,7 +63447,7 @@
63404
63447
  "name": "class.cds--popover--right",
63405
63448
  "deprecated": false,
63406
63449
  "deprecationMessage": "",
63407
- "line": 62,
63450
+ "line": 63,
63408
63451
  "type": "boolean",
63409
63452
  "decorators": [],
63410
63453
  "inheritance": {
@@ -63415,7 +63458,7 @@
63415
63458
  "name": "class.cds--popover--right-bottom",
63416
63459
  "deprecated": false,
63417
63460
  "deprecationMessage": "",
63418
- "line": 70,
63461
+ "line": 71,
63419
63462
  "type": "boolean",
63420
63463
  "decorators": [],
63421
63464
  "inheritance": {
@@ -63426,7 +63469,7 @@
63426
63469
  "name": "class.cds--popover--right-top",
63427
63470
  "deprecated": false,
63428
63471
  "deprecationMessage": "",
63429
- "line": 66,
63472
+ "line": 67,
63430
63473
  "type": "boolean",
63431
63474
  "decorators": [],
63432
63475
  "inheritance": {
@@ -63437,7 +63480,7 @@
63437
63480
  "name": "class.cds--popover--top",
63438
63481
  "deprecated": false,
63439
63482
  "deprecationMessage": "",
63440
- "line": 23,
63483
+ "line": 24,
63441
63484
  "type": "boolean",
63442
63485
  "decorators": [],
63443
63486
  "inheritance": {
@@ -63448,7 +63491,7 @@
63448
63491
  "name": "class.cds--popover--top-left",
63449
63492
  "deprecated": false,
63450
63493
  "deprecationMessage": "",
63451
- "line": 27,
63494
+ "line": 28,
63452
63495
  "type": "boolean",
63453
63496
  "decorators": [],
63454
63497
  "inheritance": {
@@ -63459,7 +63502,7 @@
63459
63502
  "name": "class.cds--popover--top-right",
63460
63503
  "deprecated": false,
63461
63504
  "deprecationMessage": "",
63462
- "line": 31,
63505
+ "line": 32,
63463
63506
  "type": "boolean",
63464
63507
  "decorators": [],
63465
63508
  "inheritance": {
@@ -63471,7 +63514,7 @@
63471
63514
  "defaultValue": "true",
63472
63515
  "deprecated": false,
63473
63516
  "deprecationMessage": "",
63474
- "line": 92,
63517
+ "line": 93,
63475
63518
  "type": "boolean",
63476
63519
  "decorators": [],
63477
63520
  "inheritance": {
@@ -63495,7 +63538,7 @@
63495
63538
  ],
63496
63539
  "deprecated": false,
63497
63540
  "deprecationMessage": "",
63498
- "line": 99
63541
+ "line": 102
63499
63542
  },
63500
63543
  {
63501
63544
  "name": "focusout",
@@ -63512,7 +63555,7 @@
63512
63555
  ],
63513
63556
  "deprecated": false,
63514
63557
  "deprecationMessage": "",
63515
- "line": 104
63558
+ "line": 107
63516
63559
  },
63517
63560
  {
63518
63561
  "name": "keyup",
@@ -63529,7 +63572,7 @@
63529
63572
  ],
63530
63573
  "deprecated": false,
63531
63574
  "deprecationMessage": "",
63532
- "line": 90
63575
+ "line": 93
63533
63576
  },
63534
63577
  {
63535
63578
  "name": "mouseenter",
@@ -63546,7 +63589,7 @@
63546
63589
  ],
63547
63590
  "deprecated": false,
63548
63591
  "deprecationMessage": "",
63549
- "line": 76
63592
+ "line": 79
63550
63593
  },
63551
63594
  {
63552
63595
  "name": "mouseleave",
@@ -63563,7 +63606,7 @@
63563
63606
  ],
63564
63607
  "deprecated": false,
63565
63608
  "deprecationMessage": "",
63566
- "line": 83
63609
+ "line": 86
63567
63610
  }
63568
63611
  ],
63569
63612
  "standalone": false,
@@ -63571,7 +63614,7 @@
63571
63614
  "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tooltip--basic\">See demo</a></p>\n",
63572
63615
  "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { TooltipModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-tooltip--basic)\n",
63573
63616
  "type": "component",
63574
- "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 * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"cds-tooltip, 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",
63617
+ "sourceCode": "import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\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 * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"cds-tooltip, ibm-tooltip\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\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(private ref: ChangeDetectorRef) {\n\t\tsuper(ref);\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",
63575
63618
  "assetsDirs": [],
63576
63619
  "styleUrlsData": "",
63577
63620
  "stylesData": "",
@@ -63580,8 +63623,26 @@
63580
63623
  "description": "",
63581
63624
  "deprecated": false,
63582
63625
  "deprecationMessage": "",
63583
- "args": [],
63584
- "line": 67
63626
+ "args": [
63627
+ {
63628
+ "name": "ref",
63629
+ "type": "ChangeDetectorRef",
63630
+ "deprecated": false,
63631
+ "deprecationMessage": ""
63632
+ }
63633
+ ],
63634
+ "line": 70,
63635
+ "jsdoctags": [
63636
+ {
63637
+ "name": "ref",
63638
+ "type": "ChangeDetectorRef",
63639
+ "deprecated": false,
63640
+ "deprecationMessage": "",
63641
+ "tagName": {
63642
+ "text": "param"
63643
+ }
63644
+ }
63645
+ ]
63585
63646
  },
63586
63647
  "extends": "PopoverContainer",
63587
63648
  "implements": [
@@ -63590,8 +63651,9 @@
63590
63651
  },
63591
63652
  {
63592
63653
  "name": "TooltipDefinition",
63593
- "id": "component-TooltipDefinition-ce851bb405218d3343fa581be6939c9bf18a55f1cf06431bded3827882ac1d1160f133436548b3aaca2a81a102fdb61bfa6251a6bbddc6c6c1777ddb6bfc3232",
63654
+ "id": "component-TooltipDefinition-3a9038152f40c048717bb4758e6cdc6eadb1bdea93f8f7336b6ee83029b8a5669ff941847eace94982e39403b806235a77a67e60a902905051d1bf3bf154816a",
63594
63655
  "file": "src/tooltip/definition-tooptip.component.ts",
63656
+ "changeDetection": "ChangeDetectionStrategy.OnPush",
63595
63657
  "encapsulation": [],
63596
63658
  "entryComponents": [],
63597
63659
  "inputs": [],
@@ -63612,7 +63674,7 @@
63612
63674
  "deprecationMessage": "",
63613
63675
  "rawdescription": "\n\nOverride alignment options\n",
63614
63676
  "description": "<p>Override alignment options</p>\n",
63615
- "line": 52,
63677
+ "line": 55,
63616
63678
  "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\"",
63617
63679
  "decorators": [],
63618
63680
  "inheritance": {
@@ -63625,7 +63687,7 @@
63625
63687
  "deprecationMessage": "",
63626
63688
  "rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
63627
63689
  "description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
63628
- "line": 58,
63690
+ "line": 61,
63629
63691
  "type": "string | TemplateRef<any>",
63630
63692
  "decorators": []
63631
63693
  },
@@ -63634,7 +63696,7 @@
63634
63696
  "defaultValue": "`tooltip-definition-${TooltipDefinition.tooltipCount++}`",
63635
63697
  "deprecated": false,
63636
63698
  "deprecationMessage": "",
63637
- "line": 47,
63699
+ "line": 50,
63638
63700
  "type": "string",
63639
63701
  "decorators": []
63640
63702
  },
@@ -63643,7 +63705,7 @@
63643
63705
  "defaultValue": "true",
63644
63706
  "deprecated": false,
63645
63707
  "deprecationMessage": "",
63646
- "line": 87,
63708
+ "line": 88,
63647
63709
  "type": "boolean",
63648
63710
  "decorators": [],
63649
63711
  "inheritance": {
@@ -63655,7 +63717,7 @@
63655
63717
  "defaultValue": "true",
63656
63718
  "deprecated": false,
63657
63719
  "deprecationMessage": "",
63658
- "line": 88,
63720
+ "line": 89,
63659
63721
  "type": "boolean",
63660
63722
  "decorators": [],
63661
63723
  "inheritance": {
@@ -63667,7 +63729,7 @@
63667
63729
  "defaultValue": "false",
63668
63730
  "deprecated": false,
63669
63731
  "deprecationMessage": "",
63670
- "line": 89,
63732
+ "line": 90,
63671
63733
  "type": "boolean",
63672
63734
  "decorators": [],
63673
63735
  "inheritance": {
@@ -63679,7 +63741,7 @@
63679
63741
  "defaultValue": "false",
63680
63742
  "deprecated": false,
63681
63743
  "deprecationMessage": "",
63682
- "line": 90,
63744
+ "line": 91,
63683
63745
  "type": "boolean",
63684
63746
  "decorators": [],
63685
63747
  "inheritance": {
@@ -63695,7 +63757,7 @@
63695
63757
  "deprecationMessage": "",
63696
63758
  "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
63697
63759
  "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
63698
- "line": 85,
63760
+ "line": 86,
63699
63761
  "type": "EventEmitter",
63700
63762
  "inheritance": {
63701
63763
  "file": "PopoverContainer"
@@ -63708,7 +63770,7 @@
63708
63770
  "deprecationMessage": "",
63709
63771
  "rawdescription": "\n\nEmits an event when the dialog is closed\n",
63710
63772
  "description": "<p>Emits an event when the dialog is closed</p>\n",
63711
- "line": 77,
63773
+ "line": 78,
63712
63774
  "type": "EventEmitter<Event>",
63713
63775
  "inheritance": {
63714
63776
  "file": "PopoverContainer"
@@ -63721,7 +63783,7 @@
63721
63783
  "deprecationMessage": "",
63722
63784
  "rawdescription": "\n\nEmits an event when the dialog is opened\n",
63723
63785
  "description": "<p>Emits an event when the dialog is opened</p>\n",
63724
- "line": 81,
63786
+ "line": 82,
63725
63787
  "type": "EventEmitter<Event>",
63726
63788
  "inheritance": {
63727
63789
  "file": "PopoverContainer"
@@ -63737,7 +63799,7 @@
63737
63799
  "type": "number",
63738
63800
  "optional": false,
63739
63801
  "description": "",
63740
- "line": 45,
63802
+ "line": 48,
63741
63803
  "modifierKind": [
63742
63804
  124
63743
63805
  ]
@@ -63750,7 +63812,7 @@
63750
63812
  "type": "",
63751
63813
  "optional": false,
63752
63814
  "description": "",
63753
- "line": 92,
63815
+ "line": 93,
63754
63816
  "decorators": [
63755
63817
  {
63756
63818
  "name": "HostBinding",
@@ -63779,7 +63841,7 @@
63779
63841
  "optional": false,
63780
63842
  "returnType": "void",
63781
63843
  "typeParameters": [],
63782
- "line": 75,
63844
+ "line": 78,
63783
63845
  "deprecated": false,
63784
63846
  "deprecationMessage": "",
63785
63847
  "decorators": [
@@ -63816,7 +63878,7 @@
63816
63878
  "optional": false,
63817
63879
  "returnType": "boolean",
63818
63880
  "typeParameters": [],
63819
- "line": 87,
63881
+ "line": 90,
63820
63882
  "deprecated": false,
63821
63883
  "deprecationMessage": "",
63822
63884
  "modifierKind": [
@@ -63847,7 +63909,7 @@
63847
63909
  "optional": false,
63848
63910
  "returnType": "void",
63849
63911
  "typeParameters": [],
63850
- "line": 83,
63912
+ "line": 86,
63851
63913
  "deprecated": false,
63852
63914
  "deprecationMessage": "",
63853
63915
  "decorators": [
@@ -63884,7 +63946,7 @@
63884
63946
  "optional": false,
63885
63947
  "returnType": "void",
63886
63948
  "typeParameters": [],
63887
- "line": 66,
63949
+ "line": 69,
63888
63950
  "deprecated": false,
63889
63951
  "deprecationMessage": "",
63890
63952
  "jsdoctags": [
@@ -63912,7 +63974,7 @@
63912
63974
  "optional": false,
63913
63975
  "returnType": "void",
63914
63976
  "typeParameters": [],
63915
- "line": 70,
63977
+ "line": 73,
63916
63978
  "deprecated": false,
63917
63979
  "deprecationMessage": "",
63918
63980
  "jsdoctags": [
@@ -63946,7 +64008,7 @@
63946
64008
  "optional": false,
63947
64009
  "returnType": "void",
63948
64010
  "typeParameters": [],
63949
- "line": 98,
64011
+ "line": 101,
63950
64012
  "deprecated": false,
63951
64013
  "deprecationMessage": "",
63952
64014
  "jsdoctags": [
@@ -63981,7 +64043,7 @@
63981
64043
  "name": "class.cds--popover--bottom",
63982
64044
  "deprecated": false,
63983
64045
  "deprecationMessage": "",
63984
- "line": 36,
64046
+ "line": 37,
63985
64047
  "type": "boolean",
63986
64048
  "decorators": [],
63987
64049
  "inheritance": {
@@ -63992,7 +64054,7 @@
63992
64054
  "name": "class.cds--popover--bottom-left",
63993
64055
  "deprecated": false,
63994
64056
  "deprecationMessage": "",
63995
- "line": 40,
64057
+ "line": 41,
63996
64058
  "type": "boolean",
63997
64059
  "decorators": [],
63998
64060
  "inheritance": {
@@ -64003,7 +64065,7 @@
64003
64065
  "name": "class.cds--popover--bottom-right",
64004
64066
  "deprecated": false,
64005
64067
  "deprecationMessage": "",
64006
- "line": 44,
64068
+ "line": 45,
64007
64069
  "type": "boolean",
64008
64070
  "decorators": [],
64009
64071
  "inheritance": {
@@ -64014,7 +64076,7 @@
64014
64076
  "name": "class.cds--popover--left",
64015
64077
  "deprecated": false,
64016
64078
  "deprecationMessage": "",
64017
- "line": 49,
64079
+ "line": 50,
64018
64080
  "type": "boolean",
64019
64081
  "decorators": [],
64020
64082
  "inheritance": {
@@ -64025,7 +64087,7 @@
64025
64087
  "name": "class.cds--popover--left-bottom",
64026
64088
  "deprecated": false,
64027
64089
  "deprecationMessage": "",
64028
- "line": 57,
64090
+ "line": 58,
64029
64091
  "type": "boolean",
64030
64092
  "decorators": [],
64031
64093
  "inheritance": {
@@ -64036,7 +64098,7 @@
64036
64098
  "name": "class.cds--popover--left-top",
64037
64099
  "deprecated": false,
64038
64100
  "deprecationMessage": "",
64039
- "line": 53,
64101
+ "line": 54,
64040
64102
  "type": "boolean",
64041
64103
  "decorators": [],
64042
64104
  "inheritance": {
@@ -64047,7 +64109,7 @@
64047
64109
  "name": "class.cds--popover--right",
64048
64110
  "deprecated": false,
64049
64111
  "deprecationMessage": "",
64050
- "line": 62,
64112
+ "line": 63,
64051
64113
  "type": "boolean",
64052
64114
  "decorators": [],
64053
64115
  "inheritance": {
@@ -64058,7 +64120,7 @@
64058
64120
  "name": "class.cds--popover--right-bottom",
64059
64121
  "deprecated": false,
64060
64122
  "deprecationMessage": "",
64061
- "line": 70,
64123
+ "line": 71,
64062
64124
  "type": "boolean",
64063
64125
  "decorators": [],
64064
64126
  "inheritance": {
@@ -64069,7 +64131,7 @@
64069
64131
  "name": "class.cds--popover--right-top",
64070
64132
  "deprecated": false,
64071
64133
  "deprecationMessage": "",
64072
- "line": 66,
64134
+ "line": 67,
64073
64135
  "type": "boolean",
64074
64136
  "decorators": [],
64075
64137
  "inheritance": {
@@ -64080,7 +64142,7 @@
64080
64142
  "name": "class.cds--popover--top",
64081
64143
  "deprecated": false,
64082
64144
  "deprecationMessage": "",
64083
- "line": 23,
64145
+ "line": 24,
64084
64146
  "type": "boolean",
64085
64147
  "decorators": [],
64086
64148
  "inheritance": {
@@ -64091,7 +64153,7 @@
64091
64153
  "name": "class.cds--popover--top-left",
64092
64154
  "deprecated": false,
64093
64155
  "deprecationMessage": "",
64094
- "line": 27,
64156
+ "line": 28,
64095
64157
  "type": "boolean",
64096
64158
  "decorators": [],
64097
64159
  "inheritance": {
@@ -64102,7 +64164,7 @@
64102
64164
  "name": "class.cds--popover--top-right",
64103
64165
  "deprecated": false,
64104
64166
  "deprecationMessage": "",
64105
- "line": 31,
64167
+ "line": 32,
64106
64168
  "type": "boolean",
64107
64169
  "decorators": [],
64108
64170
  "inheritance": {
@@ -64114,7 +64176,7 @@
64114
64176
  "defaultValue": "true",
64115
64177
  "deprecated": false,
64116
64178
  "deprecationMessage": "",
64117
- "line": 92,
64179
+ "line": 93,
64118
64180
  "type": "boolean",
64119
64181
  "decorators": [],
64120
64182
  "inheritance": {
@@ -64138,7 +64200,7 @@
64138
64200
  ],
64139
64201
  "deprecated": false,
64140
64202
  "deprecationMessage": "",
64141
- "line": 75
64203
+ "line": 78
64142
64204
  },
64143
64205
  {
64144
64206
  "name": "mouseleave",
@@ -64155,7 +64217,7 @@
64155
64217
  ],
64156
64218
  "deprecated": false,
64157
64219
  "deprecationMessage": "",
64158
- "line": 83
64220
+ "line": 86
64159
64221
  }
64160
64222
  ],
64161
64223
  "standalone": false,
@@ -64163,7 +64225,7 @@
64163
64225
  "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tooltip-definition--basic\">See demo</a></p>\n",
64164
64226
  "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { TooltipModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-tooltip-definition--basic)\n",
64165
64227
  "type": "component",
64166
- "sourceCode": "import {\n\tComponent,\n\tHostListener,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip-definition--basic)\n */\n@Component({\n\tselector: \"cds-tooltip-definition, ibm-tooltip-definition\",\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"cds--definition-term\"\n\t\t\t[attr.aria-controls]=\"id\"\n\t\t\t[attr.aria-expanded]=\"isOpen\"\n\t\t\t(blur)=\"onBlur($event)\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\ttype=\"button\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\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<span class=\"cds--popover-content cds--definition-tooltip\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t\t</span>\n\t\t\t<span class=\"cds--popover-caret\"></span>\n\t\t</span>\n\t`\n})\nexport class TooltipDefinition extends PopoverContainer {\n\tstatic tooltipCount = 0;\n\n\t@Input() id = `tooltip-definition-${TooltipDefinition.tooltipCount++}`;\n\n\t/**\n\t * Override alignment options\n\t */\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\"\n\t\t| \"bottom\" | \"bottom-left\" | \"bottom-right\" = \"bottom\";\n\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\tonBlur(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tonClick(event: Event) {\n\t\tthis.handleChange(!this.isOpen, event);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (this.isOpen && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
64228
+ "sourceCode": "import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tHostListener,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip-definition--basic)\n */\n@Component({\n\tselector: \"cds-tooltip-definition, ibm-tooltip-definition\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"cds--definition-term\"\n\t\t\t[attr.aria-controls]=\"id\"\n\t\t\t[attr.aria-expanded]=\"isOpen\"\n\t\t\t(blur)=\"onBlur($event)\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\ttype=\"button\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\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<span class=\"cds--popover-content cds--definition-tooltip\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t\t</span>\n\t\t\t<span class=\"cds--popover-caret\"></span>\n\t\t</span>\n\t`\n})\nexport class TooltipDefinition extends PopoverContainer {\n\tstatic tooltipCount = 0;\n\n\t@Input() id = `tooltip-definition-${TooltipDefinition.tooltipCount++}`;\n\n\t/**\n\t * Override alignment options\n\t */\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\"\n\t\t| \"bottom\" | \"bottom-left\" | \"bottom-right\" = \"bottom\";\n\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(private ref: ChangeDetectorRef) {\n\t\tsuper(ref);\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\tonBlur(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tonClick(event: Event) {\n\t\tthis.handleChange(!this.isOpen, event);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (this.isOpen && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
64167
64229
  "assetsDirs": [],
64168
64230
  "styleUrlsData": "",
64169
64231
  "stylesData": "",
@@ -64172,8 +64234,26 @@
64172
64234
  "description": "",
64173
64235
  "deprecated": false,
64174
64236
  "deprecationMessage": "",
64175
- "args": [],
64176
- "line": 58
64237
+ "args": [
64238
+ {
64239
+ "name": "ref",
64240
+ "type": "ChangeDetectorRef",
64241
+ "deprecated": false,
64242
+ "deprecationMessage": ""
64243
+ }
64244
+ ],
64245
+ "line": 61,
64246
+ "jsdoctags": [
64247
+ {
64248
+ "name": "ref",
64249
+ "type": "ChangeDetectorRef",
64250
+ "deprecated": false,
64251
+ "deprecationMessage": "",
64252
+ "tagName": {
64253
+ "text": "param"
64254
+ }
64255
+ }
64256
+ ]
64177
64257
  },
64178
64258
  "extends": "PopoverContainer"
64179
64259
  },
@@ -72114,7 +72194,7 @@
72114
72194
  "deprecated": false,
72115
72195
  "deprecationMessage": "",
72116
72196
  "type": "",
72117
- "defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`) }\n\t}\n\t\n\treturn { \n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t}\n}"
72197
+ "defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t}\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`); }\n\t};\n\n\treturn {\n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t};\n}"
72118
72198
  },
72119
72199
  {
72120
72200
  "name": "withActionsTemplate",
@@ -74672,7 +74752,7 @@
74672
74752
  "deprecated": false,
74673
74753
  "deprecationMessage": "",
74674
74754
  "type": "",
74675
- "defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`) }\n\t}\n\t\n\treturn { \n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t}\n}"
74755
+ "defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: \"List Item\"\n\t\t\t}\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`); }\n\t};\n\n\treturn {\n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t};\n}"
74676
74756
  },
74677
74757
  {
74678
74758
  "name": "withActionsTemplate",
@@ -83681,7 +83761,7 @@
83681
83761
  "linktype": "directive",
83682
83762
  "name": "PopoverContainer",
83683
83763
  "coveragePercent": 16,
83684
- "coverageCount": "4/24",
83764
+ "coverageCount": "4/25",
83685
83765
  "status": "low"
83686
83766
  },
83687
83767
  {