npm - @zanichelli/albe-web-components - Versions diffs - 2.33.2-rc2 → 2.33.4 - Mend

@zanichelli/albe-web-components 2.33.2-rc2 → 2.33.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/cjs/z-alert_66.cjs.entry.js +9 -10
package/dist/collection/components/navigation/z-link/styles.css +7 -3
package/dist/collection/components/z-popover/index.js +8 -9
package/dist/esm/z-alert_66.entry.js +9 -10
package/dist/types/components/z-popover/index.d.ts +1 -1
package/dist/web-components-library/{p-a3e79a8c.entry.js → p-57ceab75.entry.js} +2 -2
package/dist/web-components-library/web-components-library.esm.js +1 -1
package/package.json +1 -1
package/www/build/p-002ed333.js +1 -0
package/www/build/{p-a3e79a8c.entry.js → p-57ceab75.entry.js} +2 -2
package/www/build/web-components-library.esm.js +1 -1
package/www/index.html +1 -1
package/CHANGELOG.md +0 -1210
package/src-react/index.ts +0 -1
package/www/build/p-c1703da4.js +0 -1

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

@@ -1529,7 +1529,7 @@ const ZInputMessage = class {
 };
 ZInputMessage.style = stylesCss$G;
-const stylesCss$F = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * .5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active,a.black:visited{color:var(--color-black);fill:var(--color-black)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
+const stylesCss$F = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
 const ZLink = class {
   constructor(hostRef) {
@@ -2551,9 +2551,11 @@ const ZPopover = class {
     /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
-    this.defaultPosition = this.position;
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
+  componentDidLoad() {
+    this.checkSpaceAvailable();
+  }
   closePopover() {
     this.isVisible = false;
   }
@@ -2581,16 +2583,13 @@ const ZPopover = class {
     }
   }
   checkSpaceAvailable() {
-    if (!this.isVisible) {
-      this.position = this.defaultPosition;
-      return;
-    }
     const width = document.body.clientWidth;
     const height = window.innerHeight;
-    const l = this.popoverElem.getBoundingClientRect().left;
-    const r = this.popoverElem.getBoundingClientRect().right;
-    const t = this.popoverElem.getBoundingClientRect().top;
-    const b = this.popoverElem.getBoundingClientRect().bottom;
+    const rect = this.popoverElem.getBoundingClientRect();
+    const l = rect.left;
+    const r = rect.right;
+    const t = rect.top;
+    const b = rect.bottom;
     let firstSide = this.position.split("-")[0];
     let secondSide = this.position.split("-")[1];
     // If top is outside viewport

package/dist/collection/components/navigation/z-link/styles.css CHANGED Viewed

@@ -18,7 +18,7 @@ a {
   display: inline-flex;
   align-items: center;
   text-decoration: none;
-  padding: calc(var(--space-unit) * .5) 0;
+  padding: calc(var(--space-unit) * 0.5) 0;
   border-top: var(--border-size-medium) solid transparent;
   border-bottom: var(--border-size-medium) solid transparent;
 }
@@ -108,12 +108,16 @@ a.black {
 }
 a.black:hover,
-a.black.active,
-a.black:visited {
+a.black.active {
   color: var(--color-black);
   fill: var(--color-black);
 }
+a.black:visited {
+  color: var(--gray800);
+  fill: var(--gray800);
+}
 a.black:hover,
 a.black:focus,
 a.black:active {

package/dist/collection/components/z-popover/index.js CHANGED Viewed

@@ -20,9 +20,11 @@ export class ZPopover {
     /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
-    this.defaultPosition = this.position;
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
+  componentDidLoad() {
+    this.checkSpaceAvailable();
+  }
   closePopover() {
     this.isVisible = false;
   }
@@ -50,16 +52,13 @@ export class ZPopover {
     }
   }
   checkSpaceAvailable() {
-    if (!this.isVisible) {
-      this.position = this.defaultPosition;
-      return;
-    }
     const width = document.body.clientWidth;
     const height = window.innerHeight;
-    const l = this.popoverElem.getBoundingClientRect().left;
-    const r = this.popoverElem.getBoundingClientRect().right;
-    const t = this.popoverElem.getBoundingClientRect().top;
-    const b = this.popoverElem.getBoundingClientRect().bottom;
+    const rect = this.popoverElem.getBoundingClientRect();
+    const l = rect.left;
+    const r = rect.right;
+    const t = rect.top;
+    const b = rect.bottom;
     let firstSide = this.position.split("-")[0];
     let secondSide = this.position.split("-")[1];
     // If top is outside viewport

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

@@ -1525,7 +1525,7 @@ const ZInputMessage = class {
 };
 ZInputMessage.style = stylesCss$G;
-const stylesCss$F = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * .5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active,a.black:visited{color:var(--color-black);fill:var(--color-black)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
+const stylesCss$F = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
 const ZLink = class {
   constructor(hostRef) {
@@ -2547,9 +2547,11 @@ const ZPopover = class {
     /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
-    this.defaultPosition = this.position;
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
+  componentDidLoad() {
+    this.checkSpaceAvailable();
+  }
   closePopover() {
     this.isVisible = false;
   }
@@ -2577,16 +2579,13 @@ const ZPopover = class {
     }
   }
   checkSpaceAvailable() {
-    if (!this.isVisible) {
-      this.position = this.defaultPosition;
-      return;
-    }
     const width = document.body.clientWidth;
     const height = window.innerHeight;
-    const l = this.popoverElem.getBoundingClientRect().left;
-    const r = this.popoverElem.getBoundingClientRect().right;
-    const t = this.popoverElem.getBoundingClientRect().top;
-    const b = this.popoverElem.getBoundingClientRect().bottom;
+    const rect = this.popoverElem.getBoundingClientRect();
+    const l = rect.left;
+    const r = rect.right;
+    const t = rect.top;
+    const b = rect.bottom;
     let firstSide = this.position.split("-")[0];
     let secondSide = this.position.split("-")[1];
     // If top is outside viewport

package/dist/types/components/z-popover/index.d.ts CHANGED Viewed

@@ -14,11 +14,11 @@ export declare class ZPopover {
   padding?: string;
   isVisible: boolean;
   private popoverElem;
-  private defaultPosition;
   /**
    * Constructor.
    */
   constructor();
+  componentDidLoad(): void;
   closePopover(): void;
   closePopoverWithKeyboard(e: any): void;
   handleClick(event: any): void;