npm - globuswebcomponents - Versions diffs - 0.4.1 → 0.4.2 - Mend

globuswebcomponents 0.4.1 → 0.4.2

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 (140) hide show

package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js CHANGED Viewed

@@ -3,17 +3,17 @@ export class GbVerificationCodeField {
     constructor() {
         this.size = undefined;
         this.digits = undefined;
-        this.shoowLabel = undefined;
+        this.showLabel = undefined;
         this.label = '';
         this.showHintText = undefined;
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: 'c68cb3414a8bd49af667fbf2027c3a4d85ef12e1', class: {
+        return (h("div", { key: 'b176f07cb7a187e173f36095bbd273b2a57c2a2a', class: {
                 container: true,
                 [this.size]: true,
-                [this.digits]: true
-            } }, h("div", { key: 'cfe6602de755a23ac9f547cb1a33ba6ca70e50b8', class: "input-with-label" }, this.shoowLabel && (h("label", { key: '0da671e86bac39313b15b0910844f5427d2a4060', class: "text-sm-medium" }, this.label)), this.digits === 4 && (h("div", { key: 'bc9f26d73ccfef08c1c687441534f44d4e95eeae', class: "input-wrapper" }, h("gb-megainput-field", { key: '87b1b53511396005fdbd291d6faa2e1f192d3bde', size: this.size }), h("gb-megainput-field", { key: 'a699e4c428c43246b3dee8d5b1d6c8d73bf2aa7e', size: this.size }), h("gb-megainput-field", { key: '248155ef0c5e7a8d1fbdc0bcd07ccc9a9e06cca7', size: this.size }), h("gb-megainput-field", { key: '58a61f273137bce6fbfc38ace3af7e72a444c6c2', size: this.size }))), this.digits === 6 && (h("div", { key: '2a891a791085ffe2451d112b0801c18256ff0bd3', class: "input-wrapper" }, h("gb-megainput-field", { key: '30aaae4cf8490717c3faa3f1fc68128454b74135', size: this.size }), h("gb-megainput-field", { key: '8eccef92daaf111f3b0bae0ada117a5cd32640fe', size: this.size }), h("gb-megainput-field", { key: 'a904a30586207aadd2999b9f2c3e8561b0a318f3', size: this.size }), h("p", { key: 'e86740e7ec28e5725e8de583559064ecaddf3686', class: "display-sm-bold" }, "-"), h("gb-megainput-field", { key: '6bf9b3002377bd592a263564fab8bc368ff8a0db', size: this.size }), h("gb-megainput-field", { key: '40069c9d73c1d29b2a456056469a93edf353c7c3', size: this.size }), h("gb-megainput-field", { key: '6e79c9dd1b838e3ddfe7993cb647426cd698ec8a', size: this.size }))), this.digits === 8 && (h("div", { key: 'b2c48bfaa0deaf958ca4a75299969a309d25ac7c', class: "input-wrapper" }, h("gb-megainput-field", { key: '1cfb3cd35efd950cf639ee10a7c961ab25ebb156', size: this.size }), h("gb-megainput-field", { key: 'fa77e5976fa23a5fdfcd104609a151396134d9b7', size: this.size }), h("gb-megainput-field", { key: '327bf6e19313b1f3b12fe77c548c9bcbbfe1e73b', size: this.size }), h("gb-megainput-field", { key: 'a59784ed879446eb3d0cab5deb80c3e1d5e55476', size: this.size }), h("p", { key: '0918ff9ffa93763cbdad98659f296272ac44ad97', class: "display-sm-bold" }, "-"), h("gb-megainput-field", { key: '10bbea88e2c2242ae1e0dbac50d4fd42bd4ad3da', size: this.size }), h("gb-megainput-field", { key: '45260add47ab44289c6d2635196b9c74084f02a4', size: this.size }), h("gb-megainput-field", { key: '0a7489737fab4bed12c9377a158d1f44d3e04023', size: this.size }), h("gb-megainput-field", { key: 'd03da3f73b645c04e48055a293036a379af5a5ed', size: this.size })))), this.showHintText && (h("div", { key: '744ac2bc8ca0c679393dcdbc84d03d665c2e07c1', class: "text-sm-regular" }, this.hintText))));
+                [this.digits]: true,
+            } }, h("div", { key: '84a2444ae21f54b2ba145443722e9131819a5997', class: "input-with-label" }, this.showLabel && (h("label", { key: '7ebb558e730f712877d2bbcab57d54d4d1161520', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'cb8f8671b31a262c4877b6ab8d355b86d2b0fd1f', class: "input-wrapper" }, h("gb-megainput-field", { key: '3119f303845da511e6b19e0f21b533e1a360c414', size: this.size }), h("gb-megainput-field", { key: '73cfd72e203b2786544681bb205d8190575042b1', size: this.size }), h("gb-megainput-field", { key: '34ff419293d7a89be817a6236096f21c6c41a1f7', size: this.size }), h("gb-megainput-field", { key: '30e7b2ba537350a8da3951b40d20711fa3dd0082', size: this.size }))), this.digits === 6 && (h("div", { key: '606d66014db2451cdaccadc4bddb6b602a61af04', class: "input-wrapper" }, h("gb-megainput-field", { key: '2cd9bcaafe352931fd7426b9f2a45046e3aa4cdc', size: this.size }), h("gb-megainput-field", { key: 'fcb7cc08803ee8d593b3dd35203bfd3c79777095', size: this.size }), h("gb-megainput-field", { key: '6e4b490f137ca7ebf03bf29f5b1a2f5a337c4bfb', size: this.size }), h("p", { key: '827ce906d817a37d9e2daccc5659aa2b05bf490a', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'be70f91ebe8b95ce14e3d5e8d2d929788d18a02c', size: this.size }), h("gb-megainput-field", { key: '5e7f840a95f53651894bb3a1a581c3e0efcd7fae', size: this.size }), h("gb-megainput-field", { key: 'a14ed4af9f5618ea5031f6323144dbe43015ddbd', size: this.size }))), this.digits === 8 && (h("div", { key: 'abe84e18c63104f6d07c0b7b5dac838a3d2e3722', class: "input-wrapper" }, h("gb-megainput-field", { key: '59227ea71c97325ab66da4f379e85a418f566144', size: this.size }), h("gb-megainput-field", { key: 'b350f89b0ae0f7fe081dcdf881407106e5c8a247', size: this.size }), h("gb-megainput-field", { key: 'e5fd1daacda74781ae8f4dabf8ec23e984e60082', size: this.size }), h("gb-megainput-field", { key: '0ca1cc5b6ece1ddbf90f6bbd12cc1a89c41826c9', size: this.size }), h("p", { key: '292663a6c0fae26e37fd69e2b5d97a02796a53ec', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'c8f5146dddbb6ed23e5683d971d4755d09679fd8', size: this.size }), h("gb-megainput-field", { key: '28baf23c804f29965a692712ad834259af4a9f29', size: this.size }), h("gb-megainput-field", { key: 'cab07e67891ff4089618668d9a355097071cb7ed', size: this.size }), h("gb-megainput-field", { key: 'd2e7753d4dc24757d5f7a8c86990aad0e154bcfb', size: this.size })))), this.showHintText && (h("div", { key: 'bc4c80796c2dc5bb3f72e0972387f6c393071aef', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-verification-code-field"; }
     static get encapsulation() { return "shadow"; }
@@ -69,7 +69,7 @@ export class GbVerificationCodeField {
                 "attribute": "digits",
                 "reflect": false
             },
-            "shoowLabel": {
+            "showLabel": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -83,7 +83,7 @@ export class GbVerificationCodeField {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "shoow-label",
+                "attribute": "show-label",
                 "reflect": false
             },
             "label": {

package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-verification-code-field.js","sourceRoot":"","sources":["../../../src/components/gb-verification-code-field/gb-verification-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASlD,MAAM,OAAO,uBAAuB;;;;;qBAIR,EAAE;;wBAEC,EAAE;;IAE7B,MAAM;QACF,OAAO,~~CACH~~,~~4DAAK~~,KAAK,EAAE;~~gBACR~~,SAAS,EAAE,IAAI;gBACf,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;gBACjB,CAAC,IAAI,CAAC,MAAM,CAAC,~~EAAC~~,IAAI;~~aACrB~~;~~YACG~~,4DAAK,KAAK,EAAC,kBAAkB;~~gBACxB~~,IAAI,CAAC,~~UAAU~~,IAAI,~~CAChB~~,8DAAO,KAAK,EAAC,gBAAgB,~~IAAE~~,IAAI,CAAC,KAAK,~~CAAS~~,~~CACrD~~;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,~~CAClB~~,4DAAK,KAAK,EAAC,eAAe;~~oBACtB~~,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,~~CACxD~~,~~CACT~~;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,~~CAClB~~,4DAAK,KAAK,EAAC,eAAe;~~oBACtB~~,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,0DAAG,KAAK,EAAC,~~iBAAiB~~,QAAM;~~oBAChC~~,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,~~CACxD~~,~~CACT~~;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,~~CAClB~~,4DAAK,KAAK,EAAC,eAAe;~~oBACtB~~,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,0DAAG,KAAK,EAAC,~~iBAAiB~~,QAAM;~~oBAChC~~,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,~~CACxD~~,~~CACT~~,~~CACC~~;YACL,IAAI,CAAC,YAAY,IAAI,~~CAClB~~,4DAAK,KAAK,EAAC,iBAAiB,~~IAAE~~,IAAI,CAAC,QAAQ,~~CAAO~~,~~CACrD~~,~~CACC~~,~~CACT~~,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-verification-code-field',\r\n styleUrl: 'gb-verification-code-field.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbVerificationCodeField {\r\n @Prop() size: GeneralSizes;\r\n @Prop() digits: 4 \| 6 \| 8;\r\n @Prop() ~~shoowLabel~~: boolean;\r\n @Prop() label: string = '';\r\n @Prop() showHintText: boolean;\r\n @Prop() hintText: string = '';\r\n\r\n render() {\r\n return (\r\n <div class={{\r\n container: true,\r\n [this.size]: true,\r\n [this.digits]:true\r\n }}>\r\n <div class=\"input-with-label\">\r\n {this.~~shoowLabel~~ && (\r\n <label class=\"text-sm-medium\">{this.label}</label>\r\n )}\r\n {this.digits === 4 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n {this.digits === 6 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <p class=\"display-sm-bold\">-</p>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n {this.digits === 8 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <p class=\"display-sm-bold\">-</p>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n </div>\r\n {this.showHintText && (\r\n <div class=\"text-sm-regular\">{this.hintText}</div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-verification-code-field.js","sourceRoot":"","sources":["../../../src/components/gb-verification-code-field/gb-verification-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASlD,MAAM,OAAO,uBAAuB;;;;;qBAIR,EAAE;;wBAEC,EAAE;;IAE7B,MAAM;QACF,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;gBACjB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI;aACpB;YAED,4DAAK,KAAK,EAAC,kBAAkB;gBAC1B,IAAI,CAAC,SAAS,IAAI,CACjB,8DAAO,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,IACzE,IAAI,CAAC,KAAK,CACL,CACT;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACtD,CACP;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,0DAAG,KAAK,EAAC,sBAAsB,QAAM;oBACrC,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACtD,CACP;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,0DAAG,KAAK,EAAC,sBAAsB,QAAM;oBACrC,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;oBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACtD,CACP,CACG;YACL,IAAI,CAAC,YAAY,IAAI,CACpB,4DAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mCAAmC,EAAE,IAC/E,IAAI,CAAC,QAAQ,CACV,CACP,CACG,CACP,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-verification-code-field',\r\n styleUrl: 'gb-verification-code-field.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbVerificationCodeField {\r\n @Prop() size: GeneralSizes;\r\n @Prop() digits: 4 \| 6 \| 8;\r\n @Prop() showLabel: boolean;\r\n @Prop() label: string = '';\r\n @Prop() showHintText: boolean;\r\n @Prop() hintText: string = '';\r\n\r\n render() {\r\n return (\r\n <div\r\n class={{\r\n container: true,\r\n [this.size]: true,\r\n [this.digits]: true,\r\n }}\r\n >\r\n <div class=\"input-with-label\">\r\n {this.showLabel && (\r\n <label class=\"text-sm-medium\" style={{ color: 'var(--color-text, #4B5565)' }}>\r\n {this.label}\r\n </label>\r\n )}\r\n {this.digits === 4 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n {this.digits === 6 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <p class=\"line display-sm-bold\">-</p>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n {this.digits === 8 && (\r\n <div class=\"input-wrapper\">\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <p class=\"line display-sm-bold\">-</p>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n <gb-megainput-field size={this.size}></gb-megainput-field>\r\n </div>\r\n )}\r\n </div>\r\n {this.showHintText && (\r\n <div class=\"text-sm-regular\" style={{ color: 'var(--color-text-subtle, #697586)' }}>\r\n {this.hintText}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/models/reusableModels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' \| 'xl3' \| 'xl2' \| 'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'xxs' \| 'profile_lg' \| 'profile_md' \| 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' \| 'secondary_gray' \| 'secondary_color' \| 'tertiary_gray' \| 'tertiary_color' \| 'link_gray' \| 'link_color';\r\n\r\nexport enum StateEnum {\r\n Default = 'default',\r\n Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' \| 'bottom_left' \| 'bottom_right' \| 'top_center' \| 'left' \| 'right' \| 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' \| 'check_circle' \| 'radio';\r\n\r\nexport enum BorderWeights {\r\n VeryLight = 'very_light',\r\n Light = 'light',\r\n Regular = 'regular',\r\n Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n Online = 'online',\r\n Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' \| 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' \| 'outline';\r\n\r\nexport type FileUploadStates = 'default' \| 'in_progress' \| 'complete' \| 'hover' \| 'disabled' \| 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' \| 'gray' \| 'primary' \| 'error' \| 'warning' \| 'success' \| 'discovery' \| 'information' \| 'pink' \| 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' \| 'circle';\r\n\r\nexport type PaginationTypes =\r\n \| 'page_default'\r\n \| 'page_minimal_center_aligned'\r\n \| 'card_default'\r\n \| 'card_minimal_right_aligned'\r\n \| 'card_minimal_left_aligned'\r\n \| 'card_minimal_center_aligned'\r\n \| '~~card_button_group_right_aligned~~'\r\n \| 'card_button_group_left_aligned'\r\n \| 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' \| 'button_gray' \| 'button_white' \| 'rounded_button_white' \| 'underline' \| 'underline_filled' \| 'line' \| 'button_white_border' \| 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' \| 'colored_background';"]}
1	+ {"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' \| 'xl3' \| 'xl2' \| 'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'xxs' \| 'profile_lg' \| 'profile_md' \| 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' \| 'secondary_gray' \| 'secondary_color' \| 'tertiary_gray' \| 'tertiary_color' \| 'link_gray' \| 'link_color';\r\n\r\nexport enum StateEnum {\r\n Default = 'default',\r\n Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' \| 'bottom_left' \| 'bottom_right' \| 'top_center' \| 'left' \| 'right' \| 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' \| 'check_circle' \| 'radio';\r\n\r\nexport enum BorderWeights {\r\n VeryLight = 'very_light',\r\n Light = 'light',\r\n Regular = 'regular',\r\n Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n Online = 'online',\r\n Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' \| 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' \| 'outline';\r\n\r\nexport type FileUploadStates = 'default' \| 'in_progress' \| 'complete' \| 'hover' \| 'disabled' \| 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' \| 'gray' \| 'primary' \| 'error' \| 'warning' \| 'success' \| 'discovery' \| 'information' \| 'pink' \| 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' \| 'circle';\r\n\r\nexport type PaginationTypes =\r\n \| 'page_default'\r\n \| 'page_minimal_center_aligned'\r\n \| 'card_default'\r\n \| 'card_minimal_right_aligned'\r\n \| 'card_minimal_left_aligned'\r\n \| 'card_minimal_center_aligned'\r\n \| 'card_button_group_ right_aligned'\r\n \| 'card_button_group_left_aligned'\r\n \| 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' \| 'button_gray' \| 'button_white' \| 'rounded_button_white' \| 'underline' \| 'underline_filled' \| 'line' \| 'button_white_border' \| 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' \| 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n \| 'default'\r\n \| 'icon_leading'\r\n \| 'leading_dropdown'\r\n \| 'trailing_dropdown'\r\n \| 'leading_text'\r\n \| 'payment_input'\r\n \| 'tags'\r\n \| 'trailing_button'\r\n \| 'password'\r\n \| 'password_icon_leading'\r\n \| 'count';"]}

package/dist/components/gb-btn.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbButton, d as defineCustomElement$1 } from './p-95d013c6.js';
+import { G as GbButton, d as defineCustomElement$1 } from './p-307f7be9.js';
 const GbBtn = GbButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-button.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { M as MyButton, d as defineCustomElement$1 } from './p-fc8afe63.js';
+import { G as GbButton$1, d as defineCustomElement$1 } from './p-e832e7d0.js';
-const GbButton = MyButton;
+const GbButton = GbButton$1;
 const defineCustomElement = defineCustomElement$1;
 export { GbButton, defineCustomElement };

package/dist/components/gb-checkbox-group-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-3d8f80e9.js';
 import { d as defineCustomElement$6 } from './p-2522e0e6.js';
 import { d as defineCustomElement$5 } from './p-5fbe4056.js';
-import { d as defineCustomElement$4 } from './p-fc8afe63.js';
+import { d as defineCustomElement$4 } from './p-e832e7d0.js';
 import { d as defineCustomElement$3 } from './p-e7e9af72.js';
 import { d as defineCustomElement$2 } from './p-4c21ca28.js';

package/dist/components/gb-file-upload-item-base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbFileUploadItemBase$1, d as defineCustomElement$1 } from './p-4979942e.js';
+import { G as GbFileUploadItemBase$1, d as defineCustomElement$1 } from './p-b1f57acc.js';
 const GbFileUploadItemBase = GbFileUploadItemBase$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-file-upload.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-3d8f80e9.js';
 import { S as StateEnum } from './p-47052b60.js';
-import { d as defineCustomElement$6 } from './p-fc8afe63.js';
+import { d as defineCustomElement$6 } from './p-e832e7d0.js';
 import { d as defineCustomElement$5 } from './p-b0d34887.js';
-import { d as defineCustomElement$4 } from './p-4979942e.js';
+import { d as defineCustomElement$4 } from './p-b1f57acc.js';
 import { d as defineCustomElement$3 } from './p-57b94005.js';
 import { d as defineCustomElement$2 } from './p-31e9f7cb.js';

package/dist/components/gb-header.js CHANGED Viewed

@@ -24,10 +24,13 @@ const GbHeader$1 = /*@__PURE__*/ proxyCustomElement(class GbHeader extends H {
             initials.classList.add('text-md-semi-bold');
         }
     }
+    async helpIconClicked() { }
+    async notificationIconClicked() { }
+    async profileIconClicked() { }
     render() {
         const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
         const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
-        return (h("div", { key: 'd622dc60519caf801e7e9437e959fe8870a8fe39', class: `header_div` }, h("div", { key: 'f285b6e756cfed348ebe62f3c9ec3bef302e356d', class: "content" }, h("div", { key: 'd5179a24d292a51191d2d60580c502c413854e4a', class: "inner_content" }, h("gb-header-icon", { key: 'f2ae78eb0784d65b7277225efe6f20e59a975a05', state: StateEnum.Default, icon: helpIconSrc }), h("gb-header-icon", { key: 'daa652b2861ba93a65e8700ac2724e2e980baf2b', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator }), h("gb-avatar", { key: 'dd23d14a9e5039d3f7c5ec7ceeea0d100f7d5d12', size: "md", text: this.text, placeholder: this.placeholder }, this.text ? (h("slot", { slot: "initials", name: "initials" })) : (h("slot", { name: "image", slot: "image" })))))));
+        return (h("div", { key: '0699cac516cee147413c49fc0c78928d5fe6972c', class: `header_div` }, h("div", { key: 'b90bf469272842ec9e8dbecd515f355c0b7bd5db', class: "content" }, h("div", { key: '88f31ff1b4bed25e7f3432453b65299c2644d746', class: "inner_content" }, h("gb-header-icon", { key: '5ccff54eb5e456d24530d9a7f6a1fe7429558ddb', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.helpIconClicked() }), h("gb-header-icon", { key: '074539c3e897fe739eba76f862798da3be31c94a', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.notificationIconClicked() }), h("gb-avatar", { key: 'e7a8d4fb68a63a9217a5be74cffb97ed5cf79ba1', size: "md", text: this.text, placeholder: this.placeholder, onClick: () => this.profileIconClicked() }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
     }
     get el() { return this; }
     static get style() { return GbHeaderStyle0; }
@@ -35,7 +38,10 @@ const GbHeader$1 = /*@__PURE__*/ proxyCustomElement(class GbHeader extends H {
         "state": [1],
         "showIndicator": [4, "show-indicator"],
         "text": [4],
-        "placeholder": [4]
+        "placeholder": [4],
+        "helpIconClicked": [64],
+        "notificationIconClicked": [64],
+        "profileIconClicked": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/gb-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gb-header.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,oaAAoa,CAAC;AACzb,uBAAe,WAAW;;MCObA,UAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;IAGpC,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;SAC7C;KACF;~~IAED~~,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,QACE,4DAAK,KAAK,EAAE,YAAY,IACtB,4DAAK,KAAK,EAAC,SAAS,IAClB,4DAAK,KAAK,EAAC,eAAe,IACxB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,GAAmB,~~EAC9E~~,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,GAAmB,~~EACnH~~,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,~~IAChE~~,IAAI,CAAC,IAAI,IAAI,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,~~KAAK~~,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,~~CAAC~~,~~CAC9F,~~CACR,CACF,CACF,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["GbHeader"],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \r\n border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n height: 4.5rem;\r\n padding: 0rem 2rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n align-self: stretch;\r\n}\r\n\r\n.inner_content{\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-Positive-spacing-4, 1rem);\r\n flex: 1 0 0;\r\n}","import { Component, Element, getAssetPath, h, Prop } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n }\r\n }\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n <div class=\"inner_content\">\r\n <gb-header-icon state={StateEnum.Default} icon={helpIconSrc}></gb-header-icon>\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator}></gb-header-icon>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder}>\r\n {this.text ? (<slot slot=\"initials\" name=\"initials\"></slot>) : (<slot name=\"image\" slot=\"image\"></slot>)}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"gb-header.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,oaAAoa,CAAC;AACzb,uBAAe,WAAW;;MCObA,UAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;IAGpC,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;SAC7C;KACF;IAGD,MAAM,eAAe,MAAK;IAG1B,MAAM,uBAAuB,MAAK;IAGlC,MAAM,kBAAkB,MAAK;IAE7B,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,QACE,4DAAK,KAAK,EAAE,YAAY,IACtB,4DAAK,KAAK,EAAC,SAAS,IAClB,4DAAK,KAAK,EAAC,eAAe,IACxB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAAmB,EACrH,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,uBAAuB,EAAE,GAAmB,EAClK,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,IAC1G,IAAI,CAAC,IAAI,GAAG,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,GAAG,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbHeader"],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \r\n border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n height: 4.5rem;\r\n padding: 0rem 2rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n align-self: stretch;\r\n}\r\n\r\n.inner_content{\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-Positive-spacing-4, 1rem);\r\n flex: 1 0 0;\r\n}","import { Component, Element, getAssetPath, h, Method, Prop } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n }\r\n }\r\n\r\n @Method()\r\n async helpIconClicked() {}\r\n\r\n @Method()\r\n async notificationIconClicked() {}\r\n\r\n @Method()\r\n async profileIconClicked() {}\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n <div class=\"inner_content\">\r\n <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.helpIconClicked()}></gb-header-icon>\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.notificationIconClicked()}></gb-header-icon>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} onClick={() => this.profileIconClicked()}>\r\n {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}

package/dist/components/gb-input-dropdown.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbInputDropdown$1, d as defineCustomElement$1 } from './p-2729bc71.js';
+import { G as GbInputDropdown$1, d as defineCustomElement$1 } from './p-f5ce57de.js';
 const GbInputDropdown = GbInputDropdown$1;
 const defineCustomElement = defineCustomElement$1;