carbon-components-angular 5.22.1 → 5.23.1

package/docs/documentation.json

@@ -14834,12 +14834,12 @@
         },
         {
             "name": "PopoverContainer",
-            "id": "directive-PopoverContainer-ce0dd71dc14b0dc9d2815fac5bd0abf53c5a52be816f31ec84c58cd6194403b5b4689bde5d94c407f57aaeaa149e6c90a424a236975a597f72d98b4f6e7547a4",
+            "id": "directive-PopoverContainer-752c04e41e3e90474efc0f00a23fa0777a9dfce8961b78493bae4986846a4ce726356c69a5ea4ba2468d9a052f23b4b817e80792411e55683e490708a9e4fcd4",
             "file": "src/popover/popover.directive.ts",
             "type": "directive",
-            "description": "<p>Applies popover container styling to the element it is applied to. Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { PopoverModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-popover--basic\">See demo</a></p>\n",
-            "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",
-            "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",
+            "description": "",
+            "rawdescription": "\n",
+            "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",
             "selector": "[cdsPopover], [ibmPopover]",
             "providers": [],
             "hostDirectives": [],
@@ -14847,11 +14847,23 @@
             "inputsClass": [
                 {
                     "name": "align",
-                    "defaultValue": "\"bottom\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 94,
-                    "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
+                    "rawdescription": "\n\nSet alignment of popover\nAs of v5, `oldPlacements` are now deprecated in favor of Placements\n\nWhen `autoAlign` is set to `true`, alignment may change for best placement\n",
+                    "description": "<p>Set alignment of popover\nAs of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>\n<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>\n",
+                    "line": 45,
+                    "type": "oldPlacement | Placement",
+                    "decorators": []
+                },
+                {
+                    "name": "autoAlign",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
+                    "description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
+                    "line": 115,
+                    "type": "boolean",
                     "decorators": []
                 },
                 {
@@ -14859,7 +14871,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "rawdescription": "\n\nShow caret at the alignment position\n",
+                    "description": "<p>Show caret at the alignment position</p>\n",
+                    "line": 102,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -14868,7 +14882,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 89,
+                    "rawdescription": "\n\nEnable drop shadow around the popover container\n",
+                    "description": "<p>Enable drop shadow around the popover container</p>\n",
+                    "line": 106,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -14877,7 +14893,9 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 90,
+                    "rawdescription": "\n\nEnable high contrast for popover container\n",
+                    "description": "<p>Enable high contrast for popover container</p>\n",
+                    "line": 110,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -14886,7 +14904,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 91,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -14899,7 +14917,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
                     "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
-                    "line": 86,
+                    "line": 98,
                     "type": "EventEmitter"
                 },
                 {
@@ -14909,7 +14927,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is closed\n",
                     "description": "<p>Emits an event when the dialog is closed</p>\n",
-                    "line": 78,
+                    "line": 90,
                     "type": "EventEmitter<Event>"
                 },
                 {
@@ -14919,7 +14937,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is opened\n",
                     "description": "<p>Emits an event when the dialog is opened</p>\n",
-                    "line": 82,
+                    "line": 94,
                     "type": "EventEmitter<Event>"
                 }
             ],
@@ -14927,113 +14945,40 @@
             "deprecationMessage": "",
             "hostBindings": [
                 {
-                    "name": "class.cds--popover--bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 37,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--bottom-left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--bottom-right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 45,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--left-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 58,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--left-top",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 54,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 63,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--right-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 71,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--right-top",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 67,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--top",
+                    "name": "class.cds--popover-container",
+                    "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 24,
+                    "line": 116,
                     "type": "boolean",
                     "decorators": []
-                },
+                }
+            ],
+            "hostListeners": [],
+            "propertiesClass": [
                 {
-                    "name": "class.cds--popover--top-left",
+                    "name": "_align",
+                    "defaultValue": "\"bottom\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": []
+                    "type": "Placement",
+                    "optional": false,
+                    "description": "",
+                    "line": 84
                 },
                 {
-                    "name": "class.cds--popover--top-right",
+                    "name": "alignmentClassPrefix",
+                    "defaultValue": "\"cds--popover--\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 32,
-                    "type": "boolean",
-                    "decorators": []
+                    "type": "string",
+                    "optional": false,
+                    "description": "",
+                    "line": 85,
+                    "modifierKind": [
+                        146
+                    ]
                 },
-                {
-                    "name": "class.cds--popover-container",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 93,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "hostListeners": [],
-            "propertiesClass": [
                 {
                     "name": "containerClass",
                     "defaultValue": "true",
@@ -15042,7 +14987,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 93,
+                    "line": 116,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -15055,6 +15000,18 @@
                 }
             ],
             "methodsClass": [
+                {
+                    "name": "cleanUp",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 285,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nClean up `autoUpdate` if auto alignment is enabled\n",
+                    "description": "<p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>\n"
+                },
                 {
                     "name": "handleChange",
                     "args": [
@@ -15068,43 +15025,212 @@
                             "name": "event",
                             "type": "Event",
                             "deprecated": false,
-                            "deprecationMessage": ""
+                            "deprecationMessage": "",
+                            "optional": true
                         }
                     ],
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 101,
+                    "line": 137,
                     "deprecated": false,
                     "deprecationMessage": "",
+                    "rawdescription": "\n\nHandles emitting open/close event\n",
+                    "description": "<p>Handles emitting open/close event</p>\n",
                     "jsdoctags": [
                         {
-                            "name": "open",
+                            "name": {
+                                "pos": 3305,
+                                "end": 3309,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "open"
+                            },
                             "type": "boolean",
                             "deprecated": false,
                             "deprecationMessage": "",
+                            "tagName": {
+                                "pos": 3299,
+                                "end": 3304,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Is the popover container open</li>\n</ul>\n"
+                        },
+                        {
+                            "name": {
+                                "pos": 3353,
+                                "end": 3358,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "event"
+                            },
+                            "type": "Event",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true,
+                            "tagName": {
+                                "pos": 3347,
+                                "end": 3352,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Event</li>\n</ul>\n"
+                        }
+                    ]
+                },
+                {
+                    "name": "initializeReferences",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 264,
+                    "deprecated": false,
+                    "deprecationMessage": ""
+                },
+                {
+                    "name": "recomputePosition",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 185,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nCompute position of tooltip when autoAlign is enabled\n",
+                    "description": "<p>Compute position of tooltip when autoAlign is enabled</p>\n"
+                },
+                {
+                    "name": "roundByDPR",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "number",
+                    "typeParameters": [],
+                    "line": 177,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
                             "tagName": {
                                 "text": "param"
                             }
+                        }
+                    ]
+                },
+                {
+                    "name": "updateAlignmentClass",
+                    "args": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": ""
                         },
                         {
-                            "name": "event",
-                            "type": "Event",
+                            "name": "previousAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 296,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nReplace existing previous alignment class with new\n",
+                    "description": "<p>Replace existing previous alignment class with new</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
                                 "text": "param"
                             }
+                        },
+                        {
+                            "name": {
+                                "pos": 8148,
+                                "end": 8165,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "previousAlignment"
+                            },
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true,
+                            "tagName": {
+                                "pos": 8142,
+                                "end": 8147,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": ""
                         }
                     ]
                 }
             ],
+            "implements": [
+                "AfterViewInit",
+                "OnChanges",
+                "OnDestroy"
+            ],
             "constructorObj": {
                 "name": "constructor",
                 "description": "",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "args": [
+                    {
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
                     {
                         "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
@@ -15112,8 +15238,35 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 97,
+                "line": 123,
                 "jsdoctags": [
+                    {
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
                     {
                         "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
@@ -15126,112 +15279,36 @@
                 ]
             },
             "accessors": {
-                "alignmentTopClass": {
-                    "name": "alignmentTopClass",
-                    "getSignature": {
-                        "name": "alignmentTopClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 24
-                    }
-                },
-                "alignmentTopLeftClass": {
-                    "name": "alignmentTopLeftClass",
-                    "getSignature": {
-                        "name": "alignmentTopLeftClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 28
-                    }
-                },
-                "alignmentTopRightClass": {
-                    "name": "alignmentTopRightClass",
-                    "getSignature": {
-                        "name": "alignmentTopRightClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 32
-                    }
-                },
-                "alignmentBottomClass": {
-                    "name": "alignmentBottomClass",
-                    "getSignature": {
-                        "name": "alignmentBottomClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 37
-                    }
-                },
-                "alignmentBottomLeftClass": {
-                    "name": "alignmentBottomLeftClass",
-                    "getSignature": {
-                        "name": "alignmentBottomLeftClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 41
-                    }
-                },
-                "alignmentBottomRightClass": {
-                    "name": "alignmentBottomRightClass",
-                    "getSignature": {
-                        "name": "alignmentBottomRightClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 45
-                    }
-                },
-                "alignmentLeftClass": {
-                    "name": "alignmentLeftClass",
-                    "getSignature": {
-                        "name": "alignmentLeftClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 50
-                    }
-                },
-                "alignmentLeftTopClass": {
-                    "name": "alignmentLeftTopClass",
-                    "getSignature": {
-                        "name": "alignmentLeftTopClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 54
-                    }
-                },
-                "alignmentLeftBottomClass": {
-                    "name": "alignmentLeftBottomClass",
-                    "getSignature": {
-                        "name": "alignmentLeftBottomClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 58
-                    }
-                },
-                "alignmentRightClass": {
-                    "name": "alignmentRightClass",
-                    "getSignature": {
-                        "name": "alignmentRightClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 63
-                    }
-                },
-                "alignmentRightTopClass": {
-                    "name": "alignmentRightTopClass",
-                    "getSignature": {
-                        "name": "alignmentRightTopClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 67
-                    }
-                },
-                "alignmentRightBottomClass": {
-                    "name": "alignmentRightBottomClass",
-                    "getSignature": {
-                        "name": "alignmentRightBottomClass",
-                        "type": "",
-                        "returnType": "",
-                        "line": 71
+                "align": {
+                    "name": "align",
+                    "setSignature": {
+                        "name": "align",
+                        "type": "void",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "args": [
+                            {
+                                "name": "alignment",
+                                "type": "oldPlacement | Placement",
+                                "deprecated": false,
+                                "deprecationMessage": ""
+                            }
+                        ],
+                        "returnType": "void",
+                        "line": 45,
+                        "rawdescription": "\n\nSet alignment of popover\nAs of v5, `oldPlacements` are now deprecated in favor of Placements\n\nWhen `autoAlign` is set to `true`, alignment may change for best placement\n",
+                        "description": "<p>Set alignment of popover\nAs of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>\n<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>\n",
+                        "jsdoctags": [
+                            {
+                                "name": "alignment",
+                                "type": "oldPlacement | Placement",
+                                "deprecated": false,
+                                "deprecationMessage": "",
+                                "tagName": {
+                                    "text": "param"
+                                }
+                            }
+                        ]
                     }
                 }
             }
@@ -41586,7 +41663,7 @@
         },
         {
             "name": "PopoverContent",
-            "id": "component-PopoverContent-b51adf2334f05b5e5f929e3b1d16310454406a5f46081a85c33dc406d7971ad84cff44acaf598d0cde6f61583035643e0c966f8c372a51d760132029cf56b2e4",
+            "id": "component-PopoverContent-370ccf7e0693b627376bd78b0e1d493337a002f0f83eba7a1e5cdc4b1902c4d284d297a44dea189280beb1cc30e09a1b3618b52712b57e645db9510f19f6d1d4",
             "file": "src/popover/popover-content.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -41596,13 +41673,23 @@
             "selector": "cds-popover-content, ibm-popover-content",
             "styleUrls": [],
             "styles": [],
-            "template": "<span class=\"cds--popover-content\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"cds--popover-caret\"></span>\n\t",
+            "template": "<span class=\"cds--popover-content\" #content>\n\t<div>\n\t\t<ng-content></ng-content>\n\t</div>\n\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n</span>\n<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
             "inputsClass": [],
             "outputsClass": [],
             "propertiesClass": [
+                {
+                    "name": "autoAlign",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 28
+                },
                 {
                     "name": "popoverClass",
                     "defaultValue": "true",
@@ -41611,7 +41698,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 16,
+                    "line": 26,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -41621,6 +41708,24 @@
                     "modifierKind": [
                         167
                     ]
+                },
+                {
+                    "name": "popoverContent",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "ElementRef",
+                    "optional": false,
+                    "description": "",
+                    "line": 27,
+                    "decorators": [
+                        {
+                            "name": "ViewChild",
+                            "stringifiedArguments": "'content'"
+                        }
+                    ],
+                    "modifierKind": [
+                        167
+                    ]
                 }
             ],
             "methodsClass": [],
@@ -41632,7 +41737,7 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 16,
+                    "line": 26,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -41643,10 +41748,39 @@
             "description": "<p><a href=\"../../?path=/story/components-popover--basic\">See demo</a></p>\n",
             "rawdescription": "\n\n[See demo](../../?path=/story/components-popover--basic)\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding } from \"@angular/core\";\n\n/**\n * [See demo](../../?path=/story/components-popover--basic)\n */\n@Component({\n\tselector: \"cds-popover-content, ibm-popover-content\",\n\ttemplate: `\n\t\t<span class=\"cds--popover-content\">\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t\t<span class=\"cds--popover-caret\"></span>\n\t`\n})\nexport class PopoverContent {\n\t@HostBinding(\"class.cds--popover\") popoverClass = true;\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tHostBinding,\n\tViewChild,\n\tElementRef,\n\tAfterViewInit,\n\tChangeDetectorRef\n} from \"@angular/core\";\n\n/**\n * [See demo](../../?path=/story/components-popover--basic)\n */\n@Component({\n\tselector: \"cds-popover-content, ibm-popover-content\",\n\ttemplate: `\n\t\t<span class=\"cds--popover-content\" #content>\n\t\t\t<div>\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t</span>\n\t\t<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n\t`\n})\nexport class PopoverContent implements AfterViewInit {\n\t@HostBinding(\"class.cds--popover\") popoverClass = true;\n\t@ViewChild(\"content\") popoverContent: ElementRef;\n\tautoAlign = false;\n\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterViewInit(): void {\n\t\tif (this.popoverContent) {\n\t\t\t// Check we are in a popover with autoAlign enabled\n\t\t\tthis.autoAlign = !!this.popoverContent.nativeElement.closest(\".cds--popover--auto-align\");\n\t\t\t// Run change detection manually to resolve ExpressionHasChanged\n\t\t\tthis.changeDetectorRef.detectChanges();\n\t\t}\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": ""
+            "stylesData": "",
+            "constructorObj": {
+                "name": "constructor",
+                "description": "",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "args": [
+                    {
+                        "name": "changeDetectorRef",
+                        "type": "ChangeDetectorRef",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "line": 28,
+                "jsdoctags": [
+                    {
+                        "name": "changeDetectorRef",
+                        "type": "ChangeDetectorRef",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
+            "implements": [
+                "AfterViewInit"
+            ]
         },
         {
             "name": "ProgressBar",
@@ -62352,7 +62486,7 @@
         },
         {
             "name": "Toggletip",
-            "id": "component-Toggletip-724b94bb2f41f45c7b00050f81e251259323a8c33b3d8d50a55fd0839b4c3ad096454893d2f7e7fb59b8c20a873a703b8e0869857d5949581600bab612479345",
+            "id": "component-Toggletip-07aef5302fcaea2f170b867309fd3c7c93c23e86e861dab234f504f1baaa840a690e581118dc03032077bc7caaa21d0d22a852fbca3dfb75dbfbbc8f9a659b7d",
             "file": "src/toggletip/toggletip.component.ts",
             "changeDetection": "ChangeDetectionStrategy.OnPush",
             "encapsulation": [],
@@ -62373,7 +62507,7 @@
                     "defaultValue": "`tooltip-${Toggletip.toggletipCounter++}`",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 39,
+                    "line": 40,
                     "type": "string",
                     "decorators": []
                 },
@@ -62382,7 +62516,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 42,
+                    "line": 43,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -62391,11 +62525,26 @@
                 },
                 {
                     "name": "align",
-                    "defaultValue": "\"bottom\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 94,
-                    "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
+                    "rawdescription": "\n\nSet alignment of popover\nAs of v5, `oldPlacements` are now deprecated in favor of Placements\n\nWhen `autoAlign` is set to `true`, alignment may change for best placement\n",
+                    "description": "<p>Set alignment of popover\nAs of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>\n<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>\n",
+                    "line": 45,
+                    "type": "oldPlacement | Placement",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "autoAlign",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
+                    "description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
+                    "line": 115,
+                    "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -62406,7 +62555,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "rawdescription": "\n\nShow caret at the alignment position\n",
+                    "description": "<p>Show caret at the alignment position</p>\n",
+                    "line": 102,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -62418,7 +62569,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 89,
+                    "rawdescription": "\n\nEnable drop shadow around the popover container\n",
+                    "description": "<p>Enable drop shadow around the popover container</p>\n",
+                    "line": 106,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -62430,7 +62583,9 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 90,
+                    "rawdescription": "\n\nEnable high contrast for popover container\n",
+                    "description": "<p>Enable high contrast for popover container</p>\n",
+                    "line": 110,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -62446,7 +62601,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
                     "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
-                    "line": 86,
+                    "line": 98,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -62459,7 +62614,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is closed\n",
                     "description": "<p>Emits an event when the dialog is closed</p>\n",
-                    "line": 78,
+                    "line": 90,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -62472,7 +62627,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is opened\n",
                     "description": "<p>Emits an event when the dialog is opened</p>\n",
-                    "line": 82,
+                    "line": 94,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -62487,7 +62642,7 @@
                     "type": "ElementRef",
                     "optional": false,
                     "description": "",
-                    "line": 44,
+                    "line": 45,
                     "decorators": [
                         {
                             "name": "ContentChild",
@@ -62506,7 +62661,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 46
+                    "line": 47
                 },
                 {
                     "name": "toggletipClass",
@@ -62516,7 +62671,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 41,
+                    "line": 42,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -62535,11 +62690,40 @@
                     "type": "number",
                     "optional": false,
                     "description": "",
-                    "line": 37,
+                    "line": 38,
                     "modifierKind": [
                         124
                     ]
                 },
+                {
+                    "name": "_align",
+                    "defaultValue": "\"bottom\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Placement",
+                    "optional": false,
+                    "description": "",
+                    "line": 84,
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "alignmentClassPrefix",
+                    "defaultValue": "\"cds--popover--\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "optional": false,
+                    "description": "",
+                    "line": 85,
+                    "modifierKind": [
+                        146
+                    ],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "containerClass",
                     "defaultValue": "true",
@@ -62548,7 +62732,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 93,
+                    "line": 116,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -62577,7 +62761,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 87,
+                    "line": 95,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -62605,7 +62789,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 80,
+                    "line": 88,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -62629,6 +62813,21 @@
                         }
                     ]
                 },
+                {
+                    "name": "cleanUp",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 285,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nClean up `autoUpdate` if auto alignment is enabled\n",
+                    "description": "<p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>\n",
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "handleChange",
                     "args": [
@@ -62642,190 +62841,216 @@
                             "name": "event",
                             "type": "Event",
                             "deprecated": false,
-                            "deprecationMessage": ""
+                            "deprecationMessage": "",
+                            "optional": true
                         }
                     ],
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 101,
+                    "line": 137,
                     "deprecated": false,
                     "deprecationMessage": "",
+                    "rawdescription": "\n\nHandles emitting open/close event\n",
+                    "description": "<p>Handles emitting open/close event</p>\n",
                     "jsdoctags": [
                         {
-                            "name": "open",
+                            "name": {
+                                "pos": 3305,
+                                "end": 3309,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "open"
+                            },
                             "type": "boolean",
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3299,
+                                "end": 3304,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Is the popover container open</li>\n</ul>\n"
                         },
                         {
-                            "name": "event",
+                            "name": {
+                                "pos": 3353,
+                                "end": 3358,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "event"
+                            },
                             "type": "Event",
                             "deprecated": false,
                             "deprecationMessage": "",
+                            "optional": true,
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3347,
+                                "end": 3352,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Event</li>\n</ul>\n"
                         }
                     ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "class.cds--toggletip",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 37,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--bottom-left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--bottom-right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 45,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 58,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
                 },
                 {
-                    "name": "class.cds--popover--left-top",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 54,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 63,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right-bottom",
+                    "name": "initializeReferences",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 264,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 71,
-                    "type": "boolean",
-                    "decorators": [],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--right-top",
+                    "name": "recomputePosition",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 185,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 67,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nCompute position of tooltip when autoAlign is enabled\n",
+                    "description": "<p>Compute position of tooltip when autoAlign is enabled</p>\n",
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top",
+                    "name": "roundByDPR",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "number",
+                    "typeParameters": [],
+                    "line": 177,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 24,
-                    "type": "boolean",
-                    "decorators": [],
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top-left",
+                    "name": "updateAlignmentClass",
+                    "args": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "previousAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 296,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nReplace existing previous alignment class with new\n",
+                    "description": "<p>Replace existing previous alignment class with new</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": {
+                                "pos": 8148,
+                                "end": 8165,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "previousAlignment"
+                            },
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true,
+                            "tagName": {
+                                "pos": 8142,
+                                "end": 8147,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": ""
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                },
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [
                 {
-                    "name": "class.cds--popover--top-right",
+                    "name": "class.cds--toggletip",
+                    "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 32,
+                    "line": 42,
                     "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
+                    "decorators": []
                 },
                 {
                     "name": "class.cds--popover-container",
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 93,
+                    "line": 116,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -62849,7 +63074,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 80
+                    "line": 88
                 }
             ],
             "standalone": false,
@@ -62857,7 +63082,7 @@
             "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ToggletipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-toggletip--basic\">See demo</a></p>\n",
             "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",
             "type": "component",
-            "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",
+            "sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tNgZone,\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(\n\t\tprotected hostElement: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {\n\t\tsuper(hostElement, ngZone, renderer, changeDetectorRef);\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.initializeReferences();\n\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",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -62873,6 +63098,12 @@
                         "deprecated": false,
                         "deprecationMessage": ""
                     },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
                     {
                         "name": "renderer",
                         "type": "Renderer2",
@@ -62880,13 +63111,13 @@
                         "deprecationMessage": ""
                     },
                     {
-                        "name": "ref",
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 46,
+                "line": 47,
                 "jsdoctags": [
                     {
                         "name": "hostElement",
@@ -62897,6 +63128,15 @@
                             "text": "param"
                         }
                     },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
                     {
                         "name": "renderer",
                         "type": "Renderer2",
@@ -62907,7 +63147,7 @@
                         }
                     },
                     {
-                        "name": "ref",
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": "",
@@ -62924,7 +63164,7 @@
         },
         {
             "name": "Tooltip",
-            "id": "component-Tooltip-3d80cb8f3a241123abf19a3100e2bdeaa7d195eb2d9c0cca22c908b5ac1e1d033f796b15b35f45977ff3c86858f13a15b8e9f5221cbd3b9095971f8f9966a38a",
+            "id": "component-Tooltip-2a115ad9bdda7bb6365ae6c9e0c90dc5c7ffd93bebb4dc37938aec4f377077e2db1e7a6d222fe5a29c5fadb802bed62afd2afc74592a2e1843e4afb217ddd12e",
             "file": "src/tooltip/tooltip.component.ts",
             "changeDetection": "ChangeDetectionStrategy.OnPush",
             "encapsulation": [],
@@ -62935,7 +63175,7 @@
             "selector": "cds-tooltip, ibm-tooltip",
             "styleUrls": [],
             "styles": [],
-            "template": "<span #contentWrapper>\n\t<ng-content></ng-content>\n</span>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"!isOpen\"\n\trole=\"tooltip\">\n\t<ng-container *ngIf=\"!disabled\">\n\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t</span>\n\t\t<span class=\"cds--popover-caret\"></span>\n\t</ng-container>\n</span>\n\t",
+            "template": "<span #contentWrapper>\n\t<ng-content></ng-content>\n</span>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"!isOpen\"\n\trole=\"tooltip\">\n\t<ng-container *ngIf=\"!disabled\">\n\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t</span>\n\t\t<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n\t</ng-container>\n</span>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -62946,7 +63186,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
                     "description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
-                    "line": 68,
+                    "line": 71,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -62957,7 +63197,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nPrevent tooltip from showing, used by icon button\n",
                     "description": "<p>Prevent tooltip from showing, used by icon button</p>\n",
-                    "line": 64,
+                    "line": 67,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -62968,7 +63208,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet delay before tooltip is shown\n",
                     "description": "<p>Set delay before tooltip is shown</p>\n",
-                    "line": 56,
+                    "line": 59,
                     "type": "number",
                     "decorators": []
                 },
@@ -62977,7 +63217,7 @@
                     "defaultValue": "`tooltip-${Tooltip.tooltipCount++}`",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 52,
+                    "line": 55,
                     "type": "string",
                     "decorators": []
                 },
@@ -62988,17 +63228,32 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet delay when tooltip disappears\n",
                     "description": "<p>Set delay when tooltip disappears</p>\n",
-                    "line": 60,
+                    "line": 63,
                     "type": "number",
                     "decorators": []
                 },
                 {
                     "name": "align",
-                    "defaultValue": "\"bottom\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 94,
-                    "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
+                    "rawdescription": "\n\nSet alignment of popover\nAs of v5, `oldPlacements` are now deprecated in favor of Placements\n\nWhen `autoAlign` is set to `true`, alignment may change for best placement\n",
+                    "description": "<p>Set alignment of popover\nAs of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>\n<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>\n",
+                    "line": 45,
+                    "type": "oldPlacement | Placement",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "autoAlign",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
+                    "description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
+                    "line": 115,
+                    "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63009,7 +63264,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "rawdescription": "\n\nShow caret at the alignment position\n",
+                    "description": "<p>Show caret at the alignment position</p>\n",
+                    "line": 102,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63021,7 +63278,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 89,
+                    "rawdescription": "\n\nEnable drop shadow around the popover container\n",
+                    "description": "<p>Enable drop shadow around the popover container</p>\n",
+                    "line": 106,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63033,7 +63292,9 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 90,
+                    "rawdescription": "\n\nEnable high contrast for popover container\n",
+                    "description": "<p>Enable high contrast for popover container</p>\n",
+                    "line": 110,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63045,7 +63306,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 91,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63061,7 +63322,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
                     "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
-                    "line": 86,
+                    "line": 98,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63074,7 +63335,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is closed\n",
                     "description": "<p>Emits an event when the dialog is closed</p>\n",
-                    "line": 78,
+                    "line": 90,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63087,7 +63348,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is opened\n",
                     "description": "<p>Emits an event when the dialog is opened</p>\n",
-                    "line": 82,
+                    "line": 94,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63103,7 +63364,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 50,
+                    "line": 53,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -63122,7 +63383,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "",
-                    "line": 48,
+                    "line": 51,
                     "modifierKind": [
                         124
                     ]
@@ -63134,7 +63395,7 @@
                     "type": "ElementRef<HTMLSpanElement>",
                     "optional": false,
                     "description": "",
-                    "line": 70,
+                    "line": 73,
                     "decorators": [
                         {
                             "name": "ViewChild",
@@ -63145,6 +63406,35 @@
                         167
                     ]
                 },
+                {
+                    "name": "_align",
+                    "defaultValue": "\"bottom\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Placement",
+                    "optional": false,
+                    "description": "",
+                    "line": 84,
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "alignmentClassPrefix",
+                    "defaultValue": "\"cds--popover--\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "optional": false,
+                    "description": "",
+                    "line": 85,
+                    "modifierKind": [
+                        146
+                    ],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "containerClass",
                     "defaultValue": "true",
@@ -63153,7 +63443,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 93,
+                    "line": 116,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -63182,7 +63472,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 102,
+                    "line": 110,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63219,7 +63509,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 107,
+                    "line": 115,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63256,7 +63546,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 93,
+                    "line": 101,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63293,7 +63583,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 111,
+                    "line": 119,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -63321,7 +63611,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 79,
+                    "line": 87,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63358,7 +63648,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 86,
+                    "line": 94,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63382,6 +63672,21 @@
                         }
                     ]
                 },
+                {
+                    "name": "cleanUp",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 285,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nClean up `autoUpdate` if auto alignment is enabled\n",
+                    "description": "<p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>\n",
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "handleChange",
                     "args": [
@@ -63395,190 +63700,216 @@
                             "name": "event",
                             "type": "Event",
                             "deprecated": false,
-                            "deprecationMessage": ""
+                            "deprecationMessage": "",
+                            "optional": true
                         }
                     ],
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 101,
+                    "line": 137,
                     "deprecated": false,
                     "deprecationMessage": "",
+                    "rawdescription": "\n\nHandles emitting open/close event\n",
+                    "description": "<p>Handles emitting open/close event</p>\n",
                     "jsdoctags": [
                         {
-                            "name": "open",
+                            "name": {
+                                "pos": 3305,
+                                "end": 3309,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "open"
+                            },
                             "type": "boolean",
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3299,
+                                "end": 3304,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Is the popover container open</li>\n</ul>\n"
                         },
                         {
-                            "name": "event",
+                            "name": {
+                                "pos": 3353,
+                                "end": 3358,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "event"
+                            },
                             "type": "Event",
                             "deprecated": false,
                             "deprecationMessage": "",
+                            "optional": true,
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3347,
+                                "end": 3352,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Event</li>\n</ul>\n"
                         }
                     ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "class.cds--tooltip",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "class.cds--popover--bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 37,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--bottom-left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--bottom-right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 45,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
                 },
                 {
-                    "name": "class.cds--popover--left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 58,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left-top",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 54,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 63,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right-bottom",
+                    "name": "initializeReferences",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 264,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 71,
-                    "type": "boolean",
-                    "decorators": [],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--right-top",
+                    "name": "recomputePosition",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 185,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 67,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nCompute position of tooltip when autoAlign is enabled\n",
+                    "description": "<p>Compute position of tooltip when autoAlign is enabled</p>\n",
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top",
+                    "name": "roundByDPR",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "number",
+                    "typeParameters": [],
+                    "line": 177,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 24,
-                    "type": "boolean",
-                    "decorators": [],
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top-left",
+                    "name": "updateAlignmentClass",
+                    "args": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "previousAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 296,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nReplace existing previous alignment class with new\n",
+                    "description": "<p>Replace existing previous alignment class with new</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": {
+                                "pos": 8148,
+                                "end": 8165,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "previousAlignment"
+                            },
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true,
+                            "tagName": {
+                                "pos": 8142,
+                                "end": 8147,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": ""
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                },
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [
                 {
-                    "name": "class.cds--popover--top-right",
+                    "name": "class.cds--tooltip",
+                    "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 32,
+                    "line": 53,
                     "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
+                    "decorators": []
                 },
                 {
                     "name": "class.cds--popover-container",
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 93,
+                    "line": 116,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63602,7 +63933,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 102
+                    "line": 110
                 },
                 {
                     "name": "focusout",
@@ -63619,7 +63950,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 107
+                    "line": 115
                 },
                 {
                     "name": "keyup",
@@ -63636,7 +63967,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 93
+                    "line": 101
                 },
                 {
                     "name": "mouseenter",
@@ -63653,7 +63984,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 79
+                    "line": 87
                 },
                 {
                     "name": "mouseleave",
@@ -63670,7 +64001,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 86
+                    "line": 94
                 }
             ],
             "standalone": false,
@@ -63678,7 +64009,7 @@
             "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tooltip--basic\">See demo</a></p>\n",
             "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",
             "type": "component",
-            "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",
+            "sourceCode": "import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tNgZone,\n\tRenderer2,\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\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span *ngIf=\"!autoAlign\" 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\tprotected elementRef: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\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",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -63689,16 +64020,61 @@
                 "deprecationMessage": "",
                 "args": [
                     {
-                        "name": "ref",
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 70,
+                "line": 73,
                 "jsdoctags": [
                     {
-                        "name": "ref",
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": "",
@@ -63715,7 +64091,7 @@
         },
         {
             "name": "TooltipDefinition",
-            "id": "component-TooltipDefinition-3a9038152f40c048717bb4758e6cdc6eadb1bdea93f8f7336b6ee83029b8a5669ff941847eace94982e39403b806235a77a67e60a902905051d1bf3bf154816a",
+            "id": "component-TooltipDefinition-e84783f408396ee38f0daff25f4a69407aef2bab6644a56db4c95be605c982e6d0299c3101f9fcfc75977f7e0dfa2ad26d06036b6bd5e4f9e529084080ca1e65",
             "file": "src/tooltip/definition-tooptip.component.ts",
             "changeDetection": "ChangeDetectionStrategy.OnPush",
             "encapsulation": [],
@@ -63726,32 +64102,18 @@
             "selector": "cds-tooltip-definition, ibm-tooltip-definition",
             "styleUrls": [],
             "styles": [],
-            "template": "<button\n\tclass=\"cds--definition-term\"\n\t[attr.aria-controls]=\"id\"\n\t[attr.aria-expanded]=\"isOpen\"\n\t(blur)=\"onBlur($event)\"\n\t(click)=\"onClick($event)\"\n\ttype=\"button\">\n\t<ng-content></ng-content>\n</button>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"isOpen\"\n\trole=\"tooltip\">\n\t<span class=\"cds--popover-content cds--definition-tooltip\">\n\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t</span>\n\t<span class=\"cds--popover-caret\"></span>\n</span>\n\t",
+            "template": "<button\n\tclass=\"cds--definition-term\"\n\t[attr.aria-controls]=\"id\"\n\t[attr.aria-expanded]=\"isOpen\"\n\t(blur)=\"onBlur($event)\"\n\t(click)=\"onClick($event)\"\n\ttype=\"button\">\n\t<ng-content></ng-content>\n</button>\n<span\n\t*ngIf=\"description\"\n\tclass=\"cds--popover\"\n\t[id]=\"id\"\n\t[attr.aria-hidden]=\"isOpen\"\n\trole=\"tooltip\">\n\t<span class=\"cds--popover-content cds--definition-tooltip\">\n\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\"></ng-template>\n\t\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t</span>\n\t<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n</span>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
             "inputsClass": [
-                {
-                    "name": "align",
-                    "defaultValue": "\"bottom\"",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nOverride alignment options\n",
-                    "description": "<p>Override alignment options</p>\n",
-                    "line": 55,
-                    "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\"",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
                 {
                     "name": "description",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
                     "description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
-                    "line": 61,
+                    "line": 59,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -63760,16 +64122,45 @@
                     "defaultValue": "`tooltip-definition-${TooltipDefinition.tooltipCount++}`",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 50,
+                    "line": 54,
                     "type": "string",
                     "decorators": []
                 },
+                {
+                    "name": "align",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet alignment of popover\nAs of v5, `oldPlacements` are now deprecated in favor of Placements\n\nWhen `autoAlign` is set to `true`, alignment may change for best placement\n",
+                    "description": "<p>Set alignment of popover\nAs of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>\n<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>\n",
+                    "line": 45,
+                    "type": "oldPlacement | Placement",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "autoAlign",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
+                    "description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
+                    "line": 115,
+                    "type": "boolean",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "caret",
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "rawdescription": "\n\nShow caret at the alignment position\n",
+                    "description": "<p>Show caret at the alignment position</p>\n",
+                    "line": 102,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63781,7 +64172,9 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 89,
+                    "rawdescription": "\n\nEnable drop shadow around the popover container\n",
+                    "description": "<p>Enable drop shadow around the popover container</p>\n",
+                    "line": 106,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63793,7 +64186,9 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 90,
+                    "rawdescription": "\n\nEnable high contrast for popover container\n",
+                    "description": "<p>Enable high contrast for popover container</p>\n",
+                    "line": 110,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63805,7 +64200,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 91,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -63821,7 +64216,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n",
                     "description": "<p>Emits an event when the state of <code>isOpen</code> changes. Allows <code>isOpen</code> to be double bound</p>\n",
-                    "line": 86,
+                    "line": 98,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63834,7 +64229,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is closed\n",
                     "description": "<p>Emits an event when the dialog is closed</p>\n",
-                    "line": 78,
+                    "line": 90,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63847,7 +64242,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the dialog is opened\n",
                     "description": "<p>Emits an event when the dialog is opened</p>\n",
-                    "line": 82,
+                    "line": 94,
                     "type": "EventEmitter<Event>",
                     "inheritance": {
                         "file": "PopoverContainer"
@@ -63863,11 +64258,40 @@
                     "type": "number",
                     "optional": false,
                     "description": "",
-                    "line": 48,
+                    "line": 52,
                     "modifierKind": [
                         124
                     ]
                 },
+                {
+                    "name": "_align",
+                    "defaultValue": "\"bottom\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Placement",
+                    "optional": false,
+                    "description": "",
+                    "line": 84,
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
+                {
+                    "name": "alignmentClassPrefix",
+                    "defaultValue": "\"cds--popover--\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "optional": false,
+                    "description": "",
+                    "line": 85,
+                    "modifierKind": [
+                        146
+                    ],
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "containerClass",
                     "defaultValue": "true",
@@ -63876,7 +64300,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 93,
+                    "line": 116,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -63905,7 +64329,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 78,
+                    "line": 81,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -63942,7 +64366,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 90,
+                    "line": 93,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -63973,7 +64397,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 86,
+                    "line": 89,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -64010,7 +64434,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 69,
+                    "line": 72,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -64038,7 +64462,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 73,
+                    "line": 76,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -64053,6 +64477,21 @@
                         }
                     ]
                 },
+                {
+                    "name": "cleanUp",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 285,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nClean up `autoUpdate` if auto alignment is enabled\n",
+                    "description": "<p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>\n",
+                    "inheritance": {
+                        "file": "PopoverContainer"
+                    }
+                },
                 {
                     "name": "handleChange",
                     "args": [
@@ -64066,181 +64505,207 @@
                             "name": "event",
                             "type": "Event",
                             "deprecated": false,
-                            "deprecationMessage": ""
+                            "deprecationMessage": "",
+                            "optional": true
                         }
                     ],
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 101,
+                    "line": 137,
                     "deprecated": false,
                     "deprecationMessage": "",
+                    "rawdescription": "\n\nHandles emitting open/close event\n",
+                    "description": "<p>Handles emitting open/close event</p>\n",
                     "jsdoctags": [
                         {
-                            "name": "open",
+                            "name": {
+                                "pos": 3305,
+                                "end": 3309,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "open"
+                            },
                             "type": "boolean",
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3299,
+                                "end": 3304,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Is the popover container open</li>\n</ul>\n"
                         },
                         {
-                            "name": "event",
+                            "name": {
+                                "pos": 3353,
+                                "end": 3358,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "event"
+                            },
                             "type": "Event",
                             "deprecated": false,
                             "deprecationMessage": "",
+                            "optional": true,
                             "tagName": {
-                                "text": "param"
-                            }
+                                "pos": 3347,
+                                "end": 3352,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": "<ul>\n<li>Event</li>\n</ul>\n"
                         }
                     ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "class.cds--popover--bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 37,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
                 },
                 {
-                    "name": "class.cds--popover--bottom-left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--bottom-right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 45,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 58,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--left-top",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 54,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 63,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right-bottom",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 71,
-                    "type": "boolean",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "PopoverContainer"
-                    }
-                },
-                {
-                    "name": "class.cds--popover--right-top",
+                    "name": "initializeReferences",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 264,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 67,
-                    "type": "boolean",
-                    "decorators": [],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top",
+                    "name": "recomputePosition",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 185,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 24,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nCompute position of tooltip when autoAlign is enabled\n",
+                    "description": "<p>Compute position of tooltip when autoAlign is enabled</p>\n",
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top-left",
+                    "name": "roundByDPR",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "number",
+                    "typeParameters": [],
+                    "line": 177,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": [],
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
                 },
                 {
-                    "name": "class.cds--popover--top-right",
+                    "name": "updateAlignmentClass",
+                    "args": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "previousAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 296,
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 32,
-                    "type": "boolean",
-                    "decorators": [],
+                    "rawdescription": "\n\nReplace existing previous alignment class with new\n",
+                    "description": "<p>Replace existing previous alignment class with new</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "newAlignment",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": {
+                                "pos": 8148,
+                                "end": 8165,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "previousAlignment"
+                            },
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "optional": true,
+                            "tagName": {
+                                "pos": 8142,
+                                "end": 8147,
+                                "flags": 8421376,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 79,
+                                "escapedText": "param"
+                            },
+                            "comment": ""
+                        }
+                    ],
                     "inheritance": {
                         "file": "PopoverContainer"
                     }
-                },
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [
                 {
                     "name": "class.cds--popover-container",
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 93,
+                    "line": 116,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -64264,7 +64729,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 78
+                    "line": 81
                 },
                 {
                     "name": "mouseleave",
@@ -64281,7 +64746,7 @@
                     ],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 86
+                    "line": 89
                 }
             ],
             "standalone": false,
@@ -64289,7 +64754,7 @@
             "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tooltip-definition--basic\">See demo</a></p>\n",
             "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",
             "type": "component",
-            "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",
+            "sourceCode": "import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostListener,\n\tInput,\n\tNgZone,\n\tRenderer2,\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\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t\t</span>\n\t\t\t<span *ngIf=\"!autoAlign\" 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 * 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\tprotected elementRef: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\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",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -64300,16 +64765,61 @@
                 "deprecationMessage": "",
                 "args": [
                     {
-                        "name": "ref",
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 61,
+                "line": 59,
                 "jsdoctags": [
                     {
-                        "name": "ref",
+                        "name": "elementRef",
+                        "type": "ElementRef",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "ngZone",
+                        "type": "NgZone",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "renderer",
+                        "type": "Renderer2",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "changeDetectorRef",
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": "",
@@ -68826,6 +69336,46 @@
                 "type": "object",
                 "defaultValue": "{\n\tprovide: AnimationFrameServiceSingleton,\n\tdeps: [[new Optional(), new SkipSelf(), AnimationFrameServiceSingleton], NgZone],\n\tuseFactory: ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY\n}"
             },
+            {
+                "name": "AutoAlignTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/popover/popover.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<div\n\t\t\t\t\tcdsPopover\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[dropShadow]=\"dropShadow\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[highContrast]=\"highContrast\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\">\n\t\t\t\t\t<div class=\"popover-trigger\">\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<cds-popover-content>\n\t\t\t\t\t\t<div style=\"padding: 1rem\">\n\t\t\t\t\t\t\t<p class=\"popover-title\">Available storage</p>\n\t\t\t\t\t\t\t<p class=\"popover-content\">This server has 150GB of block storage remaining</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</cds-popover-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.popover-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t\t.popover-title {\n\t\t\tfont-size: var(--cds-heading-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-heading-compact-01-font-weight);\n\t\t\tline-height: var(--cds-heading-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t\t.popover-content {\n\t\t\tfont-size: var(--cds-body-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-body-compact-01-font-weight);\n\t\t\tline-height: var(--cds-body-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t`]\n})"
+            },
+            {
+                "name": "AutoAlignTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/toggletip/toggletip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t<span cdsToggletipLabel>Toggletip label</span>\n\t\t\t\t<cds-toggletip\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\">\n\t\t\t\t\t<button cdsToggletipButton>\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<div cdsToggletipContent>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n\t\t\t\t\t\t\tdo eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div cdsToggletipAction>\n\t\t\t\t\t\t\t<a href=\"#\" cdsLink>Link action</a>\n\t\t\t\t\t\t\t<button cdsButton size=\"sm\">Some button</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</cds-toggletip>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+            },
+            {
+                "name": "AutoAlignTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/tooltip/definition-tooptip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t\t\t<cds-tooltip-definition\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\tURL\n\t\t\t\t</cds-tooltip-definition>\n\t\t\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+            },
+            {
+                "name": "AutoAlignTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/tooltip/tooltip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<cds-tooltip\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\t<button type=\"button\" class=\"tooltip-trigger\">\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</cds-tooltip>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+            },
             {
                 "name": "basic",
                 "ctype": "miscellaneous",
@@ -72006,7 +72556,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t<cds-tooltip-definition\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t[description]=\"description\">\n\t\t\tURL\n\t\t</cds-tooltip-definition>\n\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t\t\t<cds-tooltip-definition\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\tURL\n\t\t\t\t</cds-tooltip-definition>\n\t\t\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
             },
             {
                 "name": "Template",
@@ -72290,6 +72840,46 @@
                 "type": "",
                 "defaultValue": "() => ({\n\ttemplate: `\n\t\t<ng-template #action let-item>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\taria-label=\"Action\"\n\t\t\t\ticonOnly=\"true\">\n\t\t\t\t<svg ibmIcon=\"subtract--alt\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t\t<cds-contained-list label=\"List title\">\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t</cds-contained-list>\n\t`\n})"
             },
+            {
+                "name": "WithAutoAlign",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/popover/popover.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "AutoAlignTemplate.bind({})"
+            },
+            {
+                "name": "WithAutoAlign",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/toggletip/toggletip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "AutoAlignTemplate.bind({})"
+            },
+            {
+                "name": "WithAutoAlign",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/tooltip/definition-tooptip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "AutoAlignTemplate.bind({})"
+            },
+            {
+                "name": "WithAutoAlign",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/tooltip/tooltip.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "AutoAlignTemplate.bind({})"
+            },
             {
                 "name": "WithDataTable",
                 "ctype": "miscellaneous",
@@ -73883,6 +74473,17 @@
                 "description": "",
                 "kind": 189
             },
+            {
+                "name": "oldPlacement",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" | \"left-bottom\" | \"left-top\" | \"right-bottom\" | \"right-top\"",
+                "file": "src/popover/popover.directive.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 189
+            },
             {
                 "name": "SortType",
                 "ctype": "miscellaneous",
@@ -74777,6 +75378,194 @@
                     "defaultValue": "{\n\tprovide: DocumentService,\n\tdeps: [[new Optional(), new SkipSelf(), DocumentService]],\n\tuseFactory: DOCUMENT_SERVICE_PROVIDER_FACTORY\n}"
                 }
             ],
+            "src/popover/popover.stories.ts": [
+                {
+                    "name": "AutoAlignTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/popover/popover.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<div\n\t\t\t\t\tcdsPopover\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[dropShadow]=\"dropShadow\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[highContrast]=\"highContrast\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\">\n\t\t\t\t\t<div class=\"popover-trigger\">\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<cds-popover-content>\n\t\t\t\t\t\t<div style=\"padding: 1rem\">\n\t\t\t\t\t\t\t<p class=\"popover-title\">Available storage</p>\n\t\t\t\t\t\t\t<p class=\"popover-content\">This server has 150GB of block storage remaining</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</cds-popover-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.popover-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t\t.popover-title {\n\t\t\tfont-size: var(--cds-heading-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-heading-compact-01-font-weight);\n\t\t\tline-height: var(--cds-heading-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t\t.popover-content {\n\t\t\tfont-size: var(--cds-body-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-body-compact-01-font-weight);\n\t\t\tline-height: var(--cds-body-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t`]\n})"
+                },
+                {
+                    "name": "Basic",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/popover/popover.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "Template.bind({})"
+                },
+                {
+                    "name": "Template",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/popover/popover.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div\n\t\t\tcdsPopover\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[dropShadow]=\"dropShadow\"\n\t\t\t[align]=\"align\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[highContrast]=\"highContrast\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\">\n\t\t\t<div class=\"popover-trigger\">\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<cds-popover-content>\n\t\t\t\t<div style=\"padding: 1rem\">\n\t\t\t\t\t<p class=\"popover-title\">Available storage</p>\n\t\t\t\t\t<p class=\"popover-content\">This server has 150GB of block storage remaining</p>\n\t\t\t\t</div>\n\t\t\t</cds-popover-content>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.popover-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t\t.popover-title {\n\t\t\tfont-size: var(--cds-heading-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-heading-compact-01-font-weight);\n\t\t\tline-height: var(--cds-heading-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t\t.popover-content {\n\t\t\tfont-size: var(--cds-body-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-body-compact-01-font-weight);\n\t\t\tline-height: var(--cds-body-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t`]\n})"
+                },
+                {
+                    "name": "WithAutoAlign",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/popover/popover.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "AutoAlignTemplate.bind({})"
+                }
+            ],
+            "src/toggletip/toggletip.stories.ts": [
+                {
+                    "name": "AutoAlignTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/toggletip/toggletip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t<span cdsToggletipLabel>Toggletip label</span>\n\t\t\t\t<cds-toggletip\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\">\n\t\t\t\t\t<button cdsToggletipButton>\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<div cdsToggletipContent>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n\t\t\t\t\t\t\tdo eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div cdsToggletipAction>\n\t\t\t\t\t\t\t<a href=\"#\" cdsLink>Link action</a>\n\t\t\t\t\t\t\t<button cdsButton size=\"sm\">Some button</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</cds-toggletip>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "Basic",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/toggletip/toggletip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "Template.bind({})"
+                },
+                {
+                    "name": "Template",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/toggletip/toggletip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<span cdsToggletipLabel>Toggletip label</span>\n\t\t<cds-toggletip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[align]=\"align\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(onOpen)=\"onOpen($event)\">\n\t\t\t<button cdsToggletipButton>\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t\t<div cdsToggletipContent>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n\t\t\t\t\tdo eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n\t\t\t\t</p>\n\t\t\t\t<div cdsToggletipAction>\n\t\t\t\t\t<a href=\"#\" cdsLink>Link action</a>\n\t\t\t\t\t<button cdsButton size=\"sm\">Some button</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</cds-toggletip>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "WithAutoAlign",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/toggletip/toggletip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "AutoAlignTemplate.bind({})"
+                }
+            ],
+            "src/tooltip/definition-tooptip.stories.ts": [
+                {
+                    "name": "AutoAlignTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/definition-tooptip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t\t\t<cds-tooltip-definition\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\tURL\n\t\t\t\t</cds-tooltip-definition>\n\t\t\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "Basic",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/definition-tooptip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "Template.bind({})"
+                },
+                {
+                    "name": "Template",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/definition-tooptip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t\t\t<cds-tooltip-definition\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\tURL\n\t\t\t\t</cds-tooltip-definition>\n\t\t\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "WithAutoAlign",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/definition-tooptip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "AutoAlignTemplate.bind({})"
+                }
+            ],
+            "src/tooltip/tooltip.stories.ts": [
+                {
+                    "name": "AutoAlignTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the popover:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<cds-tooltip\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[caret]=\"caret\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t\t\t[description]=\"description\">\n\t\t\t\t\t<button type=\"button\" class=\"tooltip-trigger\">\n\t\t\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</cds-tooltip>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "Basic",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "Template.bind({})"
+                },
+                {
+                    "name": "Ellipses",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "EllipsesTemplate.bind({})"
+                },
+                {
+                    "name": "EllipsesTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tooltip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\tdescription=\"Tooltip for ellipsis because I can and I am really really long\">\n\t\t\t<span class=\"overflowText\">\n\t\t\t\tTooltip for ellipsis because I can and I am really really long\n\t\t\t</span>\n\t\t</cds-tooltip>\n\t`,\n\tstyles: [`\n\t\t.overflowText {\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twidth: 100px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t`]\n})"
+                },
+                {
+                    "name": "Template",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tooltip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t[description]=\"description\">\n\t\t\t<button type=\"button\" class=\"tooltip-trigger\">\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</cds-tooltip>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
+                },
+                {
+                    "name": "WithAutoAlign",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/tooltip/tooltip.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "AutoAlignTemplate.bind({})"
+                }
+            ],
             "src/contained-list/contained-list.stories.ts": [
                 {
                     "name": "basic",
@@ -76492,28 +77281,6 @@
                     "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n\t\t-->\n\t\t<app-pagination\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[pageInputDisabled]=\"pageInputDisabled\"\n\t\t\t[pagesUnknown]=\"pagesUnknown\"\n\t\t\t[totalDataLength]=\"totalDataLength\"\n\t\t\t[showPageInput]=\"showPageInput\"\n\t\t\t[skeleton]=\"skeleton\">\n\t\t</app-pagination>\n\t`\n})"
                 }
             ],
-            "src/popover/popover.stories.ts": [
-                {
-                    "name": "Basic",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/popover/popover.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "Template.bind({})"
-                },
-                {
-                    "name": "Template",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/popover/popover.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div\n\t\t\tcdsPopover\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[dropShadow]=\"dropShadow\"\n\t\t\t[align]=\"align\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[highContrast]=\"highContrast\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\">\n\t\t\t<div class=\"popover-trigger\">\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<cds-popover-content>\n\t\t\t\t<div style=\"padding: 1rem\">\n\t\t\t\t\t<p class=\"popover-title\">Available storage</p>\n\t\t\t\t\t<p class=\"popover-content\">This server has 150GB of block storage remaining</p>\n\t\t\t\t</div>\n\t\t\t</cds-popover-content>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.popover-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t\t.popover-title {\n\t\t\tfont-size: var(--cds-heading-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-heading-compact-01-font-weight);\n\t\t\tline-height: var(--cds-heading-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t\t.popover-content {\n\t\t\tfont-size: var(--cds-body-compact-01-font-size);\n\t\t\tfont-weight: var(--cds-body-compact-01-font-weight);\n\t\t\tline-height: var(--cds-body-compact-01-line-height);\n\t\t\tmargin-bottom: 0.125rem;\n\t\t}\n\t`]\n})"
-                }
-            ],
             "src/progress-bar/progress-bar.stories.ts": [
                 {
                     "name": "Basic",
@@ -77600,92 +78367,6 @@
                     "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-toggle\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[label]=\"label\"\n\t\t\t[hideLabel]=\"hideLabel\"\n\t\t\t[onText]=\"onText\"\n\t\t\t[offText]=\"offText\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[checked]=\"checked\"\n\t\t\t(checkedChange)=\"onChange($event)\"\n\t\t\t[size]=\"size\">\n\t\t</cds-toggle>\n\t`\n})"
                 }
             ],
-            "src/toggletip/toggletip.stories.ts": [
-                {
-                    "name": "Basic",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/toggletip/toggletip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "Template.bind({})"
-                },
-                {
-                    "name": "Template",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/toggletip/toggletip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<span cdsToggletipLabel>Toggletip label</span>\n\t\t<cds-toggletip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[align]=\"align\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(onOpen)=\"onOpen($event)\">\n\t\t\t<button cdsToggletipButton>\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t\t<div cdsToggletipContent>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n\t\t\t\t\tdo eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n\t\t\t\t</p>\n\t\t\t\t<div cdsToggletipAction>\n\t\t\t\t\t<a href=\"#\" cdsLink>Link action</a>\n\t\t\t\t\t<button cdsButton size=\"sm\">Some button</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</cds-toggletip>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
-                }
-            ],
-            "src/tooltip/definition-tooptip.stories.ts": [
-                {
-                    "name": "Basic",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/definition-tooptip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "Template.bind({})"
-                },
-                {
-                    "name": "Template",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/definition-tooptip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>Custom domains direct requests for your apps in this Cloud Foundry organization to a\n\t\t<cds-tooltip-definition\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t[description]=\"description\">\n\t\t\tURL\n\t\t</cds-tooltip-definition>\n\t\tthat you own. A custom domain can be a shared domain, a shared subdomain, or a shared domain and host.</p>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
-                }
-            ],
-            "src/tooltip/tooltip.stories.ts": [
-                {
-                    "name": "Basic",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/tooltip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "Template.bind({})"
-                },
-                {
-                    "name": "Ellipses",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/tooltip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "EllipsesTemplate.bind({})"
-                },
-                {
-                    "name": "EllipsesTemplate",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/tooltip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tooltip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\tdescription=\"Tooltip for ellipsis because I can and I am really really long\">\n\t\t\t<span class=\"overflowText\">\n\t\t\t\tTooltip for ellipsis because I can and I am really really long\n\t\t\t</span>\n\t\t</cds-tooltip>\n\t`,\n\tstyles: [`\n\t\t.overflowText {\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twidth: 100px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t`]\n})"
-                },
-                {
-                    "name": "Template",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "src/tooltip/tooltip.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tooltip\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[align]=\"align\"\n\t\t\t(onOpen)=\"onOpen($event)\"\n\t\t\t(onClose)=\"onClose($event)\"\n\t\t\t(isOpenChange)=\"isOpenChange($event)\"\n\t\t\t[description]=\"description\">\n\t\t\t<button type=\"button\" class=\"tooltip-trigger\">\n\t\t\t\t<svg preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\">\n\t\t\t\t\t<path d=\"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z\"></path>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</cds-tooltip>\n\t`,\n\tstyles: [`\n\t\t.tooltip-trigger {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tbackground: white;\n\t\t\tborder: 1px solid var(--cds-border-subtle);\n\t\t\tcursor: pointer;\n\t\t}\n\t\tsvg { fill: var(--cds-background-inverse); }\n\t`]\n})"
-                }
-            ],
             "src/treeview/treeview.stories.ts": [
                 {
                     "name": "Basic",
@@ -80004,6 +80685,19 @@
                     "kind": 189
                 }
             ],
+            "src/popover/popover.directive.ts": [
+                {
+                    "name": "oldPlacement",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" | \"left-bottom\" | \"left-top\" | \"right-bottom\" | \"right-top\"",
+                    "file": "src/popover/popover.directive.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 189
+                }
+            ],
             "src/table/table-header-item.class.ts": [
                 {
                     "name": "SortType",
@@ -83855,17 +84549,27 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "PopoverContent",
-                "coveragePercent": 33,
-                "coverageCount": "1/3",
-                "status": "medium"
+                "coveragePercent": 16,
+                "coverageCount": "1/6",
+                "status": "low"
             },
             {
                 "filePath": "src/popover/popover.directive.ts",
                 "type": "directive",
                 "linktype": "directive",
                 "name": "PopoverContainer",
-                "coveragePercent": 16,
-                "coverageCount": "4/25",
+                "coveragePercent": 57,
+                "coverageCount": "12/21",
+                "status": "good"
+            },
+            {
+                "filePath": "src/popover/popover.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "AutoAlignTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
                 "status": "low"
             },
             {
@@ -83888,6 +84592,16 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/popover/popover.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "WithAutoAlign",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/progress-bar/progress-bar.component.ts",
                 "type": "component",
@@ -85852,8 +86566,18 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "Toggletip",
-                "coveragePercent": 11,
-                "coverageCount": "4/34",
+                "coveragePercent": 43,
+                "coverageCount": "13/30",
+                "status": "medium"
+            },
+            {
+                "filePath": "src/toggletip/toggletip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "AutoAlignTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
                 "status": "low"
             },
             {
@@ -85876,13 +86600,33 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/toggletip/toggletip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "WithAutoAlign",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/tooltip/definition-tooptip.component.ts",
                 "type": "component",
                 "linktype": "component",
                 "name": "TooltipDefinition",
-                "coveragePercent": 17,
-                "coverageCount": "6/35",
+                "coveragePercent": 45,
+                "coverageCount": "14/31",
+                "status": "medium"
+            },
+            {
+                "filePath": "src/tooltip/definition-tooptip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "AutoAlignTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
                 "status": "low"
             },
             {
@@ -85905,14 +86649,24 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/tooltip/definition-tooptip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "WithAutoAlign",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/tooltip/tooltip.component.ts",
                 "type": "component",
                 "linktype": "component",
                 "name": "Tooltip",
-                "coveragePercent": 17,
-                "coverageCount": "8/45",
-                "status": "low"
+                "coveragePercent": 41,
+                "coverageCount": "17/41",
+                "status": "medium"
             },
             {
                 "filePath": "src/tooltip/tooltip.interface.ts",
@@ -85933,6 +86687,16 @@
                 "coverageCount": "1/1",
                 "status": "very-good"
             },
+            {
+                "filePath": "src/tooltip/tooltip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "AutoAlignTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/tooltip/tooltip.stories.ts",
                 "type": "variable",
@@ -85973,6 +86737,16 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/tooltip/tooltip.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "WithAutoAlign",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/treeview/stories/app-treeview-icons.component.ts",
                 "type": "component",