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

package/dist/cjs/z-myz-topbar.cjs.entry.js

@@ -1,190 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-f08f7171.js');
-const breakpoints = require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ":host a{cursor:pointer}header{position:sticky;z-index:99;top:0;display:grid;margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg);grid-template:1fr / 1fr;grid-template-areas:\"main-header\"}.main-header{z-index:10;display:grid;height:auto;align-items:center;background-color:var(--bg-grey-900);grid-area:main-header;grid-column-gap:calc(var(--space-unit) * 0.5);grid-template:1fr / 2fr 2fr 4fr 100px;grid-template-areas:\"logo link-int link-ext login\"}.main-header.myz-out{background-color:var(--bg-white)}.logo{padding:6px;grid-area:logo}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{display:block;max-height:32px;padding:0;margin:0;grid-area:dropdown-links;list-style:none}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{display:inline-block;padding:0;margin:0;list-style:none}.dropdown-links>li>a{width:auto;height:auto;padding-bottom:calc(var(--space-unit) * 0.5);margin:var(--space-unit);color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{border-bottom:2px solid var(--myz-blue);color:var(--text-grey-800)}.mobile-header{position:fixed;z-index:inherit;z-index:999;top:0;left:0;display:flex;width:100%;height:52px;flex-flow:row nowrap;align-content:center;align-items:stretch;align-items:center;justify-content:space-between;background-color:var(--bg-grey-900)}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{position:fixed;z-index:999;top:52px;left:0;display:flex;overflow:hidden;width:100%;max-height:0;flex-flow:column nowrap;align-content:center;align-items:center;justify-content:center;background-color:var(--bg-grey-900);transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{position:relative;display:block;width:calc(100% - 64px);height:0;max-height:0;padding:0;border:none;border-top:1px solid var(--text-grey-700);margin:0 calc(var(--space-unit) * 4);clear:both;font-size:1px;line-height:0}.menu-mobile{display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:flex-start;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);color:var(--bg-white);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{display:flex;flex-direction:column;margin:0 var(--space-unit);grid-area:menu-toggle}.menu-toggle .bar{width:20px;height:2px;margin:2px auto;background-color:var(--bg-white);transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{display:flex;overflow:hidden;width:100%;height:0%;height:100%;max-height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:0}.hidden{visibility:hidden}.login{display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2);grid-area:login}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 4) 0}.link-ext{display:flex;overflow:hidden;width:100%;height:0%;height:100%;max-height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:0;grid-area:link-ext}.link-ext-span{display:inline-block;width:100%;box-sizing:border-box;padding:0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);margin:calc(var(--space-unit) * 0.5) auto;margin:0 auto;line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{display:flex;overflow:hidden;width:100%;height:100%;max-height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:0}.link-int>span{display:flex;width:100%;flex-flow:column nowrap;align-content:flex-start;align-items:stretch;justify-content:flex-start}.link-int>span>.menu-item{display:flex;width:100%;height:auto;box-sizing:border-box;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);margin:0 auto;color:var(--bg-white);font-size:16px;font-weight:var(--font-sb);letter-spacing:0.2px;line-height:44px;outline:none;text-decoration:none}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{width:24px;height:28px;padding-top:calc(var(--space-unit) * 2);text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-flow:column nowrap;align-content:flex-start;align-items:stretch;justify-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{display:flex;width:100%;height:auto;box-sizing:border-box;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);margin:0 auto;color:var(--bg-white);font-size:16px;font-weight:var(--font-sb);letter-spacing:0.2px;line-height:44px;outline:none;text-decoration:none}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{width:24px;height:28px;padding-top:calc(var(--space-unit) * 2);text-align:right}.mobile-login>span>.menu-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{position:relative;top:-0.12em;left:0.16em;display:inline-block;width:0.45em;height:0.45em;border-width:0.12em 0.12em 0 0;border-style:solid;margin-top:2px;margin-right:6px;margin-left:2px;content:\" \";transform:rotate(135deg) scale(1.2);transition:all 0.5s ease;vertical-align:top}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{display:block;overflow:hidden;width:100%;max-height:0;box-sizing:border-box;padding:0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);margin:0 auto;background:white;line-height:44px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{margin-bottom:0;grid-template:0.2fr auto / 1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-areas:\"main-header main-header main-header main-header main-header\" \"dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu\"}header.myz-out{top:0;grid-template-rows:1fr}.main-header{display:grid;grid-area:main-header;grid-template:1fr / 170px auto auto 120px;grid-template-areas:\"logo link-int link-ext login\"}.dropdown-menu{z-index:9;display:grid;height:32px;padding-left:160px;background:var(--bg-grey-200);grid-area:dropdown-menu;grid-column-gap:var(--space-unit);grid-template:1fr / 1fr;grid-template-areas:\"dropdown-links\";visibility:visible}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{display:flex;max-height:46px;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:flex-start;margin-top:calc(var(--space-unit) * 0.5);grid-area:link-int}.link-int>span{display:flex;width:auto;flex-flow:column nowrap;align-content:center;align-items:center;justify-content:flex-start}.link-int>span>.menu-item{width:auto;height:auto;padding:calc(var(--space-unit) * 1.5);color:var(--bg-white);font-weight:var(--font-sb);letter-spacing:0.2px;line-height:14px;outline:none;text-decoration:none}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;max-height:46px;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:flex-end}.link-ext-span{width:auto;padding:calc(var(--space-unit) * 0.5) var(--space-unit);margin:var(--space-unit);line-height:14px}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}";
-
-const ZMyzTopbar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isMobile = true;
-    this.isMenuMobileOpen = false;
-    this.intMenuData = [];
-    this.extMenuData = [];
-    this.isLogged = false;
-  }
-  activeIntLinkChange(newValue) {
-    this.activeMenuItem = this.currentMenuItem = this.intMenuData.find((item) => item.id === newValue);
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
-  }
-  handleZListItemLinkClick() {
-    this.isMenuMobileOpen = false;
-  }
-  handleZListItemClick() {
-    this.isMenuMobileOpen = false;
-  }
-  componentWillLoad() {
-    if (this.intlinkdata) {
-      this.intMenuData = typeof this.intlinkdata === "string" ? JSON.parse(this.intlinkdata) : this.intlinkdata;
-    }
-    this.activeMenuItem = this.currentMenuItem = this.intMenuData.find((item) => item.id === this.activeintlinkid);
-    if (this.extlinkdata) {
-      this.extMenuData = typeof this.extlinkdata === "string" ? JSON.parse(this.extlinkdata) : this.extlinkdata;
-    }
-    if (this.userdata) {
-      this.userData = typeof this.userdata === "string" ? JSON.parse(this.userdata) : this.userdata;
-      this.isLogged = this.userData.islogged;
-    }
-    this.handleResize();
-  }
-  renderLogoDiv() {
-    return (index.h("div", { class: "logo" }, index.h("z-logo", { link: this.logolink ? this.logolink : null, "target-blank": true, width: 144, height: 36, "image-alt": this.imagealt })));
-  }
-  renderIntMenu(menuItems) {
-    if (!this.isLogged || !this.ismyz) {
-      return;
-    }
-    return (index.h("div", { id: "link-int", class: "link-int" }, menuItems.map((item) => this.renderIntMenuItem(item))));
-  }
-  renderIntMenuItem(menuItem) {
-    const { id, label, link } = menuItem;
-    return (index.h("span", null, index.h("a", { href: link ? link : null, id: id, class: "menu-item", onClick: () => {
-        this.activeMenuItem = this.currentMenuItem = menuItem;
-        this.activeintlinkid = menuItem.id;
-        if (menuItem.subMenu) {
-          this.handleToggleMobileMenuItem(menuItem.id);
-        }
-      }, onMouseEnter: () => {
-        this.activeMenuItem = menuItem;
-      }, onMouseLeave: () => {
-        this.activeMenuItem = this.currentMenuItem;
-      }, role: link ? "link" : "button", tabindex: this.getIntMenuItemTabindex(menuItem) }, index.h("span", null, label), menuItem.subMenu ? index.h("i", null) : null), index.h("svg", { height: "8", width: "16", class: {
-        hidden: !this.activeMenuItem || this.activeMenuItem.id !== id,
-      } }, index.h("polygon", { points: "8,0 16,8 0,8", class: "arrow" })), this.isMobile && this.renderMenuItemsData(menuItem)));
-  }
-  getIntMenuItemTabindex(item) {
-    return this.intMenuData.indexOf(item) + 1;
-  }
-  handleToggleMobileMenuItem(elementId) {
-    if (!this.isMobile) {
-      return;
-    }
-    this.element.shadowRoot.querySelector(`#${elementId}`).classList.toggle("isopen");
-    this.element.shadowRoot.querySelector("#mobile-dropdown-" + elementId).classList.toggle("visible");
-  }
-  renderMenuItemsData(menuItem) {
-    if (!menuItem.subMenu) {
-      return null;
-    }
-    const listItems = menuItem.subMenu.map((item) => {
-      return {
-        id: item.id,
-        text: item.label,
-        link: item.link,
-        listitemid: item.id,
-      };
-    });
-    return this.renderMobileSubMenu(listItems, menuItem.id);
-  }
-  renderMobileSubMenu(menuItems, id) {
-    return (index.h("span", { class: "mobile-dropdown", id: id ? `mobile-dropdown-${id}` : "" }, index.h("z-myz-list", { list: menuItems })));
-  }
-  renderSubMenu(menuItem) {
-    if (!this.ismyz || !this.isLogged) {
-      return;
-    }
-    if (!menuItem || !menuItem.subMenu) {
-      return (index.h("div", { id: "dropdown-menu", class: `dropdown-menu hidden` }));
-    }
-    return (index.h("div", { id: "dropdown-menu", class: `dropdown-menu` }, index.h("ul", { class: "dropdown-links" }, menuItem.subMenu.map((item) => (index.h("li", null, index.h("a", { id: item.id, class: item.id === this.activesublinkid ? "active" : "", href: item.link ? item.link : null, role: item.link ? "link" : "button", tabindex: this.getIntMenuItemTabindex(menuItem) }, item.label)))))));
-  }
-  renderExtLinksIcons(icon) {
-    const width = window.innerWidth > 0 ? window.innerWidth : screen.width;
-    const hideIcons = width > breakpoints.mobileBreakpoint && width < breakpoints.tabletBreakpoint;
-    if (!hideIcons) {
-      return { icon };
-    }
-  }
-  renderExtMenu(menuItems) {
-    if (!this.isLogged) {
-      return index.h("div", null);
-    }
-    return (index.h("div", { id: "link-ext", class: "link-ext" }, menuItems.map((menuItem) => {
-      const { id, label, link, icon } = menuItem;
-      return (index.h("span", { class: `link-ext-span${this.ismyz ? " myz" : ""}` }, index.h("z-link", Object.assign({ id: id, htmlid: id, href: link, iswhite: !!this.ismyz, target: "_blank", htmltabindex: 10 }, this.renderExtLinksIcons(icon)), label)));
-    })));
-  }
-  renderLoginDiv(userData) {
-    return (index.h("div", { class: "login" }, this.isLogged ? (index.h("z-menu-dropdown", { nomeutente: userData.name, menucontent: JSON.stringify(userData.userlinks) })) : (this.renderLoginButton())));
-  }
-  renderLoginButton() {
-    if (this.hideloginbutton) {
-      return;
-    }
-    return (index.h("z-button", { htmlid: "login-button", variant: this.ismyz ? index$1.ButtonVariant.SECONDARY : index$1.ButtonVariant.TERTIARY, icon: "login", size: index$1.ButtonSize.SMALL }, "entra"));
-  }
-  renderMobileLoginDiv(userData) {
-    return (index.h("div", { id: "mobile-login", class: "mobile-login" }, index.h("span", null, index.h("a", { class: "menu-item", id: "user-data", onClick: () => this.handleToggleMobileMenuItem("user-data"), role: "button" }, index.h("span", null, index.h("z-icon", { name: "user-avatar", height: 16, width: 16 }), userData.name), index.h("i", null)), this.renderUserData(userData))));
-  }
-  renderUserData(userData) {
-    if (this.isMobile && !userData) {
-      return null;
-    }
-    const listItems = userData.userlinks.map((item) => {
-      return {
-        text: item.label,
-        link: item.link,
-        icon: item.icon,
-        listitemid: item.id,
-      };
-    });
-    return this.renderMobileSubMenu(listItems, "user-data");
-  }
-  renderDesktopHeader() {
-    return (index.h("header", { class: !this.ismyz ? "myz-out" : "" }, this.renderMainHeader(), this.renderSubMenu(this.activeMenuItem)));
-  }
-  renderMainHeader() {
-    return (index.h("div", { id: "main-header", class: {
-        "main-header": true,
-        "myz-out": !this.ismyz,
-      } }, this.renderLogoDiv(), this.renderIntMenu(this.intMenuData), this.renderExtMenu(this.extMenuData), this.renderLoginDiv(this.userData)));
-  }
-  renderMobileHeader() {
-    return (index.h("header", null, this.renderMobileMenu(), this.renderMobileMenuContent()));
-  }
-  renderMobileMenu() {
-    return (index.h("div", { id: "mobile-header", class: `mobile-header${this.ismyz ? "" : " myz-out"}` }, this.renderLogoDiv(), this.renderMobileMenuToggle()));
-  }
-  renderMobileMenuToggle() {
-    if (!this.isLogged) {
-      return this.renderLoginButton();
-    }
-    return (index.h("div", { class: "menu-mobile", id: "mobile-menu-wrapper", onClick: () => (this.isMenuMobileOpen = !this.isMenuMobileOpen) }, index.h("div", { class: `menu-toggle${this.isMenuMobileOpen ? " is-active" : ""}`, id: "mobile-menu" }, index.h("span", { class: "bar" }), index.h("span", { class: "bar" }), index.h("span", { class: "bar" })), index.h("span", null, "Menu")));
-  }
-  renderMobileMenuContent() {
-    if (!this.isLogged) {
-      return;
-    }
-    return (index.h("div", { id: "mobile-content", class: {
-        "mobile-content": true,
-        "open": this.isMenuMobileOpen,
-        "myz-out": !this.ismyz,
-      } }, this.renderMobileLoginDiv(this.userData), this.ismyz && index.h("hr", null), this.renderIntMenu(this.intMenuData), index.h("hr", null), this.renderExtMenu(this.extMenuData)));
-  }
-  render() {
-    return this.isMobile ? this.renderMobileHeader() : this.renderDesktopHeader();
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "activeintlinkid": ["activeIntLinkChange"]
-  }; }
-};
-ZMyzTopbar.style = stylesCss;
-
-exports.z_myz_topbar = ZMyzTopbar;

package/dist/cjs/z-pagination-bar.cjs.entry.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const hammer = require('./hammer-4f20813e.js');
-const utils = require('./utils-73ead59e.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./index-f08f7171.js');
-require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ":host>div{display:flex;height:48px;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:space-around}:host>div>z-icon{margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01)}:host>div>z-icon.disabled{color:var(--color-disabled01);cursor:default;fill:var(--color-disabled01);pointer-events:none}";
-
-const ZPaginationBar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.goToPage = index.createEvent(this, "goToPage", 7);
-    this.changeStartPage = index.createEvent(this, "changeStartPage", 7);
-    this.addPageToHistory = index.createEvent(this, "addPageToHistory", 7);
-    /** current displayed page (mutable) */
-    this.currentpage = 1;
-    /** initial page (mutable) */
-    this.startpage = 1;
-    /** array of history of visited pages (mutable, optional) */
-    this.listhistoryrow = [];
-    this.currentPages = [];
-    this.velocityConstantMultiplier = 2;
-    this.navigateRight = this.navigateRight.bind(this);
-    this.navigateLeft = this.navigateLeft.bind(this);
-    this.emitGoToPage = this.emitGoToPage.bind(this);
-  }
-  componentDidLoad() {
-    this.scrollPage = this.scrollPage.bind(this);
-    const mc = new hammer.hammer(this.bar);
-    // listen to events...
-    mc.on("swiperight", this.scrollPage);
-    mc.on("swipeleft", this.scrollPage);
-  }
-  componentWillRender() {
-    this.initPagination();
-  }
-  componentWillUpdate() {
-    this.initPagination();
-  }
-  initPagination() {
-    this.loadPages();
-    if (this.historyraw) {
-      this.parsehistoryraw(this.historyraw);
-    }
-  }
-  parsehistoryraw(historyraw) {
-    this.listhistoryrow = [...JSON.parse(historyraw)];
-  }
-  scrollPage(ev) {
-    const vel = Math.round(Math.abs(ev.velocity)) * this.velocityConstantMultiplier;
-    const deltaPage = Math.max(1, vel);
-    switch (ev.type) {
-      case "swiperight":
-        if (this.canNavigateLeft()) {
-          this.emitChangeStartPage(Math.max(1, this.startpage - deltaPage));
-        }
-        break;
-      case "swipeleft":
-        if (this.canNavigateRight()) {
-          this.emitChangeStartPage(Math.min(this.startpage + deltaPage, this.pages - this.visiblepages + 1));
-        }
-        break;
-    }
-  }
-  emitGoToPage(page) {
-    this.currentpage = page;
-    this.goToPage.emit({ page: page });
-    this.addPageToHistory.emit({ page: page });
-  }
-  emitChangeStartPage(startpage) {
-    this.startpage = startpage;
-    this.changeStartPage.emit({ startpage: startpage });
-  }
-  loadPages() {
-    this.currentPages.splice(0);
-    const lastPage = this.pageWindow();
-    let i;
-    for (i = 0; i < lastPage; i++) {
-      this.currentPages.push(i + this.startpage);
-    }
-  }
-  pageWindow() {
-    return Math.min(this.pages, this.visiblepages); //How many pages are there to show?
-  }
-  canNavigateLeft() {
-    return this.startpage > 1;
-  }
-  canNavigateRight() {
-    return this.startpage + this.visiblepages - 1 < this.pages;
-  }
-  navigateLeft() {
-    if (this.canNavigateLeft()) {
-      this.startpage--;
-      this.emitChangeStartPage(this.startpage);
-      this.loadPages();
-    }
-  }
-  navigateRight() {
-    if (this.canNavigateRight()) {
-      this.startpage++;
-      this.emitChangeStartPage(this.startpage);
-      this.loadPages();
-    }
-  }
-  render() {
-    return (index.h("div", { ref: (el) => (this.bar = el) }, index.h("z-icon", { name: "chevron-left", class: !this.canNavigateLeft() && "disabled", onClick: () => this.navigateLeft(), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.navigateLeft), tabindex: this.canNavigateLeft() ? 0 : -1 }), this.currentPages.map((page) => (index.h("z-pagination-page", { value: page, isselected: page === this.currentpage, onClick: () => this.emitGoToPage(page), onKeyDown: (ev) => utils.handleKeyboardSubmit(ev, this.emitGoToPage, page), isvisited: this.listhistoryrow.includes(page) }))), index.h("z-icon", { name: "chevron-right", class: !this.canNavigateRight() && "disabled", onClick: () => this.navigateRight(), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.navigateRight), tabindex: this.canNavigateRight() ? 0 : -1 })));
-  }
-};
-ZPaginationBar.style = stylesCss;
-
-exports.z_pagination_bar = ZPaginationBar;

package/dist/cjs/z-pagination-page.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const stylesCss = ":host{display:inline-block;font-family:var(--font-family-sans);font-weight:var(--font-sb)}:host>button{display:inline-block;min-width:56px;height:48px;box-sizing:border-box;border:none;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;color:var(--color-primary01);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:inherit;line-height:48px;outline:none;text-align:center;text-decoration:none;transition:border-bottom 0.2s ease, font-size 0.2s ease}:host>button[disabled]{color:var(--color-disabled02);cursor:default;pointer-events:none}:host>button:hover{border-bottom:var(--border-size-large) solid var(--color-hover-light);background-color:var(--color-background);text-decoration:none;transition:border-bottom 0.2s ease, background-color 0.2s ease}:host>button:focus{border-bottom:var(--border-size-large) solid var(--color-hover-light);background-color:var(--color-background);box-shadow:var(--shadow-focus-primary);text-decoration:none}:host>button.visited{border-color:var(--color-hover-light);text-decoration:none}:host>button.selected{border-bottom:var(--border-size-large) solid var(--color-primary01);font-size:var(--font-size-7);transition:border-bottom 0.2s ease, font-size 0.2s ease}";
-
-const ZPaginationPage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** selected status flag */
-    this.isselected = false;
-    /** disabled status flag */
-    this.isdisabled = false;
-    /** visited status flag */
-    this.isvisited = false;
-    /** aria-label string */
-    this.ariaLabel = "";
-  }
-  render() {
-    return (index.h("button", { id: this.pageid, "aria-label": this.ariaLabel ? this.ariaLabel : `Go to page ${this.value}`, class: { selected: this.isselected, visited: this.isvisited }, disabled: this.isdisabled, type: "button" }, this.value));
-  }
-};
-ZPaginationPage.style = stylesCss;
-
-exports.z_pagination_page = ZPaginationPage;

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

@@ -1,135 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-f08f7171.js');
-const utils = require('./utils-73ead59e.js');
-require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ".sc-z-popover-deprecated-h{position:relative;display:inline-block;font-family:var(--dashboard-font);font-weight:var(--font-rg);--shadow-arrow-color:rgb(66 69 72 / 20%);--shadow-arrow-below-color:rgb(66 69 72 / 10%)}.popover-content-container.sc-z-popover-deprecated{position:absolute;z-index:999;min-width:64px;min-height:32px;box-sizing:border-box;visibility:hidden}.popover-content-container.visible.sc-z-popover-deprecated{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover-deprecated{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover-deprecated{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover-deprecated{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover-deprecated{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover-deprecated{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover-deprecated{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover-deprecated{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover-deprecated{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover-deprecated{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover-deprecated{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover-deprecated{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover-deprecated{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover-deprecated{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover-deprecated{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover-deprecated{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:0}.popover-content-container.below-center.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));right:0}.popover-content-container.before-down.sc-z-popover-deprecated{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover-deprecated{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover-deprecated{right:calc(100% + var(--space-unit));bottom:0}.popover-content-container.above-right.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:0}.popover-content-container.above-center.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover-deprecated{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover-deprecated::before{position:absolute;z-index:-1;display:none;width:8px;height:8px;background-color:inherit;content:\"\";transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover-deprecated::before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover-deprecated::before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover-deprecated::before{top:-4px;left:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover-deprecated::before{top:-4px;left:calc(50% - 4px);box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover-deprecated::before{top:-4px;right:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover-deprecated::before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover-deprecated::before{right:-4px;bottom:12px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover-deprecated::before{bottom:-4px;left:12px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover-deprecated::before{bottom:-4px;left:calc(50% - 4px);box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover-deprecated::before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover-deprecated::before{display:block}";
-
-const ZPopoverDeprecated = class {
-  /**
-   * Constructor.
-   */
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.triggerClick = index.createEvent(this, "triggerClick", 7);
-    /** [optional] Popover position */
-    this.position = index$1.PopoverPosition.AFTER_UP;
-    /** [optional] Background color token for popover */
-    this.backgroundColor = "color-white";
-    /** [optional] Border radius token for popover */
-    this.borderRadius = index$1.PopoverBorderRadius.SMALL;
-    /** [optional] Box shadow token for popover */
-    this.boxShadow = index$1.PopoverShadow.SHADOW_1;
-    /** [optional] Show or hide arrow */
-    this.showArrow = false;
-    /** [optional] Sets padding for Popover container */
-    this.padding = "8px";
-    this.isVisible = false;
-    this.popoverPosition = this.position;
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-  }
-  emitTriggerClick() {
-    this.triggerClick.emit({
-      isVisible: this.isVisible,
-    });
-  }
-  openPopover() {
-    const width = document.body.clientWidth;
-    const height = window.innerHeight;
-    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
-    if (t < 0) {
-      if (this.position.startsWith("above")) {
-        firstSide = "below";
-      }
-      else {
-        secondSide = "down";
-      }
-    }
-    // If bottom is outside viewport
-    if (b > height) {
-      if (this.position.startsWith("below")) {
-        firstSide = "above";
-      }
-      else {
-        secondSide = "up";
-      }
-    }
-    // If right is outside viewport
-    if (r > width) {
-      if (this.position.startsWith("above") || this.position.startsWith("below")) {
-        secondSide = "left";
-      }
-      else {
-        firstSide = "before";
-      }
-    }
-    // If left is outside viewport
-    if (l < 0) {
-      if (this.position.startsWith("above") || this.position.startsWith("below")) {
-        secondSide = "right";
-      }
-      else {
-        firstSide = "after";
-      }
-    }
-    this.popoverPosition = index$1.PopoverPosition[`${firstSide}-${secondSide}`];
-    this.isVisible = true;
-  }
-  closePopover() {
-    this.popoverPosition = this.position;
-    this.isVisible = false;
-  }
-  closePopoverWithKeyboard(e) {
-    if (e.key === index$1.KeyboardCode.ESC) {
-      this.closePopover();
-    }
-  }
-  handleClick(event) {
-    this.isVisible ? this.closePopover() : this.openPopover();
-    this.emitTriggerClick();
-    event.stopPropagation();
-  }
-  handleKeyDown(event) {
-    if (event.code === index$1.KeyboardCode.ENTER) {
-      this.isVisible ? this.closePopover() : this.openPopover();
-    }
-  }
-  handleOutsideClick(e) {
-    const tree = utils.getElementTree(e.target);
-    const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover-deprecated");
-    if (!parent) {
-      this.closePopover();
-    }
-  }
-  render() {
-    return (index.h(index.Host, { onKeyDown: this.handleKeyDown }, index.h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
-        if (event.key === index$1.KeyboardCode.ENTER) {
-          this.handleClick(event);
-        }
-      } }, index.h("slot", { name: "trigger" })), index.h("div", { ref: (e) => (this.popoverElem = e), class: {
-        "popover-content-container": true,
-        [this.popoverPosition]: true,
-        [`border-radius-${this.borderRadius}`]: true,
-        [this.boxShadow]: true,
-        "show-arrow": this.showArrow,
-        "visible": this.isVisible,
-      }, style: {
-        backgroundColor: `var(--${this.backgroundColor})`,
-        padding: this.padding,
-      } }, index.h("slot", { name: "popover" }))));
-  }
-};
-ZPopoverDeprecated.style = stylesCss;
-
-exports.z_popover_deprecated = ZPopoverDeprecated;

package/dist/cjs/z-status-tag.cjs.entry.js

@@ -1,29 +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-icon-width:14px;--z-icon-height:14px;display:inline-flex;height:22px;align-items:center;padding-right:4px;padding-left:4px;border-radius:var(--border-radius);font-family:var(--font-family-sans);text-transform:uppercase}:host(.expandable)>z-icon{margin-right:0;transition:margin-right 0.3s ease-out 0.2s}:host(:not(.expandable))>z-icon:not(:last-child),:host(.expandable:hover)>z-icon:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}:host(.expandable)>span{overflow:hidden;max-width:0;transition:max-width 0.3s ease-out 0.2s;white-space:nowrap}:host(.expandable:hover)>span{max-width:20rem;transition:max-width 0.3s ease-out 0s}:host([status=\"warning\"]){background-color:var(--status-warning-yellow-lighter);color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].light){background-color:transparent;color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].dark){background-color:var(--status-warning-yellow-dark);color:var(--status-warning-yellow-lighter);fill:var(--status-warning-yellow-lighter)}:host([status=\"error\"]){background-color:var(--status-error-red-lighter);color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].light){background-color:transparent;color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].dark){background-color:var(--status-error-red-dark);color:var(--status-error-red-lighter);fill:var(--status-error-red-lighter)}:host([status=\"success\"]){background-color:var(--status-success-green-lighter);color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].light){background-color:transparent;color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].dark){background-color:var(--status-success-green-dark);color:var(--status-success-green-lighter);fill:var(--status-success-green-lighter)}:host([status=\"default\"]){background-color:var(--myz-blue-lighter);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].light){background-color:transparent;color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].dark){background-color:var(--myz-blue-dark);color:var(--myz-blue-lighter);fill:var(--myz-blue-lighter)}:host([status=\"neutral\"]){background-color:var(--bg-grey-050);color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].light){background-color:transparent;color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].dark){background-color:var(--bg-grey-800);color:var(--text-white);fill:var(--text-white)}";
-
-const ZStatusTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** [optional] Status tag color */
-    this.status = index$1.StatusTagStatus.DEFAULT;
-    if (!this.icon && !this.text) {
-      console.warn("z-status-tag must contain at least one prop between icon and text");
-    }
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        "body-5-sb": true,
-        [this.variant || ""]: true,
-        "expandable": this.expandable && !!this.icon && !!this.text,
-      } }, this.icon && index.h("z-icon", { name: this.icon }), this.text && index.h("span", null, this.text)));
-  }
-};
-ZStatusTag.style = stylesCss;
-
-exports.z_status_tag = ZStatusTag;