@amiceli/papierjs 0.12.0 → 0.14.0

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

@@ -0,0 +1,151 @@
+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",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "split",
+                "defaultValue": "false"
+            },
+            "fixed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fixed",
+                "defaultValue": "false"
+            },
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dark",
+                "defaultValue": "false"
+            },
+            "rootLink": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "root-link",
+                "defaultValue": "'/'"
+            },
+            "rootTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "root-title",
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}