@amiceli/papierjs 0.2.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: '102c3aea93dea15e705a1ba57326c1f2c5748e16', class: this.getParentClass() }, h("button", { key: 'c2ef895fac2e3cff008c2fa446a5d0fd49defdfd', disabled: this.disabled, type: "button", class: this.getClass() }, h("slot", { key: '1c9ad05b9580c33c6e6f89ffb0cb84bf3f635243' }))));
+        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: '9267bc78025abeecd0bc726dcfe821aee868460d', class: this.getParentClass() }, h("div", { key: '8824eb5a51fec062d691130a71acf8bb18fb8119', 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: '83643aad843f3a54b989fea80164c2a4f316b674' }, selected), h("span", { key: '0aabe82681e645e3c1c8fa492d7d133b26db2599', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: '0058f2115ad9891e10f3c56c5d8de147f4970ca5', class: "dropdown__children" }, h("slot", { key: 'da55754f87fc902893a51fd1be4301d3b27e25f7' }))));
+            } }, 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: 'cbfa41e3df447562cfe2f3e75b4e9c71bf55a438', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: 'e17717f3f982eb2b59ef4fc088e59adebb36dd33', class: "border border-primary" }, h("slot", { key: 'f69cd73c7416e8f19cd77d78ad019e48d0d4e93d' }))));
+        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: '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) })));
+        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"; }

package/dist/collection/components/leaf/leaf.js

@@ -7,7 +7,7 @@ export class Alert {
         return this.dark ? 'papier is--dark' : 'papier';
     }
     render() {
-        return (h("div", { key: '66db297c7001332299efe606f93df86b467bb264', class: this.getParentClass() }, h("slot", { key: '53f4b99d317914c984309c4ed0d1760ee72b8189' })));
+        return (h("div", { key: '94a3a728263a7ec1c8bff667fdc0b22e63c6c9ba', class: this.getParentClass() }, h("slot", { key: 'eb5051ae174663ddcd7a952b4612bf50988f547b' })));
     }
     static get is() { return "p-leaf"; }
     static get originalStyleUrls() {