carbon-components-angular 5.19.0 → 5.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/documentation/components/TableRadio.html +47 -15
- package/docs/documentation/components/Toggletip.html +62 -43
- package/docs/documentation/components/Tooltip.html +97 -60
- package/docs/documentation/components/TooltipDefinition.html +81 -44
- package/docs/documentation/coverage.html +1 -1
- package/docs/documentation/directives/PopoverContainer.html +88 -36
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +30 -30
- package/docs/documentation/modules/TimePickerSelectModule.html +30 -30
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- package/docs/documentation.json +262 -173
- package/docs/storybook/4578.93dc52a7.iframe.bundle.js +1 -0
- package/docs/storybook/{5868.3a9c7b8c.iframe.bundle.js → 5868.6cf155a6.iframe.bundle.js} +1 -1
- package/docs/storybook/{contained-list-contained-list-stories.ef42e2d0.iframe.bundle.js → contained-list-contained-list-stories.f8fd4e51.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.aec7fc6c.iframe.bundle.js +1 -0
- package/docs/storybook/popover-popover-stories.e8d6e7c9.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.a75e2345.iframe.bundle.js → runtime~main.3b1ae09e.iframe.bundle.js} +1 -1
- package/docs/storybook/{toggletip-toggletip-stories.0c822ddd.iframe.bundle.js → toggletip-toggletip-stories.1da8eaf1.iframe.bundle.js} +1 -1
- package/docs/storybook/tooltip-definition-tooptip-stories.57864d79.iframe.bundle.js +1 -0
- package/docs/storybook/tooltip-tooltip-stories.b15c3310.iframe.bundle.js +1 -0
- package/esm2020/popover/popover.directive.mjs +6 -4
- package/esm2020/table/cell/table-radio.component.mjs +6 -1
- package/esm2020/toggletip/toggletip.component.mjs +9 -7
- package/esm2020/tooltip/definition-tooptip.component.mjs +9 -7
- package/esm2020/tooltip/tooltip.component.mjs +9 -7
- package/fesm2015/carbon-components-angular-popover.mjs +5 -3
- package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-table.mjs +5 -0
- package/fesm2015/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-toggletip.mjs +8 -6
- package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-tooltip.mjs +15 -11
- package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-popover.mjs +5 -3
- package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-table.mjs +5 -0
- package/fesm2020/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-toggletip.mjs +8 -6
- package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-tooltip.mjs +15 -11
- package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/popover/popover.directive.d.ts +3 -1
- package/table/cell/table-radio.component.d.ts +1 -0
- package/toggletip/toggletip.component.d.ts +3 -2
- package/tooltip/definition-tooptip.component.d.ts +3 -2
- package/tooltip/tooltip.component.d.ts +3 -2
- package/docs/storybook/4578.86305077.iframe.bundle.js +0 -1
- package/docs/storybook/main.0080423e.iframe.bundle.js +0 -1
- package/docs/storybook/popover-popover-stories.a0233f25.iframe.bundle.js +0 -1
- package/docs/storybook/tooltip-definition-tooptip-stories.6cd8bfb0.iframe.bundle.js +0 -1
- 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-
|
|
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 'carbon-components-angular';</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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
15234
|
+
"line": 71
|
|
15209
15235
|
}
|
|
15210
15236
|
}
|
|
15211
15237
|
}
|
|
@@ -55752,7 +55778,7 @@
|
|
|
55752
55778
|
},
|
|
55753
55779
|
{
|
|
55754
55780
|
"name": "TableRadio",
|
|
55755
|
-
"id": "component-TableRadio-
|
|
55781
|
+
"id": "component-TableRadio-19d8c7d9bb4efe4d3d39d0e499985eb8ab28203fec831bd40d37f6c98b6d68ee5270bbf2dbdb98ab00b93e08c931c9bcbb5adc6f64682dbc0aeeaa8f7bc3a41a",
|
|
55756
55782
|
"file": "src/table/cell/table-radio.component.ts",
|
|
55757
55783
|
"encapsulation": [],
|
|
55758
55784
|
"entryComponents": [],
|
|
@@ -55762,7 +55788,7 @@
|
|
|
55762
55788
|
"selector": "[cdsTableRadio], [ibmTableRadio]",
|
|
55763
55789
|
"styleUrls": [],
|
|
55764
55790
|
"styles": [],
|
|
55765
|
-
"template": "<cds-radio\n\t*ngIf=\"!skeleton\"\n\t[attr.aria-label]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t[ariaLabel]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t[checked]=\"selected\"\n\t(change)=\"change.emit()\">\n</cds-radio>\n\t",
|
|
55791
|
+
"template": "<cds-radio\n\t*ngIf=\"!skeleton\"\n\t[attr.aria-label]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t[ariaLabel]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t[checked]=\"selected\"\n\t[disabled]=\"disabled\"\n\t(change)=\"change.emit()\">\n</cds-radio>\n\t",
|
|
55766
55792
|
"templateUrl": [],
|
|
55767
55793
|
"viewProviders": [],
|
|
55768
55794
|
"hostDirectives": [],
|
|
@@ -55771,7 +55797,7 @@
|
|
|
55771
55797
|
"name": "label",
|
|
55772
55798
|
"deprecated": false,
|
|
55773
55799
|
"deprecationMessage": "",
|
|
55774
|
-
"line":
|
|
55800
|
+
"line": 32,
|
|
55775
55801
|
"type": "string | Observable",
|
|
55776
55802
|
"decorators": []
|
|
55777
55803
|
},
|
|
@@ -55779,7 +55805,7 @@
|
|
|
55779
55805
|
"name": "row",
|
|
55780
55806
|
"deprecated": false,
|
|
55781
55807
|
"deprecationMessage": "",
|
|
55782
|
-
"line":
|
|
55808
|
+
"line": 27,
|
|
55783
55809
|
"type": "any[]",
|
|
55784
55810
|
"decorators": []
|
|
55785
55811
|
},
|
|
@@ -55788,7 +55814,7 @@
|
|
|
55788
55814
|
"defaultValue": "false",
|
|
55789
55815
|
"deprecated": false,
|
|
55790
55816
|
"deprecationMessage": "",
|
|
55791
|
-
"line":
|
|
55817
|
+
"line": 29,
|
|
55792
55818
|
"type": "boolean",
|
|
55793
55819
|
"decorators": []
|
|
55794
55820
|
},
|
|
@@ -55798,7 +55824,7 @@
|
|
|
55798
55824
|
"deprecationMessage": "",
|
|
55799
55825
|
"rawdescription": "\n\nUsed to populate the row selection checkbox label with a useful value if set.\n\nExample:\n```\n<cds-table [selectionLabelColumn]=\"0\"></cds-table>\n<!-- results in aria-label=\"Select first column value\"\n(where \"first column value\" is the value of the first column in the row -->\n```\n",
|
|
55800
55826
|
"description": "<p>Used to populate the row selection checkbox label with a useful value if set.</p>\n<p>Example:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-none\"><cds-table [selectionLabelColumn]="0"></cds-table>\n<!-- results in aria-label="Select first column value"\n(where "first column value" is the value of the first column in the row --></code></pre></div>",
|
|
55801
|
-
"line":
|
|
55827
|
+
"line": 54,
|
|
55802
55828
|
"type": "number",
|
|
55803
55829
|
"decorators": []
|
|
55804
55830
|
},
|
|
@@ -55807,7 +55833,7 @@
|
|
|
55807
55833
|
"defaultValue": "false",
|
|
55808
55834
|
"deprecated": false,
|
|
55809
55835
|
"deprecationMessage": "",
|
|
55810
|
-
"line":
|
|
55836
|
+
"line": 56,
|
|
55811
55837
|
"type": "boolean",
|
|
55812
55838
|
"decorators": []
|
|
55813
55839
|
}
|
|
@@ -55820,7 +55846,7 @@
|
|
|
55820
55846
|
"deprecationMessage": "",
|
|
55821
55847
|
"rawdescription": "\n\nEmits if a single row is selected.\n",
|
|
55822
55848
|
"description": "<p>Emits if a single row is selected.</p>\n",
|
|
55823
|
-
"line":
|
|
55849
|
+
"line": 61,
|
|
55824
55850
|
"type": "EventEmitter"
|
|
55825
55851
|
}
|
|
55826
55852
|
],
|
|
@@ -55832,7 +55858,7 @@
|
|
|
55832
55858
|
"optional": false,
|
|
55833
55859
|
"returnType": "Observable<string>",
|
|
55834
55860
|
"typeParameters": [],
|
|
55835
|
-
"line":
|
|
55861
|
+
"line": 74,
|
|
55836
55862
|
"deprecated": false,
|
|
55837
55863
|
"deprecationMessage": ""
|
|
55838
55864
|
},
|
|
@@ -55849,7 +55875,7 @@
|
|
|
55849
55875
|
"optional": false,
|
|
55850
55876
|
"returnType": "{ value: any; }",
|
|
55851
55877
|
"typeParameters": [],
|
|
55852
|
-
"line":
|
|
55878
|
+
"line": 67,
|
|
55853
55879
|
"deprecated": false,
|
|
55854
55880
|
"deprecationMessage": "",
|
|
55855
55881
|
"jsdoctags": [
|
|
@@ -55874,7 +55900,7 @@
|
|
|
55874
55900
|
"description": "",
|
|
55875
55901
|
"rawdescription": "\n",
|
|
55876
55902
|
"type": "component",
|
|
55877
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { TableItem } from \"../table-item.class\";\nimport { Observable } from \"rxjs\";\n\n@Component({\n\t// tslint:disable-next-line: component-selector\n\tselector: \"[cdsTableRadio], [ibmTableRadio]\",\n\ttemplate: `\n\t\t<cds-radio\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\t[attr.aria-label]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t\t\t[ariaLabel]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t\t\t[checked]=\"selected\"\n\t\t\t(change)=\"change.emit()\">\n\t\t</cds-radio>\n\t`\n})\nexport class TableRadio {\n\t@Input() row: any[];\n\n\t@Input() selected = false;\n\n\t@Input()\n\tset label(value: string | Observable<string>) {\n\t\tthis._label.override(value);\n\t}\n\n\tget label() {\n\t\treturn this._label.value;\n\t}\n\n\t/**\n\t * Used to populate the row selection checkbox label with a useful value if set.\n\t *\n\t * Example:\n\t * ```\n\t * <cds-table [selectionLabelColumn]=\"0\"></cds-table>\n\t * <!-- results in aria-label=\"Select first column value\"\n\t * (where \"first column value\" is the value of the first column in the row -->\n\t * ```\n\t */\n\t@Input() selectionLabelColumn: number;\n\n\t@Input() skeleton = false;\n\n\t/**\n\t * Emits if a single row is selected.\n\t */\n\t@Output() change = new EventEmitter();\n\n\tprotected _label = this.i18n.getOverridable(\"TABLE.CHECKBOX_ROW\");\n\n\tconstructor(protected i18n: I18n) { }\n\n\tgetSelectionLabelValue(row: TableItem[]) {\n\t\tif (!this.selectionLabelColumn) {\n\t\t\treturn { value: this.i18n.get().TABLE.ROW };\n\t\t}\n\t\treturn { value: row[this.selectionLabelColumn].data };\n\t}\n\n\tgetLabel(): Observable<string> {\n\t\treturn this._label.subject;\n\t}\n}\n",
|
|
55903
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { TableItem } from \"../table-item.class\";\nimport { TableRow } from \"../table-row.class\";\nimport { Observable } from \"rxjs\";\n\n@Component({\n\t// tslint:disable-next-line: component-selector\n\tselector: \"[cdsTableRadio], [ibmTableRadio]\",\n\ttemplate: `\n\t\t<cds-radio\n\t\t\t*ngIf=\"!skeleton\"\n\t\t\t[attr.aria-label]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t\t\t[ariaLabel]=\"getLabel() | i18nReplace:getSelectionLabelValue(row) | async\"\n\t\t\t[checked]=\"selected\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(change)=\"change.emit()\">\n\t\t</cds-radio>\n\t`\n})\nexport class TableRadio {\n\t@Input() row: any[];\n\n\t@Input() selected = false;\n\n\t@Input()\n\tset label(value: string | Observable<string>) {\n\t\tthis._label.override(value);\n\t}\n\n\tget label() {\n\t\treturn this._label.value;\n\t}\n\n\tget disabled(): boolean {\n\t\treturn this.row ? !!(this.row as TableRow).disabled : false;\n\t}\n\t\n\t/**\n\t * Used to populate the row selection checkbox label with a useful value if set.\n\t *\n\t * Example:\n\t * ```\n\t * <cds-table [selectionLabelColumn]=\"0\"></cds-table>\n\t * <!-- results in aria-label=\"Select first column value\"\n\t * (where \"first column value\" is the value of the first column in the row -->\n\t * ```\n\t */\n\t@Input() selectionLabelColumn: number;\n\n\t@Input() skeleton = false;\n\n\t/**\n\t * Emits if a single row is selected.\n\t */\n\t@Output() change = new EventEmitter();\n\n\tprotected _label = this.i18n.getOverridable(\"TABLE.CHECKBOX_ROW\");\n\n\tconstructor(protected i18n: I18n) { }\n\n\tgetSelectionLabelValue(row: TableItem[]) {\n\t\tif (!this.selectionLabelColumn) {\n\t\t\treturn { value: this.i18n.get().TABLE.ROW };\n\t\t}\n\t\treturn { value: row[this.selectionLabelColumn].data };\n\t}\n\n\tgetLabel(): Observable<string> {\n\t\treturn this._label.subject;\n\t}\n}\n",
|
|
55878
55904
|
"assetsDirs": [],
|
|
55879
55905
|
"styleUrlsData": "",
|
|
55880
55906
|
"stylesData": "",
|
|
@@ -55891,7 +55917,7 @@
|
|
|
55891
55917
|
"deprecationMessage": ""
|
|
55892
55918
|
}
|
|
55893
55919
|
],
|
|
55894
|
-
"line":
|
|
55920
|
+
"line": 63,
|
|
55895
55921
|
"jsdoctags": [
|
|
55896
55922
|
{
|
|
55897
55923
|
"name": "i18n",
|
|
@@ -55921,7 +55947,7 @@
|
|
|
55921
55947
|
}
|
|
55922
55948
|
],
|
|
55923
55949
|
"returnType": "void",
|
|
55924
|
-
"line":
|
|
55950
|
+
"line": 32,
|
|
55925
55951
|
"jsdoctags": [
|
|
55926
55952
|
{
|
|
55927
55953
|
"name": "value",
|
|
@@ -55938,7 +55964,16 @@
|
|
|
55938
55964
|
"name": "label",
|
|
55939
55965
|
"type": "",
|
|
55940
55966
|
"returnType": "",
|
|
55941
|
-
"line":
|
|
55967
|
+
"line": 36
|
|
55968
|
+
}
|
|
55969
|
+
},
|
|
55970
|
+
"disabled": {
|
|
55971
|
+
"name": "disabled",
|
|
55972
|
+
"getSignature": {
|
|
55973
|
+
"name": "disabled",
|
|
55974
|
+
"type": "boolean",
|
|
55975
|
+
"returnType": "boolean",
|
|
55976
|
+
"line": 40
|
|
55942
55977
|
}
|
|
55943
55978
|
}
|
|
55944
55979
|
}
|
|
@@ -62262,8 +62297,9 @@
|
|
|
62262
62297
|
},
|
|
62263
62298
|
{
|
|
62264
62299
|
"name": "Toggletip",
|
|
62265
|
-
"id": "component-Toggletip-
|
|
62300
|
+
"id": "component-Toggletip-724b94bb2f41f45c7b00050f81e251259323a8c33b3d8d50a55fd0839b4c3ad096454893d2f7e7fb59b8c20a873a703b8e0869857d5949581600bab612479345",
|
|
62266
62301
|
"file": "src/toggletip/toggletip.component.ts",
|
|
62302
|
+
"changeDetection": "ChangeDetectionStrategy.OnPush",
|
|
62267
62303
|
"encapsulation": [],
|
|
62268
62304
|
"entryComponents": [],
|
|
62269
62305
|
"inputs": [],
|
|
@@ -62282,7 +62318,7 @@
|
|
|
62282
62318
|
"defaultValue": "`tooltip-${Toggletip.toggletipCounter++}`",
|
|
62283
62319
|
"deprecated": false,
|
|
62284
62320
|
"deprecationMessage": "",
|
|
62285
|
-
"line":
|
|
62321
|
+
"line": 39,
|
|
62286
62322
|
"type": "string",
|
|
62287
62323
|
"decorators": []
|
|
62288
62324
|
},
|
|
@@ -62291,7 +62327,7 @@
|
|
|
62291
62327
|
"defaultValue": "false",
|
|
62292
62328
|
"deprecated": false,
|
|
62293
62329
|
"deprecationMessage": "",
|
|
62294
|
-
"line":
|
|
62330
|
+
"line": 42,
|
|
62295
62331
|
"type": "boolean",
|
|
62296
62332
|
"decorators": [],
|
|
62297
62333
|
"inheritance": {
|
|
@@ -62303,7 +62339,7 @@
|
|
|
62303
62339
|
"defaultValue": "\"bottom\"",
|
|
62304
62340
|
"deprecated": false,
|
|
62305
62341
|
"deprecationMessage": "",
|
|
62306
|
-
"line":
|
|
62342
|
+
"line": 94,
|
|
62307
62343
|
"type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
|
|
62308
62344
|
"decorators": [],
|
|
62309
62345
|
"inheritance": {
|
|
@@ -62315,7 +62351,7 @@
|
|
|
62315
62351
|
"defaultValue": "true",
|
|
62316
62352
|
"deprecated": false,
|
|
62317
62353
|
"deprecationMessage": "",
|
|
62318
|
-
"line":
|
|
62354
|
+
"line": 88,
|
|
62319
62355
|
"type": "boolean",
|
|
62320
62356
|
"decorators": [],
|
|
62321
62357
|
"inheritance": {
|
|
@@ -62327,7 +62363,7 @@
|
|
|
62327
62363
|
"defaultValue": "true",
|
|
62328
62364
|
"deprecated": false,
|
|
62329
62365
|
"deprecationMessage": "",
|
|
62330
|
-
"line":
|
|
62366
|
+
"line": 89,
|
|
62331
62367
|
"type": "boolean",
|
|
62332
62368
|
"decorators": [],
|
|
62333
62369
|
"inheritance": {
|
|
@@ -62339,7 +62375,7 @@
|
|
|
62339
62375
|
"defaultValue": "false",
|
|
62340
62376
|
"deprecated": false,
|
|
62341
62377
|
"deprecationMessage": "",
|
|
62342
|
-
"line":
|
|
62378
|
+
"line": 90,
|
|
62343
62379
|
"type": "boolean",
|
|
62344
62380
|
"decorators": [],
|
|
62345
62381
|
"inheritance": {
|
|
@@ -62355,7 +62391,7 @@
|
|
|
62355
62391
|
"deprecationMessage": "",
|
|
62356
62392
|
"rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
|
|
62357
62393
|
"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":
|
|
62394
|
+
"line": 86,
|
|
62359
62395
|
"type": "EventEmitter",
|
|
62360
62396
|
"inheritance": {
|
|
62361
62397
|
"file": "PopoverContainer"
|
|
@@ -62368,7 +62404,7 @@
|
|
|
62368
62404
|
"deprecationMessage": "",
|
|
62369
62405
|
"rawdescription": "\n\nEmits an event when the dialog is closed\n",
|
|
62370
62406
|
"description": "<p>Emits an event when the dialog is closed</p>\n",
|
|
62371
|
-
"line":
|
|
62407
|
+
"line": 78,
|
|
62372
62408
|
"type": "EventEmitter<Event>",
|
|
62373
62409
|
"inheritance": {
|
|
62374
62410
|
"file": "PopoverContainer"
|
|
@@ -62381,7 +62417,7 @@
|
|
|
62381
62417
|
"deprecationMessage": "",
|
|
62382
62418
|
"rawdescription": "\n\nEmits an event when the dialog is opened\n",
|
|
62383
62419
|
"description": "<p>Emits an event when the dialog is opened</p>\n",
|
|
62384
|
-
"line":
|
|
62420
|
+
"line": 82,
|
|
62385
62421
|
"type": "EventEmitter<Event>",
|
|
62386
62422
|
"inheritance": {
|
|
62387
62423
|
"file": "PopoverContainer"
|
|
@@ -62396,7 +62432,7 @@
|
|
|
62396
62432
|
"type": "ElementRef",
|
|
62397
62433
|
"optional": false,
|
|
62398
62434
|
"description": "",
|
|
62399
|
-
"line":
|
|
62435
|
+
"line": 44,
|
|
62400
62436
|
"decorators": [
|
|
62401
62437
|
{
|
|
62402
62438
|
"name": "ContentChild",
|
|
@@ -62415,7 +62451,7 @@
|
|
|
62415
62451
|
"type": "",
|
|
62416
62452
|
"optional": false,
|
|
62417
62453
|
"description": "",
|
|
62418
|
-
"line":
|
|
62454
|
+
"line": 46
|
|
62419
62455
|
},
|
|
62420
62456
|
{
|
|
62421
62457
|
"name": "toggletipClass",
|
|
@@ -62425,7 +62461,7 @@
|
|
|
62425
62461
|
"type": "",
|
|
62426
62462
|
"optional": false,
|
|
62427
62463
|
"description": "",
|
|
62428
|
-
"line":
|
|
62464
|
+
"line": 41,
|
|
62429
62465
|
"decorators": [
|
|
62430
62466
|
{
|
|
62431
62467
|
"name": "HostBinding",
|
|
@@ -62444,7 +62480,7 @@
|
|
|
62444
62480
|
"type": "number",
|
|
62445
62481
|
"optional": false,
|
|
62446
62482
|
"description": "",
|
|
62447
|
-
"line":
|
|
62483
|
+
"line": 37,
|
|
62448
62484
|
"modifierKind": [
|
|
62449
62485
|
124
|
|
62450
62486
|
]
|
|
@@ -62457,7 +62493,7 @@
|
|
|
62457
62493
|
"type": "",
|
|
62458
62494
|
"optional": false,
|
|
62459
62495
|
"description": "",
|
|
62460
|
-
"line":
|
|
62496
|
+
"line": 93,
|
|
62461
62497
|
"decorators": [
|
|
62462
62498
|
{
|
|
62463
62499
|
"name": "HostBinding",
|
|
@@ -62486,7 +62522,7 @@
|
|
|
62486
62522
|
"optional": false,
|
|
62487
62523
|
"returnType": "void",
|
|
62488
62524
|
"typeParameters": [],
|
|
62489
|
-
"line":
|
|
62525
|
+
"line": 87,
|
|
62490
62526
|
"deprecated": false,
|
|
62491
62527
|
"deprecationMessage": "",
|
|
62492
62528
|
"jsdoctags": [
|
|
@@ -62514,7 +62550,7 @@
|
|
|
62514
62550
|
"optional": false,
|
|
62515
62551
|
"returnType": "void",
|
|
62516
62552
|
"typeParameters": [],
|
|
62517
|
-
"line":
|
|
62553
|
+
"line": 80,
|
|
62518
62554
|
"deprecated": false,
|
|
62519
62555
|
"deprecationMessage": "",
|
|
62520
62556
|
"decorators": [
|
|
@@ -62557,7 +62593,7 @@
|
|
|
62557
62593
|
"optional": false,
|
|
62558
62594
|
"returnType": "void",
|
|
62559
62595
|
"typeParameters": [],
|
|
62560
|
-
"line":
|
|
62596
|
+
"line": 101,
|
|
62561
62597
|
"deprecated": false,
|
|
62562
62598
|
"deprecationMessage": "",
|
|
62563
62599
|
"jsdoctags": [
|
|
@@ -62593,7 +62629,7 @@
|
|
|
62593
62629
|
"defaultValue": "true",
|
|
62594
62630
|
"deprecated": false,
|
|
62595
62631
|
"deprecationMessage": "",
|
|
62596
|
-
"line":
|
|
62632
|
+
"line": 41,
|
|
62597
62633
|
"type": "boolean",
|
|
62598
62634
|
"decorators": []
|
|
62599
62635
|
},
|
|
@@ -62601,7 +62637,7 @@
|
|
|
62601
62637
|
"name": "class.cds--popover--bottom",
|
|
62602
62638
|
"deprecated": false,
|
|
62603
62639
|
"deprecationMessage": "",
|
|
62604
|
-
"line":
|
|
62640
|
+
"line": 37,
|
|
62605
62641
|
"type": "boolean",
|
|
62606
62642
|
"decorators": [],
|
|
62607
62643
|
"inheritance": {
|
|
@@ -62612,7 +62648,7 @@
|
|
|
62612
62648
|
"name": "class.cds--popover--bottom-left",
|
|
62613
62649
|
"deprecated": false,
|
|
62614
62650
|
"deprecationMessage": "",
|
|
62615
|
-
"line":
|
|
62651
|
+
"line": 41,
|
|
62616
62652
|
"type": "boolean",
|
|
62617
62653
|
"decorators": [],
|
|
62618
62654
|
"inheritance": {
|
|
@@ -62623,7 +62659,7 @@
|
|
|
62623
62659
|
"name": "class.cds--popover--bottom-right",
|
|
62624
62660
|
"deprecated": false,
|
|
62625
62661
|
"deprecationMessage": "",
|
|
62626
|
-
"line":
|
|
62662
|
+
"line": 45,
|
|
62627
62663
|
"type": "boolean",
|
|
62628
62664
|
"decorators": [],
|
|
62629
62665
|
"inheritance": {
|
|
@@ -62634,7 +62670,7 @@
|
|
|
62634
62670
|
"name": "class.cds--popover--left",
|
|
62635
62671
|
"deprecated": false,
|
|
62636
62672
|
"deprecationMessage": "",
|
|
62637
|
-
"line":
|
|
62673
|
+
"line": 50,
|
|
62638
62674
|
"type": "boolean",
|
|
62639
62675
|
"decorators": [],
|
|
62640
62676
|
"inheritance": {
|
|
@@ -62645,7 +62681,7 @@
|
|
|
62645
62681
|
"name": "class.cds--popover--left-bottom",
|
|
62646
62682
|
"deprecated": false,
|
|
62647
62683
|
"deprecationMessage": "",
|
|
62648
|
-
"line":
|
|
62684
|
+
"line": 58,
|
|
62649
62685
|
"type": "boolean",
|
|
62650
62686
|
"decorators": [],
|
|
62651
62687
|
"inheritance": {
|
|
@@ -62656,7 +62692,7 @@
|
|
|
62656
62692
|
"name": "class.cds--popover--left-top",
|
|
62657
62693
|
"deprecated": false,
|
|
62658
62694
|
"deprecationMessage": "",
|
|
62659
|
-
"line":
|
|
62695
|
+
"line": 54,
|
|
62660
62696
|
"type": "boolean",
|
|
62661
62697
|
"decorators": [],
|
|
62662
62698
|
"inheritance": {
|
|
@@ -62667,7 +62703,7 @@
|
|
|
62667
62703
|
"name": "class.cds--popover--right",
|
|
62668
62704
|
"deprecated": false,
|
|
62669
62705
|
"deprecationMessage": "",
|
|
62670
|
-
"line":
|
|
62706
|
+
"line": 63,
|
|
62671
62707
|
"type": "boolean",
|
|
62672
62708
|
"decorators": [],
|
|
62673
62709
|
"inheritance": {
|
|
@@ -62678,7 +62714,7 @@
|
|
|
62678
62714
|
"name": "class.cds--popover--right-bottom",
|
|
62679
62715
|
"deprecated": false,
|
|
62680
62716
|
"deprecationMessage": "",
|
|
62681
|
-
"line":
|
|
62717
|
+
"line": 71,
|
|
62682
62718
|
"type": "boolean",
|
|
62683
62719
|
"decorators": [],
|
|
62684
62720
|
"inheritance": {
|
|
@@ -62689,7 +62725,7 @@
|
|
|
62689
62725
|
"name": "class.cds--popover--right-top",
|
|
62690
62726
|
"deprecated": false,
|
|
62691
62727
|
"deprecationMessage": "",
|
|
62692
|
-
"line":
|
|
62728
|
+
"line": 67,
|
|
62693
62729
|
"type": "boolean",
|
|
62694
62730
|
"decorators": [],
|
|
62695
62731
|
"inheritance": {
|
|
@@ -62700,7 +62736,7 @@
|
|
|
62700
62736
|
"name": "class.cds--popover--top",
|
|
62701
62737
|
"deprecated": false,
|
|
62702
62738
|
"deprecationMessage": "",
|
|
62703
|
-
"line":
|
|
62739
|
+
"line": 24,
|
|
62704
62740
|
"type": "boolean",
|
|
62705
62741
|
"decorators": [],
|
|
62706
62742
|
"inheritance": {
|
|
@@ -62711,7 +62747,7 @@
|
|
|
62711
62747
|
"name": "class.cds--popover--top-left",
|
|
62712
62748
|
"deprecated": false,
|
|
62713
62749
|
"deprecationMessage": "",
|
|
62714
|
-
"line":
|
|
62750
|
+
"line": 28,
|
|
62715
62751
|
"type": "boolean",
|
|
62716
62752
|
"decorators": [],
|
|
62717
62753
|
"inheritance": {
|
|
@@ -62722,7 +62758,7 @@
|
|
|
62722
62758
|
"name": "class.cds--popover--top-right",
|
|
62723
62759
|
"deprecated": false,
|
|
62724
62760
|
"deprecationMessage": "",
|
|
62725
|
-
"line":
|
|
62761
|
+
"line": 32,
|
|
62726
62762
|
"type": "boolean",
|
|
62727
62763
|
"decorators": [],
|
|
62728
62764
|
"inheritance": {
|
|
@@ -62734,7 +62770,7 @@
|
|
|
62734
62770
|
"defaultValue": "true",
|
|
62735
62771
|
"deprecated": false,
|
|
62736
62772
|
"deprecationMessage": "",
|
|
62737
|
-
"line":
|
|
62773
|
+
"line": 93,
|
|
62738
62774
|
"type": "boolean",
|
|
62739
62775
|
"decorators": [],
|
|
62740
62776
|
"inheritance": {
|
|
@@ -62758,7 +62794,7 @@
|
|
|
62758
62794
|
],
|
|
62759
62795
|
"deprecated": false,
|
|
62760
62796
|
"deprecationMessage": "",
|
|
62761
|
-
"line":
|
|
62797
|
+
"line": 80
|
|
62762
62798
|
}
|
|
62763
62799
|
],
|
|
62764
62800
|
"standalone": false,
|
|
@@ -62766,7 +62802,7 @@
|
|
|
62766
62802
|
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ToggletipModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-toggletip--basic\">See demo</a></p>\n",
|
|
62767
62803
|
"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
62804
|
"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",
|
|
62805
|
+
"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
62806
|
"assetsDirs": [],
|
|
62771
62807
|
"styleUrlsData": "",
|
|
62772
62808
|
"stylesData": "",
|
|
@@ -62787,9 +62823,15 @@
|
|
|
62787
62823
|
"type": "Renderer2",
|
|
62788
62824
|
"deprecated": false,
|
|
62789
62825
|
"deprecationMessage": ""
|
|
62826
|
+
},
|
|
62827
|
+
{
|
|
62828
|
+
"name": "ref",
|
|
62829
|
+
"type": "ChangeDetectorRef",
|
|
62830
|
+
"deprecated": false,
|
|
62831
|
+
"deprecationMessage": ""
|
|
62790
62832
|
}
|
|
62791
62833
|
],
|
|
62792
|
-
"line":
|
|
62834
|
+
"line": 46,
|
|
62793
62835
|
"jsdoctags": [
|
|
62794
62836
|
{
|
|
62795
62837
|
"name": "hostElement",
|
|
@@ -62808,6 +62850,15 @@
|
|
|
62808
62850
|
"tagName": {
|
|
62809
62851
|
"text": "param"
|
|
62810
62852
|
}
|
|
62853
|
+
},
|
|
62854
|
+
{
|
|
62855
|
+
"name": "ref",
|
|
62856
|
+
"type": "ChangeDetectorRef",
|
|
62857
|
+
"deprecated": false,
|
|
62858
|
+
"deprecationMessage": "",
|
|
62859
|
+
"tagName": {
|
|
62860
|
+
"text": "param"
|
|
62861
|
+
}
|
|
62811
62862
|
}
|
|
62812
62863
|
]
|
|
62813
62864
|
},
|
|
@@ -62818,8 +62869,9 @@
|
|
|
62818
62869
|
},
|
|
62819
62870
|
{
|
|
62820
62871
|
"name": "Tooltip",
|
|
62821
|
-
"id": "component-Tooltip-
|
|
62872
|
+
"id": "component-Tooltip-3d80cb8f3a241123abf19a3100e2bdeaa7d195eb2d9c0cca22c908b5ac1e1d033f796b15b35f45977ff3c86858f13a15b8e9f5221cbd3b9095971f8f9966a38a",
|
|
62822
62873
|
"file": "src/tooltip/tooltip.component.ts",
|
|
62874
|
+
"changeDetection": "ChangeDetectionStrategy.OnPush",
|
|
62823
62875
|
"encapsulation": [],
|
|
62824
62876
|
"entryComponents": [],
|
|
62825
62877
|
"inputs": [],
|
|
@@ -62839,7 +62891,7 @@
|
|
|
62839
62891
|
"deprecationMessage": "",
|
|
62840
62892
|
"rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
|
|
62841
62893
|
"description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
|
|
62842
|
-
"line":
|
|
62894
|
+
"line": 68,
|
|
62843
62895
|
"type": "string | TemplateRef<any>",
|
|
62844
62896
|
"decorators": []
|
|
62845
62897
|
},
|
|
@@ -62850,7 +62902,7 @@
|
|
|
62850
62902
|
"deprecationMessage": "",
|
|
62851
62903
|
"rawdescription": "\n\nPrevent tooltip from showing, used by icon button\n",
|
|
62852
62904
|
"description": "<p>Prevent tooltip from showing, used by icon button</p>\n",
|
|
62853
|
-
"line":
|
|
62905
|
+
"line": 64,
|
|
62854
62906
|
"type": "boolean",
|
|
62855
62907
|
"decorators": []
|
|
62856
62908
|
},
|
|
@@ -62861,7 +62913,7 @@
|
|
|
62861
62913
|
"deprecationMessage": "",
|
|
62862
62914
|
"rawdescription": "\n\nSet delay before tooltip is shown\n",
|
|
62863
62915
|
"description": "<p>Set delay before tooltip is shown</p>\n",
|
|
62864
|
-
"line":
|
|
62916
|
+
"line": 56,
|
|
62865
62917
|
"type": "number",
|
|
62866
62918
|
"decorators": []
|
|
62867
62919
|
},
|
|
@@ -62870,7 +62922,7 @@
|
|
|
62870
62922
|
"defaultValue": "`tooltip-${Tooltip.tooltipCount++}`",
|
|
62871
62923
|
"deprecated": false,
|
|
62872
62924
|
"deprecationMessage": "",
|
|
62873
|
-
"line":
|
|
62925
|
+
"line": 52,
|
|
62874
62926
|
"type": "string",
|
|
62875
62927
|
"decorators": []
|
|
62876
62928
|
},
|
|
@@ -62881,7 +62933,7 @@
|
|
|
62881
62933
|
"deprecationMessage": "",
|
|
62882
62934
|
"rawdescription": "\n\nSet delay when tooltip disappears\n",
|
|
62883
62935
|
"description": "<p>Set delay when tooltip disappears</p>\n",
|
|
62884
|
-
"line":
|
|
62936
|
+
"line": 60,
|
|
62885
62937
|
"type": "number",
|
|
62886
62938
|
"decorators": []
|
|
62887
62939
|
},
|
|
@@ -62890,7 +62942,7 @@
|
|
|
62890
62942
|
"defaultValue": "\"bottom\"",
|
|
62891
62943
|
"deprecated": false,
|
|
62892
62944
|
"deprecationMessage": "",
|
|
62893
|
-
"line":
|
|
62945
|
+
"line": 94,
|
|
62894
62946
|
"type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
|
|
62895
62947
|
"decorators": [],
|
|
62896
62948
|
"inheritance": {
|
|
@@ -62902,7 +62954,7 @@
|
|
|
62902
62954
|
"defaultValue": "true",
|
|
62903
62955
|
"deprecated": false,
|
|
62904
62956
|
"deprecationMessage": "",
|
|
62905
|
-
"line":
|
|
62957
|
+
"line": 88,
|
|
62906
62958
|
"type": "boolean",
|
|
62907
62959
|
"decorators": [],
|
|
62908
62960
|
"inheritance": {
|
|
@@ -62914,7 +62966,7 @@
|
|
|
62914
62966
|
"defaultValue": "true",
|
|
62915
62967
|
"deprecated": false,
|
|
62916
62968
|
"deprecationMessage": "",
|
|
62917
|
-
"line":
|
|
62969
|
+
"line": 89,
|
|
62918
62970
|
"type": "boolean",
|
|
62919
62971
|
"decorators": [],
|
|
62920
62972
|
"inheritance": {
|
|
@@ -62926,7 +62978,7 @@
|
|
|
62926
62978
|
"defaultValue": "false",
|
|
62927
62979
|
"deprecated": false,
|
|
62928
62980
|
"deprecationMessage": "",
|
|
62929
|
-
"line":
|
|
62981
|
+
"line": 90,
|
|
62930
62982
|
"type": "boolean",
|
|
62931
62983
|
"decorators": [],
|
|
62932
62984
|
"inheritance": {
|
|
@@ -62938,7 +62990,7 @@
|
|
|
62938
62990
|
"defaultValue": "false",
|
|
62939
62991
|
"deprecated": false,
|
|
62940
62992
|
"deprecationMessage": "",
|
|
62941
|
-
"line":
|
|
62993
|
+
"line": 91,
|
|
62942
62994
|
"type": "boolean",
|
|
62943
62995
|
"decorators": [],
|
|
62944
62996
|
"inheritance": {
|
|
@@ -62954,7 +63006,7 @@
|
|
|
62954
63006
|
"deprecationMessage": "",
|
|
62955
63007
|
"rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
|
|
62956
63008
|
"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":
|
|
63009
|
+
"line": 86,
|
|
62958
63010
|
"type": "EventEmitter",
|
|
62959
63011
|
"inheritance": {
|
|
62960
63012
|
"file": "PopoverContainer"
|
|
@@ -62967,7 +63019,7 @@
|
|
|
62967
63019
|
"deprecationMessage": "",
|
|
62968
63020
|
"rawdescription": "\n\nEmits an event when the dialog is closed\n",
|
|
62969
63021
|
"description": "<p>Emits an event when the dialog is closed</p>\n",
|
|
62970
|
-
"line":
|
|
63022
|
+
"line": 78,
|
|
62971
63023
|
"type": "EventEmitter<Event>",
|
|
62972
63024
|
"inheritance": {
|
|
62973
63025
|
"file": "PopoverContainer"
|
|
@@ -62980,7 +63032,7 @@
|
|
|
62980
63032
|
"deprecationMessage": "",
|
|
62981
63033
|
"rawdescription": "\n\nEmits an event when the dialog is opened\n",
|
|
62982
63034
|
"description": "<p>Emits an event when the dialog is opened</p>\n",
|
|
62983
|
-
"line":
|
|
63035
|
+
"line": 82,
|
|
62984
63036
|
"type": "EventEmitter<Event>",
|
|
62985
63037
|
"inheritance": {
|
|
62986
63038
|
"file": "PopoverContainer"
|
|
@@ -62996,7 +63048,7 @@
|
|
|
62996
63048
|
"type": "",
|
|
62997
63049
|
"optional": false,
|
|
62998
63050
|
"description": "",
|
|
62999
|
-
"line":
|
|
63051
|
+
"line": 50,
|
|
63000
63052
|
"decorators": [
|
|
63001
63053
|
{
|
|
63002
63054
|
"name": "HostBinding",
|
|
@@ -63015,7 +63067,7 @@
|
|
|
63015
63067
|
"type": "number",
|
|
63016
63068
|
"optional": false,
|
|
63017
63069
|
"description": "",
|
|
63018
|
-
"line":
|
|
63070
|
+
"line": 48,
|
|
63019
63071
|
"modifierKind": [
|
|
63020
63072
|
124
|
|
63021
63073
|
]
|
|
@@ -63027,7 +63079,7 @@
|
|
|
63027
63079
|
"type": "ElementRef<HTMLSpanElement>",
|
|
63028
63080
|
"optional": false,
|
|
63029
63081
|
"description": "",
|
|
63030
|
-
"line":
|
|
63082
|
+
"line": 70,
|
|
63031
63083
|
"decorators": [
|
|
63032
63084
|
{
|
|
63033
63085
|
"name": "ViewChild",
|
|
@@ -63046,7 +63098,7 @@
|
|
|
63046
63098
|
"type": "",
|
|
63047
63099
|
"optional": false,
|
|
63048
63100
|
"description": "",
|
|
63049
|
-
"line":
|
|
63101
|
+
"line": 93,
|
|
63050
63102
|
"decorators": [
|
|
63051
63103
|
{
|
|
63052
63104
|
"name": "HostBinding",
|
|
@@ -63075,7 +63127,7 @@
|
|
|
63075
63127
|
"optional": false,
|
|
63076
63128
|
"returnType": "void",
|
|
63077
63129
|
"typeParameters": [],
|
|
63078
|
-
"line":
|
|
63130
|
+
"line": 102,
|
|
63079
63131
|
"deprecated": false,
|
|
63080
63132
|
"deprecationMessage": "",
|
|
63081
63133
|
"decorators": [
|
|
@@ -63112,7 +63164,7 @@
|
|
|
63112
63164
|
"optional": false,
|
|
63113
63165
|
"returnType": "void",
|
|
63114
63166
|
"typeParameters": [],
|
|
63115
|
-
"line":
|
|
63167
|
+
"line": 107,
|
|
63116
63168
|
"deprecated": false,
|
|
63117
63169
|
"deprecationMessage": "",
|
|
63118
63170
|
"decorators": [
|
|
@@ -63149,7 +63201,7 @@
|
|
|
63149
63201
|
"optional": false,
|
|
63150
63202
|
"returnType": "void",
|
|
63151
63203
|
"typeParameters": [],
|
|
63152
|
-
"line":
|
|
63204
|
+
"line": 93,
|
|
63153
63205
|
"deprecated": false,
|
|
63154
63206
|
"deprecationMessage": "",
|
|
63155
63207
|
"decorators": [
|
|
@@ -63186,7 +63238,7 @@
|
|
|
63186
63238
|
"optional": false,
|
|
63187
63239
|
"returnType": "boolean",
|
|
63188
63240
|
"typeParameters": [],
|
|
63189
|
-
"line":
|
|
63241
|
+
"line": 111,
|
|
63190
63242
|
"deprecated": false,
|
|
63191
63243
|
"deprecationMessage": "",
|
|
63192
63244
|
"jsdoctags": [
|
|
@@ -63214,7 +63266,7 @@
|
|
|
63214
63266
|
"optional": false,
|
|
63215
63267
|
"returnType": "void",
|
|
63216
63268
|
"typeParameters": [],
|
|
63217
|
-
"line":
|
|
63269
|
+
"line": 79,
|
|
63218
63270
|
"deprecated": false,
|
|
63219
63271
|
"deprecationMessage": "",
|
|
63220
63272
|
"decorators": [
|
|
@@ -63251,7 +63303,7 @@
|
|
|
63251
63303
|
"optional": false,
|
|
63252
63304
|
"returnType": "void",
|
|
63253
63305
|
"typeParameters": [],
|
|
63254
|
-
"line":
|
|
63306
|
+
"line": 86,
|
|
63255
63307
|
"deprecated": false,
|
|
63256
63308
|
"deprecationMessage": "",
|
|
63257
63309
|
"decorators": [
|
|
@@ -63294,7 +63346,7 @@
|
|
|
63294
63346
|
"optional": false,
|
|
63295
63347
|
"returnType": "void",
|
|
63296
63348
|
"typeParameters": [],
|
|
63297
|
-
"line":
|
|
63349
|
+
"line": 101,
|
|
63298
63350
|
"deprecated": false,
|
|
63299
63351
|
"deprecationMessage": "",
|
|
63300
63352
|
"jsdoctags": [
|
|
@@ -63330,7 +63382,7 @@
|
|
|
63330
63382
|
"defaultValue": "true",
|
|
63331
63383
|
"deprecated": false,
|
|
63332
63384
|
"deprecationMessage": "",
|
|
63333
|
-
"line":
|
|
63385
|
+
"line": 50,
|
|
63334
63386
|
"type": "boolean",
|
|
63335
63387
|
"decorators": []
|
|
63336
63388
|
},
|
|
@@ -63338,7 +63390,7 @@
|
|
|
63338
63390
|
"name": "class.cds--popover--bottom",
|
|
63339
63391
|
"deprecated": false,
|
|
63340
63392
|
"deprecationMessage": "",
|
|
63341
|
-
"line":
|
|
63393
|
+
"line": 37,
|
|
63342
63394
|
"type": "boolean",
|
|
63343
63395
|
"decorators": [],
|
|
63344
63396
|
"inheritance": {
|
|
@@ -63349,7 +63401,7 @@
|
|
|
63349
63401
|
"name": "class.cds--popover--bottom-left",
|
|
63350
63402
|
"deprecated": false,
|
|
63351
63403
|
"deprecationMessage": "",
|
|
63352
|
-
"line":
|
|
63404
|
+
"line": 41,
|
|
63353
63405
|
"type": "boolean",
|
|
63354
63406
|
"decorators": [],
|
|
63355
63407
|
"inheritance": {
|
|
@@ -63360,7 +63412,7 @@
|
|
|
63360
63412
|
"name": "class.cds--popover--bottom-right",
|
|
63361
63413
|
"deprecated": false,
|
|
63362
63414
|
"deprecationMessage": "",
|
|
63363
|
-
"line":
|
|
63415
|
+
"line": 45,
|
|
63364
63416
|
"type": "boolean",
|
|
63365
63417
|
"decorators": [],
|
|
63366
63418
|
"inheritance": {
|
|
@@ -63371,7 +63423,7 @@
|
|
|
63371
63423
|
"name": "class.cds--popover--left",
|
|
63372
63424
|
"deprecated": false,
|
|
63373
63425
|
"deprecationMessage": "",
|
|
63374
|
-
"line":
|
|
63426
|
+
"line": 50,
|
|
63375
63427
|
"type": "boolean",
|
|
63376
63428
|
"decorators": [],
|
|
63377
63429
|
"inheritance": {
|
|
@@ -63382,7 +63434,7 @@
|
|
|
63382
63434
|
"name": "class.cds--popover--left-bottom",
|
|
63383
63435
|
"deprecated": false,
|
|
63384
63436
|
"deprecationMessage": "",
|
|
63385
|
-
"line":
|
|
63437
|
+
"line": 58,
|
|
63386
63438
|
"type": "boolean",
|
|
63387
63439
|
"decorators": [],
|
|
63388
63440
|
"inheritance": {
|
|
@@ -63393,7 +63445,7 @@
|
|
|
63393
63445
|
"name": "class.cds--popover--left-top",
|
|
63394
63446
|
"deprecated": false,
|
|
63395
63447
|
"deprecationMessage": "",
|
|
63396
|
-
"line":
|
|
63448
|
+
"line": 54,
|
|
63397
63449
|
"type": "boolean",
|
|
63398
63450
|
"decorators": [],
|
|
63399
63451
|
"inheritance": {
|
|
@@ -63404,7 +63456,7 @@
|
|
|
63404
63456
|
"name": "class.cds--popover--right",
|
|
63405
63457
|
"deprecated": false,
|
|
63406
63458
|
"deprecationMessage": "",
|
|
63407
|
-
"line":
|
|
63459
|
+
"line": 63,
|
|
63408
63460
|
"type": "boolean",
|
|
63409
63461
|
"decorators": [],
|
|
63410
63462
|
"inheritance": {
|
|
@@ -63415,7 +63467,7 @@
|
|
|
63415
63467
|
"name": "class.cds--popover--right-bottom",
|
|
63416
63468
|
"deprecated": false,
|
|
63417
63469
|
"deprecationMessage": "",
|
|
63418
|
-
"line":
|
|
63470
|
+
"line": 71,
|
|
63419
63471
|
"type": "boolean",
|
|
63420
63472
|
"decorators": [],
|
|
63421
63473
|
"inheritance": {
|
|
@@ -63426,7 +63478,7 @@
|
|
|
63426
63478
|
"name": "class.cds--popover--right-top",
|
|
63427
63479
|
"deprecated": false,
|
|
63428
63480
|
"deprecationMessage": "",
|
|
63429
|
-
"line":
|
|
63481
|
+
"line": 67,
|
|
63430
63482
|
"type": "boolean",
|
|
63431
63483
|
"decorators": [],
|
|
63432
63484
|
"inheritance": {
|
|
@@ -63437,7 +63489,7 @@
|
|
|
63437
63489
|
"name": "class.cds--popover--top",
|
|
63438
63490
|
"deprecated": false,
|
|
63439
63491
|
"deprecationMessage": "",
|
|
63440
|
-
"line":
|
|
63492
|
+
"line": 24,
|
|
63441
63493
|
"type": "boolean",
|
|
63442
63494
|
"decorators": [],
|
|
63443
63495
|
"inheritance": {
|
|
@@ -63448,7 +63500,7 @@
|
|
|
63448
63500
|
"name": "class.cds--popover--top-left",
|
|
63449
63501
|
"deprecated": false,
|
|
63450
63502
|
"deprecationMessage": "",
|
|
63451
|
-
"line":
|
|
63503
|
+
"line": 28,
|
|
63452
63504
|
"type": "boolean",
|
|
63453
63505
|
"decorators": [],
|
|
63454
63506
|
"inheritance": {
|
|
@@ -63459,7 +63511,7 @@
|
|
|
63459
63511
|
"name": "class.cds--popover--top-right",
|
|
63460
63512
|
"deprecated": false,
|
|
63461
63513
|
"deprecationMessage": "",
|
|
63462
|
-
"line":
|
|
63514
|
+
"line": 32,
|
|
63463
63515
|
"type": "boolean",
|
|
63464
63516
|
"decorators": [],
|
|
63465
63517
|
"inheritance": {
|
|
@@ -63471,7 +63523,7 @@
|
|
|
63471
63523
|
"defaultValue": "true",
|
|
63472
63524
|
"deprecated": false,
|
|
63473
63525
|
"deprecationMessage": "",
|
|
63474
|
-
"line":
|
|
63526
|
+
"line": 93,
|
|
63475
63527
|
"type": "boolean",
|
|
63476
63528
|
"decorators": [],
|
|
63477
63529
|
"inheritance": {
|
|
@@ -63495,7 +63547,7 @@
|
|
|
63495
63547
|
],
|
|
63496
63548
|
"deprecated": false,
|
|
63497
63549
|
"deprecationMessage": "",
|
|
63498
|
-
"line":
|
|
63550
|
+
"line": 102
|
|
63499
63551
|
},
|
|
63500
63552
|
{
|
|
63501
63553
|
"name": "focusout",
|
|
@@ -63512,7 +63564,7 @@
|
|
|
63512
63564
|
],
|
|
63513
63565
|
"deprecated": false,
|
|
63514
63566
|
"deprecationMessage": "",
|
|
63515
|
-
"line":
|
|
63567
|
+
"line": 107
|
|
63516
63568
|
},
|
|
63517
63569
|
{
|
|
63518
63570
|
"name": "keyup",
|
|
@@ -63529,7 +63581,7 @@
|
|
|
63529
63581
|
],
|
|
63530
63582
|
"deprecated": false,
|
|
63531
63583
|
"deprecationMessage": "",
|
|
63532
|
-
"line":
|
|
63584
|
+
"line": 93
|
|
63533
63585
|
},
|
|
63534
63586
|
{
|
|
63535
63587
|
"name": "mouseenter",
|
|
@@ -63546,7 +63598,7 @@
|
|
|
63546
63598
|
],
|
|
63547
63599
|
"deprecated": false,
|
|
63548
63600
|
"deprecationMessage": "",
|
|
63549
|
-
"line":
|
|
63601
|
+
"line": 79
|
|
63550
63602
|
},
|
|
63551
63603
|
{
|
|
63552
63604
|
"name": "mouseleave",
|
|
@@ -63563,7 +63615,7 @@
|
|
|
63563
63615
|
],
|
|
63564
63616
|
"deprecated": false,
|
|
63565
63617
|
"deprecationMessage": "",
|
|
63566
|
-
"line":
|
|
63618
|
+
"line": 86
|
|
63567
63619
|
}
|
|
63568
63620
|
],
|
|
63569
63621
|
"standalone": false,
|
|
@@ -63571,7 +63623,7 @@
|
|
|
63571
63623
|
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-tooltip--basic\">See demo</a></p>\n",
|
|
63572
63624
|
"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
63625
|
"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",
|
|
63626
|
+
"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
63627
|
"assetsDirs": [],
|
|
63576
63628
|
"styleUrlsData": "",
|
|
63577
63629
|
"stylesData": "",
|
|
@@ -63580,8 +63632,26 @@
|
|
|
63580
63632
|
"description": "",
|
|
63581
63633
|
"deprecated": false,
|
|
63582
63634
|
"deprecationMessage": "",
|
|
63583
|
-
"args": [
|
|
63584
|
-
|
|
63635
|
+
"args": [
|
|
63636
|
+
{
|
|
63637
|
+
"name": "ref",
|
|
63638
|
+
"type": "ChangeDetectorRef",
|
|
63639
|
+
"deprecated": false,
|
|
63640
|
+
"deprecationMessage": ""
|
|
63641
|
+
}
|
|
63642
|
+
],
|
|
63643
|
+
"line": 70,
|
|
63644
|
+
"jsdoctags": [
|
|
63645
|
+
{
|
|
63646
|
+
"name": "ref",
|
|
63647
|
+
"type": "ChangeDetectorRef",
|
|
63648
|
+
"deprecated": false,
|
|
63649
|
+
"deprecationMessage": "",
|
|
63650
|
+
"tagName": {
|
|
63651
|
+
"text": "param"
|
|
63652
|
+
}
|
|
63653
|
+
}
|
|
63654
|
+
]
|
|
63585
63655
|
},
|
|
63586
63656
|
"extends": "PopoverContainer",
|
|
63587
63657
|
"implements": [
|
|
@@ -63590,8 +63660,9 @@
|
|
|
63590
63660
|
},
|
|
63591
63661
|
{
|
|
63592
63662
|
"name": "TooltipDefinition",
|
|
63593
|
-
"id": "component-TooltipDefinition-
|
|
63663
|
+
"id": "component-TooltipDefinition-3a9038152f40c048717bb4758e6cdc6eadb1bdea93f8f7336b6ee83029b8a5669ff941847eace94982e39403b806235a77a67e60a902905051d1bf3bf154816a",
|
|
63594
63664
|
"file": "src/tooltip/definition-tooptip.component.ts",
|
|
63665
|
+
"changeDetection": "ChangeDetectionStrategy.OnPush",
|
|
63595
63666
|
"encapsulation": [],
|
|
63596
63667
|
"entryComponents": [],
|
|
63597
63668
|
"inputs": [],
|
|
@@ -63612,7 +63683,7 @@
|
|
|
63612
63683
|
"deprecationMessage": "",
|
|
63613
63684
|
"rawdescription": "\n\nOverride alignment options\n",
|
|
63614
63685
|
"description": "<p>Override alignment options</p>\n",
|
|
63615
|
-
"line":
|
|
63686
|
+
"line": 55,
|
|
63616
63687
|
"type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\"",
|
|
63617
63688
|
"decorators": [],
|
|
63618
63689
|
"inheritance": {
|
|
@@ -63625,7 +63696,7 @@
|
|
|
63625
63696
|
"deprecationMessage": "",
|
|
63626
63697
|
"rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
|
|
63627
63698
|
"description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
|
|
63628
|
-
"line":
|
|
63699
|
+
"line": 61,
|
|
63629
63700
|
"type": "string | TemplateRef<any>",
|
|
63630
63701
|
"decorators": []
|
|
63631
63702
|
},
|
|
@@ -63634,7 +63705,7 @@
|
|
|
63634
63705
|
"defaultValue": "`tooltip-definition-${TooltipDefinition.tooltipCount++}`",
|
|
63635
63706
|
"deprecated": false,
|
|
63636
63707
|
"deprecationMessage": "",
|
|
63637
|
-
"line":
|
|
63708
|
+
"line": 50,
|
|
63638
63709
|
"type": "string",
|
|
63639
63710
|
"decorators": []
|
|
63640
63711
|
},
|
|
@@ -63643,7 +63714,7 @@
|
|
|
63643
63714
|
"defaultValue": "true",
|
|
63644
63715
|
"deprecated": false,
|
|
63645
63716
|
"deprecationMessage": "",
|
|
63646
|
-
"line":
|
|
63717
|
+
"line": 88,
|
|
63647
63718
|
"type": "boolean",
|
|
63648
63719
|
"decorators": [],
|
|
63649
63720
|
"inheritance": {
|
|
@@ -63655,7 +63726,7 @@
|
|
|
63655
63726
|
"defaultValue": "true",
|
|
63656
63727
|
"deprecated": false,
|
|
63657
63728
|
"deprecationMessage": "",
|
|
63658
|
-
"line":
|
|
63729
|
+
"line": 89,
|
|
63659
63730
|
"type": "boolean",
|
|
63660
63731
|
"decorators": [],
|
|
63661
63732
|
"inheritance": {
|
|
@@ -63667,7 +63738,7 @@
|
|
|
63667
63738
|
"defaultValue": "false",
|
|
63668
63739
|
"deprecated": false,
|
|
63669
63740
|
"deprecationMessage": "",
|
|
63670
|
-
"line":
|
|
63741
|
+
"line": 90,
|
|
63671
63742
|
"type": "boolean",
|
|
63672
63743
|
"decorators": [],
|
|
63673
63744
|
"inheritance": {
|
|
@@ -63679,7 +63750,7 @@
|
|
|
63679
63750
|
"defaultValue": "false",
|
|
63680
63751
|
"deprecated": false,
|
|
63681
63752
|
"deprecationMessage": "",
|
|
63682
|
-
"line":
|
|
63753
|
+
"line": 91,
|
|
63683
63754
|
"type": "boolean",
|
|
63684
63755
|
"decorators": [],
|
|
63685
63756
|
"inheritance": {
|
|
@@ -63695,7 +63766,7 @@
|
|
|
63695
63766
|
"deprecationMessage": "",
|
|
63696
63767
|
"rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
|
|
63697
63768
|
"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":
|
|
63769
|
+
"line": 86,
|
|
63699
63770
|
"type": "EventEmitter",
|
|
63700
63771
|
"inheritance": {
|
|
63701
63772
|
"file": "PopoverContainer"
|
|
@@ -63708,7 +63779,7 @@
|
|
|
63708
63779
|
"deprecationMessage": "",
|
|
63709
63780
|
"rawdescription": "\n\nEmits an event when the dialog is closed\n",
|
|
63710
63781
|
"description": "<p>Emits an event when the dialog is closed</p>\n",
|
|
63711
|
-
"line":
|
|
63782
|
+
"line": 78,
|
|
63712
63783
|
"type": "EventEmitter<Event>",
|
|
63713
63784
|
"inheritance": {
|
|
63714
63785
|
"file": "PopoverContainer"
|
|
@@ -63721,7 +63792,7 @@
|
|
|
63721
63792
|
"deprecationMessage": "",
|
|
63722
63793
|
"rawdescription": "\n\nEmits an event when the dialog is opened\n",
|
|
63723
63794
|
"description": "<p>Emits an event when the dialog is opened</p>\n",
|
|
63724
|
-
"line":
|
|
63795
|
+
"line": 82,
|
|
63725
63796
|
"type": "EventEmitter<Event>",
|
|
63726
63797
|
"inheritance": {
|
|
63727
63798
|
"file": "PopoverContainer"
|
|
@@ -63737,7 +63808,7 @@
|
|
|
63737
63808
|
"type": "number",
|
|
63738
63809
|
"optional": false,
|
|
63739
63810
|
"description": "",
|
|
63740
|
-
"line":
|
|
63811
|
+
"line": 48,
|
|
63741
63812
|
"modifierKind": [
|
|
63742
63813
|
124
|
|
63743
63814
|
]
|
|
@@ -63750,7 +63821,7 @@
|
|
|
63750
63821
|
"type": "",
|
|
63751
63822
|
"optional": false,
|
|
63752
63823
|
"description": "",
|
|
63753
|
-
"line":
|
|
63824
|
+
"line": 93,
|
|
63754
63825
|
"decorators": [
|
|
63755
63826
|
{
|
|
63756
63827
|
"name": "HostBinding",
|
|
@@ -63779,7 +63850,7 @@
|
|
|
63779
63850
|
"optional": false,
|
|
63780
63851
|
"returnType": "void",
|
|
63781
63852
|
"typeParameters": [],
|
|
63782
|
-
"line":
|
|
63853
|
+
"line": 78,
|
|
63783
63854
|
"deprecated": false,
|
|
63784
63855
|
"deprecationMessage": "",
|
|
63785
63856
|
"decorators": [
|
|
@@ -63816,7 +63887,7 @@
|
|
|
63816
63887
|
"optional": false,
|
|
63817
63888
|
"returnType": "boolean",
|
|
63818
63889
|
"typeParameters": [],
|
|
63819
|
-
"line":
|
|
63890
|
+
"line": 90,
|
|
63820
63891
|
"deprecated": false,
|
|
63821
63892
|
"deprecationMessage": "",
|
|
63822
63893
|
"modifierKind": [
|
|
@@ -63847,7 +63918,7 @@
|
|
|
63847
63918
|
"optional": false,
|
|
63848
63919
|
"returnType": "void",
|
|
63849
63920
|
"typeParameters": [],
|
|
63850
|
-
"line":
|
|
63921
|
+
"line": 86,
|
|
63851
63922
|
"deprecated": false,
|
|
63852
63923
|
"deprecationMessage": "",
|
|
63853
63924
|
"decorators": [
|
|
@@ -63884,7 +63955,7 @@
|
|
|
63884
63955
|
"optional": false,
|
|
63885
63956
|
"returnType": "void",
|
|
63886
63957
|
"typeParameters": [],
|
|
63887
|
-
"line":
|
|
63958
|
+
"line": 69,
|
|
63888
63959
|
"deprecated": false,
|
|
63889
63960
|
"deprecationMessage": "",
|
|
63890
63961
|
"jsdoctags": [
|
|
@@ -63912,7 +63983,7 @@
|
|
|
63912
63983
|
"optional": false,
|
|
63913
63984
|
"returnType": "void",
|
|
63914
63985
|
"typeParameters": [],
|
|
63915
|
-
"line":
|
|
63986
|
+
"line": 73,
|
|
63916
63987
|
"deprecated": false,
|
|
63917
63988
|
"deprecationMessage": "",
|
|
63918
63989
|
"jsdoctags": [
|
|
@@ -63946,7 +64017,7 @@
|
|
|
63946
64017
|
"optional": false,
|
|
63947
64018
|
"returnType": "void",
|
|
63948
64019
|
"typeParameters": [],
|
|
63949
|
-
"line":
|
|
64020
|
+
"line": 101,
|
|
63950
64021
|
"deprecated": false,
|
|
63951
64022
|
"deprecationMessage": "",
|
|
63952
64023
|
"jsdoctags": [
|
|
@@ -63981,7 +64052,7 @@
|
|
|
63981
64052
|
"name": "class.cds--popover--bottom",
|
|
63982
64053
|
"deprecated": false,
|
|
63983
64054
|
"deprecationMessage": "",
|
|
63984
|
-
"line":
|
|
64055
|
+
"line": 37,
|
|
63985
64056
|
"type": "boolean",
|
|
63986
64057
|
"decorators": [],
|
|
63987
64058
|
"inheritance": {
|
|
@@ -63992,7 +64063,7 @@
|
|
|
63992
64063
|
"name": "class.cds--popover--bottom-left",
|
|
63993
64064
|
"deprecated": false,
|
|
63994
64065
|
"deprecationMessage": "",
|
|
63995
|
-
"line":
|
|
64066
|
+
"line": 41,
|
|
63996
64067
|
"type": "boolean",
|
|
63997
64068
|
"decorators": [],
|
|
63998
64069
|
"inheritance": {
|
|
@@ -64003,7 +64074,7 @@
|
|
|
64003
64074
|
"name": "class.cds--popover--bottom-right",
|
|
64004
64075
|
"deprecated": false,
|
|
64005
64076
|
"deprecationMessage": "",
|
|
64006
|
-
"line":
|
|
64077
|
+
"line": 45,
|
|
64007
64078
|
"type": "boolean",
|
|
64008
64079
|
"decorators": [],
|
|
64009
64080
|
"inheritance": {
|
|
@@ -64014,7 +64085,7 @@
|
|
|
64014
64085
|
"name": "class.cds--popover--left",
|
|
64015
64086
|
"deprecated": false,
|
|
64016
64087
|
"deprecationMessage": "",
|
|
64017
|
-
"line":
|
|
64088
|
+
"line": 50,
|
|
64018
64089
|
"type": "boolean",
|
|
64019
64090
|
"decorators": [],
|
|
64020
64091
|
"inheritance": {
|
|
@@ -64025,7 +64096,7 @@
|
|
|
64025
64096
|
"name": "class.cds--popover--left-bottom",
|
|
64026
64097
|
"deprecated": false,
|
|
64027
64098
|
"deprecationMessage": "",
|
|
64028
|
-
"line":
|
|
64099
|
+
"line": 58,
|
|
64029
64100
|
"type": "boolean",
|
|
64030
64101
|
"decorators": [],
|
|
64031
64102
|
"inheritance": {
|
|
@@ -64036,7 +64107,7 @@
|
|
|
64036
64107
|
"name": "class.cds--popover--left-top",
|
|
64037
64108
|
"deprecated": false,
|
|
64038
64109
|
"deprecationMessage": "",
|
|
64039
|
-
"line":
|
|
64110
|
+
"line": 54,
|
|
64040
64111
|
"type": "boolean",
|
|
64041
64112
|
"decorators": [],
|
|
64042
64113
|
"inheritance": {
|
|
@@ -64047,7 +64118,7 @@
|
|
|
64047
64118
|
"name": "class.cds--popover--right",
|
|
64048
64119
|
"deprecated": false,
|
|
64049
64120
|
"deprecationMessage": "",
|
|
64050
|
-
"line":
|
|
64121
|
+
"line": 63,
|
|
64051
64122
|
"type": "boolean",
|
|
64052
64123
|
"decorators": [],
|
|
64053
64124
|
"inheritance": {
|
|
@@ -64058,7 +64129,7 @@
|
|
|
64058
64129
|
"name": "class.cds--popover--right-bottom",
|
|
64059
64130
|
"deprecated": false,
|
|
64060
64131
|
"deprecationMessage": "",
|
|
64061
|
-
"line":
|
|
64132
|
+
"line": 71,
|
|
64062
64133
|
"type": "boolean",
|
|
64063
64134
|
"decorators": [],
|
|
64064
64135
|
"inheritance": {
|
|
@@ -64069,7 +64140,7 @@
|
|
|
64069
64140
|
"name": "class.cds--popover--right-top",
|
|
64070
64141
|
"deprecated": false,
|
|
64071
64142
|
"deprecationMessage": "",
|
|
64072
|
-
"line":
|
|
64143
|
+
"line": 67,
|
|
64073
64144
|
"type": "boolean",
|
|
64074
64145
|
"decorators": [],
|
|
64075
64146
|
"inheritance": {
|
|
@@ -64080,7 +64151,7 @@
|
|
|
64080
64151
|
"name": "class.cds--popover--top",
|
|
64081
64152
|
"deprecated": false,
|
|
64082
64153
|
"deprecationMessage": "",
|
|
64083
|
-
"line":
|
|
64154
|
+
"line": 24,
|
|
64084
64155
|
"type": "boolean",
|
|
64085
64156
|
"decorators": [],
|
|
64086
64157
|
"inheritance": {
|
|
@@ -64091,7 +64162,7 @@
|
|
|
64091
64162
|
"name": "class.cds--popover--top-left",
|
|
64092
64163
|
"deprecated": false,
|
|
64093
64164
|
"deprecationMessage": "",
|
|
64094
|
-
"line":
|
|
64165
|
+
"line": 28,
|
|
64095
64166
|
"type": "boolean",
|
|
64096
64167
|
"decorators": [],
|
|
64097
64168
|
"inheritance": {
|
|
@@ -64102,7 +64173,7 @@
|
|
|
64102
64173
|
"name": "class.cds--popover--top-right",
|
|
64103
64174
|
"deprecated": false,
|
|
64104
64175
|
"deprecationMessage": "",
|
|
64105
|
-
"line":
|
|
64176
|
+
"line": 32,
|
|
64106
64177
|
"type": "boolean",
|
|
64107
64178
|
"decorators": [],
|
|
64108
64179
|
"inheritance": {
|
|
@@ -64114,7 +64185,7 @@
|
|
|
64114
64185
|
"defaultValue": "true",
|
|
64115
64186
|
"deprecated": false,
|
|
64116
64187
|
"deprecationMessage": "",
|
|
64117
|
-
"line":
|
|
64188
|
+
"line": 93,
|
|
64118
64189
|
"type": "boolean",
|
|
64119
64190
|
"decorators": [],
|
|
64120
64191
|
"inheritance": {
|
|
@@ -64138,7 +64209,7 @@
|
|
|
64138
64209
|
],
|
|
64139
64210
|
"deprecated": false,
|
|
64140
64211
|
"deprecationMessage": "",
|
|
64141
|
-
"line":
|
|
64212
|
+
"line": 78
|
|
64142
64213
|
},
|
|
64143
64214
|
{
|
|
64144
64215
|
"name": "mouseleave",
|
|
@@ -64155,7 +64226,7 @@
|
|
|
64155
64226
|
],
|
|
64156
64227
|
"deprecated": false,
|
|
64157
64228
|
"deprecationMessage": "",
|
|
64158
|
-
"line":
|
|
64229
|
+
"line": 86
|
|
64159
64230
|
}
|
|
64160
64231
|
],
|
|
64161
64232
|
"standalone": false,
|
|
@@ -64163,7 +64234,7 @@
|
|
|
64163
64234
|
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-tooltip-definition--basic\">See demo</a></p>\n",
|
|
64164
64235
|
"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
64236
|
"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",
|
|
64237
|
+
"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
64238
|
"assetsDirs": [],
|
|
64168
64239
|
"styleUrlsData": "",
|
|
64169
64240
|
"stylesData": "",
|
|
@@ -64172,8 +64243,26 @@
|
|
|
64172
64243
|
"description": "",
|
|
64173
64244
|
"deprecated": false,
|
|
64174
64245
|
"deprecationMessage": "",
|
|
64175
|
-
"args": [
|
|
64176
|
-
|
|
64246
|
+
"args": [
|
|
64247
|
+
{
|
|
64248
|
+
"name": "ref",
|
|
64249
|
+
"type": "ChangeDetectorRef",
|
|
64250
|
+
"deprecated": false,
|
|
64251
|
+
"deprecationMessage": ""
|
|
64252
|
+
}
|
|
64253
|
+
],
|
|
64254
|
+
"line": 61,
|
|
64255
|
+
"jsdoctags": [
|
|
64256
|
+
{
|
|
64257
|
+
"name": "ref",
|
|
64258
|
+
"type": "ChangeDetectorRef",
|
|
64259
|
+
"deprecated": false,
|
|
64260
|
+
"deprecationMessage": "",
|
|
64261
|
+
"tagName": {
|
|
64262
|
+
"text": "param"
|
|
64263
|
+
}
|
|
64264
|
+
}
|
|
64265
|
+
]
|
|
64177
64266
|
},
|
|
64178
64267
|
"extends": "PopoverContainer"
|
|
64179
64268
|
},
|
|
@@ -72114,7 +72203,7 @@
|
|
|
72114
72203
|
"deprecated": false,
|
|
72115
72204
|
"deprecationMessage": "",
|
|
72116
72205
|
"type": "",
|
|
72117
|
-
"defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel:
|
|
72206
|
+
"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
72207
|
},
|
|
72119
72208
|
{
|
|
72120
72209
|
"name": "withActionsTemplate",
|
|
@@ -74672,7 +74761,7 @@
|
|
|
74672
74761
|
"deprecated": false,
|
|
74673
74762
|
"deprecationMessage": "",
|
|
74674
74763
|
"type": "",
|
|
74675
|
-
"defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel:
|
|
74764
|
+
"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
74765
|
},
|
|
74677
74766
|
{
|
|
74678
74767
|
"name": "withActionsTemplate",
|
|
@@ -83681,7 +83770,7 @@
|
|
|
83681
83770
|
"linktype": "directive",
|
|
83682
83771
|
"name": "PopoverContainer",
|
|
83683
83772
|
"coveragePercent": 16,
|
|
83684
|
-
"coverageCount": "4/
|
|
83773
|
+
"coverageCount": "4/25",
|
|
83685
83774
|
"status": "low"
|
|
83686
83775
|
},
|
|
83687
83776
|
{
|