globuswebcomponents 0.6.3 → 0.6.4

package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.js

@@ -0,0 +1,223 @@
+import { h } from "@stencil/core";
+export class GbWysiwygToolbar {
+    constructor() {
+        this.breakpoint = undefined;
+        this.fontSelector = undefined;
+        this.bold = undefined;
+        this.italic = undefined;
+        this.h1 = undefined;
+        this.h2 = undefined;
+        this.quote = undefined;
+        this.link = undefined;
+        this.image = undefined;
+        this.bulletList = undefined;
+        this.numberList = undefined;
+    }
+    render() {
+        return (h("div", { key: '1e4d1718c8bec9e9e262197801fc427b2634c462', class: this.breakpoint }, this.fontSelector && (h("gb-input-dropdown", { key: '57ae7fa538c7ce67e1d89848ba2226e8b5a29e88', size: "sm" })), h("div", { key: 'd992ae1263aa002fa15a7d0cbb71807a30d5c7a1', class: "icons" }, this.bold && (h("gb-wysiwyg-editor-icon", { key: '4e19915bea8577b53a9cc252694bcbf62fc0411b', type: "bold" })), this.italic && (h("gb-wysiwyg-editor-icon", { key: '2314b5c48980359e5784465ca4bd28697b4b15e9', type: "italic" })), this.h1 && (h("gb-wysiwyg-editor-icon", { key: 'fd8a77b0e7cc2845a820f5864b9635e1dc4a9f46', type: "H1" })), this.h2 && (h("gb-wysiwyg-editor-icon", { key: '6567ac6e51cde80e6135b9df11b736de57fba064', type: "H2" })), this.quote && (h("gb-wysiwyg-editor-icon", { key: '8d118bb99b241eb8932884ef9dcd6f315dc38791', type: "quote" })), this.link && (h("gb-wysiwyg-editor-icon", { key: 'fde7745f69aeb5795d96c1abd38f0df0c193595c', type: "link" })), this.image && (h("gb-wysiwyg-editor-icon", { key: '68bf3d2c45b88527640e405a1fffe3e3bcf123b8', type: "photo" })), this.bulletList && (h("gb-wysiwyg-editor-icon", { key: 'db65182902f71d8abda0634396d82f5849508a82', type: "list_bullet" })), this.numberList && (h("gb-wysiwyg-editor-icon", { key: '3d2570ac160c361c2a36b1aa696b80716a935d3a', type: "list_numbers" })))));
+    }
+    static get is() { return "gb-wysiwyg-toolbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-toolbar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-toolbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'desktop' | 'mobile'",
+                    "resolved": "\"desktop\" | \"mobile\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            },
+            "fontSelector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-selector",
+                "reflect": false
+            },
+            "bold": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bold",
+                "reflect": false
+            },
+            "italic": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "italic",
+                "reflect": false
+            },
+            "h1": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "h-1",
+                "reflect": false
+            },
+            "h2": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "h-2",
+                "reflect": false
+            },
+            "quote": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "quote",
+                "reflect": false
+            },
+            "link": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "link",
+                "reflect": false
+            },
+            "image": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "image",
+                "reflect": false
+            },
+            "bulletList": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bullet-list",
+                "reflect": false
+            },
+            "numberList": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "number-list",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-WYSIWYG-toolbar.js.map

package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-WYSIWYG-toolbar.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB;;;;;;;;;;;;;;IAazB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,IAAI,CAAC,YAAY,IAAI,CAClB,0EAAmB,IAAI,EAAC,IAAI,GAAqB,CACpD;YACD,4DAAK,KAAK,EAAC,OAAO;gBACb,IAAI,CAAC,IAAI,IAAI,CACV,+EAAwB,IAAI,EAAC,MAAM,GAA0B,CAChE;gBACA,IAAI,CAAC,MAAM,IAAI,CACZ,+EAAwB,IAAI,EAAC,QAAQ,GAA0B,CAClE;gBACA,IAAI,CAAC,EAAE,IAAG,CACP,+EAAwB,IAAI,EAAC,IAAI,GAA0B,CAC9D;gBACA,IAAI,CAAC,EAAE,IAAI,CACR,+EAAwB,IAAI,EAAC,IAAI,GAA0B,CAC9D;gBACA,IAAI,CAAC,KAAK,IAAI,CACX,+EAAwB,IAAI,EAAC,OAAO,GAA0B,CACjE;gBACA,IAAI,CAAC,IAAI,IAAI,CACV,+EAAwB,IAAI,EAAC,MAAM,GAA0B,CAChE;gBACA,IAAI,CAAC,KAAK,IAAI,CACX,+EAAwB,IAAI,EAAC,OAAO,GAA0B,CACjE;gBACA,IAAI,CAAC,UAAU,IAAI,CAChB,+EAAwB,IAAI,EAAC,aAAa,GAA0B,CACvE;gBACA,IAAI,CAAC,UAAU,IAAI,CAChB,+EAAwB,IAAI,EAAC,cAAc,GAA0B,CACxE,CACC,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-wysiwyg-toolbar',\r\n    styleUrl: 'gb-WYSIWYG-toolbar.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygToolbar {\r\n    @Prop() breakpoint: 'desktop' | 'mobile';\r\n    @Prop() fontSelector: boolean;\r\n    @Prop() bold: boolean;\r\n    @Prop() italic: boolean;\r\n    @Prop() h1: boolean;\r\n    @Prop() h2: boolean;\r\n    @Prop() quote: boolean;\r\n    @Prop() link: boolean;\r\n    @Prop() image: boolean;\r\n    @Prop() bulletList: boolean;\r\n    @Prop() numberList: boolean;\r\n\r\n    render() {\r\n        return (\r\n            <div class={this.breakpoint}>\r\n                {this.fontSelector && (\r\n                    <gb-input-dropdown size=\"sm\"></gb-input-dropdown>\r\n                )}\r\n                <div class=\"icons\">\r\n                    {this.bold && (\r\n                        <gb-wysiwyg-editor-icon type=\"bold\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.italic && (    \r\n                        <gb-wysiwyg-editor-icon type=\"italic\"></gb-wysiwyg-editor-icon>\r\n                    )}    \r\n                    {this.h1 &&(\r\n                        <gb-wysiwyg-editor-icon type=\"H1\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.h2 && (\r\n                        <gb-wysiwyg-editor-icon type=\"H2\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.quote && (\r\n                        <gb-wysiwyg-editor-icon type=\"quote\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.link && (\r\n                        <gb-wysiwyg-editor-icon type=\"link\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.image && (\r\n                        <gb-wysiwyg-editor-icon type=\"photo\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.bulletList && (\r\n                        <gb-wysiwyg-editor-icon type=\"list_bullet\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.numberList && (\r\n                        <gb-wysiwyg-editor-icon type=\"list_numbers\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

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

@@ -0,0 +1,65 @@
+import { h } from "@stencil/core";
+export class GbWysiwygTooltip {
+    constructor() {
+        this.arrow = undefined;
+        this.breakpoint = undefined;
+    }
+    render() {
+        const classes = {
+            [this.arrow]: true,
+            [this.breakpoint]: true
+        };
+        return (h("div", { key: '6049be630ceadccdbe472fca100f7f8bb8bc855d', class: classes }, h("div", { key: '37c7f18c5deef18ed76ece14e035156a2c629aa2', class: "container" }, h("div", { key: '297759a3248df960155d7d53d1e165865c6ff6da', class: "icons" }, h("gb-wysiwyg-editor-icon", { key: 'a7323977c09557261a4c358e6392534007c9f0ba', type: "bold" }), h("gb-wysiwyg-editor-icon", { key: '5f7a5f29db072c1014ce322b1d1522a1aef8b1e7', type: "italic" }), h("gb-wysiwyg-editor-icon", { key: '43a53d7d728f0da412ba3085d9101a20f07c9d95', type: "H1" }), h("gb-wysiwyg-editor-icon", { key: '35c2082c7aa9e5de64803b133cd598c54fa1e4ad', type: "H2" }), h("gb-wysiwyg-editor-icon", { key: '0fd5faa61a5cfae75278f1c083775cda62ae26c8', type: "quote" }), h("gb-wysiwyg-editor-icon", { key: '0c8b8e17374603897577f298e43ca614f6cfd7c9', type: "link" }), h("gb-wysiwyg-editor-icon", { key: '0a3f8c38f80fae9b962f6a74002fa63689b55073', type: "photo" }), h("gb-wysiwyg-editor-icon", { key: '814d11cab8231663ea74a244b148e62b64937b3a', type: "list_bullet" }), h("gb-wysiwyg-editor-icon", { key: 'a2db4e0a1a599688bd04ab2425656b571ccae796', type: "list_numbers" })), h("div", { key: 'c952767fd099bd03a0c8a273f8cf3ff3b6e7efa2', class: "tooltip-arrow" }, h("svg", { key: '29927566cb00085528e01bb36c14a3adda7daad6', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "9", viewBox: "0 0 18 9", fill: "none" }, h("path", { key: 'c39879e133b95b2716432ca36a7b778c717acf59', d: "M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z", fill: "white" }))))));
+    }
+    static get is() { return "gb-wysiwyg-tooltip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-tooltip"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "arrow": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'center' | 'left' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "arrow",
+                "reflect": false
+            },
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'mobile'",
+                    "resolved": "\"default\" | \"mobile\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-WYSIWYG-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-WYSIWYG-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG-tooltip/gb-WYSIWYG-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB;;;;;IAIzB,MAAM;QAEF,MAAM,OAAO,GAAE;YACX,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI;SAC1B,CAAA;QAED,OAAM,CACF,4DAAK,KAAK,EAAE,OAAO;YACf,4DAAK,KAAK,EAAC,WAAW;gBAClB,4DAAK,KAAK,EAAC,OAAO;oBACd,+EAAwB,IAAI,EAAC,MAAM,GAA0B;oBAC7D,+EAAwB,IAAI,EAAC,QAAQ,GAA0B;oBAC/D,+EAAwB,IAAI,EAAC,IAAI,GAA0B;oBAC3D,+EAAwB,IAAI,EAAC,IAAI,GAA0B;oBAC3D,+EAAwB,IAAI,EAAC,OAAO,GAA0B;oBAC9D,+EAAwB,IAAI,EAAC,MAAM,GAA0B;oBAC7D,+EAAwB,IAAI,EAAC,OAAO,GAA0B;oBAC9D,+EAAwB,IAAI,EAAC,aAAa,GAA0B;oBACpE,+EAAwB,IAAI,EAAC,cAAc,GAA0B,CACnE;gBACN,4DAAK,KAAK,EAAC,eAAe;oBACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM;wBACxF,6DAAM,CAAC,EAAC,8GAA8G,EAAC,IAAI,EAAC,OAAO,GAAE,CACnI,CACJ,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-wysiwyg-tooltip',\r\n    styleUrl: 'gb-WYSIWYG-tooltip',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygTooltip {\r\n    @Prop() arrow: 'center' | 'left' | 'right';\r\n    @Prop() breakpoint: 'default' | 'mobile';\r\n\r\n    render() {\r\n\r\n        const classes= {\r\n            [this.arrow]: true,\r\n            [this.breakpoint]: true    \r\n        }\r\n\r\n        return(\r\n            <div class={classes}>\r\n                <div class=\"container\">\r\n                    <div class=\"icons\">\r\n                        <gb-wysiwyg-editor-icon type=\"bold\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"italic\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"H1\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"H2\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"quote\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"link\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"photo\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"list_bullet\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"list_numbers\"></gb-wysiwyg-editor-icon>\r\n                    </div>\r\n                    <div class=\"tooltip-arrow\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"9\" viewBox=\"0 0 18 9\" fill=\"none\">\r\n                            <path d=\"M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z\" fill=\"white\"/>\r\n                        </svg>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/gb-WYSIWYG-tooltip/gb-WYSIWYG-tooltip.tsx

@@ -0,0 +1,43 @@
+import { Component, Prop, h } from "@stencil/core";
+
+@Component({
+    tag: 'gb-wysiwyg-tooltip',
+    styleUrl: 'gb-WYSIWYG-tooltip',
+    shadow: true
+})
+
+export class GbWysiwygTooltip {
+    @Prop() arrow: 'center' | 'left' | 'right';
+    @Prop() breakpoint: 'default' | 'mobile';
+
+    render() {
+
+        const classes= {
+            [this.arrow]: true,
+            [this.breakpoint]: true    
+        }
+
+        return(
+            <div class={classes}>
+                <div class="container">
+                    <div class="icons">
+                        <gb-wysiwyg-editor-icon type="bold"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="italic"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="H1"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="H2"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="quote"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="link"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="photo"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="list_bullet"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="list_numbers"></gb-wysiwyg-editor-icon>
+                    </div>
+                    <div class="tooltip-arrow">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="9" viewBox="0 0 18 9" fill="none">
+                            <path d="M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z" fill="white"/>
+                        </svg>
+                    </div>
+                </div>
+            </div>
+        )
+    }
+}