genesys-spark-components 4.157.5 → 4.158.0

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-text-highlight/tests/gux-rich-text-editor-action-text-highlight.common.js

@@ -0,0 +1,39 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta>
+      <gux-rich-text-editor-action-group slot="text-styling">
+        <gux-rich-text-editor-action-text-highlight ${modifier}>
+          <gux-rich-highlight-list-item
+            highlight="tomato"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="coral"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="pear"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="mango"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="raspberry"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="blueberry"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="mineral"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="islandaqua"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            class="custom-highlight"
+            highlight="inherit"
+          ></gux-rich-highlight-list-item>
+        </gux-rich-text-editor-action-text-highlight>
+      </gux-rich-text-editor-action-group>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-rich-text-editor/tests/gux-rich-text-editor.common.js

@@ -0,0 +1,40 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta ${modifier}>
+      <gux-rich-text-editor-action-group slot="typographical-emphasis">
+        <gux-rich-text-editor-action action="bold"></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action action="italic"></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="underline"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action action="strike"></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="text-styling">
+        <gux-rich-text-editor-action
+          action="clearFormatting"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="lists-indentation">
+        <gux-rich-text-editor-action
+          action="bulletList"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="orderedList"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="inserting">
+        <gux-rich-text-editor-action
+          action="codeblock"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="blockQuote"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action
+        slot="global-action"
+        action="delete"
+      ></gux-rich-text-editor-action>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-segmented-control/tests/gux-segmented-control.common.js

@@ -0,0 +1,95 @@
+export const renderConfigs = [
+    {
+        description: 'Should render basic segmented control',
+        html: `<gux-segmented-control-beta>
+      <gux-segmented-control-item value="option1">
+        <span slot="text">Option 1</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option2">
+        <span slot="text">Option 2</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option3">
+        <span slot="text">Option 3</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render with selected value',
+        html: `<gux-segmented-control-beta value="option2">
+      <gux-segmented-control-item value="option1">
+        <span slot="text">Option 1</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option2">
+        <span slot="text">Option 2</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option3">
+        <span slot="text">Option 3</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render disabled segmented control',
+        html: `<gux-segmented-control-beta disabled>
+      <gux-segmented-control-item value="option1">
+        <span slot="text">Option 1</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option2">
+        <span slot="text">Option 2</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option3">
+        <span slot="text">Option 3</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render with icons',
+        html: `<gux-segmented-control-beta>
+      <gux-segmented-control-item value="home">
+        <gux-icon slot="icon" icon-name="home" decorative></gux-icon>
+        <span slot="text">Home</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="settings">
+        <gux-icon slot="icon" icon-name="settings" decorative></gux-icon>
+        <span slot="text">Settings</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="profile">
+        <gux-icon slot="icon" icon-name="user" decorative></gux-icon>
+        <span slot="text">Profile</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render icon-only items',
+        html: `<gux-segmented-control-beta>
+      <gux-segmented-control-item value="home" icon-only>
+        <gux-icon slot="icon" icon-name="home" decorative></gux-icon>
+        <span slot="text">Home</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render with individual disabled items',
+        html: `<gux-segmented-control-beta>
+      <gux-segmented-control-item value="option1">
+        <span slot="text">Option 1</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option2" disabled>
+        <span slot="text">Option 2</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="option3">
+        <span slot="text">Option 3</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render with two items',
+        html: `<gux-segmented-control-beta value="left">
+      <gux-segmented-control-item value="left">
+        <span slot="text">Left</span>
+      </gux-segmented-control-item>
+      <gux-segmented-control-item value="right">
+        <span slot="text">Right</span>
+      </gux-segmented-control-item>
+    </gux-segmented-control-beta>`
+    }
+];

package/dist/collection/components/beta/gux-selector-cards/tests/gux-selector-cards.common.js

@@ -0,0 +1,189 @@
+export const renderConfigs = [
+    {
+        description: 'renders simple radio selector cards',
+        html: `
+      <gux-selector-cards-beta>
+        <gux-selector-card-beta variant="simple">
+          <label slot="label" for="first">First</label>
+          <input slot="input" id="first" type="radio" name="example1" />
+          <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="simple">
+          <label slot="label" for="second">Second</label>
+          <input slot="input" id="second" type="radio" name="example1" />
+          <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="simple">
+          <label slot="label" for="third">Third</label>
+          <input slot="input" id="third" type="radio" name="example1" />
+          <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="simple">
+          <label slot="label" for="fourth">Fourth</label>
+          <input slot="input" id="fourth" type="radio" name="example1" disabled />
+          <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="simple">
+          <label slot="label" for="fifth">Fifth</label>
+          <input slot="input" id="fifth" type="radio" name="example1" />
+          <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+        </gux-selector-card-beta>
+      </gux-selector-cards-beta>
+      `
+    },
+    {
+        description: 'renders descriptive radio selector cards',
+        html: `<gux-selector-cards-beta class="example2">
+        <gux-selector-card-beta variant="descriptive">
+          <label slot="label" for="first">First</label>
+          <input slot="input" id="first" type="radio" name="example2" />
+          <span slot="content">A label for a sample selector card. Used in Spark WCL.</span>
+          <gux-badge slot="badge" bold>Badge</gux-badge>
+          <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="descriptive">
+          <label slot="label" for="second">Second</label>
+          <input slot="input" id="second" type="radio" name="example2" />
+          <span slot="content">A label for a sample selector card. Used in Spark WCL.</span>
+          <gux-badge slot="badge" bold>Badge</gux-badge>
+          <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="descriptive">
+          <label slot="label" for="third">Third</label>
+          <input slot="input" id="third" type="radio" name="example2" />
+          <span slot="content">A label for a sample selector card. Used in Spark WCL.</span>
+          <gux-badge slot="badge" bold>Badge</gux-badge>
+          <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="descriptive">
+          <label slot="label" for="fourth">Fourth</label>
+          <input slot="input" id="fourth" type="radio" name="example2" disabled />
+          <span slot="content">A label for a sample selector card. Used in Spark WCL.</span>
+          <gux-badge slot="badge" bold>Badge</gux-badge>
+          <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+        </gux-selector-card-beta>
+
+        <gux-selector-card-beta variant="descriptive">
+          <label slot="label" for="fifth">Fifth</label>
+          <input slot="input" id="fifth" type="radio" name="example2" />
+          <span slot="content">A label for a sample selector card. Used in Spark WCL.</span>
+          <gux-badge slot="badge" bold>Badge</gux-badge>
+          <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+        </gux-selector-card-beta>
+      </gux-selector-cards-beta>`
+    },
+    {
+        description: 'renders simple checkbox selector cards',
+        html: `<gux-selector-cards-beta class="example1">
+            <gux-selector-card-beta variant="simple">
+              <label slot="label" for="1-D">First</label>
+              <input slot="input" id="1-D" type="checkbox" name="example4" value="1-D" />
+              <span slot="description"
+                >A label for a sample selector card. Used in Spark WCL.</span
+              >
+              <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative />
+            </gux-selector-card-beta>
+
+            <gux-selector-card-beta variant="simple">
+              <label slot="label" for="2-D">Second</label>
+              <input slot="input" id="2-D" type="checkbox" name="example4" value="2-D" />
+              <span slot="description"
+                >A label for a sample selector card. Used in Spark WCL.</span
+              >
+              <gux-badge slot="badge" bold>Badge</gux-badge>
+              <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+            </gux-selector-card-beta>
+
+            <gux-selector-card-beta variant="simple">
+              <label slot="label" for="3-D">Third</label>
+              <input slot="input" id="3-D" type="checkbox" name="example4" value="3-D" />
+              <span slot="description"
+                >A label for a sample selector card. Used in Spark WCL.</span
+              >
+              <gux-badge slot="badge" bold>Badge</gux-badge>
+              <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+            </gux-selector-card-beta>
+
+            <gux-selector-card-beta variant="simple">
+              <label slot="label" for="4-D">Fourth</label>
+              <input slot="input" id="4-D" type="checkbox" name="example4" disabled value="4-D" />
+              <span slot="description"
+                >A label for a sample selector card. Used in Spark WCL.</span
+              >
+              <gux-badge slot="badge" bold>Badge</gux-badge>
+              <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+            </gux-selector-card-beta>
+
+            <gux-selector-card-beta variant="simple">
+              <label slot="label" for="5-D">Fifth</label>
+              <input slot="input" id="5-D" type="checkbox" name="example4" value="5-D" />
+              <span slot="description"
+                >A label for a sample selector card. Used in Spark WCL.</span
+              >
+              <gux-badge slot="badge" bold>Badge</gux-badge>
+              <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+            </gux-selector-card-beta>
+          </gux-selector-cards-beta>`
+    },
+    {
+        description: 'renders descriptive checkbox selector cards',
+        html: `<gux-selector-cards-beta class="example1">
+      <gux-selector-card-beta variant="descriptive">
+        <label slot="label" for="1-D">First</label>
+        <input slot="input" id="1-D" type="checkbox" name="example4" value="1-D" />
+        <span slot="description"
+          >A label for a sample selector card. Used in Spark WCL.</span
+        >
+        <gux-badge slot="badge" bold>Badge</gux-badge>
+        <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative />
+      </gux-selector-card-beta>
+
+      <gux-selector-card-beta variant="descriptive">
+        <label slot="label" for="2-D">Second</label>
+        <input slot="input" id="2-D" type="checkbox" name="example4" value="2-D" />
+        <span slot="description"
+          >A label for a sample selector card. Used in Spark WCL.</span
+        >
+        <gux-badge slot="badge" bold>Badge</gux-badge>
+        <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+      </gux-selector-card-beta>
+
+      <gux-selector-card-beta variant="descriptive">
+        <label slot="label" for="3-D">Third</label>
+        <input slot="input" id="3-D" type="checkbox" name="example4" value="3-D" />
+        <span slot="description"
+          >A label for a sample selector card. Used in Spark WCL.</span
+        >
+        <gux-badge slot="badge" bold>Badge</gux-badge>
+        <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+      </gux-selector-card-beta>
+
+      <gux-selector-card-beta variant="descriptive">
+        <label slot="label" for="4-D">Fourth</label>
+        <input slot="input" id="4-D" type="checkbox" name="example4" disabled value="4-D" />
+        <span slot="description"
+          >A label for a sample selector card. Used in Spark WCL.</span
+        >
+        <gux-badge slot="badge" bold>Badge</gux-badge>
+        <gux-icon slot="icon" icon-name="fa/bell-regular" decorative />
+      </gux-selector-card-beta>
+
+      <gux-selector-card-beta variant="descriptive">
+        <label slot="label" for="5-D">Fifth</label>
+        <input slot="input" id="5-D" type="checkbox" name="example4" value="5-D" />
+        <span slot="description"
+          >A label for a sample selector card. Used in Spark WCL.</span
+        >
+        <gux-badge slot="badge" bold>Badge</gux-badge>
+        <gux-icon slot="icon" icon-name="fa/play-regular" decorative />
+      </gux-selector-card-beta>
+    </gux-selector-cards-beta>`
+    }
+];