globuswebcomponents 0.3.9 → 0.4.1

package/dist/collection/components/gb-password-button/gb-password-button.js

@@ -0,0 +1,58 @@
+import { h } from "@stencil/core";
+export class GbPasswordButton {
+    constructor() {
+        this.isPasswordVisible = false;
+        this.state = undefined;
+    }
+    togglePasswordVisibility() {
+        this.isPasswordVisible = !this.isPasswordVisible;
+    }
+    render() {
+        return (h("div", { key: 'd820755627599e39e4443b9c956de1e601178bcd' }, h("gb-btn", { key: 'b15e7551fe0c1ebc3e6bac751d7f66c209557d6d', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+    }
+    static get is() { return "gb-password-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-password-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-password-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "StateEnum",
+                    "resolved": "StateEnum.Default | StateEnum.Disabled",
+                    "references": {
+                        "StateEnum": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::StateEnum"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isPasswordVisible": {}
+        };
+    }
+}
+//# sourceMappingURL=gb-password-button.js.map

package/dist/collection/components/gb-password-button/gb-password-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-password-button.js","sourceRoot":"","sources":["../../../src/components/gb-password-button/gb-password-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQ1D,MAAM,OAAO,gBAAgB;;iCACW,KAAK;;;IAG3C,wBAAwB;QACtB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;IACnD,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,+DAAQ,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IACnG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACxB,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACzE,oBAAW,CACD,CACb,CAAC,CAAC,CAAC,CACF,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACzE,oBAAW,CACD,CACb,CACM,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\nimport { StateEnum } from '../../components';\r\n\r\n@Component({\r\n  tag: 'gb-password-button',\r\n  styleUrl: 'gb-password-button.css',\r\n  shadow: true\r\n})\r\nexport class GbPasswordButton {\r\n  @State() isPasswordVisible: boolean = false;\r\n  @Prop() state: StateEnum;\r\n\r\n  togglePasswordVisibility() {\r\n    this.isPasswordVisible = !this.isPasswordVisible;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <gb-btn size=\"sm\" hierarchy=\"link_gray\" state=\"default\" onClick={() => this.togglePasswordVisibility()}>\r\n          {this.isPasswordVisible ? (\r\n            <gb-button size=\"sm\" hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n              <p>HIDE</p>\r\n            </gb-button>\r\n          ) : (\r\n            <gb-button size=\"sm\" hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n              <p>SHOW</p>\r\n            </gb-button>\r\n          )}\r\n        </gb-btn>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '887bbd89f3f73e7070cd11fb54a05778282985a5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '81351301a3d8023cd8fe6c9f6025a9995b00ff05', class: "progress_bar" }, h("div", { key: 'aaddac52237a267e6228fe9413c92c7d822d7803', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'fd0f74e78749803ea6ec2c33859551d347aadc05', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2cd6429310dc92355f4631dd3e8fdd82245c155f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4cc6eef221a8c05290ecb4de12589da342fe0ad1', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'faed6e3d776bbfe840139c82cb89ca8cdb56a442', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '65ec81f1202fb9131035b42aedeffe635a2d17a6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'd2d4fec57dab3b7adc7e7e58310615424ca5c2f9', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '7b878bc86d33558b107a61b0e194e087575a4d8a', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '2ca4f762f24955fb8064942a386d1ba6f03de282', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '114e0d306dfdd04941f64ca75fa52833c60ac575', class: "progress_bar" }, h("div", { key: '0f17f894ef4d021e18e03b49658b31e991701cc0', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c18f2ffd256e33a2893c82f76284be01c9de328d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'bf470f3960033d7ecb5d16f7111af15d03d3c367', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a9e50807a951ec9a156bea03167fcbe1b490fd3e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'de4b8184c62c31403631c7c9faf07cd284b1c738', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '3a21082cc1e4bc34b4b31c845cd4e46310a5f426', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'fb1d3844c69c5ca0e37e6543a0298243ac25cb8d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'a2aa5a4309f46ec677b99429460e4c02cf355e45', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

@@ -7,7 +7,7 @@ export class GbProgressCircle {
         this.progress = 0;
     }
     render() {
-        return (h("div", { key: '03923dea26369ad2a6f62f9c6ae7be6797b46864', class: "progress" }, h("svg", { key: '902bb2775d1cb5815b1c61c1b8b9ceeeecde9d26', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'd9bddc283d5f31f2574200aaa9bc4d532bc180e3', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: 'a241d3a8ee41d931338327b2608d3672dbeef17d', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: 'a3be7f94b9040fa78ea52a0459120ba659c9bd1a', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (h("div", { key: 'f5a5bd34beb1179b24810af7fc7d086452d801f2', class: "progress" }, h("svg", { key: 'ae271a52ddfea697638591da3781b785f18b20e3', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ef12bde384a834500c8bc608a759f34768d3c8c5', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '0d1a676f38841d23d5322fd5863fcdc5784d2360', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '7d30572417a85acd8fa35a259e6f5b2c2889067f', class: "progress-text", "data-progress": "0" }, "50%")));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }