globuswebcomponents 2.0.7 → 2.0.9

package/dist/globuscomponents/{p-b215c99e.entry.js → p-29f61af5.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s,F as e}from"./p-Dlqa7tPI.js";const a=".vertical_stepper_div{width:100%}";const r=class{constructor(s){i(this,s);this.stepClicked=t(this,"stepClicked");this.connector=false;this.steps=[{state:"default",status:"complete",label:"First Step",supportingText:"Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii"},{state:"default",status:"current",label:"First Step",supportingText:"Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii"}];this.internalSteps=[...this.steps]}onStepsChanged(i){this.internalSteps=[...i];const t=i.find((i=>i.status==="current"));if(t){this.internalState=t.state;this.internalStatus=t.status}}emitIndex(i){this.stepClicked.emit(i)}render(){return s("div",{key:"26170c62dfab3c341ea5aa769946f2963ddfb46c",class:"vertical_stepper_div"},this.type==="icon"&&s(e,null,this.steps.map(((i,t)=>s("gb-step-base",{size:this.size,type:"icon_left",state:i.state,status:i.status,connector:t===this.steps.length-1?false:this.connector,label:i.label,"supporting-text":i.supportingText,onClick:()=>this.emitIndex(t)})))))}static get watchers(){return{steps:["onStepsChanged"]}}};r.style=a;export{r as gb_stepper_vertical_icons_with_text};
-//# sourceMappingURL=p-b215c99e.entry.js.map
+import{r as i,c as t,h as s,F as e}from"./p-Dlqa7tPI.js";const a=".vertical_stepper_div{width:100%}";const r=class{constructor(s){i(this,s);this.stepClicked=t(this,"stepClicked");this.connector=false;this.steps=[{state:"default",status:"complete",label:"First Step",supportingText:"Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii"},{state:"default",status:"current",label:"First Step",supportingText:"Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii"}];this.internalSteps=[...this.steps]}onStepsChanged(i){this.internalSteps=[...i];const t=i.find((i=>i.status==="current"));if(t){this.internalState=t.state;this.internalStatus=t.status}}emitIndex(i){this.stepClicked.emit(i)}render(){return s("div",{key:"62bb6595229c8c4403b305a931033dd24729f4e6",class:"vertical_stepper_div"},this.type==="icon"&&s(e,null,this.steps.map(((i,t)=>s("gb-step-base",{size:this.size,type:"icon_left",state:i.state,status:i.status,connector:t===this.steps.length-1?false:this.connector,label:i.label,"supporting-text":i.supportingText,onClick:()=>this.emitIndex(t)})))))}static get watchers(){return{steps:["onStepsChanged"]}}};r.style=a;export{r as gb_stepper_vertical_icons_with_text};
+//# sourceMappingURL=p-29f61af5.entry.js.map

package/dist/globuscomponents/{p-b215c99e.entry.js.map → p-29f61af5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["gbStepperVerticalIconsWithTextCss","GbstepperVerticalIconsWithText","constructor","hostRef","this","connector","steps","state","status","label","supportingText","internalSteps","onStepsChanged","newSteps","currentStep","find","s","internalState","internalStatus","emitIndex","index","stepClicked","emit","render","h","key","class","type","Fragment","map","step","size","length","onClick"],"sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n    width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @State() internalSteps: StepperType[] = [...this.steps];\r\n  @Event() stepClicked: EventEmitter<number>;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  @Watch('steps')\r\n  onStepsChanged(newSteps: StepperType[]) {\r\n    // Optional: validate or transform steps\r\n    this.internalSteps = [...newSteps];\r\n\r\n    // If needed, you can derive other values\r\n    const currentStep = newSteps.find(s => s.status === 'current');\r\n    if (currentStep) {\r\n      this.internalState = currentStep.state;\r\n      this.internalStatus = currentStep.status;\r\n    }\r\n  }\r\n\r\n  emitIndex(index: number) {\r\n    this.stepClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {this.steps.map((step, index) => (\r\n              <gb-step-base\r\n                size={this.size}\r\n                type=\"icon_left\"\r\n                state={step.state}\r\n                status={step.status}\r\n                connector={index === this.steps.length - 1 ? false : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n                onClick={() => this.emitIndex(index)}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAoC,oC,MCQ7BC,EAA8B,MAL3C,WAAAC,CAAAC,G,iDAOUC,KAASC,UAAY,MAErBD,KAAAE,MAAuB,CAC7B,CACEC,MAAO,UACPC,OAAQ,WACRC,MAAO,aACPC,eAAgB,kEAElB,CACEH,MAAO,UACPC,OAAQ,UACRC,MAAO,aACPC,eAAgB,mEAGXN,KAAAO,cAA+B,IAAIP,KAAKE,MA4ClD,CAtCC,cAAAM,CAAeC,GAEbT,KAAKO,cAAgB,IAAIE,GAGzB,MAAMC,EAAcD,EAASE,MAAKC,GAAKA,EAAER,SAAW,YACpD,GAAIM,EAAa,CACfV,KAAKa,cAAgBH,EAAYP,MACjCH,KAAKc,eAAiBJ,EAAYN,M,EAItC,SAAAW,CAAUC,GACRhB,KAAKiB,YAAYC,KAAKF,E,CAGxB,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACRtB,KAAKuB,OAAS,QACbH,EAAAI,EAAA,KACGxB,KAAKE,MAAMuB,KAAI,CAACC,EAAMV,IACrBI,EACE,gBAAAO,KAAM3B,KAAK2B,KACXJ,KAAK,YACLpB,MAAOuB,EAAKvB,MACZC,OAAQsB,EAAKtB,OACbH,UAAWe,IAAUhB,KAAKE,MAAM0B,OAAS,EAAI,MAAQ5B,KAAKC,UAC1DI,MAAOqB,EAAKrB,MAAK,kBACAqB,EAAKpB,eACtBuB,QAAS,IAAM7B,KAAKe,UAAUC,Q","ignoreList":[]}
+{"version":3,"names":["gbStepperVerticalIconsWithTextCss","GbstepperVerticalIconsWithText","constructor","hostRef","this","connector","steps","state","status","label","supportingText","internalSteps","onStepsChanged","newSteps","currentStep","find","s","internalState","internalStatus","emitIndex","index","stepClicked","emit","render","h","key","class","type","Fragment","map","step","size","length","onClick"],"sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n    width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @State() internalSteps: StepperType[] = [...this.steps];\r\n  @Event() stepClicked: EventEmitter<number>;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  @Watch('steps')\r\n  onStepsChanged(newSteps: StepperType[]) {\r\n    // Optional: validate or transform steps\r\n    this.internalSteps = [...newSteps];\r\n\r\n    const currentStep = newSteps.find(s => s.status === 'current');\r\n    if (currentStep) {\r\n      this.internalState = currentStep.state;\r\n      this.internalStatus = currentStep.status;\r\n    }\r\n  }\r\n\r\n  emitIndex(index: number) {\r\n    this.stepClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {this.steps.map((step, index) => (\r\n              <gb-step-base\r\n                size={this.size}\r\n                type=\"icon_left\"\r\n                state={step.state}\r\n                status={step.status}\r\n                connector={index === this.steps.length - 1 ? false : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n                onClick={() => this.emitIndex(index)}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAoC,oC,MCQ7BC,EAA8B,MAL3C,WAAAC,CAAAC,G,iDAOUC,KAASC,UAAY,MAErBD,KAAAE,MAAuB,CAC7B,CACEC,MAAO,UACPC,OAAQ,WACRC,MAAO,aACPC,eAAgB,kEAElB,CACEH,MAAO,UACPC,OAAQ,UACRC,MAAO,aACPC,eAAgB,mEAGXN,KAAAO,cAA+B,IAAIP,KAAKE,MA2ClD,CArCC,cAAAM,CAAeC,GAEbT,KAAKO,cAAgB,IAAIE,GAEzB,MAAMC,EAAcD,EAASE,MAAKC,GAAKA,EAAER,SAAW,YACpD,GAAIM,EAAa,CACfV,KAAKa,cAAgBH,EAAYP,MACjCH,KAAKc,eAAiBJ,EAAYN,M,EAItC,SAAAW,CAAUC,GACRhB,KAAKiB,YAAYC,KAAKF,E,CAGxB,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACRtB,KAAKuB,OAAS,QACbH,EAAAI,EAAA,KACGxB,KAAKE,MAAMuB,KAAI,CAACC,EAAMV,IACrBI,EACE,gBAAAO,KAAM3B,KAAK2B,KACXJ,KAAK,YACLpB,MAAOuB,EAAKvB,MACZC,OAAQsB,EAAKtB,OACbH,UAAWe,IAAUhB,KAAKE,MAAM0B,OAAS,EAAI,MAAQ5B,KAAKC,UAC1DI,MAAOqB,EAAKrB,MAAK,kBACAqB,EAAKpB,eACtBuB,QAAS,IAAM7B,KAAKe,UAAUC,Q","ignoreList":[]}

package/dist/types/components/gb-toast/gb-toast.d.ts

@@ -2,22 +2,21 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { BreakPoints, GeneralColors } from '../../models/reusableModels';
 export declare class GbToast {
     color: GeneralColors;
+    mainText: string;
+    supportingText: string;
     size: 'floating' | 'full_width';
     breakpoint: BreakPoints;
     icon: string;
     xCloseButton: boolean;
     actions: boolean;
     showSupportingText: boolean;
+    internalColor: GeneralColors;
     el: HTMLElement;
     dismiss: EventEmitter<void>;
     viewChanges: EventEmitter<void>;
     close: EventEmitter<void>;
-    internalColor: GeneralColors;
-    onColorChange(newValue: GeneralColors): void;
+    onColorChange(newValue: GeneralColors, _oldValue: GeneralColors): void;
     componentWillLoad(): void;
-    getMainColorClasses(): "main_text_default" | "main_text_gray" | "main_text_information" | "main_text_error" | "main_text_warning" | "main_text_success";
-    getSupportingColorClasses(): "supporting_text_default" | "supporting_text_gray" | "supporting_text_information" | "supporting_text_error" | "supporting_text_warning" | "supporting_text_success";
     closeToast(): void;
-    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -738,8 +738,10 @@ export namespace Components {
         "breakpoint": BreakPoints;
         "color": GeneralColors;
         "icon": string;
+        "mainText": string;
         "showSupportingText": boolean;
         "size": 'floating' | 'full_width';
+        "supportingText": string;
         "xCloseButton": boolean;
     }
     interface GbToastButton {
@@ -2840,11 +2842,13 @@ declare namespace LocalJSX {
         "breakpoint"?: BreakPoints;
         "color"?: GeneralColors;
         "icon"?: string;
+        "mainText"?: string;
         "onClose"?: (event: GbToastCustomEvent<void>) => void;
         "onDismiss"?: (event: GbToastCustomEvent<void>) => void;
         "onViewChanges"?: (event: GbToastCustomEvent<void>) => void;
         "showSupportingText"?: boolean;
         "size"?: 'floating' | 'full_width';
+        "supportingText"?: string;
         "xCloseButton"?: boolean;
     }
     interface GbToastButton {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",