@zanichelli/albe-web-components 6.3.1 → 6.3.2-rc1

package/dist/cjs/z-tooltip-deprecated.cjs.entry.js

@@ -1,263 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-f08f7171.js');
-
-const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--space-unit);background:var(--z-tooltip-theme--surface);border-radius:var(--border-radius-small);color:var(--z-tooltip-theme--text);fill:currentcolor;filter:drop-shadow(0 4px 8px var(--shadow-color-base));font-family:var(--font-family-sans);text-align:center;will-change:filter}:host(.legacy){display:inline-flex;min-width:auto;max-width:200px;min-height:auto;padding:calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0 0 2px rgb(0 0 0 / 8%));font-size:12px;font-style:italic;letter-spacing:0.32px;line-height:16px}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;content:\"\";transform:rotate(45deg)}:host([open][style*=\"top:\"]),:host([open][style*=\"inset:\"]){display:inline-flex}:host([position^=\"top\"]){margin-bottom:var(--space-unit)}:host([position=\"right\"]){margin-left:var(--space-unit)}:host([position=\"top_right\"]),:host([position=\"bottom_right\"]){margin-left:var(--edge-offset)}:host([position^=\"bottom\"]){margin-top:var(--space-unit)}:host([position=\"left\"]){margin-right:var(--space-unit)}:host([position=\"top_left\"]),:host([position=\"bottom_left\"]){margin-right:var(--edge-offset)}:host([position^=\"top\"])::before{top:var(--arrow-center-y-offset)}:host([position^=\"bottom\"])::before{bottom:var(--arrow-center-y-offset)}:host([position=\"top\"])::before,:host([position=\"bottom\"])::before{left:var(--arrow-center-x-offset)}:host([position=\"right\"])::before,:host([position=\"left\"])::before{top:var(--arrow-center-x-offset)}:host([position=\"right\"])::before{right:var(--arrow-center-y-offset)}:host([position=\"top_right\"])::before,:host([position=\"bottom_right\"])::before{right:var(--arrow-edge-offset)}:host([position=\"left\"])::before{left:var(--arrow-center-y-offset)}:host([position=\"top_left\"])::before,:host([position=\"bottom_left\"])::before{left:var(--arrow-edge-offset)}::slotted(*){overflow:auto;flex:1 auto}";
-
-const DOCUMENT_ELEMENT = document.documentElement;
-/**
- * Find the closest scrollable parent of a node.
- *
- * @param {Element} element The node
- */
-function findScrollableParent(element) {
-  let parent = element.parentNode;
-  while (parent && parent !== DOCUMENT_ELEMENT) {
-    const { overflow, overflowX, overflowY } = window.getComputedStyle(parent);
-    if (overflow === "hidden" || overflowY === "hidden" || overflowX === "hidden") {
-      return parent;
-    }
-    if ((parent.scrollHeight > parent.clientHeight && overflow !== "visible" && overflowY !== "visible") ||
-      (parent.scrollWidth > parent.clientWidth && overflow !== "visible" && overflowX !== "visible")) {
-      return parent;
-    }
-    parent = parent.parentNode;
-  }
-  return DOCUMENT_ELEMENT;
-}
-/**
- * Calculate computed offset.
- * It includes matrix transformations.
- * @param element The target element.
- * @param targetParentOffset The relative offset parent.
- * @return A client rect object.
- */
-function computeOffset(element, targetParentOffset) {
-  const rect = element.getBoundingClientRect();
-  const width = rect.width;
-  const height = rect.height;
-  let top = 0;
-  let left = 0;
-  let offsetParent = element;
-  while (offsetParent && offsetParent != targetParentOffset) {
-    left += offsetParent.offsetLeft;
-    // document.body sometimes has offsetTop == 0 but still has an
-    // offset because of children margins!
-    if (offsetParent === document.body) {
-      top += offsetParent.getBoundingClientRect().top + window.scrollY;
-    }
-    else {
-      top += offsetParent.offsetTop;
-    }
-    if (window.DOMMatrix) {
-      const style = window.getComputedStyle(offsetParent);
-      const transform = style.transform || style.webkitTransform;
-      const domMatrix = new DOMMatrix(transform);
-      if (domMatrix) {
-        left += domMatrix.m41;
-        if (offsetParent !== document.body) {
-          top += domMatrix.m42;
-        }
-      }
-    }
-    if (!offsetParent.offsetParent) {
-      break;
-    }
-    offsetParent = offsetParent.offsetParent;
-  }
-  let parentWidth;
-  let parentHeight;
-  if (offsetParent === document.body) {
-    parentWidth = window.innerWidth;
-    parentHeight = window.innerHeight;
-  }
-  else {
-    parentWidth = offsetParent.offsetWidth;
-    parentHeight = offsetParent.offsetHeight;
-  }
-  const right = parentWidth - left - rect.width;
-  const bottom = parentHeight - top - rect.height;
-  return { top, right, bottom, left, width, height };
-}
-const ZTooltipDeprecated = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.positionChange = index.createEvent(this, "positionChange", 7);
-    /** Tooltip position. */
-    this.type = index$1.PopoverPositions.AUTO;
-    /**
-     * The open state of the tooltip.
-     */
-    this.open = false;
-  }
-  validateType(newValue) {
-    if (newValue && Object.values(index$1.PopoverPositions).every((position) => newValue !== position)) {
-      this.type = index$1.PopoverPositions.AUTO;
-    }
-  }
-  onPositionChange() {
-    this.positionChange.emit({ position: this.position });
-  }
-  disconnectedCallback() {
-    cancelAnimationFrame(this.animationFrameRequestId);
-  }
-  /**
-   * Setup tooltip behaviors on opening.
-   */
-  onOpen() {
-    cancelAnimationFrame(this.animationFrameRequestId);
-    if (this.content) {
-      return;
-    }
-    if (this.open) {
-      const setPosition = () => {
-        if (this.open) {
-          this.setPosition();
-          this.animationFrameRequestId = requestAnimationFrame(setPosition);
-        }
-      };
-      setPosition();
-    }
-    else {
-      const style = this.host.style;
-      style.removeProperty("top");
-      style.removeProperty("right");
-      style.removeProperty("bottom");
-      style.removeProperty("left");
-    }
-  }
-  /**
-   * Set the position of the tooltip.
-   */
-  setPosition() {
-    let element;
-    if (typeof this.bindTo === "string") {
-      element = this.host.ownerDocument.querySelector(this.bindTo);
-    }
-    else if (this.bindTo) {
-      element = this.bindTo;
-    }
-    else {
-      element = this.host.parentElement;
-    }
-    if (!element) {
-      return;
-    }
-    const scrollContainer = findScrollableParent(element);
-    const scrollingBoundingRect = scrollContainer.getBoundingClientRect();
-    const offsetContainer = this.host.offsetParent;
-    const relativeBoundingRect = offsetContainer
-      ? computeOffset(offsetContainer, scrollContainer)
-      : { top: 0, right: 0, bottom: 0, left: 0 };
-    const boundingRect = computeOffset(element, scrollContainer);
-    const top = boundingRect.top - scrollContainer.scrollTop;
-    const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;
-    const left = boundingRect.left - scrollContainer.scrollLeft;
-    const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;
-    const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);
-    const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);
-    const availableTop = Math.min(top, top + scrollingBoundingRect.top);
-    const availableBottom = Math.min(bottom, bottom - overflowBottom);
-    const availableLeft = Math.min(left, left + scrollingBoundingRect.left);
-    const availableRight = Math.min(right, right - overflowRight);
-    const availableHeight = availableTop + availableBottom + boundingRect.height;
-    const availableWidth = availableLeft + availableRight + boundingRect.width;
-    let position = this.type;
-    if (position === index$1.PopoverPositions.AUTO) {
-      /**
-       * The `AUTO` position tries to place the tooltip in the "safest" area,
-       * where there's more space available.
-       */
-      const positions = [];
-      if (availableTop / availableHeight > 0.9) {
-        positions.unshift(index$1.PopoverPositions.TOP);
-      }
-      else if (availableTop / availableHeight > 0.6) {
-        positions.push(index$1.PopoverPositions.TOP);
-      }
-      else if (availableTop / availableHeight < 0.1) {
-        positions.unshift(index$1.PopoverPositions.BOTTOM);
-      }
-      else {
-        positions.push(index$1.PopoverPositions.BOTTOM);
-      }
-      if (availableLeft / availableWidth > 0.6) {
-        positions.push(index$1.PopoverPositions.LEFT);
-      }
-      else if (availableLeft / availableWidth < 0.4) {
-        positions.push(index$1.PopoverPositions.RIGHT);
-      }
-      position = positions.join("_");
-    }
-    const style = this.host.style;
-    if (!this.content) {
-      style.position = "absolute";
-    }
-    const offsetTop = boundingRect.top - relativeBoundingRect.top;
-    const offsetRight = boundingRect.right - relativeBoundingRect.right;
-    const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;
-    const offsetLeft = boundingRect.left - relativeBoundingRect.left;
-    if (position === index$1.PopoverPositions.TOP ||
-      position === index$1.PopoverPositions.TOP_RIGHT ||
-      position === index$1.PopoverPositions.TOP_LEFT) {
-      style.top = "auto";
-      style.bottom = `${offsetBottom + boundingRect.height}px`;
-    }
-    if (position === index$1.PopoverPositions.BOTTOM ||
-      position === index$1.PopoverPositions.BOTTOM_RIGHT ||
-      position === index$1.PopoverPositions.BOTTOM_LEFT) {
-      style.top = `${offsetTop + boundingRect.height}px`;
-      style.bottom = "auto";
-    }
-    if (position === index$1.PopoverPositions.TOP || position === index$1.PopoverPositions.BOTTOM) {
-      style.left = `${offsetLeft + boundingRect.width / 2 - this.host.clientWidth / 2}px`;
-    }
-    if (position === index$1.PopoverPositions.TOP_RIGHT || position === index$1.PopoverPositions.BOTTOM_RIGHT) {
-      style.right = "auto";
-      style.left = `${offsetLeft + boundingRect.width}px`;
-    }
-    if (position === index$1.PopoverPositions.TOP_LEFT || position === index$1.PopoverPositions.BOTTOM_LEFT) {
-      style.left = "auto";
-      style.right = `${offsetRight + boundingRect.width}px`;
-    }
-    if (position === index$1.PopoverPositions.RIGHT || position === index$1.PopoverPositions.LEFT) {
-      style.top = `${offsetTop + boundingRect.height / 2 - this.host.clientHeight / 2}px`;
-      style.bottom = "auto";
-    }
-    if (position === index$1.PopoverPositions.RIGHT) {
-      style.right = "auto";
-      style.left = `${offsetLeft + boundingRect.width}px`;
-    }
-    if (position === index$1.PopoverPositions.LEFT) {
-      style.left = "auto";
-      style.right = `${offsetRight + boundingRect.width}px`;
-    }
-    this.position = position;
-  }
-  componentWillLoad() {
-    // Keep backward compatibility
-    if (this.content) {
-      this.open = true;
-    }
-    this.validateType(this.type);
-    this.onOpen();
-  }
-  render() {
-    if (this.content) {
-      return (index.h(index.Host, { class: "legacy", position: this.type }, this.content));
-    }
-    return (index.h(index.Host, { position: this.position }, index.h("slot", null)));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "type": ["validateType"],
-    "position": ["onPositionChange"],
-    "open": ["onOpen"]
-  }; }
-};
-ZTooltipDeprecated.style = stylesCss;
-
-exports.z_tooltip_deprecated = ZTooltipDeprecated;

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

@@ -1,256 +0,0 @@
-import { h } from "@stencil/core";
-import { ButtonSize } from "../../../beans";
-/**
- * @slot - main navigation
- * @slot links - bottom navigation
- * @slot social - social links
- */
-export class ZFooter {
-  constructor() {
-    this.creditsLinkId = "creditsLinkId";
-    this.emitReportAProblemButtonClick = this.emitReportAProblemButtonClick.bind(this);
-  }
-  componentWillLoad() {
-    if (this.data) {
-      console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead.");
-      this.jsonData = JSON.parse(this.data);
-    }
-  }
-  zLinkClickListener(e) {
-    if (e.detail.linkId === this.creditsLinkId) {
-      this.emitCreditsLinkClick();
-    }
-  }
-  emitCreditsLinkClick() {
-    this.creditsLinkClick.emit();
-  }
-  emitReportAProblemButtonClick() {
-    this.reportAProblemButtonClick.emit();
-  }
-  renderZLogo() {
-    return (h("z-logo", { link: "https://www.zanichelli.it", width: 144, height: 38, imageAlt: "Home Zanichelli", targetBlank: true }));
-  }
-  renderAddress() {
-    return (h("p", null, "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna", h("br", null), "Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024", h("br", null), "Partita IVA 03978000374"));
-  }
-  renderSocial() {
-    return (h("div", { class: "social" }, h("slot", { name: "social" }), this.renderFooterSocialJsonData()));
-  }
-  renderCopyright() {
-    return (h("p", null, "Copyright \u2013 2018-", new Date().getFullYear(), " Zanichelli", h("span", null, "All rights reserved")));
-  }
-  renderCertification() {
-    return (h("p", null, "Zanichelli editore S.p.A. opera con sistema qualit\u00E0 certificato CertiCarGraf n. 477", h("br", null), "secondo la norma UNI EN ISO 9001:2015"));
-  }
-  renderBottomLinks() {
-    return (h("div", { class: "item bottom-links" }, h("slot", { name: "links" }), this.renderFooterBottomJsonData()));
-  }
-  renderFooterBottom() {
-    return (h("section", { id: "bottom" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { class: "item logo" }, this.renderZLogo(), this.renderCopyright(), this.renderCertification()), h("div", { class: "item" }, this.renderAddress(), this.renderSocial()), this.renderBottomLinks())));
-  }
-  renderFooterTop() {
-    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: (_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", { size: ButtonSize.SMALL, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA"))), h("z-divider", { color: "gray500" }))));
-    }
-  }
-  // INFO: backward compatibility
-  renderFooterTopJsonData() {
-    if (!this.jsonData || !this.jsonData.zanichelliLinks) {
-      return null;
-    }
-    const zanichelliLinks = this.jsonData.zanichelliLinks;
-    if (this.jsonData.bottomLinks) {
-      const bottomLinks = this.jsonData.bottomLinks;
-      zanichelliLinks.push({
-        title: "Altre informazioni",
-        items: bottomLinks,
-      });
-    }
-    return zanichelliLinks.map((item) => (h("z-footer-section", { name: item.title }, item.items.map((item) => (h("z-footer-link", { href: item.link }, item.label))))));
-  }
-  // INFO: backward compatibility
-  renderFooterBottomJsonData() {
-    if (!this.jsonData || !this.jsonData.bottomLinks) {
-      return null;
-    }
-    const bottomLinks = this.jsonData.bottomLinks;
-    return bottomLinks.map((item) => h("z-footer-link", { href: item.link }, item.label));
-  }
-  // INFO: backward compatibility
-  renderFooterSocialJsonData() {
-    if (!this.jsonData || !this.jsonData.social) {
-      return null;
-    }
-    const social = this.jsonData.social;
-    return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
-  }
-  render() {
-    return (h("footer", null, this.renderFooterProductInfo(), this.renderFooterTop(), this.renderFooterBottom()));
-  }
-  static get is() { return "z-footer"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "data": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "deprecated - JSON stringified data to fill the footer"
-        },
-        "attribute": "data",
-        "reflect": false
-      },
-      "productName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The product name to be displayed on the top panel of the footer"
-        },
-        "attribute": "product-name",
-        "reflect": false
-      },
-      "productVersion": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The product version to be displayed on the top panel of the footer"
-        },
-        "attribute": "product-version",
-        "reflect": false
-      },
-      "productCreditsLink": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "'undefined' or 'null' means 'don't show Credits',\nempty string means 'emit creditsLinkClick event',\nnot empty string means 'open the url and emit creditsLinkClick event'"
-        },
-        "attribute": "product-credits-link",
-        "reflect": false
-      },
-      "showReportAProblemButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "True if the product must display a \"Report a problem\" button on the top panel of the footer"
-        },
-        "attribute": "show-report-a-problem-button",
-        "reflect": false
-      },
-      "contentMaxWidth": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Maximum width of footer content"
-        },
-        "attribute": "content-max-width",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "creditsLinkClick",
-        "name": "creditsLinkClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted on credits link click"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "reportAProblemButtonClick",
-        "name": "reportAProblemButtonClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted on report a problem button click"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "zLinkClick",
-        "method": "zLinkClickListener",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}