globuswebcomponents 0.6.2 → 0.6.3

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

@@ -1,140 +0,0 @@
-import { getAssetPath, h } from "@stencil/core";
-export class GbTag {
-    constructor() {
-        this.size = undefined;
-        this.icon = undefined;
-        this.action = undefined;
-        this.flagSwap = undefined;
-        this.checkbox = undefined;
-    }
-    async onTagClose() {
-        // console.log('close tag clicked');
-    }
-    render() {
-        const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: '18eb5382f4b028064ad44bf6242fae56a3d728d3', class: `container ${this.size}` }, h("div", { key: 'fa558ee99e0f7a724c57664172e76b46c7063ff1', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '17c83983475405d469b4e9b422b4ef90d20c82cd', size: this.size }), this.icon === 'country' && (h("div", { key: 'd304f419f4a4033881f2e9f6d79ca3e173fcdd05', class: "icon left-icon" }, h("img", { key: '0de6a508b0d608f74ddd5db3dfb0a7063ecb8e7b', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '2b63f9f51284598629d59be00d21ea4761f30660', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'c79038293d6a0b1d761cb2d3a1102536045c6cee', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '980f769ce6fbe50c1bac7d9897af4a851c55d793', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'd49c1912f808471cca0aa48a0fe4c327dd902504', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '1deedef67e5367c90012bc964a75e2af133a6278' }), this.action === 'count' && (h("gb-tag-count", { key: 'b98004e1895c7dc59642045f9fa46cd4a968e597', size: this.size }, h("slot", { key: '0a682271d84c6b1b22629e7b5f3016a9d6f3f131', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'e33e2828633036e672b430230099662c4041da97', size: this.size, onClick: () => this.onTagClose() })));
-    }
-    static get is() { return "gb-tag"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gb-tag.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gb-tag.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'sm' | 'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'country' | 'avatar' | 'dot'",
-                    "resolved": "\"avatar\" | \"country\" | \"dot\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "icon",
-                "reflect": false
-            },
-            "action": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'X_close' | 'text_only' | 'count'",
-                    "resolved": "\"X_close\" | \"count\" | \"text_only\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "action",
-                "reflect": false
-            },
-            "flagSwap": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "flag-swap",
-                "reflect": false
-            },
-            "checkbox": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "checkbox",
-                "reflect": false
-            }
-        };
-    }
-    static get methods() {
-        return {
-            "onTagClose": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=gb-tag.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,oCAAoC;IACtC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC;QAE7D,OAAO,CACL,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;YAClC,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;gBAC/B,IAAI,CAAC,QAAQ,IAAI,wEAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAoB;gBACrE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG,CACrC,CACP;gBACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM;oBACpF,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACb;gBACA,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBACxF,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP;gBACD,8DAAa;gBACZ,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAC1B,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI;oBAC3B,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1B,CAChB,CACG;YACL,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAiB,CAC1G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-tag',\r\n  styleUrl: 'gb-tag.css',\r\n  shadow: true,\r\n})\r\nexport class GbTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg';\r\n  @Prop() icon?: 'country' | 'avatar' | 'dot';\r\n  @Prop() action: 'X_close' | 'text_only' | 'count';\r\n  @Prop() flagSwap: string;\r\n  @Prop() checkbox?: boolean;\r\n\r\n  @Method()\r\n  async onTagClose() {\r\n    // console.log('close tag clicked');\r\n  }\r\n\r\n  render() {\r\n    const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);\r\n\r\n    return (\r\n      <div class={`container ${this.size}`}>\r\n        <div class={`content ${this.size}`}>\r\n          {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n          {this.icon === 'country' && (\r\n            <div class=\"icon left-icon\">\r\n              <img src={flagSwap} alt=\"Country Icon\" />\r\n            </div>\r\n          )}\r\n          {this.icon === 'avatar' && (\r\n            <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\" text={true} color=\"gray\">\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          )}\r\n          {this.icon === 'dot' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n              <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n            </svg>\r\n          )}\r\n          <slot></slot>\r\n          {this.action === 'count' && (\r\n            <gb-tag-count size={this.size}>\r\n              <slot slot=\"count\" name=\"count\"></slot>\r\n            </gb-tag-count>\r\n          )}\r\n        </div>\r\n        {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}