@zanichelli/albe-web-components 2.31.0-rc5 → 2.31.0

package/CHANGELOG.md

@@ -1,7 +1,21 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+## [2.31.0](https://github.com/ZanichelliEditore/design-system/compare/v2.30.1...v2.31.0) (2022-01-21)
+
+
+### Features
+
+* add footer content max-width ([b3a1be4](https://github.com/ZanichelliEditore/design-system/commit/b3a1be47640137f06ea083472cfabe8317e58ad2))
+* extend footer with a product info panel ([e81e3d1](https://github.com/ZanichelliEditore/design-system/commit/e81e3d1410a71652b57dd638d916a139701498e3))
+
+
+### Bug Fixes
+
+* display credits even if a href is not provided ([4a5467e](https://github.com/ZanichelliEditore/design-system/commit/4a5467e2ffe60093809ffdfcd5847d89d4981d22))
+* mobile logo is not displayed by css, but using a prop in z-logo componen ([b271b77](https://github.com/ZanichelliEditore/design-system/commit/b271b77c8cba0db987320bf5ae7bcd4dd2dfc3f3))
+
 ### [2.30.1](https://github.com/ZanichelliEditore/design-system/compare/v2.30.0...v2.30.1) (2022-01-17)
 
 

package/dist/cjs/z-alert_66.cjs.entry.js

@@ -619,9 +619,10 @@ const ZFooter = class {
     return (index.h("section", { id: "top" }, index.h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, index.h("slot", null), this.renderFooterTopJsonData())));
   }
   renderFooterProductInfo() {
+    var _a;
     if (this.productName || this.productVersion || this.productCreditsLink != null || this.showReportAProblemButton) {
       const versionString = `${this.productName ? ' versione' : 'Versione'} ${this.productVersion}`;
-      const creditsObject = index.h("z-body", { level: 5 }, (this.productName || this.productVersion) && ' - ', index.h("z-link", { htmlid: this.creditsLinkId, href: this.productCreditsLink, target: "_blank", textcolor: "white" }, "Credits"));
+      const creditsObject = index.h("z-body", { level: 5 }, (this.productName || this.productVersion) && ' - ', index.h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits"));
       return (index.h("div", { id: "extension" }, index.h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, index.h("span", null, this.productName && index.h("z-body", { level: 5, variant: "semibold" }, this.productName), this.productVersion && index.h("z-body", { level: 5 }, versionString), this.productCreditsLink != null && creditsObject), this.showReportAProblemButton &&
         index.h("div", null, index.h("z-body", { level: 5 }, "Hai bisogno di aiuto?"), index.h("z-button", { variant: index$1.ButtonVariantEnum["dark-bg"], size: index$1.ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA")), index.h("z-divider", { color: "gray500" }))));
     }

package/dist/collection/components/footer/z-footer/index.js

@@ -80,11 +80,12 @@ export class ZFooter {
         this.renderFooterTopJsonData())));
   }
   renderFooterProductInfo() {
+    var _a;
     if (this.productName || this.productVersion || this.productCreditsLink != null || this.showReportAProblemButton) {
       const versionString = `${this.productName ? ' versione' : 'Versione'} ${this.productVersion}`;
       const creditsObject = h("z-body", { level: 5 },
         (this.productName || this.productVersion) && ' - ',
-        h("z-link", { htmlid: this.creditsLinkId, href: this.productCreditsLink, target: "_blank", textcolor: "white" }, "Credits"));
+        h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits"));
       return (h("div", { id: "extension" },
         h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} },
           h("span", null,
@@ -252,7 +253,7 @@ export class ZFooter {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Emitted on credits link click"
       },
       "complexType": {
         "original": "any",
@@ -267,7 +268,7 @@ export class ZFooter {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Emitted on report a problem button click"
       },
       "complexType": {
         "original": "any",

package/dist/esm/z-alert_66.entry.js

@@ -615,9 +615,10 @@ const ZFooter = class {
     return (h("section", { id: "top" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("slot", null), this.renderFooterTopJsonData())));
   }
   renderFooterProductInfo() {
+    var _a;
     if (this.productName || this.productVersion || this.productCreditsLink != null || this.showReportAProblemButton) {
       const versionString = `${this.productName ? ' versione' : 'Versione'} ${this.productVersion}`;
-      const creditsObject = h("z-body", { level: 5 }, (this.productName || this.productVersion) && ' - ', h("z-link", { htmlid: this.creditsLinkId, href: this.productCreditsLink, target: "_blank", textcolor: "white" }, "Credits"));
+      const creditsObject = h("z-body", { level: 5 }, (this.productName || this.productVersion) && ' - ', h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits"));
       return (h("div", { id: "extension" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("span", null, this.productName && h("z-body", { level: 5, variant: "semibold" }, this.productName), this.productVersion && h("z-body", { level: 5 }, versionString), this.productCreditsLink != null && creditsObject), this.showReportAProblemButton &&
         h("div", null, h("z-body", { level: 5 }, "Hai bisogno di aiuto?"), h("z-button", { variant: ButtonVariantEnum["dark-bg"], size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA")), h("z-divider", { color: "gray500" }))));
     }

package/dist/types/components/footer/z-footer/index.d.ts

@@ -24,8 +24,10 @@ export declare class ZFooter {
   constructor();
   componentWillLoad(): void;
   zLinkClickListener(e: CustomEvent): void;
+  /** Emitted on credits link click */
   creditsLinkClick: EventEmitter;
   emitCreditsLinkClick(): void;
+  /** Emitted on report a problem button click */
   reportAProblemButtonClick: EventEmitter;
   emitReportAProblemButtonClick(): void;
   renderZLogo(): HTMLZLogoElement;

package/dist/types/components.d.ts

@@ -2493,7 +2493,13 @@ declare namespace LocalJSX {
           * deprecated - JSON stringified data to fill the footer
          */
         "data"?: string;
+        /**
+          * Emitted on credits link click
+         */
         "onCreditsLinkClick"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted on report a problem button click
+         */
         "onReportAProblemButtonClick"?: (event: CustomEvent<any>) => void;
         /**
           * 'undefined' or 'null' means 'don't show Credits', empty string means 'emit creditsLinkClick event',  not empty string means 'open the url and emit creditsLinkClick event'