carbon-components-angular 5.23.0 → 5.23.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/documentation/components/SideNavItem.html +2 -2
- package/docs/documentation/components/Toggletip.html +2 -2
- package/docs/documentation/components/Tooltip.html +2 -2
- package/docs/documentation/components/TooltipDefinition.html +2 -2
- package/docs/documentation/directives/PopoverContainer.html +4 -4
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
- package/docs/documentation/modules/DatePickerInputModule.html +7 -7
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
- package/docs/documentation/modules/DatePickerModule.html +53 -57
- package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
- package/docs/documentation/modules/DialogModule.html +34 -34
- package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
- package/docs/documentation/modules/GridModule.html +60 -60
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
- package/docs/documentation/modules/SelectModule.html +58 -58
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
- package/docs/documentation/modules/StructuredListModule.html +66 -66
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TagModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +99 -99
- package/docs/documentation/modules/TilesModule.html +99 -99
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +40 -44
- package/docs/documentation/modules/TimePickerModule.html +40 -44
- 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 +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +30 -30
- package/docs/documentation/modules/TreeviewModule.html +30 -30
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +65 -65
- package/docs/storybook/{3348.4c108918.iframe.bundle.js → 3348.9d9f3238.iframe.bundle.js} +1 -1
- package/docs/storybook/{4578.c90d4756.iframe.bundle.js → 4578.0721a3f2.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.2d2aac90.iframe.bundle.js +1 -0
- package/docs/storybook/{popover-popover-stories.db1735d2.iframe.bundle.js → popover-popover-stories.a91784a3.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.e6146719.iframe.bundle.js → runtime~main.c5140788.iframe.bundle.js} +1 -1
- package/docs/storybook/{tooltip-definition-tooptip-stories.af38c73f.iframe.bundle.js → tooltip-definition-tooptip-stories.af07fda0.iframe.bundle.js} +1 -1
- package/docs/storybook/{tooltip-tooltip-stories.65d7c699.iframe.bundle.js → tooltip-tooltip-stories.18664f1b.iframe.bundle.js} +1 -1
- package/esm2020/popover/popover.directive.mjs +3 -3
- package/esm2020/ui-shell/sidenav/sidenav-item.component.mjs +2 -2
- package/fesm2015/carbon-components-angular-popover.mjs +2 -2
- package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-popover.mjs +2 -2
- package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/package.json +1 -1
- package/popover/popover.directive.d.ts +1 -1
- package/docs/storybook/main.fbe9a501.iframe.bundle.js +0 -1
|
@@ -68,15 +68,15 @@
|
|
|
68
68
|
</g>
|
|
69
69
|
<g id="clust6" class="cluster">
|
|
70
70
|
<title>cluster_TreeviewModule_exports</title>
|
|
71
|
-
<polygon fill="none" stroke="black" points="
|
|
72
|
-
</g>
|
|
73
|
-
<g id="clust5" class="cluster">
|
|
74
|
-
<title>cluster_TreeviewModule_imports</title>
|
|
75
|
-
<polygon fill="none" stroke="black" points="370,-143 370,-195 470,-195 470,-143 370,-143"/>
|
|
71
|
+
<polygon fill="none" stroke="black" points="91,-273 91,-325 406,-325 406,-273 91,-273"/>
|
|
76
72
|
</g>
|
|
77
73
|
<g id="clust4" class="cluster">
|
|
78
74
|
<title>cluster_TreeviewModule_TreeViewComponent_providers</title>
|
|
79
|
-
<polygon fill="none" stroke="black" points="
|
|
75
|
+
<polygon fill="none" stroke="black" points="296,-78 296,-195 470,-195 470,-78 296,-78"/>
|
|
76
|
+
</g>
|
|
77
|
+
<g id="clust5" class="cluster">
|
|
78
|
+
<title>cluster_TreeviewModule_imports</title>
|
|
79
|
+
<polygon fill="none" stroke="black" points="188,-143 188,-195 288,-195 288,-143 188,-143"/>
|
|
80
80
|
</g>
|
|
81
81
|
<g id="clust2" class="cluster">
|
|
82
82
|
<title>cluster_TreeviewModule_declarations</title>
|
|
@@ -91,74 +91,74 @@
|
|
|
91
91
|
<!-- TreeviewModule -->
|
|
92
92
|
<g id="node3" class="node">
|
|
93
93
|
<title>TreeviewModule</title>
|
|
94
|
-
<polygon fill="#8dd3c7" stroke="black" points="
|
|
95
|
-
<text text-anchor="middle" x="
|
|
94
|
+
<polygon fill="#8dd3c7" stroke="black" points="294.4,-252 291.4,-256 270.4,-256 267.4,-252 181.6,-252 181.6,-216 294.4,-216 294.4,-252"/>
|
|
95
|
+
<text text-anchor="middle" x="238" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
|
|
96
96
|
</g>
|
|
97
97
|
<!-- TreeNodeComponent->TreeviewModule -->
|
|
98
98
|
<g id="edge1" class="edge">
|
|
99
99
|
<title>TreeNodeComponent->TreeviewModule</title>
|
|
100
|
-
<path fill="none" stroke="black" d="
|
|
101
|
-
<polygon fill="black" stroke="black" points="
|
|
100
|
+
<path fill="none" stroke="black" d="M171.84,-169C181.82,-169 188.79,-169 188.79,-169 188.79,-169 188.79,-205.89 188.79,-205.89"/>
|
|
101
|
+
<polygon fill="black" stroke="black" points="185.29,-205.89 188.79,-215.89 192.29,-205.89 185.29,-205.89"/>
|
|
102
102
|
</g>
|
|
103
103
|
<!-- TreeViewComponent -->
|
|
104
104
|
<g id="node2" class="node">
|
|
105
105
|
<title>TreeViewComponent</title>
|
|
106
|
-
<polygon fill="#ffffb3" stroke="black" points="
|
|
107
|
-
<text text-anchor="middle" x="
|
|
106
|
+
<polygon fill="#ffffb3" stroke="black" points="446.79,-187 309.21,-187 309.21,-151 446.79,-151 446.79,-187"/>
|
|
107
|
+
<text text-anchor="middle" x="378" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
|
|
108
108
|
</g>
|
|
109
109
|
<!-- TreeViewComponent->TreeviewModule -->
|
|
110
110
|
<g id="edge2" class="edge">
|
|
111
111
|
<title>TreeViewComponent->TreeviewModule</title>
|
|
112
|
-
<path fill="none" stroke="black" d="
|
|
113
|
-
<polygon fill="black" stroke="black" points="
|
|
112
|
+
<path fill="none" stroke="black" d="M309.19,-169C296.52,-169 287.21,-169 287.21,-169 287.21,-169 287.21,-205.89 287.21,-205.89"/>
|
|
113
|
+
<polygon fill="black" stroke="black" points="283.71,-205.89 287.21,-215.89 290.71,-205.89 283.71,-205.89"/>
|
|
114
114
|
</g>
|
|
115
115
|
<!-- TreeNodeComponent -->
|
|
116
116
|
<g id="node6" class="node">
|
|
117
117
|
<title>TreeNodeComponent </title>
|
|
118
|
-
<polygon fill="#fb8072" stroke="black" points="
|
|
119
|
-
<text text-anchor="middle" x="
|
|
118
|
+
<polygon fill="#fb8072" stroke="black" points="398.3,-317 257.7,-317 257.7,-281 398.3,-281 398.3,-317"/>
|
|
119
|
+
<text text-anchor="middle" x="328" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
|
|
120
120
|
</g>
|
|
121
121
|
<!-- TreeviewModule->TreeNodeComponent -->
|
|
122
122
|
<g id="edge5" class="edge">
|
|
123
123
|
<title>TreeviewModule->TreeNodeComponent </title>
|
|
124
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
125
|
-
<polygon fill="black" stroke="black" points="
|
|
124
|
+
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M275.9,-252.11C275.9,-252.11 275.9,-270.99 275.9,-270.99"/>
|
|
125
|
+
<polygon fill="black" stroke="black" points="272.4,-270.99 275.9,-280.99 279.4,-270.99 272.4,-270.99"/>
|
|
126
126
|
</g>
|
|
127
127
|
<!-- TreeViewComponent -->
|
|
128
128
|
<g id="node7" class="node">
|
|
129
129
|
<title>TreeViewComponent </title>
|
|
130
|
-
<polygon fill="#fb8072" stroke="black" points="
|
|
131
|
-
<text text-anchor="middle" x="
|
|
130
|
+
<polygon fill="#fb8072" stroke="black" points="239.29,-317 98.71,-317 98.71,-281 239.29,-281 239.29,-317"/>
|
|
131
|
+
<text text-anchor="middle" x="169" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
|
|
132
132
|
</g>
|
|
133
133
|
<!-- TreeviewModule->TreeViewComponent -->
|
|
134
134
|
<g id="edge6" class="edge">
|
|
135
135
|
<title>TreeviewModule->TreeViewComponent </title>
|
|
136
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
137
|
-
<polygon fill="black" stroke="black" points="
|
|
136
|
+
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M210.6,-252.11C210.6,-252.11 210.6,-270.99 210.6,-270.99"/>
|
|
137
|
+
<polygon fill="black" stroke="black" points="207.1,-270.99 210.6,-280.99 214.1,-270.99 207.1,-270.99"/>
|
|
138
138
|
</g>
|
|
139
139
|
<!-- TreeViewService -->
|
|
140
140
|
<g id="node4" class="node">
|
|
141
141
|
<title>TreeViewService</title>
|
|
142
|
-
<ellipse fill="#fdb462" stroke="black" cx="
|
|
143
|
-
<text text-anchor="middle" x="
|
|
142
|
+
<ellipse fill="#fdb462" stroke="black" cx="383" cy="-104" rx="78.69" ry="18"/>
|
|
143
|
+
<text text-anchor="middle" x="383" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
|
|
144
144
|
</g>
|
|
145
145
|
<!-- TreeViewService->TreeViewComponent -->
|
|
146
146
|
<g id="edge3" class="edge">
|
|
147
147
|
<title>TreeViewService->TreeViewComponent</title>
|
|
148
|
-
<path fill="none" stroke="black" d="
|
|
149
|
-
<polygon fill="black" stroke="black" points="
|
|
148
|
+
<path fill="none" stroke="black" d="M378,-122.11C378,-122.11 378,-140.99 378,-140.99"/>
|
|
149
|
+
<polygon fill="black" stroke="black" points="374.5,-140.99 378,-150.99 381.5,-140.99 374.5,-140.99"/>
|
|
150
150
|
</g>
|
|
151
151
|
<!-- IconModule -->
|
|
152
152
|
<g id="node5" class="node">
|
|
153
153
|
<title>IconModule</title>
|
|
154
|
-
<polygon fill="#8dd3c7" stroke="black" points="
|
|
155
|
-
<text text-anchor="middle" x="
|
|
154
|
+
<polygon fill="#8dd3c7" stroke="black" points="280.43,-187 277.43,-191 256.43,-191 253.43,-187 195.57,-187 195.57,-151 280.43,-151 280.43,-187"/>
|
|
155
|
+
<text text-anchor="middle" x="238" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
|
|
156
156
|
</g>
|
|
157
157
|
<!-- IconModule->TreeviewModule -->
|
|
158
158
|
<g id="edge4" class="edge">
|
|
159
159
|
<title>IconModule->TreeviewModule</title>
|
|
160
|
-
<path fill="none" stroke="black" d="
|
|
161
|
-
<polygon fill="black" stroke="black" points="
|
|
160
|
+
<path fill="none" stroke="black" d="M238,-187.11C238,-187.11 238,-205.99 238,-205.99"/>
|
|
161
|
+
<polygon fill="black" stroke="black" points="234.5,-205.99 238,-215.99 241.5,-205.99 234.5,-205.99"/>
|
|
162
162
|
</g>
|
|
163
163
|
</g>
|
|
164
164
|
</svg>
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
<title>cluster_UIShellModule</title>
|
|
25
25
|
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
|
|
26
26
|
</g>
|
|
27
|
-
<g id="clust3" class="cluster">
|
|
28
|
-
<title>cluster_UIShellModule_imports</title>
|
|
29
|
-
<polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
|
|
30
|
-
</g>
|
|
31
27
|
<g id="clust4" class="cluster">
|
|
32
28
|
<title>cluster_UIShellModule_exports</title>
|
|
33
29
|
<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
|
|
34
30
|
</g>
|
|
31
|
+
<g id="clust3" class="cluster">
|
|
32
|
+
<title>cluster_UIShellModule_imports</title>
|
|
33
|
+
<polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
|
|
34
|
+
</g>
|
|
35
35
|
<!-- HeaderModule -->
|
|
36
36
|
<g id="node1" class="node">
|
|
37
37
|
<title>HeaderModule</title>
|
|
@@ -66,14 +66,14 @@
|
|
|
66
66
|
<title>cluster_UIShellModule</title>
|
|
67
67
|
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
|
|
68
68
|
</g>
|
|
69
|
-
<g id="clust3" class="cluster">
|
|
70
|
-
<title>cluster_UIShellModule_imports</title>
|
|
71
|
-
<polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
|
|
72
|
-
</g>
|
|
73
69
|
<g id="clust4" class="cluster">
|
|
74
70
|
<title>cluster_UIShellModule_exports</title>
|
|
75
71
|
<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
|
|
76
72
|
</g>
|
|
73
|
+
<g id="clust3" class="cluster">
|
|
74
|
+
<title>cluster_UIShellModule_imports</title>
|
|
75
|
+
<polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
|
|
76
|
+
</g>
|
|
77
77
|
<!-- HeaderModule -->
|
|
78
78
|
<g id="node1" class="node">
|
|
79
79
|
<title>HeaderModule</title>
|
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-752c04e41e3e90474efc0f00a23fa0777a9dfce8961b78493bae4986846a4ce726356c69a5ea4ba2468d9a052f23b4b817e80792411e55683e490708a9e4fcd4",
|
|
14838
14838
|
"file": "src/popover/popover.directive.ts",
|
|
14839
14839
|
"type": "directive",
|
|
14840
14840
|
"description": "",
|
|
14841
14841
|
"rawdescription": "\n",
|
|
14842
|
-
"sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectorRef,\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tNgZone,\n\tOnChanges,\n\tOnDestroy,\n\tOutput,\n\tRenderer2,\n\tSimpleChanges\n} from \"@angular/core\";\nimport {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement\n} from \"@floating-ui/dom\";\n\n// Deprecated popover alignments\ntype oldPlacement = \"top-left\"\n\t| \"top-right\"\n\t| \"bottom-left\"\n\t| \"bottom-right\"\n\t| \"left-bottom\"\n\t| \"left-top\"\n\t| \"right-bottom\"\n\t| \"right-top\";\n\n@Directive({\n\tselector: \"[cdsPopover], [ibmPopover]\"\n})\nexport class PopoverContainer implements AfterViewInit, OnChanges, OnDestroy {\n\t/**\n\t * Set alignment of popover\n\t * As of v5, `oldPlacements` are now deprecated in favor of Placements\n\t *\n\t * When `autoAlign` is set to `true`, alignment may change for best placement\n\t */\n\t@Input() set align(alignment: oldPlacement | Placement) {\n\t\t// If alignment is not passed, the default value will be `undefined`.\n\t\tif (!alignment) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst previousAlignment = this._align;\n\t\tswitch (alignment) {\n\t\t\tcase \"top-left\":\n\t\t\t\tthis._align = \"top-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"top-right\":\n\t\t\t\tthis._align = \"top-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"bottom-left\":\n\t\t\t\tthis._align = \"bottom-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"bottom-right\":\n\t\t\t\tthis._align = \"bottom-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"left-top\":\n\t\t\t\tthis._align = \"left-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"left-bottom\":\n\t\t\t\tthis._align = \"left-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"right-top\":\n\t\t\t\tthis._align = \"right-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"right-bottom\":\n\t\t\t\tthis._align = \"right-end\";\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthis._align = alignment as Placement;\n\t\t\t\tbreak;\n\t\t}\n\t\tthis.updateAlignmentClass(this._align, previousAlignment);\n\t}\n\n\t_align: Placement = \"bottom\";\n\treadonly alignmentClassPrefix = \"cds--popover--\";\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\t/**\n\t * Show caret at the alignment position\n\t */\n\t@HostBinding(\"class.cds--popover--caret\") @Input() caret = true;\n\t/**\n\t * Enable drop shadow around the popover container\n\t */\n\t@HostBinding(\"class.cds--popover--drop-shadow\") @Input() dropShadow = true;\n\t/**\n\t * Enable high contrast for popover container\n\t */\n\t@HostBinding(\"class.cds--popover--high-contrast\") @Input() highContrast =
|
|
14842
|
+
"sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectorRef,\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tNgZone,\n\tOnChanges,\n\tOnDestroy,\n\tOutput,\n\tRenderer2,\n\tSimpleChanges\n} from \"@angular/core\";\nimport {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement\n} from \"@floating-ui/dom\";\n\n// Deprecated popover alignments\ntype oldPlacement = \"top-left\"\n\t| \"top-right\"\n\t| \"bottom-left\"\n\t| \"bottom-right\"\n\t| \"left-bottom\"\n\t| \"left-top\"\n\t| \"right-bottom\"\n\t| \"right-top\";\n\n@Directive({\n\tselector: \"[cdsPopover], [ibmPopover]\"\n})\nexport class PopoverContainer implements AfterViewInit, OnChanges, OnDestroy {\n\t/**\n\t * Set alignment of popover\n\t * As of v5, `oldPlacements` are now deprecated in favor of Placements\n\t *\n\t * When `autoAlign` is set to `true`, alignment may change for best placement\n\t */\n\t@Input() set align(alignment: oldPlacement | Placement) {\n\t\t// If alignment is not passed, the default value will be `undefined`.\n\t\tif (!alignment) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst previousAlignment = this._align;\n\t\tswitch (alignment) {\n\t\t\tcase \"top-left\":\n\t\t\t\tthis._align = \"top-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"top-right\":\n\t\t\t\tthis._align = \"top-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"bottom-left\":\n\t\t\t\tthis._align = \"bottom-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"bottom-right\":\n\t\t\t\tthis._align = \"bottom-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"left-top\":\n\t\t\t\tthis._align = \"left-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"left-bottom\":\n\t\t\t\tthis._align = \"left-end\";\n\t\t\t\tbreak;\n\t\t\tcase \"right-top\":\n\t\t\t\tthis._align = \"right-start\";\n\t\t\t\tbreak;\n\t\t\tcase \"right-bottom\":\n\t\t\t\tthis._align = \"right-end\";\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthis._align = alignment as Placement;\n\t\t\t\tbreak;\n\t\t}\n\t\tthis.updateAlignmentClass(this._align, previousAlignment);\n\t}\n\n\t_align: Placement = \"bottom\";\n\treadonly alignmentClassPrefix = \"cds--popover--\";\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\t/**\n\t * Show caret at the alignment position\n\t */\n\t@HostBinding(\"class.cds--popover--caret\") @Input() caret = true;\n\t/**\n\t * Enable drop shadow around the popover container\n\t */\n\t@HostBinding(\"class.cds--popover--drop-shadow\") @Input() dropShadow = true;\n\t/**\n\t * Enable high contrast for popover container\n\t */\n\t@HostBinding(\"class.cds--popover--high-contrast\") @Input() highContrast = false;\n\t/**\n\t * **Experimental**: Use floating-ui to position the tooltip\n\t * This is not toggleable - should be assigned once\n\t */\n\t@HostBinding(\"class.cds--popover--auto-align\") @Input() autoAlign = false;\n\t@HostBinding(\"class.cds--popover-container\") containerClass = true;\n\t@Input() @HostBinding(\"class.cds--popover--open\") isOpen = false;\n\n\tprotected popoverContentRef: HTMLElement;\n\tprotected caretRef: HTMLElement;\n\tprotected caretOffset: number;\n\tprotected caretHeight: number;\n\tprotected unmountFloatingElement: Function;\n\n\tconstructor(\n\t\tprotected elementRef: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {}\n\n\t/**\n\t * Handles emitting open/close event\n\t * @param open - Is the popover container open\n\t * @param event - Event\n\t */\n\thandleChange(open: boolean, event?: Event) {\n\t\t// We only emit the event when parameter has an event to keep existing behavior\n\t\tif ((this.isOpen !== open) && event) {\n\t\t\tthis.isOpenChange.emit(open);\n\t\t}\n\n\t\tif (open) {\n\t\t\tif (event) {\n\t\t\t\tthis.onOpen.emit(event);\n\t\t\t}\n\n\t\t\t// when auto alignment is enabled, use auto update to set the placement for the element\n\t\t\tif (this.autoAlign) {\n\t\t\t\tif (this.caretRef) {\n\t\t\t\t\t// Get caret offset/height property\n\t\t\t\t\t// Getting computed styles once every open, otherwise expensive.\n\t\t\t\t\tconst computedStyle = getComputedStyle(this.caretRef);\n\t\t\t\t\tconst offset = computedStyle.getPropertyValue(\"--cds-popover-offset\");\n\t\t\t\t\tconst height = computedStyle.getPropertyValue(\"--cds-popover-caret-height\");\n\t\t\t\t\tthis.caretOffset = (offset?.includes(\"px\") ? Number(offset.split(\"px\", 1)[0]) : Number(offset.split(\"rem\", 1)[0]) * 16) || 10;\n\t\t\t\t\tthis.caretHeight = (height?.includes(\"px\") ? Number(height.split(\"px\", 1)[0]) : Number(height.split(\"rem\", 1)[0]) * 16) || 6;\n\t\t\t\t}\n\t\t\t\tif (this.elementRef.nativeElement && this.popoverContentRef) {\n\t\t\t\t\tthis.unmountFloatingElement = autoUpdate(\n\t\t\t\t\t\tthis.elementRef.nativeElement,\n\t\t\t\t\t\tthis.popoverContentRef,\n\t\t\t\t\t\tthis.recomputePosition.bind(this)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tthis.cleanUp();\n\t\t\tif (event) {\n\t\t\t\tthis.onClose.emit(event);\n\t\t\t}\n\t\t}\n\t\tthis.isOpen = open;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\troundByDPR(value) {\n\t\tconst dpr = window.devicePixelRatio || 1;\n\t\treturn Math.round(value * dpr) / dpr;\n\t}\n\n\t/**\n\t * Compute position of tooltip when autoAlign is enabled\n\t */\n\trecomputePosition() {\n\t\t// Run outside of angular zone to avoid unnecessary change detection and rely on floating-ui\n\t\tthis.ngZone.runOutsideAngular(async () => {\n\t\t\tconst { x, y, placement, middlewareData } = await computePosition(\n\t\t\t\tthis.elementRef.nativeElement,\n\t\t\t\tthis.popoverContentRef,\n\t\t\t\t{\n\t\t\t\t\tplacement: this._align,\n\t\t\t\t\tstrategy: \"fixed\",\n\t\t\t\t\tmiddleware: [\n\t\t\t\t\t\toffset(this.caretOffset),\n\t\t\t\t\t\tflip({ fallbackAxisSideDirection: \"start\" }),\n\t\t\t\t\t\tarrow({ element: this.caretRef })\n\t\t\t\t\t]\n\t\t\t\t});\n\n\t\t\tconst previousAlignment = this._align;\n\t\t\tthis._align = placement;\n\t\t\tthis.updateAlignmentClass(this._align, previousAlignment);\n\n\t\t\t// Using CSSOM to manipulate CSS to avoid content security policy inline-src\n\t\t\t// https://github.com/w3c/webappsec-csp/issues/212\n\t\t\tObject.assign(this.popoverContentRef.style, {\n\t\t\t\tposition: \"fixed\",\n\t\t\t\ttop: \"0\",\n\t\t\t\tleft: \"0\",\n\t\t\t\t// Using transform instead of top/left position to improve performance\n\t\t\t\ttransform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n\t\t\t\tconst staticSide = {\n\t\t\t\t\ttop: \"bottom\",\n\t\t\t\t\tright: \"left\",\n\t\t\t\t\tbottom: \"top\",\n\t\t\t\t\tleft: \"right\"\n\t\t\t\t}[placement.split(\"-\")[0]];\n\n\t\t\t\tthis.caretRef.style.left = arrowX != null ? `${arrowX}px` : \"\";\n\t\t\t\tthis.caretRef.style.top = arrowY != null ? `${arrowY}px` : \"\";\n\t\t\t\tthis.caretRef.style.right = \"\";\n\t\t\t\tthis.caretRef.style.bottom = \"\";\n\n\t\t\t\tif (staticSide) {\n\t\t\t\t\tthis.caretRef.style[staticSide] = `${-this.caretHeight}px`;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Close the popover and reopen it with updated values without emitting an event\n\t * @param changes\n\t */\n\tngOnChanges(changes: SimpleChanges): void {\n\t\t// Close and reopen the popover, handle alignment/programmatic open/close\n\t\tconst originalState = this.isOpen;\n\t\tthis.handleChange(false);\n\n\t\t// Ignore first change since content is not initialized\n\t\tif (changes.autoAlign && !changes.autoAlign.firstChange) {\n\t\t\t// Reset the inline styles\n\t\t\tthis.popoverContentRef = this.elementRef.nativeElement.querySelector(\".cds--popover-content\");\n\t\t\tthis.popoverContentRef.setAttribute(\"style\", \"\");\n\t\t\tthis.caretRef = this.elementRef.nativeElement.querySelector(\"span.cds--popover-caret\");\n\t\t}\n\n\t\tthis.handleChange(originalState);\n\t}\n\n\t/**\n\t * Handle initialization of element\n\t */\n\tngAfterViewInit(): void {\n\t\tthis.initializeReferences();\n\t}\n\n\tinitializeReferences(): void {\n\t\tthis.updateAlignmentClass(this._align);\n\n\t\t// Initialize html references since they will not change and are required for popover components\n\t\tthis.popoverContentRef = this.elementRef.nativeElement.querySelector(\".cds--popover-content\");\n\t\tthis.caretRef = this.elementRef.nativeElement.querySelector(\"span.cds--popover-caret\");\n\n\t\t// Handle initial isOpen\n\t\tthis.handleChange(this.isOpen);\n\t}\n\n\t/**\n\t * Clean up\n\t */\n\tngOnDestroy(): void {\n\t\tthis.cleanUp();\n\t}\n\n\t/**\n\t * Clean up `autoUpdate` if auto alignment is enabled\n\t */\n\tcleanUp() {\n\t\tif (this.unmountFloatingElement) {\n\t\t\tthis.unmountFloatingElement();\n\t\t}\n\t\tthis.unmountFloatingElement = undefined;\n\t}\n\n\t/**\n\t * Replace existing previous alignment class with new\n\t * @param previousAlignment\n\t */\n\tupdateAlignmentClass(newAlignment: string, previousAlignment?: string) {\n\t\tif (this.elementRef.nativeElement && previousAlignment !== newAlignment) {\n\t\t\tconst regexp = new RegExp(\"right|top|left|bottom\");\n\t\t\t// Since we are constantly switching, it's safer to delete all matching class names\n\t\t\tthis.elementRef.nativeElement.classList.forEach(className => {\n\t\t\t\tif (regexp.test(className)) {\n\t\t\t\t\tthis.renderer.removeClass(this.elementRef.nativeElement, `${className}`);\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.renderer.addClass(this.elementRef.nativeElement, `${this.alignmentClassPrefix}${newAlignment}`);\n\t\t}\n\t}\n}\n",
|
|
14843
14843
|
"selector": "[cdsPopover], [ibmPopover]",
|
|
14844
14844
|
"providers": [],
|
|
14845
14845
|
"hostDirectives": [],
|
|
@@ -14860,8 +14860,8 @@
|
|
|
14860
14860
|
"defaultValue": "false",
|
|
14861
14861
|
"deprecated": false,
|
|
14862
14862
|
"deprecationMessage": "",
|
|
14863
|
-
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
14864
|
-
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
14863
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
14864
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
14865
14865
|
"line": 115,
|
|
14866
14866
|
"type": "boolean",
|
|
14867
14867
|
"decorators": []
|
|
@@ -14890,7 +14890,7 @@
|
|
|
14890
14890
|
},
|
|
14891
14891
|
{
|
|
14892
14892
|
"name": "highContrast",
|
|
14893
|
-
"defaultValue": "
|
|
14893
|
+
"defaultValue": "false",
|
|
14894
14894
|
"deprecated": false,
|
|
14895
14895
|
"deprecationMessage": "",
|
|
14896
14896
|
"rawdescription": "\n\nEnable high contrast for popover container\n",
|
|
@@ -15040,8 +15040,8 @@
|
|
|
15040
15040
|
"jsdoctags": [
|
|
15041
15041
|
{
|
|
15042
15042
|
"name": {
|
|
15043
|
-
"pos":
|
|
15044
|
-
"end":
|
|
15043
|
+
"pos": 3305,
|
|
15044
|
+
"end": 3309,
|
|
15045
15045
|
"flags": 8421376,
|
|
15046
15046
|
"modifierFlagsCache": 0,
|
|
15047
15047
|
"transformFlags": 0,
|
|
@@ -15052,8 +15052,8 @@
|
|
|
15052
15052
|
"deprecated": false,
|
|
15053
15053
|
"deprecationMessage": "",
|
|
15054
15054
|
"tagName": {
|
|
15055
|
-
"pos":
|
|
15056
|
-
"end":
|
|
15055
|
+
"pos": 3299,
|
|
15056
|
+
"end": 3304,
|
|
15057
15057
|
"flags": 8421376,
|
|
15058
15058
|
"modifierFlagsCache": 0,
|
|
15059
15059
|
"transformFlags": 0,
|
|
@@ -15064,8 +15064,8 @@
|
|
|
15064
15064
|
},
|
|
15065
15065
|
{
|
|
15066
15066
|
"name": {
|
|
15067
|
-
"pos":
|
|
15068
|
-
"end":
|
|
15067
|
+
"pos": 3353,
|
|
15068
|
+
"end": 3358,
|
|
15069
15069
|
"flags": 8421376,
|
|
15070
15070
|
"modifierFlagsCache": 0,
|
|
15071
15071
|
"transformFlags": 0,
|
|
@@ -15077,8 +15077,8 @@
|
|
|
15077
15077
|
"deprecationMessage": "",
|
|
15078
15078
|
"optional": true,
|
|
15079
15079
|
"tagName": {
|
|
15080
|
-
"pos":
|
|
15081
|
-
"end":
|
|
15080
|
+
"pos": 3347,
|
|
15081
|
+
"end": 3352,
|
|
15082
15082
|
"flags": 8421376,
|
|
15083
15083
|
"modifierFlagsCache": 0,
|
|
15084
15084
|
"transformFlags": 0,
|
|
@@ -15176,8 +15176,8 @@
|
|
|
15176
15176
|
},
|
|
15177
15177
|
{
|
|
15178
15178
|
"name": {
|
|
15179
|
-
"pos":
|
|
15180
|
-
"end":
|
|
15179
|
+
"pos": 8148,
|
|
15180
|
+
"end": 8165,
|
|
15181
15181
|
"flags": 8421376,
|
|
15182
15182
|
"modifierFlagsCache": 0,
|
|
15183
15183
|
"transformFlags": 0,
|
|
@@ -15189,8 +15189,8 @@
|
|
|
15189
15189
|
"deprecationMessage": "",
|
|
15190
15190
|
"optional": true,
|
|
15191
15191
|
"tagName": {
|
|
15192
|
-
"pos":
|
|
15193
|
-
"end":
|
|
15192
|
+
"pos": 8142,
|
|
15193
|
+
"end": 8147,
|
|
15194
15194
|
"flags": 8421376,
|
|
15195
15195
|
"modifierFlagsCache": 0,
|
|
15196
15196
|
"transformFlags": 0,
|
|
@@ -47515,7 +47515,7 @@
|
|
|
47515
47515
|
},
|
|
47516
47516
|
{
|
|
47517
47517
|
"name": "SideNavItem",
|
|
47518
|
-
"id": "component-SideNavItem-
|
|
47518
|
+
"id": "component-SideNavItem-251be0e8c644af56dccc6a6f8363a640a33f5a2e1722e5c1e1f4ff7c7c99f8b5de68c8d6cc36f030811f929fc12def7346c6a18d137831418a4f178e9129b9b8",
|
|
47519
47519
|
"file": "src/ui-shell/sidenav/sidenav-item.component.ts",
|
|
47520
47520
|
"encapsulation": [],
|
|
47521
47521
|
"entryComponents": [],
|
|
@@ -47594,7 +47594,7 @@
|
|
|
47594
47594
|
},
|
|
47595
47595
|
{
|
|
47596
47596
|
"name": "useRouter",
|
|
47597
|
-
"defaultValue": "
|
|
47597
|
+
"defaultValue": "false",
|
|
47598
47598
|
"deprecated": false,
|
|
47599
47599
|
"deprecationMessage": "",
|
|
47600
47600
|
"rawdescription": "\n\nUse the routerLink attribute on <a> tag for navigation instead of using event handlers\n",
|
|
@@ -47712,7 +47712,7 @@
|
|
|
47712
47712
|
"description": "<p><code>SideNavItem</code> can either be a child of <code>SideNav</code> or <code>SideNavMenu</code></p>\n",
|
|
47713
47713
|
"rawdescription": "\n\n`SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n",
|
|
47714
47714
|
"type": "component",
|
|
47715
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOptional,\n\tOutput,\n\tEventEmitter,\n\tOnChanges,\n\tHostBinding,\n\tSimpleChanges\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"cds-sidenav-item, ibm-sidenav-item\",\n\ttemplate: `\n\t\t<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\t\t class=\"cds--side-nav__link\"\n\t\t [ngClass]=\"{\n\t\t\t\t'cds--side-nav__item--active': active\n\t\t\t}\"\n\t\t [href]=\"href\"\n\t\t [attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t [attr.title]=\"title ? title : null\"\n\t\t (click)=\"navigate($event)\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t</a>\n\n\t\t<ng-template #sidenavItemRouterTpl>\n\t\t\t<a\n\t\t\t\t[routerLink]=\"route\"\n\t\t\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t\t\tariaCurrentWhenActive=\"page\"\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\tclass=\"cds--side-nav__link\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t\t</a>\n\t\t</ng-template>\n\n\t\t<ng-template #sidenavItemContentTpl>\n\t\t\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t\t\t</div>\n\t\t\t<span class=\"cds--side-nav__link-text\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</ng-template>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class SideNavItem implements OnChanges {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n\t */\n\t@Input() set href(v: string) {\n\t\t// Needed when component is created dynamically with a model.\n\t\tif (v === undefined) {\n\t\t\treturn;\n\t\t}\n\t\tthis._href = v;\n\t}\n\n\tget href() {\n\t\treturn this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;\n\t}\n\n\t/**\n\t * Use the routerLink attribute on <a> tag for navigation instead of using event handlers\n\t */\n\t@Input() useRouter =
|
|
47715
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOptional,\n\tOutput,\n\tEventEmitter,\n\tOnChanges,\n\tHostBinding,\n\tSimpleChanges\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"cds-sidenav-item, ibm-sidenav-item\",\n\ttemplate: `\n\t\t<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\t\t class=\"cds--side-nav__link\"\n\t\t [ngClass]=\"{\n\t\t\t\t'cds--side-nav__item--active': active\n\t\t\t}\"\n\t\t [href]=\"href\"\n\t\t [attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t [attr.title]=\"title ? title : null\"\n\t\t (click)=\"navigate($event)\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t</a>\n\n\t\t<ng-template #sidenavItemRouterTpl>\n\t\t\t<a\n\t\t\t\t[routerLink]=\"route\"\n\t\t\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t\t\tariaCurrentWhenActive=\"page\"\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\tclass=\"cds--side-nav__link\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t\t</a>\n\t\t</ng-template>\n\n\t\t<ng-template #sidenavItemContentTpl>\n\t\t\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t\t\t</div>\n\t\t\t<span class=\"cds--side-nav__link-text\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</ng-template>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class SideNavItem implements OnChanges {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n\t */\n\t@Input() set href(v: string) {\n\t\t// Needed when component is created dynamically with a model.\n\t\tif (v === undefined) {\n\t\t\treturn;\n\t\t}\n\t\tthis._href = v;\n\t}\n\n\tget href() {\n\t\treturn this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;\n\t}\n\n\t/**\n\t * Use the routerLink attribute on <a> tag for navigation instead of using event handlers\n\t */\n\t@Input() useRouter = false;\n\n\t@HostBinding(\"class.cds--side-nav__item\") get sideNav() {\n\t\treturn !this.isSubMenu;\n\t}\n\n\t@HostBinding(\"class.cds--side-nav__menu-item\") get menuItem() {\n\t\treturn this.isSubMenu;\n\t}\n\n\t/**\n\t * Toggles the active (current page) state for the link.\n\t */\n\t@Input() active = false;\n\n\t/**\n\t * Array of commands to send to the router when the link is activated\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() route: any[];\n\n\t@Input() isSubMenu = false;\n\n\t/**\n\t * Router options. Used in conjunction with `route`\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() routeExtras: any;\n\n\t/**\n\t * Title attribute of the anchor element.\n\t */\n\t@Input() title: string;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\t/**\n\t * Emits when `active` input is changed. This is mainly used to indicate to any parent menu items that a\n\t * child sidenav item is active or not active.\n\t */\n\t@Output() selected = new EventEmitter<boolean>();\n\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\tprotected _href = \"#\";\n\n\tconstructor(protected domSanitizer: DomSanitizer, @Optional() protected router: Router) {}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.active) {\n\t\t\tthis.selected.emit(this.active);\n\t\t}\n\t}\n\n\tnavigate(event: MouseEvent) {\n\t\tif (this.router && this.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(this.route, this.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t} else if (this._href === \"#\") {\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n}\n",
|
|
47716
47716
|
"assetsDirs": [],
|
|
47717
47717
|
"styleUrlsData": "",
|
|
47718
47718
|
"stylesData": "\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t\n",
|
|
@@ -62541,8 +62541,8 @@
|
|
|
62541
62541
|
"defaultValue": "false",
|
|
62542
62542
|
"deprecated": false,
|
|
62543
62543
|
"deprecationMessage": "",
|
|
62544
|
-
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
62545
|
-
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
62544
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
62545
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
62546
62546
|
"line": 115,
|
|
62547
62547
|
"type": "boolean",
|
|
62548
62548
|
"decorators": [],
|
|
@@ -62580,7 +62580,7 @@
|
|
|
62580
62580
|
},
|
|
62581
62581
|
{
|
|
62582
62582
|
"name": "highContrast",
|
|
62583
|
-
"defaultValue": "
|
|
62583
|
+
"defaultValue": "false",
|
|
62584
62584
|
"deprecated": false,
|
|
62585
62585
|
"deprecationMessage": "",
|
|
62586
62586
|
"rawdescription": "\n\nEnable high contrast for popover container\n",
|
|
@@ -62856,8 +62856,8 @@
|
|
|
62856
62856
|
"jsdoctags": [
|
|
62857
62857
|
{
|
|
62858
62858
|
"name": {
|
|
62859
|
-
"pos":
|
|
62860
|
-
"end":
|
|
62859
|
+
"pos": 3305,
|
|
62860
|
+
"end": 3309,
|
|
62861
62861
|
"flags": 8421376,
|
|
62862
62862
|
"modifierFlagsCache": 0,
|
|
62863
62863
|
"transformFlags": 0,
|
|
@@ -62868,8 +62868,8 @@
|
|
|
62868
62868
|
"deprecated": false,
|
|
62869
62869
|
"deprecationMessage": "",
|
|
62870
62870
|
"tagName": {
|
|
62871
|
-
"pos":
|
|
62872
|
-
"end":
|
|
62871
|
+
"pos": 3299,
|
|
62872
|
+
"end": 3304,
|
|
62873
62873
|
"flags": 8421376,
|
|
62874
62874
|
"modifierFlagsCache": 0,
|
|
62875
62875
|
"transformFlags": 0,
|
|
@@ -62880,8 +62880,8 @@
|
|
|
62880
62880
|
},
|
|
62881
62881
|
{
|
|
62882
62882
|
"name": {
|
|
62883
|
-
"pos":
|
|
62884
|
-
"end":
|
|
62883
|
+
"pos": 3353,
|
|
62884
|
+
"end": 3358,
|
|
62885
62885
|
"flags": 8421376,
|
|
62886
62886
|
"modifierFlagsCache": 0,
|
|
62887
62887
|
"transformFlags": 0,
|
|
@@ -62893,8 +62893,8 @@
|
|
|
62893
62893
|
"deprecationMessage": "",
|
|
62894
62894
|
"optional": true,
|
|
62895
62895
|
"tagName": {
|
|
62896
|
-
"pos":
|
|
62897
|
-
"end":
|
|
62896
|
+
"pos": 3347,
|
|
62897
|
+
"end": 3352,
|
|
62898
62898
|
"flags": 8421376,
|
|
62899
62899
|
"modifierFlagsCache": 0,
|
|
62900
62900
|
"transformFlags": 0,
|
|
@@ -63004,8 +63004,8 @@
|
|
|
63004
63004
|
},
|
|
63005
63005
|
{
|
|
63006
63006
|
"name": {
|
|
63007
|
-
"pos":
|
|
63008
|
-
"end":
|
|
63007
|
+
"pos": 8148,
|
|
63008
|
+
"end": 8165,
|
|
63009
63009
|
"flags": 8421376,
|
|
63010
63010
|
"modifierFlagsCache": 0,
|
|
63011
63011
|
"transformFlags": 0,
|
|
@@ -63017,8 +63017,8 @@
|
|
|
63017
63017
|
"deprecationMessage": "",
|
|
63018
63018
|
"optional": true,
|
|
63019
63019
|
"tagName": {
|
|
63020
|
-
"pos":
|
|
63021
|
-
"end":
|
|
63020
|
+
"pos": 8142,
|
|
63021
|
+
"end": 8147,
|
|
63022
63022
|
"flags": 8421376,
|
|
63023
63023
|
"modifierFlagsCache": 0,
|
|
63024
63024
|
"transformFlags": 0,
|
|
@@ -63250,8 +63250,8 @@
|
|
|
63250
63250
|
"defaultValue": "false",
|
|
63251
63251
|
"deprecated": false,
|
|
63252
63252
|
"deprecationMessage": "",
|
|
63253
|
-
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
63254
|
-
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
63253
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
63254
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
63255
63255
|
"line": 115,
|
|
63256
63256
|
"type": "boolean",
|
|
63257
63257
|
"decorators": [],
|
|
@@ -63289,7 +63289,7 @@
|
|
|
63289
63289
|
},
|
|
63290
63290
|
{
|
|
63291
63291
|
"name": "highContrast",
|
|
63292
|
-
"defaultValue": "
|
|
63292
|
+
"defaultValue": "false",
|
|
63293
63293
|
"deprecated": false,
|
|
63294
63294
|
"deprecationMessage": "",
|
|
63295
63295
|
"rawdescription": "\n\nEnable high contrast for popover container\n",
|
|
@@ -63715,8 +63715,8 @@
|
|
|
63715
63715
|
"jsdoctags": [
|
|
63716
63716
|
{
|
|
63717
63717
|
"name": {
|
|
63718
|
-
"pos":
|
|
63719
|
-
"end":
|
|
63718
|
+
"pos": 3305,
|
|
63719
|
+
"end": 3309,
|
|
63720
63720
|
"flags": 8421376,
|
|
63721
63721
|
"modifierFlagsCache": 0,
|
|
63722
63722
|
"transformFlags": 0,
|
|
@@ -63727,8 +63727,8 @@
|
|
|
63727
63727
|
"deprecated": false,
|
|
63728
63728
|
"deprecationMessage": "",
|
|
63729
63729
|
"tagName": {
|
|
63730
|
-
"pos":
|
|
63731
|
-
"end":
|
|
63730
|
+
"pos": 3299,
|
|
63731
|
+
"end": 3304,
|
|
63732
63732
|
"flags": 8421376,
|
|
63733
63733
|
"modifierFlagsCache": 0,
|
|
63734
63734
|
"transformFlags": 0,
|
|
@@ -63739,8 +63739,8 @@
|
|
|
63739
63739
|
},
|
|
63740
63740
|
{
|
|
63741
63741
|
"name": {
|
|
63742
|
-
"pos":
|
|
63743
|
-
"end":
|
|
63742
|
+
"pos": 3353,
|
|
63743
|
+
"end": 3358,
|
|
63744
63744
|
"flags": 8421376,
|
|
63745
63745
|
"modifierFlagsCache": 0,
|
|
63746
63746
|
"transformFlags": 0,
|
|
@@ -63752,8 +63752,8 @@
|
|
|
63752
63752
|
"deprecationMessage": "",
|
|
63753
63753
|
"optional": true,
|
|
63754
63754
|
"tagName": {
|
|
63755
|
-
"pos":
|
|
63756
|
-
"end":
|
|
63755
|
+
"pos": 3347,
|
|
63756
|
+
"end": 3352,
|
|
63757
63757
|
"flags": 8421376,
|
|
63758
63758
|
"modifierFlagsCache": 0,
|
|
63759
63759
|
"transformFlags": 0,
|
|
@@ -63863,8 +63863,8 @@
|
|
|
63863
63863
|
},
|
|
63864
63864
|
{
|
|
63865
63865
|
"name": {
|
|
63866
|
-
"pos":
|
|
63867
|
-
"end":
|
|
63866
|
+
"pos": 8148,
|
|
63867
|
+
"end": 8165,
|
|
63868
63868
|
"flags": 8421376,
|
|
63869
63869
|
"modifierFlagsCache": 0,
|
|
63870
63870
|
"transformFlags": 0,
|
|
@@ -63876,8 +63876,8 @@
|
|
|
63876
63876
|
"deprecationMessage": "",
|
|
63877
63877
|
"optional": true,
|
|
63878
63878
|
"tagName": {
|
|
63879
|
-
"pos":
|
|
63880
|
-
"end":
|
|
63879
|
+
"pos": 8142,
|
|
63880
|
+
"end": 8147,
|
|
63881
63881
|
"flags": 8421376,
|
|
63882
63882
|
"modifierFlagsCache": 0,
|
|
63883
63883
|
"transformFlags": 0,
|
|
@@ -64144,8 +64144,8 @@
|
|
|
64144
64144
|
"defaultValue": "false",
|
|
64145
64145
|
"deprecated": false,
|
|
64146
64146
|
"deprecationMessage": "",
|
|
64147
|
-
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
64148
|
-
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be
|
|
64147
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
64148
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
64149
64149
|
"line": 115,
|
|
64150
64150
|
"type": "boolean",
|
|
64151
64151
|
"decorators": [],
|
|
@@ -64183,7 +64183,7 @@
|
|
|
64183
64183
|
},
|
|
64184
64184
|
{
|
|
64185
64185
|
"name": "highContrast",
|
|
64186
|
-
"defaultValue": "
|
|
64186
|
+
"defaultValue": "false",
|
|
64187
64187
|
"deprecated": false,
|
|
64188
64188
|
"deprecationMessage": "",
|
|
64189
64189
|
"rawdescription": "\n\nEnable high contrast for popover container\n",
|
|
@@ -64520,8 +64520,8 @@
|
|
|
64520
64520
|
"jsdoctags": [
|
|
64521
64521
|
{
|
|
64522
64522
|
"name": {
|
|
64523
|
-
"pos":
|
|
64524
|
-
"end":
|
|
64523
|
+
"pos": 3305,
|
|
64524
|
+
"end": 3309,
|
|
64525
64525
|
"flags": 8421376,
|
|
64526
64526
|
"modifierFlagsCache": 0,
|
|
64527
64527
|
"transformFlags": 0,
|
|
@@ -64532,8 +64532,8 @@
|
|
|
64532
64532
|
"deprecated": false,
|
|
64533
64533
|
"deprecationMessage": "",
|
|
64534
64534
|
"tagName": {
|
|
64535
|
-
"pos":
|
|
64536
|
-
"end":
|
|
64535
|
+
"pos": 3299,
|
|
64536
|
+
"end": 3304,
|
|
64537
64537
|
"flags": 8421376,
|
|
64538
64538
|
"modifierFlagsCache": 0,
|
|
64539
64539
|
"transformFlags": 0,
|
|
@@ -64544,8 +64544,8 @@
|
|
|
64544
64544
|
},
|
|
64545
64545
|
{
|
|
64546
64546
|
"name": {
|
|
64547
|
-
"pos":
|
|
64548
|
-
"end":
|
|
64547
|
+
"pos": 3353,
|
|
64548
|
+
"end": 3358,
|
|
64549
64549
|
"flags": 8421376,
|
|
64550
64550
|
"modifierFlagsCache": 0,
|
|
64551
64551
|
"transformFlags": 0,
|
|
@@ -64557,8 +64557,8 @@
|
|
|
64557
64557
|
"deprecationMessage": "",
|
|
64558
64558
|
"optional": true,
|
|
64559
64559
|
"tagName": {
|
|
64560
|
-
"pos":
|
|
64561
|
-
"end":
|
|
64560
|
+
"pos": 3347,
|
|
64561
|
+
"end": 3352,
|
|
64562
64562
|
"flags": 8421376,
|
|
64563
64563
|
"modifierFlagsCache": 0,
|
|
64564
64564
|
"transformFlags": 0,
|
|
@@ -64668,8 +64668,8 @@
|
|
|
64668
64668
|
},
|
|
64669
64669
|
{
|
|
64670
64670
|
"name": {
|
|
64671
|
-
"pos":
|
|
64672
|
-
"end":
|
|
64671
|
+
"pos": 8148,
|
|
64672
|
+
"end": 8165,
|
|
64673
64673
|
"flags": 8421376,
|
|
64674
64674
|
"modifierFlagsCache": 0,
|
|
64675
64675
|
"transformFlags": 0,
|
|
@@ -64681,8 +64681,8 @@
|
|
|
64681
64681
|
"deprecationMessage": "",
|
|
64682
64682
|
"optional": true,
|
|
64683
64683
|
"tagName": {
|
|
64684
|
-
"pos":
|
|
64685
|
-
"end":
|
|
64684
|
+
"pos": 8142,
|
|
64685
|
+
"end": 8147,
|
|
64686
64686
|
"flags": 8421376,
|
|
64687
64687
|
"modifierFlagsCache": 0,
|
|
64688
64688
|
"transformFlags": 0,
|