@debtcollective/dc-header-component - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.1.2](https://github.com/debtcollective/packages/compare/v1.1.1...v1.1.2) (2020-09-18)
+
+**Note:** Version bump only for package @debtcollective/dc-header-component
+
+
+
+
+
 ## [1.1.1](https://github.com/debtcollective/packages/compare/v1.1.0...v1.1.1) (2020-09-18)
@@ -8,0 +16,0 @@

dist/cjs/dc-header_3.cjs.entry.js

@@ -66,3 +66,3 @@ 'use strict';
     render() {
-        return (index.h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, index.h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), index.h("div", { class: "menu" }, index.h("div", { class: "nav-header" }, index.h("a", { href: "/", class: "btn-transparent" }, index.h("img", { class: "menu-logo", src: index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), index.h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), index.h("nav", { class: "menu-nav" }, index.h("slot", null)))));
+        return (index.h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, index.h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), index.h("div", { class: "menu" }, index.h("div", { class: "nav-header" }, index.h("a", { href: "/", class: "btn-transparent" }, index.h("img", { class: "menu-logo", src: this.logo || index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), index.h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), index.h("nav", { class: "menu-nav" }, index.h("slot", null)))));
     }
@@ -153,3 +153,3 @@ static get assetsDirs() { return ["assets"]; }
         const user = this.user;
-        return (index.h(index.Host, null, index.h("header", { class: "header" }, index.h("a", { class: "logo-link d-md-flex", href: "/" }, index.h("img", { class: "logo", src: this.logo || index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), index.h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, index.h("img", { class: "logo", src: this.logoSmall || index.getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), index.h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), index.h("nav", { class: "nav" }, index.h("slot", { name: "header" }, this._links.map(({ text, href }) => (index.h("div", { class: "nav-item d-md-flex" }, index.h("a", { class: "nav-link", href: href }, text)))))), index.h("div", { class: "session-items" }, user ? (index.h("dc-user-items", { user: user, community: this.community })) : (index.h("div", { class: "session-links" }, index.h("a", { href: loginURL({ community: this.community, host: this.host }), class: "btn btn-outline" }, index.h("span", { class: "d-md-flex" }, "Member"), "\u00A0Login"), index.h("a", { href: this.donateURL, class: "btn btn-primary" }, "Donate"))))), index.h("dc-menu", { open: this.isMenuOpen }, index.h("slot", { name: "menu" }, this._links.map(({ text, href }) => (index.h("div", { class: "nav-item" }, index.h("a", { class: "nav-link", href: href }, text))))))));
+        return (index.h(index.Host, null, index.h("header", { class: "header" }, index.h("a", { class: "logo-link d-md-flex", href: "/" }, index.h("img", { class: "logo", src: this.logo || index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), index.h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, index.h("img", { class: "logo", src: this.logosmall || index.getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), index.h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), index.h("nav", { class: "nav" }, index.h("slot", { name: "header" }, this._links.map(({ text, href }) => (index.h("div", { class: "nav-item d-md-flex" }, index.h("a", { class: "nav-link", href: href }, text)))))), index.h("div", { class: "session-items" }, user ? (index.h("dc-user-items", { user: user, community: this.community })) : (index.h("div", { class: "session-links" }, index.h("a", { href: loginURL({ community: this.community, host: this.host }), class: "btn btn-outline" }, index.h("span", { class: "d-md-flex" }, "Member"), "\u00A0Login"), index.h("a", { href: this.donateURL, class: "btn btn-primary" }, "Donate"))))), index.h("dc-menu", { open: this.isMenuOpen }, index.h("slot", { name: "menu" }, this._links.map(({ text, href }) => (index.h("div", { class: "nav-item" }, index.h("a", { class: "nav-link", href: href }, text))))))));
     }
@@ -156,0 +156,0 @@ static get assetsDirs() { return ["assets"]; }

dist/cjs/header.cjs.js

@@ -7,3 +7,3 @@ 'use strict';
 patch.patchBrowser().then(options => {
-  return index.bootstrapLazy([["dc-collapser.cjs",[[0,"dc-collapser",{"label":[1],"items":[16],"open":[32]}]]],["dc-dropdown.cjs",[[0,"dc-dropdown",{"label":[1],"items":[16],"open":[32]},[[4,"click","handleClickOutside"]]]]],["dc-header_3.cjs",[[1,"dc-header",{"links":[1],"donateURL":[1,"donate-u-r-l"],"community":[1],"host":[1],"logo":[1],"logoSmall":[1,"logo-small"],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{"open":[4]}],[0,"dc-user-items",{"community":[1],"user":[16]}]]]], options);
+  return index.bootstrapLazy([["dc-collapser.cjs",[[0,"dc-collapser",{"label":[1],"items":[16],"open":[32]}]]],["dc-dropdown.cjs",[[0,"dc-dropdown",{"label":[1],"items":[16],"open":[32]},[[4,"click","handleClickOutside"]]]]],["dc-header_3.cjs",[[1,"dc-header",{"links":[1],"donateURL":[1,"donate-u-r-l"],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-items",{"community":[1],"user":[16]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -11,3 +11,3 @@ 'use strict';
   return patch.patchEsm().then(() => {
-  return index.bootstrapLazy([["dc-collapser.cjs",[[0,"dc-collapser",{"label":[1],"items":[16],"open":[32]}]]],["dc-dropdown.cjs",[[0,"dc-dropdown",{"label":[1],"items":[16],"open":[32]},[[4,"click","handleClickOutside"]]]]],["dc-header_3.cjs",[[1,"dc-header",{"links":[1],"donateURL":[1,"donate-u-r-l"],"community":[1],"host":[1],"logo":[1],"logoSmall":[1,"logo-small"],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{"open":[4]}],[0,"dc-user-items",{"community":[1],"user":[16]}]]]], options);
+  return index.bootstrapLazy([["dc-collapser.cjs",[[0,"dc-collapser",{"label":[1],"items":[16],"open":[32]}]]],["dc-dropdown.cjs",[[0,"dc-dropdown",{"label":[1],"items":[16],"open":[32]},[[4,"click","handleClickOutside"]]]]],["dc-header_3.cjs",[[1,"dc-header",{"links":[1],"donateURL":[1,"donate-u-r-l"],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-items",{"community":[1],"user":[16]}]]]], options);
   });
@@ -14,0 +14,0 @@ };

dist/collection/components/dc-header/dc-header.js

@@ -51,3 +51,3 @@ import { Component, Prop, State, h, Watch, getAssetPath, Host, Listen } from "@stencil/core";
                 h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) },
-                    h("img", { class: "logo", src: this.logoSmall || getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }),
+                    h("img", { class: "logo", src: this.logosmall || getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }),
                     h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")),
@@ -163,3 +163,3 @@ h("nav", { class: "nav" },
         },
-        "logoSmall": {
+        "logosmall": {
             "type": "string",
@@ -178,3 +178,3 @@ "mutable": false,
             },
-            "attribute": "logo-small",
+            "attribute": "logosmall",
             "reflect": false
@@ -181,0 +181,0 @@ }

dist/collection/components/dc-header/dc-menu.js

@@ -18,3 +18,3 @@ import { Component, h, Event, Prop, getAssetPath } from "@stencil/core";
                     h("a", { href: "/", class: "btn-transparent" },
-                        h("img", { class: "menu-logo", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })),
+                        h("img", { class: "menu-logo", src: this.logo || getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })),
                     h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")),
@@ -49,2 +49,19 @@ h("nav", { class: "menu-nav" },
             "reflect": false
+        },
+        "logo": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Logo src to use a custom image for the header"
+            },
+            "attribute": "logo",
+            "reflect": false
         }
@@ -51,0 +68,0 @@ }; }

dist/esm-es5/dc-header_3.entry.js

@@ -128,3 +128,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     Menu.prototype.render = function () {
-        return (h("div", { class: "menu-container " + (this.open ? "open " : "hidden") }, h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), h("div", { class: "menu" }, h("div", { class: "nav-header" }, h("a", { href: "/", class: "btn-transparent" }, h("img", { class: "menu-logo", src: getAssetPath("./assets/" + this._logo), alt: "The Debtcollective" })), h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-nav" }, h("slot", null)))));
+        return (h("div", { class: "menu-container " + (this.open ? "open " : "hidden") }, h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), h("div", { class: "menu" }, h("div", { class: "nav-header" }, h("a", { href: "/", class: "btn-transparent" }, h("img", { class: "menu-logo", src: this.logo || getAssetPath("./assets/" + this._logo), alt: "The Debtcollective" })), h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-nav" }, h("slot", null)))));
     };
@@ -235,3 +235,3 @@ Object.defineProperty(Menu, "assetsDirs", {
         var user = this.user;
-        return (h(Host, null, h("header", { class: "header" }, h("a", { class: "logo-link d-md-flex", href: "/" }, h("img", { class: "logo", src: this.logo || getAssetPath("./assets/" + this._logo), alt: "The Debtcollective" })), h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, h("img", { class: "logo", src: this.logoSmall || getAssetPath("./assets/" + this._logoSmall), alt: "The Debtcollective" }), h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), h("nav", { class: "nav" }, h("slot", { name: "header" }, this._links.map(function (_a) {
+        return (h(Host, null, h("header", { class: "header" }, h("a", { class: "logo-link d-md-flex", href: "/" }, h("img", { class: "logo", src: this.logo || getAssetPath("./assets/" + this._logo), alt: "The Debtcollective" })), h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, h("img", { class: "logo", src: this.logosmall || getAssetPath("./assets/" + this._logoSmall), alt: "The Debtcollective" }), h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), h("nav", { class: "nav" }, h("slot", { name: "header" }, this._links.map(function (_a) {
             var text = _a.text, href = _a.href;
@@ -238,0 +238,0 @@ return (h("div", { class: "nav-item d-md-flex" }, h("a", { class: "nav-link", href: href }, text)));

dist/esm/dc-header_3.entry.js

@@ -62,3 +62,3 @@ import { r as registerInstance, c as createEvent, h, g as getAssetPath, H as Host } from './index-491ec3cf.js';
     render() {
-        return (h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), h("div", { class: "menu" }, h("div", { class: "nav-header" }, h("a", { href: "/", class: "btn-transparent" }, h("img", { class: "menu-logo", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-nav" }, h("slot", null)))));
+        return (h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, h("div", { class: "menu-cloak", onClick: this.toggleMenuHandler.bind(this) }), h("div", { class: "menu" }, h("div", { class: "nav-header" }, h("a", { href: "/", class: "btn-transparent" }, h("img", { class: "menu-logo", src: this.logo || getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-nav" }, h("slot", null)))));
     }
@@ -149,3 +149,3 @@ static get assetsDirs() { return ["assets"]; }
         const user = this.user;
-        return (h(Host, null, h("header", { class: "header" }, h("a", { class: "logo-link d-md-flex", href: "/" }, h("img", { class: "logo", src: this.logo || getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, h("img", { class: "logo", src: this.logoSmall || getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), h("nav", { class: "nav" }, h("slot", { name: "header" }, this._links.map(({ text, href }) => (h("div", { class: "nav-item d-md-flex" }, h("a", { class: "nav-link", href: href }, text)))))), h("div", { class: "session-items" }, user ? (h("dc-user-items", { user: user, community: this.community })) : (h("div", { class: "session-links" }, h("a", { href: loginURL({ community: this.community, host: this.host }), class: "btn btn-outline" }, h("span", { class: "d-md-flex" }, "Member"), "\u00A0Login"), h("a", { href: this.donateURL, class: "btn btn-primary" }, "Donate"))))), h("dc-menu", { open: this.isMenuOpen }, h("slot", { name: "menu" }, this._links.map(({ text, href }) => (h("div", { class: "nav-item" }, h("a", { class: "nav-link", href: href }, text))))))));
+        return (h(Host, null, h("header", { class: "header" }, h("a", { class: "logo-link d-md-flex", href: "/" }, h("img", { class: "logo", src: this.logo || getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" })), h("button", { class: "btn-transparent logo-link d-md-none", onClick: this.toggleMenuHandler.bind(this) }, h("img", { class: "logo", src: this.logosmall || getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), h("span", { class: "material-icons ml-1" }, "keyboard_arrow_right")), h("nav", { class: "nav" }, h("slot", { name: "header" }, this._links.map(({ text, href }) => (h("div", { class: "nav-item d-md-flex" }, h("a", { class: "nav-link", href: href }, text)))))), h("div", { class: "session-items" }, user ? (h("dc-user-items", { user: user, community: this.community })) : (h("div", { class: "session-links" }, h("a", { href: loginURL({ community: this.community, host: this.host }), class: "btn btn-outline" }, h("span", { class: "d-md-flex" }, "Member"), "\u00A0Login"), h("a", { href: this.donateURL, class: "btn btn-primary" }, "Donate"))))), h("dc-menu", { open: this.isMenuOpen }, h("slot", { name: "menu" }, this._links.map(({ text, href }) => (h("div", { class: "nav-item" }, h("a", { class: "nav-link", href: href }, text))))))));
     }
@@ -152,0 +152,0 @@ static get assetsDirs() { return ["assets"]; }

dist/header/header.esm.js

@@ -1,1 +0,1 @@
-import{b as e}from"./p-fda4441b.js";import{p as o}from"./p-79b6293a.js";o().then(o=>e([["p-9a728e4a",[[0,"dc-collapser",{label:[1],items:[16],open:[32]}]]],["p-fbf49d6c",[[0,"dc-dropdown",{label:[1],items:[16],open:[32]},[[4,"click","handleClickOutside"]]]]],["p-838ca98e",[[1,"dc-header",{links:[1],donateURL:[1,"donate-u-r-l"],community:[1],host:[1],logo:[1],logoSmall:[1,"logo-small"],user:[32],isMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{open:[4]}],[0,"dc-user-items",{community:[1],user:[16]}]]]],o));
+import{b as e}from"./p-fda4441b.js";import{p as o}from"./p-79b6293a.js";o().then(o=>e([["p-9a728e4a",[[0,"dc-collapser",{label:[1],items:[16],open:[32]}]]],["p-fbf49d6c",[[0,"dc-dropdown",{label:[1],items:[16],open:[32]},[[4,"click","handleClickOutside"]]]]],["p-964c1171",[[1,"dc-header",{links:[1],donateURL:[1,"donate-u-r-l"],community:[1],host:[1],logo:[1],logosmall:[1],user:[32],isMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{open:[4],logo:[1]}],[0,"dc-user-items",{community:[1],user:[16]}]]]],o));

dist/header/p-7517a51b.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-cf24986c.system.js","./p-3a231e41.system.js"],(function(){"use strict";var e,t;return{setters:[function(t){e=t.b},function(e){t=e.p}],execute:function(){t().then((function(t){return e([["p-96646821.system",[[0,"dc-collapser",{label:[1],items:[16],open:[32]}]]],["p-2c3dc090.system",[[0,"dc-dropdown",{label:[1],items:[16],open:[32]},[[4,"click","handleClickOutside"]]]]],["p-7fc65122.system",[[1,"dc-header",{links:[1],donateURL:[1,"donate-u-r-l"],community:[1],host:[1],logo:[1],logoSmall:[1,"logo-small"],user:[32],isMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{open:[4]}],[0,"dc-user-items",{community:[1],user:[16]}]]]],t)}))}}}));
+System.register(["./p-cf24986c.system.js","./p-3a231e41.system.js"],(function(){"use strict";var e,t;return{setters:[function(t){e=t.b},function(e){t=e.p}],execute:function(){t().then((function(t){return e([["p-96646821.system",[[0,"dc-collapser",{label:[1],items:[16],open:[32]}]]],["p-2c3dc090.system",[[0,"dc-dropdown",{label:[1],items:[16],open:[32]},[[4,"click","handleClickOutside"]]]]],["p-39fd67f9.system",[[1,"dc-header",{links:[1],donateURL:[1,"donate-u-r-l"],community:[1],host:[1],logo:[1],logosmall:[1],user:[32],isMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"]]],[4,"dc-menu",{open:[4],logo:[1]}],[0,"dc-user-items",{community:[1],user:[16]}]]]],t)}))}}}));

dist/types/components.d.ts

@@ -53,6 +53,10 @@ /* eslint-disable */
          */
-        "logoSmall": string;
+        "logosmall": string;
     }
     interface DcMenu {
         /**
+          * Logo src to use a custom image for the header
+         */
+        "logo": string;
+        /**
           * Wether or not the mobile menu is displayed
@@ -164,5 +168,9 @@ */
          */
-        "logoSmall"?: string;
+        "logosmall"?: string;
     }
     interface DcMenu {
+        /**
+          * Logo src to use a custom image for the header
+         */
+        "logo"?: string;
         "onToggleMenu"?: (event: CustomEvent<void>) => void;
@@ -169,0 +177,0 @@ /**

dist/types/components/dc-header/dc-header.d.ts

@@ -38,3 +38,3 @@ import "./dc-menu";
      */
-    logoSmall: string;
+    logosmall: string;
     /**
@@ -41,0 +41,0 @@ * An object with the user data. Follows Discourse structure as

dist/types/components/dc-header/dc-menu.d.ts

@@ -7,2 +7,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
     open: boolean;
+    /**
+     * Logo src to use a custom image for the header
+     */
+    logo: string;
     toggleMenu: EventEmitter<void>;
@@ -9,0 +13,0 @@ /**

package.json

 {
   "name": "@debtcollective/dc-header-component",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Stencil header component for debtcollective web apps",
@@ -40,3 +40,3 @@ "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "b0610a979ae0889191faba35d74617619818f530"
+  "gitHead": "75d52e69facc7489c80d877f0ffaa29db3279c3e"
 }

No alert changes

Improved metrics

Total package byte prevSize

940149

increased by0.11%

Lines of code

12290

increased by0.24%

No dependency changes