carbon-components-angular 5.57.5 → 5.57.6

package/docs/documentation.json

@@ -53893,7 +53893,7 @@
         },
         {
             "name": "Tab",
-            "id": "component-Tab-0ae655d3e471363bc34b21e94fd1c94af8fb537d797e9869a33865c2526d8171b7dd34808b2ef5b3794929fe4493c0ef80a25a46c2199cda736f5587bca002b0",
+            "id": "component-Tab-c53c4b68c2b4ba9480fda90b175dff0c8259a692f0f6f0a615ff742fa1adbd62a8cf875c0bdffa71f77c498db2c8e9a56a409a996e46c14fc1c603055a7b6adb",
             "file": "src/tabs/tab.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -53903,7 +53903,7 @@
             "selector": "cds-tab, ibm-tab",
             "styleUrls": [],
             "styles": [],
-            "template": "<div\n\t[attr.tabindex]=\"tabIndex\"\n\trole=\"tabpanel\"\n\t*ngIf=\"shouldRender()\"\n\tclass=\"cds--tab-content\"\n\t[ngStyle]=\"{'display': active ? null : 'none'}\"\n\t[attr.aria-labelledby]=\"id + '-header'\"\n\taria-live=\"polite\">\n\t<ng-template\n\t\t*ngIf=\"isTemplate(tabContent)\"\n\t\t[ngTemplateOutlet]=\"tabContent\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: templateContext }\">\n\t</ng-template>\n\t<ng-content></ng-content>\n</div>\n\t",
+            "template": "<div\n\t[attr.tabindex]=\"tabIndex\"\n\trole=\"tabpanel\"\n\t*ngIf=\"shouldRender()\"\n\tclass=\"cds--tab-content\"\n\t[id]=\"id\"\n\t[ngStyle]=\"{'display': active ? null : 'none'}\"\n\t[attr.aria-labelledby]=\"id + '-header'\"\n\taria-live=\"polite\">\n\t<ng-template\n\t\t*ngIf=\"isTemplate(tabContent)\"\n\t\t[ngTemplateOutlet]=\"tabContent\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: templateContext }\">\n\t</ng-template>\n\t<ng-content></ng-content>\n</div>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -53915,7 +53915,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nIndicates whether the `Tab` is active/selected.\nDetermines whether it's `TabPanel` is rendered.\n",
                     "description": "<p>Indicates whether the <code>Tab</code> is active/selected.\nDetermines whether it&#39;s <code>TabPanel</code> is rendered.</p>\n",
-                    "line": 102,
+                    "line": 103,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -53925,7 +53925,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to true to have Tab items cached and not reloaded on tab switching.\n",
                     "description": "<p>Set to true to have Tab items cached and not reloaded on tab switching.</p>\n",
-                    "line": 116,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -53935,7 +53935,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAllows the user to pass data to the custom template for the `Tab` heading.\n",
                     "description": "<p>Allows the user to pass data to the custom template for the <code>Tab</code> heading.</p>\n",
-                    "line": 97,
+                    "line": 98,
                     "type": "any",
                     "decorators": []
                 },
@@ -53946,7 +53946,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nIndicates whether or not the `Tab` item is disabled.\n",
                     "description": "<p>Indicates whether or not the <code>Tab</code> item is disabled.</p>\n",
-                    "line": 106,
+                    "line": 107,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -53956,7 +53956,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe `Tab`'s title to be displayed or custom temaplate for the `Tab` heading.\n",
                     "description": "<p>The <code>Tab</code>&#39;s title to be displayed or custom temaplate for the <code>Tab</code> heading.</p>\n",
-                    "line": 86,
+                    "line": 87,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -53967,7 +53967,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the id of the `Tab`. Will be uniquely generated if not provided.\n",
                     "description": "<p>Sets the id of the <code>Tab</code>. Will be uniquely generated if not provided.</p>\n",
-                    "line": 112,
+                    "line": 113,
                     "type": "string",
                     "decorators": []
                 },
@@ -53977,7 +53977,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAllows life cycle hooks to be called on the rendered content\n",
                     "description": "<p>Allows life cycle hooks to be called on the rendered content</p>\n",
-                    "line": 122,
+                    "line": 123,
                     "type": "TemplateRef<any>",
                     "decorators": []
                 },
@@ -53986,7 +53986,7 @@
                     "defaultValue": "0",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 108,
+                    "line": 109,
                     "type": "number",
                     "decorators": []
                 },
@@ -53996,7 +53996,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nOptional data for templates passed as implicit context\n",
                     "description": "<p>Optional data for templates passed as implicit context</p>\n",
-                    "line": 126,
+                    "line": 127,
                     "type": "any",
                     "decorators": []
                 },
@@ -54006,7 +54006,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nOptional override for the `tabItem's`'s title attribute which is set in `TabHeaders`.\n`tabItem`'s title attribute is automatically set to `heading`.\n\nYou might want to use this if you set `heading` to a `TemplateRef`.\n",
                     "description": "<p>Optional override for the <code>tabItem&#39;s</code>&#39;s title attribute which is set in <code>TabHeaders</code>.\n<code>tabItem</code>&#39;s title attribute is automatically set to <code>heading</code>.</p>\n<p>You might want to use this if you set <code>heading</code> to a <code>TemplateRef</code>.</p>\n",
-                    "line": 93,
+                    "line": 94,
                     "type": "string",
                     "decorators": []
                 }
@@ -54019,31 +54019,11 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nValue 'selected' to be emitted after a new `Tab` is selected.\n",
                     "description": "<p>Value &#39;selected&#39; to be emitted after a new <code>Tab</code> is selected.</p>\n",
-                    "line": 130,
+                    "line": 131,
                     "type": "EventEmitter<void>"
                 }
             ],
             "propertiesClass": [
-                {
-                    "name": "attrClass",
-                    "defaultValue": "this.id",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "optional": false,
-                    "description": "<p>Used to set the id property on the element.</p>\n",
-                    "line": 134,
-                    "rawdescription": "\n\nUsed to set the id property on the element.\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.id'"
-                        }
-                    ],
-                    "modifierKind": [
-                        170
-                    ]
-                },
                 {
                     "name": "headingIsTemplate",
                     "defaultValue": "false",
@@ -54052,7 +54032,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Boolean value reflects if the <code>Tab</code> is using a custom template for the heading.\nDefault value is false.</p>\n",
-                    "line": 81,
+                    "line": 82,
                     "rawdescription": "\n\nBoolean value reflects if the `Tab` is using a custom template for the heading.\nDefault value is false.\n",
                     "modifierKind": [
                         125
@@ -54066,7 +54046,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 155,
+                    "line": 152,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmit the status of the `Tab`, specifically 'select' and 'selected' properties.\n",
@@ -54085,7 +54065,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 166,
+                    "line": 163,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -54109,7 +54089,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 162,
+                    "line": 159,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nReturns value indicating whether this `Tab` should be rendered in a `TabPanel`.\n",
@@ -54118,26 +54098,14 @@
             ],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "attr.id",
-                    "defaultValue": "this.id",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nUsed to set the id property on the element.\n",
-                    "description": "<p>Used to set the id property on the element.</p>\n",
-                    "line": 134,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [],
             "description": "<p>The <code>Tab</code> component is a child of the <code>Tabs</code> component.\nIt represents one <code>Tab</code> item and its content within a panel of other <code>Tab</code> items.</p>\n<p><code>Tab</code> takes a string or <code>TemplateRef</code> for the header, and any content for the body of the tab.\nDisabled states should be handled by the application (ie. switch to the tab, but display some\nindication as to <em>why</em> the tab is disabled).</p>\n<p>When the tab is selected the <code>select</code> output will be triggered.\nThe <code>select</code> output will also be triggered for the active tab when the tabs are loaded or updated.</p>\n<p>Tab with string header:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;cds-tab heading=&#39;tab1&#39;&gt;\n    tab 1 content\n&lt;/cds-tab&gt;</code></pre></div><p>Tab with custom header:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;ng-template #tabHeading&gt;\n    &lt;svg cdsIcon=&quot;facebook&quot;\n        size=&quot;sm&quot;\n        style=&quot;margin-right: 7px;&quot;&gt;\n    &lt;/svg&gt;\n    Hello Tab 1\n&lt;/ng-template&gt;\n&lt;cds-tabs&gt;\n    &lt;cds-tab [heading]=&quot;tabHeading&quot;&gt;\n        Tab 1 content &lt;svg cdsIcon=&quot;alert&quot; size=&quot;lg&quot;&gt;&lt;/svg&gt;\n    &lt;/cds-tab&gt;\n    &lt;cds-tab heading=&#39;Tab2&#39;&gt;\n        Tab 2 content\n    &lt;/cds-tab&gt;\n    &lt;cds-tab heading=&#39;Tab3&#39;&gt;\n        Tab 3 content\n    &lt;/cds-tab&gt;\n&lt;/cds-tabs&gt;</code></pre></div>",
             "rawdescription": "\n\nThe `Tab` component is a child of the `Tabs` component.\nIt represents one `Tab` item and its content within a panel of other `Tab` items.\n\n\n`Tab` takes a string or `TemplateRef` for the header, and any content for the body of the tab.\nDisabled states should be handled by the application (ie. switch to the tab, but display some\nindication as to _why_ the tab is disabled).\n\nWhen the tab is selected the `select` output will be triggered.\nThe `select` output will also be triggered for the active tab when the tabs are loaded or updated.\n\n\nTab with string header:\n\n```html\n<cds-tab heading='tab1'>\n\ttab 1 content\n</cds-tab>\n```\n\nTab with custom header:\n\n```html\n<ng-template #tabHeading>\n\t<svg cdsIcon=\"facebook\"\n\t\tsize=\"sm\"\n\t\tstyle=\"margin-right: 7px;\">\n\t</svg>\n\tHello Tab 1\n</ng-template>\n<cds-tabs>\n\t<cds-tab [heading]=\"tabHeading\">\n\t\tTab 1 content <svg cdsIcon=\"alert\" size=\"lg\"></svg>\n\t</cds-tab>\n\t<cds-tab heading='Tab2'>\n\t\tTab 2 content\n\t</cds-tab>\n\t<cds-tab heading='Tab3'>\n\t\tTab 3 content\n\t</cds-tab>\n</cds-tabs>\n```\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tOnInit,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tTemplateRef,\n\tHostBinding\n} from \"@angular/core\";\n\n/**\n* The `Tab` component is a child of the `Tabs` component.\n* It represents one `Tab` item and its content within a panel of other `Tab` items.\n*\n*\n* `Tab` takes a string or `TemplateRef` for the header, and any content for the body of the tab.\n* Disabled states should be handled by the application (ie. switch to the tab, but display some\n* indication as to _why_ the tab is disabled).\n*\n* When the tab is selected the `select` output will be triggered.\n* The `select` output will also be triggered for the active tab when the tabs are loaded or updated.\n*\n*\n* Tab with string header:\n*\n* ```html\n* <cds-tab heading='tab1'>\n* \ttab 1 content\n* </cds-tab>\n* ```\n*\n* Tab with custom header:\n*\n* ```html\n* <ng-template #tabHeading>\n* \t<svg cdsIcon=\"facebook\"\n* \t\tsize=\"sm\"\n* \t\tstyle=\"margin-right: 7px;\">\n* \t</svg>\n* \tHello Tab 1\n* </ng-template>\n* <cds-tabs>\n* \t<cds-tab [heading]=\"tabHeading\">\n* \t\tTab 1 content <svg cdsIcon=\"alert\" size=\"lg\"></svg>\n* \t</cds-tab>\n* \t<cds-tab heading='Tab2'>\n* \t\tTab 2 content\n* \t</cds-tab>\n* \t<cds-tab heading='Tab3'>\n* \t\tTab 3 content\n* \t</cds-tab>\n* </cds-tabs>\n* ```\n*/\n@Component({\n\tselector: \"cds-tab, ibm-tab\",\n\ttemplate: `\n\t\t<div\n\t\t\t[attr.tabindex]=\"tabIndex\"\n\t\t\trole=\"tabpanel\"\n\t\t\t*ngIf=\"shouldRender()\"\n\t\t\tclass=\"cds--tab-content\"\n\t\t\t[ngStyle]=\"{'display': active ? null : 'none'}\"\n\t\t\t[attr.aria-labelledby]=\"id + '-header'\"\n\t\t\taria-live=\"polite\">\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(tabContent)\"\n\t\t\t\t[ngTemplateOutlet]=\"tabContent\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: templateContext }\">\n\t\t\t</ng-template>\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class Tab implements OnInit {\n\tprivate static counter = 0;\n\t/**\n\t * Boolean value reflects if the `Tab` is using a custom template for the heading.\n\t * Default value is false.\n\t */\n\tpublic headingIsTemplate = false;\n\n\t/**\n\t * The `Tab`'s title to be displayed or custom temaplate for the `Tab` heading.\n\t */\n\t@Input() heading: string | TemplateRef<any>;\n\t/**\n\t * Optional override for the `tabItem's`'s title attribute which is set in `TabHeaders`.\n\t * `tabItem`'s title attribute is automatically set to `heading`.\n\t *\n\t * You might want to use this if you set `heading` to a `TemplateRef`.\n\t */\n\t@Input() title: string;\n\t/**\n\t * Allows the user to pass data to the custom template for the `Tab` heading.\n\t */\n\t@Input() context: any;\n\t/**\n\t * Indicates whether the `Tab` is active/selected.\n\t * Determines whether it's `TabPanel` is rendered.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Indicates whether or not the `Tab` item is disabled.\n\t */\n\t@Input() disabled = false;\n\n\t@Input() tabIndex = 0;\n\t/**\n\t * Sets the id of the `Tab`. Will be uniquely generated if not provided.\n\t */\n\t@Input() id = `n-tab-${Tab.counter++}`;\n\t/**\n\t * Set to true to have Tab items cached and not reloaded on tab switching.\n\t */\n\t@Input() set cacheActive(shouldCache: boolean) {\n\t\tthis._cacheActive = shouldCache;\n\t}\n\t/**\n\t * Allows life cycle hooks to be called on the rendered content\n\t */\n\t@Input() tabContent: TemplateRef<any>;\n\t/**\n\t * Optional data for templates passed as implicit context\n\t */\n\t@Input() templateContext: any;\n\t/**\n\t * Value 'selected' to be emitted after a new `Tab` is selected.\n\t */\n\t@Output() selected: EventEmitter<void> = new EventEmitter<void>();\n\t/**\n\t * Used to set the id property on the element.\n\t */\n\t@HostBinding(\"attr.id\") attrClass = this.id;\n\n\tget cacheActive() {\n\t\treturn this._cacheActive;\n\t}\n\n\tprotected _cacheActive = false;\n\n\t/**\n\t * Checks for custom heading template on initialization and updates the value\n\t * of the boolean 'headingIsTemplate'.\n\t */\n\tngOnInit() {\n\t\tif (this.heading instanceof TemplateRef) {\n\t\t\tthis.headingIsTemplate = true;\n\t\t}\n\t}\n\n\t/**\n\t * Emit the status of the `Tab`, specifically 'select' and 'selected' properties.\n\t */\n\tdoSelect() {\n\t\tthis.selected.emit();\n\t}\n\n\t/**\n\t* Returns value indicating whether this `Tab` should be rendered in a `TabPanel`.\n\t*/\n\tshouldRender() {\n\t\treturn this.active || this.cacheActive;\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tOnInit,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tTemplateRef,\n\tHostBinding\n} from \"@angular/core\";\n\n/**\n* The `Tab` component is a child of the `Tabs` component.\n* It represents one `Tab` item and its content within a panel of other `Tab` items.\n*\n*\n* `Tab` takes a string or `TemplateRef` for the header, and any content for the body of the tab.\n* Disabled states should be handled by the application (ie. switch to the tab, but display some\n* indication as to _why_ the tab is disabled).\n*\n* When the tab is selected the `select` output will be triggered.\n* The `select` output will also be triggered for the active tab when the tabs are loaded or updated.\n*\n*\n* Tab with string header:\n*\n* ```html\n* <cds-tab heading='tab1'>\n* \ttab 1 content\n* </cds-tab>\n* ```\n*\n* Tab with custom header:\n*\n* ```html\n* <ng-template #tabHeading>\n* \t<svg cdsIcon=\"facebook\"\n* \t\tsize=\"sm\"\n* \t\tstyle=\"margin-right: 7px;\">\n* \t</svg>\n* \tHello Tab 1\n* </ng-template>\n* <cds-tabs>\n* \t<cds-tab [heading]=\"tabHeading\">\n* \t\tTab 1 content <svg cdsIcon=\"alert\" size=\"lg\"></svg>\n* \t</cds-tab>\n* \t<cds-tab heading='Tab2'>\n* \t\tTab 2 content\n* \t</cds-tab>\n* \t<cds-tab heading='Tab3'>\n* \t\tTab 3 content\n* \t</cds-tab>\n* </cds-tabs>\n* ```\n*/\n@Component({\n\tselector: \"cds-tab, ibm-tab\",\n\ttemplate: `\n\t\t<div\n\t\t\t[attr.tabindex]=\"tabIndex\"\n\t\t\trole=\"tabpanel\"\n\t\t\t*ngIf=\"shouldRender()\"\n\t\t\tclass=\"cds--tab-content\"\n\t\t\t[id]=\"id\"\n\t\t\t[ngStyle]=\"{'display': active ? null : 'none'}\"\n\t\t\t[attr.aria-labelledby]=\"id + '-header'\"\n\t\t\taria-live=\"polite\">\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(tabContent)\"\n\t\t\t\t[ngTemplateOutlet]=\"tabContent\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: templateContext }\">\n\t\t\t</ng-template>\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class Tab implements OnInit {\n\tprivate static counter = 0;\n\t/**\n\t * Boolean value reflects if the `Tab` is using a custom template for the heading.\n\t * Default value is false.\n\t */\n\tpublic headingIsTemplate = false;\n\n\t/**\n\t * The `Tab`'s title to be displayed or custom temaplate for the `Tab` heading.\n\t */\n\t@Input() heading: string | TemplateRef<any>;\n\t/**\n\t * Optional override for the `tabItem's`'s title attribute which is set in `TabHeaders`.\n\t * `tabItem`'s title attribute is automatically set to `heading`.\n\t *\n\t * You might want to use this if you set `heading` to a `TemplateRef`.\n\t */\n\t@Input() title: string;\n\t/**\n\t * Allows the user to pass data to the custom template for the `Tab` heading.\n\t */\n\t@Input() context: any;\n\t/**\n\t * Indicates whether the `Tab` is active/selected.\n\t * Determines whether it's `TabPanel` is rendered.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Indicates whether or not the `Tab` item is disabled.\n\t */\n\t@Input() disabled = false;\n\n\t@Input() tabIndex = 0;\n\t/**\n\t * Sets the id of the `Tab`. Will be uniquely generated if not provided.\n\t */\n\t@Input() id = `n-tab-${Tab.counter++}`;\n\t/**\n\t * Set to true to have Tab items cached and not reloaded on tab switching.\n\t */\n\t@Input() set cacheActive(shouldCache: boolean) {\n\t\tthis._cacheActive = shouldCache;\n\t}\n\t/**\n\t * Allows life cycle hooks to be called on the rendered content\n\t */\n\t@Input() tabContent: TemplateRef<any>;\n\t/**\n\t * Optional data for templates passed as implicit context\n\t */\n\t@Input() templateContext: any;\n\t/**\n\t * Value 'selected' to be emitted after a new `Tab` is selected.\n\t */\n\t@Output() selected: EventEmitter<void> = new EventEmitter<void>();\n\n\tget cacheActive() {\n\t\treturn this._cacheActive;\n\t}\n\n\tprotected _cacheActive = false;\n\n\t/**\n\t * Checks for custom heading template on initialization and updates the value\n\t * of the boolean 'headingIsTemplate'.\n\t */\n\tngOnInit() {\n\t\tif (this.heading instanceof TemplateRef) {\n\t\t\tthis.headingIsTemplate = true;\n\t\t}\n\t}\n\n\t/**\n\t * Emit the status of the `Tab`, specifically 'select' and 'selected' properties.\n\t */\n\tdoSelect() {\n\t\tthis.selected.emit();\n\t}\n\n\t/**\n\t* Returns value indicating whether this `Tab` should be rendered in a `TabPanel`.\n\t*/\n\tshouldRender() {\n\t\treturn this.active || this.cacheActive;\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -54162,7 +54130,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 116,
+                        "line": 117,
                         "rawdescription": "\n\nSet to true to have Tab items cached and not reloaded on tab switching.\n",
                         "description": "<p>Set to true to have Tab items cached and not reloaded on tab switching.</p>\n",
                         "jsdoctags": [
@@ -54181,7 +54149,7 @@
                         "name": "cacheActive",
                         "type": "",
                         "returnType": "",
-                        "line": 136
+                        "line": 133
                     }
                 }
             }
@@ -75356,7 +75324,7 @@
                 "name": "Basic",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/tooltip/definition-tooptip.stories.ts",
+                "file": "src/treeview/treeview.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
@@ -75366,7 +75334,7 @@
                 "name": "Basic",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/tooltip/tooltip.stories.ts",
+                "file": "src/tooltip/definition-tooptip.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
@@ -75376,7 +75344,7 @@
                 "name": "Basic",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/treeview/treeview.stories.ts",
+                "file": "src/tooltip/tooltip.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
@@ -78218,31 +78186,31 @@
                 "name": "Template",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/tooltip/definition-tooptip.stories.ts",
+                "file": "src/treeview/treeview.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})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tree-view\n\t\t\tlabel=\"Tree view\"\n\t\t\tstyle=\"width: 18rem; display: block;\"\n\t\t\t[size]=\"size\"\n\t\t\t[tree]=\"tree\"\n\t\t\t[isMultiSelect]=\"isMultiSelect\"\n\t\t\t(select)=\"onSelect($event)\">\n\t\t</cds-tree-view>\n\t`\n})"
             },
             {
                 "name": "Template",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/tooltip/tooltip.stories.ts",
+                "file": "src/tooltip/definition-tooptip.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})"
+                "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",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/treeview/treeview.stories.ts",
+                "file": "src/tooltip/tooltip.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tree-view\n\t\t\tlabel=\"Tree view\"\n\t\t\tstyle=\"width: 18rem; display: block;\"\n\t\t\t[size]=\"size\"\n\t\t\t[tree]=\"tree\"\n\t\t\t[isMultiSelect]=\"isMultiSelect\"\n\t\t\t(select)=\"onSelect($event)\">\n\t\t</cds-tree-view>\n\t`\n})"
+                "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": "Template",
@@ -92131,8 +92099,8 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "Tab",
-                "coveragePercent": 88,
-                "coverageCount": "16/18",
+                "coveragePercent": 87,
+                "coverageCount": "14/16",
                 "status": "very-good"
             },
             {

package/docs/storybook/iframe.html

@@ -348,8 +348,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.d377732d.iframe.bundle.js';
+      import './runtime~main.de44916a.iframe.bundle.js';
       
       import './5478.5fc19af5.iframe.bundle.js';
       
-      import './main.575135b9.iframe.bundle.js';</script></body></html>
+      import './main.9ce69c0b.iframe.bundle.js';</script></body></html>