@zanichelli/albe-web-components 2.33.5-rc1 → 2.34.1

package/dist/{web-components-library → esm}/z-app-topbar.entry.js

@@ -1,37 +1,37 @@
-import { r as registerInstance, h, e as Host } from './index-44936066.js';
-import { T as ThemeVariant, a as DividerOrientation } from './index-08d9a3bf.js';
-import { m as mobileBreakpoint } from './breakpoints-14432d05.js';
+import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
+import { T as ThemeVariant, f as DividerOrientation } from './index-09b57d95.js';
+import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 
 const stylesCss = ":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
 
-const ZAppTopbar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.dark;
-    this.topbarLinks = [];
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= mobileBreakpoint;
-  }
-  componentWillLoad() {
-    this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
-  }
-  componentWillRender() {
-    if (this.topbarContent) {
-      this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
-    }
-  }
-  renderTopbarLinks() {
-    return this.topbarLinks.map((link) => h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.light ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label));
-  }
-  render() {
-    return (h(Host, { class: {
-        [this.theme]: true,
-        "limited-width": !!this.contentMaxWidth
-      } }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
-  }
-};
+const ZAppTopbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** theme variant, default 'dark' */
+    this.theme = ThemeVariant.dark;
+    this.topbarLinks = [];
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth <= mobileBreakpoint;
+  }
+  componentWillLoad() {
+    this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
+  }
+  componentWillRender() {
+    if (this.topbarContent) {
+      this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
+    }
+  }
+  renderTopbarLinks() {
+    return this.topbarLinks.map((link) => h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.light ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label));
+  }
+  render() {
+    return (h(Host, { class: {
+        [this.theme]: true,
+        "limited-width": !!this.contentMaxWidth
+      } }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
+  }
+};
 ZAppTopbar.style = stylesCss;
 
 export { ZAppTopbar as z_app_topbar };

package/{www/build → dist/esm}/z-aria-alert.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, h, e as Host } from './index-44936066.js';
-import { Z as ZAriaAlertMode } from './index-08d9a3bf.js';
+import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
+import { g as ZAriaAlertMode } from './index-09b57d95.js';
 
-const ZAriaAlert = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.mode = ZAriaAlertMode.polite;
-  }
-  render() {
-    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", null)));
-  }
+const ZAriaAlert = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.mode = ZAriaAlertMode.polite;
+  }
+  render() {
+    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", null)));
+  }
 };
 
 export { ZAriaAlert as z_aria_alert };

package/dist/{web-components-library → esm}/z-avatar.entry.js

@@ -1,39 +1,39 @@
-import { r as registerInstance, h, e as Host } from './index-44936066.js';
-import { A as AvatarSize } from './index-08d9a3bf.js';
+import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
+import { A as AvatarSize } from './index-09b57d95.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
 
-const ZAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** [optional] Avatar size */
-    this.size = AvatarSize.medium;
-    /** [optional] Avatar text color */
-    this.textColor = "text-white";
-    /** [optional] Avatar background color */
-    this.backgroundColor = "bg-grey-700";
-    if (!this.text && !this.image) {
-      console.warn("z-avatar must contain at least one prop between text and image");
-    }
-  }
-  getTextSize() {
-    if (this.size === AvatarSize.small) {
-      return "5";
-    }
-    else if (this.size === AvatarSize.medium) {
-      return "4";
-    }
-    else if (this.size === AvatarSize.large) {
-      return "2";
-    }
-  }
-  render() {
-    return (h(Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
-        color: `var(--${this.textColor})`,
-        backgroundColor: `var(--${this.backgroundColor})`,
-      } }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
-  }
-};
+const ZAvatar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** [optional] Avatar size */
+    this.size = AvatarSize.medium;
+    /** [optional] Avatar text color */
+    this.textColor = "text-white";
+    /** [optional] Avatar background color */
+    this.backgroundColor = "bg-grey-700";
+    if (!this.text && !this.image) {
+      console.warn("z-avatar must contain at least one prop between text and image");
+    }
+  }
+  getTextSize() {
+    if (this.size === AvatarSize.small) {
+      return "5";
+    }
+    else if (this.size === AvatarSize.medium) {
+      return "4";
+    }
+    else if (this.size === AvatarSize.large) {
+      return "2";
+    }
+  }
+  render() {
+    return (h(Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        color: `var(--${this.textColor})`,
+        backgroundColor: `var(--${this.backgroundColor})`,
+      } }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
+  }
+};
 ZAvatar.style = stylesCss;
 
 export { ZAvatar as z_avatar };