genesys-spark-components 4.26.0 → 4.26.1

package/dist/collection/components/beta/gux-calendar-beta/tests/gux-calendar.e2e.js

@@ -1,202 +1,202 @@
 import { newSparkE2EPage } from "../../../../test/e2eTestUtils";
 import { goToPreviousMonth, goToNextMonth, validateHeaderMonth, validateSelectedDate, getContentDateElement } from "../services/tests.service";
 describe('gux-calendar', () => {
-  const defaultHtml = `
+    const defaultHtml = `
     <gux-calendar-beta>
       <input type="date" value="2023-05-19" min="2023-04-28" max="2023-06-18" />
     </gux-calendar-beta>
     `;
-  it('renders', async () => {
-    const page = await newSparkE2EPage({
-      html: defaultHtml
-    });
-    const element = await page.find('gux-calendar-beta');
-    expect(element).toHaveAttribute('hydrated');
-  });
-  describe('header', () => {
-    it('calendar increments by one month after clicking the right arrow button', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      // Validate that the current month before clicking the right arrow is May, 2023
-      await validateHeaderMonth(element, 'May 2023');
-      await goToNextMonth(element, page);
-      // await a11yCheck(page);
-      // Validate that the new month after clicking the right arrow is June, 2023
-      await validateHeaderMonth(element, 'June 2023');
-    });
-    it('calendar decrements by one month after clicking the left arrow button', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      // Validate that the current month before clicking the left arrow is May, 2023
-      await validateHeaderMonth(element, 'May 2023');
-      await goToPreviousMonth(element, page);
-      // Validate that the new month after clicking the left arrow  is April, 2023
-      await validateHeaderMonth(element, 'April 2023');
-    });
-  });
-  describe('content', () => {
-    it('selected date on page load is correct', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      // Validate that the selected date on page load is May 19, 2023
-      await validateSelectedDate(element, 'May 2023', '19');
-    });
-    it('clicking on a date in the current month causes the date to be selected', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      // Find May 10, 2023 in the calendar and click it so that it will be selected
-      const element = await page.find('gux-calendar-beta');
-      const contentDate = await getContentDateElement(element, 'May 10, 2023');
-      await contentDate.click();
-      await page.waitForChanges();
-      // Validate that clicking on May 10, 2023 causes it to be selected
-      await validateSelectedDate(element, 'May 2023', '10');
-    });
-    it('clicking on a date in the next month causes the date to be selected', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      // Find June 1, 2023 in the calendar and click it so that it will be selected
-      const element = await page.find('gux-calendar-beta');
-      const contentDate = await getContentDateElement(element, 'June 1, 2023');
-      await contentDate.click();
-      await page.waitForChanges();
-      // Validate that clicking on June 1, 2023 causes it to be selected
-      await validateSelectedDate(element, 'June 2023', '1');
-    });
-    it('clicking on a date in the previous month causes the date to be selected', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      // Find April 30, 2023 in the calendar and click it so that it will be selected
-      const element = await page.find('gux-calendar-beta');
-      const contentDate = await getContentDateElement(element, 'April 30, 2023');
-      await contentDate.click();
-      await page.waitForChanges();
-      // Validate that clicking on April 30, 2023 causes it to be selected
-      await validateSelectedDate(element, 'April 2023', '30');
-    });
-    describe('arrow key and page up/down navigation', () => {
-      it('pressing the down arrow key and then the enter key cause the selected date to increment by 1 week', async () => {
+    it('renders', async () => {
         const page = await newSparkE2EPage({
-          html: defaultHtml
+            html: defaultHtml
         });
         const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the down arrow key and then the enter key
-        await page.keyboard.press('ArrowDown');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateSelectedDate(element, 'May 2023', '26');
-      });
-      it('pressing the up arrow key and then the enter key cause the selected date to decrement by 1 week', async () => {
-        const page = await newSparkE2EPage({
-          html: defaultHtml
+        expect(element).toHaveAttribute('hydrated');
+    });
+    describe('header', () => {
+        it('calendar increments by one month after clicking the right arrow button', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            // Validate that the current month before clicking the right arrow is May, 2023
+            await validateHeaderMonth(element, 'May 2023');
+            await goToNextMonth(element, page);
+            // await a11yCheck(page);
+            // Validate that the new month after clicking the right arrow is June, 2023
+            await validateHeaderMonth(element, 'June 2023');
         });
-        const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the up arrow key and then the enter key
-        await page.keyboard.press('ArrowUp');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateSelectedDate(element, 'May 2023', '12');
-      });
-      it('pressing the right arrow key and then the enter key cause the selected date to increment by 1 day', async () => {
-        const page = await newSparkE2EPage({
-          html: defaultHtml
+        it('calendar decrements by one month after clicking the left arrow button', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            // Validate that the current month before clicking the left arrow is May, 2023
+            await validateHeaderMonth(element, 'May 2023');
+            await goToPreviousMonth(element, page);
+            // Validate that the new month after clicking the left arrow  is April, 2023
+            await validateHeaderMonth(element, 'April 2023');
         });
-        const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the right arrow key and then the enter key
-        await page.keyboard.press('ArrowRight');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateSelectedDate(element, 'May 2023', '20');
-      });
-      it('pressing the left arrow key and then the enter key cause the selected date to decrement by 1 day', async () => {
-        const page = await newSparkE2EPage({
-          html: defaultHtml
+    });
+    describe('content', () => {
+        it('selected date on page load is correct', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            // Validate that the selected date on page load is May 19, 2023
+            await validateSelectedDate(element, 'May 2023', '19');
         });
-        const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the left arrow key and then the enter key
-        await page.keyboard.press('ArrowLeft');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateSelectedDate(element, 'May 2023', '18');
-      });
-      it('pressing the page down key causes the current month to decrement by 1 month', async () => {
-        const page = await newSparkE2EPage({
-          html: defaultHtml
+        it('clicking on a date in the current month causes the date to be selected', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            // Find May 10, 2023 in the calendar and click it so that it will be selected
+            const element = await page.find('gux-calendar-beta');
+            const contentDate = await getContentDateElement(element, 'May 10, 2023');
+            await contentDate.click();
+            await page.waitForChanges();
+            // Validate that clicking on May 10, 2023 causes it to be selected
+            await validateSelectedDate(element, 'May 2023', '10');
         });
-        const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the left arrow key and then the enter key
-        await page.keyboard.press('PageDown');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateHeaderMonth(element, 'April 2023');
-      });
-      it('pressing the page up key causes the current month to increment by 1 month', async () => {
-        const page = await newSparkE2EPage({
-          html: defaultHtml
+        it('clicking on a date in the next month causes the date to be selected', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            // Find June 1, 2023 in the calendar and click it so that it will be selected
+            const element = await page.find('gux-calendar-beta');
+            const contentDate = await getContentDateElement(element, 'June 1, 2023');
+            await contentDate.click();
+            await page.waitForChanges();
+            // Validate that clicking on June 1, 2023 causes it to be selected
+            await validateSelectedDate(element, 'June 2023', '1');
+        });
+        it('clicking on a date in the previous month causes the date to be selected', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            // Find April 30, 2023 in the calendar and click it so that it will be selected
+            const element = await page.find('gux-calendar-beta');
+            const contentDate = await getContentDateElement(element, 'April 30, 2023');
+            await contentDate.click();
+            await page.waitForChanges();
+            // Validate that clicking on April 30, 2023 causes it to be selected
+            await validateSelectedDate(element, 'April 2023', '30');
+        });
+        describe('arrow key and page up/down navigation', () => {
+            it('pressing the down arrow key and then the enter key cause the selected date to increment by 1 week', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the down arrow key and then the enter key
+                await page.keyboard.press('ArrowDown');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateSelectedDate(element, 'May 2023', '26');
+            });
+            it('pressing the up arrow key and then the enter key cause the selected date to decrement by 1 week', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the up arrow key and then the enter key
+                await page.keyboard.press('ArrowUp');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateSelectedDate(element, 'May 2023', '12');
+            });
+            it('pressing the right arrow key and then the enter key cause the selected date to increment by 1 day', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the right arrow key and then the enter key
+                await page.keyboard.press('ArrowRight');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateSelectedDate(element, 'May 2023', '20');
+            });
+            it('pressing the left arrow key and then the enter key cause the selected date to decrement by 1 day', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the left arrow key and then the enter key
+                await page.keyboard.press('ArrowLeft');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateSelectedDate(element, 'May 2023', '18');
+            });
+            it('pressing the page down key causes the current month to decrement by 1 month', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the left arrow key and then the enter key
+                await page.keyboard.press('PageDown');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateHeaderMonth(element, 'April 2023');
+            });
+            it('pressing the page up key causes the current month to increment by 1 month', async () => {
+                const page = await newSparkE2EPage({
+                    html: defaultHtml
+                });
+                const element = await page.find('gux-calendar-beta');
+                // First click the selected date to get focus on the calendar
+                const selectedDate = await element.find('pierce/.gux-selected');
+                await selectedDate.click();
+                // Press the left arrow key and then the enter key
+                await page.keyboard.press('PageUp');
+                await page.keyboard.press('Enter');
+                await page.waitForChanges();
+                await validateHeaderMonth(element, 'June 2023');
+            });
+        });
+        it('setting max prop causes an upper bound range to be implemented correctly', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            // Go to next month
+            await goToNextMonth(element, page);
+            const contentDate = await getContentDateElement(element, 'June 19, 2023');
+            expect(contentDate.className).toContain('gux-disabled');
+        });
+        it('setting min prop causes a lower bound range to be implemented correctly', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            await goToPreviousMonth(element, page);
+            const contentDate = await getContentDateElement(element, 'April 27, 2023');
+            expect(contentDate.className).toContain('gux-disabled');
+        });
+        it('tab index is set to 0 for selected date and -1 for non-selected date', async () => {
+            const page = await newSparkE2EPage({
+                html: defaultHtml
+            });
+            const element = await page.find('gux-calendar-beta');
+            const selectedDate = await getContentDateElement(element, 'May 19, 2023');
+            const nonSelectedDate = await getContentDateElement(element, 'May 20, 2023');
+            expect(selectedDate.tabIndex).toBe(0);
+            expect(nonSelectedDate.tabIndex).toBe(-1);
         });
-        const element = await page.find('gux-calendar-beta');
-        // First click the selected date to get focus on the calendar
-        const selectedDate = await element.find('pierce/.gux-selected');
-        await selectedDate.click();
-        // Press the left arrow key and then the enter key
-        await page.keyboard.press('PageUp');
-        await page.keyboard.press('Enter');
-        await page.waitForChanges();
-        await validateHeaderMonth(element, 'June 2023');
-      });
-    });
-    it('setting max prop causes an upper bound range to be implemented correctly', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      // Go to next month
-      await goToNextMonth(element, page);
-      const contentDate = await getContentDateElement(element, 'June 19, 2023');
-      expect(contentDate.className).toContain('gux-disabled');
-    });
-    it('setting min prop causes a lower bound range to be implemented correctly', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      await goToPreviousMonth(element, page);
-      const contentDate = await getContentDateElement(element, 'April 27, 2023');
-      expect(contentDate.className).toContain('gux-disabled');
-    });
-    it('tab index is set to 0 for selected date and -1 for non-selected date', async () => {
-      const page = await newSparkE2EPage({
-        html: defaultHtml
-      });
-      const element = await page.find('gux-calendar-beta');
-      const selectedDate = await getContentDateElement(element, 'May 19, 2023');
-      const nonSelectedDate = await getContentDateElement(element, 'May 20, 2023');
-      expect(selectedDate.tabIndex).toBe(0);
-      expect(nonSelectedDate.tabIndex).toBe(-1);
     });
-  });
 });

package/dist/collection/components/beta/gux-calendar-beta/tests/gux-calendar.spec.js

@@ -8,12 +8,12 @@ const html = `
 </gux-calendar-beta>
 `;
 describe('gux-calendar', () => {
-  it('should build', async () => {
-    const page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance).toBeInstanceOf(GuxCalendar);
-  });
-  it('renders', async () => {
-    const page = await newSpecPage({ components, html, language });
-    expect(page.root).toMatchSnapshot();
-  });
+    it('should build', async () => {
+        const page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance).toBeInstanceOf(GuxCalendar);
+    });
+    it('renders', async () => {
+        const page = await newSpecPage({ components, html, language });
+        expect(page.root).toMatchSnapshot();
+    });
 });

package/dist/collection/components/beta/gux-cta-group/gux-cta-group.js

@@ -1,126 +1,126 @@
 import { h } from "@stencil/core";
 import { logWarn } from "../../../utils/error/log-error";
 export class GuxCTAGroup {
-  constructor() {
-    this.align = 'start';
-    this.dangerous = false;
-  }
-  validatePrimarySlot(slottedElement) {
-    if (!slottedElement) {
-      logWarn(this.root, 'You must slot a primary CTA.');
-      return;
+    constructor() {
+        this.align = 'start';
+        this.dangerous = false;
     }
-    const validButtonTags = [
-      'GUX-BUTTON',
-      'GUX-ACTION-BUTTON',
-      'GUX-BUTTON-MULTI',
-      'GUX-BUTTON-SLOT'
-    ];
-    const slottedTagName = slottedElement.tagName;
-    if (!validButtonTags.includes(slottedTagName)) {
-      logWarn(this.root, `You must slot a button element in the primary slot.`);
+    validatePrimarySlot(slottedElement) {
+        if (!slottedElement) {
+            logWarn(this.root, 'You must slot a primary CTA.');
+            return;
+        }
+        const validButtonTags = [
+            'GUX-BUTTON',
+            'GUX-ACTION-BUTTON',
+            'GUX-BUTTON-MULTI',
+            'GUX-BUTTON-SLOT'
+        ];
+        const slottedTagName = slottedElement.tagName;
+        if (!validButtonTags.includes(slottedTagName)) {
+            logWarn(this.root, `You must slot a button element in the primary slot.`);
+        }
+        if (this.dangerous) {
+            slottedElement.accent = 'danger';
+        }
+        else if (slottedElement.accent !== 'primary') {
+            slottedElement.accent = 'primary';
+        }
     }
-    if (this.dangerous) {
-      slottedElement.accent = 'danger';
+    validateSecondarySlot(slottedElement) {
+        if (slottedElement) {
+            const slottedTagName = slottedElement.tagName;
+            const validButtonTags = [
+                'GUX-BUTTON',
+                'GUX-ACTION-BUTTON',
+                'GUX-BUTTON-MULTI',
+                'GUX-BUTTON-SLOT'
+            ];
+            if (!validButtonTags.includes(slottedTagName)) {
+                logWarn(this.root, `You must slot a button element in the secondary slot.`);
+            }
+            else if (slottedElement.accent !== 'secondary') {
+                slottedElement.accent = 'secondary';
+            }
+        }
     }
-    else if (slottedElement.accent !== 'primary') {
-      slottedElement.accent = 'primary';
+    validateDismissSlot(slottedElement) {
+        if (slottedElement) {
+            const slottedTagName = slottedElement.tagName;
+            const validButtonTags = ['GUX-BUTTON', 'GUX-BUTTON-SLOT'];
+            if (!validButtonTags.includes(slottedTagName)) {
+                logWarn(this.root, `You must slot a gux-button or gux-button-slot in the dismiss slot.`);
+            }
+            else if (slottedElement.accent !== 'ghost') {
+                slottedElement.accent = 'ghost';
+            }
+        }
     }
-  }
-  validateSecondarySlot(slottedElement) {
-    if (slottedElement) {
-      const slottedTagName = slottedElement.tagName;
-      const validButtonTags = [
-        'GUX-BUTTON',
-        'GUX-ACTION-BUTTON',
-        'GUX-BUTTON-MULTI',
-        'GUX-BUTTON-SLOT'
-      ];
-      if (!validButtonTags.includes(slottedTagName)) {
-        logWarn(this.root, `You must slot a button element in the secondary slot.`);
-      }
-      else if (slottedElement.accent !== 'secondary') {
-        slottedElement.accent = 'secondary';
-      }
+    componentWillLoad() {
+        this.validatePrimarySlot(this.root.querySelector('[slot=primary]'));
+        this.validateSecondarySlot(this.root.querySelector('[slot=secondary]'));
+        this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
-  }
-  validateDismissSlot(slottedElement) {
-    if (slottedElement) {
-      const slottedTagName = slottedElement.tagName;
-      const validButtonTags = ['GUX-BUTTON', 'GUX-BUTTON-SLOT'];
-      if (!validButtonTags.includes(slottedTagName)) {
-        logWarn(this.root, `You must slot a gux-button or gux-button-slot in the dismiss slot.`);
-      }
-      else if (slottedElement.accent !== 'ghost') {
-        slottedElement.accent = 'ghost';
-      }
+    render() {
+        return (h("div", { key: '6f38ce57bc2624989e08f8f03b4b7a2a4273cbae', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '65299a5ff5d99f42afc8940d02114ff87dcfe59e', name: "primary" }), h("slot", { key: '778a140e6aeac6fc47ceb9694ed714d3e2326cc8', name: "secondary" }), h("slot", { key: '176142e469341facd9e85dd4934587b0b4380b7c', name: "dismiss" })));
     }
-  }
-  componentWillLoad() {
-    this.validatePrimarySlot(this.root.querySelector('[slot=primary]'));
-    this.validateSecondarySlot(this.root.querySelector('[slot=secondary]'));
-    this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
-  }
-  render() {
-    return (h("div", { class: `gux-cta-group gux-${this.align}-align` }, h("slot", { name: "primary" }), h("slot", { name: "secondary" }), h("slot", { name: "dismiss" })));
-  }
-  static get is() { return "gux-cta-group"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-cta-group.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-cta-group.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "align": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "GuxCTAGroupAlignment",
-          "resolved": "\"end\" | \"start\"",
-          "references": {
-            "GuxCTAGroupAlignment": {
-              "location": "import",
-              "path": "./gux-cta-group.types",
-              "id": "src/components/beta/gux-cta-group/gux-cta-group.types.ts::GuxCTAGroupAlignment"
+    static get is() { return "gux-cta-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-cta-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-cta-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxCTAGroupAlignment",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {
+                        "GuxCTAGroupAlignment": {
+                            "location": "import",
+                            "path": "./gux-cta-group.types",
+                            "id": "src/components/beta/gux-cta-group/gux-cta-group.types.ts::GuxCTAGroupAlignment"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the buttons alignment"
+                },
+                "attribute": "align",
+                "reflect": false,
+                "defaultValue": "'start'"
+            },
+            "dangerous": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines if the primary button should have a danger accent"
+                },
+                "attribute": "dangerous",
+                "reflect": false,
+                "defaultValue": "false"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the buttons alignment"
-        },
-        "attribute": "align",
-        "reflect": false,
-        "defaultValue": "'start'"
-      },
-      "dangerous": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Defines if the primary button should have a danger accent"
-        },
-        "attribute": "dangerous",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get elementRef() { return "root"; }
+        };
+    }
+    static get elementRef() { return "root"; }
 }