@zanichelli/delta_share 2.0.3 → 2.0.6

package/dist/wc/esm/z-user-dropdown.entry.js

@@ -1,50 +1,48 @@
-import { r as registerInstance, c as createEvent, h } from './index-5ecd661f.js';
-import { T as ThemeVariant } from './index-e68ea3a2.js';
-import { m as mobileBreakpoint } from './breakpoints-75d56fd9.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3a91e19.js';
+import { m as mobileBreakpoint } from './breakpoints-e07f80e7.js';
 
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-link{font-weight:var(--font-sb);font-size:calc(var(--space-unit) * 1.5);padding:6px}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;padding:0;font-size:calc(var(--space-unit) * 2);padding:6px}button>z-icon{padding:0 2px;fill:var(--bg-white)}button>span{padding:0 6px;color:var(--text-white);font-weight:var(--font-sb);line-height:19px}button.light{background:var(--bg-white)}button.light>z-icon{fill:var(--bg-grey-900)}button.light>span{color:var(--bg-grey-900)}button>.userfullname{display:none}ul{position:absolute;left:0;padding:var(--space-unit)  0 0 0;width:100%;margin:0;background:var(--bg-grey-900)}ul.light{background:var(--bg-white)}ul>li{display:flex;justify-content:flex-end;padding:var(--space-unit);margin:0 var(--space-unit);border-bottom:var(--border-base) solid var(--bg-grey-700)}ul>li:first-child{border-top:var(--border-base) solid var(--bg-grey-700)}ul>li:last-child{border-bottom:none}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4)}:host>div{position:relative}:host>div>div{padding:0}:host>div>div.open{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;align-content:stretch;width:min-content;position:absolute;right:0;box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background:var(--bg-white);border-radius:calc(var(--space-unit) * .5);padding:calc(var(--space-unit) * .5) 0;transform:translate(0, -4px)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center;padding:6px var(--space-unit);max-width:200px}button>span{padding:0 var(--space-unit)}button.open{background-color:var(--bg-white);border-top:var(--border-size-small) solid var(--bg-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial}button>.userfullname{display:initial;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis}button.open>z-icon{fill:var(--gray900)}button.open>span{color:var(--gray900)}ul{position:initial;left:initial;padding:0;margin-top:0;width:100%;background-color:var(--bg-white);border-bottom:var(--border-size-small) solid var(--bg-white);border-bottom-left-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base)}ul>li{color:var(--gray900);border-bottom:var(--border-base) solid rgb(202, 204, 206);padding:calc(var(--space-unit) * .5) var(--space-unit)}ul>li>*{width:max-content}ul>li:first-child{border-top:none}ul>li:last-child{border-bottom:none}}@media only screen and (min-width: 1152px){button{max-width:initial}}";
+const stylesCss = ":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{cursor:pointer;display:flex;flex-direction:column;width:100%;margin:0;background-color:var(--gray900);border:none;padding:0;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;justify-content:flex-end;align-items:center;max-width:200px}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{box-sizing:border-box;position:absolute;left:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);width:100%;margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;white-space:nowrap;padding:calc(var(--space-unit) * 1.5 - 1px) 0;margin:0;border-bottom:var(--border-base) solid var(--gray700)}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{border-top:none;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);flex-direction:column;align-items:end}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:none;fill:currentColor;height:32px;min-width:32px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-white);border-color:var(--color-white);color:var(--gray800)}#guestbutton.inverse{background-color:var(--gray800);border-color:var(--gray800);color:var(--color-white)}.userfullname{padding:0;overflow:hidden;max-width:250px;text-overflow:ellipsis;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:16px;line-height:24px;letter-spacing:0;text-align:right}.userfullname.inverse{color:var(--gray800)}.useremail{color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:12px;line-height:16px;letter-spacing:0.32px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:right}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background-color:var(--color-white);margin-top:calc(var(--space-unit) / 2);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center}button.open{background-color:var(--color-white);border-top:var(--border-size-small) solid var(--color-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial;margin-left:var(--space-unit);padding-right:var(--space-unit)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.16px;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);width:auto}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{color:var(--gray800);max-width:none;text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{padding-right:calc(var(--space-unit) * 3 - 2px);box-sizing:border-box}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;padding:0;width:100%;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{color:var(--gray800);border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{border-top:var(--border-base) solid var(--gray400);padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px)}}";
 
 const ZUserDropdown = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.userButtonClick = createEvent(this, "userButtonClick", 7);
     this.dropdownMenuLinkClick = createEvent(this, "dropdownMenuLinkClick", 7);
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.dark;
-    this.ismenuopen = false;
-    this.handleToggle = this.handleToggle.bind(this);
-  }
-  componentWillLoad() {
-    this.setMobileAndGhostDivWidth();
+    /** if inner components colors are inverted, or not, default false */
+    this.useInverseColors = false;
+    this.isMenuOpen = false;
+    this.handleLoggedButtonClick = this.handleLoggedButtonClick.bind(this);
+    this.emitDropdownMenuLinkClick = this.emitDropdownMenuLinkClick.bind(this);
   }
   componentDidLoad() {
-    this.setMobileAndGhostDivWidth();
+    this.setMobileAndDivToResizeWidth();
   }
   componentWillUpdate() {
-    this.setMobileAndGhostDivWidth();
+    this.setMobileAndDivToResizeWidth();
   }
   componentWillRender() {
-    this.linkarray =
-      typeof this.menucontent === "string"
-        ? JSON.parse(this.menucontent)
-        : this.menucontent;
+    if (this.menuContent) {
+      this.linkArray = typeof this.menuContent === "string" ? JSON.parse(this.menuContent) : this.menuContent;
+    }
   }
-  setMobileAndGhostDivWidth() {
+  setMobileAndDivToResizeWidth() {
     var _a;
-    this.isMobile =
-      window.screen.width <= mobileBreakpoint ||
-        window.innerWidth <= mobileBreakpoint;
-    if (this.gosthDiv)
-      this.gosthDiv.style.width =
-        this.logged && (!this.isMobile && this.ismenuopen)
-          ? `${(_a = this.userButton) === null || _a === void 0 ? void 0 : _a.offsetWidth}px`
-          : "";
+    if (this.divToResize) {
+      this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
+      if (this.logged && !this.isMobile && this.isMenuOpen) {
+        this.divToResize.style.width = `${(_a = this.userButton) === null || _a === void 0 ? void 0 : _a.offsetWidth}px`;
+      }
+      else {
+        this.divToResize.removeAttribute('style');
+      }
+    }
   }
   emitUserButtonClick() {
-    this.userButtonClick.emit(this.ismenuopen);
+    this.userButtonClick.emit(this.isMenuOpen);
   }
   emitDropdownMenuLinkClick(e) {
-    this.dropdownMenuLinkClick.emit(e.detail.linkId);
+    this.isMenuOpen = false;
+    this.dropdownMenuLinkClick.emit({ e, linkId: e.detail.linkId });
   }
   handleResize() {
     this.isMobile = window.innerWidth <= mobileBreakpoint;
@@ -54,41 +52,38 @@ const ZUserDropdown = class {
   }
   handleClickOutside(e) {
     if (e.target.nodeName !== "Z-USER-DROPDOWN") {
-      this.ismenuopen = false;
+      this.isMenuOpen = false;
     }
   }
-  handleToggle() {
-    this.ismenuopen = !this.ismenuopen;
+  handleLoggedButtonClick() {
+    this.isMenuOpen = !this.isMenuOpen;
     this.emitUserButtonClick();
   }
-  handleDropdownLinkClick(e) {
-    this.emitDropdownMenuLinkClick(e);
-  }
-  renderCaretIcon() {
-    const direction = this.ismenuopen ? "up" : "down";
-    return (h("z-icon", { name: `caret-${direction}-filled`, height: 18, width: 18 }));
-  }
   renderGuestButton() {
-    return (h("z-link", { onClick: () => this.emitUserButtonClick(), big: true, icon: "enter", textcolor: this.theme === ThemeVariant.light ? "black" : "white" }, "Entra"));
+    return (h("button", { id: "guestbutton", class: this.useInverseColors ? "inverse" : "", onClick: () => this.emitUserButtonClick() }, "ENTRA"));
   }
   renderLoggedButton() {
-    return (h("button", { ref: (el) => (this.userButton = el), title: this.userfullname, class: `${this.ismenuopen ? "open" : ""} ${this.theme}`, onClick: () => this.handleToggle() }, h("z-icon", { name: "user-avatar-filled", height: 18, width: 18 }), h("span", { class: "userfullname" }, this.userfullname), this.renderCaretIcon()));
-  }
-  retrieveLiTextColor() {
-    if (this.theme === ThemeVariant.light)
-      return "black";
-    return this.isMobile ? "white" : "black";
+    const direction = this.isMenuOpen ? "up" : "down";
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (h("button", { ref: (el) => (this.userButton = el), title: this.userFullName, class: `${colorClass} ${this.isMenuOpen ? "open" : ""}`, onClick: this.handleLoggedButtonClick }, h("div", null, h("div", { class: "firstline" }, h("z-icon", { class: colorClass, name: "user-avatar-filled", height: 16, width: 16 }), !this.isMobile && h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("z-icon", { class: colorClass, name: `caret-${direction}-filled`, height: 16, width: 16 })), !this.isMobile && this.isMenuOpen && h("div", { class: `useremail ${colorClass}` }, this.userEmail))));
   }
-  renderGhostDiv() {
-    return h("div", { ref: (el) => (this.gosthDiv = el) });
+  getZLinkTextcolor() {
+    if (this.isMobile) {
+      return this.useInverseColors ? "black" : "white";
+    }
+    else {
+      return this.useInverseColors ? "white" : "black";
+    }
   }
   renderDropdownMenu() {
-    return (this.ismenuopen && (h("ul", { class: this.theme }, this.linkarray.map((link) => {
-      return (h("li", { id: link.id }, h("z-link", { textcolor: this.retrieveLiTextColor(), big: true, href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: (e) => this.handleDropdownLinkClick(e) }, link.label)));
-    }))));
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (this.isMenuOpen && (h("ul", { class: colorClass }, this.isMobile &&
+      h("li", { class: colorClass }, h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("div", { class: `useremail ${colorClass}` }, this.userEmail)), this.linkArray && this.linkArray.map((link) => h("li", { id: link.id, class: colorClass }, h("z-link", { textcolor: this.getZLinkTextcolor(), href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: this.emitDropdownMenuLinkClick }, link.label))))));
   }
   render() {
-    return (h("div", null, this.logged && !this.isMobile && this.renderGhostDiv(), h("div", { class: `${this.logged && this.ismenuopen ? "open" : ""}` }, this.logged ? this.renderLoggedButton() : this.renderGuestButton(), this.logged && this.renderDropdownMenu())));
+    const openClass = `${this.logged && this.isMenuOpen ? "open" : ""}`;
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (h(Host, { class: colorClass }, h("div", { ref: (el) => (this.divToResize = el), class: openClass }, h("div", { class: `${colorClass} ${openClass}` }, this.logged ? this.renderLoggedButton() : this.renderGuestButton(), this.logged && this.renderDropdownMenu()))));
   }
 };
 ZUserDropdown.style = stylesCss;

package/dist/wc/esm/z-visually-hidden.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-b3a91e19.js';
+
+const stylesCss = ":host{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
+
+const ZVisuallyHidden = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h("slot", null);
+  }
+};
+ZVisuallyHidden.style = stylesCss;
+
+export { ZVisuallyHidden as z_visually_hidden };

package/dist/wc/types/beans/index.d.ts

@@ -18,7 +18,7 @@ export declare type ActionBoxBtn = {
   btnIcon?: string;
 };
 export declare type LicenseActivationFormTexts = {
-  inputStatus: null | "success" | "error" | "warning" | "selecting";
+  inputStatus: null | "success" | "error" | "warning";
   inputMessage: null | string;
   placeholder: null | string;
   inputLabel: null | string;

package/dist/wc/types/components/license-activation/license-activation.d.ts

@@ -58,7 +58,7 @@ export declare class LicenseActivation {
   activateLicense(): Promise<void>;
   handleSubmitButtonClick(inputVal: string): Promise<void>;
   handleMobileButtonClick(): void;
-  mapInputStatus(licenseActivationStatus: "initial" | "success" | "fail"): null | "success" | "error" | "warning" | "selecting";
+  mapInputStatus(licenseActivationStatus: "initial" | "success" | "fail"): null | "success" | "error" | "warning";
   renderLicenseActivationBox(variant: LicenseActivationVariantEnum.box | LicenseActivationVariantEnum.preview): HTMLLicenseActivationBoxElement;
   renderLicenseActivationModal(): HTMLLicenseActivationModalElement;
   retrieveTextsObject(): LicenseActivationFormTexts;

package/dist/wc/types/components/license-activation-form/license-activation-form.d.ts

@@ -16,8 +16,10 @@ export declare class LicenseActivationForm {
   handleModalOpen: () => void;
   showInfoBox: boolean;
   inputVal: null | string;
+  private inputMessageRef;
   constructor();
   componentWillLoad(): void;
+  componentDidUpdate(): void;
   /** Emitted on input value change, returns value */
   formInputChange: EventEmitter;
   handleFormInputChange(detail: any): void;
@@ -26,8 +28,8 @@ export declare class LicenseActivationForm {
   handleSubmitButtonClick(inputVal: string): void;
   handleInfoClick(): void;
   renderInput(): HTMLElement;
+  renderInputMessage(): HTMLElement;
   renderButton(): HTMLElement;
-  renderButtonValue(variant: LicenseActivationVariantType, disabled?: boolean): HTMLButtonElement;
   renderAdditionalDescription(): HTMLElement;
   renderInfoLink(): HTMLElement;
   renderInfoBox(): HTMLZInfoBoxElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/delta_share",
-  "version": "2.0.3",
+  "version": "2.0.6",
   "description": "",
   "main": "./dist/react/index.js",
   "module": "./dist/react/index.js",

package/dist/wc/cjs/index-b9bd2767.js

@@ -1,81 +0,0 @@
-'use strict';
-
-exports.LicenseTypeEnum = void 0;
-(function (LicenseTypeEnum) {
-  LicenseTypeEnum["real"] = "reale";
-  LicenseTypeEnum["virtual"] = "virtuale";
-  LicenseTypeEnum["trial"] = "saggio";
-})(exports.LicenseTypeEnum || (exports.LicenseTypeEnum = {}));
-exports.ButtonVariantEnum = void 0;
-(function (ButtonVariantEnum) {
-  ButtonVariantEnum["primary"] = "primary";
-  ButtonVariantEnum["secondary"] = "secondary";
-  ButtonVariantEnum["tertiary"] = "tertiary";
-})(exports.ButtonVariantEnum || (exports.ButtonVariantEnum = {}));
-exports.ButtonTypeEnum = void 0;
-(function (ButtonTypeEnum) {
-  ButtonTypeEnum["submit"] = "submit";
-  ButtonTypeEnum["reset"] = "reset";
-  ButtonTypeEnum["button"] = "button";
-})(exports.ButtonTypeEnum || (exports.ButtonTypeEnum = {}));
-exports.ButtonSizeEnum = void 0;
-(function (ButtonSizeEnum) {
-  ButtonSizeEnum["big"] = "big";
-  ButtonSizeEnum["small"] = "small";
-  ButtonSizeEnum["x-small"] = "x-small";
-})(exports.ButtonSizeEnum || (exports.ButtonSizeEnum = {}));
-exports.InputTypeEnum = void 0;
-(function (InputTypeEnum) {
-  InputTypeEnum["text"] = "text";
-  InputTypeEnum["password"] = "password";
-  InputTypeEnum["number"] = "number";
-  InputTypeEnum["email"] = "email";
-  InputTypeEnum["textarea"] = "textarea";
-  InputTypeEnum["checkbox"] = "checkbox";
-  InputTypeEnum["radio"] = "radio";
-  InputTypeEnum["select"] = "select";
-})(exports.InputTypeEnum || (exports.InputTypeEnum = {}));
-exports.InputStatusEnum = void 0;
-(function (InputStatusEnum) {
-  InputStatusEnum["success"] = "success";
-  InputStatusEnum["error"] = "error";
-  InputStatusEnum["warning"] = "warning";
-  InputStatusEnum["selecting"] = "selecting";
-})(exports.InputStatusEnum || (exports.InputStatusEnum = {}));
-exports.TooltipPosition = void 0;
-(function (TooltipPosition) {
-  TooltipPosition["TOP"] = "TOP";
-  TooltipPosition["BOTTOM"] = "BOTTOM";
-  TooltipPosition["LEFT"] = "LEFT";
-  TooltipPosition["RIGHT"] = "RIGHT";
-  TooltipPosition["NO_ARROW"] = "NO_ARROW";
-  TooltipPosition["TOP_LEFT"] = "TOP_LEFT";
-  TooltipPosition["TOP_RIGHT"] = "TOP_RIGHT";
-  TooltipPosition["BOTTOM_LEFT"] = "BOTTOM_LEFT";
-  TooltipPosition["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
-})(exports.TooltipPosition || (exports.TooltipPosition = {}));
-exports.keybordKeyCodeEnum = void 0;
-(function (keybordKeyCodeEnum) {
-  keybordKeyCodeEnum[keybordKeyCodeEnum["TAB"] = 9] = "TAB";
-  keybordKeyCodeEnum[keybordKeyCodeEnum["SPACE"] = 32] = "SPACE";
-  keybordKeyCodeEnum[keybordKeyCodeEnum["ESC"] = 27] = "ESC";
-  keybordKeyCodeEnum[keybordKeyCodeEnum["ENTER"] = 13] = "ENTER";
-  keybordKeyCodeEnum[keybordKeyCodeEnum["ARROW_UP"] = 38] = "ARROW_UP";
-  keybordKeyCodeEnum[keybordKeyCodeEnum["ARROW_DOWN"] = 40] = "ARROW_DOWN";
-})(exports.keybordKeyCodeEnum || (exports.keybordKeyCodeEnum = {}));
-exports.ThemeVariant = void 0;
-(function (ThemeVariant) {
-  ThemeVariant["dark"] = "dark";
-  ThemeVariant["light"] = "light";
-})(exports.ThemeVariant || (exports.ThemeVariant = {}));
-exports.DividerSize = void 0;
-(function (DividerSize) {
-  DividerSize["small"] = "small";
-  DividerSize["medium"] = "medium";
-  DividerSize["large"] = "large";
-})(exports.DividerSize || (exports.DividerSize = {}));
-exports.DividerOrientation = void 0;
-(function (DividerOrientation) {
-  DividerOrientation["horizontal"] = "horizontal";
-  DividerOrientation["vertical"] = "vertical";
-})(exports.DividerOrientation || (exports.DividerOrientation = {}));

package/dist/wc/cjs/utils-1f907efa.js

@@ -1,42 +0,0 @@
-'use strict';
-
-const index = require('./index-b9bd2767.js');
-
-function randomId() {
-  return Math.random().toString(36).replace("0.", "");
-}
-function handleKeyboardSubmit(ev, callback, ...args) {
-  if (ev.keyCode === index.keybordKeyCodeEnum.ENTER ||
-    ev.keyCode === index.keybordKeyCodeEnum.SPACE) {
-    ev.preventDefault();
-    callback(...args);
-  }
-}
-function getClickedElement(elem = null) {
-  if (!elem)
-    elem = document.activeElement;
-  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-    elem = elem.shadowRoot.activeElement;
-    return getClickedElement(elem);
-  }
-  return elem;
-}
-function getElementTree(elem, tree = []) {
-  tree.push(elem);
-  if (elem.parentElement) {
-    elem = elem.parentElement;
-    return getElementTree(elem, tree);
-    // @ts-ignore
-  }
-  else if (elem.parentNode && elem.parentNode.host) {
-    // @ts-ignore
-    elem = elem.parentNode.host;
-    return getElementTree(elem, tree);
-  }
-  return tree;
-}
-
-exports.getClickedElement = getClickedElement;
-exports.getElementTree = getElementTree;
-exports.handleKeyboardSubmit = handleKeyboardSubmit;
-exports.randomId = randomId;

package/dist/wc/cjs/z-card-alert.cjs.entry.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-
-const stylesCss = ":host{position:absolute;font-family:var(--dashboard-font);font-weight:var(--font-rg);width:100%;top:0px;left:0px;z-index:2}.relativeContainer{position:relative;height:48px;display:grid;grid-template-columns:34px auto 48px;grid-template-rows:1fr;grid-column-gap:8px;align-items:center;padding:0 var(--space-unit);outline:none}.relativeContainer::-moz-focus-inner{border:0}:host div.addAlert{background:var(--status-success-green-lighter)}:host div.removeAlert{background:var(--status-warning-yellow-lighter);border:var(--border-size-medium) solid var(--bg-grey-200);border-top:none}:host div>.contentText{color:var(--text-grey-800);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.contentAction{color:var(--myz-blue);font-size:12px;font-weight:var(--font-sb);height:20px;letter-spacing:0.32px;line-height:20px;cursor:pointer}:host div>z-icon{justify-self:center}:host div>z-icon.addAlert{color:var(--status-success-green);fill:var(--status-success-green)}:host div>z-icon.removeAlert{color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}";
-
-const ZCardAlert = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.undoAction = index.createEvent(this, "undoAction", 7);
-  }
-  emitUndoAction() {
-    this.undoAction.emit({ actionType: this.type });
-  }
-  handleSpaceKeyPress(e) {
-    if (e.keyCode == 32 || e.keyCode == 13) {
-      e.preventDefault();
-      this.emitUndoAction();
-    }
-  }
-  handleActionButtonClick(e) {
-    e.preventDefault();
-    this.emitUndoAction();
-  }
-  retrieveClass() {
-    let className = "";
-    switch (this.type) {
-      case "add":
-        className = "addAlert";
-        break;
-      case "remove":
-        className = "removeAlert";
-        break;
-      default:
-        className = "";
-        break;
-    }
-    return className;
-  }
-  render() {
-    return (index.h("div", { class: `relativeContainer ${this.retrieveClass()}` }, index.h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { class: "contentText" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { role: "button", tabindex: "0", class: "contentAction", onClick: (e) => {
-        this.handleActionButtonClick(e);
-      }, onKeyPress: (e) => {
-        this.handleSpaceKeyPress(e);
-      } }, this.actiontext))));
-  }
-};
-ZCardAlert.style = stylesCss;
-
-exports.z_card_alert = ZCardAlert;

package/dist/wc/cjs/z-card-body.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-
-const stylesCss = ":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";
-
-const ZCardBody = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", null, index.h("slot", { name: "alert" }), index.h("slot", { name: "cover" })));
-  }
-};
-ZCardBody.style = stylesCss;
-
-exports.z_card_body = ZCardBody;

package/dist/wc/cjs/z-card-cover.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-
-const stylesCss = "img{display:block;max-height:340px;margin:auto auto}img.faded{opacity:0.3}";
-
-const ZCardCover = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  hadleOnImageError() {
-    this.img = this.defaultimg;
-  }
-  render() {
-    return (index.h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
-  }
-};
-ZCardCover.style = stylesCss;
-
-exports.z_card_cover = ZCardCover;

package/dist/wc/cjs/z-card-footer.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-const index$1 = require('./index-b9bd2767.js');
-
-const stylesCss = "footer{font-family:var(--dashboard-font);font-weight:var(--font-rg);color:var(--text-grey-800);background-color:var(--bg-white);margin:0px;padding:0px;position:relative;z-index:5;height:48px;width:auto;top:0px;transition:height 500ms ease-in-out, top 500ms ease-in-out;border-radius:0px 0px var(--border-radius) var(--border-radius);border-top:var(--border-size-medium) solid var(--bg-grey-200)}footer.real,footer.trial{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--dashboard-font);font-weight:var(--font-sb)}footer>h2{font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:16px;line-height:22px;height:40px;margin:0px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);overflow:hidden;background-color:var(--bg-white);transition:all 200ms linear}footer.isopen>h2{font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear;background-color:var(--bg-neutral-200)}footer.isopen.real>h2,footer.isopen.trial>h2{background-color:var(--accent)}footer>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2);height:40px;overflow:hidden}footer .visible{display:block}footer .hidden{display:none}footer>div>p{font-size:14px;height:20px;line-height:20px;margin:0px;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer>div>p.year_isbn{padding-top:var(--space-unit);display:flex;flex-direction:row;justify-content:space-between}footer>div>p.year_isbn>span.isbn{text-overflow:ellipsis;overflow:hidden}footer.isopen>div:not(.slot-handler){height:68px}footer.isopen>div>p.authors{height:40px;white-space:initial;text-overflow:initial}footer.isopen{height:300px;top:-200px;transition:height 500ms ease-in-out, top 500ms ease-in-out}.toggle{position:absolute;top:-24px;left:16px;z-index:10}.faded{opacity:0.3;pointer-events:none}";
-
-const ZCardFooter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isOpen = false;
-    this.allowTooltipAuthors = false;
-  }
-  handleToggle() {
-    this.isOpen = !this.isOpen;
-  }
-  getTitleAuthors() {
-    return this.allowTooltipAuthors ? this.autori : "";
-  }
-  elementsEllipsis() {
-    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
-  }
-  elementAuthorsHasEllipsis() {
-    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
-  }
-  retrieveClass() {
-    return {
-      isopen: this.isOpen,
-      real: this.cardtype === index$1.LicenseTypeEnum.real,
-      trial: this.cardtype === index$1.LicenseTypeEnum.trial
-    };
-  }
-  footerTransitionHandler(e) {
-    if (["visibility", "height"].includes(e.propertyName)) {
-      this.elementsEllipsis();
-    }
-  }
-  render() {
-    return (index.h("div", { class: this.faded && "faded" }, index.h("footer", { class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { class: "toggle" }, index.h("slot", { name: "toggle" })), index.h("h2", null, this.titolo), index.h("div", null, index.h("p", { class: "authors", ref: el => (this.ellipsisAuthors = el) }, index.h("span", { title: this.getTitleAuthors() }, index.h("span", { class: "bold" }, this.autori))), index.h("p", { class: "year_isbn" }, index.h("span", { class: "isbn" }, index.h("span", null, index.h("span", { class: "bold" }, this.isbn), " (ed. cartacea)")))), index.h("div", { class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { name: "list" })))));
-  }
-};
-ZCardFooter.style = stylesCss;
-
-exports.z_card_footer = ZCardFooter;

package/dist/wc/cjs/z-card-header.cjs.entry.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-const index$1 = require('./index-b9bd2767.js');
-
-const stylesCss = "header{display:flex;flex-direction:row;align-items:flex-start;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--bg-grey-200);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius)\n    var(--border-no-radius);background-color:var(--bg-white)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--dashboard-font);font-weight:var(--font-sb);color:var(--text-grey-800);width:80%;height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-top:var(--border-size-medium) solid var(--bg-grey-200);border-right:var(--border-size-medium) solid var(--bg-grey-200);border-left:var(--border-size-medium) solid var(--bg-grey-200)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";
-
-const ZCardHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.allowTooltip = false;
-  }
-  getTitle() {
-    return this.allowTooltip ? this.titolo : "";
-  }
-  componentDidLoad() {
-    if (this.elementHasEllipsis())
-      this.allowTooltip = true;
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  retrieveClass() {
-    return {
-      real: this.cardtype === index$1.LicenseTypeEnum.real,
-      trial: this.cardtype === index$1.LicenseTypeEnum.trial,
-      faded: this.faded
-    };
-  }
-  render() {
-    return (index.h("header", { class: this.retrieveClass() }, index.h("h2", { ref: el => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { name: "icon" })));
-  }
-};
-ZCardHeader.style = stylesCss;
-
-exports.z_card_header = ZCardHeader;

package/dist/wc/cjs/z-card-icon.cjs.entry.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-458dc8f4.js');
-
-const stylesCss = "button{width:42px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--myz-blue);fill:var(--myz-blue);cursor:pointer;outline:none;background:none;border:none;border-left:var(--border-size-medium) solid var(--bg-grey-200);border-radius:0px var(--border-radius) 0px 0px;margin:0;padding:0px;width:48px;height:48px}button:active,button:focus{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius);border:0px}button:hover>span{background:var(--myz-blue-lighter)}button:focus>span{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active>span{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--bg-grey-200)}button::-moz-focus-inner{border:0}";
-
-const ZCardIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** disabled status flag */
-    this.isdisabled = false;
-  }
-  render() {
-    return (index.h("button", { disabled: this.isdisabled }, index.h("span", null, index.h("z-icon", { name: this.icon, width: 16, height: 16 }))));
-  }
-};
-ZCardIcon.style = stylesCss;
-
-exports.z_card_icon = ZCardIcon;