@amiceli/papierjs 0.1.0 → 0.3.0

package/dist/collection/components/badge/badge.js

@@ -0,0 +1,82 @@
+import { h } from "@stencil/core";
+export class Alert {
+    constructor() {
+        this.type = undefined;
+        this.dark = false;
+    }
+    getParentClass() {
+        let cssClass = `papier`;
+        if (this.dark) {
+            cssClass = `${cssClass} is--dark`;
+        }
+        return cssClass;
+    }
+    getClass() {
+        return `badge ${this.type || ''}`;
+    }
+    render() {
+        return (h("span", { key: '8947da087996ec478bcc59b0c878c203cbe4ff10', class: this.getParentClass() }, h("span", { key: 'fc50c11ce3ed7c7ffe89c386f13f8a5613ead19f', class: this.getClass() }, h("slot", { key: '3b4f74d27a93595c92acec9522e963f5fbd9af01' }))));
+    }
+    static get is() { return "p-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeColor",
+                    "resolved": "\"danger\" | \"secondary\" | \"success\" | \"warning\"",
+                    "references": {
+                        "BadgeColor": {
+                            "location": "global",
+                            "id": "global::BadgeColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dark",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=badge.js.map

package/dist/collection/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AASlD,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAE7B,SAAI,GAAa,KAAK,CAAA;KAyBzB;IAvBU,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,QAAQ;QACX,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC9B,6DAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACxB,8DAAQ,CACL,CACJ,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from '@stencil/core'\n\ntype BadgeColor = 'secondary' | 'success' | 'warning' | 'danger'\n\n@Component({\n    tag: 'p-badge',\n    styleUrl: 'badge.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    type?: BadgeColor = undefined\n    @Prop()\n    dark?: boolean = false\n\n    public getParentClass() {\n        let cssClass = `papier`\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public getClass() {\n        return `badge ${this.type || ''}`\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                <span class={this.getClass()}>\n                    <slot />\n                </span>\n            </span>\n        )\n    }\n}\n"]}