globuswebcomponents 0.3.9 → 0.4.1

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: 'ba6f742388a8a05fef9ceee6efff7a5de728c3de', class: this.size }, h("div", { key: '2df03ed2ae944f3c47c12e351d553eb4fa21b69e', class: "input-with-label" }, this.showLabel && (h("label", { key: 'a8b76a53e5c5350e9bfa96d38e5ea9ee9f9550e7' }, this.label)), this.digits === 4 && (h("div", { key: '19f48a27d161b2ceca9382c747852f88f19a4f76', class: "input-wrapper" }, h("gb-megainput-field", { key: '2b5f64f9f559328948ea5072b13e714ec5068ca9', size: this.size }), h("gb-megainput-field", { key: '2493e323235442f1effba97bb99b3d0293008af1', size: this.size }), h("gb-megainput-field", { key: 'ff1cea3d4bdbd430305d26d6f300602e81eb497c', size: this.size }), h("gb-megainput-field", { key: '541c126d0beb132fc0860ce91eeb17f1d05b04c2', size: this.size }))), this.digits === 6 && (h("div", { key: 'ffbd9b4a7cc4b0213bf4e2435573088aaf47d424', class: "input-wrapper" }, h("div", { key: 'd1af82f9ca3cd64cd7d2a28dbb887c7f94113611', class: "first=section" }, h("gb-megainput-field", { key: 'b860b2419d61604f9eaad9d9cdaaa108d2cd1c2d', size: this.size }), h("gb-megainput-field", { key: '815e110b663e4b9310ac722a0fa9448ba846aba9', size: this.size }), h("gb-megainput-field", { key: 'fd402168fb024ee4ccbd05a413b3ceb345dc13d1', size: this.size })), h("div", { key: 'c8d969d0bbd25ee86ec986934d81867888a263c4', class: "second=section" }, h("gb-megainput-field", { key: 'a7bd95fec767f37ebcf74020954d017c34352ccb', size: this.size }), h("gb-megainput-field", { key: '5e357db7ecc8a58b6b9b7162efa878aa19b7b5ae', size: this.size }), h("gb-megainput-field", { key: '83b332660d353a4d4ee9d30e4499aed1101dd37a', size: this.size })))), this.digits === 8 && (h("div", { key: '152abbd48b0d2f16e23d53e669aa71139f1cce3e', class: "input-wrapper" }, h("div", { key: 'a7dd290693947c7bd7dd23ac5acb8fd6ebf46521', class: "first=section" }, h("gb-megainput-field", { key: 'af26f24fb4f5cc031dd639709243beed92285d33', size: this.size }), h("gb-megainput-field", { key: '3e8cfcee6bae3d33ab60add14cfc5cac10ffc95c', size: this.size }), h("gb-megainput-field", { key: '0f95754fbaf7129744bc5737398875c885672d04', size: this.size }), h("gb-megainput-field", { key: '92af6df172fde814b3f102bbe689698ecf9322f1', size: this.size })), h("div", { key: 'f0b1e55ee80dea7136636b4c930177763efe803c', class: "second=section" }, h("gb-megainput-field", { key: '1b20c5ace66c63e8747ad27bfddb619c0db4d145', size: this.size }), h("gb-megainput-field", { key: 'ddf8ecff88a694fe98e341aa813370a1f1e3b7f1', size: this.size }), h("gb-megainput-field", { key: '834405b51e192ebc95a32441022c73251408b94a', size: this.size }), h("gb-megainput-field", { key: '07e89aa4b7048289af29d695d15de64851d29365', size: this.size }))))), h("p", { key: 'a0ecb004c06b99f0287237a86f6e1b26a025fdd0' }, 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: '73dee5926db94f085758e97235e4ca99e8751156', class: "tooltip_container" }, h("div", { key: 'fd9772bd7a90cb94bd4909397ce24330442deaa0', class: "tooltip" }, h("div", { key: '6dca45c8ac8b548950e52afd62ed6b2c0199b991', class: this.getArrowClass() }), h("div", { key: 'e5489f00dca05a3991e30bb247efcd58f65b066c', class: "tooltip_content" }, h("slot", { key: '4183a7c4706cf8a89ec882f1db13e49a6d3867de', name: "label" }), this.showSupportingText && h("slot", { key: 'bb55a3d55c4452724cb0592ee12ba7da5c82ee6b', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }