globuswebcomponents 0.6.3 → 0.6.4

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -0,0 +1,49 @@
+import { h } from "@stencil/core";
+export class GbTagCount {
+    constructor() {
+        this.size = undefined;
+    }
+    render() {
+        return (h("div", { key: '0eae9daa59a76480a8e767c24fe7d98ee620a838', class: this.size }, h("slot", { key: '8731c5bf5c967cf1a1e21b8667a68cb25ba408df', name: "count" })));
+    }
+    static get is() { return "gb-tag-count"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-tag-count.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-tag-count.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
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-tag-count.js.map

package/dist/collection/components/gb-tag-count/gb-tag-count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-tag-count.js","sourceRoot":"","sources":["../../../src/components/gb-tag-count/gb-tag-count.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AASjD,MAAM,OAAO,UAAU;;;;IAGnB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI;YACjB,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACxB,CACT,CAAA;IACL,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-tag-count',\r\n    styleUrl: 'gb-tag-count.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTagCount{\r\n    @Prop() size: GeneralSizes;\r\n\r\n    render() {\r\n        return (\r\n            <div class={this.size}>\r\n                <slot name=\"count\"></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -0,0 +1,198 @@
+import { h } from "@stencil/core";
+export class GbTextareaInputField {
+    constructor() {
+        this.type = undefined;
+        this.destructive = undefined;
+        this.state = undefined;
+        this.showPlaceholder = undefined;
+        this.placeholder = '';
+        this.showLabel = undefined;
+        this.label = '';
+        this.showHintText = undefined;
+        this.hintText = undefined;
+    }
+    render() {
+        if (this.type === 'default') {
+            return (h("div", { class: {
+                    destructive: this.destructive
+                } }, h("div", { class: "input-with-label" }, h("label", null, this.label), h("div", { class: "input-container" }, h("textarea", { placeholder: this.placeholder }))), this.showHintText && (h("div", null, this.hintText))));
+        }
+        if (this.type === 'tags') {
+            return (h("div", { class: {
+                    destructive: this.destructive
+                } }, h("div", { class: "input-with-label" }, h("label", null, this.label), h("div", { class: "input-container" }, h("div", { class: "content" }, h("div", { class: "tags" }, h("slot", { name: "tag" })), h("input", { class: "search-text" })))), this.showHintText && (h("div", null, this.hintText))));
+        }
+    }
+    static get is() { return "gb-textarea-input-field"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-textarea-input-field.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-textarea-input-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'tags'",
+                    "resolved": "\"default\" | \"tags\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "destructive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "destructive",
+                "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'placeholder' | 'disabled'",
+                    "resolved": "\"disabled\" | \"placeholder\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            },
+            "showPlaceholder": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-placeholder",
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "placeholder",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "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": "''"
+            },
+            "showHintText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-hint-text",
+                "reflect": false
+            },
+            "hintText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hint-text",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-textarea-input-field.js.map

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-textarea-input-field.js","sourceRoot":"","sources":["../../../src/components/gb-textarea-input-field/gb-textarea-input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,oBAAoB;;;;;;2BAKC,EAAE;;qBAER,EAAE;;;;IAI1B,MAAM;QAEF,IAAG,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO,CACH,WAAK,KAAK,EAAE;oBACR,WAAW,EAAE,IAAI,CAAC,WAAW;iBAChC;gBACG,WAAK,KAAK,EAAC,kBAAkB;oBACzB,iBAAQ,IAAI,CAAC,KAAK,CAAS;oBAC3B,WAAK,KAAK,EAAC,iBAAiB;wBAC5B,gBAAU,WAAW,EAAE,IAAI,CAAC,WAAW,GAAa,CAC9C,CACJ;gBACL,IAAI,CAAC,YAAY,IAAI,CAClB,eAAM,IAAI,CAAC,QAAQ,CAAO,CAC7B,CACC,CACT,CAAC;QACN,CAAC;QACD,IAAG,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACtB,OAAO,CACH,WAAK,KAAK,EAAE;oBACR,WAAW,EAAE,IAAI,CAAC,WAAW;iBAChC;gBACG,WAAK,KAAK,EAAC,kBAAkB;oBACzB,iBAAQ,IAAI,CAAC,KAAK,CAAS;oBAC3B,WAAK,KAAK,EAAC,iBAAiB;wBACxB,WAAK,KAAK,EAAC,SAAS;4BAChB,WAAK,KAAK,EAAC,MAAM;gCACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CACtB;4BACN,aAAO,KAAK,EAAC,aAAa,GAAS,CACjC,CACJ,CACJ;gBACL,IAAI,CAAC,YAAY,IAAI,CAClB,eAAM,IAAI,CAAC,QAAQ,CAAO,CAC7B,CACC,CACT,CAAC;QACN,CAAC;IAEL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component ({\r\n    tag: 'gb-textarea-input-field',\r\n    styleUrl: 'gb-textarea-input-field.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTextareaInputField {\r\n    @Prop() type: 'default' | 'tags';\r\n    @Prop() destructive: boolean;\r\n    @Prop() state: 'placeholder' | 'disabled';\r\n    @Prop() showPlaceholder: boolean;\r\n    @Prop() placeholder: string = '';\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        \r\n        if(this.type === 'default') {\r\n            return (\r\n                <div class={{\r\n                    destructive: this.destructive\r\n                }}>\r\n                    <div class=\"input-with-label\">\r\n                        <label>{this.label}</label>\r\n                        <div class=\"input-container\">\r\n                        <textarea placeholder={this.placeholder}></textarea>\r\n                        </div>\r\n                    </div>\r\n                    {this.showHintText && (\r\n                        <div>{this.hintText}</div>\r\n                    )}\r\n                </div>\r\n            );\r\n        }\r\n        if(this.type === 'tags') {\r\n            return (\r\n                <div class={{\r\n                    destructive: this.destructive\r\n                }}>\r\n                    <div class=\"input-with-label\">\r\n                        <label>{this.label}</label>\r\n                        <div class=\"input-container\">\r\n                            <div class=\"content\">\r\n                                <div class=\"tags\">\r\n                                    <slot name=\"tag\"></slot>\r\n                                </div>\r\n                                <input class=\"search-text\"></input>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {this.showHintText && (\r\n                        <div>{this.hintText}</div>\r\n                    )}\r\n                </div>\r\n            );\r\n        }\r\n        \r\n    }\r\n}"]}