globuswebcomponents 1.8.9 → 1.9.1

package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js

@@ -2,89 +2,27 @@ import { h, Fragment } from "@stencil/core";
 export class GbstepperVerticalIconsWithText {
     constructor() {
         this.connector = false;
-        this.showSecondStep = false;
-        this.showThirdStep = false;
-        this.showFourthStep = false;
-        this.showFifthStep = false;
-        this.showSixthStep = false;
-        this.showSeventhStep = false;
-        this.firstStepLabel = '';
-        this.secondStepLabel = '';
-        this.thirdStepLabel = '';
-        this.fourthStepLabel = '';
-        this.fifthStepLabel = '';
-        this.sixthStepLabel = '';
-        this.seventhStepLabel = '';
-        this.firstStepSupportingText = '';
-        this.secondStepSupportingText = '';
-        this.thirdStepSupportingText = '';
-        this.fourthStepSupportingText = '';
-        this.fifthStepSupportingText = '';
-        this.sixthStepSupportingText = '';
-        this.seventhStepSupportingText = '';
+        this.steps = [
+        // {
+        //   state: 'default',
+        //   status: 'complete',
+        //   label: 'First Step',
+        //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+        // },
+        // {
+        //   state: 'default',
+        //   status: 'current',
+        //   label: 'First Step',
+        //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+        // },
+        ];
+    }
+    emitIndex(index) {
+        this.stepClicked.emit(index);
+        console.log(index);
     }
     render() {
-        const steps = [
-            {
-                state: this.firstStepState,
-                status: this.firstStepStatus,
-                label: this.firstStepLabel,
-                supportingText: this.firstStepSupportingText,
-                show: true, // Always show the first step
-                event: () => this.stepClicked.emit(0),
-            },
-            {
-                state: this.secondStepState,
-                status: this.secondStepStatus,
-                label: this.secondStepLabel,
-                supportingText: this.secondStepSupportingText,
-                show: this.showSecondStep,
-                event: () => this.stepClicked.emit(1),
-            },
-            {
-                state: this.thirdStepState,
-                status: this.thirdStepStatus,
-                label: this.thirdStepLabel,
-                supportingText: this.thirdStepSupportingText,
-                show: this.showThirdStep,
-                event: () => this.stepClicked.emit(2),
-            },
-            {
-                state: this.fourthStepState,
-                status: this.fourthStepStatus,
-                label: this.fourthStepLabel,
-                supportingText: this.fourthStepSupportingText,
-                show: this.showFourthStep,
-                event: () => this.stepClicked.emit(3),
-            },
-            {
-                state: this.fifthStepState,
-                status: this.fifthStepStatus,
-                label: this.fifthStepLabel,
-                supportingText: this.fifthStepSupportingText,
-                show: this.showFifthStep,
-                event: () => this.stepClicked.emit(4),
-            },
-            {
-                state: this.sixthStepState,
-                status: this.sixthStepStatus,
-                label: this.sixthStepLabel,
-                supportingText: this.sixthStepSupportingText,
-                show: this.showSixthStep,
-                event: () => this.stepClicked.emit(5),
-            },
-            {
-                state: this.seventhStepState,
-                status: this.seventhStepStatus,
-                label: this.seventhStepLabel,
-                supportingText: this.seventhStepSupportingText,
-                show: this.showSeventhStep,
-                event: () => this.stepClicked.emit(6),
-            },
-        ];
-        // Filter out steps that should be displayed
-        const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: '48cd2fb8ffc2e91effa16d44d8f62f84aa5b055c', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => step.event() })))))));
+        return (h("div", { key: '527b72b12193f24d48b86513f85a83f424340818', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.steps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }
@@ -164,312 +102,17 @@ export class GbstepperVerticalIconsWithText {
                 "attribute": "type",
                 "reflect": false
             },
-            "showSecondStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-second-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showThirdStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-third-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showFourthStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-fourth-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showFifthStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-fifth-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showSixthStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-sixth-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showSeventhStep": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-seventh-step",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "firstStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-step-state",
-                "reflect": false
-            },
-            "secondStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-step-state",
-                "reflect": false
-            },
-            "thirdStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-step-state",
-                "reflect": false
-            },
-            "fourthStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-step-state",
-                "reflect": false
-            },
-            "fifthStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-step-state",
-                "reflect": false
-            },
-            "sixthStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-step-state",
-                "reflect": false
-            },
-            "seventhStepState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStates",
-                    "resolved": "\"default\" | \"destructive\"",
-                    "references": {
-                        "ProgressStepStates": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStates"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-step-state",
-                "reflect": false
-            },
-            "firstStepStatus": {
-                "type": "string",
+            "steps": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "original": "StepperType[]",
+                    "resolved": "StepperType[]",
                     "references": {
-                        "ProgressStepStatus": {
+                        "StepperType": {
                             "location": "import",
                             "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                            "id": "src/models/reusableModels.ts::StepperType"
                         }
                     }
                 },
@@ -481,438 +124,7 @@ export class GbstepperVerticalIconsWithText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-step-status",
-                "reflect": false
-            },
-            "secondStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-step-status",
-                "reflect": false
-            },
-            "thirdStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-step-status",
-                "reflect": false
-            },
-            "fourthStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-step-status",
-                "reflect": false
-            },
-            "fifthStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-step-status",
-                "reflect": false
-            },
-            "sixthStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-step-status",
-                "reflect": false
-            },
-            "seventhStepStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ProgressStepStatus",
-                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-                    "references": {
-                        "ProgressStepStatus": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-step-status",
-                "reflect": false
-            },
-            "firstStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhStepLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-step-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "firstStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhStepSupportingText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-step-supporting-text",
-                "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "[\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'complete',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'current',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n  ]"
             }
         };
     }