genesys-spark-components 4.157.6 → 4.159.0-alpha.55b234ad1.0

package/dist/collection/components/beta/gux-phone-input/tests/gux-phone-input.common.js

@@ -0,0 +1,28 @@
+export const renderConfigs = [
+    {
+        description: 'should render phone-input',
+        html: `
+        <gux-phone-input-beta></gux-phone-input-beta>
+        `
+    },
+    {
+        description: 'should render with default region',
+        html: `<gux-phone-input-beta default-region="US"></gux-phone-input-beta>`
+    },
+    {
+        description: 'should render with value',
+        html: `<gux-phone-input-beta value="+13175971660"></gux-phone-input-beta>`
+    },
+    {
+        description: 'should render with e164 format',
+        html: `<gux-phone-input-beta phone-number-format="E164"></gux-phone-input-beta>`
+    },
+    {
+        description: 'should render with international format',
+        html: `<gux-phone-input-beta phone-number-format="INTERNATIONAL"></gux-phone-input-beta>`
+    },
+    {
+        description: 'should render with toll-free type',
+        html: `<gux-phone-input-beta phone-number-type="TOLL_FREE"></gux-phone-input-beta>`
+    }
+];

package/dist/collection/components/beta/gux-popover-list-beta/tests/gux-popover-list.common.js

@@ -0,0 +1,16 @@
+export const renderConfig = {
+    description: 'renders',
+    html: `
+        <div lang="en">
+        <div id="popover-target">
+          Example Element
+        </div>
+        <gux-popover-list-beta position="top" for="popover-target" is-open>
+          <gux-list>
+            <gux-list-item>Item 1</gux-list-item>
+            <gux-list-item>Item 2</gux-list-item>
+            <gux-list-item>Item 3</gux-list-item>
+          </gux-list>
+        </gux-popover-list-beta>
+      </div>`
+};

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>`
+    }
+];