chore(chat): feedback design update, chart multi-mode update, code ed…

…iting behavior fixes (#320)

* chore(chat): new feedback, chart analysis

* chore(chat): chart spec handling, code examples

* chore(chat): removed missing import

* chore(chat): complete chart ingestion, mutli-option code

* chore(chat): chart fixes, new code examples, code resize fixes

packages/web-components/src/components/chat/components/cardElement/__stories__/cardElement.stories.js

@@ -13,7 +13,7 @@ import '@carbon/web-components/es/components/button/index.js';
 
 // More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 export default {
-  title: 'Components/Chat/Card',
+  title: 'Components/Core/Card',
   component: 'clabs-chat-card',
 };
 

packages/web-components/src/components/chat/components/carouselElement/__stories__/carouselElement.stories.js

@@ -12,7 +12,7 @@ import { html } from 'lit';
 
 // More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 export default {
-  title: 'Components/Chat/Carousel',
+  title: 'Components/Core/Carousel',
 };
 
 const carouselExamples = [

packages/web-components/src/components/chat/components/chartElement/__stories__/chartElement.stories.ts

@@ -10,10 +10,11 @@
 import '../chartElement';
 import { html } from 'lit';
 import complexExamples from './examples2.json';
+import otherExamples from './examples3.json';
 
 // More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 export default {
-  title: 'Components/Chart',
+  title: 'Components/Experimental/Chart',
   component: 'clabs-chat-chart',
 };
 
@@ -386,6 +387,26 @@ export const ComplexExamples = {
     `,
 };
 
+export const FacetingTest = {
+  /**
+   * Renders the template for Showcase Storybook
+   * @returns {TemplateResult<1>}
+   */
+  render: () =>
+    html`
+      ${otherExamples.map(
+        (item) =>
+          html` <h4>${item.name}</h4>
+            <clabs-chat-chart
+              container-height="600px"
+              container-width="800px"
+              debug-mode
+              content="${JSON.stringify(item.spec)}">
+            </clabs-chat-chart>`
+      )}
+    `,
+};
+
 export const RepeatingLayerCharts = {
   /**
    * Renders the template for Showcase Storybook