@amiceli/papierjs 0.11.0 → 0.13.0

package/dist/collection/components/navigation/p-navbar/p-navbar.js

@@ -0,0 +1,152 @@
+import { Host, h } from "@stencil/core";
+export class PNavbar {
+    constructor() {
+        this.split = false;
+        this.fixed = false;
+        this.dark = false;
+        this.rootLink = '/';
+        this.rootTitle = '';
+    }
+    getClass() {
+        return {
+            border: true,
+            fixed: this.fixed === true,
+            'split-nav': this.split === true,
+            'is--dark': this.dark === true,
+        };
+    }
+    componentDidLoad() {
+        var _a;
+        const items = Array.from(this.el.getElementsByTagName('p-navbar-item'));
+        for (const item of items) {
+            item.style.marginLeft = '10px';
+        }
+        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(Host, { key: 'e60c86d61cb3b1dab12f9b12af544eb08c6874db' }, h("div", { key: 'ac7fa33c99894ee3b10dc3da2283407e9784f95e', class: "papier" }, h("nav", { key: '0d682a6d474601be44230ff2be9714df91287184', class: this.getClass() }, h("div", { key: 'd22ea5c5aa292e183d798c9e6581c86bb2bcc4ba', class: "nav-brand" }, h("h3", { key: '114c2acbc1777eac3bc222b2a157cd09e1bc1fa8' }, h("a", { key: '14a61a91b97bbbdce61d87007b171478db7eebaa', href: this.rootLink, slot: "main" }, this.rootTitle))), h("div", { key: '55aa27d6053c58b25b164b0da9f6b789c5fad8f0', class: "collapsible" }, h("input", { key: '19c53d54eb3a5da24a936f32c80cbfba2ca76904', id: "collapsible1", name: "collapsible1", type: "checkbox" }), h("label", { key: 'e17498156946182ae803d30993550f4cc579733a', htmlFor: "collapsible1" }, h("div", { key: '38b9fd0354ebd4253e1be9582bcbffdf10ad4f43', class: "bar1" }), h("div", { key: 'fb38625a6a55df52194d66a8fc78eea3cb325ccf', class: "bar2" }), h("div", { key: '93e061178d3c2be7622047b10f12072f461245f9', class: "bar3" })), h("div", { key: 'a19a8c9372148d802afff486c8cc49ea9a3b5fe2', class: "collapsible-body" }, h("ul", { key: '66480b2e30943952fd9f795a99deab9b7b3e5408', class: "inline" }, h("slot", { key: 'edb66e2f1f9492026fe0b350c02478e3e35c5572' }))))))));
+    }
+    static get is() { return "p-navbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-navbar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-navbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "split": {
+                "type": "boolean",
+                "attribute": "split",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fixed": {
+                "type": "boolean",
+                "attribute": "fixed",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "dark": {
+                "type": "boolean",
+                "attribute": "dark",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "rootLink": {
+                "type": "string",
+                "attribute": "root-link",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'/'"
+            },
+            "rootTitle": {
+                "type": "string",
+                "attribute": "root-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=p-navbar.js.map

package/dist/collection/components/navigation/p-navbar/p-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-navbar.js","sourceRoot":"","sources":["../../../../src/components/navigation/p-navbar/p-navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOjE,MAAM,OAAO,OAAO;IALpB;QAUW,UAAK,GAAY,KAAK,CAAA;QAGtB,UAAK,GAAY,KAAK,CAAA;QAGtB,SAAI,GAAa,KAAK,CAAA;QAGtB,aAAQ,GAAW,GAAG,CAAA;QAGtB,cAAS,GAAW,EAAE,CAAA;KAyDhC;IAvDU,QAAQ;QACX,OAAO;YACH,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI;YAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI;YAChC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACjC,CAAA;IACL,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAA;QAEvE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;QAClC,CAAC;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,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;oBACvB,4DAAK,KAAK,EAAC,WAAW;wBAClB;4BACI,0DAAG,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,IAC9B,IAAI,CAAC,SAAS,CACf,CACH,CACH;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,8DAAO,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,GAAG;wBAC/D,8DAAO,OAAO,EAAC,cAAc;4BACzB,4DAAK,KAAK,EAAC,MAAM,GAAO;4BACxB,4DAAK,KAAK,EAAC,MAAM,GAAO;4BACxB,4DAAK,KAAK,EAAC,MAAM,GAAO,CACpB;wBACR,4DAAK,KAAK,EAAC,kBAAkB;4BACzB,2DAAI,KAAK,EAAC,QAAQ;gCACd,8DAAa,CACZ,CACH,CACJ,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-navbar',\n    styleUrl: 'p-navbar.scss',\n    shadow: true,\n})\nexport class PNavbar {\n    @Element()\n    public el: HTMLElement\n\n    @Prop()\n    public split: boolean = false\n\n    @Prop()\n    public fixed: boolean = false\n\n    @Prop()\n    public dark?: boolean = false\n\n    @Prop()\n    public rootLink: string = '/'\n\n    @Prop()\n    public rootTitle: string = ''\n\n    public getClass() {\n        return {\n            border: true,\n            fixed: this.fixed === true,\n            'split-nav': this.split === true,\n            'is--dark': this.dark === true,\n        }\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-navbar-item'))\n\n        for (const item of items) {\n            item.style.marginLeft = '10px'\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            <Host>\n                <div class=\"papier\">\n                    <nav class={this.getClass()}>\n                        <div class=\"nav-brand\">\n                            <h3>\n                                <a href={this.rootLink} slot=\"main\">\n                                    {this.rootTitle}\n                                </a>\n                            </h3>\n                        </div>\n                        <div class=\"collapsible\">\n                            <input id=\"collapsible1\" name=\"collapsible1\" type=\"checkbox\" />\n                            <label htmlFor=\"collapsible1\">\n                                <div class=\"bar1\"></div>\n                                <div class=\"bar2\"></div>\n                                <div class=\"bar3\"></div>\n                            </label>\n                            <div class=\"collapsible-body\">\n                                <ul class=\"inline\">\n                                    <slot></slot>\n                                </ul>\n                            </div>\n                        </div>\n                    </nav>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}