globuswebcomponents 0.7.2 → 0.7.4

package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js

@@ -0,0 +1,79 @@
+import { h, Fragment } from "@stencil/core";
+import { StateEnum } from "../../models/reusableModels";
+export class GbExportDropdown {
+    constructor() {
+        this.state = undefined;
+        this.showFirstSubDropdown = false;
+        this.showSecondSubDropdown = false;
+    }
+    async onExportClicked(index) {
+        this.exportClicked.emit(index);
+    }
+    render() {
+        return (h(Fragment, null, h("div", { key: '9459bea1a3f3b9ffbcc29faaee104a7b478bc7a9', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: 'abfb3b985dc44b9ff259176c77452836c6b1e38e', type: "pdf", state: StateEnum.Default, onClick: () => this.onExportClicked(0), onMouseOver: () => this.showFirstSubDropdown = true, onMouseOut: () => this.showFirstSubDropdown = false }), h("gb-export-dropdown-item", { key: 'e09ad2efec7d2c5529e981d303338fc9e0686d9a', type: "csv", state: StateEnum.Default, onClick: () => this.onExportClicked(1) })), this.showFirstSubDropdown && h("gb-export-sub-dropdown", { key: '686f6ccb340b66260e15b5a00b4b5da55fc79531', class: `first_dropdown`, onMouseOver: () => this.showFirstSubDropdown = true, onMouseOut: () => this.showFirstSubDropdown = false }), this.showSecondSubDropdown && h("gb-export-sub-dropdown", { key: 'bf7b345cebb2cf23f23911d6061e7985300dd2b8', class: `second_dropdown` })));
+    }
+    static get is() { return "gb-export-dropdown"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-export-dropdown.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-export-dropdown.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "StateEnum",
+                    "resolved": "StateEnum.Default | StateEnum.Disabled",
+                    "references": {
+                        "StateEnum": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::StateEnum"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showFirstSubDropdown": {},
+            "showSecondSubDropdown": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "exportClicked",
+                "name": "exportClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=gb-export-dropdown.js.map

package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-export-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-export-dropdown/gb-export-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,OAAO,gBAAgB;;;oCAEc,KAAK;qCACJ,KAAK;;IAG/C,KAAK,CAAC,eAAe,CAAC,KAAa;QACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,4DAAK,KAAK,EAAE,iBAAiB;gBAC3B,gFACA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,CAAC,OAAO,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACtC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,EACnD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,GACxB;gBAC3B,gFAAyB,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAA4B,CAC5H;YACL,IAAI,CAAC,oBAAoB,IAAI,+EAAwB,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,GAA2B;YACjN,IAAI,CAAC,qBAAqB,IAAI,+EAAwB,KAAK,EAAE,iBAAiB,GAA2B,CACzG,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State, Fragment } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-export-dropdown',\r\n  styleUrl: 'gb-export-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportDropdown {\r\n  @Prop() state: StateEnum;\r\n  @State() showFirstSubDropdown: boolean = false;\r\n  @State() showSecondSubDropdown: boolean = false;\r\n  @Event() exportClicked: EventEmitter<number>;\r\n\r\n  async onExportClicked(index: number) {\r\n    this.exportClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <div class={`export_dropdown`}>\r\n          <gb-export-dropdown-item \r\n          type=\"pdf\" state={StateEnum.Default} \r\n          onClick={() => this.onExportClicked(0)} \r\n          onMouseOver={() => this.showFirstSubDropdown = true} \r\n          onMouseOut={() => this.showFirstSubDropdown = false}\r\n          ></gb-export-dropdown-item>\r\n          <gb-export-dropdown-item type=\"csv\" state={StateEnum.Default} onClick={() => this.onExportClicked(1)}></gb-export-dropdown-item>\r\n        </div>\r\n        {this.showFirstSubDropdown && <gb-export-sub-dropdown class={`first_dropdown`} onMouseOver={() => this.showFirstSubDropdown = true} onMouseOut={() => this.showFirstSubDropdown = false}></gb-export-sub-dropdown>}\r\n        {this.showSecondSubDropdown && <gb-export-sub-dropdown class={`second_dropdown`}></gb-export-sub-dropdown>}\r\n      </>\r\n    );\r\n  }\r\n}"]}