@amiceli/papierjs 0.1.0 → 0.2.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"]}

package/dist/collection/components/button/button.js

@@ -38,7 +38,7 @@ export class Button {
         return cssClass;
     }
     render() {
-        return (h("div", { key: '597893e05d6a5a2432e4a4aa0ec7ea4e5934c657', class: this.getParentClass() }, h("button", { key: '0fa7c40002b479f0cf80fee09976357b61d00d4c', disabled: this.disabled, type: "button", class: this.getClass() }, h("slot", { key: '489bc0c324547c9f8ac1ac475cf8a27b66324a98' }))));
+        return (h("div", { key: '102c3aea93dea15e705a1ba57326c1f2c5748e16', class: this.getParentClass() }, h("button", { key: 'c2ef895fac2e3cff008c2fa446a5d0fd49defdfd', disabled: this.disabled, type: "button", class: this.getClass() }, h("slot", { key: '1c9ad05b9580c33c6e6f89ffb0cb84bf3f635243' }))));
     }
     static get is() { return "p-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.js

@@ -48,9 +48,9 @@ export class Alert {
     render() {
         const selected = this.getSelectedValue();
         const arrowIcon = feather.icons['chevron-down'].toSvg();
-        return (h("div", { key: '002a7bfa5e5a36233fbd47863293d73467ca774a', class: this.getParentClass() }, h("div", { key: 'ea64fcb682d0e76f00bf73e97e9a3a553b78ee3a', class: "dropdown__header border border-primary", onClick: () => {
+        return (h("div", { key: '9267bc78025abeecd0bc726dcfe821aee868460d', class: this.getParentClass() }, h("div", { key: '8824eb5a51fec062d691130a71acf8bb18fb8119', class: "dropdown__header border border-primary", onClick: () => {
                 this.open = !this.open;
-            } }, h("span", { key: 'c48011555dcbbd1a889961dad4ed4729cd1179dc' }, selected), h("span", { key: 'dd4a5176c381eaa15688d67076a8078d9e7da163', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: '19c9a60f2d163bd9bc5c8a1579fa1afc099942d8', class: "dropdown__children" }, h("slot", { key: 'ce9d8b28fe0f9421f5b3023056bb20455729d8cd' }))));
+            } }, h("span", { key: '83643aad843f3a54b989fea80164c2a4f316b674' }, selected), h("span", { key: '0aabe82681e645e3c1c8fa492d7d133b26db2599', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: '0058f2115ad9891e10f3c56c5d8de147f4970ca5', class: "dropdown__children" }, h("slot", { key: 'da55754f87fc902893a51fd1be4301d3b27e25f7' }))));
     }
     static get is() { return "p-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-item/dropdown-item.js

@@ -15,7 +15,7 @@ export class Alert {
         this.changeEvent.emit(this.value);
     }
     render() {
-        return (h("div", { key: '543df4195168fbce2f872da8f2f66e92bcf2f32e', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: 'ea21c2644e2020afa722b4f1492afc8875086edd', class: "border border-primary" }, h("slot", { key: '9df042457b82b7e88f3b12e7431b51c02919be61' }))));
+        return (h("div", { key: 'cbfa41e3df447562cfe2f3e75b4e9c71bf55a438', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: 'e17717f3f982eb2b59ef4fc088e59adebb36dd33', class: "border border-primary" }, h("slot", { key: 'f69cd73c7416e8f19cd77d78ad019e48d0d4e93d' }))));
     }
     static get is() { return "p-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input/input-text/input-text.js

@@ -25,7 +25,7 @@ export class InputText {
         this.changeEvent.emit(e.target.value);
     }
     render() {
-        return (h("div", { key: '6f21cd264cc73d32e61814a02ee06b2e029ef7c0', class: this.getParentClass() }, this.label && (h("label", { key: '49de6b7cd6d184726bd9b707a472efd475aa50d5', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: '6e051636164ab41b8f14a312ce7c6827c48349b4', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, value: this.value, onChange: (e) => this.onChange(e) })));
+        return (h("div", { key: 'e33b740772e27d4523130c4eeee2893595269235', class: this.getParentClass() }, this.label && (h("label", { key: 'a14fbd5465a9f40c807211afcc587d5f4198925d', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: 'b5a644a95747494d77c15d36cf055b4a8244561a', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, value: this.value, onChange: (e) => this.onChange(e) })));
     }
     static get is() { return "p-input-text"; }
     static get encapsulation() { return "shadow"; }