carbon-components-angular 5.68.0 → 5.70.0

package/docs/documentation.json

@@ -11760,6 +11760,230 @@
                 ]
             }
         },
+        {
+            "name": "AspectRatioDirective",
+            "id": "directive-AspectRatioDirective-9b02a9d54c28db7afe4555b131c9fbbcd695f061b23dd8febfca2c2a8ff80655d3e9f9be617e258ec4b3490455cfd23294f9116aedd7a9f0107cfeae3e2e8bde",
+            "file": "src/aspect-ratio/aspect-ratio.directive.ts",
+            "type": "directive",
+            "description": "<p>Applies Carbon aspect ratio box classes (<code>cds--aspect-ratio</code>) to the host element.</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;div cdsAspectRatio ratio=&quot;16x9&quot;&gt;...&lt;/div&gt;</code></pre></div><b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { AspectRatioModule } from &#39;carbon-components-angular&#39;;</code></pre></div>",
+            "rawdescription": "\n\nApplies Carbon aspect ratio box classes (`cds--aspect-ratio`) to the host element.\n\n```html\n<div cdsAspectRatio ratio=\"16x9\">...</div>\n```\n\n```typescript\nimport { AspectRatioModule } from 'carbon-components-angular';\n```\n",
+            "sourceCode": "import { Directive, HostBinding, Input } from \"@angular/core\";\r\n\r\nexport type AspectRatioValue =\r\n\t| \"1x1\"\r\n\t| \"2x3\"\r\n\t| \"3x2\"\r\n\t| \"3x4\"\r\n\t| \"4x3\"\r\n\t| \"1x2\"\r\n\t| \"2x1\"\r\n\t| \"9x16\"\r\n\t| \"16x9\";\r\n\r\n/**\r\n * Applies Carbon aspect ratio box classes (`cds--aspect-ratio`) to the host element.\r\n *\r\n * ```html\r\n * <div cdsAspectRatio ratio=\"16x9\">...</div>\r\n * ```\r\n *\r\n * ```typescript\r\n * import { AspectRatioModule } from 'carbon-components-angular';\r\n * ```\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAspectRatio], [ibmAspectRatio]\"\r\n})\r\nexport class AspectRatioDirective {\r\n\t/**\r\n\t * Set aspect ratio\r\n\t */\r\n\t@Input() ratio: AspectRatioValue = \"1x1\";\r\n\r\n\t// Set base class\r\n\t@HostBinding(\"class.cds--aspect-ratio\") readonly aspectRatioBase = true;\r\n\r\n\t/**\r\n\t * Set ratio class based on `ratio` input\r\n\t */\r\n\t@HostBinding(\"class.cds--aspect-ratio--1x1\") get ratio1x1() {\r\n\t\treturn this.ratio === \"1x1\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--2x3\") get ratio2x3() {\r\n\t\treturn this.ratio === \"2x3\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--3x2\") get ratio3x2() {\r\n\t\treturn this.ratio === \"3x2\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--3x4\") get ratio3x4() {\r\n\t\treturn this.ratio === \"3x4\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--4x3\") get ratio4x3() {\r\n\t\treturn this.ratio === \"4x3\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--1x2\") get ratio1x2() {\r\n\t\treturn this.ratio === \"1x2\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--2x1\") get ratio2x1() {\r\n\t\treturn this.ratio === \"2x1\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--9x16\") get ratio9x16() {\r\n\t\treturn this.ratio === \"9x16\";\r\n\t}\r\n\t@HostBinding(\"class.cds--aspect-ratio--16x9\") get ratio16x9() {\r\n\t\treturn this.ratio === \"16x9\";\r\n\t}\r\n}\r\n",
+            "selector": "[cdsAspectRatio], [ibmAspectRatio]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": false,
+            "inputsClass": [
+                {
+                    "name": "ratio",
+                    "defaultValue": "\"1x1\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet aspect ratio\n",
+                    "description": "<p>Set aspect ratio</p>\n",
+                    "line": 32,
+                    "type": "AspectRatioValue",
+                    "decorators": []
+                }
+            ],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [
+                {
+                    "name": "class.cds--aspect-ratio",
+                    "defaultValue": "true",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 35,
+                    "type": "true",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--16x9",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 64,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--1x1",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet ratio class based on `ratio` input\n",
+                    "description": "<p>Set ratio class based on <code>ratio</code> input</p>\n",
+                    "line": 40,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--1x2",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 55,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--2x1",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 58,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--2x3",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 43,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--3x2",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 46,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--3x4",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 49,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--4x3",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 52,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--aspect-ratio--9x16",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 61,
+                    "type": "boolean",
+                    "decorators": []
+                }
+            ],
+            "hostListeners": [],
+            "propertiesClass": [
+                {
+                    "name": "aspectRatioBase",
+                    "defaultValue": "true",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 35,
+                    "decorators": [
+                        {
+                            "name": "HostBinding",
+                            "stringifiedArguments": "'class.cds--aspect-ratio'"
+                        }
+                    ],
+                    "modifierKind": [
+                        170,
+                        148
+                    ]
+                }
+            ],
+            "methodsClass": [],
+            "extends": [],
+            "accessors": {
+                "ratio1x1": {
+                    "name": "ratio1x1",
+                    "getSignature": {
+                        "name": "ratio1x1",
+                        "type": "",
+                        "returnType": "",
+                        "line": 40,
+                        "rawdescription": "\n\nSet ratio class based on `ratio` input\n",
+                        "description": "<p>Set ratio class based on <code>ratio</code> input</p>\n"
+                    }
+                },
+                "ratio2x3": {
+                    "name": "ratio2x3",
+                    "getSignature": {
+                        "name": "ratio2x3",
+                        "type": "",
+                        "returnType": "",
+                        "line": 43
+                    }
+                },
+                "ratio3x2": {
+                    "name": "ratio3x2",
+                    "getSignature": {
+                        "name": "ratio3x2",
+                        "type": "",
+                        "returnType": "",
+                        "line": 46
+                    }
+                },
+                "ratio3x4": {
+                    "name": "ratio3x4",
+                    "getSignature": {
+                        "name": "ratio3x4",
+                        "type": "",
+                        "returnType": "",
+                        "line": 49
+                    }
+                },
+                "ratio4x3": {
+                    "name": "ratio4x3",
+                    "getSignature": {
+                        "name": "ratio4x3",
+                        "type": "",
+                        "returnType": "",
+                        "line": 52
+                    }
+                },
+                "ratio1x2": {
+                    "name": "ratio1x2",
+                    "getSignature": {
+                        "name": "ratio1x2",
+                        "type": "",
+                        "returnType": "",
+                        "line": 55
+                    }
+                },
+                "ratio2x1": {
+                    "name": "ratio2x1",
+                    "getSignature": {
+                        "name": "ratio2x1",
+                        "type": "",
+                        "returnType": "",
+                        "line": 58
+                    }
+                },
+                "ratio9x16": {
+                    "name": "ratio9x16",
+                    "getSignature": {
+                        "name": "ratio9x16",
+                        "type": "",
+                        "returnType": "",
+                        "line": 61
+                    }
+                },
+                "ratio16x9": {
+                    "name": "ratio16x9",
+                    "getSignature": {
+                        "name": "ratio16x9",
+                        "type": "",
+                        "returnType": "",
+                        "line": 64
+                    }
+                }
+            }
+        },
         {
             "name": "BaseModal",
             "id": "directive-BaseModal-d8347362b4c8b2a962c04c43075c574d038768020fb11f313178a7199c25760bc83538501c0834382307a5b30cecce3ec90d5e468ad58291de23571ba48cbac5",
@@ -14603,12 +14827,12 @@
         },
         {
             "name": "Link",
-            "id": "directive-Link-c3cd81b30289822bb8cb02b0badb8ab1fe8e137d2afbca752c45106629769d166da49a8356942db06852ce0e116f66e920eb4ba2926e1bd4b23851ee7b6e03de",
+            "id": "directive-Link-c9c24f5c3d2578bf73fd9395c522dbed9b51037e0049a9bf69e4eee49568b7b9f7c876d7a86b73ea32897dd1e11d998d18c4e9f030d931141d22e59cc3dce225",
             "file": "src/link/link.directive.ts",
             "type": "directive",
             "description": "<p>A convenience directive for applying styling to a link. Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { LinkModule } from &#39;carbon-components-angular&#39;;</code></pre></div><b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;a href=&quot;#&quot; cdsLink&gt;A link&lt;/a&gt;</code></pre></div><p>See the <a href=\"http://www.carbondesignsystem.com/components/link/code\">vanilla carbon docs</a> for more detail.</p>\n<p><a href=\"../../?path=/story/components-link--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nA convenience directive for applying styling to a link. Get started with importing the module:\n\n```typescript\nimport { LinkModule } from 'carbon-components-angular';\n```\n\n```html\n<a href=\"#\" cdsLink>A link</a>\n```\n\nSee the [vanilla carbon docs](http://www.carbondesignsystem.com/components/link/code) for more detail.\n\n[See demo](../../?path=/story/components-link--basic)\n",
-            "sourceCode": "import {\n\tDirective,\n\tHostBinding,\n\tInput\n} from \"@angular/core\";\n\n/**\n * A convenience directive for applying styling to a link. Get started with importing the module:\n *\n * ```typescript\n * import { LinkModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <a href=\"#\" cdsLink>A link</a>\n * ```\n *\n * See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/link/code) for more detail.\n *\n * [See demo](../../?path=/story/components-link--basic)\n */\n@Directive({\n\tselector: \"[cdsLink], [ibmLink]\"\n})\n\n\nexport class Link {\n\t@HostBinding(\"class.cds--link\") baseClass = true;\n\n\t/**\n\t * Automatically set to `-1` when link is disabled.\n\t */\n\t@HostBinding(\"attr.tabindex\") tabindex;\n\n\t/**\n\t * Set to true to show links inline in a sentence or paragraph.\n\t */\n\t@Input()\n\t@HostBinding(\"class.cds--link--inline\") inline = false;\n\n\t/**\n\t * Set to true to disable link.\n\t */\n\t@Input()\n\t@HostBinding(\"attr.aria-disabled\")\n\t@HostBinding(\"class.cds--link--disabled\")\n\tset disabled(disabled: boolean) {\n\t\tthis._disabled = disabled;\n\t\tthis.tabindex = this.disabled ? -1 : null;\n\t}\n\n\tget disabled(): boolean {\n\t\treturn this._disabled;\n\t}\n\n\tprivate _disabled;\n}\n",
+            "sourceCode": "import {\n\tDirective,\n\tHostBinding,\n\tInput\n} from \"@angular/core\";\n\n/**\n * A convenience directive for applying styling to a link. Get started with importing the module:\n *\n * ```typescript\n * import { LinkModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <a href=\"#\" cdsLink>A link</a>\n * ```\n *\n * See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/link/code) for more detail.\n *\n * [See demo](../../?path=/story/components-link--basic)\n */\n@Directive({\n\tselector: \"[cdsLink], [ibmLink]\"\n})\n\n\nexport class Link {\n\t@HostBinding(\"class.cds--link\") baseClass = true;\n\n\t/**\n\t * Automatically set to `-1` when link is disabled.\n\t */\n\t@HostBinding(\"attr.tabindex\") tabindex;\n\n\t/**\n\t * Set to true to show links inline in a sentence or paragraph.\n\t */\n\t@Input()\n\t@HostBinding(\"class.cds--link--inline\") inline = false;\n\n\t/**\n\t * Set to `sm`, `md`, or `lg` to scale the link typography.\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\";\n\n\t@HostBinding(\"class.cds--link--sm\") get sizeSm(): boolean {\n\t\treturn this.size === \"sm\";\n\t}\n\n\t@HostBinding(\"class.cds--link--md\") get sizeMd(): boolean {\n\t\treturn this.size === \"md\";\n\t}\n\n\t@HostBinding(\"class.cds--link--lg\") get sizeLg(): boolean {\n\t\treturn this.size === \"lg\";\n\t}\n\n\t/**\n\t * Set to `true` to apply visited link styling.\n\t */\n\t@Input() @HostBinding(\"class.cds--link--visited\") visited = false;\n\n\t/**\n\t * Set to true to disable link.\n\t */\n\t@Input()\n\t@HostBinding(\"attr.aria-disabled\")\n\t@HostBinding(\"class.cds--link--disabled\")\n\tset disabled(disabled: boolean) {\n\t\tthis._disabled = disabled;\n\t\tthis.tabindex = this.disabled ? -1 : null;\n\t}\n\n\tget disabled(): boolean {\n\t\treturn this._disabled;\n\t}\n\n\tprivate _disabled;\n}\n",
             "selector": "[cdsLink], [ibmLink]",
             "providers": [],
             "hostDirectives": [],
@@ -14620,7 +14844,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to true to disable link.\n",
                     "description": "<p>Set to true to disable link.</p>\n",
-                    "line": 47,
+                    "line": 69,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -14634,6 +14858,27 @@
                     "line": 39,
                     "type": "boolean",
                     "decorators": []
+                },
+                {
+                    "name": "size",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `sm`, `md`, or `lg` to scale the link typography.\n",
+                    "description": "<p>Set to <code>sm</code>, <code>md</code>, or <code>lg</code> to scale the link typography.</p>\n",
+                    "line": 44,
+                    "type": "\"sm\" | \"md\" | \"lg\"",
+                    "decorators": []
+                },
+                {
+                    "name": "visited",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to apply visited link styling.\n",
+                    "description": "<p>Set to <code>true</code> to apply visited link styling.</p>\n",
+                    "line": 61,
+                    "type": "boolean",
+                    "decorators": []
                 }
             ],
             "outputsClass": [],
@@ -14658,6 +14903,30 @@
                     "line": 28,
                     "type": "boolean",
                     "decorators": []
+                },
+                {
+                    "name": "class.cds--link--lg",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 54,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--link--md",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 50,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--link--sm",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 46,
+                    "type": "boolean",
+                    "decorators": []
                 }
             ],
             "hostListeners": [],
@@ -14704,6 +14973,33 @@
             "methodsClass": [],
             "extends": [],
             "accessors": {
+                "sizeSm": {
+                    "name": "sizeSm",
+                    "getSignature": {
+                        "name": "sizeSm",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 46
+                    }
+                },
+                "sizeMd": {
+                    "name": "sizeMd",
+                    "getSignature": {
+                        "name": "sizeMd",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 50
+                    }
+                },
+                "sizeLg": {
+                    "name": "sizeLg",
+                    "getSignature": {
+                        "name": "sizeLg",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 54
+                    }
+                },
                 "disabled": {
                     "name": "disabled",
                     "setSignature": {
@@ -14720,7 +15016,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 47,
+                        "line": 69,
                         "rawdescription": "\n\nSet to true to disable link.\n",
                         "description": "<p>Set to true to disable link.</p>\n",
                         "jsdoctags": [
@@ -14739,7 +15035,7 @@
                         "name": "disabled",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 52
+                        "line": 74
                     }
                 }
             }
@@ -22310,7 +22606,7 @@
         },
         {
             "name": "Breadcrumb",
-            "id": "component-Breadcrumb-f39b2ab2cd5f1dc2cb81fdd804326a1c4ac85918d35c8a6d4bbf6e8b31a146792a0b020796fc3c6482e197fef5fc5eebea240964875537407e9cd8a7233dcbf7",
+            "id": "component-Breadcrumb-ab3b81bbe8e70095b2f4335a5dc47306d708c236b7ab97d4a9515476c3c89c4f39562ff1011e7b9db31bc39bfa547c0f7fa1aa6ab1263e700823c1b53119b050",
             "file": "src/breadcrumb/breadcrumb.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -22320,7 +22616,7 @@
             "selector": "cds-breadcrumb, ibm-breadcrumb",
             "styleUrls": [],
             "styles": [],
-            "template": "<nav #nav class=\"cds--breadcrumb\"\n\t[ngClass]=\"{\n\t\t'cds--skeleton' : skeleton,\n\t\t'cds--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t}\"\n\t[attr.aria-label]=\"ariaLabel\">\n\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t<ng-content></ng-content>\n\t</ng-template>\n\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t<cds-breadcrumb-item\n\t\t\t*ngFor=\"let item of items\"\n\t\t\t[href]=\"item.href\"\n\t\t\t[route]=\"item.route\"\n\t\t\t[routeExtras]=\"item.routeExtras\"\n\t\t\t[current]=\"item.current\"\n\t\t\t[ariaCurrent]=\"item.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t</ng-template>\n\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"first?.href\"\n\t\t\t[route]=\"first?.route\"\n\t\t\t[routeExtras]=\"first?.routeExtras\"\n\t\t\t[current]=\"first?.current\"\n\t\t\t[ariaCurrent]=\"first?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item>\n\t\t\t<ng-template #overflowMenuTrigger>\n\t\t\t\t<svg class=\"cds--overflow-menu__icon\" cdsIcon=\"overflow-menu--horizontal\" size=\"16\"></svg>\n\t\t\t</ng-template>\n\t\t\t<cds-overflow-menu\n\t\t\t\t[customTrigger]=\"overflowMenuTrigger\"\n\t\t\t\ttriggerClass=\"cds--btn--icon-only\"\n\t\t\t\t[description]=\"description\"\n\t\t\t\t[autoAlign]=\"autoAlign\">\n\t\t\t\t<li class=\"cds--overflow-menu-options__option\"\n\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t<a class=\"cds--overflow-menu-options__btn\"\n\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t(click)=\"navigate($event, item)\"\n\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</cds-overflow-menu>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"secondLast?.href\"\n\t\t\t[route]=\"secondLast?.route\"\n\t\t\t[routeExtras]=\"secondLast?.routeExtras\"\n\t\t\t[current]=\"secondLast?.current\"\n\t\t\t[ariaCurrent]=\"secondLast?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"last?.href\"\n\t\t\t[route]=\"last?.route\"\n\t\t\t[routeExtras]=\"last?.routeExtras\"\n\t\t\t[current]=\"last?.current\"\n\t\t\t[ariaCurrent]=\"last?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t</ng-template>\n</nav>",
+            "template": "<nav #nav class=\"cds--breadcrumb\"\n\t[ngClass]=\"{\n\t\t'cds--skeleton' : skeleton,\n\t\t'cds--breadcrumb--no-trailing-slash' : noTrailingSlash,\n\t\t'cds--breadcrumb--sm' : size === 'sm'\n\t}\"\n\t[attr.aria-label]=\"ariaLabel\">\n\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t<ng-content></ng-content>\n\t</ng-template>\n\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t<cds-breadcrumb-item\n\t\t\t*ngFor=\"let item of items\"\n\t\t\t[href]=\"item.href\"\n\t\t\t[route]=\"item.route\"\n\t\t\t[routeExtras]=\"item.routeExtras\"\n\t\t\t[current]=\"item.current\"\n\t\t\t[ariaCurrent]=\"item.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t</ng-template>\n\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"first?.href\"\n\t\t\t[route]=\"first?.route\"\n\t\t\t[routeExtras]=\"first?.routeExtras\"\n\t\t\t[current]=\"first?.current\"\n\t\t\t[ariaCurrent]=\"first?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item>\n\t\t\t<ng-template #overflowMenuTrigger>\n\t\t\t\t<svg class=\"cds--overflow-menu__icon\" cdsIcon=\"overflow-menu--horizontal\" size=\"16\"></svg>\n\t\t\t</ng-template>\n\t\t\t<cds-overflow-menu\n\t\t\t\t[customTrigger]=\"overflowMenuTrigger\"\n\t\t\t\ttriggerClass=\"cds--btn--icon-only\"\n\t\t\t\t[description]=\"description\"\n\t\t\t\t[autoAlign]=\"autoAlign\">\n\t\t\t\t<li class=\"cds--overflow-menu-options__option\"\n\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t<a class=\"cds--overflow-menu-options__btn\"\n\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t(click)=\"navigate($event, item)\"\n\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</cds-overflow-menu>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"secondLast?.href\"\n\t\t\t[route]=\"secondLast?.route\"\n\t\t\t[routeExtras]=\"secondLast?.routeExtras\"\n\t\t\t[current]=\"secondLast?.current\"\n\t\t\t[ariaCurrent]=\"secondLast?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t\t<cds-breadcrumb-item\n\t\t\t[href]=\"last?.href\"\n\t\t\t[route]=\"last?.route\"\n\t\t\t[routeExtras]=\"last?.routeExtras\"\n\t\t\t[current]=\"last?.current\"\n\t\t\t[ariaCurrent]=\"last?.ariaCurrent\"\n\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t</ng-template>\n\t\t</cds-breadcrumb-item>\n\t</ng-template>\n</nav>",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -22330,7 +22626,7 @@
                     "defaultValue": "this.i18n.get().BREADCRUMB.LABEL",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 136,
+                    "line": 142,
                     "type": "string",
                     "decorators": []
                 },
@@ -22341,7 +22637,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\n**Experimental**: Auto align menu tooltip position\n",
                     "description": "<p><strong>Experimental</strong>: Auto align menu tooltip position</p>\n",
-                    "line": 163,
+                    "line": 169,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -22350,7 +22646,7 @@
                     "defaultValue": "this.i18n.get().BREADCRUMB.OVERFLOW_MENU_DESCRIPTION",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 164,
+                    "line": 170,
                     "type": "string",
                     "decorators": []
                 },
@@ -22358,7 +22654,7 @@
                     "name": "items",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 132,
+                    "line": 133,
                     "type": "Array<BreadcrumbItem>",
                     "decorators": []
                 },
@@ -22367,15 +22663,26 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 134,
+                    "line": 135,
                     "type": "boolean",
                     "decorators": []
                 },
+                {
+                    "name": "size",
+                    "defaultValue": "\"md\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `sm` for compact breadcrumb text. Defaults to `md`.\n",
+                    "description": "<p>Set to <code>sm</code> for compact breadcrumb text. Defaults to <code>md</code>.</p>\n",
+                    "line": 140,
+                    "type": "\"sm\" | \"md\"",
+                    "decorators": []
+                },
                 {
                     "name": "skeleton",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 139,
+                    "line": 145,
                     "type": "any",
                     "decorators": []
                 },
@@ -22383,7 +22690,7 @@
                     "name": "threshold",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 149,
+                    "line": 155,
                     "type": "number",
                     "decorators": []
                 }
@@ -22396,7 +22703,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits the navigation status promise when the link is activated\n",
                     "description": "<p>Emits the navigation status promise when the link is activated</p>\n",
-                    "line": 169,
+                    "line": 175,
                     "type": "EventEmitter"
                 }
             ],
@@ -22408,7 +22715,7 @@
                     "type": "QueryList<BreadcrumbItemComponent>",
                     "optional": false,
                     "description": "",
-                    "line": 130,
+                    "line": 131,
                     "decorators": [
                         {
                             "name": "ContentChildren",
@@ -22440,7 +22747,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 207,
+                    "line": 213,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -22474,7 +22781,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { BreadcrumbModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-breadcrumb--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { BreadcrumbModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-breadcrumb--basic)\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tAfterContentInit,\n\tTemplateRef,\n\tOptional,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\n\nimport { BreadcrumbItem } from \"./breadcrumb-item.interface\";\nimport { BreadcrumbItemComponent } from \"./breadcrumb-item.component\";\nimport { Router } from \"@angular/router\";\nimport { I18n } from \"carbon-components-angular/i18n\";\n\nconst MINIMUM_OVERFLOW_THRESHOLD = 4;\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { BreadcrumbModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-breadcrumb--basic)\n */\n@Component({\n\tselector: \"cds-breadcrumb, ibm-breadcrumb\",\n\ttemplate: `\n\t<nav #nav class=\"cds--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton' : skeleton,\n\t\t\t'cds--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\"\n\t\t\t\t[route]=\"item.route\"\n\t\t\t\t[routeExtras]=\"item.routeExtras\"\n\t\t\t\t[current]=\"item.current\"\n\t\t\t\t[ariaCurrent]=\"item.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"first?.href\"\n\t\t\t\t[route]=\"first?.route\"\n\t\t\t\t[routeExtras]=\"first?.routeExtras\"\n\t\t\t\t[current]=\"first?.current\"\n\t\t\t\t[ariaCurrent]=\"first?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item>\n\t\t\t\t<ng-template #overflowMenuTrigger>\n\t\t\t\t\t<svg class=\"cds--overflow-menu__icon\" cdsIcon=\"overflow-menu--horizontal\" size=\"16\"></svg>\n\t\t\t\t</ng-template>\n\t\t\t\t<cds-overflow-menu\n\t\t\t\t\t[customTrigger]=\"overflowMenuTrigger\"\n\t\t\t\t\ttriggerClass=\"cds--btn--icon-only\"\n\t\t\t\t\t[description]=\"description\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\">\n\t\t\t\t\t<li class=\"cds--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"cds--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\t(click)=\"navigate($event, item)\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</cds-overflow-menu>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"secondLast?.href\"\n\t\t\t\t[route]=\"secondLast?.route\"\n\t\t\t\t[routeExtras]=\"secondLast?.routeExtras\"\n\t\t\t\t[current]=\"secondLast?.current\"\n\t\t\t\t[ariaCurrent]=\"secondLast?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"last?.href\"\n\t\t\t\t[route]=\"last?.route\"\n\t\t\t\t[routeExtras]=\"last?.routeExtras\"\n\t\t\t\t[current]=\"last?.current\"\n\t\t\t\t[ariaCurrent]=\"last?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>`\n})\nexport class Breadcrumb implements AfterContentInit {\n\t@ContentChildren(BreadcrumbItemComponent) children: QueryList<BreadcrumbItemComponent>;\n\n\t@Input() items: Array<BreadcrumbItem>;\n\n\t@Input() noTrailingSlash = false;\n\n\t@Input() ariaLabel: string = this.i18n.get().BREADCRUMB.LABEL;\n\n\t@Input()\n\tset skeleton(value: any) {\n\t\tthis._skeleton = value;\n\t\tthis.updateChildren();\n\t}\n\n\tget skeleton(): any {\n\t\treturn this._skeleton;\n\t}\n\n\t@Input()\n\tset threshold(threshold: number) {\n\t\tthis._threshold = threshold;\n\t\tif (isNaN(threshold) || threshold < MINIMUM_OVERFLOW_THRESHOLD) {\n\t\t\tthis._threshold = MINIMUM_OVERFLOW_THRESHOLD;\n\t\t}\n\t}\n\n\tget threshold(): number {\n\t\treturn this._threshold;\n\t}\n\n\t/**\n\t * **Experimental**: Auto align menu tooltip position\n\t */\n\t@Input() autoAlign = false;\n\t@Input() description: string = this.i18n.get().BREADCRUMB.OVERFLOW_MENU_DESCRIPTION;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\tget shouldShowContent(): boolean {\n\t\treturn !this.items;\n\t}\n\n\tget shouldShowOverflow(): boolean {\n\t\tif (!this.items) {\n\t\t\treturn false;\n\t\t}\n\t\treturn this.items.length > this.threshold;\n\t}\n\n\tget first(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[0] : null;\n\t}\n\n\tget overflowItems(): Array<BreadcrumbItem> {\n\t\treturn this.shouldShowOverflow ? this.items.slice(1, this.items.length - 2) : [];\n\t}\n\n\tget secondLast(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 2] : null;\n\t}\n\n\tget last(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 1] : null;\n\t}\n\n\tprotected _threshold: number;\n\tprotected _skeleton = false;\n\n\tconstructor(protected i18n: I18n, @Optional() protected router: Router) { }\n\n\tngAfterContentInit() {\n\t\tthis.updateChildren();\n\t}\n\n\tnavigate(event, item: BreadcrumbItem) {\n\t\tif (this.router && item.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(item.route, item.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t}\n\t}\n\n\tprotected updateChildren() {\n\t\tif (this.children) {\n\t\t\tthis.children.toArray().forEach(child => child.skeleton = this.skeleton);\n\t\t}\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tAfterContentInit,\n\tTemplateRef,\n\tOptional,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\n\nimport { BreadcrumbItem } from \"./breadcrumb-item.interface\";\nimport { BreadcrumbItemComponent } from \"./breadcrumb-item.component\";\nimport { Router } from \"@angular/router\";\nimport { I18n } from \"carbon-components-angular/i18n\";\n\nconst MINIMUM_OVERFLOW_THRESHOLD = 4;\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { BreadcrumbModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-breadcrumb--basic)\n */\n@Component({\n\tselector: \"cds-breadcrumb, ibm-breadcrumb\",\n\ttemplate: `\n\t<nav #nav class=\"cds--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton' : skeleton,\n\t\t\t'cds--breadcrumb--no-trailing-slash' : noTrailingSlash,\n\t\t\t'cds--breadcrumb--sm' : size === 'sm'\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\"\n\t\t\t\t[route]=\"item.route\"\n\t\t\t\t[routeExtras]=\"item.routeExtras\"\n\t\t\t\t[current]=\"item.current\"\n\t\t\t\t[ariaCurrent]=\"item.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"first?.href\"\n\t\t\t\t[route]=\"first?.route\"\n\t\t\t\t[routeExtras]=\"first?.routeExtras\"\n\t\t\t\t[current]=\"first?.current\"\n\t\t\t\t[ariaCurrent]=\"first?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item>\n\t\t\t\t<ng-template #overflowMenuTrigger>\n\t\t\t\t\t<svg class=\"cds--overflow-menu__icon\" cdsIcon=\"overflow-menu--horizontal\" size=\"16\"></svg>\n\t\t\t\t</ng-template>\n\t\t\t\t<cds-overflow-menu\n\t\t\t\t\t[customTrigger]=\"overflowMenuTrigger\"\n\t\t\t\t\ttriggerClass=\"cds--btn--icon-only\"\n\t\t\t\t\t[description]=\"description\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\">\n\t\t\t\t\t<li class=\"cds--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"cds--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\t(click)=\"navigate($event, item)\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</cds-overflow-menu>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"secondLast?.href\"\n\t\t\t\t[route]=\"secondLast?.route\"\n\t\t\t\t[routeExtras]=\"secondLast?.routeExtras\"\n\t\t\t\t[current]=\"secondLast?.current\"\n\t\t\t\t[ariaCurrent]=\"secondLast?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item\n\t\t\t\t[href]=\"last?.href\"\n\t\t\t\t[route]=\"last?.route\"\n\t\t\t\t[routeExtras]=\"last?.routeExtras\"\n\t\t\t\t[current]=\"last?.current\"\n\t\t\t\t[ariaCurrent]=\"last?.ariaCurrent\"\n\t\t\t\t(navigation)=\"navigation.emit($event)\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</cds-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>`\n})\nexport class Breadcrumb implements AfterContentInit {\n\t@ContentChildren(BreadcrumbItemComponent) children: QueryList<BreadcrumbItemComponent>;\n\n\t@Input() items: Array<BreadcrumbItem>;\n\n\t@Input() noTrailingSlash = false;\n\n\t/**\n\t * Set to `sm` for compact breadcrumb text. Defaults to `md`.\n\t */\n\t@Input() size: \"sm\" | \"md\" = \"md\";\n\n\t@Input() ariaLabel: string = this.i18n.get().BREADCRUMB.LABEL;\n\n\t@Input()\n\tset skeleton(value: any) {\n\t\tthis._skeleton = value;\n\t\tthis.updateChildren();\n\t}\n\n\tget skeleton(): any {\n\t\treturn this._skeleton;\n\t}\n\n\t@Input()\n\tset threshold(threshold: number) {\n\t\tthis._threshold = threshold;\n\t\tif (isNaN(threshold) || threshold < MINIMUM_OVERFLOW_THRESHOLD) {\n\t\t\tthis._threshold = MINIMUM_OVERFLOW_THRESHOLD;\n\t\t}\n\t}\n\n\tget threshold(): number {\n\t\treturn this._threshold;\n\t}\n\n\t/**\n\t * **Experimental**: Auto align menu tooltip position\n\t */\n\t@Input() autoAlign = false;\n\t@Input() description: string = this.i18n.get().BREADCRUMB.OVERFLOW_MENU_DESCRIPTION;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\tget shouldShowContent(): boolean {\n\t\treturn !this.items;\n\t}\n\n\tget shouldShowOverflow(): boolean {\n\t\tif (!this.items) {\n\t\t\treturn false;\n\t\t}\n\t\treturn this.items.length > this.threshold;\n\t}\n\n\tget first(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[0] : null;\n\t}\n\n\tget overflowItems(): Array<BreadcrumbItem> {\n\t\treturn this.shouldShowOverflow ? this.items.slice(1, this.items.length - 2) : [];\n\t}\n\n\tget secondLast(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 2] : null;\n\t}\n\n\tget last(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 1] : null;\n\t}\n\n\tprotected _threshold: number;\n\tprotected _skeleton = false;\n\n\tconstructor(protected i18n: I18n, @Optional() protected router: Router) { }\n\n\tngAfterContentInit() {\n\t\tthis.updateChildren();\n\t}\n\n\tnavigate(event, item: BreadcrumbItem) {\n\t\tif (this.router && item.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(item.route, item.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t}\n\t}\n\n\tprotected updateChildren() {\n\t\tif (this.children) {\n\t\t\tthis.children.toArray().forEach(child => child.skeleton = this.skeleton);\n\t\t}\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -22497,7 +22804,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 199,
+                "line": 205,
                 "jsdoctags": [
                     {
                         "name": "i18n",
@@ -22540,7 +22847,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 139,
+                        "line": 145,
                         "jsdoctags": [
                             {
                                 "name": "value",
@@ -22557,7 +22864,7 @@
                         "name": "skeleton",
                         "type": "any",
                         "returnType": "any",
-                        "line": 144
+                        "line": 150
                     }
                 },
                 "threshold": {
@@ -22576,7 +22883,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 149,
+                        "line": 155,
                         "jsdoctags": [
                             {
                                 "name": "threshold",
@@ -22593,7 +22900,7 @@
                         "name": "threshold",
                         "type": "number",
                         "returnType": "number",
-                        "line": 156
+                        "line": 162
                     }
                 },
                 "shouldShowContent": {
@@ -22602,7 +22909,7 @@
                         "name": "shouldShowContent",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 171
+                        "line": 177
                     }
                 },
                 "shouldShowOverflow": {
@@ -22611,7 +22918,7 @@
                         "name": "shouldShowOverflow",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 175
+                        "line": 181
                     }
                 },
                 "first": {
@@ -22620,7 +22927,7 @@
                         "name": "first",
                         "type": "",
                         "returnType": "BreadcrumbItem",
-                        "line": 182
+                        "line": 188
                     }
                 },
                 "overflowItems": {
@@ -22629,7 +22936,7 @@
                         "name": "overflowItems",
                         "type": "",
                         "returnType": "Array<BreadcrumbItem>",
-                        "line": 186
+                        "line": 192
                     }
                 },
                 "secondLast": {
@@ -22638,7 +22945,7 @@
                         "name": "secondLast",
                         "type": "",
                         "returnType": "BreadcrumbItem",
-                        "line": 190
+                        "line": 196
                     }
                 },
                 "last": {
@@ -22647,7 +22954,7 @@
                         "name": "last",
                         "type": "",
                         "returnType": "BreadcrumbItem",
-                        "line": 194
+                        "line": 200
                     }
                 }
             }
@@ -22904,7 +23211,7 @@
         },
         {
             "name": "ButtonSet",
-            "id": "component-ButtonSet-4dc1cf58606c7eccafc077b4b8757485e26b20e3ae2faafc16882595412f04195ca81cdfe7d54045d1d9dc4a82723cc11f80960897f4c58091ae6c0850ac3153",
+            "id": "component-ButtonSet-01e776485ed19d9b25c233f684c94b6b3faa9bc4f3f2ea2fb9ffa7bdbb807c38d4c0f17ec696ee34bbaf73ad6e122201dc6170a9b39696d9bed6d546cf384aed",
             "file": "src/button/button-set.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -22914,11 +23221,34 @@
             "selector": "cds-button-set, ibm-button-set",
             "styleUrls": [],
             "styles": [],
-            "template": "<ng-content></ng-content>",
+            "template": "<div *ngIf=\"fluid\" class=\"cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-container *ngIf=\"!fluid\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n\n<ng-template #content>\n\t<ng-content></ng-content>\n</ng-template>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
-            "inputsClass": [],
+            "inputsClass": [
+                {
+                    "name": "fluid",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nWhen `true`, buttons grow to fill the container width (fluid button set).\n",
+                    "description": "<p>When <code>true</code>, buttons grow to fill the container width (fluid button set).</p>\n",
+                    "line": 33,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "stacked",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nWhen `true`, stacks buttons vertically. Use with non-fluid layouts, otherwise `fluid` will override style\n",
+                    "description": "<p>When <code>true</code>, stacks buttons vertically. Use with non-fluid layouts, otherwise <code>fluid</code> will override style</p>\n",
+                    "line": 38,
+                    "type": "boolean",
+                    "decorators": []
+                }
+            ],
             "outputsClass": [],
             "propertiesClass": [
                 {
@@ -22929,7 +23259,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 17,
+                    "line": 28,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -22950,7 +23280,23 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 17,
+                    "line": 28,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--btn-set--fluid",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 41,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "class.cds--btn-set--stacked",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 46,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -22961,11 +23307,31 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ButtonModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-button-button-set--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ButtonModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-button-button-set--basic)\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding } from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ButtonModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-button-button-set--basic)\n */\n@Component({\n\tselector: \"cds-button-set, ibm-button-set\",\n\ttemplate: \"<ng-content></ng-content>\"\n})\nexport class ButtonSet {\n\t@HostBinding(\"class.cds--btn-set\") buttonSetClass = true;\n}\n",
+            "sourceCode": "import { Component, HostBinding, Input } from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ButtonModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-button-button-set--basic)\n */\n@Component({\n\tselector: \"cds-button-set, ibm-button-set\",\n\ttemplate: `\n\t\t<div *ngIf=\"fluid\" class=\"cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\t\t</div>\n\t\t<ng-container *ngIf=\"!fluid\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\t\t</ng-container>\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t`\n})\nexport class ButtonSet {\n\t@HostBinding(\"class.cds--btn-set\") buttonSetClass = true;\n\n\t/**\n\t * When `true`, buttons grow to fill the container width (fluid button set).\n\t */\n\t@Input() fluid = false;\n\n\t/**\n\t * When `true`, stacks buttons vertically. Use with non-fluid layouts, otherwise `fluid` will override style\n\t */\n\t@Input() stacked = false;\n\n\t@HostBinding(\"class.cds--btn-set--fluid\")\n\tget fluidClass(): boolean {\n\t\treturn this.fluid;\n\t}\n\n\t@HostBinding(\"class.cds--btn-set--stacked\")\n\tget stackedClass(): boolean {\n\t\treturn this.stacked;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
-            "extends": []
+            "extends": [],
+            "accessors": {
+                "fluidClass": {
+                    "name": "fluidClass",
+                    "getSignature": {
+                        "name": "fluidClass",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 41
+                    }
+                },
+                "stackedClass": {
+                    "name": "stackedClass",
+                    "getSignature": {
+                        "name": "stackedClass",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 46
+                    }
+                }
+            }
         },
         {
             "name": "Checkbox",
@@ -34368,7 +34734,7 @@
         },
         {
             "name": "FileUploader",
-            "id": "component-FileUploader-7e6fd3268b7a391e56fb37cfbb6ae42c5997c8c342b99d54029ca64ffa9a5934a0b615e6b6a84450cacfef01da535e7a4cf3bfd45cf0e846958b9879e8aa4566",
+            "id": "component-FileUploader-d6ef140a1b6b1fadc5e949b0ff236b0d5c7222087e7a4fd471fde93c283cb36003950b8817dbf8fb195d8157c6b8240cc6205a3a8e5f7b28e4e14ebcf36b085a",
             "file": "src/file-uploader/file-uploader.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -34394,7 +34760,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSpecify the types of files that the input should be able to receive\n",
                     "description": "<p>Specify the types of files that the input should be able to receive</p>\n",
-                    "line": 126,
+                    "line": 134,
                     "type": "{}",
                     "decorators": []
                 },
@@ -34417,7 +34783,7 @@
                     "rawdescription": "\n\nType set for button\n",
                     "description": "<p>Type set for button</p>\n",
                     "line": 114,
-                    "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"danger\"",
+                    "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"danger\" | \"danger--primary\" | \"danger--tertiary\" | \"danger--ghost\"",
                     "decorators": []
                 },
                 {
@@ -34426,7 +34792,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nText set to the description\n",
                     "description": "<p>Text set to the description</p>\n",
-                    "line": 122,
+                    "line": 130,
                     "type": "string",
                     "decorators": []
                 },
@@ -34437,7 +34803,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` to disable upload button\n",
                     "description": "<p>Set to <code>true</code> to disable upload button</p>\n",
-                    "line": 168,
+                    "line": 176,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -34448,7 +34814,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` to enable drag and drop.\n",
                     "description": "<p>Set to <code>true</code> to enable drag and drop.</p>\n",
-                    "line": 148,
+                    "line": 156,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -34458,7 +34824,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the text shown in drag and drop box.\n",
                     "description": "<p>Sets the text shown in drag and drop box.</p>\n",
-                    "line": 152,
+                    "line": 160,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -34468,7 +34834,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCustom template used to render the file actions of uploaded files\n",
                     "description": "<p>Custom template used to render the file actions of uploaded files</p>\n",
-                    "line": 176,
+                    "line": 184,
                     "type": "TemplateRef<>",
                     "decorators": []
                 },
@@ -34479,7 +34845,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the size of the file items\n",
                     "description": "<p>Sets the size of the file items</p>\n",
-                    "line": 144,
+                    "line": 152,
                     "type": "\"sm\" | \"md\" | \"lg\"",
                     "decorators": []
                 },
@@ -34489,7 +34855,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCustom template used to render the file name of uploaded files\n",
                     "description": "<p>Custom template used to render the file name of uploaded files</p>\n",
-                    "line": 172,
+                    "line": 180,
                     "type": "TemplateRef<>",
                     "decorators": []
                 },
@@ -34500,7 +34866,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe list of files that have been submitted to be uploaded\n",
                     "description": "<p>The list of files that have been submitted to be uploaded</p>\n",
-                    "line": 164,
+                    "line": 172,
                     "type": "any",
                     "decorators": []
                 },
@@ -34511,7 +34877,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nProvides a unique id for the underlying `<input>` node\n",
                     "description": "<p>Provides a unique id for the underlying <code>&lt;input&gt;</code> node</p>\n",
-                    "line": 156,
+                    "line": 164,
                     "type": "string",
                     "decorators": []
                 },
@@ -34522,7 +34888,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `false` to tell the component to only accept a single file on upload.\n\nDefaults to `true`. Accepts multiple files.\n",
                     "description": "<p>Set to <code>false</code> to tell the component to only accept a single file on upload.</p>\n<p>Defaults to <code>true</code>. Accepts multiple files.</p>\n",
-                    "line": 132,
+                    "line": 140,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -34532,7 +34898,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the size of the button.\n",
                     "description": "<p>Sets the size of the button.</p>\n",
-                    "line": 140,
+                    "line": 148,
                     "type": "\"sm\" | \"md\" | \"lg\"",
                     "decorators": []
                 },
@@ -34543,7 +34909,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` for a loading file uploader.\n",
                     "description": "<p>Set to <code>true</code> for a loading file uploader.</p>\n",
-                    "line": 136,
+                    "line": 144,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -34553,7 +34919,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nText set to the title\n",
                     "description": "<p>Text set to the title</p>\n",
-                    "line": 118,
+                    "line": 126,
                     "type": "string",
                     "decorators": []
                 }
@@ -34564,7 +34930,7 @@
                     "defaultValue": "new EventEmitter<any>()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 178,
+                    "line": 186,
                     "type": "EventEmitter"
                 }
             ],
@@ -34577,7 +34943,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Controls the state of the drag and drop file container</p>\n",
-                    "line": 183,
+                    "line": 191,
                     "rawdescription": "\n\nControls the state of the drag and drop file container\n",
                     "modifierKind": [
                         125
@@ -34590,7 +34956,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Maintains a reference to the view DOM element of the underlying <input> node</p>\n",
-                    "line": 160,
+                    "line": 168,
                     "rawdescription": "\n\nMaintains a reference to the view DOM element of the underlying <input> node\n",
                     "decorators": [
                         {
@@ -34631,7 +34997,7 @@
                     "optional": false,
                     "returnType": "FileItem",
                     "typeParameters": [],
-                    "line": 223,
+                    "line": 231,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -34659,7 +35025,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 302,
+                    "line": 310,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -34683,7 +35049,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 206,
+                    "line": 214,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -34700,7 +35066,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 256,
+                    "line": 264,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -34728,7 +35094,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 247,
+                    "line": 255,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -34756,7 +35122,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 262,
+                    "line": 270,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -34777,7 +35143,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 233,
+                    "line": 241,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -34794,7 +35160,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 315,
+                    "line": 323,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets a method in order to propagate changes back to the form.\n",
@@ -34824,7 +35190,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 309,
+                    "line": 317,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nRegisters the injected function to control the touch use of the `FileUploader`.\n",
@@ -34854,7 +35220,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 289,
+                    "line": 297,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -34882,7 +35248,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 326,
+                    "line": 334,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\n`ControlValueAccessor` method to programmatically disable the checkbox.\n\nex: `this.formGroup.get(\"myFileUploader\").disable();`\n\n",
@@ -34890,8 +35256,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 8198,
-                                "end": 8208,
+                                "pos": 8275,
+                                "end": 8285,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -34902,8 +35268,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 8192,
-                                "end": 8197,
+                                "pos": 8269,
+                                "end": 8274,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -34927,7 +35293,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 217,
+                    "line": 225,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nPropagates the injected `value`.\n",
@@ -34954,7 +35320,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { FileUploaderModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-file-uploader--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { FileUploaderModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-file-uploader--basic)\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tViewChild,\n\tEventEmitter,\n\tTemplateRef\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { FileItem } from \"./file-item.interface\";\n\nconst noop = () => { };\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { FileUploaderModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-file-uploader--basic)\n */\n@Component({\n\tselector: \"cds-file-uploader, ibm-file-uploader\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate\">\n\t\t\t<label [for]=\"fileUploaderId\" class=\"cds--file--label\">{{title}}</label>\n\t\t\t<p class=\"cds--label-description\" role=\"alert\">{{description}}</p>\n\t\t\t<div class=\"cds--file\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"drop\"\n\t\t\t\t\tclass=\"cds--file-browse-btn\"\n\t\t\t\t\t(keyup.enter)=\"fileInput.click()\"\n\t\t\t\t\t(keyup.space)=\"fileInput.click()\"\n\t\t\t\t\t[ngClass]=\"{'cds--file-browse-btn--disabled': disabled}\"\n\t\t\t\t\ttabindex=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"cds--file__drop-container\"\n\t\t\t\t\t\t[ngClass]=\"{'cds--file__drop-container--drag-over': dragOver}\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t(click)=\"fileInput.click()\"\n\t\t\t\t\t\t[attr.for]=\"fileUploaderId\"\n\t\t\t\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(dropText)\">{{dropText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(dropText)\" [ngTemplateOutlet]=\"dropText\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t\t<button\n\t\t\t\t\t*ngIf=\"!drop\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[cdsButton]=\"buttonType\"\n\t\t\t\t\t(click)=\"fileInput.click()\"\n\t\t\t\t\t[attr.for]=\"fileUploaderId\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[disabled]=\"disabled\">\n\t\t\t\t\t{{buttonText}}\n\t\t\t\t</button>\n\t\t\t\t<input\n\t\t\t\t\t#fileInput\n\t\t\t\t\ttype=\"file\"\n\t\t\t\t\tclass=\"cds--file-input\"\n\t\t\t\t\t[accept]=\"accept\"\n\t\t\t\t\t[id]=\"fileUploaderId\"\n\t\t\t\t\t[multiple]=\"multiple\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t(change)=\"onFilesAdded()\"\n\t\t\t\t\t[disabled]=\"disabled\"/>\n\t\t\t\t<div class=\"cds--file-container\">\n\t\t\t\t\t<ng-container *ngFor=\"let fileItem of files\">\n\t\t\t\t\t\t<cds-file\n\t\t\t\t\t\t\t[fileItem]=\"fileItem\"\n\t\t\t\t\t\t\t[nameTpl]=\"fileNameTpl\"\n\t\t\t\t\t\t\t[actionsTpl]=\"fileActionsTpl\"\n\t\t\t\t\t\t\t[size]=\"fileItemSize\"\n\t\t\t\t\t\t\t(remove)=\"removeFile(fileItem)\">\n\t\t\t\t\t\t</cds-file>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class=\"cds--skeleton__text\" style=\"width: 100px\"></div>\n\t\t\t<div class=\"cds--skeleton__text\" style=\"width: 225px\"></div>\n\t\t\t<button cdsButton skeleton=\"true\"></button>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: FileUploader,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class FileUploader implements ControlValueAccessor {\n\t/**\n\t * Counter used to create unique ids for file-uploader components\n\t */\n\tstatic fileUploaderCount = 0;\n\t/**\n\t * Accessible text for the button that opens the upload window.\n\t *\n\t * Defaults to the `FILE_UPLOADER.OPEN` value from the i18n service\n\t */\n\t@Input() buttonText = this.i18n.get().FILE_UPLOADER.OPEN;\n\t/**\n\t * Type set for button\n\t */\n\t@Input() buttonType: \"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"danger\" = \"primary\";\n\t/**\n\t * Text set to the title\n\t */\n\t@Input() title: string;\n\t/**\n\t * Text set to the description\n\t */\n\t@Input() description: string;\n\t/**\n\t * Specify the types of files that the input should be able to receive\n\t */\n\t@Input() accept = [];\n\t/**\n\t * Set to `false` to tell the component to only accept a single file on upload.\n\t *\n\t * Defaults to `true`. Accepts multiple files.\n\t */\n\t@Input() multiple = true;\n\t/**\n\t * Set to `true` for a loading file uploader.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Sets the size of the button.\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\";\n\t/**\n\t * Sets the size of the file items\n\t */\n\t@Input() fileItemSize: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\t/**\n\t * Set to `true` to enable drag and drop.\n\t */\n\t@Input() drop = false;\n\t/**\n\t * Sets the text shown in drag and drop box.\n\t */\n\t@Input() dropText: string | TemplateRef<any>;\n\t/**\n\t * Provides a unique id for the underlying `<input>` node\n\t */\n\t@Input() fileUploaderId = `file-uploader-${FileUploader.fileUploaderCount}`;\n\t/**\n\t * Maintains a reference to the view DOM element of the underlying <input> node\n\t */\n\t@ViewChild(\"fileInput\") fileInput;\n\t/**\n\t * The list of files that have been submitted to be uploaded\n\t */\n\t@Input() files = new Set<FileItem>();\n\t/**\n\t * Set to `true` to disable upload button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Custom template used to render the file name of uploaded files\n\t */\n\t@Input() fileNameTpl: TemplateRef<unknown>;\n\t/**\n\t * Custom template used to render the file actions of uploaded files\n\t */\n\t@Input() fileActionsTpl: TemplateRef<unknown>;\n\n\t@Output() filesChange = new EventEmitter<any>();\n\n\t/**\n\t * Controls the state of the drag and drop file container\n\t */\n\tpublic dragOver = false;\n\n\tprotected onTouchedCallback: () => void = noop;\n\tprotected onChangeCallback: (_: Set<FileItem>) => void = noop;\n\n\tconstructor(protected i18n: I18n) {\n\t\tFileUploader.fileUploaderCount++;\n\t}\n\n\t/**\n\t * Specifies the property to be used as the return value to `ngModel` and reactive forms.\n\t * Updates `this.files`.\n\t */\n\tget value(): Set<FileItem> {\n\t\treturn this.files;\n\t}\n\tset value(v: Set<FileItem>) {\n\t\tif (v !== this.files) {\n\t\t\tthis.files = v;\n\t\t\tthis.onChangeCallback(v);\n\t\t}\n\t}\n\n\tonBlur() {\n\t\tthis.onTouchedCallback();\n\t}\n\n\tget fileList() {\n\t\treturn Array.from(this.fileInput.nativeElement.files);\n\t}\n\n\t/**\n\t * Propagates the injected `value`.\n\t */\n\twriteValue(value: Set<FileItem>) {\n\t\tif (value !== this.value) {\n\t\t\tthis.files = value;\n\t\t}\n\t}\n\n\tcreateFileItem(file): FileItem {\n\t\treturn {\n\t\t\tuploaded: false,\n\t\t\tstate: \"edit\",\n\t\t\tinvalid: false,\n\t\t\tinvalidText: \"\",\n\t\t\tfile: file\n\t\t};\n\t}\n\n\tonFilesAdded() {\n\t\tconst newFiles = new Set<FileItem>(this.files);\n\t\tif (!this.multiple) {\n\t\t\tnewFiles.clear();\n\t\t}\n\t\tfor (let file of this.fileList) {\n\t\t\tconst fileItem = this.createFileItem(file);\n\t\t\tnewFiles.add(fileItem);\n\t\t}\n\n\t\tthis.value = newFiles;\n\t\tthis.filesChange.emit(newFiles);\n\t}\n\n\tonDragOver(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dragOver = true;\n\t}\n\n\tonDragLeave(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tthis.dragOver = false;\n\t}\n\n\tonDrop(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst transferredFiles: Array<File> = Array.from(event.dataTransfer.files);\n\t\tconst newFiles = new Set<FileItem>(this.files);\n\n\t\ttransferredFiles.filter(({ name, type }) => {\n\t\t\t// Get the file extension and add a \".\" to the beginning.\n\t\t\tconst fileExtension = name.split(\".\").pop().replace(/^/, \".\");\n\t\t\t// Check if the accept array contains the mime type or extension of the file.\n\t\t\treturn this.accept.includes(type) || this.accept.includes(fileExtension) || !this.accept.length;\n\t\t}).forEach(file => {\n\t\t\tif (!newFiles.size || this.multiple) {\n\t\t\t\tconst fileItem = this.createFileItem(file);\n\t\t\t\tnewFiles.add(fileItem);\n\t\t\t}\n\t\t});\n\n\t\tthis.value = newFiles;\n\t\tthis.filesChange.emit(newFiles);\n\t\tthis.dragOver = false;\n\t}\n\n\tremoveFile(fileItem) {\n\t\t// Deleting an item from this.files removes the <ibm-file> component,\n\t\t// which triggers its ngOnDestroy(), which fires the (remove) event again.\n\t\t// So, (remove) may double-fire and we need to handle it here.\n\t\tif (this.files && this.files.has(fileItem)) {\n\t\t\tconst newFiles = new Set<FileItem>(this.files);\n\t\t\tnewFiles.delete(fileItem);\n\t\t\tthis.filesChange.emit(newFiles);\n\t\t\tthis.value = newFiles;\n\t\t}\n\t\tthis.fileInput.nativeElement.value = \"\";\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Registers the injected function to control the touch use of the `FileUploader`.\n\t */\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedCallback = fn;\n\t}\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tregisterOnChange(fn: any) {\n\t\tthis.onChangeCallback = fn;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the checkbox.\n\t *\n\t * ex: `this.formGroup.get(\"myFileUploader\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the file uploader\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tViewChild,\n\tEventEmitter,\n\tTemplateRef\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { FileItem } from \"./file-item.interface\";\n\nconst noop = () => { };\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { FileUploaderModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-file-uploader--basic)\n */\n@Component({\n\tselector: \"cds-file-uploader, ibm-file-uploader\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate\">\n\t\t\t<label [for]=\"fileUploaderId\" class=\"cds--file--label\">{{title}}</label>\n\t\t\t<p class=\"cds--label-description\" role=\"alert\">{{description}}</p>\n\t\t\t<div class=\"cds--file\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"drop\"\n\t\t\t\t\tclass=\"cds--file-browse-btn\"\n\t\t\t\t\t(keyup.enter)=\"fileInput.click()\"\n\t\t\t\t\t(keyup.space)=\"fileInput.click()\"\n\t\t\t\t\t[ngClass]=\"{'cds--file-browse-btn--disabled': disabled}\"\n\t\t\t\t\ttabindex=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"cds--file__drop-container\"\n\t\t\t\t\t\t[ngClass]=\"{'cds--file__drop-container--drag-over': dragOver}\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t(click)=\"fileInput.click()\"\n\t\t\t\t\t\t[attr.for]=\"fileUploaderId\"\n\t\t\t\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(dropText)\">{{dropText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(dropText)\" [ngTemplateOutlet]=\"dropText\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t\t<button\n\t\t\t\t\t*ngIf=\"!drop\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[cdsButton]=\"buttonType\"\n\t\t\t\t\t(click)=\"fileInput.click()\"\n\t\t\t\t\t[attr.for]=\"fileUploaderId\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[disabled]=\"disabled\">\n\t\t\t\t\t{{buttonText}}\n\t\t\t\t</button>\n\t\t\t\t<input\n\t\t\t\t\t#fileInput\n\t\t\t\t\ttype=\"file\"\n\t\t\t\t\tclass=\"cds--file-input\"\n\t\t\t\t\t[accept]=\"accept\"\n\t\t\t\t\t[id]=\"fileUploaderId\"\n\t\t\t\t\t[multiple]=\"multiple\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t(change)=\"onFilesAdded()\"\n\t\t\t\t\t[disabled]=\"disabled\"/>\n\t\t\t\t<div class=\"cds--file-container\">\n\t\t\t\t\t<ng-container *ngFor=\"let fileItem of files\">\n\t\t\t\t\t\t<cds-file\n\t\t\t\t\t\t\t[fileItem]=\"fileItem\"\n\t\t\t\t\t\t\t[nameTpl]=\"fileNameTpl\"\n\t\t\t\t\t\t\t[actionsTpl]=\"fileActionsTpl\"\n\t\t\t\t\t\t\t[size]=\"fileItemSize\"\n\t\t\t\t\t\t\t(remove)=\"removeFile(fileItem)\">\n\t\t\t\t\t\t</cds-file>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class=\"cds--skeleton__text\" style=\"width: 100px\"></div>\n\t\t\t<div class=\"cds--skeleton__text\" style=\"width: 225px\"></div>\n\t\t\t<button cdsButton skeleton=\"true\"></button>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: FileUploader,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class FileUploader implements ControlValueAccessor {\n\t/**\n\t * Counter used to create unique ids for file-uploader components\n\t */\n\tstatic fileUploaderCount = 0;\n\t/**\n\t * Accessible text for the button that opens the upload window.\n\t *\n\t * Defaults to the `FILE_UPLOADER.OPEN` value from the i18n service\n\t */\n\t@Input() buttonText = this.i18n.get().FILE_UPLOADER.OPEN;\n\t/**\n\t * Type set for button\n\t */\n\t@Input() buttonType:\n\t\t| \"primary\"\n\t\t| \"secondary\"\n\t\t| \"tertiary\"\n\t\t| \"ghost\"\n\t\t| \"danger\"\n\t\t| \"danger--primary\"\n\t\t| \"danger--tertiary\"\n\t\t| \"danger--ghost\" = \"primary\";\n\t/**\n\t * Text set to the title\n\t */\n\t@Input() title: string;\n\t/**\n\t * Text set to the description\n\t */\n\t@Input() description: string;\n\t/**\n\t * Specify the types of files that the input should be able to receive\n\t */\n\t@Input() accept = [];\n\t/**\n\t * Set to `false` to tell the component to only accept a single file on upload.\n\t *\n\t * Defaults to `true`. Accepts multiple files.\n\t */\n\t@Input() multiple = true;\n\t/**\n\t * Set to `true` for a loading file uploader.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Sets the size of the button.\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\";\n\t/**\n\t * Sets the size of the file items\n\t */\n\t@Input() fileItemSize: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\t/**\n\t * Set to `true` to enable drag and drop.\n\t */\n\t@Input() drop = false;\n\t/**\n\t * Sets the text shown in drag and drop box.\n\t */\n\t@Input() dropText: string | TemplateRef<any>;\n\t/**\n\t * Provides a unique id for the underlying `<input>` node\n\t */\n\t@Input() fileUploaderId = `file-uploader-${FileUploader.fileUploaderCount}`;\n\t/**\n\t * Maintains a reference to the view DOM element of the underlying <input> node\n\t */\n\t@ViewChild(\"fileInput\") fileInput;\n\t/**\n\t * The list of files that have been submitted to be uploaded\n\t */\n\t@Input() files = new Set<FileItem>();\n\t/**\n\t * Set to `true` to disable upload button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Custom template used to render the file name of uploaded files\n\t */\n\t@Input() fileNameTpl: TemplateRef<unknown>;\n\t/**\n\t * Custom template used to render the file actions of uploaded files\n\t */\n\t@Input() fileActionsTpl: TemplateRef<unknown>;\n\n\t@Output() filesChange = new EventEmitter<any>();\n\n\t/**\n\t * Controls the state of the drag and drop file container\n\t */\n\tpublic dragOver = false;\n\n\tprotected onTouchedCallback: () => void = noop;\n\tprotected onChangeCallback: (_: Set<FileItem>) => void = noop;\n\n\tconstructor(protected i18n: I18n) {\n\t\tFileUploader.fileUploaderCount++;\n\t}\n\n\t/**\n\t * Specifies the property to be used as the return value to `ngModel` and reactive forms.\n\t * Updates `this.files`.\n\t */\n\tget value(): Set<FileItem> {\n\t\treturn this.files;\n\t}\n\tset value(v: Set<FileItem>) {\n\t\tif (v !== this.files) {\n\t\t\tthis.files = v;\n\t\t\tthis.onChangeCallback(v);\n\t\t}\n\t}\n\n\tonBlur() {\n\t\tthis.onTouchedCallback();\n\t}\n\n\tget fileList() {\n\t\treturn Array.from(this.fileInput.nativeElement.files);\n\t}\n\n\t/**\n\t * Propagates the injected `value`.\n\t */\n\twriteValue(value: Set<FileItem>) {\n\t\tif (value !== this.value) {\n\t\t\tthis.files = value;\n\t\t}\n\t}\n\n\tcreateFileItem(file): FileItem {\n\t\treturn {\n\t\t\tuploaded: false,\n\t\t\tstate: \"edit\",\n\t\t\tinvalid: false,\n\t\t\tinvalidText: \"\",\n\t\t\tfile: file\n\t\t};\n\t}\n\n\tonFilesAdded() {\n\t\tconst newFiles = new Set<FileItem>(this.files);\n\t\tif (!this.multiple) {\n\t\t\tnewFiles.clear();\n\t\t}\n\t\tfor (let file of this.fileList) {\n\t\t\tconst fileItem = this.createFileItem(file);\n\t\t\tnewFiles.add(fileItem);\n\t\t}\n\n\t\tthis.value = newFiles;\n\t\tthis.filesChange.emit(newFiles);\n\t}\n\n\tonDragOver(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dragOver = true;\n\t}\n\n\tonDragLeave(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tthis.dragOver = false;\n\t}\n\n\tonDrop(event) {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst transferredFiles: Array<File> = Array.from(event.dataTransfer.files);\n\t\tconst newFiles = new Set<FileItem>(this.files);\n\n\t\ttransferredFiles.filter(({ name, type }) => {\n\t\t\t// Get the file extension and add a \".\" to the beginning.\n\t\t\tconst fileExtension = name.split(\".\").pop().replace(/^/, \".\");\n\t\t\t// Check if the accept array contains the mime type or extension of the file.\n\t\t\treturn this.accept.includes(type) || this.accept.includes(fileExtension) || !this.accept.length;\n\t\t}).forEach(file => {\n\t\t\tif (!newFiles.size || this.multiple) {\n\t\t\t\tconst fileItem = this.createFileItem(file);\n\t\t\t\tnewFiles.add(fileItem);\n\t\t\t}\n\t\t});\n\n\t\tthis.value = newFiles;\n\t\tthis.filesChange.emit(newFiles);\n\t\tthis.dragOver = false;\n\t}\n\n\tremoveFile(fileItem) {\n\t\t// Deleting an item from this.files removes the <ibm-file> component,\n\t\t// which triggers its ngOnDestroy(), which fires the (remove) event again.\n\t\t// So, (remove) may double-fire and we need to handle it here.\n\t\tif (this.files && this.files.has(fileItem)) {\n\t\t\tconst newFiles = new Set<FileItem>(this.files);\n\t\t\tnewFiles.delete(fileItem);\n\t\t\tthis.filesChange.emit(newFiles);\n\t\t\tthis.value = newFiles;\n\t\t}\n\t\tthis.fileInput.nativeElement.value = \"\";\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Registers the injected function to control the touch use of the `FileUploader`.\n\t */\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedCallback = fn;\n\t}\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tregisterOnChange(fn: any) {\n\t\tthis.onChangeCallback = fn;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the checkbox.\n\t *\n\t * ex: `this.formGroup.get(\"myFileUploader\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the file uploader\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -34971,7 +35337,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 186,
+                "line": 194,
                 "jsdoctags": [
                     {
                         "name": "i18n",
@@ -35005,7 +35371,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 199,
+                        "line": 207,
                         "jsdoctags": [
                             {
                                 "name": "v",
@@ -35022,7 +35388,7 @@
                         "name": "value",
                         "type": "",
                         "returnType": "Set<FileItem>",
-                        "line": 196,
+                        "line": 204,
                         "rawdescription": "\n\nSpecifies the property to be used as the return value to `ngModel` and reactive forms.\nUpdates `this.files`.\n",
                         "description": "<p>Specifies the property to be used as the return value to <code>ngModel</code> and reactive forms.\nUpdates <code>this.files</code>.</p>\n"
                     }
@@ -35033,7 +35399,7 @@
                         "name": "fileList",
                         "type": "",
                         "returnType": "",
-                        "line": 210
+                        "line": 218
                     }
                 }
             }
@@ -47821,7 +48187,7 @@
         },
         {
             "name": "ProgressBar",
-            "id": "component-ProgressBar-2dfc447d647d98d2c3e079d04709566f19b0357bccbdfbb3f87a2e5865a2937ac2495cbee92f41f6d479181a5e6278dd45cc59da3f74228048772590cf7d3664",
+            "id": "component-ProgressBar-e26ab8fd482e624b7500578b7ea54da0b42d145a1499f27787d160c312d22b01e8f66d3de591a04d779877565e1eb5d43117fe2e4b95885ba727f043ddb373fc",
             "file": "src/progress-bar/progress-bar.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -47831,7 +48197,7 @@
             "selector": "cds-progress-bar, ibm-progress-bar",
             "styleUrls": [],
             "styles": [],
-            "template": "<div\n\t*ngIf=\"label\"\n\tclass=\"cds--progress-bar__label\"\n\t[id]=\"id\">\n\t<span class=\"cds--progress-bar__label-text\">\n\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t</span>\n\t<svg\n\t\t*ngIf=\"isFinished\"\n\t\tfill=\"currentColor\"\n\t\tcdsIcon=\"checkmark--filled\"\n\t\tclass=\"cds--progress-bar__status-icon\">\n\t</svg>\n\t<svg\n\t\t*ngIf=\"isError\"\n\t\tfill=\"currentColor\"\n\t\tcdsIcon=\"error--filled\"\n\t\tclass=\"cds--progress-bar__status-icon\">\n\t</svg>\n</div>\n<div\n\tclass=\"cds--progress-bar__track\"\n\trole=\"progressbar\"\n\t[attr.aria-invalid]=\"isError\"\n\t[attr.aria-labelledby]=\"id\"\n\t[attr.aria-describedby]=\"helperText ? helperId : null\"\n\t[attr.aria-valuemin]=\"!indeterminate ? 0 : null\"\n\t[attr.aria-valuemax]=\"!indeterminate ? max : null\"\n\t[attr.aria-valuenow]=\"!indeterminate ? value : null\">\n\t<div\n\t\tclass=\"cds--progress-bar__bar\"\n\t\t[ngStyle]=\"{\n\t\t\t'transform': !isFinished && !isError ? percentage : null\n\t\t}\">\n\t</div>\n</div>\n<div\n\t[id]=\"helperId\"\n\t*ngIf=\"helperText\"\n\tclass=\"cds--progress-bar__helper-text\">\n\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n</div>\n\t",
+            "template": "<div\n\t*ngIf=\"label\"\n\tclass=\"cds--progress-bar__label\"\n\t[ngClass]=\"{'cds--visually-hidden': hideLabel}\"\n\t[id]=\"id\">\n\t<span class=\"cds--progress-bar__label-text\">\n\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t</span>\n\t<svg\n\t\t*ngIf=\"isFinished\"\n\t\tfill=\"currentColor\"\n\t\tcdsIcon=\"checkmark--filled\"\n\t\tclass=\"cds--progress-bar__status-icon\">\n\t</svg>\n\t<svg\n\t\t*ngIf=\"isError\"\n\t\tfill=\"currentColor\"\n\t\tcdsIcon=\"error--filled\"\n\t\tclass=\"cds--progress-bar__status-icon\">\n\t</svg>\n</div>\n<div\n\tclass=\"cds--progress-bar__track\"\n\trole=\"progressbar\"\n\t[attr.aria-busy]=\"!isFinished\"\n\t[attr.aria-invalid]=\"isError\"\n\t[attr.aria-labelledby]=\"id\"\n\t[attr.aria-describedby]=\"helperText ? helperId : null\"\n\t[attr.aria-valuemin]=\"!indeterminate ? 0 : null\"\n\t[attr.aria-valuemax]=\"!indeterminate ? max : null\"\n\t[attr.aria-valuenow]=\"!indeterminate ? value : null\">\n\t<div\n\t\tclass=\"cds--progress-bar__bar\"\n\t\t[ngStyle]=\"{\n\t\t\t'transform': !isFinished && !isError ? percentage : null\n\t\t}\">\n\t</div>\n</div>\n<div\n\t[id]=\"helperId\"\n\t*ngIf=\"helperText\"\n\tclass=\"cds--progress-bar__helper-text\">\n\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n</div>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -47842,16 +48208,27 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCurrent progress textual representation\n",
                     "description": "<p>Current progress textual representation</p>\n",
-                    "line": 132,
+                    "line": 134,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
+                {
+                    "name": "hideLabel",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to visually hide the label while keeping it available to assistive technologies.\n",
+                    "description": "<p>Set to <code>true</code> to visually hide the label while keeping it available to assistive technologies.</p>\n",
+                    "line": 155,
+                    "type": "boolean",
+                    "decorators": []
+                },
                 {
                     "name": "id",
                     "defaultValue": "`progress-bar-${ProgressBar.progressBarCounter++}`",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 123,
+                    "line": 125,
                     "type": "string",
                     "decorators": []
                 },
@@ -47861,7 +48238,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nDescription of the progress bar\n",
                     "description": "<p>Description of the progress bar</p>\n",
-                    "line": 128,
+                    "line": 130,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -47872,7 +48249,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nMaximum value\n",
                     "description": "<p>Maximum value</p>\n",
-                    "line": 136,
+                    "line": 138,
                     "type": "number",
                     "decorators": []
                 },
@@ -47883,7 +48260,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSize of the progress bar, default is `big`\n",
                     "description": "<p>Size of the progress bar, default is <code>big</code></p>\n",
-                    "line": 148,
+                    "line": 150,
                     "type": "\"small\" | \"big\"",
                     "decorators": []
                 },
@@ -47894,7 +48271,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCurrent status of the progress bar, default is `active`\n",
                     "description": "<p>Current status of the progress bar, default is <code>active</code></p>\n",
-                    "line": 144,
+                    "line": 146,
                     "type": "\"active\" | \"finished\" | \"error\"",
                     "decorators": []
                 },
@@ -47905,7 +48282,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAlignment variant of the progress bar, default is `default`\n",
                     "description": "<p>Alignment variant of the progress bar, default is <code>default</code></p>\n",
-                    "line": 140,
+                    "line": 142,
                     "type": "\"default\" | \"inline\" | \"indented\"",
                     "decorators": []
                 },
@@ -47915,7 +48292,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCurrent value\n",
                     "description": "<p>Current value</p>\n",
-                    "line": 70,
+                    "line": 72,
                     "type": "number | undefined",
                     "decorators": []
                 }
@@ -47930,7 +48307,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 150,
+                    "line": 157,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -47949,7 +48326,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 124
+                    "line": 126
                 },
                 {
                     "name": "progressBarCounter",
@@ -47959,7 +48336,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "",
-                    "line": 121,
+                    "line": 123,
                     "modifierKind": [
                         126
                     ]
@@ -47979,7 +48356,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 153,
+                    "line": 160,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -48003,7 +48380,7 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 150,
+                    "line": 157,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48011,7 +48388,7 @@
                     "name": "class.cds--progress-bar--big",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 95,
+                    "line": 97,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48019,7 +48396,7 @@
                     "name": "class.cds--progress-bar--default",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 102,
+                    "line": 104,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48027,7 +48404,7 @@
                     "name": "class.cds--progress-bar--error",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 115,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48035,7 +48412,7 @@
                     "name": "class.cds--progress-bar--finished",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 112,
+                    "line": 114,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48043,7 +48420,7 @@
                     "name": "class.cds--progress-bar--indented",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 105,
+                    "line": 107,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48051,7 +48428,7 @@
                     "name": "class.cds--progress-bar--indeterminate",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 118,
+                    "line": 120,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48059,7 +48436,7 @@
                     "name": "class.cds--progress-bar--inline",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 108,
+                    "line": 110,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48067,7 +48444,7 @@
                     "name": "class.cds--progress-bar--small",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 98,
+                    "line": 100,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -48078,7 +48455,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ProgressBarModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-progress-bar--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ProgressBarModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-progress-bar--basic)\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tHostBinding,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ProgressBarModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-progress-bar--basic)\n */\n@Component({\n\tselector: \"cds-progress-bar, ibm-progress-bar\",\n\ttemplate: `\n\t\t<div\n\t\t\t*ngIf=\"label\"\n\t\t\tclass=\"cds--progress-bar__label\"\n\t\t\t[id]=\"id\">\n\t\t\t<span class=\"cds--progress-bar__label-text\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t</span>\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isFinished\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tcdsIcon=\"checkmark--filled\"\n\t\t\t\tclass=\"cds--progress-bar__status-icon\">\n\t\t\t</svg>\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isError\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tcdsIcon=\"error--filled\"\n\t\t\t\tclass=\"cds--progress-bar__status-icon\">\n\t\t\t</svg>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"cds--progress-bar__track\"\n\t\t\trole=\"progressbar\"\n\t\t\t[attr.aria-invalid]=\"isError\"\n\t\t\t[attr.aria-labelledby]=\"id\"\n\t\t\t[attr.aria-describedby]=\"helperText ? helperId : null\"\n\t\t\t[attr.aria-valuemin]=\"!indeterminate ? 0 : null\"\n\t\t\t[attr.aria-valuemax]=\"!indeterminate ? max : null\"\n\t\t\t[attr.aria-valuenow]=\"!indeterminate ? value : null\">\n\t\t\t<div\n\t\t\t\tclass=\"cds--progress-bar__bar\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'transform': !isFinished && !isError ? percentage : null\n\t\t\t\t}\">\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\t[id]=\"helperId\"\n\t\t\t*ngIf=\"helperText\"\n\t\t\tclass=\"cds--progress-bar__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t`\n})\nexport class ProgressBar {\n\t/**\n\t * Current value\n\t */\n\t@Input() set value(num: number | undefined) {\n\t\tthis._value = num;\n\t\t// Validate number\n\t\tif (num > this.max) {\n\t\t\tthis._value = this.max;\n\t\t}\n\t\tif (num < 0) {\n\t\t\tthis._value = 0;\n\t\t}\n\t\t// Set values based on current state\n\t\tif (this.isError) {\n\t\t\tthis._value = 0;\n\t\t} else if (this.isFinished) {\n\t\t\tthis._value = this.max;\n\t\t}\n\t}\n\n\tget value() {\n\t\treturn this._value;\n\t}\n\n\tget percentage() {\n\t\treturn `scaleX(${this.value / this.max})`;\n\t}\n\t// Size\n\t@HostBinding(\"class.cds--progress-bar--big\") get bigBar() {\n\t\treturn this.size === \"big\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--small\") get smallBar() {\n\t\treturn this.size === \"small\";\n\t}\n\t// Type\n\t@HostBinding(\"class.cds--progress-bar--default\") get defaultType() {\n\t\treturn this.type === \"default\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--indented\") get indentedType() {\n\t\treturn this.type === \"indented\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--inline\") get inlineType() {\n\t\treturn this.type === \"inline\";\n\t}\n\t// Status\n\t@HostBinding(\"class.cds--progress-bar--finished\") get isFinished() {\n\t\treturn this.status === \"finished\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--error\") get isError() {\n\t\treturn this.status === \"error\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--indeterminate\") get indeterminate() {\n\t\treturn this.value === undefined && !this.isFinished && !this.isError;\n\t}\n\tstatic progressBarCounter = 0;\n\n\t@Input() id = `progress-bar-${ProgressBar.progressBarCounter++}`;\n\thelperId = `progress-bar-helper-${ProgressBar.progressBarCounter}`;\n\t/**\n\t * Description of the progress bar\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Current progress textual representation\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Maximum value\n\t */\n\t@Input() max = 100;\n\t/**\n\t * Alignment variant of the progress bar, default is `default`\n\t */\n\t@Input() type: \"default\" | \"inline\" | \"indented\" = \"default\";\n\t/**\n\t * Current status of the progress bar, default is `active`\n\t */\n\t@Input() status: \"active\" | \"finished\" | \"error\" = \"active\";\n\t/**\n\t * Size of the progress bar, default is `big`\n\t */\n\t@Input() size: \"small\" | \"big\" = \"big\";\n\n\t@HostBinding(\"class.cds--progress-bar\") defaultClass = true;\n\tprivate _value = undefined;\n\n\tisTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tHostBinding,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ProgressBarModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-progress-bar--basic)\n */\n@Component({\n\tselector: \"cds-progress-bar, ibm-progress-bar\",\n\ttemplate: `\n\t\t<div\n\t\t\t*ngIf=\"label\"\n\t\t\tclass=\"cds--progress-bar__label\"\n\t\t\t[ngClass]=\"{'cds--visually-hidden': hideLabel}\"\n\t\t\t[id]=\"id\">\n\t\t\t<span class=\"cds--progress-bar__label-text\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t</span>\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isFinished\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tcdsIcon=\"checkmark--filled\"\n\t\t\t\tclass=\"cds--progress-bar__status-icon\">\n\t\t\t</svg>\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isError\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tcdsIcon=\"error--filled\"\n\t\t\t\tclass=\"cds--progress-bar__status-icon\">\n\t\t\t</svg>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"cds--progress-bar__track\"\n\t\t\trole=\"progressbar\"\n\t\t\t[attr.aria-busy]=\"!isFinished\"\n\t\t\t[attr.aria-invalid]=\"isError\"\n\t\t\t[attr.aria-labelledby]=\"id\"\n\t\t\t[attr.aria-describedby]=\"helperText ? helperId : null\"\n\t\t\t[attr.aria-valuemin]=\"!indeterminate ? 0 : null\"\n\t\t\t[attr.aria-valuemax]=\"!indeterminate ? max : null\"\n\t\t\t[attr.aria-valuenow]=\"!indeterminate ? value : null\">\n\t\t\t<div\n\t\t\t\tclass=\"cds--progress-bar__bar\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'transform': !isFinished && !isError ? percentage : null\n\t\t\t\t}\">\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\t[id]=\"helperId\"\n\t\t\t*ngIf=\"helperText\"\n\t\t\tclass=\"cds--progress-bar__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t`\n})\nexport class ProgressBar {\n\t/**\n\t * Current value\n\t */\n\t@Input() set value(num: number | undefined) {\n\t\tthis._value = num;\n\t\t// Validate number\n\t\tif (num > this.max) {\n\t\t\tthis._value = this.max;\n\t\t}\n\t\tif (num < 0) {\n\t\t\tthis._value = 0;\n\t\t}\n\t\t// Set values based on current state\n\t\tif (this.isError) {\n\t\t\tthis._value = 0;\n\t\t} else if (this.isFinished) {\n\t\t\tthis._value = this.max;\n\t\t}\n\t}\n\n\tget value() {\n\t\treturn this._value;\n\t}\n\n\tget percentage() {\n\t\treturn `scaleX(${this.value / this.max})`;\n\t}\n\t// Size\n\t@HostBinding(\"class.cds--progress-bar--big\") get bigBar() {\n\t\treturn this.size === \"big\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--small\") get smallBar() {\n\t\treturn this.size === \"small\";\n\t}\n\t// Type\n\t@HostBinding(\"class.cds--progress-bar--default\") get defaultType() {\n\t\treturn this.type === \"default\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--indented\") get indentedType() {\n\t\treturn this.type === \"indented\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--inline\") get inlineType() {\n\t\treturn this.type === \"inline\";\n\t}\n\t// Status\n\t@HostBinding(\"class.cds--progress-bar--finished\") get isFinished() {\n\t\treturn this.status === \"finished\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--error\") get isError() {\n\t\treturn this.status === \"error\";\n\t}\n\t@HostBinding(\"class.cds--progress-bar--indeterminate\") get indeterminate() {\n\t\treturn this.value === undefined && !this.isFinished && !this.isError;\n\t}\n\tstatic progressBarCounter = 0;\n\n\t@Input() id = `progress-bar-${ProgressBar.progressBarCounter++}`;\n\thelperId = `progress-bar-helper-${ProgressBar.progressBarCounter}`;\n\t/**\n\t * Description of the progress bar\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Current progress textual representation\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Maximum value\n\t */\n\t@Input() max = 100;\n\t/**\n\t * Alignment variant of the progress bar, default is `default`\n\t */\n\t@Input() type: \"default\" | \"inline\" | \"indented\" = \"default\";\n\t/**\n\t * Current status of the progress bar, default is `active`\n\t */\n\t@Input() status: \"active\" | \"finished\" | \"error\" = \"active\";\n\t/**\n\t * Size of the progress bar, default is `big`\n\t */\n\t@Input() size: \"small\" | \"big\" = \"big\";\n\n\t/**\n\t * Set to `true` to visually hide the label while keeping it available to assistive technologies.\n\t */\n\t@Input() hideLabel = false;\n\n\t@HostBinding(\"class.cds--progress-bar\") defaultClass = true;\n\tprivate _value = undefined;\n\n\tisTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -48100,7 +48477,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 70,
+                        "line": 72,
                         "rawdescription": "\n\nCurrent value\n",
                         "description": "<p>Current value</p>\n",
                         "jsdoctags": [
@@ -48119,7 +48496,7 @@
                         "name": "value",
                         "type": "",
                         "returnType": "",
-                        "line": 87
+                        "line": 89
                     }
                 },
                 "percentage": {
@@ -48128,7 +48505,7 @@
                         "name": "percentage",
                         "type": "",
                         "returnType": "",
-                        "line": 91
+                        "line": 93
                     }
                 },
                 "bigBar": {
@@ -48137,7 +48514,7 @@
                         "name": "bigBar",
                         "type": "",
                         "returnType": "",
-                        "line": 95
+                        "line": 97
                     }
                 },
                 "smallBar": {
@@ -48146,7 +48523,7 @@
                         "name": "smallBar",
                         "type": "",
                         "returnType": "",
-                        "line": 98
+                        "line": 100
                     }
                 },
                 "defaultType": {
@@ -48155,7 +48532,7 @@
                         "name": "defaultType",
                         "type": "",
                         "returnType": "",
-                        "line": 102
+                        "line": 104
                     }
                 },
                 "indentedType": {
@@ -48164,7 +48541,7 @@
                         "name": "indentedType",
                         "type": "",
                         "returnType": "",
-                        "line": 105
+                        "line": 107
                     }
                 },
                 "inlineType": {
@@ -48173,7 +48550,7 @@
                         "name": "inlineType",
                         "type": "",
                         "returnType": "",
-                        "line": 108
+                        "line": 110
                     }
                 },
                 "isFinished": {
@@ -48182,7 +48559,7 @@
                         "name": "isFinished",
                         "type": "",
                         "returnType": "",
-                        "line": 112
+                        "line": 114
                     }
                 },
                 "isError": {
@@ -48191,7 +48568,7 @@
                         "name": "isError",
                         "type": "",
                         "returnType": "",
-                        "line": 115
+                        "line": 117
                     }
                 },
                 "indeterminate": {
@@ -48200,7 +48577,7 @@
                         "name": "indeterminate",
                         "type": "",
                         "returnType": "",
-                        "line": 118
+                        "line": 120
                     }
                 }
             }
@@ -74421,7 +74798,7 @@
         },
         {
             "name": "TreeViewComponent",
-            "id": "component-TreeViewComponent-c46a4f208404fb562f72ec62cd14af2cb442211349453ea8342a8d526266a076d3878479e62b616b220a8da2287e3d88dba5352d4772f4dec67a440abc5d338f",
+            "id": "component-TreeViewComponent-9a5e136c8a0cb3ca2c98b08eda50b7b4ac0f3eca9d3cf4b43a01ffee945dd51bc7c7cd607460e9dabf78e2028cfeb11ffb8ed9e80fc6e3d193394cc2dc9247cd",
             "file": "src/treeview/treeview.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -74436,17 +74813,28 @@
             "selector": "cds-tree-view",
             "styleUrls": [],
             "styles": [],
-            "template": "<label\n\t*ngIf=\"label\"\n\t[id]=\"id\"\n\tclass=\"cds--label\">\n\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(label)\"\n\t\t[ngTemplateOutlet]=\"label\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: labelContext }\">\n\t</ng-template>\n</label>\n<div\n\tclass=\"cds--tree\"\n\t[ngClass]=\"{\n\t\t'cds--tree--sm': size === 'sm',\n\t\t'cds--tree--xs': size === 'xs'\n\t}\"\n\t[attr.aria-label]=\"label ? label : null\"\n\t[attr.aria-labelledby]=\"!label ? id : null\"\n\t[attr.aria-multiselectable]=\"isMultiSelect || null\"\n\trole=\"tree\"\n\t(keydown)=\"navigateTree($event)\"\n\t#treeWrapper>\n\t<ng-container *ngIf=\"isProjected(); else notProjected\">\n\t\t<ng-content></ng-content>\n\t</ng-container>\n\t<ng-template #notProjected>\n\t\t<cds-tree-node\n\t\t\t*ngFor=\"let node of tree\"\n\t\t\t[node]=\"node\"\n\t\t\t(nodetoggle)=\"onNodeToggle($event)\">\n\t\t</cds-tree-node>\n\t</ng-template>\n</div>\n\t",
+            "template": "<label\n\t*ngIf=\"label\"\n\t[id]=\"id\"\n\tclass=\"cds--label\"\n\t[ngClass]=\"{'cds--visually-hidden': hideLabel}\">\n\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(label)\"\n\t\t[ngTemplateOutlet]=\"label\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: labelContext }\">\n\t</ng-template>\n</label>\n<div\n\tclass=\"cds--tree\"\n\t[ngClass]=\"{\n\t\t'cds--tree--sm': size === 'sm',\n\t\t'cds--tree--xs': size === 'xs'\n\t}\"\n\t[attr.aria-label]=\"label ? label : null\"\n\t[attr.aria-labelledby]=\"!label ? id : null\"\n\t[attr.aria-multiselectable]=\"isMultiSelect || null\"\n\trole=\"tree\"\n\t(keydown)=\"navigateTree($event)\"\n\t#treeWrapper>\n\t<ng-container *ngIf=\"isProjected(); else notProjected\">\n\t\t<ng-content></ng-content>\n\t</ng-container>\n\t<ng-template #notProjected>\n\t\t<cds-tree-node\n\t\t\t*ngFor=\"let node of tree\"\n\t\t\t[node]=\"node\"\n\t\t\t(nodetoggle)=\"onNodeToggle($event)\">\n\t\t</cds-tree-node>\n\t</ng-template>\n</div>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
             "inputsClass": [
+                {
+                    "name": "hideLabel",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to visually hide the label while keeping it available to assistive technologies.\n",
+                    "description": "<p>Set to <code>true</code> to visually hide the label while keeping it available to assistive technologies.</p>\n",
+                    "line": 94,
+                    "type": "boolean",
+                    "decorators": []
+                },
                 {
                     "name": "id",
                     "defaultValue": "`tree-view-${TreeViewComponent.treeViewCount++}`",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 84,
+                    "line": 85,
                     "type": "string",
                     "decorators": []
                 },
@@ -74456,7 +74844,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\n**Experimental** - Enable to select multiple nodes\n",
                     "description": "<p><strong>Experimental</strong> - Enable to select multiple nodes</p>\n",
-                    "line": 100,
+                    "line": 106,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -74466,7 +74854,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nTree view label\n",
                     "description": "<p>Tree view label</p>\n",
-                    "line": 88,
+                    "line": 89,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -74476,7 +74864,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nOptional context for label if it's a template\n",
                     "description": "<p>Optional context for label if it&#39;s a template</p>\n",
-                    "line": 92,
+                    "line": 98,
                     "type": "any",
                     "decorators": []
                 },
@@ -74487,7 +74875,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSpecify the size of the list items in the tree\n",
                     "description": "<p>Specify the size of the list items in the tree</p>\n",
-                    "line": 96,
+                    "line": 102,
                     "type": "\"xs\" | \"sm\"",
                     "decorators": []
                 },
@@ -74497,7 +74885,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nPass `Node[]` array to have tree view render the nodes\nPassing value will disregard projected content\n",
                     "description": "<p>Pass <code>Node[]</code> array to have tree view render the nodes\nPassing value will disregard projected content</p>\n",
-                    "line": 73,
+                    "line": 74,
                     "type": "Node[]",
                     "decorators": []
                 }
@@ -74508,7 +74896,7 @@
                     "defaultValue": "new EventEmitter<Node | Node[]>()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 104,
+                    "line": 110,
                     "type": "EventEmitter"
                 },
                 {
@@ -74516,7 +74904,7 @@
                     "defaultValue": "new EventEmitter<Node>()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 105,
+                    "line": 111,
                     "type": "EventEmitter"
                 }
             ],
@@ -74528,7 +74916,7 @@
                     "type": "ElementRef",
                     "optional": false,
                     "description": "",
-                    "line": 106,
+                    "line": 112,
                     "decorators": [
                         {
                             "name": "ViewChild",
@@ -74547,7 +74935,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "",
-                    "line": 82,
+                    "line": 83,
                     "modifierKind": [
                         126
                     ]
@@ -74559,7 +74947,7 @@
                     "type": "TreeViewService",
                     "optional": false,
                     "description": "",
-                    "line": 114,
+                    "line": 120,
                     "modifierKind": [
                         125
                     ]
@@ -74572,7 +74960,7 @@
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 195,
+                    "line": 201,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -74592,7 +74980,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 191,
+                    "line": 197,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -74623,7 +75011,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 156,
+                    "line": 162,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nNavigate tree using tree walker\n",
@@ -74631,8 +75019,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 3940,
-                                "end": 3945,
+                                "pos": 4130,
+                                "end": 4135,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74643,8 +75031,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 3934,
-                                "end": 3939,
+                                "pos": 4124,
+                                "end": 4129,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74668,7 +75056,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 181,
+                    "line": 187,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nNode focus change\n",
@@ -74676,8 +75064,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 4442,
-                                "end": 4446,
+                                "pos": 4632,
+                                "end": 4636,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74688,8 +75076,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 4436,
-                                "end": 4441,
+                                "pos": 4626,
+                                "end": 4631,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74713,7 +75101,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 170,
+                    "line": 176,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nPropagate node toggle event\n",
@@ -74721,8 +75109,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 4252,
-                                "end": 4263,
+                                "pos": 4442,
+                                "end": 4453,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74733,8 +75121,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 4246,
-                                "end": 4251,
+                                "pos": 4436,
+                                "end": 4441,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -74755,7 +75143,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TreeviewModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tree-view--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { TreeviewModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-tree-view--basic)\n",
             "type": "component",
-            "sourceCode": "import { DOCUMENT } from \"@angular/common\";\nimport {\n\tComponent,\n\tInput,\n\tOutput,\n\tTemplateRef,\n\tEventEmitter,\n\tAfterViewInit,\n\tInject,\n\tViewChild,\n\tElementRef,\n\tOnInit,\n\tOnDestroy\n} from \"@angular/core\";\nimport { Subscription } from \"rxjs\";\nimport { EventOnNode, Node } from \"./tree-node.types\";\nimport { TreeViewService } from \"./treeview.service\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TreeviewModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tree-view--basic)\n */\n@Component({\n\tselector: \"cds-tree-view\",\n\ttemplate: `\n\t\t<label\n\t\t\t*ngIf=\"label\"\n\t\t\t[id]=\"id\"\n\t\t\tclass=\"cds--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(label)\"\n\t\t\t\t[ngTemplateOutlet]=\"label\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: labelContext }\">\n\t\t\t</ng-template>\n\t\t</label>\n\t\t<div\n\t\t\tclass=\"cds--tree\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--tree--sm': size === 'sm',\n\t\t\t\t'cds--tree--xs': size === 'xs'\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"label ? label : null\"\n\t\t\t[attr.aria-labelledby]=\"!label ? id : null\"\n\t\t\t[attr.aria-multiselectable]=\"isMultiSelect || null\"\n\t\t\trole=\"tree\"\n\t\t\t(keydown)=\"navigateTree($event)\"\n\t\t\t#treeWrapper>\n\t\t\t<ng-container *ngIf=\"isProjected(); else notProjected\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</ng-container>\n\t\t\t<ng-template #notProjected>\n\t\t\t\t<cds-tree-node\n\t\t\t\t\t*ngFor=\"let node of tree\"\n\t\t\t\t\t[node]=\"node\"\n\t\t\t\t\t(nodetoggle)=\"onNodeToggle($event)\">\n\t\t\t\t</cds-tree-node>\n\t\t\t</ng-template>\n\t\t</div>\n\t`,\n\tproviders: [TreeViewService]\n})\nexport class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {\n\t/**\n\t * Pass `Node[]` array to have tree view render the nodes\n\t * Passing value will disregard projected content\n\t */\n\t@Input() set tree(treeNodes: Node[]) {\n\t\tthis._tree = treeNodes.map((node) => this.copyNode(node));\n\t\tthis.treeViewService.contentProjected = false;\n\t}\n\n\tget tree() {\n\t\treturn this._tree;\n\t}\n\n\tstatic treeViewCount = 0;\n\n\t@Input() id = `tree-view-${TreeViewComponent.treeViewCount++}`;\n\t/**\n\t * Tree view label\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Optional context for label if it's a template\n\t */\n\t@Input() labelContext: any;\n\t/**\n\t * Specify the size of the list items in the tree\n\t */\n\t@Input() size: \"xs\" | \"sm\" = \"sm\";\n\t/**\n\t * **Experimental** - Enable to select multiple nodes\n\t */\n\t@Input() set isMultiSelect(isMulti: boolean) {\n\t\tthis.treeViewService.isMultiSelect = isMulti;\n\t}\n\n\t@Output() select = new EventEmitter<Node | Node[]>();\n\t@Output() toggle = new EventEmitter<Node>();\n\t@ViewChild(\"treeWrapper\") root: ElementRef;\n\n\tprivate treeWalker: TreeWalker;\n\tprivate _tree: Node[] = [];\n\tprivate subscription: Subscription;\n\n\tconstructor(\n\t\t@Inject(DOCUMENT) private document: Document,\n\t\tpublic treeViewService: TreeViewService,\n\t\tprivate elementRef: ElementRef\n\t) {}\n\n\t/**\n\t * Subscribe for node selection\n\t */\n\tngOnInit(): void {\n\t\tthis.subscription = this.treeViewService.selectionObservable.subscribe((nodesMap: Map<string, Node>) => {\n\t\t\t// Get all values from the map to emit\n\t\t\tconst nodes = [...nodesMap.values()];\n\n\t\t\tthis.select.emit(this.treeViewService.isMultiSelect ? nodes : nodes[0]);\n\t\t});\n\t\tthis.subscription.add(this.treeViewService.focusNodeObservable.subscribe(node => this.onNodeFocusChange(node)));\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.subscription.unsubscribe();\n\t}\n\n\t/**\n\t * Initialize tree walker to support keyboard navigation\n\t */\n\tngAfterViewInit(): void {\n\t\tthis.treeWalker = this.document.createTreeWalker(this.root.nativeElement, NodeFilter.SHOW_ELEMENT, {\n\t\t\tacceptNode: function (node: HTMLElement) {\n\t\t\t\tif (node.classList.contains(`cds--tree-node--disabled`)) {\n\t\t\t\t\treturn NodeFilter.FILTER_REJECT;\n\t\t\t\t}\n\t\t\t\tif (node.matches(`div.cds--tree-node`)) {\n\t\t\t\t\treturn NodeFilter.FILTER_ACCEPT;\n\t\t\t\t}\n\t\t\t\treturn NodeFilter.FILTER_SKIP;\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Navigate tree using tree walker\n\t * @param event - KeyboardEvent\n\t */\n\tnavigateTree(event: KeyboardEvent) {\n\t\tif (event.key === \"ArrowUp\") {\n\t\t\t(this.treeWalker.previousNode() as HTMLElement)?.focus();\n\t\t}\n\n\t\tif (event.key === \"ArrowDown\") {\n\t\t\t(this.treeWalker.nextNode() as HTMLElement)?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Propagate node toggle event\n\t * @param eventOnNode - EventOnNode\n\t */\n\tonNodeToggle(eventOnNode: EventOnNode) {\n\t\tif (!eventOnNode) {\n\t\t\treturn;\n\t\t}\n\t\tthis.toggle.emit(eventOnNode.node);\n\t}\n\n\t/**\n\t * Node focus change\n\t * @param node - Node\n\t */\n\tonNodeFocusChange(node: Node) {\n\t\tif (!node) {\n\t\t\t// if for some reason the focused node is not defined we fallback on the root element of the treeview\n\t\t\tthis.treeWalker.currentNode = this.treeWalker.root;\n\t\t\treturn;\n\t\t}\n\t\t// Update current node based on focus change to have a better keyboard navigation experience\n\t\tthis.treeWalker.currentNode = this.elementRef.nativeElement.querySelector(`#${CSS.escape(node.id)}`);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tpublic isProjected() {\n\t\treturn this.treeViewService.contentProjected;\n\t}\n\n\tprivate copyNode(node: Node): Node {\n\t\t// making a recursive shallow copy to avoid performance issues when deeply cloning templateRefs if defined in the node\n\t\tconst copiedNode = Object.assign({}, node);\n\t\tif (node.children) {\n\t\t\tcopiedNode.children = node.children.map(child => this.copyNode(child));\n\t\t}\n\t\treturn copiedNode;\n\t}\n}\n",
+            "sourceCode": "import { DOCUMENT } from \"@angular/common\";\nimport {\n\tComponent,\n\tInput,\n\tOutput,\n\tTemplateRef,\n\tEventEmitter,\n\tAfterViewInit,\n\tInject,\n\tViewChild,\n\tElementRef,\n\tOnInit,\n\tOnDestroy\n} from \"@angular/core\";\nimport { Subscription } from \"rxjs\";\nimport { EventOnNode, Node } from \"./tree-node.types\";\nimport { TreeViewService } from \"./treeview.service\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TreeviewModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tree-view--basic)\n */\n@Component({\n\tselector: \"cds-tree-view\",\n\ttemplate: `\n\t\t<label\n\t\t\t*ngIf=\"label\"\n\t\t\t[id]=\"id\"\n\t\t\tclass=\"cds--label\"\n\t\t\t[ngClass]=\"{'cds--visually-hidden': hideLabel}\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(label)\"\n\t\t\t\t[ngTemplateOutlet]=\"label\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: labelContext }\">\n\t\t\t</ng-template>\n\t\t</label>\n\t\t<div\n\t\t\tclass=\"cds--tree\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--tree--sm': size === 'sm',\n\t\t\t\t'cds--tree--xs': size === 'xs'\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"label ? label : null\"\n\t\t\t[attr.aria-labelledby]=\"!label ? id : null\"\n\t\t\t[attr.aria-multiselectable]=\"isMultiSelect || null\"\n\t\t\trole=\"tree\"\n\t\t\t(keydown)=\"navigateTree($event)\"\n\t\t\t#treeWrapper>\n\t\t\t<ng-container *ngIf=\"isProjected(); else notProjected\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</ng-container>\n\t\t\t<ng-template #notProjected>\n\t\t\t\t<cds-tree-node\n\t\t\t\t\t*ngFor=\"let node of tree\"\n\t\t\t\t\t[node]=\"node\"\n\t\t\t\t\t(nodetoggle)=\"onNodeToggle($event)\">\n\t\t\t\t</cds-tree-node>\n\t\t\t</ng-template>\n\t\t</div>\n\t`,\n\tproviders: [TreeViewService]\n})\nexport class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {\n\t/**\n\t * Pass `Node[]` array to have tree view render the nodes\n\t * Passing value will disregard projected content\n\t */\n\t@Input() set tree(treeNodes: Node[]) {\n\t\tthis._tree = treeNodes.map((node) => this.copyNode(node));\n\t\tthis.treeViewService.contentProjected = false;\n\t}\n\n\tget tree() {\n\t\treturn this._tree;\n\t}\n\n\tstatic treeViewCount = 0;\n\n\t@Input() id = `tree-view-${TreeViewComponent.treeViewCount++}`;\n\t/**\n\t * Tree view label\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\n\t/**\n\t * Set to `true` to visually hide the label while keeping it available to assistive technologies.\n\t */\n\t@Input() hideLabel = false;\n\t/**\n\t * Optional context for label if it's a template\n\t */\n\t@Input() labelContext: any;\n\t/**\n\t * Specify the size of the list items in the tree\n\t */\n\t@Input() size: \"xs\" | \"sm\" = \"sm\";\n\t/**\n\t * **Experimental** - Enable to select multiple nodes\n\t */\n\t@Input() set isMultiSelect(isMulti: boolean) {\n\t\tthis.treeViewService.isMultiSelect = isMulti;\n\t}\n\n\t@Output() select = new EventEmitter<Node | Node[]>();\n\t@Output() toggle = new EventEmitter<Node>();\n\t@ViewChild(\"treeWrapper\") root: ElementRef;\n\n\tprivate treeWalker: TreeWalker;\n\tprivate _tree: Node[] = [];\n\tprivate subscription: Subscription;\n\n\tconstructor(\n\t\t@Inject(DOCUMENT) private document: Document,\n\t\tpublic treeViewService: TreeViewService,\n\t\tprivate elementRef: ElementRef\n\t) {}\n\n\t/**\n\t * Subscribe for node selection\n\t */\n\tngOnInit(): void {\n\t\tthis.subscription = this.treeViewService.selectionObservable.subscribe((nodesMap: Map<string, Node>) => {\n\t\t\t// Get all values from the map to emit\n\t\t\tconst nodes = [...nodesMap.values()];\n\n\t\t\tthis.select.emit(this.treeViewService.isMultiSelect ? nodes : nodes[0]);\n\t\t});\n\t\tthis.subscription.add(this.treeViewService.focusNodeObservable.subscribe(node => this.onNodeFocusChange(node)));\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.subscription.unsubscribe();\n\t}\n\n\t/**\n\t * Initialize tree walker to support keyboard navigation\n\t */\n\tngAfterViewInit(): void {\n\t\tthis.treeWalker = this.document.createTreeWalker(this.root.nativeElement, NodeFilter.SHOW_ELEMENT, {\n\t\t\tacceptNode: function (node: HTMLElement) {\n\t\t\t\tif (node.classList.contains(`cds--tree-node--disabled`)) {\n\t\t\t\t\treturn NodeFilter.FILTER_REJECT;\n\t\t\t\t}\n\t\t\t\tif (node.matches(`div.cds--tree-node`)) {\n\t\t\t\t\treturn NodeFilter.FILTER_ACCEPT;\n\t\t\t\t}\n\t\t\t\treturn NodeFilter.FILTER_SKIP;\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Navigate tree using tree walker\n\t * @param event - KeyboardEvent\n\t */\n\tnavigateTree(event: KeyboardEvent) {\n\t\tif (event.key === \"ArrowUp\") {\n\t\t\t(this.treeWalker.previousNode() as HTMLElement)?.focus();\n\t\t}\n\n\t\tif (event.key === \"ArrowDown\") {\n\t\t\t(this.treeWalker.nextNode() as HTMLElement)?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Propagate node toggle event\n\t * @param eventOnNode - EventOnNode\n\t */\n\tonNodeToggle(eventOnNode: EventOnNode) {\n\t\tif (!eventOnNode) {\n\t\t\treturn;\n\t\t}\n\t\tthis.toggle.emit(eventOnNode.node);\n\t}\n\n\t/**\n\t * Node focus change\n\t * @param node - Node\n\t */\n\tonNodeFocusChange(node: Node) {\n\t\tif (!node) {\n\t\t\t// if for some reason the focused node is not defined we fallback on the root element of the treeview\n\t\t\tthis.treeWalker.currentNode = this.treeWalker.root;\n\t\t\treturn;\n\t\t}\n\t\t// Update current node based on focus change to have a better keyboard navigation experience\n\t\tthis.treeWalker.currentNode = this.elementRef.nativeElement.querySelector(`#${CSS.escape(node.id)}`);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tpublic isProjected() {\n\t\treturn this.treeViewService.contentProjected;\n\t}\n\n\tprivate copyNode(node: Node): Node {\n\t\t// making a recursive shallow copy to avoid performance issues when deeply cloning templateRefs if defined in the node\n\t\tconst copiedNode = Object.assign({}, node);\n\t\tif (node.children) {\n\t\t\tcopiedNode.children = node.children.map(child => this.copyNode(child));\n\t\t}\n\t\treturn copiedNode;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -74784,7 +75172,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 110,
+                "line": 116,
                 "jsdoctags": [
                     {
                         "name": "document",
@@ -74838,7 +75226,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 73,
+                        "line": 74,
                         "rawdescription": "\n\nPass `Node[]` array to have tree view render the nodes\nPassing value will disregard projected content\n",
                         "description": "<p>Pass <code>Node[]</code> array to have tree view render the nodes\nPassing value will disregard projected content</p>\n",
                         "jsdoctags": [
@@ -74857,7 +75245,7 @@
                         "name": "tree",
                         "type": "",
                         "returnType": "",
-                        "line": 78
+                        "line": 79
                     }
                 },
                 "isMultiSelect": {
@@ -74876,7 +75264,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 100,
+                        "line": 106,
                         "rawdescription": "\n\n**Experimental** - Enable to select multiple nodes\n",
                         "description": "<p><strong>Experimental</strong> - Enable to select multiple nodes</p>\n",
                         "jsdoctags": [
@@ -75060,6 +75448,50 @@
                 }
             ]
         },
+        {
+            "name": "AspectRatioModule",
+            "id": "module-AspectRatioModule-d7b8d5fa8ee6716328af68daeaf1394eac89a38b678c47f372b3717ba0233b465901f2101e10b3b872e1a12710fae3b9ebc2b105f96dc81404786892a9ea3f69",
+            "description": "",
+            "deprecationMessage": "",
+            "deprecated": false,
+            "file": "src/aspect-ratio/aspect-ratio.module.ts",
+            "methods": [],
+            "sourceCode": "import { NgModule } from \"@angular/core\";\r\nimport { AspectRatioDirective } from \"./aspect-ratio.directive\";\r\n\r\n@NgModule({\r\n\tdeclarations: [AspectRatioDirective],\r\n\texports: [AspectRatioDirective]\r\n})\r\nexport class AspectRatioModule {}\r\n",
+            "children": [
+                {
+                    "type": "providers",
+                    "elements": []
+                },
+                {
+                    "type": "declarations",
+                    "elements": [
+                        {
+                            "name": "AspectRatioDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "imports",
+                    "elements": []
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "AspectRatioDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "bootstrap",
+                    "elements": []
+                },
+                {
+                    "type": "classes",
+                    "elements": []
+                }
+            ]
+        },
         {
             "name": "BreadcrumbModule",
             "id": "module-BreadcrumbModule-136f75a31aee3841f41ff9d7178ab0707770b9ccd9f8f1dfdd28d4408511b05804aa608c25147f19a9b1348293d70435f1bbdc3d25704aacd328b0cc075478c0",
@@ -79858,7 +80290,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb>\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item current=\"true\" href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [size]=\"size\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item current=\"true\" href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
             },
             {
                 "name": "Custom",
@@ -79990,6 +80422,16 @@
                 "type": "",
                 "defaultValue": "Template.bind({})"
             },
+            {
+                "name": "Default",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "Template.bind({})"
+            },
             {
                 "name": "DEFAULT_TOOLTIP_CONFIG",
                 "ctype": "miscellaneous",
@@ -80302,6 +80744,16 @@
                 "type": "",
                 "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/table/stories/app-model-filter-table.component.ts\n\t\t-->\n\t\t<app-model-filter-table\n\t\t\t[stickyHeader]=\"stickyHeader\"\n\t\t\t[size]=\"size\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[showSelectionColumn]=\"showSelectionColumn\"\n\t\t\t[striped]=\"striped\"\n\t\t\t[isDataGrid]=\"isDataGrid\">\n\t\t</app-model-filter-table>\n\t`\n})"
             },
+            {
+                "name": "Fluid",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/button/button-set.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "FluidTemplate.bind({})"
+            },
             {
                 "name": "Fluid",
                 "ctype": "miscellaneous",
@@ -80382,6 +80834,16 @@
                 "type": "",
                 "defaultValue": "Template.bind({})"
             },
+            {
+                "name": "FluidTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/button/button-set.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set [fluid]=\"fluid\" [stacked]=\"stacked\" style=\"width: 800px;\">\n\t\t\t<button cdsButton=\"ghost\" [size]=\"size\">Cancel</button>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\">Button</button>\n\t\t\t<button cdsButton>Button</button>\n\t\t</cds-button-set>\n\t`\n})"
+            },
             {
                 "name": "FormModal",
                 "ctype": "miscellaneous",
@@ -80630,7 +81092,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[inline]=\"inline\">\n\t\t\tLink\n\t\t\t<svg cdsLinkIcon cdsIcon=\"close\" size=\"16\"></svg>\n\t\t</a>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\n\t\t\t[inline]=\"inline\"\n\t\t\t[visited]=\"visited\">\n\t\t\tLink\n\t\t\t<svg cdsLinkIcon cdsIcon=\"close\" size=\"16\"></svg>\n\t\t</a>\n\t`\n})"
             },
             {
                 "name": "Indeterminate",
@@ -80914,7 +81376,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems\n\t},\n\ttemplate: `\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"createBreadcrumbItems(itemCount, content)\">\n\t\t</cds-breadcrumb>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems\n\t},\n\ttemplate: `\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"createBreadcrumbItems(itemCount, content)\"\n\t\t\t[size]=\"size\">\n\t\t</cds-breadcrumb>\n\t`\n})"
             },
             {
                 "name": "ModelTemplate",
@@ -80974,7 +81436,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems,\n\t\twithTemplate\n\t},\n\ttemplate: `\n\t\t<ng-template #breadcrumbTemplate let-item>\n\t\t\t{{ templateContent }}{{ item.content }}\n\t\t</ng-template>\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\">\n\t\t</cds-breadcrumb>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems,\n\t\twithTemplate\n\t},\n\ttemplate: `\n\t\t<ng-template #breadcrumbTemplate let-item>\n\t\t\t{{ templateContent }}{{ item.content }}\n\t\t</ng-template>\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\"\n\t\t\t[size]=\"size\">\n\t\t</cds-breadcrumb>\n\t`\n})"
             },
             {
                 "name": "monthToStr",
@@ -82243,6 +82705,16 @@
                 "type": "",
                 "defaultValue": "(args) => ({\r\n\tprops: args,\r\n\ttemplate: `\r\n\t\t<div class=\"ai-label-container\">\r\n\t\t\t<cds-ai-label\r\n\t\t\t\t[aiText]=\"aiText\"\r\n\t\t\t\t[kind]=\"kind\"\r\n\t\t\t\t[size]=\"size\"\r\n\t\t\t\t[align]=\"align\"\r\n\t\t\t\t[isOpen]=\"isOpen\"\r\n\t\t\t\t[autoAlign]=\"autoAlign\"\r\n\t\t\t\t[ariaLabel]=\"ariaLabel\"\r\n\t\t\t\t[revertActive]=\"revertActive\"\r\n\t\t\t\t[revertLabel]=\"revertLabel\"\r\n\t\t\t\t(revertClick)=\"revertClick($event)\"\r\n\t\t\t\t(onOpen)=\"onOpen($event)\"\r\n\t\t\t\t(onClose)=\"onClose($event)\"\r\n\t\t\t\t(isOpenChange)=\"isOpenChange($event)\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<p class=\"secondary\">AI Explained</p>\r\n\t\t\t\t\t\t<h2 class=\"ai-label-heading\">84%</h2>\r\n\t\t\t\t\t\t<p class=\"secondary bold\">Confidence score</p>\r\n\t\t\t\t\t\t<p class=\"secondary\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do\r\n\t\t\t\t\t\t\teiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<hr />\r\n\t\t\t\t\t\t<p class=\"secondary\">Model type</p>\r\n\t\t\t\t\t\t<p class=\"bold\">Foundation model</p>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div cdsAILabelActions>\r\n\t\t\t\t\t\t<cds-icon-button kind=\"ghost\" align=\"top\" description=\"View\">\r\n\t\t\t\t\t\t\t<svg cdsIcon=\"view\" size=\"16\"></svg>\r\n\t\t\t\t\t\t</cds-icon-button>\r\n\t\t\t\t\t\t<cds-icon-button kind=\"ghost\" align=\"top\" description=\"Download\">\r\n\t\t\t\t\t\t\t<svg cdsIcon=\"download\" size=\"16\"></svg>\r\n\t\t\t\t\t\t</cds-icon-button>\r\n\t\t\t\t\t\t<cds-icon-button kind=\"ghost\" align=\"top\" description=\"Folders\">\r\n\t\t\t\t\t\t\t<svg cdsIcon=\"folder\" size=\"16\"></svg>\r\n\t\t\t\t\t\t</cds-icon-button>\r\n\t\t\t\t\t\t<button cdsButton type=\"button\">View details</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t</cds-ai-label>\r\n\t\t</div>\r\n\t`,\r\n\tstyles: AI_LABEL_STORY_STYLES\r\n})"
             },
+            {
+                "name": "Template",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\r\n\tprops: args,\r\n\ttemplate: `\r\n\t\t<div cdsGrid>\r\n\t\t\t<div cdsRow>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t`\r\n})"
+            },
             {
                 "name": "Template",
                 "ctype": "miscellaneous",
@@ -82251,7 +82723,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\" [size]=\"size\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
             },
             {
                 "name": "Template",
@@ -82261,7 +82733,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t\t<button cdsButton [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t</cds-button-set>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\">Button</button>\n\t\t\t<button cdsButton>Button</button>\n\t\t</cds-button-set>\n\t`\n})"
             },
             {
                 "name": "Template",
@@ -82471,7 +82943,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a href=\"#\" cdsLink [disabled]=\"disabled\" [inline]=\"inline\">link</a>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[size]=\"size\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[visited]=\"visited\"\n\t\t\t[inline]=\"inline\">\n\t\t\tlink\n\t\t</a>\n\t`\n})"
             },
             {
                 "name": "Template",
@@ -83653,7 +84125,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
-                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\" [size]=\"size\">\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
             },
             {
                 "name": "withTemplate",
@@ -84869,6 +85341,17 @@
             }
         ],
         "typealiases": [
+            {
+                "name": "AspectRatioValue",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "\"1x1\" | \"2x3\" | \"3x2\" | \"3x4\" | \"4x3\" | \"1x2\" | \"2x1\" | \"9x16\" | \"16x9\"",
+                "file": "src/aspect-ratio/aspect-ratio.directive.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 192
+            },
             {
                 "name": "ButtonSize",
                 "ctype": "miscellaneous",
@@ -86727,7 +87210,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb>\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item current=\"true\" href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [size]=\"size\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item current=\"true\" href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
                 },
                 {
                     "name": "Model",
@@ -86747,7 +87230,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems\n\t},\n\ttemplate: `\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"createBreadcrumbItems(itemCount, content)\">\n\t\t</cds-breadcrumb>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems\n\t},\n\ttemplate: `\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"createBreadcrumbItems(itemCount, content)\"\n\t\t\t[size]=\"size\">\n\t\t</cds-breadcrumb>\n\t`\n})"
                 },
                 {
                     "name": "ModelWithTemplate",
@@ -86767,7 +87250,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems,\n\t\twithTemplate\n\t},\n\ttemplate: `\n\t\t<ng-template #breadcrumbTemplate let-item>\n\t\t\t{{ templateContent }}{{ item.content }}\n\t\t</ng-template>\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\">\n\t\t</cds-breadcrumb>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems,\n\t\twithTemplate\n\t},\n\ttemplate: `\n\t\t<ng-template #breadcrumbTemplate let-item>\n\t\t\t{{ templateContent }}{{ item.content }}\n\t\t</ng-template>\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\"\n\t\t\t[size]=\"size\">\n\t\t</cds-breadcrumb>\n\t`\n})"
                 },
                 {
                     "name": "Skeleton",
@@ -86787,7 +87270,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\" [size]=\"size\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
                 },
                 {
                     "name": "WithSkeleton",
@@ -86797,7 +87280,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\" [size]=\"size\">\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
                 },
                 {
                     "name": "withTemplate",
@@ -86821,6 +87304,26 @@
                     "type": "",
                     "defaultValue": "Template.bind({})"
                 },
+                {
+                    "name": "Fluid",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/button/button-set.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "FluidTemplate.bind({})"
+                },
+                {
+                    "name": "FluidTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/button/button-set.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set [fluid]=\"fluid\" [stacked]=\"stacked\" style=\"width: 800px;\">\n\t\t\t<button cdsButton=\"ghost\" [size]=\"size\">Cancel</button>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\">Button</button>\n\t\t\t<button cdsButton>Button</button>\n\t\t</cds-button-set>\n\t`\n})"
+                },
                 {
                     "name": "Template",
                     "ctype": "miscellaneous",
@@ -86829,7 +87332,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t\t<button cdsButton [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t</cds-button-set>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\">Button</button>\n\t\t\t<button cdsButton>Button</button>\n\t\t</cds-button-set>\n\t`\n})"
                 }
             ],
             "src/button/button.stories.ts": [
@@ -88127,7 +88630,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[inline]=\"inline\">\n\t\t\tLink\n\t\t\t<svg cdsLinkIcon cdsIcon=\"close\" size=\"16\"></svg>\n\t\t</a>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\n\t\t\t[inline]=\"inline\"\n\t\t\t[visited]=\"visited\">\n\t\t\tLink\n\t\t\t<svg cdsLinkIcon cdsIcon=\"close\" size=\"16\"></svg>\n\t\t</a>\n\t`\n})"
                 },
                 {
                     "name": "Template",
@@ -88137,7 +88640,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "",
-                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a href=\"#\" cdsLink [disabled]=\"disabled\" [inline]=\"inline\">link</a>\n\t`\n})"
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<a\n\t\t\thref=\"#\"\n\t\t\tcdsLink\n\t\t\t[size]=\"size\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[visited]=\"visited\"\n\t\t\t[inline]=\"inline\">\n\t\t\tlink\n\t\t</a>\n\t`\n})"
                 },
                 {
                     "name": "WithIcon",
@@ -90005,6 +90508,28 @@
                     "type": "any"
                 }
             ],
+            "src/aspect-ratio/aspect-ratio.stories.ts": [
+                {
+                    "name": "Default",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "Template.bind({})"
+                },
+                {
+                    "name": "Template",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\r\n\tprops: args,\r\n\ttemplate: `\r\n\t\t<div cdsGrid>\r\n\t\t\t<div cdsRow>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div cdsCol [columnNumbers]=\"{ sm: 1, md: 2, lg: 4 }\">\r\n\t\t\t\t\t<div cdsAspectRatio [ratio]=\"ratio\">Content</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t`\r\n})"
+                }
+            ],
             "src/tooltip/tooltip.interface.ts": [
                 {
                     "name": "DEFAULT_TOOLTIP_CONFIG",
@@ -92079,6 +92604,19 @@
             ]
         },
         "groupedTypeAliases": {
+            "src/aspect-ratio/aspect-ratio.directive.ts": [
+                {
+                    "name": "AspectRatioValue",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "\"1x1\" | \"2x3\" | \"3x2\" | \"3x4\" | \"4x3\" | \"1x2\" | \"2x1\" | \"9x16\" | \"16x9\"",
+                    "file": "src/aspect-ratio/aspect-ratio.directive.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 192
+                }
+            ],
             "src/button/button.types.ts": [
                 {
                     "name": "ButtonSize",
@@ -92538,6 +93076,35 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/aspect-ratio/aspect-ratio.directive.ts",
+                "type": "directive",
+                "linktype": "directive",
+                "name": "AspectRatioDirective",
+                "coveragePercent": 23,
+                "coverageCount": "3/13",
+                "status": "low"
+            },
+            {
+                "filePath": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "Default",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "Template",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/breadcrumb/breadcrumb-item.component.ts",
                 "type": "component",
@@ -92561,9 +93128,9 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "Breadcrumb",
-                "coveragePercent": 25,
-                "coverageCount": "3/12",
-                "status": "low"
+                "coveragePercent": 30,
+                "coverageCount": "4/13",
+                "status": "medium"
             },
             {
                 "filePath": "src/breadcrumb/breadcrumb.component.ts",
@@ -92719,8 +93286,8 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "ButtonSet",
-                "coveragePercent": 33,
-                "coverageCount": "1/3",
+                "coveragePercent": 42,
+                "coverageCount": "3/7",
                 "status": "medium"
             },
             {
@@ -92733,6 +93300,26 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/button/button-set.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "Fluid",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/button/button-set.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "FluidTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/button/button-set.stories.ts",
                 "type": "variable",
@@ -95521,8 +96108,8 @@
                 "type": "directive",
                 "linktype": "directive",
                 "name": "Link",
-                "coveragePercent": 71,
-                "coverageCount": "5/7",
+                "coveragePercent": 58,
+                "coverageCount": "7/12",
                 "status": "good"
             },
             {
@@ -96882,8 +97469,8 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "ProgressBar",
-                "coveragePercent": 36,
-                "coverageCount": "8/22",
+                "coveragePercent": 39,
+                "coverageCount": "9/23",
                 "status": "medium"
             },
             {
@@ -99491,9 +100078,9 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "TreeViewComponent",
-                "coveragePercent": 50,
-                "coverageCount": "9/18",
-                "status": "medium"
+                "coveragePercent": 52,
+                "coverageCount": "10/19",
+                "status": "good"
             },
             {
                 "filePath": "src/treeview/treeview.service.ts",