globuswebcomponents 1.2.0 → 1.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.
- package/dist/cjs/{gb-action-panel_25.cjs.entry.js → gb-action-panel_16.cjs.entry.js} +17 -819
- package/dist/cjs/gb-action-panel_16.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-help-tooltip_3.cjs.entry.js +364 -0
- package/dist/cjs/gb-help-tooltip_3.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js +144 -0
- package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-input-dropdown_3.cjs.entry.js +398 -0
- package/dist/cjs/gb-input-dropdown_3.cjs.entry.js.map +1 -0
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
- package/dist/collection/components/gb-step-base/gb-step-base.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +267 -1
- package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js.map +1 -1
- package/dist/components/gb-progress-steps.js +1 -1
- package/dist/components/gb-step-base.js +1 -1
- package/dist/components/gb-stepper-horizontal-line-with-text.js +31 -3
- package/dist/components/gb-stepper-horizontal-line-with-text.js.map +1 -1
- package/dist/components/{p-c720b7f1.js → p-5d3a4cb3.js} +2 -2
- package/dist/components/p-5d3a4cb3.js.map +1 -0
- package/dist/docs.json +311 -1
- package/dist/esm/{gb-action-panel_25.entry.js → gb-action-panel_16.entry.js} +18 -811
- package/dist/esm/gb-action-panel_16.entry.js.map +1 -0
- package/dist/esm/gb-help-tooltip_3.entry.js +358 -0
- package/dist/esm/gb-help-tooltip_3.entry.js.map +1 -0
- package/dist/esm/gb-input-dropdown-menu-item_5.entry.js +136 -0
- package/dist/esm/gb-input-dropdown-menu-item_5.entry.js.map +1 -0
- package/dist/esm/gb-input-dropdown_3.entry.js +392 -0
- package/dist/esm/gb-input-dropdown_3.entry.js.map +1 -0
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/p-43f078c4.entry.js +2 -0
- package/dist/globuscomponents/p-43f078c4.entry.js.map +1 -0
- package/dist/globuscomponents/p-5226baf8.entry.js +2 -0
- package/dist/globuscomponents/p-5226baf8.entry.js.map +1 -0
- package/dist/globuscomponents/p-6485f918.entry.js +2 -0
- package/dist/globuscomponents/p-6485f918.entry.js.map +1 -0
- package/dist/globuscomponents/{p-240c3c4f.entry.js → p-9794e598.entry.js} +2 -2
- package/dist/globuscomponents/p-9794e598.entry.js.map +1 -0
- package/dist/types/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.d.ts +14 -0
- package/dist/types/components.d.ts +28 -0
- package/package.json +1 -1
- package/dist/cjs/gb-action-panel_25.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-pagination-button-group-base_2.cjs.entry.js +0 -72
- package/dist/cjs/gb-pagination-button-group-base_2.cjs.entry.js.map +0 -1
- package/dist/components/p-c720b7f1.js.map +0 -1
- package/dist/esm/gb-action-panel_25.entry.js.map +0 -1
- package/dist/esm/gb-pagination-button-group-base_2.entry.js +0 -67
- package/dist/esm/gb-pagination-button-group-base_2.entry.js.map +0 -1
- package/dist/globuscomponents/p-240c3c4f.entry.js.map +0 -1
- package/dist/globuscomponents/p-9365266f.entry.js +0 -2
- package/dist/globuscomponents/p-9365266f.entry.js.map +0 -1
|
@@ -22,9 +22,23 @@ export class GbStepperHorizontalLineWithText {
|
|
|
22
22
|
this.fifthStepStatus = undefined;
|
|
23
23
|
this.sixthStepStatus = undefined;
|
|
24
24
|
this.seventhStepStatus = undefined;
|
|
25
|
+
this.firstStepLabel = '';
|
|
26
|
+
this.secondStepLabel = '';
|
|
27
|
+
this.thirdStepLabel = '';
|
|
28
|
+
this.fourthStepLabel = '';
|
|
29
|
+
this.fifthStepLabel = '';
|
|
30
|
+
this.sixthStepLabel = '';
|
|
31
|
+
this.seventhStepLabel = '';
|
|
32
|
+
this.firstStepSupportingText = '';
|
|
33
|
+
this.secondStepSupportingText = '';
|
|
34
|
+
this.thirdStepSupportingText = '';
|
|
35
|
+
this.fourthStepSupportingText = '';
|
|
36
|
+
this.fifthStepSupportingText = '';
|
|
37
|
+
this.sixthStepSupportingText = '';
|
|
38
|
+
this.seventhStepSupportingText = '';
|
|
25
39
|
}
|
|
26
40
|
render() {
|
|
27
|
-
return (h("div", { key: '
|
|
41
|
+
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 }))));
|
|
28
42
|
}
|
|
29
43
|
static get is() { return "gb-stepper-horizontal-line-with-text"; }
|
|
30
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -497,6 +511,258 @@ export class GbStepperHorizontalLineWithText {
|
|
|
497
511
|
},
|
|
498
512
|
"attribute": "seventh-step-status",
|
|
499
513
|
"reflect": false
|
|
514
|
+
},
|
|
515
|
+
"firstStepLabel": {
|
|
516
|
+
"type": "string",
|
|
517
|
+
"mutable": false,
|
|
518
|
+
"complexType": {
|
|
519
|
+
"original": "string",
|
|
520
|
+
"resolved": "string",
|
|
521
|
+
"references": {}
|
|
522
|
+
},
|
|
523
|
+
"required": false,
|
|
524
|
+
"optional": false,
|
|
525
|
+
"docs": {
|
|
526
|
+
"tags": [],
|
|
527
|
+
"text": ""
|
|
528
|
+
},
|
|
529
|
+
"attribute": "first-step-label",
|
|
530
|
+
"reflect": false,
|
|
531
|
+
"defaultValue": "''"
|
|
532
|
+
},
|
|
533
|
+
"secondStepLabel": {
|
|
534
|
+
"type": "string",
|
|
535
|
+
"mutable": false,
|
|
536
|
+
"complexType": {
|
|
537
|
+
"original": "string",
|
|
538
|
+
"resolved": "string",
|
|
539
|
+
"references": {}
|
|
540
|
+
},
|
|
541
|
+
"required": false,
|
|
542
|
+
"optional": false,
|
|
543
|
+
"docs": {
|
|
544
|
+
"tags": [],
|
|
545
|
+
"text": ""
|
|
546
|
+
},
|
|
547
|
+
"attribute": "second-step-label",
|
|
548
|
+
"reflect": false,
|
|
549
|
+
"defaultValue": "''"
|
|
550
|
+
},
|
|
551
|
+
"thirdStepLabel": {
|
|
552
|
+
"type": "string",
|
|
553
|
+
"mutable": false,
|
|
554
|
+
"complexType": {
|
|
555
|
+
"original": "string",
|
|
556
|
+
"resolved": "string",
|
|
557
|
+
"references": {}
|
|
558
|
+
},
|
|
559
|
+
"required": false,
|
|
560
|
+
"optional": false,
|
|
561
|
+
"docs": {
|
|
562
|
+
"tags": [],
|
|
563
|
+
"text": ""
|
|
564
|
+
},
|
|
565
|
+
"attribute": "third-step-label",
|
|
566
|
+
"reflect": false,
|
|
567
|
+
"defaultValue": "''"
|
|
568
|
+
},
|
|
569
|
+
"fourthStepLabel": {
|
|
570
|
+
"type": "string",
|
|
571
|
+
"mutable": false,
|
|
572
|
+
"complexType": {
|
|
573
|
+
"original": "string",
|
|
574
|
+
"resolved": "string",
|
|
575
|
+
"references": {}
|
|
576
|
+
},
|
|
577
|
+
"required": false,
|
|
578
|
+
"optional": false,
|
|
579
|
+
"docs": {
|
|
580
|
+
"tags": [],
|
|
581
|
+
"text": ""
|
|
582
|
+
},
|
|
583
|
+
"attribute": "fourth-step-label",
|
|
584
|
+
"reflect": false,
|
|
585
|
+
"defaultValue": "''"
|
|
586
|
+
},
|
|
587
|
+
"fifthStepLabel": {
|
|
588
|
+
"type": "string",
|
|
589
|
+
"mutable": false,
|
|
590
|
+
"complexType": {
|
|
591
|
+
"original": "string",
|
|
592
|
+
"resolved": "string",
|
|
593
|
+
"references": {}
|
|
594
|
+
},
|
|
595
|
+
"required": false,
|
|
596
|
+
"optional": false,
|
|
597
|
+
"docs": {
|
|
598
|
+
"tags": [],
|
|
599
|
+
"text": ""
|
|
600
|
+
},
|
|
601
|
+
"attribute": "fifth-step-label",
|
|
602
|
+
"reflect": false,
|
|
603
|
+
"defaultValue": "''"
|
|
604
|
+
},
|
|
605
|
+
"sixthStepLabel": {
|
|
606
|
+
"type": "string",
|
|
607
|
+
"mutable": false,
|
|
608
|
+
"complexType": {
|
|
609
|
+
"original": "string",
|
|
610
|
+
"resolved": "string",
|
|
611
|
+
"references": {}
|
|
612
|
+
},
|
|
613
|
+
"required": false,
|
|
614
|
+
"optional": false,
|
|
615
|
+
"docs": {
|
|
616
|
+
"tags": [],
|
|
617
|
+
"text": ""
|
|
618
|
+
},
|
|
619
|
+
"attribute": "sixth-step-label",
|
|
620
|
+
"reflect": false,
|
|
621
|
+
"defaultValue": "''"
|
|
622
|
+
},
|
|
623
|
+
"seventhStepLabel": {
|
|
624
|
+
"type": "string",
|
|
625
|
+
"mutable": false,
|
|
626
|
+
"complexType": {
|
|
627
|
+
"original": "string",
|
|
628
|
+
"resolved": "string",
|
|
629
|
+
"references": {}
|
|
630
|
+
},
|
|
631
|
+
"required": false,
|
|
632
|
+
"optional": false,
|
|
633
|
+
"docs": {
|
|
634
|
+
"tags": [],
|
|
635
|
+
"text": ""
|
|
636
|
+
},
|
|
637
|
+
"attribute": "seventh-step-label",
|
|
638
|
+
"reflect": false,
|
|
639
|
+
"defaultValue": "''"
|
|
640
|
+
},
|
|
641
|
+
"firstStepSupportingText": {
|
|
642
|
+
"type": "string",
|
|
643
|
+
"mutable": false,
|
|
644
|
+
"complexType": {
|
|
645
|
+
"original": "string",
|
|
646
|
+
"resolved": "string",
|
|
647
|
+
"references": {}
|
|
648
|
+
},
|
|
649
|
+
"required": false,
|
|
650
|
+
"optional": false,
|
|
651
|
+
"docs": {
|
|
652
|
+
"tags": [],
|
|
653
|
+
"text": ""
|
|
654
|
+
},
|
|
655
|
+
"attribute": "first-step-supporting-text",
|
|
656
|
+
"reflect": false,
|
|
657
|
+
"defaultValue": "''"
|
|
658
|
+
},
|
|
659
|
+
"secondStepSupportingText": {
|
|
660
|
+
"type": "string",
|
|
661
|
+
"mutable": false,
|
|
662
|
+
"complexType": {
|
|
663
|
+
"original": "string",
|
|
664
|
+
"resolved": "string",
|
|
665
|
+
"references": {}
|
|
666
|
+
},
|
|
667
|
+
"required": false,
|
|
668
|
+
"optional": false,
|
|
669
|
+
"docs": {
|
|
670
|
+
"tags": [],
|
|
671
|
+
"text": ""
|
|
672
|
+
},
|
|
673
|
+
"attribute": "second-step-supporting-text",
|
|
674
|
+
"reflect": false,
|
|
675
|
+
"defaultValue": "''"
|
|
676
|
+
},
|
|
677
|
+
"thirdStepSupportingText": {
|
|
678
|
+
"type": "string",
|
|
679
|
+
"mutable": false,
|
|
680
|
+
"complexType": {
|
|
681
|
+
"original": "string",
|
|
682
|
+
"resolved": "string",
|
|
683
|
+
"references": {}
|
|
684
|
+
},
|
|
685
|
+
"required": false,
|
|
686
|
+
"optional": false,
|
|
687
|
+
"docs": {
|
|
688
|
+
"tags": [],
|
|
689
|
+
"text": ""
|
|
690
|
+
},
|
|
691
|
+
"attribute": "third-step-supporting-text",
|
|
692
|
+
"reflect": false,
|
|
693
|
+
"defaultValue": "''"
|
|
694
|
+
},
|
|
695
|
+
"fourthStepSupportingText": {
|
|
696
|
+
"type": "string",
|
|
697
|
+
"mutable": false,
|
|
698
|
+
"complexType": {
|
|
699
|
+
"original": "string",
|
|
700
|
+
"resolved": "string",
|
|
701
|
+
"references": {}
|
|
702
|
+
},
|
|
703
|
+
"required": false,
|
|
704
|
+
"optional": false,
|
|
705
|
+
"docs": {
|
|
706
|
+
"tags": [],
|
|
707
|
+
"text": ""
|
|
708
|
+
},
|
|
709
|
+
"attribute": "fourth-step-supporting-text",
|
|
710
|
+
"reflect": false,
|
|
711
|
+
"defaultValue": "''"
|
|
712
|
+
},
|
|
713
|
+
"fifthStepSupportingText": {
|
|
714
|
+
"type": "string",
|
|
715
|
+
"mutable": false,
|
|
716
|
+
"complexType": {
|
|
717
|
+
"original": "string",
|
|
718
|
+
"resolved": "string",
|
|
719
|
+
"references": {}
|
|
720
|
+
},
|
|
721
|
+
"required": false,
|
|
722
|
+
"optional": false,
|
|
723
|
+
"docs": {
|
|
724
|
+
"tags": [],
|
|
725
|
+
"text": ""
|
|
726
|
+
},
|
|
727
|
+
"attribute": "fifth-step-supporting-text",
|
|
728
|
+
"reflect": false,
|
|
729
|
+
"defaultValue": "''"
|
|
730
|
+
},
|
|
731
|
+
"sixthStepSupportingText": {
|
|
732
|
+
"type": "string",
|
|
733
|
+
"mutable": false,
|
|
734
|
+
"complexType": {
|
|
735
|
+
"original": "string",
|
|
736
|
+
"resolved": "string",
|
|
737
|
+
"references": {}
|
|
738
|
+
},
|
|
739
|
+
"required": false,
|
|
740
|
+
"optional": false,
|
|
741
|
+
"docs": {
|
|
742
|
+
"tags": [],
|
|
743
|
+
"text": ""
|
|
744
|
+
},
|
|
745
|
+
"attribute": "sixth-step-supporting-text",
|
|
746
|
+
"reflect": false,
|
|
747
|
+
"defaultValue": "''"
|
|
748
|
+
},
|
|
749
|
+
"seventhStepSupportingText": {
|
|
750
|
+
"type": "string",
|
|
751
|
+
"mutable": false,
|
|
752
|
+
"complexType": {
|
|
753
|
+
"original": "string",
|
|
754
|
+
"resolved": "string",
|
|
755
|
+
"references": {}
|
|
756
|
+
},
|
|
757
|
+
"required": false,
|
|
758
|
+
"optional": false,
|
|
759
|
+
"docs": {
|
|
760
|
+
"tags": [],
|
|
761
|
+
"text": ""
|
|
762
|
+
},
|
|
763
|
+
"attribute": "seventh-step-supporting-text",
|
|
764
|
+
"reflect": false,
|
|
765
|
+
"defaultValue": "''"
|
|
500
766
|
}
|
|
501
767
|
};
|
|
502
768
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,+BAA+B;;;;yBAGb,KAAK;0BACJ,KAAK;yBACN,KAAK;yBACL,KAAK;2BACH,KAAK
|
|
1
|
+
{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, F as Fragment } from './p-ad960c29.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-5d3a4cb3.js';
|
|
3
3
|
|
|
4
4
|
const gbProgressStepsCss = "";
|
|
5
5
|
const GbProgressStepsStyle0 = gbProgressStepsCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-ad960c29.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-5d3a4cb3.js';
|
|
3
3
|
|
|
4
4
|
const gbStepperHorizontalLineWithTextCss = ".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";
|
|
5
5
|
const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss;
|
|
@@ -30,9 +30,23 @@ const GbStepperHorizontalLineWithText$1 = /*@__PURE__*/ proxyCustomElement(class
|
|
|
30
30
|
this.fifthStepStatus = undefined;
|
|
31
31
|
this.sixthStepStatus = undefined;
|
|
32
32
|
this.seventhStepStatus = undefined;
|
|
33
|
+
this.firstStepLabel = '';
|
|
34
|
+
this.secondStepLabel = '';
|
|
35
|
+
this.thirdStepLabel = '';
|
|
36
|
+
this.fourthStepLabel = '';
|
|
37
|
+
this.fifthStepLabel = '';
|
|
38
|
+
this.sixthStepLabel = '';
|
|
39
|
+
this.seventhStepLabel = '';
|
|
40
|
+
this.firstStepSupportingText = '';
|
|
41
|
+
this.secondStepSupportingText = '';
|
|
42
|
+
this.thirdStepSupportingText = '';
|
|
43
|
+
this.fourthStepSupportingText = '';
|
|
44
|
+
this.fifthStepSupportingText = '';
|
|
45
|
+
this.sixthStepSupportingText = '';
|
|
46
|
+
this.seventhStepSupportingText = '';
|
|
33
47
|
}
|
|
34
48
|
render() {
|
|
35
|
-
return (h("div", { key: '
|
|
49
|
+
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 }))));
|
|
36
50
|
}
|
|
37
51
|
static get style() { return GbStepperHorizontalLineWithTextStyle0; }
|
|
38
52
|
}, [1, "gb-stepper-horizontal-line-with-text", {
|
|
@@ -56,7 +70,21 @@ const GbStepperHorizontalLineWithText$1 = /*@__PURE__*/ proxyCustomElement(class
|
|
|
56
70
|
"fourthStepStatus": [1, "fourth-step-status"],
|
|
57
71
|
"fifthStepStatus": [1, "fifth-step-status"],
|
|
58
72
|
"sixthStepStatus": [1, "sixth-step-status"],
|
|
59
|
-
"seventhStepStatus": [1, "seventh-step-status"]
|
|
73
|
+
"seventhStepStatus": [1, "seventh-step-status"],
|
|
74
|
+
"firstStepLabel": [1, "first-step-label"],
|
|
75
|
+
"secondStepLabel": [1, "second-step-label"],
|
|
76
|
+
"thirdStepLabel": [1, "third-step-label"],
|
|
77
|
+
"fourthStepLabel": [1, "fourth-step-label"],
|
|
78
|
+
"fifthStepLabel": [1, "fifth-step-label"],
|
|
79
|
+
"sixthStepLabel": [1, "sixth-step-label"],
|
|
80
|
+
"seventhStepLabel": [1, "seventh-step-label"],
|
|
81
|
+
"firstStepSupportingText": [1, "first-step-supporting-text"],
|
|
82
|
+
"secondStepSupportingText": [1, "second-step-supporting-text"],
|
|
83
|
+
"thirdStepSupportingText": [1, "third-step-supporting-text"],
|
|
84
|
+
"fourthStepSupportingText": [1, "fourth-step-supporting-text"],
|
|
85
|
+
"fifthStepSupportingText": [1, "fifth-step-supporting-text"],
|
|
86
|
+
"sixthStepSupportingText": [1, "sixth-step-supporting-text"],
|
|
87
|
+
"seventhStepSupportingText": [1, "seventh-step-supporting-text"]
|
|
60
88
|
}]);
|
|
61
89
|
function defineCustomElement$1() {
|
|
62
90
|
if (typeof customElements === "undefined") {
|
|
@@ -1 +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
|
|
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}
|
|
@@ -18,7 +18,7 @@ const GbStepBase = /*@__PURE__*/ proxyCustomElement(class GbStepBase extends H {
|
|
|
18
18
|
this.supportingText = '';
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: '511bc306396b89f3f8e16bac5151439a637a8987', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '4f74f6102f1cc12dfb5557ced02ec8564500c1c0', class: `text_line_div_content` }, h("p", { key: '820db3d390f01a55492510859855fe449cfab90d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, "Your details"), h("p", { key: '518c684408b1b811c13cc96cc9e288bd6f6ad843', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, "Please provide your name and email")))), this.type === 'icon_only' && (h("div", { key: '7ae1d3e736a42c30219b64b4d7505fa71c9321e3', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'b262bc2ac707f4337e9a489b114748eaeab953b4', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '844acfc0f33fb60a7cc7ac84f986ec6a7a0a0dec', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ba3835bc736ce884243372cca65897d64b29bf5c', 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" }))))), this.type === 'icon_left' && (h("div", { key: '99c0a7a6343139751dfd74647142c97b44eb3b20', class: `icon_left_div ${this.size}` }, h("div", { key: '4ab1bb132aacf9924e2d71d9894fbf3a06d51462', class: "connector_wrap" }, h("div", { key: '8e5c5f32c7eacd6103fc4b174cc5e69695c4a03e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '9345ee346d17a5acf60a0fa7ff79c3a4cdb6e589', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '767e4d52133b43e0014623127c866b914b811e21', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '06dad970bcd08782ec5b15d79113ea8f12fb7418', 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" })))), this.connector && (h("div", { key: '2329e57759ddc34b49896a364e84b95ce456e460', class: "connector_div" }, h("div", { key: '73442d3b457825f52c1d3320cd0bb6f31d0f599b', class: `connector ${this.state} ${this.status}` })))), h("div", { key: '41ec83f75e25bf675b89ea6bb508e8097bec1a8d', class: "icon_left_text" }, h("p", { key: '3ed36002b40a5b2876e096445ed0f02efd6c92f2', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` },
|
|
21
|
+
return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: '511bc306396b89f3f8e16bac5151439a637a8987', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '4f74f6102f1cc12dfb5557ced02ec8564500c1c0', class: `text_line_div_content` }, h("p", { key: '820db3d390f01a55492510859855fe449cfab90d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, "Your details"), h("p", { key: '518c684408b1b811c13cc96cc9e288bd6f6ad843', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, "Please provide your name and email")))), this.type === 'icon_only' && (h("div", { key: '7ae1d3e736a42c30219b64b4d7505fa71c9321e3', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'b262bc2ac707f4337e9a489b114748eaeab953b4', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '844acfc0f33fb60a7cc7ac84f986ec6a7a0a0dec', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ba3835bc736ce884243372cca65897d64b29bf5c', 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" }))))), this.type === 'icon_left' && (h("div", { key: '99c0a7a6343139751dfd74647142c97b44eb3b20', class: `icon_left_div ${this.size}` }, h("div", { key: '4ab1bb132aacf9924e2d71d9894fbf3a06d51462', class: "connector_wrap" }, h("div", { key: '8e5c5f32c7eacd6103fc4b174cc5e69695c4a03e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '9345ee346d17a5acf60a0fa7ff79c3a4cdb6e589', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '767e4d52133b43e0014623127c866b914b811e21', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '06dad970bcd08782ec5b15d79113ea8f12fb7418', 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" })))), this.connector && (h("div", { key: '2329e57759ddc34b49896a364e84b95ce456e460', class: "connector_div" }, h("div", { key: '73442d3b457825f52c1d3320cd0bb6f31d0f599b', class: `connector ${this.state} ${this.status}` })))), h("div", { key: '41ec83f75e25bf675b89ea6bb508e8097bec1a8d', class: "icon_left_text" }, h("p", { key: '3ed36002b40a5b2876e096445ed0f02efd6c92f2', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'd789ce3267a3c4a7b63cc7ceae6a6f93a782ed49', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return GbStepBaseStyle0; }
|
|
24
24
|
}, [1, "gb-step-base", {
|
|
@@ -48,4 +48,4 @@ defineCustomElement();
|
|
|
48
48
|
|
|
49
49
|
export { GbStepBase as G, defineCustomElement as d };
|
|
50
50
|
|
|
51
|
-
//# sourceMappingURL=p-
|
|
51
|
+
//# sourceMappingURL=p-5d3a4cb3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-5d3a4cb3.js","mappings":"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","names":[],"sources":["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/* 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.text_line_div.default.incomplete{\r\n border-top: 4px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.text_line_div.default.current,\r\n.text_line_div.default.complete{\r\n border-top: 4px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.text_line_div.incomplete.destructive,\r\n.text_line_div.current.destructive,\r\n.text_line_div.complete.destructive{\r\n border-top: 4px solid 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 width: 21.5rem;\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}\r\n\r\n.connector{\r\n width: var(--spacing-half); /* Adjust the width as needed */\r\n height: 2.13rem; /* 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.connector.default.incomplete,\r\n.connector.default.current{\r\n background-color: var(--color-boarder-subtler, #E3E8EF); /* Change the color as needed */\r\n}\r\n\r\n.connector.default.complete{\r\n background-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.connector.incomplete.destructive,\r\n.connector.current.destructive,\r\n.connector.complete.destructive{\r\n background-color: var(--color-border-danger, #B51726);\r\n}","import { Component, Prop, h, Fragment } 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() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n <div class={`text_line_div_content`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>Your details</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>Please provide your name and email</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${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.state} ${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.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${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.state} ${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={`connector ${this.state} ${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.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"],"version":3}
|