carbon-components-angular 5.69.0 → 5.70.0

package/docs/documentation/modules/TooltipModule.html

@@ -133,83 +133,83 @@
 <title>cluster_TooltipModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="72,-70 72,-268 424,-268 424,-70 72,-70"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_TooltipModule_exports</title>
-<polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
+<g id="clust5" class="cluster">
+<title>cluster_TooltipModule_imports</title>
+<polygon fill="none" stroke="black" points="294,-78 294,-130 416,-130 416,-78 294,-78"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_TooltipModule_declarations</title>
-<polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
+<polygon fill="none" stroke="black" points="80,-78 80,-130 286,-130 286,-78 80,-78"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_TooltipModule_imports</title>
-<polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
+<g id="clust6" class="cluster">
+<title>cluster_TooltipModule_exports</title>
+<polygon fill="none" stroke="black" points="131,-208 131,-260 343,-260 343,-208 131,-208"/>
 </g>
 <!-- Tooltip -->
 <g id="node1" class="node">
 <title>Tooltip</title>
-<polygon fill="#ffffb3" stroke="black" points="407.72,-122 350.28,-122 350.28,-86 407.72,-86 407.72,-122"/>
-<text text-anchor="middle" x="379" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
+<polygon fill="#ffffb3" stroke="black" points="277.72,-122 220.28,-122 220.28,-86 277.72,-86 277.72,-122"/>
+<text text-anchor="middle" x="249" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
 </g>
 <!-- TooltipModule -->
 <g id="node3" class="node">
 <title>TooltipModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="325.27,-187 322.27,-191 301.27,-191 298.27,-187 224.73,-187 224.73,-151 325.27,-151 325.27,-187"/>
-<text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="299.27,-187 296.27,-191 275.27,-191 272.27,-187 198.73,-187 198.73,-151 299.27,-151 299.27,-187"/>
+<text text-anchor="middle" x="249" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
 </g>
 <!-- Tooltip&#45;&gt;TooltipModule -->
 <g id="edge1" class="edge">
 <title>Tooltip&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M382.49,-122.11C382.49,-141.34 382.49,-169 382.49,-169 382.49,-169 335.28,-169 335.28,-169"/>
-<polygon fill="black" stroke="black" points="335.28,-165.5 325.28,-169 335.28,-172.5 335.28,-165.5"/>
+<path fill="none" stroke="black" d="M249,-122.11C249,-122.11 249,-140.99 249,-140.99"/>
+<polygon fill="black" stroke="black" points="245.5,-140.99 249,-150.99 252.5,-140.99 245.5,-140.99"/>
 </g>
 <!-- TooltipDefinition -->
 <g id="node2" class="node">
 <title>TooltipDefinition</title>
-<polygon fill="#ffffb3" stroke="black" points="332.27,-122 217.73,-122 217.73,-86 332.27,-86 332.27,-122"/>
-<text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
+<polygon fill="#ffffb3" stroke="black" points="202.27,-122 87.73,-122 87.73,-86 202.27,-86 202.27,-122"/>
+<text text-anchor="middle" x="145" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
 </g>
 <!-- TooltipDefinition&#45;&gt;TooltipModule -->
 <g id="edge2" class="edge">
 <title>TooltipDefinition&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
-<polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
+<path fill="none" stroke="black" d="M202.43,-104C207.86,-104 211.39,-104 211.39,-104 211.39,-104 211.39,-140.89 211.39,-140.89"/>
+<polygon fill="black" stroke="black" points="207.89,-140.89 211.39,-150.89 214.89,-140.89 207.89,-140.89"/>
 </g>
 <!-- Tooltip  -->
 <g id="node5" class="node">
 <title>Tooltip </title>
-<polygon fill="#fb8072" stroke="black" points="357.23,-252 296.77,-252 296.77,-216 357.23,-216 357.23,-252"/>
-<text text-anchor="middle" x="327" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
+<polygon fill="#fb8072" stroke="black" points="335.23,-252 274.77,-252 274.77,-216 335.23,-216 335.23,-252"/>
+<text text-anchor="middle" x="305" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
 </g>
 <!-- TooltipModule&#45;&gt;Tooltip  -->
 <g id="edge4" class="edge">
 <title>TooltipModule&#45;&gt;Tooltip </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M311.01,-187.11C311.01,-187.11 311.01,-205.99 311.01,-205.99"/>
-<polygon fill="black" stroke="black" points="307.51,-205.99 311.01,-215.99 314.51,-205.99 307.51,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M287.01,-187.11C287.01,-187.11 287.01,-205.99 287.01,-205.99"/>
+<polygon fill="black" stroke="black" points="283.51,-205.99 287.01,-215.99 290.51,-205.99 283.51,-205.99"/>
 </g>
 <!-- TooltipDefinition  -->
 <g id="node6" class="node">
 <title>TooltipDefinition </title>
-<polygon fill="#fb8072" stroke="black" points="279.27,-252 160.73,-252 160.73,-216 279.27,-216 279.27,-252"/>
-<text text-anchor="middle" x="220" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
+<polygon fill="#fb8072" stroke="black" points="257.27,-252 138.73,-252 138.73,-216 257.27,-216 257.27,-252"/>
+<text text-anchor="middle" x="198" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
 </g>
 <!-- TooltipModule&#45;&gt;TooltipDefinition  -->
 <g id="edge5" class="edge">
 <title>TooltipModule&#45;&gt;TooltipDefinition </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M251.87,-187.11C251.87,-187.11 251.87,-205.99 251.87,-205.99"/>
-<polygon fill="black" stroke="black" points="248.37,-205.99 251.87,-215.99 255.37,-205.99 248.37,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.87,-187.11C227.87,-187.11 227.87,-205.99 227.87,-205.99"/>
+<polygon fill="black" stroke="black" points="224.37,-205.99 227.87,-215.99 231.37,-205.99 224.37,-205.99"/>
 </g>
 <!-- PopoverModule -->
 <g id="node4" class="node">
 <title>PopoverModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="194.21,-122 191.21,-126 170.21,-126 167.21,-122 87.79,-122 87.79,-86 194.21,-86 194.21,-122"/>
-<text text-anchor="middle" x="141" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="408.21,-122 405.21,-126 384.21,-126 381.21,-122 301.79,-122 301.79,-86 408.21,-86 408.21,-122"/>
+<text text-anchor="middle" x="355" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
 </g>
 <!-- PopoverModule&#45;&gt;TooltipModule -->
 <g id="edge3" class="edge">
 <title>PopoverModule&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M177.48,-122.11C177.48,-141.34 177.48,-169 177.48,-169 177.48,-169 214.53,-169 214.53,-169"/>
-<polygon fill="black" stroke="black" points="214.53,-172.5 224.53,-169 214.53,-165.5 214.53,-172.5"/>
+<path fill="none" stroke="black" d="M301.64,-104C293.91,-104 288.5,-104 288.5,-104 288.5,-104 288.5,-140.89 288.5,-140.89"/>
+<polygon fill="black" stroke="black" points="285,-140.89 288.5,-150.89 292,-140.89 285,-140.89"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/TreeviewModule/dependencies.svg

@@ -24,10 +24,6 @@
 <title>cluster_TreeviewModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_TreeviewModule_exports</title>
-<polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TreeviewModule_imports</title>
 <polygon fill="none" stroke="black" points="370,-143 370,-195 470,-195 470,-143 370,-143"/>
@@ -36,6 +32,10 @@
 <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
 <polygon fill="none" stroke="black" points="188,-78 188,-195 362,-195 362,-78 188,-78"/>
 </g>
+<g id="clust6" class="cluster">
+<title>cluster_TreeviewModule_exports</title>
+<polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
+</g>
 <g id="clust2" class="cluster">
 <title>cluster_TreeviewModule_declarations</title>
 <polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>

package/docs/documentation/modules/TreeviewModule.html

@@ -133,10 +133,6 @@
 <title>cluster_TreeviewModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_TreeviewModule_exports</title>
-<polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TreeviewModule_imports</title>
 <polygon fill="none" stroke="black" points="370,-143 370,-195 470,-195 470,-143 370,-143"/>
@@ -145,6 +141,10 @@
 <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
 <polygon fill="none" stroke="black" points="188,-78 188,-195 362,-195 362,-78 188,-78"/>
 </g>
+<g id="clust6" class="cluster">
+<title>cluster_TreeviewModule_exports</title>
+<polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
+</g>
 <g id="clust2" class="cluster">
 <title>cluster_TreeviewModule_declarations</title>
 <polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>

package/docs/documentation.json

@@ -80416,7 +80416,7 @@
                 "name": "Default",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "file": "src/ai-label/ai-label.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
@@ -80426,7 +80426,7 @@
                 "name": "Default",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/ai-label/ai-label.stories.ts",
+                "file": "src/aspect-ratio/aspect-ratio.stories.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "",
@@ -82699,21 +82699,21 @@
                 "name": "Template",
                 "ctype": "miscellaneous",
                 "subtype": "variable",
-                "file": "src/aspect-ratio/aspect-ratio.stories.ts",
+                "file": "src/ai-label/ai-label.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})"
+                "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/ai-label/ai-label.stories.ts",
+                "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 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})"
+                "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",

package/docs/storybook/iframe.html

@@ -352,4 +352,4 @@
       
       import './5478.9ea1aa7a.iframe.bundle.js';
       
-      import './main.3cc3946e.iframe.bundle.js';</script></body></html>
+      import './main.6a758e9e.iframe.bundle.js';</script></body></html>