globuswebcomponents 0.3.8 → 0.4.0

package/dist/collection/components/gb-token-field/gb-token-field.js

@@ -0,0 +1,141 @@
+import { h } from "@stencil/core";
+export class GbTokenField {
+    constructor() {
+        this.size = undefined;
+        this.digits = undefined;
+        this.showLabel = undefined;
+        this.label = 'Secure code';
+        this.showSupportingText = undefined;
+        this.supportingText = '';
+    }
+    render() {
+        return (h("div", { key: '28e510f82d597c59d9debfa21760d818c179cd24', class: this.size }, h("div", { key: '5f01ebc1d6c6c9f01ca0e4b1612006ef5834b4cd', class: "input-with-label" }, this.showLabel && (h("label", { key: '271d5420d3fbdf0c0b95a5494d8dfac1efa0d413' }, this.label)), this.digits === 4 && (h("div", { key: '5c9bd24f10845968288adfc022089a000280f2d8', class: "input-wrapper" }, h("gb-megainput-field", { key: 'c72c9815587fb716490a0d6c02b4d81270c6f141', size: this.size }), h("gb-megainput-field", { key: '045ab96da3f86c1b01b7c7602a88354e01d423ca', size: this.size }), h("gb-megainput-field", { key: '2837a52c4ef86af64de67cf2fe4a74177a71e7f4', size: this.size }), h("gb-megainput-field", { key: 'df5921afec3344c99f81d6d5d86887e2d28c6423', size: this.size }))), this.digits === 6 && (h("div", { key: 'bcfa7b95063624fc9fd17339268db9c3adfd507c', class: "input-wrapper" }, h("div", { key: 'aad10fc1978f430d34cf44ae64894c984ff8937a', class: "first=section" }, h("gb-megainput-field", { key: '028897cf410d6390941f2fb309a04ddfa9d52d12', size: this.size }), h("gb-megainput-field", { key: '402540d9fb79fb9790fb209978017a97b47a9952', size: this.size }), h("gb-megainput-field", { key: 'c783c80aa427c036a7f649b7cb55eead9336c041', size: this.size })), h("div", { key: '4ff213bc0b8b25ca8868b4e9966f358cfaca5971', class: "second=section" }, h("gb-megainput-field", { key: '6719f907480a0ec1703664d4d6370b66dd0f5d87', size: this.size }), h("gb-megainput-field", { key: '1005ccbfaea0f26dda108db2264aab01db19517a', size: this.size }), h("gb-megainput-field", { key: '2164528cebb8abb2455be083b6a056ccfa866cc7', size: this.size })))), this.digits === 8 && (h("div", { key: '6861cfe083dc24bd7864127dd6a22334617553d4', class: "input-wrapper" }, h("div", { key: 'c6355517397d30f7eb953a902151a37092b302ab', class: "first=section" }, h("gb-megainput-field", { key: '3ba1fa74fa726e8a0c9f259c2580418788d48189', size: this.size }), h("gb-megainput-field", { key: '0b57ef02b5090cc58182d89fed08c7cf1ae60359', size: this.size }), h("gb-megainput-field", { key: '9afc05116f1a1565dd6bb37e89c5de86cc0ccd83', size: this.size }), h("gb-megainput-field", { key: '503ce6ca10df2931c954bf24a584139e950bbf04', size: this.size })), h("div", { key: '5d1cd19b8daeab2a90a6bc0f34d9e746f8315363', class: "second=section" }, h("gb-megainput-field", { key: '9fef897cd3a889e8b47b297778bcb3f0a3dd677f', size: this.size }), h("gb-megainput-field", { key: '593ce604685893a6ebea434ee36ab787cb5025ea', size: this.size }), h("gb-megainput-field", { key: '5fc47ef62dc5b7d6c306197912a978324f118b1d', size: this.size }), h("gb-megainput-field", { key: '837453f19c842741d01c2dbf34d7040d8dc04b8b', size: this.size }))))), h("p", { key: 'f32548665245e9e47698510a5b261097b790c6d9' }, this.supportingText)));
+    }
+    static get is() { return "gb-token-field"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-token-field.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-token-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "digits": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "4 | 6 | 8",
+                    "resolved": "4 | 6 | 8",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "digits",
+                "reflect": false
+            },
+            "showLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-label",
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "'Secure code'"
+            },
+            "showSupportingText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-supporting-text",
+                "reflect": false
+            },
+            "supportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-token-field.js.map

package/dist/collection/components/gb-token-field/gb-token-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-token-field.js","sourceRoot":"","sources":["../../../src/components/gb-token-field/gb-token-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASlD,MAAM,OAAO,YAAY;;;;;qBAIG,aAAa;;8BAEJ,EAAE;;IAEnC,MAAM;QAEF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI;YACjB,4DAAK,KAAK,EAAC,kBAAkB;gBACxB,IAAI,CAAC,SAAS,IAAI,CACf,gEAAQ,IAAI,CAAC,KAAK,CAAS,CAC9B;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,4DAAK,KAAK,EAAC,eAAe;wBACtB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACxD;oBACN,4DAAK,KAAK,EAAC,gBAAgB;wBACvB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACxD,CACJ,CACT;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAClB,4DAAK,KAAK,EAAC,eAAe;oBACtB,4DAAK,KAAK,EAAC,eAAe;wBACtB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACxD;oBACN,4DAAK,KAAK,EAAC,gBAAgB;wBACvB,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB;wBAC1D,2EAAoB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAuB,CACxD,CACJ,CACT,CACC;YACN,4DAAI,IAAI,CAAC,cAAc,CAAK,CAC1B,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-token-field',\r\n    styleUrl: 'gb-token-field.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTokenField {\r\n    @Prop() size: GeneralSizes\r\n    @Prop() digits: 4 | 6 | 8;\r\n    @Prop() showLabel: boolean;\r\n    @Prop() label: string = 'Secure code';\r\n    @Prop() showSupportingText: boolean;\r\n    @Prop() supportingText: string = '';\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div class={this.size}>\r\n                <div class=\"input-with-label\">\r\n                    {this.showLabel && (\r\n                        <label>{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                            <div class=\"first=section\">\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                            <div class=\"second=section\">\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                        </div>\r\n                    )}\r\n                    {this.digits === 8 && (\r\n                        <div class=\"input-wrapper\">\r\n                            <div class=\"first=section\">\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                            <div class=\"second=section\">\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                        </div>\r\n                    )}\r\n                </div>  \r\n                <p>{this.supportingText}</p>            \r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/dist/collection/components/gb-tooltip/gb-tooltip.js

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'd04bf74efb9e3e2cfaf19f692b46148da4876517', class: "tooltip_container" }, h("div", { key: 'ce28321de15a536fe08bf7b2e12f609eeca74534', class: "tooltip" }, h("div", { key: '06e036b5bebb38bed110eca260cec1342f314481', class: this.getArrowClass() }), h("div", { key: '230fec0cbf9c6186b5d7d059032abbff5d556e77', class: "tooltip_content" }, h("slot", { key: 'fa4ce3507e2ac68234a6a632517e7ae3f9a3f5b9', name: "label" }), this.showSupportingText && h("slot", { key: '2b445ed50f05492fffc3bb99b586b91d776f9d18', name: "supporting_text" })))));
+        return (h("div", { key: '50e2ac0a1613f1c06a8085d15cf6c44bc9ac2662', class: "tooltip_container" }, h("div", { key: 'a3751a4d050f1c338d62b4e85af2c21b4ad24d0b', class: "tooltip" }, h("div", { key: 'c98aa5dee925dad9a2e08dbcba3751c63bb69fde', class: this.getArrowClass() }), h("div", { key: '4663041151b2291db74d95c31d3960e67ce1a41d', class: "tooltip_content" }, h("slot", { key: '1fcde0a2718156d32a88625f2b2c08540ab2189c', name: "label" }), this.showSupportingText && h("slot", { key: '4a37d23b4498ba0f21c5c209b8f69137696ee0f3', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }