@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/components/z-pagination.js

@@ -0,0 +1,281 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-Dxu5saXC.js';
+import { i as InputType } from './p-Bla2iV_L.js';
+import { d as defineCustomElement$5 } from './p-C79F56iB.js';
+import { d as defineCustomElement$4 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$3 } from './p-uWp7Cs9b.js';
+import { d as defineCustomElement$2 } from './p-Dog_NtRb.js';
+
+const stylesCss = "z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-background);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-surface01)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";
+
+const ZPagination$1 = /*@__PURE__*/ proxyCustomElement(class ZPagination extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.pageChanged = createEvent(this, "pageChanged", 7);
+        this.label = undefined;
+        this.navArrows = true;
+        this.totalPages = undefined;
+        this.skip = 0;
+        this.edges = false;
+        this.split = undefined;
+        this.visiblePages = undefined;
+        this.currentPage = 1;
+        this.goToPage = undefined;
+        this._visiblePages = this.visiblePages;
+        this.isMobile = false;
+        this.goToPageValue = null;
+    }
+    /**
+     * Set the max width of the pages container.
+     */
+    setPagesContainerWidth() {
+        if (!this._visiblePages || this.split) {
+            this.host.style.setProperty("--z-pagination--pages-container-max-width", "100%");
+            return;
+        }
+        const pagesContainerStyle = window.getComputedStyle(this.host);
+        const pageButtonWidth = pagesContainerStyle.getPropertyValue("--z-pagination--page-button-width");
+        this.host.style.setProperty("--z-pagination--pages-container-max-width", `calc(${pageButtonWidth} * ${this._visiblePages})`);
+    }
+    /**
+     * Set visible pages.
+     * Ensure that the visible pages are always <= the total pages.
+     * If `visiblePages` isn't set, fallback to the total pages.
+     */
+    setVisiblePages() {
+        this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);
+    }
+    /**
+     * On page changed.
+     * @emits pageChanged
+     */
+    onPageChanged() {
+        this.pageChanged.emit(this.currentPage);
+        this.scrollToPage();
+    }
+    /**
+     * On split changed.
+     * Empty `edges` value. The split feature wins over the pages chunks and edges.
+     */
+    onSplitChanged() {
+        if (this.split) {
+            this.edges = false;
+        }
+    }
+    /**
+     * Hide stuff on mobile.
+     */
+    onResize() {
+        this.setMobile();
+    }
+    /**
+     * Set functionalities according to screen size.
+     */
+    setMobile() {
+        const mobileMediaQuery = "screen and (max-width: 767px)";
+        this.isMobile = window.matchMedia(mobileMediaQuery).matches;
+    }
+    /**
+     * Get a list of pages chunks, each of `visiblePages` length.
+     * @returns {number[][]}
+     */
+    getPagesChunks() {
+        // array of numbers from 1 to `totalPages`
+        const pages = Array.from({ length: this.totalPages }, (_, i) => i + 1);
+        const chunks = [];
+        const chunksCount = Math.ceil(pages.length / this._visiblePages);
+        for (let index = 0; index < chunksCount; index++) {
+            chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));
+        }
+        return chunks;
+    }
+    /**
+     * Scroll to the left the chunk of pages containing the current page.
+     */
+    scrollToPage() {
+        const pageBtn = this.host.querySelector(`[data-page="${this.currentPage}"]`);
+        if (!pageBtn) {
+            return;
+        }
+        pageBtn.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "center",
+        });
+    }
+    /**
+     * Select a page.
+     * Do validations on the passed value before assigning it to `currentPage`.
+     * @param {number} page Page number to set
+     */
+    selectPage(page) {
+        this.currentPage = Math.min(Math.max(page, 1), this.totalPages);
+    }
+    /**
+     * Render page number button.
+     * @param {number} page Page number to render
+     * @returns {HTMLButtonElement}
+     */
+    renderPage(page) {
+        return (h("button", { class: "page-button", type: "button", "aria-current": this.currentPage === page ? "page" : "false", title: `Vai alla pagina ${page}`, "data-page": page, "data-current": this.currentPage === page, onClick: () => this.selectPage(page) }, page));
+    }
+    /**
+     * Render split button.
+     * @param {number} page Page to select on click.
+     * @returns {HTMLButtonElement}
+     */
+    renderEllipsisButton(page) {
+        return (h("button", { class: "ellipsis-button", type: "button", title: `Vai alla pagina ${page}`, onClick: () => this.selectPage(page) }, "\u2026"));
+    }
+    /**
+     * Render chunked page buttons.
+     * @returns {HTMLDivElement[]}
+     */
+    renderPages() {
+        const pagesChunks = this.getPagesChunks();
+        if (pagesChunks.length <= 0) {
+            return;
+        }
+        return pagesChunks.map((chunk) => h("div", { class: "pages-chunk" }, chunk.map((page) => this.renderPage(page))));
+    }
+    /**
+     * Render page buttons when split feature is enabled.
+     * @returns {HTMLButtonElement[]}
+     */
+    renderSplitPages() {
+        // left and right split pages, current page, first and last page, left and right ellipsis button
+        if (this.totalPages <= this.split * 2 + 5) {
+            // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.
+            return Array.from({ length: this.totalPages }, (_, i) => this.renderPage(i + 1));
+        }
+        if (this.currentPage <= this.split * 2 + 2) {
+            // Render first (2 * split + 3) pages, ellipsis, then last page.
+            return [
+                ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(i + 1)),
+                this.renderEllipsisButton(this.split * 2 + 4),
+                this.renderPage(this.totalPages),
+            ];
+        }
+        if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {
+            // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.
+            return [
+                this.renderPage(1),
+                this.renderEllipsisButton(this.currentPage - this.split - 1),
+                ...Array.from({ length: this.split * 2 + 1 }, (_, i) => this.renderPage(this.currentPage - this.split + i)),
+                this.renderEllipsisButton(this.currentPage + this.split + 1),
+                this.renderPage(this.totalPages),
+            ];
+        }
+        // Render first page, ellipsis, then last (2 * split + 3) pages.
+        return [
+            this.renderPage(1),
+            this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),
+            ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),
+        ];
+    }
+    renderBackButton() {
+        return (h("button", { class: "navigation-button", type: "button", title: "Vai alla pagina precedente", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, h("z-icon", { name: "chevron-left" })));
+    }
+    renderForwardButton() {
+        return (h("button", { class: "navigation-button", type: "button", title: "Vai alla prossima pagina", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, h("z-icon", { name: "chevron-right" })));
+    }
+    renderMobile() {
+        const pagesChunks = this.getPagesChunks();
+        return [
+            this.label && h("span", { class: "page-label body-1-sb" }, this.label),
+            h("div", { class: "pagination-bar" }, this.renderBackButton(), !this.goToPage && (h("div", { class: "pages-container", role: "navigation", tabIndex: -1 }, pagesChunks.length > 0 &&
+                pagesChunks.map((chunk) => h("div", { class: "pages-chunk" }, chunk.map((page) => this.renderPage(page)))))), this.goToPage && (h("form", { class: "mobile-go-to-page", onSubmit: (ev) => {
+                    ev.preventDefault();
+                    this.selectPage(this.goToPageValue);
+                } }, h("z-input", { class: "go-to-page-input", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, onInput: (ev) => {
+                    this.goToPageValue = ev.target.value;
+                }, placeholder: this.currentPage.toString(), hasclearicon: false }), h("span", null, `/${this.totalPages}`))), this.renderForwardButton()),
+        ];
+    }
+    componentDidLoad() {
+        this.setVisiblePages();
+    }
+    componentDidRender() {
+        if (this.split) {
+            this.edges = false;
+        }
+        this.setPagesContainerWidth();
+        this.setMobile();
+    }
+    render() {
+        if (this.isMobile) {
+            return h(Host, null, this.renderMobile());
+        }
+        return (h(Host, null, h("div", { class: "pagination-bar" }, this.label && h("span", { class: "page-label body-1-sb" }, this.label), this.edges && (h("button", { class: "pagination-button", type: "button", title: "Vai alla pagina 1", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, "Pagina 1")), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, "-", this.skip)), this.navArrows && this.renderBackButton(), h("div", { class: "pages-container", role: "navigation", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, "+", this.skip)), this.edges && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, "Pagina ", this.totalPages))), this.goToPage && (h("div", { class: "go-to-page" }, h("span", { class: "label body-5-sb" }, "Vai a pagina:"), h("div", { class: "inputs" }, h("z-input", { class: "go-to-page-input", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, placeholder: "2", hasclearicon: false, onInput: (ev) => {
+                this.goToPageValue = ev.target.value;
+            }, onKeyDown: (ev) => ev.key === "Enter" && this.selectPage(this.goToPageValue) }), h("z-button", { disabled: !this.goToPageValue, title: "Vai alla pagina inserita", onClick: () => this.selectPage(this.goToPageValue) }, "vai"))))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "_visiblePages": ["setPagesContainerWidth"],
+        "visiblePages": ["setVisiblePages"],
+        "currentPage": ["onPageChanged"],
+        "split": ["onSplitChanged"]
+    }; }
+    static get style() { return stylesCss; }
+}, [0, "z-pagination", {
+        "label": [1],
+        "navArrows": [4, "nav-arrows"],
+        "totalPages": [2, "total-pages"],
+        "skip": [2],
+        "edges": [4],
+        "split": [2],
+        "visiblePages": [2, "visible-pages"],
+        "currentPage": [1026, "current-page"],
+        "goToPage": [4, "go-to-page"],
+        "_visiblePages": [32],
+        "isMobile": [32],
+        "goToPageValue": [32]
+    }, [[9, "resize", "onResize"]], {
+        "_visiblePages": ["setPagesContainerWidth"],
+        "visiblePages": ["setVisiblePages"],
+        "currentPage": ["onPageChanged"],
+        "split": ["onSplitChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-pagination", "z-button", "z-icon", "z-input", "z-input-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-pagination":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZPagination$1);
+            }
+            break;
+        case "z-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "z-input-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZPagination = ZPagination$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZPagination, defineCustomElement };
+//# sourceMappingURL=z-pagination.js.map
+
+//# sourceMappingURL=z-pagination.js.map

package/dist/components/z-pagination.js.map

@@ -0,0 +1 @@
+{"file":"z-pagination.js","mappings":"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","names":["ZPagination","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/styles.css?tag=z-pagination","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/index.js"],"sourcesContent":["z-pagination {\n  --z-pagination--page-button-width: 64px;\n  --z-pagination--pages-container-max-width: 100%;\n\n  display: flex;\n  max-width: 100%;\n  flex-flow: column wrap;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n  box-sizing: border-box;\n}\n\nz-pagination button {\n  height: 100%;\n}\n\nz-pagination z-icon {\n  fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n  fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n  margin-right: calc(var(--space-unit) * 3);\n  color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n  display: flex;\n  max-width: 100%;\n  height: 48px;\n  align-items: center;\n}\n\nz-pagination .pagination-bar button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background-color: var(--color-background);\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: inherit;\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n  background-color: var(--color-surface01);\n  outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n  padding: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n  width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  height: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-align: center;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n  display: none;\n}\n\nz-pagination .pages-chunk {\n  display: flex;\n  scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n  padding-top: var(--border-size-large) solid transparent;\n  border-bottom: var(--border-size-large) solid transparent;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n  border-bottom-color: var(--color-primary01);\n  font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n  display: flex;\n  column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n  width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n  padding: 0 calc(var(--space-unit) * 1.5) !important;\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n  display: flex;\n  height: 100%;\n  flex: 1 auto;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-surface02);\n}\n\nz-pagination .mobile-go-to-page z-input {\n  width: var(--z-pagination--page-button-width);\n  margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n  text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n  font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n  z-pagination .pagination-bar button:hover {\n    background-color: var(--color-surface01);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-primary);\n    color: var(--color-hover-primary);\n  }\n}\n\n@media (min-width: 768px) {\n  z-pagination {\n    --z-pagination--page-button-width: 88px;\n\n    flex-direction: row;\n    align-items: flex-end;\n  }\n\n  z-pagination .pages-container {\n    max-width: var(--z-pagination--pages-container-max-width);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { InputType } from \"../../beans\";\n/**\n * Pagination bar component.\n */\nexport class ZPagination {\n    constructor() {\n        this.label = undefined;\n        this.navArrows = true;\n        this.totalPages = undefined;\n        this.skip = 0;\n        this.edges = false;\n        this.split = undefined;\n        this.visiblePages = undefined;\n        this.currentPage = 1;\n        this.goToPage = undefined;\n        this._visiblePages = this.visiblePages;\n        this.isMobile = false;\n        this.goToPageValue = null;\n    }\n    /**\n     * Set the max width of the pages container.\n     */\n    setPagesContainerWidth() {\n        if (!this._visiblePages || this.split) {\n            this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n            return;\n        }\n        const pagesContainerStyle = window.getComputedStyle(this.host);\n        const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n        this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", `calc(${pageButtonWidth} * ${this._visiblePages})`);\n    }\n    /**\n     * Set visible pages.\n     * Ensure that the visible pages are always <= the total pages.\n     * If `visiblePages` isn't set, fallback to the total pages.\n     */\n    setVisiblePages() {\n        this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n    }\n    /**\n     * On page changed.\n     * @emits pageChanged\n     */\n    onPageChanged() {\n        this.pageChanged.emit(this.currentPage);\n        this.scrollToPage();\n    }\n    /**\n     * On split changed.\n     * Empty `edges` value. The split feature wins over the pages chunks and edges.\n     */\n    onSplitChanged() {\n        if (this.split) {\n            this.edges = false;\n        }\n    }\n    /**\n     * Hide stuff on mobile.\n     */\n    onResize() {\n        this.setMobile();\n    }\n    /**\n     * Set functionalities according to screen size.\n     */\n    setMobile() {\n        const mobileMediaQuery = \"screen and (max-width: 767px)\";\n        this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n    }\n    /**\n     * Get a list of pages chunks, each of `visiblePages` length.\n     * @returns {number[][]}\n     */\n    getPagesChunks() {\n        // array of numbers from 1 to `totalPages`\n        const pages = Array.from({ length: this.totalPages }, (_, i) => i + 1);\n        const chunks = [];\n        const chunksCount = Math.ceil(pages.length / this._visiblePages);\n        for (let index = 0; index < chunksCount; index++) {\n            chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n        }\n        return chunks;\n    }\n    /**\n     * Scroll to the left the chunk of pages containing the current page.\n     */\n    scrollToPage() {\n        const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`);\n        if (!pageBtn) {\n            return;\n        }\n        pageBtn.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"nearest\",\n            inline: \"center\",\n        });\n    }\n    /**\n     * Select a page.\n     * Do validations on the passed value before assigning it to `currentPage`.\n     * @param {number} page Page number to set\n     */\n    selectPage(page) {\n        this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n    }\n    /**\n     * Render page number button.\n     * @param {number} page Page number to render\n     * @returns {HTMLButtonElement}\n     */\n    renderPage(page) {\n        return (h(\"button\", { class: \"page-button\", type: \"button\", \"aria-current\": this.currentPage === page ? \"page\" : \"false\", title: `Vai alla pagina ${page}`, \"data-page\": page, \"data-current\": this.currentPage === page, onClick: () => this.selectPage(page) }, page));\n    }\n    /**\n     * Render split button.\n     * @param {number} page Page to select on click.\n     * @returns {HTMLButtonElement}\n     */\n    renderEllipsisButton(page) {\n        return (h(\"button\", { class: \"ellipsis-button\", type: \"button\", title: `Vai alla pagina ${page}`, onClick: () => this.selectPage(page) }, \"\\u2026\"));\n    }\n    /**\n     * Render chunked page buttons.\n     * @returns {HTMLDivElement[]}\n     */\n    renderPages() {\n        const pagesChunks = this.getPagesChunks();\n        if (pagesChunks.length <= 0) {\n            return;\n        }\n        return pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page))));\n    }\n    /**\n     * Render page buttons when split feature is enabled.\n     * @returns {HTMLButtonElement[]}\n     */\n    renderSplitPages() {\n        // left and right split pages, current page, first and last page, left and right ellipsis button\n        if (this.totalPages <= this.split * 2 + 5) {\n            // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n            return Array.from({ length: this.totalPages }, (_, i) => this.renderPage(i + 1));\n        }\n        if (this.currentPage <= this.split * 2 + 2) {\n            // Render first (2 * split + 3) pages, ellipsis, then last page.\n            return [\n                ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(i + 1)),\n                this.renderEllipsisButton(this.split * 2 + 4),\n                this.renderPage(this.totalPages),\n            ];\n        }\n        if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n            // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n            return [\n                this.renderPage(1),\n                this.renderEllipsisButton(this.currentPage - this.split - 1),\n                ...Array.from({ length: this.split * 2 + 1 }, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n                this.renderEllipsisButton(this.currentPage + this.split + 1),\n                this.renderPage(this.totalPages),\n            ];\n        }\n        // Render first page, ellipsis, then last (2 * split + 3) pages.\n        return [\n            this.renderPage(1),\n            this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n            ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n        ];\n    }\n    renderBackButton() {\n        return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla pagina precedente\", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, h(\"z-icon\", { name: \"chevron-left\" })));\n    }\n    renderForwardButton() {\n        return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla prossima pagina\", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, h(\"z-icon\", { name: \"chevron-right\" })));\n    }\n    renderMobile() {\n        const pagesChunks = this.getPagesChunks();\n        return [\n            this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label),\n            h(\"div\", { class: \"pagination-bar\" }, this.renderBackButton(), !this.goToPage && (h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, pagesChunks.length > 0 &&\n                pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page)))))), this.goToPage && (h(\"form\", { class: \"mobile-go-to-page\", onSubmit: (ev) => {\n                    ev.preventDefault();\n                    this.selectPage(this.goToPageValue);\n                } }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, onInput: (ev) => {\n                    this.goToPageValue = ev.target.value;\n                }, placeholder: this.currentPage.toString(), hasclearicon: false }), h(\"span\", null, `/${this.totalPages}`))), this.renderForwardButton()),\n        ];\n    }\n    componentDidLoad() {\n        this.setVisiblePages();\n    }\n    componentDidRender() {\n        if (this.split) {\n            this.edges = false;\n        }\n        this.setPagesContainerWidth();\n        this.setMobile();\n    }\n    render() {\n        if (this.isMobile) {\n            return h(Host, null, this.renderMobile());\n        }\n        return (h(Host, null, h(\"div\", { class: \"pagination-bar\" }, this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: \"Vai alla pagina 1\", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, \"Pagina 1\")), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, \"-\", this.skip)), this.navArrows && this.renderBackButton(), h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, \"+\", this.skip)), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, \"Pagina \", this.totalPages))), this.goToPage && (h(\"div\", { class: \"go-to-page\" }, h(\"span\", { class: \"label body-5-sb\" }, \"Vai a pagina:\"), h(\"div\", { class: \"inputs\" }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, placeholder: \"2\", hasclearicon: false, onInput: (ev) => {\n                this.goToPageValue = ev.target.value;\n            }, onKeyDown: (ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue) }), h(\"z-button\", { disabled: !this.goToPageValue, title: \"Vai alla pagina inserita\", onClick: () => this.selectPage(this.goToPageValue) }, \"vai\"))))));\n    }\n    static get is() { return \"z-pagination\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Pagination label placed before the bar.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"navArrows\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable navigation arrows.\"\n                },\n                \"attribute\": \"nav-arrows\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"totalPages\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Total number of pages. Required.\"\n                },\n                \"attribute\": \"total-pages\",\n                \"reflect\": false\n            },\n            \"skip\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to skip.\"\n                },\n                \"attribute\": \"skip\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"edges\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable buttons to go to the first and last pages.\"\n                },\n                \"attribute\": \"edges\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"split\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to show left/right of the current, before showing \\\"load more\\\" symbol (\\u2026).\"\n                },\n                \"attribute\": \"split\",\n                \"reflect\": false\n            },\n            \"visiblePages\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to show at a time. If not set, all pages will be shown.\"\n                },\n                \"attribute\": \"visible-pages\",\n                \"reflect\": false\n            },\n            \"currentPage\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Current page.\"\n                },\n                \"attribute\": \"current-page\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"goToPage\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether to show \\\"go to page\\\" feature.\"\n                },\n                \"attribute\": \"go-to-page\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"_visiblePages\": {},\n            \"isMobile\": {},\n            \"goToPageValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"pageChanged\",\n                \"name\": \"pageChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Event emitted when the current page has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"_visiblePages\",\n                \"methodName\": \"setPagesContainerWidth\"\n            }, {\n                \"propName\": \"visiblePages\",\n                \"methodName\": \"setVisiblePages\"\n            }, {\n                \"propName\": \"currentPage\",\n                \"methodName\": \"onPageChanged\"\n            }, {\n                \"propName\": \"split\",\n                \"methodName\": \"onSplitChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"onResize\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-panel-elem.js

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+
+const stylesCss = ".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";
+
+const ZPanelElem$1 = /*@__PURE__*/ proxyCustomElement(class ZPanelElem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.elemid = undefined;
+        this.imgurl = undefined;
+        this.imgalt = undefined;
+        this.linkicon = undefined;
+        this.linklabel = undefined;
+        this.url = undefined;
+        this.target = "_blank";
+        this.isdisabled = false;
+        this.descrSlotName = undefined;
+    }
+    render() {
+        const elemId = this.elemid ? this.elemid : "";
+        return (h("div", { key: '0812aa28734e176eaa553ba98011e4e9c7e9522c', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: 'ad62ef2a70a88716ef12b177117e820267e62762', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '8891d636ff439e25801a60a14e65e4dcad6d6038', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'aa1275fe9fa4f33cf9c7151bb192e9acce2d3070', class: "panel-elem-link" }, h("a", { key: '6500ac1c11088d22b12de3c63fd8e065c0cf100d', class: {
+                "z-link": true,
+                "z-link-disabled": this.isdisabled,
+                "z-link-icon": true,
+                "z-link-blue": true,
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '143e204c1d1bd20178a46a9d77110b9219464c99', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '9215d44929526bc6e9b8034debbec3f23b00d5ef', class: "panel-elem-desc" }, h("slot", { key: '036bc705038c03e6c021807f5d2217208ec46c9c', name: this.descrSlotName })))));
+    }
+    static get style() { return stylesCss; }
+}, [6, "z-panel-elem", {
+        "elemid": [1],
+        "imgurl": [1],
+        "imgalt": [1],
+        "linkicon": [1],
+        "linklabel": [1],
+        "url": [1],
+        "target": [1],
+        "isdisabled": [4],
+        "descrSlotName": [1, "descr-slot-name"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-panel-elem", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-panel-elem":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZPanelElem$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZPanelElem = ZPanelElem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZPanelElem, defineCustomElement };
+//# sourceMappingURL=z-panel-elem.js.map
+
+//# sourceMappingURL=z-panel-elem.js.map

package/dist/components/z-panel-elem.js.map

@@ -0,0 +1 @@
+{"file":"z-panel-elem.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,2zBAA2zB;;MCIh0BA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AACnB,IAAA,WAAA,GAAA;;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,IAAI,CAAC,GAAG,GAAG,SAAS;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ;AACtB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,aAAa,GAAG,SAAS;AACjC;IACD,MAAM,GAAA;AACF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE;QAC7C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AAC3e,gBAAA,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,IAAI,CAAC,UAAU;AAClC,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,aAAa,EAAE,IAAI;AACtB,aAAA,EAAE,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZPanelElem","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-panel-elem/styles.css?tag=z-panel-elem&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-panel-elem/index.js"],"sourcesContent":[":host {\n  width: inherit;\n  font-family: var(--font-family sans);\n  font-weight: var(--font-rg);\n}\n\n.panel-elem-container {\n  width: 100%;\n}\n\n.panel-elem-icon {\n  margin: auto calc(var(--space-unit) * 3);\n}\n\n.panel-elem-icon img {\n  display: block;\n  max-width: 96px;\n  height: 32px;\n  margin: auto;\n  object-fit: contain;\n}\n\n.panel-elem-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: var(--space-unit) auto 0;\n  border-radius: var(--border-no-radius);\n  font-size: 12px;\n}\n\n.panel-elem-link > a.z-link {\n  padding: calc(var(--space-unit) * 0.5) 0;\n  font-weight: var(--font-sb);\n}\n\n.panel-elem-desc {\n  padding-top: var(--space-unit);\n  margin: 0;\n  letter-spacing: 0.16px;\n  text-align: center;\n}\n\na > z-icon {\n  margin-right: var(--space-unit);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot `descrSlotName` - description content\n */\nexport class ZPanelElem {\n    constructor() {\n        this.elemid = undefined;\n        this.imgurl = undefined;\n        this.imgalt = undefined;\n        this.linkicon = undefined;\n        this.linklabel = undefined;\n        this.url = undefined;\n        this.target = \"_blank\";\n        this.isdisabled = false;\n        this.descrSlotName = undefined;\n    }\n    render() {\n        const elemId = this.elemid ? this.elemid : \"\";\n        return (h(\"div\", { key: '0812aa28734e176eaa553ba98011e4e9c7e9522c', class: \"panel-elem-container\" }, (this.imgurl || this.imgalt) && (h(\"div\", { key: 'ad62ef2a70a88716ef12b177117e820267e62762', \"aria-hidden\": \"true\", class: \"panel-elem-icon\" }, h(\"img\", { key: '8891d636ff439e25801a60a14e65e4dcad6d6038', src: this.imgurl, alt: this.imgalt }))), h(\"div\", { key: 'aa1275fe9fa4f33cf9c7151bb192e9acce2d3070', class: \"panel-elem-link\" }, h(\"a\", { key: '6500ac1c11088d22b12de3c63fd8e065c0cf100d', class: {\n                \"z-link\": true,\n                \"z-link-disabled\": this.isdisabled,\n                \"z-link-icon\": true,\n                \"z-link-blue\": true,\n            }, id: elemId + \"link_id\", href: this.url, target: this.target }, h(\"z-icon\", { key: '143e204c1d1bd20178a46a9d77110b9219464c99', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h(\"div\", { key: '9215d44929526bc6e9b8034debbec3f23b00d5ef', class: \"panel-elem-desc\" }, h(\"slot\", { key: '036bc705038c03e6c021807f5d2217208ec46c9c', name: this.descrSlotName })))));\n    }\n    static get is() { return \"z-panel-elem\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"elemid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"html element id (optional)\"\n                },\n                \"attribute\": \"elemid\",\n                \"reflect\": false\n            },\n            \"imgurl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"image url source (optional)\"\n                },\n                \"attribute\": \"imgurl\",\n                \"reflect\": false\n            },\n            \"imgalt\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"alternative image text (optional)\"\n                },\n                \"attribute\": \"imgalt\",\n                \"reflect\": false\n            },\n            \"linkicon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"icon link name (optional)\"\n                },\n                \"attribute\": \"linkicon\",\n                \"reflect\": false\n            },\n            \"linklabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"link label text\"\n                },\n                \"attribute\": \"linklabel\",\n                \"reflect\": false\n            },\n            \"url\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"link url\"\n                },\n                \"attribute\": \"url\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"link target (optional)\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"_blank\\\"\"\n            },\n            \"isdisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"disabled status flag (optional)\"\n                },\n                \"attribute\": \"isdisabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"descrSlotName\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"name of slot container (optional)\"\n                },\n                \"attribute\": \"descr-slot-name\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-popover.js

@@ -0,0 +1,9 @@
+import { Z as ZPopover$1, d as defineCustomElement$1 } from './p-wdrm-LLt.js';
+
+const ZPopover = ZPopover$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZPopover, defineCustomElement };
+//# sourceMappingURL=z-popover.js.map
+
+//# sourceMappingURL=z-popover.js.map

package/dist/components/z-popover.js.map

@@ -0,0 +1 @@
+{"file":"z-popover.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}