globuswebcomponents 0.2.6 → 0.2.8

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

@@ -0,0 +1,44 @@
+import { h } from "@stencil/core";
+export class GbScrollbar {
+    constructor() {
+        this.length = '25%';
+    }
+    render() {
+        return (h("div", { key: '9bd66cd867cf1e20976f5ea0a38f02e39952313c', class: "scrollbar-container" }, h("div", { key: '2316962e5fd5b61023e7dbc56d7dc837ff1a210f', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'c18695a5af4ccc6b42f9d9ef4f6e0e8f72d6504e' }))));
+    }
+    static get is() { return "gb-scrollbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-scrollbar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-scrollbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "length": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'25%' | '50%' | '75%'",
+                    "resolved": "\"25%\" | \"50%\" | \"75%\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "length",
+                "reflect": false,
+                "defaultValue": "'25%'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-scrollbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-scrollbar.js","sourceRoot":"","sources":["../../../src/components/gb-scrollbar/gb-scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;;sBAEkB,KAAK;;IAE7C,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,qBAAqB;YAC9B,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;gBACnD,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-scrollbar',\r\n  styleUrl: 'gb-scrollbar.css',\r\n  shadow: true,\r\n})\r\nexport class GbScrollbar {\r\n  // Prop to accept length value (25%, 50%, or 75%)\r\n  @Prop() length: '25%' | '50%' | '75%' = '25%';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"scrollbar-container\">\r\n        <div class=\"scrollbar\" style={{ height: this.length }}>\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}