npm - globuswebcomponents - Versions diffs - 2.1.9 → 2.2.1 - Mend

globuswebcomponents 2.1.9 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (408) hide show

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js DELETED Viewed

@@ -1,32 +0,0 @@
-import { r as registerInstance, h, F as Fragment } from './index-Dlqa7tPI.js';
-const gbStepperHorizontalIconsCenteredCss = "";
-const GbStepperVerticalIconsCentered = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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(Fragment, null, this.type === 'icon' && (h("div", { key: 'add673fbe60ed21536439f799c4c129387bd1080', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '05fba7b26d1ca90838d85e09919184d2f4c38603', 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: 'e40da8a744278850e0f4e7c5b1454f41bae975fa', 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: '746f2c390c5ce68176bdf335456655d5d106ea48', 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: '698714c1ac75272ec3bea8fad88443134e5e8e18', 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: 'df9ff62077e334d991f238d313c7a0be6dcb71ac', 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: 'c84fbfaf5c19fc6303dcdd83a17bbe4618efeb45', 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: '1fbb3a6ff3c80760c104d6016565942ed6a93f6c', 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: '6387c08a8203e2f154f183dad39f7e645cafc34e', 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: '093a6585fb263064601bb5bb1f1f99819f43c77b', 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: '29b4165bb5462f25b070a458e55e5be2a917fe62', 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: 'f9e19f7b3b03e26bad7a7183d074ce94a5bd3e54', 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: '86e3d45ad0ac8a3a507ce7c3a40a82d96e0610a2', 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: '0708eff02c98bd5aa1c5ccd7025504d4062dcee2', 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: '885f87bb9af65617b3239eea0cceb96d92e05085', 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: 'cb0f4ad09a13ce51ee951e9fc10e31fe084ae860', 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: 'adebb789e77f59bc4cf05057ca91da01ce9ddf0b', 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: 'a6cac9d871f7fbe61fa0d9b869992ac805c0babc', 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: '046e5a3f7d0a6978ac3429d7d2478e8bcf51525f', 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: 'b766153cb61bd0fbd32dcebe4b8a367e6d2a1fa5', 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: '9663de19f5c208c8ab9f9bbec83c6291b182fe3c', 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: 'da3051dd07e7c8f7ac9e951044a0eb26c00962a7', 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: 'e743e0446fa46791a7fa37340f08823c70e20246', 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: '8041d88dd283969339b196e37b2aff971163ed49', 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: '84cb9b7db8e9e61cc6e93791c1f508e293351a06', 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: 'ea891c6831b807b4e71acfa9a601882b91e298f4', 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: 'aca983eb98e26485083c6f3bd5f6a9b99b099d80', 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: '835c9c9df7b95079cd7b53e7a65e8829011b3161', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
-    }
-};
-GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;
-export { GbStepperVerticalIconsCentered as gb_stepper_horizontal_icons_centered };
-//# sourceMappingURL=gb-stepper-horizontal-icons-centered.entry.js.map
-//# sourceMappingURL=gb-stepper-horizontal-icons-centered.entry.js.map

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gb-stepper-horizontal-icons-centered.entry.js","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"],"names":[],"mappings":"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"}

package/dist/globuscomponents/gb-featured-icon.gb-step-base.entry.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gb-featured-icon.gb-step-base.entry.esm.js","sources":["src/components/gb-featured-icon/gb-featured-icon.css?tag=gb-featured-icon&encapsulation=shadow","src/components/gb-featured-icon/gb-featured-icon.tsx","src/components/gb-step-base/gb-step-base.css?tag=gb-step-base&encapsulation=shadow","src/components/gb-step-base/gb-step-base.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n:host{\r\n width: fit-content;\r\n}\r\n\r\n.featured_icon_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #ffffff);\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.featured_icon_div.sm {\r\n width: 2rem;\r\n height: 2rem;\r\n padding: var(--spacing-2);\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.featured_icon_div.md {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: 0.625rem;\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n.featured_icon_div.lg {\r\n width: 3rem;\r\n height: 3rem;\r\n padding: 0.75rem;\r\n border-radius: 0.625rem;\r\n}\r\n\r\n.featured_icon_div.xl {\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n padding: 0.875rem;\r\n border-radius: var(--rounded-md);\r\n}\r\n\r\n.icon{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon.sm svg {\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.icon.md svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\n.icon.lg svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon.xl svg {\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n}\r\n\r\n.icon path[stroke] {\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[stroke] {\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.icon path[fill] {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[fill] {\r\n fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.featured_icon_div.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}","import { Component, Prop, State, getAssetPath, h } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-featured-icon',\r\n styleUrl: 'gb-featured-icon.css',\r\n shadow: true,\r\n})\r\nexport class GbFeaturedIcon {\r\n @Prop() size: GeneralSizes;\r\n @Prop() destructive: boolean = false;\r\n @Prop() icon: string = '';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`featured_icon_div ${this.size} ${this.destructive ? 'destructive' : ''}`}>\r\n <div class={`icon ${this.size} ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n/* :host{\r\n display: inline-block;\r\n} */\r\n\r\n/* Text Line Styles */\r\n.text_line_div {\r\n display: flex;\r\n width: 100%;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.text_line_div.sm {\r\n padding-top: var(--spacing-3);\r\n}\r\n\r\n.text_line_div.md {\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.text_line_div.lg {\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.bar {\r\n height: 0.25rem;\r\n}\r\n\r\n.bar.incomplete.default {\r\n background-color: var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.bar.current.default,\r\n.bar.complete.default {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.bar.incomplete.destructive,\r\n.bar.current.destructive,\r\n.bar.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.text_line_div_content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.text_line_label.default.incomplete,\r\n.text_line_label.default.complete {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.text_line_label.default.current,\r\n.text_line_text.default.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.text_line_text.default.incomplete,\r\n.text_line_text.default.complete {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.text_line_label.incomplete.destructive,\r\n.text_line_label.current.destructive,\r\n.text_line_label.complete.destructive {\r\n color: var(--color-text-danger, #b51726);\r\n}\r\n\r\n.text_line_text.incomplete.destructive,\r\n.text_line_text.current.destructive,\r\n.text_line_text.complete.destructive {\r\n color: var(--color-text-danger-subtle, #cc1a2a);\r\n}\r\n\r\n/* Icon Only Styles */\r\n.icon_only_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.icon_only_div.sm {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon_only_div.md {\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.icon_only_div.lg {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n.icon_only_div.default.incomplete {\r\n background: var(--color-background-card, #ffffff);\r\n border: 2px solid #cdd5df;\r\n}\r\n\r\n.icon_only_div.default.current,\r\n.icon_only_div.default.complete {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n border: 2.5px solid var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.icon_only_div.incomplete.destructive,\r\n.icon_only_div.current.destructive,\r\n.icon_only_div.complete.destructive {\r\n background: var(--color-background-danger-subtlest, #fef1f2);\r\n border: 2.5px solid var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.dot {\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.dot.sm {\r\n width: 0.6rem;\r\n height: 0.6rem;\r\n}\r\n\r\n.dot.md {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n}\r\n\r\n.dot.lg {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n}\r\n\r\n.dot.default.incomplete {\r\n background: #cdd5df;\r\n}\r\n\r\n.dot.default.current {\r\n background: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.dot.incomplete.destructive,\r\n.dot.current.destructive {\r\n background: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.tick.sm {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n}\r\n\r\n.tick.md {\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.tick.lg {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n}\r\n\r\n.tick.destructive path {\r\n stroke: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n/* Icon Left Styles */\r\n.icon_left_div {\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon_left_div.sm {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.icon_left_div.md,\r\n.icon_left_div.lg {\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.icon_left_text {\r\n display: flex;\r\n padding: var(--spacing-2) var(--spacing-none) var(--spacing-7) var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.connector_wrap {\r\n display: flex;\r\n padding-bottom: 0.25rem;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.25rem;\r\n align-self: stretch;\r\n}\r\n\r\n.connector_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-grow: 1;\r\n}\r\n\r\n.icon_left_connector {\r\n width: var(--spacing-half); /* Adjust the width as needed */\r\n height: 100%; /* Adjust the height as needed */\r\n border-radius: 5px; /* Half of the width to make it fully rounded */\r\n}\r\n\r\n.icon_left_connector.default.incomplete,\r\n.icon_left_connector.default.current {\r\n background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_left_connector.default.complete {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_left_connector.incomplete.destructive,\r\n.icon_left_connector.current.destructive,\r\n.icon_left_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/* Icon Top Styles */\r\n.step_icon {\r\n display: flex;\r\n gap: 0;\r\n}\r\n\r\n.icon_top_div,\r\n.icon_top_content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.icon_top_div.sm,\r\n.icon_top_content {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.icon_top_div.md,\r\n.icon_top_div.lg {\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.icon_top_connector {\r\n width: 21rem;\r\n height: 0.13rem;\r\n border-radius: 5px; /* Half of the width to make it fully rounded */\r\n}\r\n\r\n.icon_top_connector.default.incomplete,\r\n.icon_top_connector.default.current {\r\n background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_top_connector.default.complete {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_top_connector.incomplete.destructive,\r\n.icon_top_connector.current.destructive,\r\n.icon_top_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/* Featured Icon Left Styles */\r\n.featured_icon_left_div {\r\n width: fit-content;\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.featured_icon_left_connector {\r\n width: 0.125rem; /* Adjust the width as needed */\r\n min-height: 2rem;\r\n height: 100%; /* Adjust the height as needed */\r\n border-radius: 5px; /* Half of the width to make it fully rounded */\r\n background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.featured_icon_left_connector.incomplete.destructive,\r\n.featured_icon_left_connector.current.destructive,\r\n.featured_icon_left_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.featured_icon_left_content {\r\n display: flex;\r\n padding: var(--spacing-2) var(--spacing-none) 1.5rem var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.featured_icon_left_label.default.incomplete,\r\n.featured_icon_left_label.default.current,\r\n.featured_icon_left_label.default.complete,\r\n.featured_icon_left_text.default.incomplete{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.featured_icon_left_text.default.current,\r\n.featured_icon_left_text.default.complete{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.featured_icon_left_label.destructive.incomplete,\r\n.featured_icon_left_label.destructive.current,\r\n.featured_icon_left_label.destructive.complete{\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.featured_icon_left_text.destructive.incomplete,\r\n.featured_icon_left_text.destructive.current,\r\n.featured_icon_left_text.destructive.complete{\r\n color: var(--color-text-danger-subtle, #CC1A2A);\r\n}","import { Component, Prop, h, Fragment, Watch, State } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-step-base',\r\n styleUrl: 'gb-step-base.css',\r\n shadow: true,\r\n})\r\nexport class GbStepBase {\r\n @Prop() status: ProgressStepStatus;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: ProgressStepTypes;\r\n @Prop() state: ProgressStepStates;\r\n @Prop() connector: boolean = false;\r\n @Prop() showContent: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n @State() internalState: ProgressStepStates;\r\n @State() internalStatus: ProgressStepStatus;\r\n\r\n featuredIconLeftLabelClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n featuredIconLeftTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-regular';\r\n case 'md':\r\n return 'text-sm-regular';\r\n case 'lg':\r\n return 'text-md-regular';\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalState = this.state;\r\n this.internalStatus = this.status;\r\n }\r\n\r\n @Watch('status')\r\n onStatusChange(newValue: ProgressStepStatus, _oldValue: ProgressStepStatus) {\r\n // console.log('state changed from', oldValue, 'to', newValue);\r\n this.internalStatus = newValue;\r\n }\r\n\r\n @Watch('state')\r\n onStateChange(newValue: ProgressStepStates, _oldValue: ProgressStepStates) {\r\n // console.log('state changed from', oldValue, 'to', newValue);\r\n this.internalState = newValue;\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <>\r\n <div class={`bar ${this.size} ${this.status} ${this.internalState}`}></div>\r\n {this.showContent && (\r\n <div class={`text_line_div ${this.size} ${this.status} ${this.internalState}`}>\r\n <div class={`text_line_div_content`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.internalState} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.internalState} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.internalState} ${this.size}`}>\r\n <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'icon_left' && (\r\n <div class={`icon_left_div ${this.size}`}>\r\n <div class=\"connector_wrap\">\r\n <div class={`icon_only_div ${this.status} ${this.internalState} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.internalState} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.internalState} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_left_connector ${this.internalState} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_left_text\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_top' && (\r\n <div class={`icon_top_div ${this.size}`}>\r\n <div class=\"step_icon\">\r\n <div class={`icon_only_div ${this.status} ${this.internalState} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.internalState} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.internalState} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_top_connector ${this.internalState} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_top_content\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'featured_icon_left' && (\r\n <div class=\"featured_icon_left_div\">\r\n <div class=\"connector_wrap\">\r\n <gb-featured-icon size={this.size} icon=\"assets/user.svg\" destructive={this.internalState === 'destructive' ? true : false}></gb-featured-icon>\r\n <div class=\"connector_div\">\r\n <div class={`featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}`}></div>\r\n </div>\r\n </div>\r\n <div class=\"featured_icon_left_content\">\r\n <p class={`featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}`}>{this.label}</p>\r\n <p class={`featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"],"names":[],"mappings":"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"}

package/dist/globuscomponents/gb-stepper-horizontal-icons-centered.entry.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gb-stepper-horizontal-icons-centered.entry.esm.js","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"],"names":[],"mappings":"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"}

package/dist/globuscomponents/p-429fda4b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["gbTableHeaderCss","GbTableHeader","constructor","hostRef","this","showFilter","showColumnOptions","tableHeading","showSearch","showExport","showRefreshButton","tableHeadingLabel","showLayoutToggle","filterCount","showEntireData","items","label","current","icon","width","window","innerWidth","showExportDropdown","handleResize","updateButtonIcon","componentWillLoad","addEventListener","toggleDropdown","buttonIcon","emitValue","inputValue","inputValueChanged","emit","onFilterButtonClicked","filterButtonClicked","emitSelection","selection","exportClicked","onRefreshButtonClicked","refreshButtonClicked","onLayoutButtonClicked","layout","layoutButtonClicked","detail","render","h","key","class","size","type","placeholder","onInputValueChanged","bind","onValueChange","hierarchy","state","filterState","onClick","slot","onExportClicked"],"sources":["src/components/gb-table-header/gb-table-header.css?tag=gb-table-header&encapsulation=shadow","src/components/gb-table-header/gb-table-header.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.table_header_div {\r\n display: flex;\r\n width: 100%;\r\n height: fit-content;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 1.25rem;\r\n flex-shrink: 0;\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.table_header_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.actions {\r\n display: flex;\r\n max-width: 50.25rem;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex: 1 0 0;\r\n}\r\n\r\n.input_field{\r\n flex-grow: 1;\r\n width: 100%;\r\n}\r\n\r\n.action {\r\n display: flex;\r\n padding: 0rem 0rem 0rem var(--spacing-none);\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.export{\r\n position: relative;\r\n}\r\n\r\n.dropdown{\r\n position: absolute;\r\n top: 100%;\r\n right: 0;\r\n}\r\n\r\n.refresh_button{\r\n width: 2.5rem;\r\n}\r\n\r\n/* Breakpoints (Responsiveness) */\r\n/* Mobile */\r\n@media (max-width: 700px) {\r\n .table_header_content{\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .actions{\r\n flex-direction: column;\r\n width: 100%;\r\n align-items: flex-start;\r\n }\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-table-header',\r\n styleUrl: 'gb-table-header.css',\r\n shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n @Prop() showFilter: boolean = false;\r\n @Prop() showColumnOptions: boolean = false;\r\n @Prop() tableHeading: boolean = true;\r\n @Prop() showSearch: boolean = false;\r\n @Prop() showExport: boolean = false;\r\n @Prop() showRefreshButton: boolean = false;\r\n @Prop() tableHeadingLabel: string = '';\r\n @Prop() showLayoutToggle: boolean = false;\r\n @Prop() filterState: StateType;\r\n @Prop() filterCount: number = 0;\r\n @Prop() showEntireData: boolean = false;\r\n @State() items = [\r\n { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n ];\r\n @State() width: number = window.innerWidth;\r\n @State() buttonIcon: 'default' | 'only';\r\n @State() showExportDropdown: boolean = false;\r\n @Event() inputValueChanged: EventEmitter<void>;\r\n @Event() filterButtonClicked: EventEmitter<void>;\r\n @Event() exportClicked: EventEmitter<void>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n\r\n componentWillLoad() {\r\n this.updateButtonIcon(); // Set initial variant\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n toggleDropdown() {\r\n this.showExportDropdown = !this.showExportDropdown;\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n this.updateButtonIcon();\r\n };\r\n\r\n private updateButtonIcon() {\r\n this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n }\r\n\r\n emitValue(inputValue) {\r\n this.inputValueChanged.emit(inputValue);\r\n }\r\n\r\n onFilterButtonClicked() {\r\n this.filterButtonClicked.emit();\r\n }\r\n\r\n emitSelection(selection) {\r\n this.exportClicked.emit(selection);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n onLayoutButtonClicked(layout) {\r\n // console.log(layout.detail)\r\n this.layoutButtonClicked.emit(layout.detail);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"table_header_div\">\r\n <div class=\"table_header_content\">\r\n {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n <div class=\"actions\">\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder=\"Search\"\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onValueChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && (\r\n <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={() => this.toggleDropdown()}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown show-entire-data={this.showEntireData} onExportClicked={() => this.emitSelection.bind(this)} class=\"dropdown\"></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/globuscomponents/p-4fd494d9.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as a}from"./p-Dlqa7tPI.js";const s="";const t=class{constructor(a){e(this,a)}render(){return a("div",{key:"b709f27ab182ecf6a8760bd78a418e80e333ca12",class:"table_cell_div"})}};t.style=s;export{t as gb_table_cell};
2	- //# sourceMappingURL=p-4fd494d9.entry.js.map

package/dist/globuscomponents/p-74f9ff8c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s}from"./p-Dlqa7tPI.js";const e=".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";const i=class{constructor(s){t(this,s);this.showContent=false;this.showSupportingText=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.width=window.innerWidth;this.handleResize=()=>{this.width=window.innerWidth;this.updatePropBasedOnSize()}}componentWillLoad(){this.updatePropBasedOnSize();window.addEventListener("resize",this.handleResize)}updatePropBasedOnSize(){this.showSupportingText=this.width<768?false:true}render(){return s("div",{key:"6c867cadfa6b5d77ae04cf60734cb15337546f0f",class:"text_with_line"},s("gb-step-base",{key:"35fa9197e20955218eebbf2bcad87d53ce026c7e",size:this.size,type:"text_line",state:this.firstStepState,status:this.firstStepStatus,label:this.firstStepLabel,"supporting-text":this.firstStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),s("gb-step-base",{key:"45edd2730f14294b40f4acfd77917b09cf8b765b",size:this.size,type:"text_line",state:this.secondStepState,status:this.secondStepStatus,label:this.secondStepLabel,"supporting-text":this.secondStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),this.thirdStepLabel&&s("gb-step-base",{key:"075f47f42d8ee54f215057c3b0d6c21260b8b548",size:this.size,type:"text_line",state:this.thirdStepState,status:this.thirdStepStatus,label:this.thirdStepLabel,"supporting-text":this.thirdStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),this.fourthStepLabel&&s("gb-step-base",{key:"b8c2fccddfeed6c8aaa087c2b08dd22bc29c2cde",size:this.size,type:"text_line",state:this.fourthStepState,status:this.fourthStepStatus,label:this.fourthStepLabel,"supporting-text":this.fourthStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),this.fifthStepLabel&&s("gb-step-base",{key:"4007654b8b8bc72098b3c288b88b397eec02e575",size:this.size,type:"text_line",state:this.fifthStepState,status:this.fifthStepStatus,label:this.fifthStepLabel,"supporting-text":this.fifthStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),this.sixthStepLabel&&s("gb-step-base",{key:"c689ef396cb9d9f50d2b6410fe3881b2467783b0",size:this.size,type:"text_line",state:this.sixthStepState,status:this.sixthStepStatus,label:this.sixthStepLabel,"supporting-text":this.sixthStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}),this.seventhStepLabel&&s("gb-step-base",{key:"91763e3db0daa01b2178e213d2b6409f82b469f2",size:this.size,type:"text_line",state:this.seventhStepState,status:this.seventhStepStatus,label:this.seventhStepLabel,"supporting-text":this.seventhStepSupportingText,"show-content":this.showContent,"show-supporting-text":this.showSupportingText}))}};i.style=e;export{i as gb_stepper_horizontal_line_with_text};
2	- //# sourceMappingURL=p-74f9ff8c.entry.js.map

package/dist/globuscomponents/p-74f9ff8c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["gbStepperHorizontalLineWithTextCss","GbStepperHorizontalLineWithText","constructor","hostRef","this","showContent","showSupportingText","firstStepLabel","secondStepLabel","thirdStepLabel","fourthStepLabel","fifthStepLabel","sixthStepLabel","seventhStepLabel","firstStepSupportingText","secondStepSupportingText","thirdStepSupportingText","fourthStepSupportingText","fifthStepSupportingText","sixthStepSupportingText","seventhStepSupportingText","width","window","innerWidth","handleResize","updatePropBasedOnSize","componentWillLoad","addEventListener","render","h","key","class","size","type","state","firstStepState","status","firstStepStatus","label","secondStepState","secondStepStatus","thirdStepState","thirdStepStatus","fourthStepState","fourthStepStatus","fifthStepState","fifthStepStatus","sixthStepState","sixthStepStatus","seventhStepState","seventhStepStatus"],"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, State, 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() showContent: boolean = false;\r\n @Prop({ mutable: true }) showSupportingText: 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 @State() width: number = window.innerWidth;\r\n\r\n componentWillLoad() {\r\n this.updatePropBasedOnSize()\r\n window.addEventListener('resize', this.handleResize)\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n this.updatePropBasedOnSize()\r\n }\r\n\r\n private updatePropBasedOnSize () {\r\n this.showSupportingText = this.width < 768 ? false : true;\r\n }\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\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 show-content={this.showContent}\r\n show-supporting-text={this.showSupportingText}\r\n ></gb-step-base>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAqC,4G,MCQ9BC,EAA+B,MAL5C,WAAAC,CAAAC,G,UAQUC,KAAWC,YAAY,MACND,KAAkBE,mBAAY,MAe/CF,KAAcG,eAAW,GACzBH,KAAeI,gBAAW,GAC1BJ,KAAcK,eAAW,GACzBL,KAAeM,gBAAW,GAC1BN,KAAcO,eAAW,GACzBP,KAAcQ,eAAW,GACzBR,KAAgBS,iBAAW,GAC3BT,KAAuBU,wBAAW,GAClCV,KAAwBW,yBAAW,GACnCX,KAAuBY,wBAAW,GAClCZ,KAAwBa,yBAAW,GACnCb,KAAuBc,wBAAW,GAClCd,KAAuBe,wBAAW,GAClCf,KAAyBgB,0BAAW,GACnChB,KAAAiB,MAAgBC,OAAOC,WAOxBnB,KAAYoB,aAAG,KACrBpB,KAAKiB,MAAQC,OAAOC,WACpBnB,KAAKqB,uBAAuB,CA6F/B,CApGC,iBAAAC,GACEtB,KAAKqB,wBACLH,OAAOK,iBAAiB,SAAUvB,KAAKoB,a,CAQjC,qBAAAC,GACNrB,KAAKE,mBAAqBF,KAAKiB,MAAQ,IAAM,MAAQ,I,CAGvD,MAAAO,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAK+B,eACZC,OAAQhC,KAAKiC,gBACbC,MAAOlC,KAAKG,eAAc,kBACTH,KAAKU,wBAAuB,eAC/BV,KAAKC,YAAW,uBACRD,KAAKE,qBAE7BuB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAKmC,gBACZH,OAAQhC,KAAKoC,iBACbF,MAAOlC,KAAKI,gBAAe,kBACVJ,KAAKW,yBAAwB,eAChCX,KAAKC,YAAW,uBACRD,KAAKE,qBAE5BF,KAAKK,gBACJoB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAKqC,eACZL,OAAQhC,KAAKsC,gBACbJ,MAAOlC,KAAKK,eACK,kBAAAL,KAAKY,wBAAuB,eAC/BZ,KAAKC,YAAW,uBACRD,KAAKE,qBAG9BF,KAAKM,iBACJmB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAKuC,gBACZP,OAAQhC,KAAKwC,iBACbN,MAAOlC,KAAKM,gBACK,kBAAAN,KAAKa,yBAAwB,eAChCb,KAAKC,YAAW,uBACRD,KAAKE,qBAG9BF,KAAKO,gBACJkB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAKyC,eACZT,OAAQhC,KAAK0C,gBACbR,MAAOlC,KAAKO,eACK,kBAAAP,KAAKc,wBAAuB,eAC/Bd,KAAKC,YAAW,uBACRD,KAAKE,qBAG9BF,KAAKQ,gBACJiB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAK2C,eACZX,OAAQhC,KAAK4C,gBACbV,MAAOlC,KAAKQ,eACK,kBAAAR,KAAKe,wBAAuB,eAC/Bf,KAAKC,YAAW,uBACRD,KAAKE,qBAG9BF,KAAKS,kBACJgB,EAAA,gBAAAC,IAAA,2CACEE,KAAM5B,KAAK4B,KACXC,KAAK,YACLC,MAAO9B,KAAK6C,iBACZb,OAAQhC,KAAK8C,kBACbZ,MAAOlC,KAAKS,iBAAgB,kBACXT,KAAKgB,0BAAyB,eACjChB,KAAKC,YAAW,uBACRD,KAAKE,qB","ignoreList":[]}

package/dist/globuscomponents/p-7d62171a.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,h as t}from"./p-Dlqa7tPI.js";const s="";const r=class{constructor(t){a(this,t);this.color="gray_light_bg";this.framed=false}render(){return t("div",{key:"4372bb0dbfbc70b46a0803139094e8a6393678be",class:"dot_group_div"},t("div",{key:"6af79324f64cb886a20cbe905cb846cfa486ba45"}))}};r.style=s;export{r as gb_pagination_dot_group};
2	- //# sourceMappingURL=p-7d62171a.entry.js.map