globuswebcomponents 0.2.6 → 0.2.8

package/dist/collection/components/gb-input-dropdown-menu/input-dropdown-menu.js

@@ -0,0 +1,130 @@
+import { Host, h } from "@stencil/core";
+import { StateEnum } from "../../models/reusableModels";
+export class GbInputDropdownMenuItem {
+    constructor() {
+        this.type = undefined;
+        this.supportingText = false;
+        this.selected = false;
+        this.state = 'default';
+        this.checkboxStates = undefined;
+    }
+    render() {
+        return (h(Host, { key: 'cea0520e72c1a5c60363385063fe50633ae6e925', class: {
+                'dropdown-item': true,
+                'dropdown-item--selected': this.selected,
+                'dropdown-item--disabled': this.state === 'disabled',
+                [this.type]: true,
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, this.type === 'icon_leading' && (h("svg", { key: 'a6a4e25d38c5ad61527a390564919cede8ed0e39', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '10ec1a1359b13ac96d09f46ccbd4788f0b7b0fa1', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), h("path", { key: '5bf2022240b0cf56f8054bb94e55001a8d20af26', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (h("gb-avatar", { key: 'f04c62bcd1eac7dcbdeaed31689def2009c321d3', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: 'f2a37b64d8963a28c10a4a6b28a7f12146b40137', name: 'image', slot: 'image' }))), this.type === 'dot_leading' && (h("svg", { key: '16547e93c80cb29f7de785188cd9645401f36a6a', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { key: 'ff1859e524820a5db64fb22e63e9ee827539ce98', cx: "5", cy: "5", r: "4", fill: "#17B26A" }))), this.type === 'checkbox' && (h("gb-checkbox", { key: '546a408d2e38bf5fa5ff14ca058917b061828720', class: "checkbox", size: "sm", type: 'checkbox', state: StateEnum.Default })), h("div", { key: '3a4b86901a3fff327c3a030cfb1f0cb5b3bcedbc', class: "text" }, h("slot", { key: '769405fb19ceb0ed33cdd414d7435628f74b6aaa', name: "main_text" }), this.supportingText && (h("span", { key: '4cbc793afca5a6b3e12c6cbcdd01a31d2b2d5aaf' }, h("slot", { key: 'e9af3e8b3927824390e0f188e7a14ab72e9d64ca', name: "supporting_text" })))), this.selected && (h("svg", { key: '07062a0149197764bcaddf4e1b7cf20f11bfd509', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a0217d686a0a82570f5a8dda3c4f4f19bacf4cdf', d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+    static get is() { return "gb-input-dropdown-menu-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["input-dropdown-menu.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["input-dropdown-menu.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox'",
+                    "resolved": "\"avatar_leading\" | \"checkbox\" | \"dot_leading\" | \"icon_leading\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "supportingText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "supporting-text",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "selected",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "checkboxStates": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CheckBoxStates",
+                    "resolved": "CheckBoxStates.Default | CheckBoxStates.Disabled",
+                    "references": {
+                        "CheckBoxStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::CheckBoxStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "checkbox-states",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=input-dropdown-menu.js.map

package/dist/collection/components/gb-input-dropdown-menu/input-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-dropdown-menu.js","sourceRoot":"","sources":["../../../src/components/gb-input-dropdown-menu/input-dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAkB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAQxE,MAAM,OAAO,uBAAuB;;;8BAEE,KAAK;wBACX,KAAK;qBACO,SAAS;;;IAGjD,MAAM;QACF,OAAO,CACH,EAAC,IAAI,qDACD,KAAK,EAAE;gBACP,eAAe,EAAE,IAAI;gBACrB,yBAAyB,EAAE,IAAI,CAAC,QAAQ;gBACxC,yBAAyB,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;gBACpD,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;aAChB,EACD,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAChC,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAE1D,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,CAC7B,4DAAK,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;gBACpG,6DAAM,CAAC,EAAC,0QAA0Q,EAAC,MAAM,EAAC,SAAS,kBAAc,KAAK,GAAE;gBACxT,6DAAM,CAAC,EAAC,wLAAwL,EAAC,MAAM,EAAC,SAAS,kBAAc,KAAK,GAAE,CACpO,CACT;YACA,IAAI,CAAC,IAAI,KAAK,gBAAgB,IAAI,CAC/B,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,iBAAa,OAAO;gBACxD,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC/B,CACf;YACA,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,CAC5B,4DAAK,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;gBACxG,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAE,CAC1C,CACT;YACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CACzB,oEAAa,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,SAAS,CAAC,OAAO,GAAgB,CACnG;YACD,4DAAK,KAAK,EAAC,MAAM;gBACb,6DAAM,IAAI,EAAC,WAAW,GAAQ;gBAC7B,IAAI,CAAC,cAAc,IAAI,CACpB;oBAAM,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CAAO,CACpD,CACC;YACL,IAAI,CAAC,QAAQ,IAAI,CACd,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;gBAC1F,6DAAM,CAAC,EAAC,wGAAwG,EAAC,MAAM,EAAC,SAAS,kBAAc,SAAS,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CACvM,CACT,CACE,CACV,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEJ","sourcesContent":["import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport { CheckBoxStates, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-input-dropdown-menu-item',\r\n    styleUrl: 'input-dropdown-menu.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbInputDropdownMenuItem {\r\n    @Prop() type: 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox';\r\n    @Prop() supportingText: boolean = false;\r\n    @Prop() selected: boolean = false;\r\n    @Prop() state: 'default' | 'disabled' = 'default';\r\n    @Prop() checkboxStates : CheckBoxStates;\r\n\r\n    render() {\r\n        return (\r\n            <Host\r\n                class={{\r\n                'dropdown-item': true,\r\n                'dropdown-item--selected': this.selected,\r\n                'dropdown-item--disabled': this.state === 'disabled',\r\n                [this.type]: true,\r\n                }}\r\n                role=\"option\"\r\n                aria-selected={this.selected ? 'true' : 'false'}\r\n                aria-disabled={this.state === 'disabled' ? 'true' : 'false'}\r\n            >\r\n                {this.type === 'icon_leading' && (\r\n                    <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                        <path d=\"M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\" stroke=\"#4B5565\" stroke-width=\"1.5\"/>\r\n                        <path d=\"M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z\" stroke=\"#4B5565\" stroke-width=\"1.5\"/>\r\n                    </svg>\r\n                )}\r\n                {this.type === 'avatar_leading' && (\r\n                    <gb-avatar class=\"avatar-icon\" size=\"xs\" status-icon=\"false\">\r\n                        <slot name='image' slot='image'></slot>\r\n                    </gb-avatar>\r\n                )}\r\n                {this.type === 'dot_leading' && (\r\n                    <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" fill=\"none\">\r\n                        <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#17B26A\"/>\r\n                    </svg>\r\n                )}\r\n                {this.type === 'checkbox' && (\r\n                    <gb-checkbox class=\"checkbox\" size=\"sm\" type='checkbox' state={StateEnum.Default}></gb-checkbox>\r\n                )}\r\n                <div class=\"text\">\r\n                    <slot name=\"main_text\"></slot>\r\n                    {this.supportingText && (\r\n                        <span><slot name=\"supporting_text\"></slot></span>\r\n                    )}\r\n                </div>\r\n                {this.selected && (\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                        <path d=\"M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337\" stroke=\"#075DB2\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n                )}\r\n            </Host>\r\n        );\r\n    }\r\n    \r\n}"]}