globuswebcomponents 0.6.3 → 0.6.4

package/dist/collection/components/gb-rich-text/gb-rich-text.js

@@ -0,0 +1,173 @@
+import { h } from "@stencil/core";
+export class GbRichText {
+    constructor() {
+        this.state = undefined;
+        this.destructive = undefined;
+        this.showLabel = undefined;
+        this.label = undefined;
+        this.showPlaceholder = undefined;
+        this.placeholder = undefined;
+        this.showHintText = undefined;
+        this.hintText = undefined;
+    }
+    render() {
+        const classes = {
+            destructive: this.destructive,
+            disabled: this.state === 'disabled'
+        };
+        return (h("div", { key: '8df669d680c1b8e463109adab0e1358e6fcdd466', class: classes }, h("div", { key: '40170a5167746223016a61156b9ba9e0eafa704a', class: "input-with-label" }, h("label", { key: 'f0a8bf99e86cae911cd40d7e4185f53f38753c0c' }, this.label), h("div", { key: '5d4918cd2750d6874ec734e230a601f7fc1fa69a', class: "input-container" }, h("div", { key: '1e17138eb01efb14b1e57104b0a67a73d0c7a93b', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '14969fb898ffeeed7a9ce4c0644437746848c881', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: 'ecc995d2db6c4024856b545003feee88e5205d97', class: "error-icon" }, h("svg", { key: '757ade9ff0021f8a224b54e77957f65a31caaf16', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0f4a7b5ae820a955f64d2e99c172e1a74a8f1bd1', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'df22dc5810c097340fa42940415928ef12c9b615', class: "text-container" }, h("textarea", { key: '3d9ee2ff949f0d245aa54b1e5f84c83687be5103' }, this.showPlaceholder && (h("div", { key: '412fcbf28b8a502ceabfd33652e40a1e3e2d2880' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'cfa4e59e675eeeaf306dfe7a54ab92b57af6a7f7', class: "hint-text" }, this.hintText))));
+    }
+    static get is() { return "gb-rich-text"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-rich-text.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-rich-text.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            },
+            "destructive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "destructive",
+                "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
+            },
+            "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
+            },
+            "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-rich-text.js.map

package/dist/collection/components/gb-rich-text/gb-rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-rich-text.js","sourceRoot":"","sources":["../../../src/components/gb-rich-text/gb-rich-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,UAAU;;;;;;;;;;;IAUnB,MAAM;QAEF,MAAM,OAAO,GAAG;YACZ,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;SACtC,CAAA;QAED,OAAM,CACF,4DAAK,KAAK,EAAE,OAAO;YACf,4DAAK,KAAK,EAAC,kBAAkB;gBACzB,gEAAQ,IAAI,CAAC,KAAK,CAAS;gBAC3B,4DAAK,KAAK,EAAC,iBAAiB;oBACxB,4DAAK,KAAK,EAAC,mBAAmB;wBAC1B,2EACA,UAAU,EAAC,SAAS,EACpB,IAAI,QACJ,MAAM,QACN,EAAE,QACF,EAAE,QACF,KAAK,QACL,IAAI,QACJ,KAAK,QACL,UAAU,QACV,UAAU,SACY,CACpB;oBACL,IAAI,CAAC,WAAW,IAAI,CACjB,6DAAM,KAAK,EAAC,YAAY;wBACpB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4BAC1F,6DAAM,CAAC,EAAC,iOAAiO,EAAC,MAAM,EAAC,SAAS,kBAAc,SAAS,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAChU,CACH,CACV;oBACD,4DAAK,KAAK,EAAC,gBAAgB;wBACvB,mEACK,IAAI,CAAC,eAAe,IAAI,CACrB,8DAAM,IAAI,CAAC,WAAW,CAAO,CAChC,CACM,CACT,CACJ,CACJ;YACL,IAAI,CAAC,YAAY,IAAI,CAClB,4DAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAO,CAC/C,CACC,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-rich-text',\r\n    styleUrl: 'gb-rich-text.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbRichText {\r\n    @Prop() state: 'default' | 'disabled';\r\n    @Prop() destructive: boolean;\r\n    @Prop() showLabel: boolean;\r\n    @Prop() label: string;\r\n    @Prop() showPlaceholder: boolean;\r\n    @Prop() placeholder: string;\r\n    @Prop() showHintText: boolean;\r\n    @Prop() hintText: string;\r\n\r\n    render() {\r\n\r\n        const classes = {\r\n            destructive: this.destructive,\r\n            disabled: this.state === 'disabled'\r\n        }\r\n\r\n        return(\r\n            <div class={classes}>\r\n                <div class=\"input-with-label\">\r\n                    <label>{this.label}</label>\r\n                    <div class=\"input-container\">\r\n                        <div class=\"toolbar-container\">\r\n                            <gb-wysiwyg-toolbar \r\n                            breakpoint=\"desktop\"\r\n                            bold\r\n                            italic\r\n                            h1\r\n                            h2\r\n                            quote\r\n                            link\r\n                            image\r\n                            bulletList\r\n                            numberList\r\n                            ></gb-wysiwyg-toolbar>\r\n                        </div>\r\n                        {this.destructive && (\r\n                            <span class=\"error-icon\">\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z\" stroke=\"#B51726\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                                </svg>\r\n                            </span>\r\n                        )}\r\n                        <div class=\"text-container\">\r\n                            <textarea>\r\n                                {this.showPlaceholder && (\r\n                                    <div>{this.placeholder}</div>\r\n                                )}\r\n                            </textarea>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {this.showHintText && (\r\n                    <div class=\"hint-text\">{this.hintText}</div>\r\n                )}\r\n            </div>\r\n        )\r\n    }\r\n}"]}