globuswebcomponents 2.13.1 → 2.13.3

package/dist/collection/components/gb-modal-action/gb-modal-action.js

@@ -1,19 +1,16 @@
 import { h } from "@stencil/core";
 export class GbModalAction {
     constructor() {
-        this.actionType = 'multiple';
+        this.actionType = 'double';
         this.destructive = false;
         this.fullWidth = false;
         // For the 'multiple' type
-        this.showSecondaryAction = true;
-        this.showFirstButton = true;
-        this.showSecondButton = true;
-        this.showThirdButton = true;
         this.firstButtonText = '';
         this.secondButtonText = '';
         this.thirdButtonText = '';
-        this.firstIconButtonSwap = '';
-        this.secondIconButtonSwap = '';
+        this.firstButtonState = 'default';
+        this.secondButtonState = 'default';
+        this.thirdButtonState = 'default';
         this.firstButtonIconLeadingSwap = '';
         this.secondButtonIconLeadingSwap = '';
         this.thirdButtonIconLeadingSwap = '';
@@ -21,21 +18,24 @@ export class GbModalAction {
         this.secondButtonIconTrailingSwap = '';
         this.thirdButtonIconTrailingSwap = '';
         // If secondary action is shown
-        this.showFirstIconButton = true;
-        this.showSecondIconButton = true;
+        this.showSecondaryActions = false;
+        this.showFirstIconButton = false;
+        this.showSecondIconButton = false;
+        this.firstIconButtonSwap = '';
+        this.secondIconButtonSwap = '';
         this.showCheckBox = true;
         this.checkboxLabel = '';
         this.firstIconButtonTooltipShown = false;
         this.secondIconButtonTooltipShown = false;
     }
     renderMultiple() {
-        return (h("div", { class: "action-container multiple" }, this.showSecondaryAction && (h("div", { class: "action" }, h("div", { class: "first_icon" }, this.showFirstIconButton && (h("gb-button", { size: "md", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": this.firstIconButtonSwap, onMouseEnter: () => (this.firstIconButtonTooltipShown = true), onMouseLeave: () => (this.firstIconButtonTooltipShown = false) })), this.firstIconButtonTooltipShown && (h("gb-tooltip", { "show-arrow": true, arrow: "bottom_left", class: "first_icon_button_tooltip" }, h("p", { slot: "label" }, "Refresh")))), h("div", { class: "second_icon" }, this.showSecondIconButton && (h("gb-button", { size: "md", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": this.secondIconButtonSwap, onMouseEnter: () => (this.secondIconButtonTooltipShown = true), onMouseLeave: () => (this.secondIconButtonTooltipShown = false) })), this.secondIconButtonTooltipShown && (h("gb-tooltip", { "show-arrow": true, arrow: "bottom_right", class: "second_icon_button_tooltip" }, h("p", { slot: "label" }, "Refresh")))), this.showCheckBox && (h("gb-checkbox", { checked: false, indeterminate: false, size: "sm", type: "checkbox", state: "default", text: true, "supporting-text": "false" }, h("p", { slot: "label" }, this.checkboxLabel))))), h("div", { class: "frame" }, this.showThirdButton && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": this.thirdButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.thirdButtonIconLeadingSwap, "icon-trailing": this.thirdButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.thirdButtonIconTrailingSwap, onClick: () => this.onThirdButtonClicked() }, h("p", null, this.thirdButtonText)))), this.showSecondButton && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_color", icon: "default", state: "default", "icon-leading": this.secondButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondButtonIconLeadingSwap, "icon-trailing": this.secondButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondButtonIconTrailingSwap, onClick: () => this.onSecondButtonClicked() }, h("p", null, this.secondButtonText)))), this.showFirstButton && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))))));
+        return (h("div", { class: "action-container multiple" }, this.showSecondaryActions && (h("div", { class: "action" }, h("div", { class: "first_icon" }, this.showFirstIconButton && (h("gb-button", { size: "md", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": this.firstIconButtonSwap, onMouseEnter: () => (this.firstIconButtonTooltipShown = true), onMouseLeave: () => (this.firstIconButtonTooltipShown = false) })), this.firstIconButtonTooltipShown && (h("gb-tooltip", { "show-arrow": true, arrow: "bottom_left", class: "first_icon_button_tooltip" }, h("p", { slot: "label" }, "Refresh")))), h("div", { class: "second_icon" }, this.showSecondIconButton && (h("gb-button", { size: "md", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": this.secondIconButtonSwap, onMouseEnter: () => (this.secondIconButtonTooltipShown = true), onMouseLeave: () => (this.secondIconButtonTooltipShown = false) })), this.secondIconButtonTooltipShown && (h("gb-tooltip", { "show-arrow": true, arrow: "bottom_right", class: "second_icon_button_tooltip" }, h("p", { slot: "label" }, "Refresh")))), this.showCheckBox && (h("gb-checkbox", { checked: false, indeterminate: false, size: "sm", type: "checkbox", state: "default", text: true, "supporting-text": "false" }, h("p", { slot: "label" }, this.checkboxLabel))))), h("div", { class: "frame" }, this.thirdButtonText && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_gray", icon: "default", state: this.thirdButtonState, "icon-leading": this.thirdButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.thirdButtonIconLeadingSwap, "icon-trailing": this.thirdButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.thirdButtonIconTrailingSwap, onClick: () => this.onThirdButtonClicked() }, h("p", null, this.thirdButtonText)))), this.secondButtonText && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_color", icon: "default", state: this.secondButtonState, "icon-leading": this.secondButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondButtonIconLeadingSwap, "icon-trailing": this.secondButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondButtonIconTrailingSwap, onClick: () => this.onSecondButtonClicked() }, h("p", null, this.secondButtonText)))), this.firstButtonText && (h("div", { class: "multiple_button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.firstButtonState, "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))))));
     }
     renderDouble() {
-        return (h("div", { class: "action-container double" }, h("div", { class: "button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": this.secondButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondButtonIconLeadingSwap, "icon-trailing": this.secondButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondButtonIconTrailingSwap, onClick: () => this.onSecondButtonClicked() }, h("p", null, this.secondButtonText))), h("div", { class: "button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))));
+        return (h("div", { class: "action-container double" }, h("div", { class: "button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "secondary_gray", icon: "default", state: this.secondButtonState, "icon-leading": this.secondButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondButtonIconLeadingSwap, "icon-trailing": this.secondButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondButtonIconTrailingSwap, onClick: () => this.onSecondButtonClicked() }, h("p", null, this.secondButtonText))), h("div", { class: "button" }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.firstButtonState, "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))));
     }
     renderSingle() {
-        return (h("div", { class: "action-container single" }, h("div", { class: `single_button ${this.fullWidth ? 'full_width' : ''}` }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))));
+        return (h("div", { class: "action-container single" }, h("div", { class: `single_button ${this.fullWidth ? 'full_width' : ''}` }, h("gb-button", { destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.firstButtonState, "icon-leading": this.firstButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.firstButtonIconLeadingSwap, "icon-trailing": this.firstButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.firstButtonIconTrailingSwap, onClick: () => this.onFirstButtonClicked() }, h("p", null, this.firstButtonText)))));
     }
     onFirstButtonClicked() {
         this.firstButtonClicked.emit();
@@ -89,7 +89,7 @@ export class GbModalAction {
                 "setter": false,
                 "reflect": false,
                 "attribute": "action-type",
-                "defaultValue": "'multiple'"
+                "defaultValue": "'double'"
             },
             "destructive": {
                 "type": "boolean",
@@ -131,12 +131,12 @@ export class GbModalAction {
                 "attribute": "full-width",
                 "defaultValue": "false"
             },
-            "showSecondaryAction": {
-                "type": "boolean",
+            "firstButtonText": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -148,15 +148,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-secondary-action",
-                "defaultValue": "true"
+                "attribute": "first-button-text",
+                "defaultValue": "''"
             },
-            "showFirstButton": {
-                "type": "boolean",
+            "secondButtonText": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -168,15 +168,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-first-button",
-                "defaultValue": "true"
+                "attribute": "second-button-text",
+                "defaultValue": "''"
             },
-            "showSecondButton": {
-                "type": "boolean",
+            "thirdButtonText": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -188,15 +188,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-second-button",
-                "defaultValue": "true"
+                "attribute": "third-button-text",
+                "defaultValue": "''"
             },
-            "showThirdButton": {
-                "type": "boolean",
+            "firstButtonState": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
                     "references": {}
                 },
                 "required": false,
@@ -208,15 +208,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-third-button",
-                "defaultValue": "true"
+                "attribute": "first-button-state",
+                "defaultValue": "'default'"
             },
-            "firstButtonText": {
+            "secondButtonState": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
                     "references": {}
                 },
                 "required": false,
@@ -228,15 +228,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "first-button-text",
-                "defaultValue": "''"
+                "attribute": "second-button-state",
+                "defaultValue": "'default'"
             },
-            "secondButtonText": {
+            "thirdButtonState": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
                     "references": {}
                 },
                 "required": false,
@@ -248,10 +248,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "second-button-text",
-                "defaultValue": "''"
+                "attribute": "third-button-state",
+                "defaultValue": "'default'"
             },
-            "thirdButtonText": {
+            "firstButtonIconLeadingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -268,10 +268,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "third-button-text",
+                "attribute": "first-button-icon-leading-swap",
                 "defaultValue": "''"
             },
-            "firstIconButtonSwap": {
+            "secondButtonIconLeadingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -288,10 +288,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "first-icon-button-swap",
+                "attribute": "second-button-icon-leading-swap",
                 "defaultValue": "''"
             },
-            "secondIconButtonSwap": {
+            "thirdButtonIconLeadingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -308,10 +308,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "second-icon-button-swap",
+                "attribute": "third-button-icon-leading-swap",
                 "defaultValue": "''"
             },
-            "firstButtonIconLeadingSwap": {
+            "firstButtonIconTrailingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -328,10 +328,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "first-button-icon-leading-swap",
+                "attribute": "first-button-icon-trailing-swap",
                 "defaultValue": "''"
             },
-            "secondButtonIconLeadingSwap": {
+            "secondButtonIconTrailingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -348,10 +348,10 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "second-button-icon-leading-swap",
+                "attribute": "second-button-icon-trailing-swap",
                 "defaultValue": "''"
             },
-            "thirdButtonIconLeadingSwap": {
+            "thirdButtonIconTrailingSwap": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -368,15 +368,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "third-button-icon-leading-swap",
+                "attribute": "third-button-icon-trailing-swap",
                 "defaultValue": "''"
             },
-            "firstButtonIconTrailingSwap": {
-                "type": "string",
+            "showSecondaryActions": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -388,15 +388,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "first-button-icon-trailing-swap",
-                "defaultValue": "''"
+                "attribute": "show-secondary-actions",
+                "defaultValue": "false"
             },
-            "secondButtonIconTrailingSwap": {
-                "type": "string",
+            "showFirstIconButton": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -408,15 +408,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "second-button-icon-trailing-swap",
-                "defaultValue": "''"
+                "attribute": "show-first-icon-button",
+                "defaultValue": "false"
             },
-            "thirdButtonIconTrailingSwap": {
-                "type": "string",
+            "showSecondIconButton": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -428,15 +428,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "third-button-icon-trailing-swap",
-                "defaultValue": "''"
+                "attribute": "show-second-icon-button",
+                "defaultValue": "false"
             },
-            "showFirstIconButton": {
-                "type": "boolean",
+            "firstIconButtonSwap": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -448,15 +448,15 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-first-icon-button",
-                "defaultValue": "true"
+                "attribute": "first-icon-button-swap",
+                "defaultValue": "''"
             },
-            "showSecondIconButton": {
-                "type": "boolean",
+            "secondIconButtonSwap": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -468,8 +468,8 @@ export class GbModalAction {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-second-icon-button",
-                "defaultValue": "true"
+                "attribute": "second-icon-button-swap",
+                "defaultValue": "''"
             },
             "showCheckBox": {
                 "type": "boolean",

package/dist/collection/components/gb-modal-action/gb-modal-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-modal-action.js","sourceRoot":"","sources":["../../../src/components/gb-modal-action/gb-modal-action.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-modal-action',\r\n  styleUrl: 'gb-modal-action.css',\r\n  shadow: true,\r\n})\r\nexport class GbModalAction {\r\n  @Prop() actionType: 'single' | 'multiple' | 'double' = 'multiple';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() fullWidth: boolean = false;\r\n\r\n  // For the 'multiple' type\r\n  @Prop() showSecondaryAction: boolean = true;\r\n  @Prop() showFirstButton: boolean = true;\r\n  @Prop() showSecondButton: boolean = true;\r\n  @Prop() showThirdButton: boolean = true;\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstIconButtonSwap: string = '';\r\n  @Prop() secondIconButtonSwap: string = '';\r\n  @Prop() firstButtonIconLeadingSwap: string = '';\r\n  @Prop() secondButtonIconLeadingSwap: string = '';\r\n  @Prop() thirdButtonIconLeadingSwap: string = '';\r\n  @Prop() firstButtonIconTrailingSwap: string = '';\r\n  @Prop() secondButtonIconTrailingSwap: string = '';\r\n  @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n  // If secondary action is shown\r\n  @Prop() showFirstIconButton: boolean = true;\r\n  @Prop() showSecondIconButton: boolean = true;\r\n  @Prop() showCheckBox: boolean = true;\r\n  @Prop() checkboxLabel: string = '';\r\n  @State() firstIconButtonTooltipShown: boolean = false;\r\n  @State() secondIconButtonTooltipShown: boolean = false;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n  private renderMultiple() {\r\n    return (\r\n      <div class=\"action-container multiple\">\r\n        {this.showSecondaryAction && (\r\n          <div class=\"action\">\r\n            <div class=\"first_icon\">\r\n              {this.showFirstIconButton && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap={this.firstIconButtonSwap}\r\n                  onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n                  onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n                ></gb-button>\r\n              )}\r\n              {this.firstIconButtonTooltipShown && (\r\n                <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n                  <p slot=\"label\">Refresh</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            <div class=\"second_icon\">\r\n              {this.showSecondIconButton && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap={this.secondIconButtonSwap}\r\n                  onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n                  onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n                ></gb-button>\r\n              )}\r\n              {this.secondIconButtonTooltipShown && (\r\n                <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n                  <p slot=\"label\">Refresh</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            {this.showCheckBox && (\r\n              <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n                <p slot=\"label\">{this.checkboxLabel}</p>\r\n              </gb-checkbox>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div class=\"frame\">\r\n          {this.showThirdButton && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n                icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n                onClick={() => this.onThirdButtonClicked()}\r\n              >\r\n                <p>{this.thirdButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n          {this.showSecondButton && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_color\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n                icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n                onClick={() => this.onSecondButtonClicked()}\r\n              >\r\n                <p>{this.secondButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n          {this.showFirstButton && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"primary\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n                icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n                onClick={() => this.onFirstButtonClicked()}\r\n              >\r\n                <p>{this.firstButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderDouble() {\r\n    return (\r\n      <div class=\"action-container double\">\r\n        <div class=\"button\">\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"secondary_gray\"\r\n            icon=\"default\"\r\n            state=\"default\"\r\n            icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n            icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n            onClick={() => this.onSecondButtonClicked()}\r\n          >\r\n            <p>{this.secondButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n        <div class=\"button\">\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"primary\"\r\n            icon=\"default\"\r\n            state=\"default\"\r\n            icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n            icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n            onClick={() => this.onFirstButtonClicked()}\r\n          >\r\n            <p>{this.firstButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderSingle() {\r\n    return (\r\n      <div class=\"action-container single\">\r\n        <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"primary\"\r\n            icon=\"default\"\r\n            state=\"default\"\r\n            icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n            icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n            onClick={() => this.onFirstButtonClicked()}\r\n          >\r\n            <p>{this.firstButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    this.firstButtonClicked.emit();\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    this.secondButtonClicked.emit();\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    this.thirdButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    switch (this.actionType) {\r\n      case 'single':\r\n        return this.renderSingle();\r\n      case 'double':\r\n        return this.renderDouble();\r\n      case 'multiple':\r\n      default:\r\n        return this.renderMultiple();\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-modal-action.js","sourceRoot":"","sources":["../../../src/components/gb-modal-action/gb-modal-action.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-modal-action',\r\n  styleUrl: 'gb-modal-action.css',\r\n  shadow: true,\r\n})\r\nexport class GbModalAction {\r\n  @Prop() actionType: 'single' | 'multiple' | 'double' = 'double';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() fullWidth: boolean = false;\r\n\r\n  // For the 'multiple' type\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n  @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n  @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n  @Prop() firstButtonIconLeadingSwap: string = '';\r\n  @Prop() secondButtonIconLeadingSwap: string = '';\r\n  @Prop() thirdButtonIconLeadingSwap: string = '';\r\n  @Prop() firstButtonIconTrailingSwap: string = '';\r\n  @Prop() secondButtonIconTrailingSwap: string = '';\r\n  @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n  // If secondary action is shown\r\n  @Prop() showSecondaryActions: boolean = false;\r\n  @Prop() showFirstIconButton: boolean = false;\r\n  @Prop() showSecondIconButton: boolean = false;\r\n  @Prop() firstIconButtonSwap: string = '';\r\n  @Prop() secondIconButtonSwap: string = '';\r\n  @Prop() showCheckBox: boolean = true;\r\n  @Prop() checkboxLabel: string = '';\r\n  @State() firstIconButtonTooltipShown: boolean = false;\r\n  @State() secondIconButtonTooltipShown: boolean = false;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n  private renderMultiple() {\r\n    return (\r\n      <div class=\"action-container multiple\">\r\n        {this.showSecondaryActions && (\r\n          <div class=\"action\">\r\n            <div class=\"first_icon\">\r\n              {this.showFirstIconButton && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap={this.firstIconButtonSwap}\r\n                  onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n                  onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n                ></gb-button>\r\n              )}\r\n              {this.firstIconButtonTooltipShown && (\r\n                <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n                  <p slot=\"label\">Refresh</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            <div class=\"second_icon\">\r\n              {this.showSecondIconButton && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap={this.secondIconButtonSwap}\r\n                  onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n                  onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n                ></gb-button>\r\n              )}\r\n              {this.secondIconButtonTooltipShown && (\r\n                <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n                  <p slot=\"label\">Refresh</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            {this.showCheckBox && (\r\n              <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n                <p slot=\"label\">{this.checkboxLabel}</p>\r\n              </gb-checkbox>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div class=\"frame\">\r\n          {this.thirdButtonText && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"default\"\r\n                state={this.thirdButtonState}\r\n                icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n                icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n                onClick={() => this.onThirdButtonClicked()}\r\n              >\r\n                <p>{this.thirdButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n          {this.secondButtonText && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_color\"\r\n                icon=\"default\"\r\n                state={this.secondButtonState}\r\n                icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n                icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n                onClick={() => this.onSecondButtonClicked()}\r\n              >\r\n                <p>{this.secondButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n          {this.firstButtonText && (\r\n            <div class=\"multiple_button\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"primary\"\r\n                icon=\"default\"\r\n                state={this.firstButtonState}\r\n                icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n                icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n                icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n                icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n                onClick={() => this.onFirstButtonClicked()}\r\n              >\r\n                <p>{this.firstButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderDouble() {\r\n    return (\r\n      <div class=\"action-container double\">\r\n        <div class=\"button\">\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"secondary_gray\"\r\n            icon=\"default\"\r\n            state={this.secondButtonState}\r\n            icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n            icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n            onClick={() => this.onSecondButtonClicked()}\r\n          >\r\n            <p>{this.secondButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n        <div class=\"button\">\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"primary\"\r\n            icon=\"default\"\r\n            state={this.firstButtonState}\r\n            icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n            icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n            onClick={() => this.onFirstButtonClicked()}\r\n          >\r\n            <p>{this.firstButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderSingle() {\r\n    return (\r\n      <div class=\"action-container single\">\r\n        <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n          <gb-button\r\n            destructive={this.destructive}\r\n            size=\"xl\"\r\n            hierarchy=\"primary\"\r\n            icon=\"default\"\r\n            state={this.firstButtonState}\r\n            icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n            icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n            icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n            icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n            onClick={() => this.onFirstButtonClicked()}\r\n          >\r\n            <p>{this.firstButtonText}</p>\r\n          </gb-button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    this.firstButtonClicked.emit();\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    this.secondButtonClicked.emit();\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    this.thirdButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    switch (this.actionType) {\r\n      case 'single':\r\n        return this.renderSingle();\r\n      case 'double':\r\n        return this.renderDouble();\r\n      case 'multiple':\r\n      default:\r\n        return this.renderMultiple();\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js

@@ -9,6 +9,7 @@ export class GbPromptModal {
         this.iconInstance = '';
         this.checkboxLabel = '';
         this.primaryButtonText = '';
+        this.primaryButtonState = 'default';
         this.secondaryButtonText = '';
         this.checked = false;
         this.checkboxState = 'default';
@@ -31,7 +32,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: 'e7e0ca8e8c53b2bd767676bcb030e3aaf1ead77b', class: "prompt-modal shadow-sm" }, h("div", { key: '29bdeef8e391eb1c2d855b23fcaf9926f17802ae', class: "modal-content" }, h("div", { key: '311a77da446111f5548a500a36b24845e5db0cd0', class: "content-top" }, h("div", { key: 'ebc77e48ae3913760bbfd6ec60dc5d00fee6a932', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '44fb59a8e27c711e3a69ad99d968d2cc50199fe9', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '6f488677b5c7547deabdbd264872c503fb72bc4c', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'be19471b12bad0687da9b4eece7329c8d071388c', class: "content-text" }, h("h2", { key: 'b9126f8e328b19aa6488cba76c77f49383a062dd', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'b8f3146367a0aec2f92854c6cf60b5ae006024cc', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'fca68890d2cd8cdf4dc8dcd718fa53bdaad7cb52', class: "content-check" }, h("gb-checkbox", { key: '6f1d30d362b3e4b9b8149831bbb657e97a118ae4', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '93915a6aac613fcf0045c3da241e3f98598457f8', slot: "label" }, this.checkboxLabel))))), h("div", { key: '867a11e295a818ca17e00bae71bc5ef931390a12', class: "modal-action" }, h("div", { key: 'f9a4d1736ac428688fc76a03f74e4ed1d75ca7d5', class: "modal-buttons" }, h("div", { key: 'cac3dc0e419dea4c19f8e680dc0a06fc8e8f9bd5', class: "button1" }, h("gb-button", { key: '857e901df14f359da732e5676347054c807be76d', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '21177fba19364d954c51991d3798c2d162a9dff0' }, this.secondaryButtonText))), h("div", { key: 'c299f9275fe3c546c571fb7fca8b5a64b53eb527', class: "button2" }, h("gb-button", { key: '329b2e1099bf35cc378b8e0f6ea3d7291932c972', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'b55ee5257a00a1ba8a6e94df7a0eaf7873e3abea' }, this.primaryButtonText)))))));
+        return (h("div", { key: '06402b74634b1f0f90a27d1ad0463ea39f733c01', class: "prompt-modal shadow-sm" }, h("div", { key: 'a8597258df7cb865ea63103e2091473139da56e2', class: "modal-content" }, h("div", { key: '11804f76de9990ba26634c54fe43e500bd4e24c9', class: "content-top" }, h("div", { key: '06931d074c26462bcffd2b7167337d4824247ade', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '950118a83b3df450d61475e97a176fac44529307', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '18cd62e47664e16fdeed6b1f8bf9c440497b67cb', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'b35928adf0c12fc3a45fd8ee3f9c1e600d72a25c', class: "content-text" }, h("h2", { key: '23cab4eddf42b95a80f0772f940a63a35088004f', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'b8e63440a1d7afbff90e577185ece36f598569d6', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '3e2263bae20e2232352efa9afe91453666112c3b', class: "content-check" }, h("gb-checkbox", { key: 'e560a8f1eab85289612031b4cb9d4d57fcad01b6', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '947bb4441810f3125b968375449988c6d5e61cec', slot: "label" }, this.checkboxLabel))))), h("div", { key: '552a480af3b42140ef28a96572662527fa5c9460', class: "modal-action" }, h("div", { key: '31f33c9dc50e5847c9a34000846b639b5867d7e9', class: "modal-buttons" }, h("div", { key: 'fc332cb0b94355d405e71c82979bb43a92cfec38', class: "button1" }, h("gb-button", { key: '63b239ac7a549fd88006b6657a04f5304ae558d1', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: 'd2ae7c478514ff8f6a24d65421e9f83025aa3373' }, this.secondaryButtonText))), h("div", { key: '5b35f44c2915639db616596b08bddeb6f2676f70', class: "button2" }, h("gb-button", { key: '834e10946115f2382790bfbe3c23974c8899a4b6', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.primaryButtonState, "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '0653f770df2432d442de42ff4f30cac4f49d6894' }, this.primaryButtonText)))))));
     }
     static get is() { return "gb-prompt-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -187,6 +188,32 @@ export class GbPromptModal {
                 "attribute": "primary-button-text",
                 "defaultValue": "''"
             },
+            "primaryButtonState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "StateType",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
+                    "references": {
+                        "StateType": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::StateType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "primary-button-state",
+                "defaultValue": "'default'"
+            },
             "secondaryButtonText": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-prompt-modal.js","sourceRoot":"","sources":["../../../src/components/gb-prompt-modal/gb-prompt-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, getAssetPath, h, Prop, State } from '@stencil/core';\r\nimport { StateType } from '../../components';\r\n\r\n@Component({\r\n  tag: 'gb-prompt-modal',\r\n  styleUrl: 'gb-prompt-modal.css',\r\n  shadow: true,\r\n})\r\nexport class GbPromptModal {\r\n  // Props (data passed from parent)\r\n  @Prop() showCheckBox: boolean = false;\r\n  @Prop() heading: string = '';\r\n  @Prop() supportingText: string = '';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() iconInstance: string = '';\r\n  @Prop() checkboxLabel: string = '';\r\n  @Prop() primaryButtonText: string = '';\r\n  @Prop() secondaryButtonText: string = '';\r\n  @Prop() checked: boolean = false;\r\n  @Prop() checkboxState: StateType = 'default';\r\n  @State() leadingIconSvg: string = '';\r\n  @Event() checkboxClicked: EventEmitter<boolean>;\r\n  @Event() closeButtonClicked: EventEmitter<void>;\r\n  @Event() primaryButtonClicked: EventEmitter<void>;\r\n  @Event() secondaryButtonClicked: EventEmitter<void>;\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.iconInstance);\r\n  }\r\n\r\n  clickedCheckbox(event) {\r\n    this.checkboxClicked.emit(event.detail);\r\n  }\r\n\r\n  onCloseButtonClicked() {\r\n    this.closeButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    // Determine which icon to use based on destructive prop\r\n    return (\r\n      <div class=\"prompt-modal shadow-sm\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"content-top\">\r\n            <div class={`outer_circle ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`icon ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n            </div>\r\n            <gb-button-close size=\"sm\" color=\"gray\" onClick={() => this.onCloseButtonClicked()}></gb-button-close>\r\n          </div>\r\n          <div class=\"content-text\">\r\n            <h2 class=\"display-xs-semi-bold\">{this.heading}</h2>\r\n            <p class=\"text-md-regular\">{this.supportingText}</p>\r\n          </div>\r\n          {this.showCheckBox && (\r\n            <div class=\"content-check\">\r\n              <gb-checkbox\r\n                onCheckboxClicked={this.clickedCheckbox.bind(this)}\r\n                checked={this.checked}\r\n                indeterminate={false}\r\n                size=\"sm\"\r\n                type=\"checkbox\"\r\n                state={this.checkboxState}\r\n                text={true}\r\n                supporting-text={false}\r\n              >\r\n                <p slot=\"label\">{this.checkboxLabel}</p>\r\n              </gb-checkbox>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {/* <gb-modal-action action-type=\"double\" destructive={this.destructive}></gb-modal-action> */}\r\n        <div class=\"modal-action\">\r\n          <div class=\"modal-buttons\">\r\n            <div class=\"button1\">\r\n              <gb-button\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading=\"false\"\r\n                icon-trailing=\"false\"\r\n                onClick={() => this.secondaryButtonClicked.emit()}\r\n              >\r\n                <p>{this.secondaryButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"button2\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"primary\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading=\"false\"\r\n                icon-trailing=\"false\"\r\n                onClick={() => this.primaryButtonClicked.emit()}\r\n              >\r\n                <p>{this.primaryButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-prompt-modal.js","sourceRoot":"","sources":["../../../src/components/gb-prompt-modal/gb-prompt-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, getAssetPath, h, Prop, State } from '@stencil/core';\r\nimport { StateType } from '../../components';\r\n\r\n@Component({\r\n  tag: 'gb-prompt-modal',\r\n  styleUrl: 'gb-prompt-modal.css',\r\n  shadow: true,\r\n})\r\nexport class GbPromptModal {\r\n  // Props (data passed from parent)\r\n  @Prop() showCheckBox: boolean = false;\r\n  @Prop() heading: string = '';\r\n  @Prop() supportingText: string = '';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() iconInstance: string = '';\r\n  @Prop() checkboxLabel: string = '';\r\n  @Prop() primaryButtonText: string = '';\r\n  @Prop() primaryButtonState: StateType = 'default';\r\n  @Prop() secondaryButtonText: string = '';\r\n  @Prop() checked: boolean = false;\r\n  @Prop() checkboxState: StateType = 'default';\r\n  @State() leadingIconSvg: string = '';\r\n  @Event() checkboxClicked: EventEmitter<boolean>;\r\n  @Event() closeButtonClicked: EventEmitter<void>;\r\n  @Event() primaryButtonClicked: EventEmitter<void>;\r\n  @Event() secondaryButtonClicked: EventEmitter<void>;\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.iconInstance);\r\n  }\r\n\r\n  clickedCheckbox(event) {\r\n    this.checkboxClicked.emit(event.detail);\r\n  }\r\n\r\n  onCloseButtonClicked() {\r\n    this.closeButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    // Determine which icon to use based on destructive prop\r\n    return (\r\n      <div class=\"prompt-modal shadow-sm\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"content-top\">\r\n            <div class={`outer_circle ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`icon ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n            </div>\r\n            <gb-button-close size=\"sm\" color=\"gray\" onClick={() => this.onCloseButtonClicked()}></gb-button-close>\r\n          </div>\r\n          <div class=\"content-text\">\r\n            <h2 class=\"display-xs-semi-bold\">{this.heading}</h2>\r\n            <p class=\"text-md-regular\">{this.supportingText}</p>\r\n          </div>\r\n          {this.showCheckBox && (\r\n            <div class=\"content-check\">\r\n              <gb-checkbox\r\n                onCheckboxClicked={this.clickedCheckbox.bind(this)}\r\n                checked={this.checked}\r\n                indeterminate={false}\r\n                size=\"sm\"\r\n                type=\"checkbox\"\r\n                state={this.checkboxState}\r\n                text={true}\r\n                supporting-text={false}\r\n              >\r\n                <p slot=\"label\">{this.checkboxLabel}</p>\r\n              </gb-checkbox>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {/* <gb-modal-action action-type=\"double\" destructive={this.destructive}></gb-modal-action> */}\r\n        <div class=\"modal-action\">\r\n          <div class=\"modal-buttons\">\r\n            <div class=\"button1\">\r\n              <gb-button\r\n                size=\"xl\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"default\"\r\n                state=\"default\"\r\n                icon-leading=\"false\"\r\n                icon-trailing=\"false\"\r\n                onClick={() => this.secondaryButtonClicked.emit()}\r\n              >\r\n                <p>{this.secondaryButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"button2\">\r\n              <gb-button\r\n                destructive={this.destructive}\r\n                size=\"xl\"\r\n                hierarchy=\"primary\"\r\n                icon=\"default\"\r\n                state={this.primaryButtonState}\r\n                icon-leading=\"false\"\r\n                icon-trailing=\"false\"\r\n                onClick={() => this.primaryButtonClicked.emit()}\r\n              >\r\n                <p>{this.primaryButtonText}</p>\r\n              </gb-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}