globuswebcomponents 1.2.5 → 1.2.7

package/dist/components/gb-stepper-horizontal-icons-centered.js

@@ -1,44 +1,112 @@
-import { p as proxyCustomElement, H, h } from './p-ad960c29.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-ad960c29.js';
+import { d as defineCustomElement$3 } from './p-83d4075d.js';
+import { d as defineCustomElement$2 } from './p-f25cd4ce.js';
 
 const gbStepperHorizontalIconsCenteredCss = "";
 const GbStepperHorizontalIconsCenteredStyle0 = gbStepperHorizontalIconsCenteredCss;
 
-const GbStepperHorizontalIconsCentered$1 = /*@__PURE__*/ proxyCustomElement(class GbStepperHorizontalIconsCentered extends H {
+const GbStepperVerticalIconsCentered = /*@__PURE__*/ proxyCustomElement(class GbStepperVerticalIconsCentered extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
         this.size = undefined;
-        this.steps = 0;
+        this.steps = undefined;
         this.type = undefined;
         this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        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 = '';
     }
     render() {
-        return (h("div", { key: '833057e7bdf35ec340b29775268a729a6acbe94d' }));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '0b0706c80ab69437c805e4e40532313646f309d1', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'bbd55d64ac2484020cfdd98638a84c4f189f17a0', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '50b2c1729ef67a6f97520c3edba91daa33bf588a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'b46e7eff046d4c69621c5084a584ba6978009124', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'cc77c3d57928469d5e92c5d443f3c50959c5cc8f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0ced4c515b0c15abb3306ecd20dd73f35fd169a3', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '4e758f0320c803e004119b36e0e5db1f96a86e53', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '0883cd5c54b534c2d5d7357e32f22ed5f2c21f27', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '714c7138792a8de10749f50c370ed972bb88cc62', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '530b56a3bf99af5108270cd83daec579e7c1f7cd', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '034e49be7de6359cf0c5fb009edc3d3b366e3876', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '02665900d56c81f6a7afeee8f05ea4b513886401', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'f7ae30a18239cb0bd4347e464bc01fe2ebd22468', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '105e6947803f22c2222364239d5360db362a7c00', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'f67866c0789af20f510cf7acee2cd4f80dd4c19e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '039324e67065b077712c696940ded900472a4c6e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ed0d773ed11779175064a1e33dbf14cb54bdb934', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'bf52e67ca1511c1966b31951e052ce3e63214db4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '84133991e00b718c103642893ce267b6aad620f1', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'e36f5569528b92fc8a9bca820f0401f78dfe6f71', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'da13cb54cfaf36ccf67e7412d350b88602923cb9', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'e14cba505d0d2386c28790fdbf714524f861202f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '345a203756bf43bb5df2657f5315d7d7beca36b6', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '34dff5e6fe152fb48cbd94a228b5690e6c62d528', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '32a6ac9cae76d9d489695b38e8e58e58d54105b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'fc94847445da698f024476324c96112ed1e1215e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '83dd1da40fb3eca3564635904345c757f8179908', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '09f445bf19a56d2f8cbe12f2f89b21eb30e589ec', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get style() { return GbStepperHorizontalIconsCenteredStyle0; }
 }, [1, "gb-stepper-horizontal-icons-centered", {
         "size": [1],
         "steps": [2],
         "type": [1],
-        "breakpoint": [1]
+        "breakpoint": [1],
+        "firstStepState": [1, "first-step-state"],
+        "secondStepState": [1, "second-step-state"],
+        "thirdStepState": [1, "third-step-state"],
+        "fourthStepState": [1, "fourth-step-state"],
+        "fifthStepState": [1, "fifth-step-state"],
+        "sixthStepState": [1, "sixth-step-state"],
+        "seventhStepState": [1, "seventh-step-state"],
+        "firstStepStatus": [1, "first-step-status"],
+        "secondStepStatus": [1, "second-step-status"],
+        "thirdStepStatus": [1, "third-step-status"],
+        "fourthStepStatus": [1, "fourth-step-status"],
+        "fifthStepStatus": [1, "fifth-step-status"],
+        "sixthStepStatus": [1, "sixth-step-status"],
+        "seventhStepStatus": [1, "seventh-step-status"],
+        "firstStepLabel": [1, "first-step-label"],
+        "secondStepLabel": [1, "second-step-label"],
+        "thirdStepLabel": [1, "third-step-label"],
+        "fourthStepLabel": [1, "fourth-step-label"],
+        "fifthStepLabel": [1, "fifth-step-label"],
+        "sixthStepLabel": [1, "sixth-step-label"],
+        "seventhStepLabel": [1, "seventh-step-label"],
+        "firstStepSupportingText": [1, "first-step-supporting-text"],
+        "secondStepSupportingText": [1, "second-step-supporting-text"],
+        "thirdStepSupportingText": [1, "third-step-supporting-text"],
+        "fourthStepSupportingText": [1, "fourth-step-supporting-text"],
+        "fifthStepSupportingText": [1, "fifth-step-supporting-text"],
+        "sixthStepSupportingText": [1, "sixth-step-supporting-text"],
+        "seventhStepSupportingText": [1, "seventh-step-supporting-text"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gb-stepper-horizontal-icons-centered"];
+    const components = ["gb-stepper-horizontal-icons-centered", "gb-featured-icon", "gb-step-base"];
     components.forEach(tagName => { switch (tagName) {
         case "gb-stepper-horizontal-icons-centered":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, GbStepperHorizontalIconsCentered$1);
+                customElements.define(tagName, GbStepperVerticalIconsCentered);
+            }
+            break;
+        case "gb-featured-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "gb-step-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
             }
             break;
     } });
 }
 defineCustomElement$1();
 
-const GbStepperHorizontalIconsCentered = GbStepperHorizontalIconsCentered$1;
+const GbStepperHorizontalIconsCentered = GbStepperVerticalIconsCentered;
 const defineCustomElement = defineCustomElement$1;
 
 export { GbStepperHorizontalIconsCentered, defineCustomElement };

package/dist/components/gb-stepper-horizontal-icons-centered.js.map

@@ -1 +1 @@
-{"file":"gb-stepper-horizontal-icons-centered.js","mappings":";;AAAA,MAAM,mCAAmC,GAAG,EAAE,CAAC;AAC/C,+CAAe,mCAAmC;;MCQrCA,kCAAgC;;;;;;qBAEjB,CAAC;;;;IAIzB,MAAM;QACF,QACI,6DAAW,EACd;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbStepperHorizontalIconsCentered"],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-stepper-horizontal-icons-centered',\r\n    styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbStepperHorizontalIconsCentered {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() steps: number = 0;\r\n    @Prop() type: 'icon' | 'featured_icon';\r\n    @Prop() breakpoint: BreakPoints;\r\n\r\n    render() {\r\n        return (\r\n            <div></div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"gb-stepper-horizontal-icons-centered.js","mappings":"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","names":[],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperVerticalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: number;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps === 2 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={false}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 3 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={false}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 4 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={false}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 5 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={false}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 6 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={false}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 7 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={true}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.seventhStepState}\r\n                      status={this.seventhStepStatus}\r\n                      connector={false}\r\n                      label={this.seventhStepLabel}\r\n                      supporting-text={this.seventhStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {/* {this.type === \"featured_icon\"} */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/gb-stepper-horizontal-line-with-text.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-ad960c29.js';
-import { d as defineCustomElement$2 } from './p-f01d693a.js';
+import { d as defineCustomElement$3 } from './p-83d4075d.js';
+import { d as defineCustomElement$2 } from './p-f25cd4ce.js';
 
 const gbStepperHorizontalLineWithTextCss = ".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";
 const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss;
@@ -11,11 +12,6 @@ const GbStepperHorizontalLineWithText$1 = /*@__PURE__*/ proxyCustomElement(class
         this.__attachShadow();
         this.size = undefined;
         this.breakpoint = undefined;
-        this.thirdStep = false;
-        this.fourthStep = false;
-        this.fifthStep = false;
-        this.sixthStep = false;
-        this.seventhStep = false;
         this.firstStepState = undefined;
         this.secondStepState = undefined;
         this.thirdStepState = undefined;
@@ -46,17 +42,12 @@ const GbStepperHorizontalLineWithText$1 = /*@__PURE__*/ proxyCustomElement(class
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h("div", { key: 'df4e057f5703bccbc63423b397d7ff26d5a16c3a', class: "text_with_line" }, h("gb-step-base", { key: '66629c4d997aeb724a798a004cf59742bca1341c', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'd28ec226c43a04eec75c9b498ed59ef650c16b0d', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStep && (h("gb-step-base", { key: '881fc12c915c34e50c0fc02c8af1ac1c3259ce0d', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStep && (h("gb-step-base", { key: 'bfa2867318a07de616e9d6a2cf337eaafe225649', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStep && (h("gb-step-base", { key: '0f27966b49bb38fc4299492597bc826be09c14b7', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStep && (h("gb-step-base", { key: '08b97d29917ca895dcbc5f1baeb1013d30234747', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStep && (h("gb-step-base", { key: '11811df563eccf0ba8e14f5c8f0476c1c2cd16db', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
+        return (h("div", { key: 'd5d55dcf2b3fd6eb490454f626fa1437ce3a9bb5', class: "text_with_line" }, h("gb-step-base", { key: '3aa7fdf4bac2d396a55d9053502e6a722bb9c32d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9a41053cc8a5a3378892227ff0974ae0b9f630f5', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'a83b60767616ebe867ed8f65fc9f93c16bfacb12', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '01f51b17609051e4a2169b481e3ee69e7cdf549a', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '5103cbdef0ef0a6cd10a7a8b2f3d07dffc16db71', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'f56e749801091724a6e11a01196cce4cc824b5e2', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '8d226c469af37f8f6cb180e68894f2fa14a213e6', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
     }
     static get style() { return GbStepperHorizontalLineWithTextStyle0; }
 }, [1, "gb-stepper-horizontal-line-with-text", {
         "size": [1],
         "breakpoint": [1],
-        "thirdStep": [4, "third-step"],
-        "fourthStep": [4, "fourth-step"],
-        "fifthStep": [4, "fifth-step"],
-        "sixthStep": [4, "sixth-step"],
-        "seventhStep": [4, "seventh-step"],
         "firstStepState": [1, "first-step-state"],
         "secondStepState": [1, "second-step-state"],
         "thirdStepState": [1, "third-step-state"],
@@ -90,13 +81,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gb-stepper-horizontal-line-with-text", "gb-step-base"];
+    const components = ["gb-stepper-horizontal-line-with-text", "gb-featured-icon", "gb-step-base"];
     components.forEach(tagName => { switch (tagName) {
         case "gb-stepper-horizontal-line-with-text":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, GbStepperHorizontalLineWithText$1);
             }
             break;
+        case "gb-featured-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "gb-step-base":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/components/gb-stepper-horizontal-line-with-text.js.map

@@ -1 +1 @@
-{"file":"gb-stepper-horizontal-line-with-text.js","mappings":";;;AAAA,MAAM,kCAAkC,GAAG,2GAA2G,CAAC;AACvJ,8CAAe,kCAAkC;;MCOpCA,iCAA+B;;;;;;;yBAGb,KAAK;0BACJ,KAAK;yBACN,KAAK;yBACL,KAAK;2BACH,KAAK;;;;;;;;;;;;;;;8BAeH,EAAE;+BACD,EAAE;8BACH,EAAE;+BACD,EAAE;8BACH,EAAE;8BACF,EAAE;gCACA,EAAE;uCACK,EAAE;wCACD,EAAE;uCACH,EAAE;wCACD,EAAE;uCACH,EAAE;uCACF,EAAE;yCACA,EAAE;;IAE9C,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,gBAAgB,IACzB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,EAChB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,EACf,IAAI,CAAC,SAAS,KACb,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,UAAU,KACd,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,CACjB,EACA,IAAI,CAAC,SAAS,KACb,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,SAAS,KACb,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,WAAW,KACf,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,KAAK,EAAE,IAAI,CAAC,gBAAgB,qBACX,IAAI,CAAC,yBAAyB,GACjC,CACjB,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbStepperHorizontalLineWithText"],"sources":["src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.css?tag=gb-stepper-horizontal-line-with-text&encapsulation=shadow","src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"sourcesContent":[".text_with_line{\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: stretch;\r\n    gap: var(--spacing-4);\r\n}\r\n\r\ngb-step-base{\r\n    width: 100%;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() thirdStep: boolean = false;\r\n  @Prop() fourthStep: boolean = false;\r\n  @Prop() fifthStep: boolean = false;\r\n  @Prop() sixthStep: boolean = false;\r\n  @Prop() seventhStep: boolean = false;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"gb-stepper-horizontal-line-with-text.js","mappings":";;;;AAAA,MAAM,kCAAkC,GAAG,2GAA2G,CAAC;AACvJ,8CAAe,kCAAkC;;MCOpCA,iCAA+B;;;;;;;;;;;;;;;;;;;;;8BAiBT,EAAE;+BACD,EAAE;8BACH,EAAE;+BACD,EAAE;8BACH,EAAE;8BACF,EAAE;gCACA,EAAE;uCACK,EAAE;wCACD,EAAE;uCACH,EAAE;wCACD,EAAE;uCACH,EAAE;uCACF,EAAE;yCACA,EAAE;;IAE9C,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,gBAAgB,IACzB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,EAChB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,EACf,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,eAAe,KACnB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,CACjB,EACA,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,gBAAgB,KACpB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,KAAK,EAAE,IAAI,CAAC,gBAAgB,qBACX,IAAI,CAAC,yBAAyB,GACjC,CACjB,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbStepperHorizontalLineWithText"],"sources":["src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.css?tag=gb-stepper-horizontal-line-with-text&encapsulation=shadow","src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"sourcesContent":[".text_with_line{\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: stretch;\r\n    gap: var(--spacing-4);\r\n}\r\n\r\ngb-step-base{\r\n    width: 100%;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/gb-stepper-vertical-icons-with-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GbStepperVerticalIconsWithText extends Components.GbStepperVerticalIconsWithText, HTMLElement {}
+export const GbStepperVerticalIconsWithText: {
+    prototype: GbStepperVerticalIconsWithText;
+    new (): GbStepperVerticalIconsWithText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,177 @@
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-ad960c29.js';
+import { d as defineCustomElement$3 } from './p-83d4075d.js';
+import { d as defineCustomElement$2 } from './p-f25cd4ce.js';
+
+const gbStepperVerticalIconsWithTextCss = "";
+const GbStepperVerticalIconsWithTextStyle0 = gbStepperVerticalIconsWithTextCss;
+
+const GbstepperVerticalIconsWithText = /*@__PURE__*/ proxyCustomElement(class GbstepperVerticalIconsWithText extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = undefined;
+        this.connector = false;
+        this.type = undefined;
+        this.showSecondStep = false;
+        this.showThirdStep = false;
+        this.showFourthStep = false;
+        this.showFifthStep = false;
+        this.showSixthStep = false;
+        this.showSeventhStep = false;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        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 = '';
+    }
+    render() {
+        const steps = [
+            {
+                state: this.firstStepState,
+                status: this.firstStepStatus,
+                label: this.firstStepLabel,
+                supportingText: this.firstStepSupportingText,
+                show: true, // Always show the first step
+            },
+            {
+                state: this.secondStepState,
+                status: this.secondStepStatus,
+                label: this.secondStepLabel,
+                supportingText: this.secondStepSupportingText,
+                show: this.showSecondStep,
+            },
+            {
+                state: this.thirdStepState,
+                status: this.thirdStepStatus,
+                label: this.thirdStepLabel,
+                supportingText: this.thirdStepSupportingText,
+                show: this.showThirdStep,
+            },
+            {
+                state: this.fourthStepState,
+                status: this.fourthStepStatus,
+                label: this.fourthStepLabel,
+                supportingText: this.fourthStepSupportingText,
+                show: this.showFourthStep,
+            },
+            {
+                state: this.fifthStepState,
+                status: this.fifthStepStatus,
+                label: this.fifthStepLabel,
+                supportingText: this.fifthStepSupportingText,
+                show: this.showFifthStep,
+            },
+            {
+                state: this.sixthStepState,
+                status: this.sixthStepStatus,
+                label: this.sixthStepLabel,
+                supportingText: this.sixthStepSupportingText,
+                show: this.showSixthStep,
+            },
+            {
+                state: this.seventhStepState,
+                status: this.seventhStepStatus,
+                label: this.seventhStepLabel,
+                supportingText: this.seventhStepSupportingText,
+                show: this.showSeventhStep,
+            },
+        ];
+        // Filter out steps that should be displayed
+        const visibleSteps = steps.filter(step => step.show);
+        return (h("div", { key: 'f90f9b97ae2bcce68b2936f3615b8a31d812d34f', 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 })))))));
+    }
+    static get style() { return GbStepperVerticalIconsWithTextStyle0; }
+}, [1, "gb-stepper-vertical-icons-with-text", {
+        "size": [1],
+        "connector": [4],
+        "type": [1],
+        "showSecondStep": [4, "show-second-step"],
+        "showThirdStep": [4, "show-third-step"],
+        "showFourthStep": [4, "show-fourth-step"],
+        "showFifthStep": [4, "show-fifth-step"],
+        "showSixthStep": [4, "show-sixth-step"],
+        "showSeventhStep": [4, "show-seventh-step"],
+        "firstStepState": [1, "first-step-state"],
+        "secondStepState": [1, "second-step-state"],
+        "thirdStepState": [1, "third-step-state"],
+        "fourthStepState": [1, "fourth-step-state"],
+        "fifthStepState": [1, "fifth-step-state"],
+        "sixthStepState": [1, "sixth-step-state"],
+        "seventhStepState": [1, "seventh-step-state"],
+        "firstStepStatus": [1, "first-step-status"],
+        "secondStepStatus": [1, "second-step-status"],
+        "thirdStepStatus": [1, "third-step-status"],
+        "fourthStepStatus": [1, "fourth-step-status"],
+        "fifthStepStatus": [1, "fifth-step-status"],
+        "sixthStepStatus": [1, "sixth-step-status"],
+        "seventhStepStatus": [1, "seventh-step-status"],
+        "firstStepLabel": [1, "first-step-label"],
+        "secondStepLabel": [1, "second-step-label"],
+        "thirdStepLabel": [1, "third-step-label"],
+        "fourthStepLabel": [1, "fourth-step-label"],
+        "fifthStepLabel": [1, "fifth-step-label"],
+        "sixthStepLabel": [1, "sixth-step-label"],
+        "seventhStepLabel": [1, "seventh-step-label"],
+        "firstStepSupportingText": [1, "first-step-supporting-text"],
+        "secondStepSupportingText": [1, "second-step-supporting-text"],
+        "thirdStepSupportingText": [1, "third-step-supporting-text"],
+        "fourthStepSupportingText": [1, "fourth-step-supporting-text"],
+        "fifthStepSupportingText": [1, "fifth-step-supporting-text"],
+        "sixthStepSupportingText": [1, "sixth-step-supporting-text"],
+        "seventhStepSupportingText": [1, "seventh-step-supporting-text"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gb-stepper-vertical-icons-with-text", "gb-featured-icon", "gb-step-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gb-stepper-vertical-icons-with-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GbstepperVerticalIconsWithText);
+            }
+            break;
+        case "gb-featured-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "gb-step-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const GbStepperVerticalIconsWithText = GbstepperVerticalIconsWithText;
+const defineCustomElement = defineCustomElement$1;
+
+export { GbStepperVerticalIconsWithText, defineCustomElement };
+
+//# sourceMappingURL=gb-stepper-vertical-icons-with-text.js.map

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

@@ -0,0 +1 @@
+{"file":"gb-stepper-vertical-icons-with-text.js","mappings":"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","names":[],"sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":["","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() showSecondStep: boolean = false;\r\n  @Prop() showThirdStep: boolean = false;\r\n  @Prop() showFourthStep: boolean = false;\r\n  @Prop() showFifthStep: boolean = false;\r\n  @Prop() showSixthStep: boolean = false;\r\n  @Prop() showSeventhStep: boolean = false;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    const steps = [\r\n      {\r\n        state: this.firstStepState,\r\n        status: this.firstStepStatus,\r\n        label: this.firstStepLabel,\r\n        supportingText: this.firstStepSupportingText,\r\n        show: true, // Always show the first step\r\n      },\r\n      {\r\n        state: this.secondStepState,\r\n        status: this.secondStepStatus,\r\n        label: this.secondStepLabel,\r\n        supportingText: this.secondStepSupportingText,\r\n        show: this.showSecondStep,\r\n      },\r\n      {\r\n        state: this.thirdStepState,\r\n        status: this.thirdStepStatus,\r\n        label: this.thirdStepLabel,\r\n        supportingText: this.thirdStepSupportingText,\r\n        show: this.showThirdStep,\r\n      },\r\n      {\r\n        state: this.fourthStepState,\r\n        status: this.fourthStepStatus,\r\n        label: this.fourthStepLabel,\r\n        supportingText: this.fourthStepSupportingText,\r\n        show: this.showFourthStep,\r\n      },\r\n      {\r\n        state: this.fifthStepState,\r\n        status: this.fifthStepStatus,\r\n        label: this.fifthStepLabel,\r\n        supportingText: this.fifthStepSupportingText,\r\n        show: this.showFifthStep,\r\n      },\r\n      {\r\n        state: this.sixthStepState,\r\n        status: this.sixthStepStatus,\r\n        label: this.sixthStepLabel,\r\n        supportingText: this.sixthStepSupportingText,\r\n        show: this.showSixthStep,\r\n      },\r\n      {\r\n        state: this.seventhStepState,\r\n        status: this.seventhStepStatus,\r\n        label: this.seventhStepLabel,\r\n        supportingText: this.seventhStepSupportingText,\r\n        show: this.showSeventhStep,\r\n      },\r\n    ];\r\n\r\n    // Filter out steps that should be displayed\r\n    const visibleSteps = steps.filter(step => step.show);\r\n\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {visibleSteps.map((step, index) => (\r\n              <gb-step-base\r\n                size={this.size}\r\n                type=\"icon_left\"\r\n                state={step.state}\r\n                status={step.status}\r\n                connector={index === visibleSteps.length - 1 ? false : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/gb-tab-button-base.js

@@ -1,4 +1,4 @@
-import { G as GbTabButtonBase$1, d as defineCustomElement$1 } from './p-36cbbc63.js';
+import { G as GbTabButtonBase$1, d as defineCustomElement$1 } from './p-2cf657f3.js';
 
 const GbTabButtonBase = GbTabButtonBase$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-table-cell.js

@@ -11,7 +11,7 @@ const GbTableCell$1 = /*@__PURE__*/ proxyCustomElement(class GbTableCell extends
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'efdb793b757a413840c7292eb5a5b577cb11e645', class: "table_cell_div" }));
+        return (h("div", { key: '56f8bacf3ce4f1b8120ca685cddf296ef93f1ff1', class: "table_cell_div" }));
     }
     static get style() { return GbTableCellStyle0; }
 }, [1, "gb-table-cell", {

package/dist/components/gb-tag-checkbox.js

@@ -1,4 +1,4 @@
-import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-bc8408d2.js';
+import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-b8fa0815.js';
 
 const GbTagCheckbox = GbTagCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-close.js

@@ -1,4 +1,4 @@
-import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-95ea90ff.js';
+import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-951c9086.js';
 
 const GbTagClose = GbTagClose$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-count.js

@@ -1,4 +1,4 @@
-import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-a2a6a0c0.js';
+import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-cefe6782.js';
 
 const GbTagCount = GbTagCount$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag.js

@@ -1,4 +1,4 @@
-import { G as GbTag$1, d as defineCustomElement$1 } from './p-15aed73e.js';
+import { G as GbTag$1, d as defineCustomElement$1 } from './p-5643ff3d.js';
 
 const GbTag = GbTag$1;
 const defineCustomElement = defineCustomElement$1;