@amiceli/papierjs 0.1.0 → 0.3.0

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,64 @@
+import { h } from "@stencil/core";
+export class Alert {
+    constructor() {
+        this.dark = false;
+    }
+    getParentClass() {
+        let cssClass = 'papier is--block breadcrumb';
+        if (this.dark) {
+            cssClass = `${cssClass} is--dark`;
+        }
+        return cssClass;
+    }
+    componentDidLoad() {
+        var _a;
+        const items = Array.from(this.el.getElementsByTagName('p-breadcrumb-item'));
+        if (this.dark) {
+            for (const item of items) {
+                item.setAttribute('dark', 'true');
+            }
+        }
+        (_a = items.at(0)) === null || _a === void 0 ? void 0 : _a.setAttribute('first', 'true');
+    }
+    render() {
+        return (h("div", { key: 'af2eebdd03d8ef458f5d0f22d3110c13bcf8d727', class: this.getParentClass() }, h("div", { key: '0176c685a86512b9ca4fc1db688e762c3a9c0a23', class: "border" }, h("slot", { key: '8496e8639f445bb57f0a695de9f73072341265ae' }))));
+    }
+    static get is() { return "p-breadcrumb"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["breadcrumb.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["breadcrumb.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "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"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;KAqCzB;IAjCU,cAAc;QACjB,IAAI,QAAQ,GAAG,6BAA6B,CAAA;QAE5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACpB,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CACpD,CAAA;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACrC,CAAC;QACL,CAAC;QAED,MAAA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC9C,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,QAAQ;gBACf,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb',\n    styleUrl: 'breadcrumb.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier is--block breadcrumb'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(\n            this.el.getElementsByTagName('p-breadcrumb-item'),\n        )\n\n        if (this.dark) {\n            for (const item of items) {\n                item.setAttribute('dark', 'true')\n            }\n        }\n\n        items.at(0)?.setAttribute('first', 'true')\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"border\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -0,0 +1,97 @@
+import { h } from "@stencil/core";
+export class Alert {
+    constructor() {
+        this.dark = false;
+        this.first = false;
+    }
+    getParentClass() {
+        let cssClass = 'papier breadcrumb-item';
+        if (this.dark) {
+            cssClass = `${cssClass} is--dark`;
+        }
+        if (this.first) {
+            cssClass = `${cssClass} is--first`;
+        }
+        return cssClass;
+    }
+    render() {
+        return (h("span", { key: '42d46bd89135edd09f7b42a1cda15739e87b95df', class: this.getParentClass() }, this.link ? (h("a", { href: this.link }, h("slot", null))) : (h("slot", null))));
+    }
+    static get is() { return "p-breadcrumb-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../breadcrumb/breadcrumb.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../breadcrumb/breadcrumb.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "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"
+            },
+            "first": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "first",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "link": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "link",
+                "reflect": false
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;KAgC1B;IA1BU,cAAc;QACjB,IAAI,QAAQ,GAAG,wBAAwB,CAAA;QAEvC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC7B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI;YACd,eAAQ,CACR,CACP,CAAC,CAAC,CAAC,CACA,eAAQ,CACX,CACE,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb-item',\n    styleUrl: '../breadcrumb/breadcrumb.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    first?: boolean = false\n    @Prop()\n    link?: string\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier breadcrumb-item'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.first) {\n            cssClass = `${cssClass} is--first`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                {this.link ? (\n                    <a href={this.link}>\n                        <slot />\n                    </a>\n                ) : (\n                    <slot />\n                )}\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: '1c618ca8e283cc22ad0fff8395c262dd891b89e0', class: this.getParentClass() }, h("button", { key: '717a834ccb80db04f6ee66c8f210e0208b316eaa', disabled: this.disabled, type: "button", class: this.getClass() }, h("slot", { key: 'fb587d8a9c051a2212e38806dabeca4bac4e503b' }))));
     }
     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: '9f7c66a6e8ef3f1a050364e6b6cc1da192b86f73', class: this.getParentClass() }, h("div", { key: '9782c6a363e58d6c3b18ccc6d33c9493ab01b6a6', 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: '4b2953444c789ed80dc4cb414aef552c3b3c1dd5' }, selected), h("span", { key: 'e41e42ae315100c022a7b49c290e7c4e9f030468', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: '82d2dd647027e24bcf858a7488f017db6b3e5657', class: "dropdown__children" }, h("slot", { key: '8227a8fc7c135db8f14f961038073f225849cfad' }))));
     }
     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: '94bab7bc42903a879c4899f35eac67259080a99c', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: '775566e66267d4cf735b85dc417d53e63c76beb4', class: "border border-primary" }, h("slot", { key: '9887e58b530f5a4918085631625cd9a03ca19496' }))));
     }
     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: '01fa99378a561daf3460675737bcd3ab0c49fddb', class: this.getParentClass() }, this.label && (h("label", { key: '2011bbd3366da16a5cb3004c7f69e1739eaf44ba', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: '3c3641de9df5db826a622dfcc33e257d771561ee', 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"; }